.posts-display{
    max-width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    column-gap: var(--column-gap);
    row-gap: var(--heading-and-body-gap);
    align-items: start;
    overflow: hidden;
    padding: var(--block-margin) 0;
}

.posts-display.animate__animated {
    animation-name: fadeIn;
    
}

.posts-display > *{
    width: 100%;
    max-width: var(--wide-width);
    margin: 0 auto;
}

.posts-display-heading{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    column-gap: var(--large-column-gap);
    align-items: end;
    row-gap: var(--title-and-body-gap);
}

.posts-display-heading h2 {
    margin-bottom: var(--row-gap);
}

.posts-display-heading-content {
    display: flex;
    row-gap: var(--body-and-buttons-gap);
    flex-direction: column;
}

.posts-display-heading p{
    margin: 0;
}

.posts-display-heading-buttons {
    grid-column: 2;
    display: flex;
    flex-wrap: wrap;
    gap: var(--buttons-gap);
    align-items: center;
}

.posts-display .posts-display-container[data-template="carousel"]{
    max-width: var(--wide-width);
    position: relative;
}

.posts-display .posts-display-container[data-template="carousel"] .post-loop .post-loop-image {
    aspect-ratio: 1;
}

.posts-display .post-loop h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.posts-display .posts-display-container[data-template="carousel"] .post-loop h3 {
    color: var(--color-black);
}

.posts-display .post-loop p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.posts-display .posts-display-container[data-template="carousel"] .post-loop a {
    background: var(--color-white);
}

.posts-display-container[data-template="grid"] .posts-display-grid{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    column-gap: calc( var(--item-column-gap) + var(--extra-small-column-gap));
    row-gap: calc( var(--item-row-gap) + var(--extra-small-row-gap));
}

.posts-display-container:is([data-template="grid"], [data-template="carousel"]) .posts-display-item{
    display: flex;
}

.posts-display-container:is([data-template="grid"], [data-template="carousel"]):not([data-enable-fill="1"]) .posts-display-item article a {
    background: transparent;
}

.posts-display-container:is([data-template="grid"], [data-template="carousel"]):not([data-enable-fill="1"])[data-enable-outline="1"] .posts-display-item article a {
    background: transparent;
    border: 0.1rem solid;
}

.posts-display-container:is([data-template="grid"], [data-template="carousel"]):not([data-enable-fill="1"])[data-enable-outline="1"] .posts-display-item .post-loop-image {
    padding: 2.4rem 2.4rem 0;
}

.posts-display-container:is([data-template="grid"], [data-template="carousel"]):not([data-enable-fill="1"])[data-enable-outline="1"] .posts-display-item:is(:hover, :active, :focus) .post-loop-image img {
    transform: scale(1.18);
}

.posts-display-container:is([data-template="grid"], [data-template="carousel"]):not([data-enable-outline="1"])[data-enable-fill="1"] .posts-display-item article a {
    background: var(--color-light-gray);
}

.section-background:is([data-color-scheme="light-gray"], [data-color-scheme="dark-ice-blue"]) > .blocks-container > .posts-display .posts-display-container:is([data-template="grid"], [data-template="carousel"]):not([data-enable-outline="1"])[data-enable-fill="1"] .posts-display-item article a {
    background: var(--color-white);
}

.posts-display-container:is([data-template="grid"], [data-template="carousel"]) .post-loop .post-loop-image {
    aspect-ratio: 1;
}

.posts-display-container[data-template="carousel"] .posts-display-item{
    height: auto;
    width: calc(80% - (var(--page-padding) * 2) - var(--item-column-gap));
    flex-shrink: 0;
}

.posts-display-container[data-template="carousel"] .posts-display-item:last-child{
    margin-right: calc((100% - var(--wide-width)) / 2);
    padding-right: 0;
}

.posts-display-container:is([data-template="grid"], [data-template="carousel"]) .posts-display-item a{
    height: 100%;
}

.posts-display-container[data-display-featured-image="1"]:is([data-template="grid"], [data-template="carousel"]) .posts-display-item a{
    grid-template-rows: min-content auto;
}

.posts-display-container .posts-display-item a .post-loop-inner{
    display: flex;
    flex-direction: column;
    height: 100%;
    row-gap: calc( var(--small-row-gap) + var(--extra-small-row-gap));
}

.posts-display-container[data-display-featured-image="1"]:is([data-template="grid"], [data-template="carousel"]) .posts-display-item a .post-loop-inner:first-child:last-child{
    grid-row: span 2;
}

