/* BLOG POST */

.blog-post__featured-image-wrapper {
  overflow: hidden;
}


.blog-post__featured-image-wrapper__image {
  width: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: var(--image-ratio-style-2);
  max-height: 650px;
  border-radius: 30px;
  /**** panoramic, blog hero ****/
}

.blog-post__article {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
}

.blog-post__article a:not(.cta_button),
.blog-post__article a span:not(.cta_button span) {
    text-decoration: underline;
}

.blog-post__article .cta_button {
    text-decoration: nonr;
}

.case-study__blog-wrapper .blog-post__article {
  max-width: 1200px;
}

.blog-post__article__title {
  margin-bottom: 1.5rem;
}

.blog-post__article__title h1 {
	font-size: 2.3rem;
  line-height: 90px !important;
}

.blog-post__article__meta {
  display: flex;
  gap: 5px;
  font-size: 14px;
  align-items: center;
  margin-bottom: 1.4rem;
  margin-top: 1rem;
}

.blog-post__article__meta__author {

}

.blog-post__article__meta__read-time,
.blog-post__article__meta__timestamp {
  font-size: 14px;
}

.blog-post__article__meta__social-links {
  margin-left:auto;
} 

.blog-post__article__meta__social-links__list {
  display: flex;
  align-items: center;
  list-style: none;
  gap: 16px;
}
  
.blog-post__article__meta__social-links__list__item{
  display: flex;
}

.blog-post__article__meta__social-links__list__item svg {
  height: 20px;
}


.blog-post__article__meta__timestamp {
  display: block;
}

.blog-post__article__body{
  /*display: flex;
	justify-content: center;*/
}

.blog-post__article__body p, .blog-post__article__body ul:not(.blog-post__article__body section *){
  max-width: 54ch;
}

.case-study__blog-wrapper .blog-post__article__body p, 
.case-study__blog-wrapper .blog-post__article__body ul:not(.case-study__blog-wrapper .blog-post__article__body section *){
  max-width: none;
}


.blog-post__article__body h2 {
  margin-bottom: 24px;
}

.blog-post__article__body ul {
  margin-left: 20px;
}

.blog-post__article img {
  border-radius: 30px;
}

@media screen and (max-width: 768px) {
  .blog-post__article__meta{
    flex-direction: column;
    align-items: flex-start;
  }
  .blog-post__article__meta__author,
  .blog-post__article__meta__read-time,
  .blog-post__article__meta__timestamp{
    width:100%;
  }

  .blog-post__article__meta__social-links__list,
  .blog-post__article__meta__social-links{
    margin-left: 0;
  }
  .blog-post__article__meta__social-links{
    margin-top:1rem;
  }
  
}

/* COMMENTS */


#comments-listing .comment-reply-to {
  color: ;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: ;
}

#comments-listing .comment-reply-to:active {
  color: ;
}

.blog-comments {
  margin: 0 auto;
  width: 100%;
  max-width: 96ch;
}

.blog-comments .new-comments {
  margin-top: 32px;
}

.blog-comments .new-comments .comment.depth-0 {
  border-top: 1px solid var(--grey-200);
  padding-top: 32px;
  margin-top: 32px;
}

.blog-comments .new-comments .comment.depth-0:last-child {
  border-bottom: 1px solid #eee;
  padding-bottom: 32px;
  margin-bottom: 32px;
}

.blog-comments .new-comments .comment.depth-1 {
  background-color: var(--grey-100);
  margin-left:32px;
  padding: 32px;
  position:relative;
}

.blog-comments .new-comments .comment.depth-1:after {
  content: '';
  position: absolute;
  left:16px;
  top:38px;
  width: 0; 
  height: 0; 
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid var(--grey-500);
}


.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
}

.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
  background-color: transparent;
  text-decoration: underline;
}

.blog-comments .replying {
  padding: 32px;
  background-color: #eee;
  margin-bottom: 32px;
}

.blog-comments .replying .replying-to {
  font-weight: bold;
  margin-bottom: 32px;
  display: block;
}

.blog-comments .replying .hs-form-field>label {
  padding-left: 0;
}


.blog-comments .comment-reply-to.hs-button.secondary {
  display: block;
}



