/* vars */

@font-face {
    font-family: "Avenir Next";
    src: url('https://www.gaiada.com/wp-content/themes/gaia-da/fonts/AvenirLTStd-Black.otf') format('opentype');
    font-weight: bold;
}
@font-face {
    font-family: "Avenir Next";
    src: url('https://www.gaiada.com/wp-content/themes/gaia-da/fonts/AvenirLTStd-Roman.otf') format('opentype');
    font-weight: normal;
}


:root {
    /* --theme-color: #FFEBAC; */
    --theme-color: #f5c22c;
    --subtheme-color: #F7D76C;
    /* --nav-height: 70px;
    --fullview-without-nav: calc(100vh - var(--nav-height)); */
    scroll-behavior: unset!important;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    border-radius: 35px;
    position: absolute;
}

::-webkit-scrollbar-thumb {
    background: #666767; 
    border-radius: 35px;
}

::-webkit-resizer,
::-webkit-scrollbar-button,
::-webkit-scrollbar-corner { display: none; }

/* end of vars */


nav {
    height: 60px;
}

nav.shadow {
    box-shadow: none!important;
}

html, body {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Open Sans', sans-serif; /* will change to poppins after approval from brice */
}

.theme-font {
    font-family: 'Poppins', sans-serif;
}

.mx-6 {
    margin-left: 52px!important;
    margin-right: 52px!important;
}
.me-6 {
    margin-right: 52px!important;
}
@media(min-width: 1024px) {
    .me-lg-6 {
        margin-right: 52px!important;
    }
}

.fs-0-5 {
    font-size: 40px!important;
}

.py-7 {
    padding-top: 57px!important;
    padding-bottom: 57px!important;
}

.pt-7 {
    padding-top: 57px!important;
}

.pb-8 {
    padding-bottom: 62px!important;
}

.bg-footer {
    background-color: #141414;
}

body {
    text-rendering: optimizeLegibility;
}

nav .hamburger {
    cursor: pointer;
}

/* .hamburger span {
    width: 40px;
    height: 2px;
    border-top: 2px solid #191b1d;
    display: block;
    transition: all .2s ease-in-out;
}

.hamburger span:not(:last-child) {
    margin-bottom: 5px;
}

.hamburger.active span:nth-child(2) {
    width: 20px;
} */
.hamburger span {
    display: block;
    width: 28px;
    height: 3px;
    background-color: #000;
    border-radius: 25px;
}

.hamburger span:not(:last-child) {
    margin-bottom: 4px;
}

@media (max-width: 992px) {
    .menu-mobile {
        z-index: 9999;
        scale: 0;
        transition: all .2s ease-in-out;
        opacity: 0;
    }
    .menu-mobile.active {
        scale: 1;
        opacity: 1;
    }
    .menu-mobile .menu-link a {
        font-size: 38px;
    }
}

.dropdown-container {
    display: none;
    z-index: 5;
}

.dropdown-container.active {
    display: block;
}

.dropdown-container .inner-dropdown {
    overflow: hidden;
    max-height: 0;
    transition: all 1.2s cubic-bezier(.16,.99,.96,1.01);
}


.dropdown-container .inner-dropdown.active {
    max-height: 75vh;
}

.dropdown-container .overlay {
    background: rgba(0,0,0,0);
    transition: background .4s ease-in-out;
}

.dropdown-container .overlay.active {
    background: rgba(25,27,29,.7);
}

.inner-dropdown .list-group-item {
    transition: all .4s ease-in-out;
    transform: translateY(-30px);
    opacity: 0;
    position: relative;
}

a.active .subcolor, .list-group-item a:hover .subcolor {
    width: 12px;
}

.subcolor {
    transition: all .1s ease-in-out;
    position: absolute;
    width: 5px;
    top: 1.5px;
    bottom: 1.5px;
    left: -17px;
}

.inner-dropdown .list-group-item:nth-child(2) {
    transition-delay: 50ms;
}
.inner-dropdown .list-group-item:nth-child(3) {
    transition-delay: 100ms;
}
.inner-dropdown .list-group-item:nth-child(4) {
    transition-delay: 150ms;
}
.inner-dropdown .list-group-item:nth-child(5) {
    transition-delay: 200ms;
}
.inner-dropdown .list-group-item:nth-child(6) {
    transition-delay: 250ms;
}
.inner-dropdown .list-group-item:nth-child(7) {
    transition-delay: 300ms;
}

nav .list-inline .dropdown svg {
    scale: .7;
    rotate: 90deg;
    transition: rotate .4s ease-in-out;
}

nav .list-inline .dropdown.active svg {
    rotate: 270deg;
}

.inner-dropdown.active .list-group-item {
    transform: translateY(0);
    opacity: 1;
}

.input-subscribe {
    border: 0;
    border-bottom: 1px solid black;
}

.submit-subscribe {
    background-color: var(--subtheme-color);
    border: 0;
    padding: 5px 20px;
    border-radius: 35px!important;
}

.image-side-wrapper {
    opacity: 0;
    transition: opacity .4s ease-in-out;
}

.image-side-wrapper.active-hover {
    opacity: 1;
}

/* .image-side-wrapper img {
    transform: translateY(15vh);
} */

.overlay-intro {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

@media(min-width: 992px) {
    .fullview-without-nav-lg {
        height: var(--fullview-without-nav);
    }
    .overflow-lg-hidden {
        overflow: hidden;
    }
    .position-lg-absolute {
        position: absolute;
    }
}

.fullview, .parallax-scroll .overlay-intro {
    height: 100vh;
}

.parallax-scroll .parallax-container {
    height: 70vh;
}

@media(min-width: 992px) {
    .fullview-lg {
        height: 100vh;
    }
}

#cta-to-contact .outer-wrapper {
    background-color: #f9f9f9;
}