.posts-display-container:not([data-display-featured-image="1"]):is([data-template="grid"], [data-template="carousel"]) .posts-display-item a .post-loop-image{
    display: none;
}

.posts-display-container .posts-display-item a .post-loop-inner .read-more{
    margin-top: auto;
}

.posts-display-navigation{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    width: var(--wide-width);
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
    transform: translateX(-50%);
    z-index: 2;
}

.posts-display-navigation button{
    pointer-events: all;
    transition: 0.3s ease all;
}

.posts-display-navigation button[disabled]{
    opacity: 0;
    pointer-events: none;
}

.posts-display-navigation button:focus{
    outline: none;
}

.posts-display-navigation button:is(:hover, :focus, :active) svg rect {
    fill: var(--color-deepest-blue);
    transition: 0.3s ease all;
}

.posts-display-navigation .posts-display-navigation-prev{
    transform: translateX(-50%);
}

.posts-display-navigation .posts-display-navigation-next{
    transform: translateX(50%);
}

.posts-display-container[data-template="masonry"] .posts-display-grid{
    display: grid;
    grid-auto-flow: dense;
    grid-template-columns: minmax(0, 1fr);
    column-gap: var(--item-column-gap);
    row-gap: var(--item-row-gap);
}

.posts-display-container[data-color="ice-blue"]{
    --accent-color: var(--color-ice-blue);
}

.posts-display-container[data-color="vibrant-blue"]{
    --accent-color: var(--color-vibrant-blue);
}

.posts-display-container[data-color="deepest-blue"]{
    --accent-color: var(--color-deepest-blue);
}

.posts-display-container[data-color="sunburst"]{
    --accent-color: var(--color-sunburst);
}

.posts-display-container[data-color="grape"]{
    --accent-color: var(--color-grape);
}

.posts-display-container[data-template="masonry"] .posts-display-item:not(:first-child) a .post-loop-inner .read-more{
    margin-top: auto;
}

.posts-display-container[data-template="masonry"] .posts-display-item:nth-child(1) a{
    border: 0.2rem solid var(--accent-color);
    background-color: var(--color-white);
}

.posts-display-container[data-template="masonry"] .posts-display-item:nth-child(1) .post-loop-image{
    margin: var(--item-row-gap) var(--item-column-gap) 0 var(--item-column-gap);
    aspect-ratio: 1;
    width: 100%;
    max-height: calc(100% - var(--item-row-gap));
    max-width: calc(100% - (2 * var(--item-column-gap)));
}

.posts-display-container[data-template="masonry"] .posts-display-item:nth-child(2) .post-loop-image{
    aspect-ratio: 1;
}

.posts-display-container[data-template="masonry"] .posts-display-item:nth-child(n + 3) .post-loop-image{
    display: none;
}

.posts-display-container[data-template="masonry"] .posts-display-item:nth-child(4) a{
    background-color: var(--accent-color);
}

.posts-display-container[data-template="masonry"]:is([data-color="grape"], [data-color="deepest-blue"], [data-color="vibrant-blue"]) .posts-display-item:nth-child(4) :is(.post-loop-inner, .post-loop-inner h3){
    color: var(--color-white);
}

.posts-display-container[data-template="masonry"]:is([data-color="grape"], [data-color="deepest-blue"], [data-color="vibrant-blue"]) .posts-display-item:nth-child(4) :is(.post-loop-inner, .post-loop-inner h3){
    --hover-link-color: var(--color-white);
}

.posts-display-container[data-template="masonry"] .posts-display-item:nth-child(1) .post-loop-tags li.post-loop-new{
    background-color: var(--accent-color);
}

.posts-display-container[data-template="masonry"]:is([data-color="ice-blue"], [data-color="sunburst"]) .posts-display-item:nth-child(1) .post-loop-tags li.post-loop-new{
    color: var(--color-black);
}

.posts-display-container .posts-display-grid .posts-display-item a .post-loop-inner h3 {
    color: var(--color-black);
}

.posts-display-container[data-color="sunburst"] .posts-display-item:nth-child(4) .post-loop-tags li.post-loop-resource-type-webinars {
    background-color: var(--color-white);
}

.posts-display-container[data-color="vibrant-blue"] .posts-display-item:nth-child(4) .post-loop-tags li.post-loop-flair {
    background-color: var(--color-white);
    color: var(--color-black);
}