.blog_card_group-item {
  display: flex;
  row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 60px;
  /* space for navigation */
}

.blog_card_group-item.swiper-slide{
  height:auto;
}


@media screen and (min-width: 480px) {
  .add_border.swiper-slide {
    height: auto;
  }
}

.link_style-bullet {
  text-decoration: dotted;
}

.swiper.card_swiper-slide,
.swiper.card_swiper-fade,
.swiper.card_swiper-zoom {
  padding: 0 0 40px;
}

/**************card image bleed to edges*************/

.add_border .blog_card_group__image-wrapper {
  padding: 20px;
}

.blog_card_group__image-wrapper.card_image-full-width {
  padding: 0;
}

/* NEW BLOG STYLES */

 /* CARDS */


.blog_post_card.swiper-slide{
  opacity:1;
  height:auto;
}

.blog_post_card__image-wrapper {
  display: flex;
  width: 100%;
  position: relative;
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  height: fit-content;
}

.blog_post_card__image-wrapper.no-padding {
  padding:0;
}
 
.blog_post_card__post-link{ /*-- add image?? */
  line-height: 0;
  overflow: hidden;
  display: block;
  width:100%;
  border-radius: 30px;
}

.blog_post_card__description__body {
  margin: 16px 8px 0 8px;
}

.blog_post_card__image-wrapper__image{
  object-fit: cover;
  transition: transform 1s ease-in-out;
}

.blog_post_card__image-wrapper__image--medium {
  aspect-ratio: var(--image-ratio-style-2);
  max-height: 250px;
}

.blog_post_card__image-wrapper__image--short {
  aspect-ratio: var(--image-ratio-style-4);
  height: 200px;
}

.blog_post_card__image-wrapper__image--tall{
  aspect-ratio: var(--image-ratio-style-6);
  max-height: 480px;
	/* height: 460px; */
  object-fit: cover;
  border-radius: 32px;
}

.blog_post_card__post-link:hover .blog_post_card__image-wrapper__image{ 
  transform: scale(1.1);
}

.blog_post_card__image-wrapper__inner-wrapper{

}

.blog_post_card__body {
  padding: 18px 24px 24px 24px;
  z-index: 1;
  margin-top: auto;
  pointer-events: none;
}



.blog_post_card__header {
  display: flex;
}

.text-left .blog_post_card__header {
  justify-content: flex-start;
}

.text-right .blog_post_card__header {
  justify-content: flex-end;
}

.text-center .blog_post_card__header {
  justify-content: center;
}

.text-center .text-left .blog_post_card__header {
  justify-content: flex-start;
}

.blog_post_card__header__title {
  margin-top: 0;
  line-height: 1.1;
  font-size: 20px;
  margin: 32px 8px 16px;
  pointer-events: auto;
}

.blog_post_card__post-date-author {
  font-size: 14px;
  display: flex;
  gap: 8px;
}

.text-left .blog_post_card__post-date-author {
  justify-content: flex-start;
}

.text-right .blog_post_card__post-date-author {
  justify-content: flex-end;
}

.text-center .blog_post_card__post-date-author {
  justify-content: center;
}

.blog_post_card__post-date-author__author {

}

.blog_post_card__post-date-author__author__link {

}

.blog_post_card__post-date-author__post-date {

}

.blog_post_card__read-time {
  font-size: 14px;
  margin: 0 8px;
}

.case-study__blog-wrapper .blog_post_card__read-time {
  margin-left: 0;
}

.blog_post_card__description {
  display: flex;
}

.text-left .blog_post_card__description {
  justify-content: flex-start;
}

.text-right .blog_post_card__description {
  justify-content: flex-end;
}

.text-center .blog_post_card__description {
  justify-content: center;
}

.blog_post_card__description.body_hidden {
  display: block;
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s ease;
}

.blog_post_card:hover:not(.blog_post_card.blog-carousel__list-item--third) .blog_post_card__description.body_hidden { 
  max-height: 200px;
}

.blog_post_card__description { 
  font-size: 14px;
}

.blog_post_card__cta-wrapper {
  display: flex;
  margin-top: 16px;
}

.blog_post_card__cta {
  position: relative;
  overflow: hidden;
  padding-bottom: 8px;
  pointer-events: all;
}

