@media screen and (min-width: 980px) {
    body {
        overflow: visible !important;
        color: #294644;
    }
    .dark header {
        position: sticky;
        background-color: #fff;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        top: 0;
        width: 100%;
    }

    header nav {
        top: 28px;
        margin: 0 -15px;
    }

    header nav ul {
        overflow: visible;
    }

    header nav li {
        padding: 0 5px;
        text-align: left !important;
        position: relative;
        transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    }

    header nav li .sub-menu {
        background: #e9c46a;
        position: absolute;
        z-index: 20;
        width: 240px;
        left: 0px;
        transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
    }

    .dark header nav li a {
        color: #274555 !important;
        text-align: left !important;
        font-family: 'Montserrat', sans-serif;
    }

    .dark header nav li a:hover {
        color: #2A9F90 !important;
    }

    .dark header nav li.relative a:hover {
        color: #000 !important;
    }

    .dark header nav li.current:not(.relative) a {
        border: 2px solid #e9c46a;
        color: #2A9F90 !important;
        border-radius: 10px;
    }

    .dark header nav li li.current a,
    .dark header nav li.current li a {
        border: none !important;
        color: #274555 !important;
        border-radius: 0 !important;
    }
}
.logo-light {
    width: 300px;
    height: 50px;
}

@media screen and (max-width: 1060px){
    .logo-light {
        width: 166px;
        height: 50px;
    }
}

.logo-light a {
    background: url(../img/IPVH-Logo.webp) no-repeat center;
    background-size: contain;
    height: 50px;
    text-indent: -9999em;
    display: block;
}

@media screen and (max-width: 979px) {
    .logo-light a {
        background: url(../img/indianPeaks-logo-white.webp) no-repeat left center;
        background-size: contain;
        height: 100px;
        text-indent: -9999em;
        display: block;
    }
    #schedule-visit .contact-details{
        flex-direction: column;
    }

    #schedule-visit .contact-details .wp-block-buttons {
        justify-content: center;
    }
    .g-section {
        padding: 50px 0;
    }
}

.dark header nav li a {
    color: #274555 !important;
    text-align: left !important;
    font-family: 'Montserrat', sans-serif !important;
}

.dark.openMenu header nav li a {
    color: #fff !important;
} 

.dark header nav li.relative:hover {
    background: #e9c46a !important;
}

@media screen and (max-width: 979px) {
    .dark header nav li.relative:hover {
        background: none !important;
    }
}

.dark.openMenu ul.sub-menu {
    opacity: 1;
    padding: 0 20px;
}

.dark #banner .wrap {
    width: 96% !important;
    max-width: 1140px !important;
    position: relative;
    top: auto;
    left: auto;
    height: 100vh;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-direction: column;
}

.dark #banner.secondary {
    background-size: cover;
    height: auto;
}

.dark #banner.secondary .wrap {
    margin-top: 0;
}

.dark #banner.homepage .wrap {
    padding-top: 90px;
    margin-top: 0;
}

.dark #banner .wrap h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
    line-height: 1.3 !important;
    font-weight: 700;
    width: 100% !important;
    height: auto !important;
}

@media screen and (max-width: 767px) {
    .dark #banner .wrap h1 {
        font-size: 30px;
    }
    }

.dark #banner.secondary h1 {
    padding: 0;
}

.dark #banner .wrap  img {
    display: inline-block;
}

.dark #banner .wrap .btn.contact-us {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.g-section {
    padding: 70px 0;
}

.g-container {
    width: 96% !important;
    max-width: 1140px !important; 
    margin: 0 auto;
}

.g-container-2 {
    width: 96% !important;
    max-width: 80% !important; 
    margin: 0 auto;
}

.g-container .wp-block-columns {
    gap: 40px;
    align-items: stretch;
}

@media screen and (max-width: 979px) {
    .g-section {
        padding: 40px 0;
    }

    .g-container .wp-block-columns {
        flex-direction: column;
    }

    .g-container .wp-block-columns .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
    }

    .bg-image-home-1 {
        background-image: none !important;
    }

    #home-hero::after{
        content: '';
        width: 100%;
        height: 20%;
        position: absolute;
        top: 0;
        left: 0;
        background: #000000;
        background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    }
}

.wp-block-column figure,
.wp-block-column figure img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif !important;
    line-height: 1.3 !important;
}

.g-container .wp-block-columns .card {
    padding: 40px;
    border-radius: 10px;
}

.wp-block-button__link {
    font-family: 'Montserrat', sans-serif !important;
}

.quality {
    min-height: 222px;
}

.bg-image-home-1 {
    background: url(../img/catbg.webp) no-repeat left center / cover;
    
}

.has-text-align-center {
    text-align: center;
}

.bg-image-home-1 .g-container {
    display: flex;
    align-items: center;
    justify-content: end;
}

.bg-image-home-1 .g-container .wp-block-columns {
    max-width: 900px;
}

@media screen and (max-width: 1200px) {
    .bg-image-home-1 .g-container .wp-block-columns {
        max-width: 700px;
    }
}
footer {
    padding-top: 120px;
}

.download-app {
    max-width: 250px;
}

#home-hero {
    overflow: hidden;
}

#home-hero figure {
    margin: 0 !important;
}

#home-hero figure img {
    height: calc(100vh - 220px);
    width: 100%;
    object-fit: cover;
}

#schedule-visit {
    padding: 40px 0;
}

#schedule-visit .contact-details {
    gap: 20px;
}

#schedule-visit .contact-details p {
    padding-bottom: 0 !important;
    margin-bottom: 0px !important;

}
#schedule-visit .contact-details .wp-block-buttons {
    gap: 20px;
}

#after-hero h1 {
    width: 100% !important;
    max-width: 1080px;
    margin: 0 auto;
    font-size: 40px;
    height: auto !important;
    color: #294644 !important;
}

#after-hero figure {
    width: auto !important;
    height: auto !important;
}

.trust-section {
    gap: 20px;
}

.wp-block-column p:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#phone.mobile {
    color: #fff !important;
}