.posts-display-container:is([data-color="deepest-blue"], [data-color="grape"], [data-color="vibrant-blue"]) .posts-display-item:nth-child(4) .post-loop-tags li:is(.post-loop-resource-type-exclusive-content, .post-loop-resource-type-guides) {
    color: var(--color-white);
}

.posts-display-container:is([data-color="deepest-blue"], [data-color="grape"], [data-color="vibrant-blue"]) .posts-display-item:nth-child(4) .read-more {
    --tertiary-button-text-color: var(--color-white);
    --tertiary-button-hover-text-color: var(--color-white);
}

@media (max-width: 767px) {
    .posts-display {
        row-gap: var(--large-row-gap);
    }
}

@media (min-width: 768px){
    .posts-display-heading{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: flex-end;
    }

    .posts-display-heading h2{
        margin: 0;
    }
}

@media (min-width: 992px){
    .posts-display-heading-buttons {
        justify-content: flex-end;
    }

    .posts-display-container[data-template="grid"] .posts-display-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .posts-display-container[data-template="carousel"] .posts-display-item{
        width: calc( (var(--wide-width) / 3) - 3rem );
    }

    .posts-display-container[data-template="carousel"][data-enable-outline="1"] .posts-display-item {
        width: calc( (var(--wide-width) / 3) - ( var(--page-padding) / 6 ) );
    }

    .posts-display-container[data-template="masonry"] .posts-display-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, auto));
    }

    .posts-display-container[data-template="masonry"] .posts-display-grid .posts-display-item:nth-child(1){
        grid-column: span 2;

        .post-loop-image img {
            height: auto;
        }
    }

    .posts-display-container[data-template="masonry"] .posts-display-grid .posts-display-item:nth-child(2){
        grid-row: span 2;
    }

    .posts-display-container[data-template="masonry"] .posts-display-item:nth-child(1) a{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .posts-display-container[data-template="masonry"] .posts-display-item:nth-child(1) .post-loop-image{
        margin: var(--item-row-gap) 0 var(--item-row-gap) var(--item-column-gap);
        height: 100%;
        max-width: calc(100% - var(--item-column-gap));
        max-height: calc(100% - (2 * var(--item-row-gap)));
    }

    .posts-display-container[data-template="masonry"] .posts-display-item :is(article, a){
        height: 100%;
    }

    .posts-display-container[data-template="masonry"] .posts-display-item:nth-child(2) a {
        grid-template-rows: auto minmax(0, 1fr);
    }

    .posts-display-container[data-template="masonry"] .posts-display-item:nth-child(2) .post-loop-image{
        aspect-ratio: 1;
    }

    .posts-display-container[data-template="masonry"] .posts-display-item:nth-child(3):last-child{
        grid-column: span 2;
    }

    .posts-display-container[data-template="masonry"] .posts-display-item:nth-child(1):nth-last-child(2){
        grid-row: span 2;
    }

    .posts-display-container[data-template="masonry"] .posts-display-item:first-child:last-child{
        grid-column: span 3;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .posts-display {
        .posts-display-container[data-template="masonry"] {
            .posts-display-item:not(:nth-child(n + 3)) {
                article a {
                    display: grid;
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }
            }
        }
    }
}

@media not all and (min-width: 768px) {
  .posts-display {
    .posts-display-heading {
      & h2 {
        font-size: 4rem;
        text-wrap: balance;
        margin-bottom: 0;
      }

      .posts-display-heading-content {

        & p {
          font-size: 1.8rem;
          line-height: 1.5;
        }
      }
    }

    .posts-display-container[data-template="carousel"] {

      .posts-display-carousel {
        .swiper-slide {
          width: 100%;
  
          .post-loop-image {
            aspect-ratio: 4 / 3.5
          }

          .post-loop-inner {
            padding: 2.4rem;
            row-gap: 1.6rem;

            & h3 {
              font-size: 3.2rem;
              line-height: 1.2;
            }

            & > p {
              font-size: 1.8rem;
              line-height: 1.5;
            }
          }
        }
      }

      .posts-display-navigation {
        width: 100%;
        top: 0;
        bottom: auto;
        left: 50%;
        transform: translateX(-50%);
        aspect-ratio: 4 / 3.5;

        .posts-display-navigation-prev {
          transform: translateX(-25%);
        }

        .posts-display-navigation-next {
          transform: translateX(25%);
        }
      }
    }
  }
}