.blog_post_card__cta:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background: var(--grey-000);
  transition: left 0.2s ease;
}

.blog_post_card__cta:hover:before {
  left: 100%;
}

.blog_post_card__icon {
  position: absolute;
  right: 48px;
  bottom: 28px;
  transition: transform 0.25s linear;
}

.blog_post_card:hover:not(.blog_post_card.blog-carousel__list-item--third) .blog_post_card__icon {
  transform: translateX(8px);
}

.blog_post_card:hover:not(.blog_post_card.blog-carousel__list-item--third) .blog_post_card__post-link:after {
  background: linear-gradient(0deg, #000 3.85%, rgba(0, 0, 0, 0.00) 100%);
}

/* TAGS  */

.blog-tags { /* wrapper */
  display: block;
  margin: 0 24px 24px;
}

.blog-tags__list{
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 32px;
  row-gap: 8px;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
}

.text-left .blog-tags__list{
  justify-content: flex-start;
}

.text-right .blog-tags__list{
  justify-content: flex-end;
}

.text-center .blog-tags__list{
  justify-content: center;
}

.text-center .text-left .blog-tags__list{
  justify-content: flex-start;
}

.blog-tags__list__item{
 display: flex;
}

.blog-tags__list__item__link{
  color: var(--grey-000);
  padding: 12px 0px;
  font-size: 18px;
  text-transform: capitalize;
  text-decoration: none;
  position: relative;
}

.blog-tags__list__item__link:not(.blog-tags--card .blog-tags__list__item__link):after {
  content: ".";
  color: var(--primary-100);
}

.blog-tags__list__item__link:hover:before {
  /* color: var(--secondary-300); */
  text-decoration: underline;
  background: var(--grey-000);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;.blog-tags--card .blog-tags__list
  transition: left .2s ease;
  width: 100%;
}

.blog-tags__list__item__link--active{
  pointer-events: none;
  /* font-weight: 700; */
}

.blog-tags__list__item__link--active:before {
  background: var(--primary-100);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: left .2s ease;
  width: 100%;
}

.blog-tags__list__item__link--active.link--hover-effect:before {
  left: 0;
  background: var(--primary-100);
}

.blog-tags--card.blog-tags{
  margin: auto 0 0 0;
}

.blog-tags--card .blog-tags__list {
  gap: 16px;
}

.blog-tags--card .blog-tags__list__item__link{
  font-size: 14px;
  padding: 8px 20px;
  border-radius: 90px;
  background-color: var(--grey-000);
  color: var(--primary-000);
}

/* case study specifc styles */

.case-study__blog-wrapper .blog-post__article__body {
  margin-top: 7rem;
}

.case-study__blog-wrapper  .blog_post_card__description__body {
  margin-left: 0;
}

.case-study__blog-wrapper .blog_post_card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  position: relative;
	text-align: left;
}

.case-study__blog-wrapper .blog_post_card .blog_post_card__header {
	justify-content: flex-start;
}

.case-study__blog-wrapper .blog_post_card__body {
  padding: 0 128px 36px 48px;
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  z-index: 1;
  margin-top: auto;
  pointer-events: none;
}

.case-study__blog-wrapper .blog_post_card__header__title {
  margin: 16px 0 0 0;
  font-size: 1.25rem;
  font-weight: 700;
}

.case-study__blog-wrapper .blog_post_card__header__title:after {
  position: absolute;
  content: ".";
  color: var(--primary-100);
}

.case-study__blog-wrapper .blog_post_card__post-link:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 3.85%, rgba(0, 0, 0, 0.00) 100%); 
}

/* end case study specific styles */ 

.news__blog-wrapper .blog-post__article {
  max-width: 54ch;
}

.news__blog-wrapper .blog-tags {
  margin: 0;
}

/* PAGENATION */

.page-load-button,
.blog-pagination {
  display: flex;
  justify-content: center;
  margin-top: 56px;
}

.blog-pagination__view-more {
  margin: auto;
}

.blog-pagination__link {
  border-radius: 5px;
  line-height: 1;
  padding: 8px 6px;
  text-decoration: none;
  min-width: 40px;
  display: inline-block;
  text-align: center;
  background-color: var(--secondary-300);
  color: var(--grey-900);
}

