/* media queries */

@media (max-width: 768px) {

    nav {
        background-color: transparent;
    }

    nav.opaque {
        background-color: var(--prime-green);
    }

    .mob {
        display: block !important;
    }

    .mob-flex {
        display: flex !important;
    }


    .desktop {
        display: none !important;
    }



    .h1-slim {
        font-size: 30px;
    }

    .vpad-80.blogpost {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .vpad-80.golf-tile-section {
        padding-top: 0;
        padding-bottom: 0;
    }

    .vpad-60.golf-tile-section {
        padding-top: 0;
        padding-bottom: 0;
    }

    .vpad-60.blogpost {
        padding-bottom: 0;
    }

    .vpad-60.dapo-content-section {
        padding-top: 0;
        padding-bottom: 60px;

        .new-limit-container {
            padding: 0;

            .col-4 {
                padding: 0 40px;
                text-align: left
            }
        }
    }

    .vpad-60.landing-content-section{
         padding-top: 0;
        padding-bottom: 60px;

        .new-limit-container {
            padding: 0;
            gap: 60px!important; 
            .col-4 {
                padding: 0 40px;
                text-align: left
            }
        }
    }

    .landing-content-leaf-section{
        padding-top: 0;
        padding-bottom: 60px;

        .new-limit-container {
            padding: 0;
            gap: 60px!important; 

            .col-4 {
                padding: 0;
            }

            .col-8 {
                padding: 0 40px !important;
                text-align: left
            }
        }
    }


    .mobile-carousel-dots {
        display: flex;
        justify-content: center;
        gap: 10px;
        flex-direction: row;
        margin-top: 20px;
    }

    .mobile-vpad-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .hero-fold-landing {
        position: relative;
        width: 100%;
        min-height: 700px;
        aspect-ratio: 16/7;


        @media (max-width: 768px) {
            min-height: 400px;
        }

        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

        display: flex;
        justify-content: center;
        align-items: center;

        .hero-fold-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1000px;
            transform: translateY(-40%);

            color: #fff;

            div {
                flex-grow: 1;
            }

            div:first-child {
                flex-grow: 0;
                width: 180px;
                margin-top: 50px;
            }

            div:last-child {
                flex-grow: 1;
                margin-left: 40px;
            }

            h1 {
                font-size: 40px;
                font-weight: 400;
                /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); */
            }

            p {
                line-height: 18px;
            }

            ul {
                display: flex;
                gap: 0px;

                li {
                    font-size: 14px;
                    list-style: none;
                    padding-right: 20px;
                    /* border-right: 2px solid var(--prime-green); */
                    line-height: 1;

                    a {
                        /* text-decoration: none; */
                        color: var(--prime-green);
                    }

                }

                li:last-child {
                    padding-right: 0;
                    border-right: none;
                }
            }
        }

        .breadcrumbs {
            display: flex;
            position: absolute;
            bottom: 20px;
            left: 20px;
            gap: 10px;
            color: #fff;
            align-items: center;

            i {
                font-size: 14px;
            }

            a {
                color: #fff;
            }
        }
    }

    .hero-half-content.stay-half-content {
        transform: none !important;
    }

    .hero-fold-attraction {

        &::before {

            background: none;

        }

    }


    .hero-fold {
        aspect-ratio: unset;
        /* min-height: 100vh; */
        min-height: 480px;

        .hero-half-content,
        .hero-fold-content {
            flex-direction: column;
            align-items: flex-start;
            /* gap: 20px; */

            text-align: center;
            padding: 100px 40px;
            transform: translateY(-15%);

            div:first-child {
                width: 100%;
                margin: 0;

                img {
                    width: 80px !important;
                }
            }

            div:last-child {
                width: 100%;
                margin: 0;

                h1 {
                    font-size: 30px;
                    line-height: 35px;
                }
            }

            ul {
                justify-content: center;
            }
        }

        .down-icon {
            bottom: 60px;
        }
    }

    .hero-fold-landing {
        aspect-ratio: unset;
        min-height: 100vh;

        .hero-half-content,
        .hero-fold-content {
            flex-direction: column;
            align-items: flex-start;
            /* gap: 20px; */

            text-align: center;
            padding: 100px 40px;
            transform: translateY(-15%);

            div:first-child {
                width: 100%;
                margin: 0;

                img {
                    width: 80px !important;
                }
            }

            div:last-child {
                width: 100%;
                margin: 0;

                h1 {
                    font-size: 30px;
                    line-height: 35px;
                }
            }

            ul {
                justify-content: center;

                li {
                    a {
                        color: #fff;
                    }
                }
            }
        }

        .down-icon {
            bottom: 60px;
        }
    }

    .hero-fold-about {
        background-image: url('/images/header_about-mob.webp') !important;
    }

    .hero-fold-blog {
        background-image: url('/images/blog-hero-mob.webp') !important;
    }

    .hero-fold-golf {
        background-image: url('/images/golf-hero-banner-mob.webp') !important;
    }

    .hero-banner {
        background-image: url('/images/hero-landing-mob.webp') !important;
    }

    .dapo-hero-banner {
        background-image: url('/images/dapo-hero-banner-mob.webp') !important;
    }


    .flex-row {
        flex-direction: column;
        align-items: center;
        gap: 20px;

        padding: 0 20px;

        .content {
            text-align: center;
        }

        .image {
            width: 100%;
            padding-right: 0;
            padding-left: 0;
        }
    }

    .flex-reverse {
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding: 0 20px;

    }

    .flex-reverse.golf-booking-section {
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding: 0px;
    }

    .address-card {
        padding: 20px 0;

        p {
            margin-bottom: 0px;
        }

        p:last-child {
            margin-top: 0px;
        }
    }

    /* FORM STYLES */
    form {

        input,
        textarea {
            font-size: 14px;
        }

        button {
            font-size: 14px;
        }



        >.row {
            display: block;
            width: 100%;

            >.form-group {
                display: flex;
                flex-direction: column;
                gap: 10px;
                width: 100%;
                margin-top: 20px;

                &:first-child {
                    margin-top: 0;
                }
            }
        }
    }

    .limit-container>.content:not(.location-card) {
        padding: 0 40px;
    }

    .limit-container>.location-card {
        padding: 10px 40px;
    }

    .limit-container>.upper-footer-content {
        padding: 0 25px;
    }

    .limit-container {
        padding: 0 20px;
    }

    .new-limit-container>.content:not(.location-card) {
        padding: 0;
    }

    .new-limit-container>.location-card {
        padding: 20px 20px;
    }

    .new-limit-container>.upper-footer-content {
        padding: 0 40px;
    }

    .new-limit-container {
        /* padding: 0 20px; */

        form {
            padding: 0 20px;
        }
    }

    .new-limit-container {
        padding: 0 40px;

        p::last-child {
            margin-bottom: 0 !important;
        }
    }

    .new-limit-900-container {
        padding: 0 40px !important;

        p::last-child {
            margin-bottom: 0 !important;
        }
    }
    .new-limit-container.blog-post {
        padding: 0 20px;
    }

    /* FOOTER STYLES */

    footer {
        padding: 0 0 60px;
        .footer-content {
            flex-direction: column;
            align-items: center;
            gap: 20px;
            text-align: center;
        }

        p {
            font-size: 14px;
            text-align: center;
        }
    }



    /* COOKIE PREFERENCES */

    #cookie-preferences {

        .limit-container {
            flex-direction: column;
            transform: translateY(65vh) !important;
            height: 330px !important;
            gap: 0px !important;
            overflow: hidden !important;
            padding: 10px !important;

            .pleft,
            .pright {
                width: 100% !important;
                text-align: left !important;
            }

            .pright {
                form {
                    flex-direction: column !important;
                    align-items: start !important;
                    text-align: left !important;
                }
            }
        }

    }


    .dapo-white-boxes {
        display: flex;
        flex-direction: column;
        gap: 15px;
        padding: 0 20px;

        .white-box {
            width: 100%;
            height: 400px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 25px 20px !important;


            p {
                text-align: left;
                align-self: flex-start;
                margin-top: 0;
                margin-bottom: 0;
            }
        }


    }

    .dapo-carousel-wrapper {
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        position: relative;
    }

    .blog-content {
        h2 {
            padding: 20px 0;
        }

    }


    .tile {
        width: 100% !important;
    }

    .boxed-cta-full-width {
        display: block;
        text-align: center;
        width: 100%;
        /* background-color: transparent;
      color: var(--prime-green); */
    }



    .hero-fold-landing {
        aspect-ratio: unset;
        min-height: 100vh;

        .hero-fold-content {
            flex-direction: column;
            align-items: flex-start;
            /* gap: 20px; */

            text-align: center;
            padding: 100px 40px;
            transform: translateY(-15%);

            div:first-child {
                width: 100%;
                margin: 0;

                img {
                    width: 80px !important;
                }
            }

            div:last-child {
                width: 100%;
                margin: 0;

                h1 {
                    font-size: 30px;
                    line-height: 35px;
                    width: auto;
                }
            }

            ul {
                justify-content: center;
            }
        }

        .down-icon {
            bottom: 60px;
        }
    }

    .col-4-booking {
        padding: 40px 40px !important;
        width: 100% !important;
        text-align: left !important;
    }

    /* Hide elements with this-should-be-shown-after-action, except the action button itself */
    .this-should-be-shown-after-action:not(.this-is-action-button) {
        display: none !important;
        opacity: 0;
    }

    /* Show hidden elements when expanded with fade-in */
    .this-should-be-shown-after-action.show-facility {
        display: flex !important;
        animation: fadeIn 0.4s ease-in-out forwards;
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Make the action button clickable */
    .this-is-action-button {
        cursor: pointer;
    }

    /* Hide the action button after it's clicked */
    .this-is-action-button.hide-action-button {
        display: none !important;
    }

    .galleries {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .golf-features {
        gap: 10px !important;

        .single-feature {
            height: 50px;
            align-items: center !important;
            padding-bottom: 60px;


        }
    }

    .dapo-carousel-boxes {

        .carousel-box {
            width: 75vw !important;
            min-width: 75vw !important;
            height: 420px !important;
            padding: 30px 25px !important;
        }
    }

    .dapo-carousel-wrapper {
        width: 90vw !important;
    }

    /* .content-full-width-carousel{
        width: 100% !important;
        padding: 0 30px !important;

         .dapo-carousel-boxes{
            width: 100% !important;


        .carousel-box{
            width: 100% !important;
            
        }

    }
    } */



  


    .single-gallery{
        height: 325px !important;
        div{
            transform: translateY(75%);
        }
    }

}