.cta-foot {
    position: relative;
    border-bottom: 2px solid rgba(0,0,0,.7);
}

.cta-foot::before {
    content: "";
    position: absolute;
    bottom: -2px;
    transition: all .25s ease-in-out;
    background-color: black;
    width: 0;
    height: 2px;
}

.cta-foot:hover::before {
    width: 100%;
}

.cta-foot::after {
    content: "\f061";
    transition: all .25s ease-in-out;
    font: normal normal normal 1rem/1 FontAwesome;
    position: absolute;
    right: -25px;
    top: 25%;
}

.cta-foot:hover::after {
    right: -30px;
}

/* util */

.invert-1 {
    filter: invert(1);
}


@media(min-width: 992px) {
    .col-lg-1-7 {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 0 14.28571428571429%!important;
        flex: 1 0 14.28571428571429%!important;
    }
}

.fs-7 {
    font-size: .75rem!important;
}

.fs-0 {
    font-size: 3.5rem!important;
}

.text-justify {
    text-align: justify!important;
}

.subtheme-font {
    font-family: "Avenir Next";
}

.py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}
.px-30 {
    padding-left: 30px!important;
    padding-right: 30px!important;
}

.mb-12 {
    margin-bottom: 12px;
}

@media(min-width: 1023px) {
    .py-10 {
        padding-top: 8rem!important;
        padding-bottom: 8rem!important;
    }
    .pt-10 {
        padding-top: 8rem;
    }
    .pb-10 {
        padding-bottom: 8rem!important;
    }
    .px-10 {
        padding-left: 6rem!important;
        padding-right: 6rem!important;
    }
    .mb-lg-10 {
        margin-bottom: 6rem!important;
    }
}

@media(max-width: 1022px) {
    .py-10 {
        padding-top: 5rem!important;
        padding-bottom: 5rem!important;
    }
    .pt-10 {
        padding-top: 5rem;
    }
    .pb-10 {
        padding-bottom: 5rem!important;
    }
    .px-10 {
        padding-left: 5rem!important;
        padding-right: 5rem!important;
    }
}


@media(min-width: 992px) {
    .px-lg-10 {
        padding-left: 6rem!important;
        padding-right: 6rem!important;
    }
} 

.object-contain {
    object-fit: contain!important;
}

.themecolor-background {
    background-color: var(--theme-color)!important;
    /* background: linear-gradient(0deg, #f5c22c 0%, #fcd755 45%); */
}

.themecolor-border {
    border-color: var(--subtheme-color)!important;
}

.border-width-2 {
    border-width: 2px;
    border-style: solid;
}

.border-radius-theme {
    border-radius: 35px;
}

.gx-10 {
    --bs-gutter-x: 6rem!important;
}

.gx-20 {
    --bs-gutter-x: 12rem!important;
}

.gy-10 {
    --bs-gutter-y: 6rem!important;
}

@media(min-width: 992px) {
    .gx-lg-10 {
        --bs-gutter-x: 6rem!important;
    }
    .gx-lg-20 {
        --bs-gutter-x: 12rem!important;
    }
}

@media(max-width: 480px) {
    .gx-sm-0 {
        --bs-gutter-x: 0!important;
    }
}

.img-fluid {
    object-fit: cover;
}

.text-hover-black:hover {
    color: black;
}

.hover-opacity {
    transition: opacity .15s ease-in-out;
}

.hover-opacity:hover {
    opacity: .5;
}

.ws-2 {
    width: 2rem;
}

.ws-4 {
    width: 1.5rem;
}

@media(min-width: 1024px) {
    .fs-huge {
        font-size: 8vw!important;
    }
    .fs-large {
        font-size: 5rem!important;
    }
    .fs-l {
        font-size: 5rem!important;
    }
    .fs-m {
        font-size: 3.5rem!important;
    }
    .fs-xl {
        font-size: 6rem!important;
    }
}

@media(max-width: 1023px) {
    .fs-huge {
        font-size: 8vw!important;
    }
    .fs-large {
        font-size: 3rem!important;
    }
    .fs-l {
        font-size: 3rem!important;
    }
    .fs-m {
        font-size: 2rem!important;
    }
    .fs-xl {
        font-size: 4rem!important;
    }
}

.padding-avoid-nav {
    padding-top: var(--nav-height);
}
.margin-avoid-nav {
    margin-top: var(--nav-height);
}

.letter-space-min {
    letter-spacing: -1.5px;
}

/* end of util */

.wpcf7-spinner {
    display: none!important;
}


#menu-mobile {
    background-color: #f5c22c;
    display: none;
    visibility: hidden;
}

#menu-mobile.active {
    display: block;
    visibility: visible;
}

#menu-mobile .link {
    transform: translateY(45px);
    opacity: 0;
    transition: .4s all ease;
}
#menu-mobile .link.animate {
    transform: translateY(0);
    opacity: 1;
}

#menu-mobile .social-wrapper path {
    fill: #000;
}

@media(max-width: 1024px) {
    #cta-to-contact h3 {
        font-size: 3rem!important;
    }
    #main-footer h4 {
        font-size: 32px!important;
    }
    #main-footer .link-footer-wrapper a {
        font-size: 24px!important;
    }
    .flex-mobile-column {
        flex-direction: column!important;
    }
    .flex-mobile-wrap {
        flex-wrap: wrap!important;
    }
    .text-mobile-center {
        text-align: center!important;
    }
    nav {
        height: auto;
    }
}