.bb-fade-active{
    li.gspbgrid_item{
        transition-property: opacity;
        transition-duration: 0.2s;
        transition-timing-function: ease-in-out;

        &:not(.swiper-slide-active) {
            opacity: 0.5;

            .wp-block-post-excerpt__excerpt{
                display: none;
            }
        }
    }
}

.gspb_slidingPanel-wrap {
    align-items: center;
    
    .gspb_slidingPanel-inner {
        img {
            filter: brightness(100);
        }
    }
}

/* FAQ Section */
.faq-section {
    gap: 154px;

    .faq-accordions {
        .wp-block-greenshift-blocks-accordionitem {
            border-bottom: 1px solid white;

            .iconfortoggle {
                border: 1px solid var(--wp--preset--color--white);
                border-radius: 100px;
                width: 56px;
                height: 40px;
                padding: 13px 21px;
                .gs-iconbefore, .gs-iconafter {
                    background-color: #fff;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                }

                .gs-iconafter {
                    display: none;
                    transform: rotate(-45deg) translate(-50%, -50%);
                }
            }
            &.gsopen {
                .iconfortoggle {
                    background-color: var(--wp--preset--color--white);
                }
                .gs-iconbefore, .gs-iconafter {
                    background-color: var(--wp--preset--color--primary);
                }

                .gs-iconbefore {
                    transform: translate(-50%, -50%) rotate(45deg);
                }

                .gs-iconafter {
                    display: block;
                    transform: translate(-50%, -50%) rotate(-45deg)  !important;
                    
                }
            }
        }
        .wp-block-greenshift-blocks-accordionitem:first-child {
            .gs-accordion-item__title {
                padding-top: 0px !important;
            }
        }
    }
}

/* Info section on campsite inner pages */
#campsite-tabs {
    gap: 5vw;
    display:grid;
    grid-template-columns: 1fr auto;
    justify-content: space-between;
    width:100%;

    .t-btn-container {
        display:flex;
        align-content: start;
        gap:1rem;
        padding: 110px 0;
        
        order:2;

        .t-btn {
            width:auto!important;
            flex-basis: calc(50% - 1rem);
            padding: 6px;
            
            justify-content: flex-start;

            &.active, &:hover  {
                .tabtitlelabel::before {
                    background-color: #fff !important;
                }
            }


            .tabtitlelabel::before {
                content: '';
                background-repeat: no-repeat;
                aspect-ratio: 1;
                height: 40px;
                width: 40px;
                background-position: 50%;
            }

            &:nth-child(1) {
                .tabtitlelabel::before {
                    background-image: url(../../images/at_a_glance.svg);
                    background-size: 21px 27px;
                    
                }
                &:hover, &.active {
                    .tabtitlelabel::before {
                        background-image: url(../../images/at_a_glance_green.svg);
                    }
                }
            }
            &:nth-child(2) {
                .tabtitlelabel::before {
                    background-image: url(../../images/location.svg);
                    background-size: 14px 19px;
                    
                }
                &:hover, &.active {
                    .tabtitlelabel::before {
                        background-image: url(../../images/location_green.svg);
                    }
                }
            }
            &:nth-child(3) {
                .tabtitlelabel::before {
                    background-image: url(../../images/facilities.svg);
                    background-size: 14px 20px;
                }
                &:hover, &.active {
                    .tabtitlelabel::before {
                        background-image: url(../../images/facilities_green.svg);
                    }
                }
            }
            &:nth-child(4) {
                .tabtitlelabel::before {
                    background-image: url(../../images/things_to_do.svg);
                    background-size: 24px 15px;
                }
                &:hover, &.active {
                    .tabtitlelabel::before {
                        background-image: url(../../images/things_to_do_green.svg);
                    }
                }
            }
            &:nth-child(5) {
                .tabtitlelabel::before {
                    background-image: url(../../images/opening_info.svg);
                    background-size: 18px 18px;
                }
                &:hover, &.active {
                    .tabtitlelabel::before {
                        background-image: url(../../images/opening_info_green.svg);
                    }
                }
            }
            &:nth-child(6) {
                .tabtitlelabel::before {
                    background-image: url(../../images/prices.svg);
                    background-size: 19px 19px;
                }
                &:hover, &.active {
                    .tabtitlelabel::before {
                        background-image: url(../../images/prices_green.svg);
                    }
                }
            }
            &:nth-child(7) {
                .tabtitlelabel::before {
                    background-image: url(../../images/book_now.svg);
                    background-size: 11px 18px;
                }
                &:hover, &.active {
                    .tabtitlelabel::before {
                        background-image: url(../../images/book_now_green.svg);
                    }
                }
            }

            .tabtitlelabel {
                display: flex;
                align-items: center;
                gap: 22px;
                font-family: var(--wp--preset--font-family--brandon-grotesque);
                color: var(--wp--preset--color--black);
                font-weight: 450;

                &::before {
                    display: flex;
                    background-color: var(--wp--preset--color--primary,#72c1b0);
                    border-radius: 20px;
                    width: 40px;
                    height: 40px;
                }
            }
        }
    }
    .t-btn.active, .t-btn:hover {
        .tabtitlelabel {
            color: var(--wp--preset--color--white);
        }
    }
}


.homepage-hero-badge-wrapper, .inner-page-hero-badge-wrapper {
    .wp-block-greenshift-blocks-container {
        transition: none !important;
    }
}

.inner-page-mobile-slider {
    display: none;
}


@media screen and (max-width: 800px) {
    .inner-page-mobile-slider {
        display: block;
    }

    .inner-page-masonary-grid {
        display: none;
    }
}




@media screen and (max-width: 800px) {
    .homepage-hero-badge-wrapper {
        .wp-block-greenshift-blocks-container {
            top: -100px !important;
            
            img {
                height: 184px !important;
                width: 184px !important;
            }
        }
    }

    .inner-page-hero-badge-wrapper {
        .wp-block-greenshift-blocks-container {
            img {
                height: 200px !important;
                width: 200px !important;
            }
        }
    }

    .discover-harrys-stamp-wrapper {
        right: 0px !important;
        bottom: -100px !important;
        img {
            height: 189px !important;
            width: 189px !important;
        }
    }
}

@media screen and (max-width: 1110px) {
    #campsite-tabs {
        flex-direction: column;
        gap: unset;

        .t-btn-container {
            display: flex !important;
            padding-bottom: unset;
            padding: 50px 0 0;
            justify-content: center;

            button {
                max-width: 190px !important;
                /* justify-content: center; */
                font-size: 12px;

                /* .tabtitlelabel::before {
                    content: unset;
                } */
            }
        }

        .t-panel-container {
            margin: 0;
        }
    }
}

@media screen and (max-width: 800px) {
    .faq-section {
        flex-direction: column;
        gap: unset;

        .wp-block-group:nth-child(1) {
            flex-basis: unset;
        }
    }

    #campsite-tabs > .t-btn-container {
        width:auto!important;
        gap: 0.5rem;
        padding:30px 0 0;
        .t-btn {
            padding:8px;

            .tabtitlelabel {
                text-align: left;
                gap:10px;
                &::before {
                    width:32px;
                    height:32px;
                }
            }
        }
    }
}


/* Lightbox Images */
.slbImage {
    border-radius:40px;
    padding: 0 0;
    margin: 5rem auto;
    max-width: 90vw;
}

@media screen and (min-width: 1200px) {
    .slbImage {
        max-width: 60vw;
    }
}

/* Expand Hover */
.expand-hover {
    .wp-block-cover {
        height:460px;

        .wp-block-cover__inner-container {
            height:100%;
            display:flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .wp-block-group {
            margin-block-start:0;
        }
    }
}

/** FAQs **/
.gs-accordion-item__heading {
    font-family: var(--wp--preset--font-family--brandon-grotesque);
    font-size:20px;
    font-weight: bold;

}