.blog-pagination__link--active{
  color: var(--secondary-300);
  background-color: var(--primary-700);
  pointer-events: none;
}

.blog-pagination__link:hover,
.blog-pagination__link:focus {
  text-decoration: none;
}

.blog-pagination__link--prev {
  margin-right: 8px;
}

.blog-pagination__link--next {
  margin-left: 8px;
}

.blog-pagination__link.blog-pagination__link--prev,
.blog-pagination__link.blog-pagination__link--next {
  background-color: transparent;

}

.blog-pagination__link.blog-pagination__link--disabled {
  color: var(--grey-300);
  cursor: default;
  pointer-events: none;
}

.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
  color: var(--secondary-300);
  background-color: var(--primary-900);
  text-decoration: underline;
}

@media (max-width: 767px) {
  .blog-pagination__number-link {
    display: none;
  }
}

/* LAYOUT  */

/****************Grid Layout **************/
.blog_cards_wrapper{
  /* padding-top: 32px; */
}

/* Remove left and right padding from modules within the blog content */

.blog-post__article__body .content-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.blog-post__article__body .feature-list__wrapper {
  margin-left: 0;
}


.blog_cards_wrapper__inner_wrapper {
  display: grid;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}


.blog_cards_wrapper.swiper-carousel {
  width: 100vw;
  left: 64px;
}

.blog-cards.case-study__blog-wrapper {
  overflow-x: hidden;
}

.card__blog-wrapper .swiper-pagination-bullet {
  height: 12px;
  width: 12px;
}

.card__blog-wrapper .swiper-pagination-bullet-active {
  background-color: var(--grey-000);
}

.card__blog-wrapper .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -16px;
  display: none;
}


@media screen and (min-width: 1280px) {

  .blog_cards--grid-col-2 {
    grid-template-columns: 1fr 1fr;
  }

  .blog_cards--grid-col-3 {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 32px;
  }

  .blog_cards--grid-col-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media screen and (min-width: 960px) {
  .blog_post_card.blog-carousel__list-item--third .blog_post_card__image-wrapper,
  .blog_post_card.blog-carousel__list-item--third .blog_post_card__body {
    opacity: 0.2;
    pointer-events: none;
  }
}

@media screen and (max-width: 1279px) {

  .blog_cards--grid-col-2 {
    grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
  }

  .blog_cards--grid-col-3 {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 32px;
  }

  .blog_cards--grid-col-4 {
    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
  }

  .case-study__blog-wrapper .blog_post_card__body {
    padding: 0 96px 24px 24px;
  }

  .blog_post_card__icon {
    right: 24px;
    bottom: 16px;
  }

}

@media screen and (max-width: 1024px) {
  
  .blog_cards--grid-col-3 {
    grid-template-columns: 1fr 1fr;
  }

}

@media screen and (max-width: 960px) {
	.blog-post__article__title h1 {
		line-height: var(--heading-line-height) !important;
	}
	
}

@media screen and (max-width: 767px) {
  .blog_cards--grid-col-2,
  .blog_cards--grid-col-3,
  .blog_cards--grid-col-4 {
    grid-template-columns: 1fr;
  }

  .blog_post_card__body {
    padding: 32px 8px 8px 0px;
  }

  .blog-post__article__body ul {
    margin-left: 20px;
  }

  /* .blog_post_card__image-wrapper__image--tall {
    height: 300px;
  } */

  .blog_post_card__header__title {
    margin: 16px 8px;
  }

  .blog_post_card__image-wrapper__image--medium {
    max-height: none;
  }

  .blog_cards_wrapper.swiper-carousel {
    width: auto;
    left: 0;
  }

  .card__blog-wrapper .swiper-pagination-bullets.swiper-pagination-horizontal {
    display: block;
  }
}

@media screen and (max-width: 560px) {
  .blog_post_card__icon,
  .blog_post_card__cta {
    display: none;
  }

  .case-study__blog-wrapper .blog_post_card__body {
    padding: 0 32px 32px;
  }

  .blog_post_card__image-wrapper__image {
    user-select: none;
  }
}