/* Add this line if WooCommerce is used on this site */
/* @import "woo-style.css"; */
@import "imt-css/new-style.css";

/* Child theme fonts */
:root {
    --font-family--default: 'Varela Round';
    --font-family--h--1: 'Clash Grotesk';
    --font-family--h--2: var(--font-family--h--1);
    --font-family--h--3: var(--font-family--h--1);
    --font-family--h--4: var(--font-family--h--1);
    --font-family--h--5: var(--font-family--h--1);
    --font-family--h--6: var(--font-family--h--1);
    --font-family--h--2--footer: var(--font-family--h--1);
    --font-family--h--3--footer: var(--font-family--h--1);
    --font-family--h--4--footer: var(--font-family--h--1);
    --font-family--main-navigation: var(--font-family--default);
    --font-family--dropdown: var(--font-family--default);
    --font-family--megamenu--heading: var(--font-family--h--1);
    --font-family--gallery--caption: var(--font-family--default);
    --font-family--collapsible: var(--font-family--default);
    --font-family--tab: var(--font-family--default);
    --font-family--button: var(--font-family--default);
    --font-family--h--sub-heading--0: var(--font-family--h--1);
    --font-family--h--lead-text--0: var(--font-family--default);
}

.imt-heading {
    letter-spacing: 2.4px !important;
}

nav.imt-main-nav>div>ul>li.megamenu .submenu .megamenu-heading>a {
    letter-spacing: 2.5px !important;
}



/* ------- Megamenu Styling - NO ICONS, COLUMN WRAPPING - Sun Valley ------- */
@media only screen and (min-width: 1281px){
    nav.imt-main-nav.full-mega>div>ul>li.megamenu>.submenu .imt-megamenu-wrapper>li.menu-item:first-of-type{
        flex-basis: calc((100% / 3) * 2) !important;
    }
    
    nav.imt-main-nav.full-mega>div>ul>li.megamenu>.submenu .imt-megamenu-wrapper>li.menu-item:not(:first-of-type){
        flex-basis: calc((100% / 3) - var(--wp--custom--imt--main-navigation--megamenu--wrapper--column-gap)) !important;
    }

    nav.imt-main-nav.full-mega>div>ul>li.megamenu>.submenu .imt-megamenu-wrapper>li.menu-item:first-of-type > ul{
        column-count: 2;
        column-gap: calc(var(--wp--custom--imt--spacer) * 2);
    }
    nav.imt-main-nav.full-mega>div>ul>li.megamenu>.submenu .imt-megamenu-wrapper>li.menu-item:first-of-type > ul > li{
        break-inside: avoid-column;
    }

    /* add after element to default state for animation's sake */
    .imt-link-level-2 .imt-menu-link:not(.imt-current-menu-item) span::after,
    .imt-link-level-3 .imt-menu-link:not(.imt-current-menu-item) span::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 100%;
        transform: scaleX(0) !important;
        transform-origin: left !important;
        transition: transform 0.3s ease !important;
    }

    /* scale the animation to the right based on left origin */
    .imt-link-level-2 .imt-menu-link:hover span::after,
    .imt-link-level-3 .imt-menu-link:hover span::after {
        transform: scaleX(1) !important;
    }

    /* set the underline color to white to match hover state even if active */
    .imt-link-level-2 .imt-menu-link.imt-current-menu-item:hover span::after,
    .imt-link-level-3 .imt-menu-link.imt-current-menu-item:hover span::after {
        background-color: var(--wp--custom--imt--color--palette--background--secondary--700) !important;
    }


}

@media only screen and (max-width: 1280px) {
    
    nav.imt-main-nav > div > ul > li > .submenu, nav.imt-main-nav nav.imt-main-nav > div > ul > li > .submenu .submenu {
        min-width: 100% !important;

    }

    .imt-bg-color-gradient-3 {
        background: rgba(233, 245, 244, 1) !important;
    }

}

/* clean up file upload layout */
.gform_wrapper.gravity-theme .gform_drop_area {
    background: var(--wp--custom--imt--gravity-forms--input--background) !important;
    border: var(--wp--custom--imt--gravity-forms--input--border--width) dashed var(--wp--custom--imt--color--palette--background--white) !important;
    border-color: var(--wp--custom--imt--color--palette--background--primary--active) !important;
    border-radius: var(--wp--custom--imt--gravity-forms--input--border--radius) !important;
}