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

.featured-posts-carousel[data-animation].animate__animated {
    animation-name: fadeIn;
    
}

.blocks-container .featured-posts-carousel[data-color-scheme|="light"]:is(:nth-child(2)) {
    padding: var(--block-margin) 0 0;
}

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

.featured-posts-carousel-heading{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    column-gap: var(--column-gap);
    align-items: end;
}

.featured-posts-carousel-heading p{
    margin: 0;
}

.featured-posts-carousel .featured-posts-carousel-container{
    max-width: var(--wide-width);
    position: relative;
}

.featured-posts-carousel-container .featured-posts-carousel-item{
    display: flex;
}

.featured-posts-carousel-container .featured-posts-carousel-item{
    height: auto;
    width: calc(80% - (var(--page-padding) * 2) - var(--item-column-gap));
    flex-shrink: 0;
}

.featured-posts-carousel-container .featured-posts-carousel-item:last-child{
    margin-right: calc((100% - var(--wide-width)) / 2);
    padding-right: 0;
}

.featured-posts-carousel-container .featured-posts-carousel-item article{
    width: 100%;
}

.featured-posts-carousel-container .featured-posts-carousel-item a{
    grid-template-columns: minmax(0, 1fr);
    height: 100%;
    background: transparent;
    border: 0.3rem solid var(--accent-color);
    padding: var(--item-row-gap);
    column-gap: var(--item-column-gap);
    row-gap: var(--item-row-gap);
}

.featured-posts-carousel-container .featured-posts-carousel-item a .post-loop-image {
    width: 100%;
}

.featured-posts-carousel-container .featured-posts-carousel-item a .post-loop-image img {
    height: auto;
}

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

.featured-posts-carousel-container .featured-posts-carousel-item a .post-loop-inner h3 {
    color: var(--color-black);
    font: var(--font-headline-3);
    line-height: var(--title-line-height);
    margin-bottom: 0;
}

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

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

.featured-posts-carousel-container .featured-posts-carousel-item a .post-loop-inner .read-more{
    margin-top: auto;
    text-decoration: none;
    transition: 0.3s ease all;
}

.featured-posts-carousel-container .featured-posts-carousel-item a:is(:hover, :focus) .post-loop-inner .read-more {
    color: var(--link-color);
    text-decoration-color: var(--link-color);
    transition: 0.3s ease all;
}

.featured-posts-carousel-container .featured-posts-carousel-item a .post-loop-inner {
    color: var(--text-color);
}

.featured-posts-carousel-navigation{
    position: absolute;
    top: 50%;
    bottom: 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;
}

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

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

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

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

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

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

.blocks-container .featured-posts-carousel-pagination{
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: var(--wide-width);
    position: absolute;
    bottom: calc( var(--page-padding) * -2 );
    left: 50%!important;
    transform: translateX(-50%);
    z-index: 2;
    pointer-events: none;
}

.featured-posts-carousel-pagination .swiper-pagination-bullet{
    opacity: 1;
    background-color: var(--color-ice-blue);
}

.featured-posts-carousel-pagination .swiper-pagination-bullet-active{
    opacity: 1;
    background-color: var(--accent-color);
}

@media (min-width: 768px) and (max-width: 991px) {
    .featured-posts-carousel-container .featured-posts-carousel-item a{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px){
    .featured-posts-carousel-heading{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .featured-posts-carousel-heading h2{
        margin: 0;
    }
}

@media (min-width: 992px){
    .featured-posts-carousel-container .featured-posts-carousel-item{
        width: 100%;
        max-width: var(--wide-width);
    }

    .featured-posts-carousel-container .featured-posts-carousel-item a {
        grid-template-columns: 35rem minmax(0, 1fr);
    }
}