/* 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: 'Plus Jakarta Sans';
    --font-family--h--1: 'Gabarito';
    --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);
}


@media only screen and (min-width: 1281px) {

    /* ------- MAIN NAVIGATION ------- */
    /* add spacing between button and links when nested */
    nav.imt-main-nav>div,
    nav.imt-main-nav>div>div,
    nav.imt-main-nav>div>div>div {
        gap: calc(var(--wp--custom--imt--spacer) * 0.75) !important;
    }

    /* add after element to default state for animation's sake */
    .imt-link-level-1 .imt-menu-link:not(.imt-current-menu-item) span::after,
    .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: center !important;
        transition: transform 0.3s ease !important;
    }

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

}

@media (prefers-reduced-motion: reduce) {

    /* --- Remove the nav hover underline transform --- */
    .imt-link-level-1 .imt-menu-link:not(.imt-current-menu-item) span::after,
    .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 {
        transition: none !important;
        transform-origin: left !important;
    }

    .imt-link-level-1 .imt-menu-link:hover span::after,
    .imt-link-level-2 .imt-menu-link:hover span::after,
    .imt-link-level-3 .imt-menu-link:hover span::after {
        transform: scaleX(1) !important;
    }


}

.imt-business-details {
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

.imt-section:has(.imt-hero-default) .imt-content-item.imt-paragraphs p {
    text-wrap: pretty !important;
}

/* ------- FORM FORMATTING ------- */
/* add focus state bg color for form fields */
form[role=search] .wp-block-search__input:focus,
.gform_fields .chosen-choices .search-choice:focus,
.gform_fields .chosen-choices:focus,
.gform_fields .chosen-single:focus,
.gform_fields input:focus,
.gform_fields select:focus,
.gform_fields textarea:focus {
    background: rgba(243, 241, 249, 1)!important;
}

@media only screen and (min-width: 1281px) {
    .imt-btn-2 {
        margin: calc(var(--wp--custom--imt--spacer) * 0) calc(var(--wp--custom--imt--spacer) * 0) calc(var(--wp--custom--imt--spacer) * 0) calc(var(--wp--custom--imt--spacer) * .75) !important;
    }
}

@media only screen and (max-width: 1100px) {

    /* wrap the 4-wide cards because of font wrapping */
    .imt-section .imt-card-group.imt-card-style-default.imt-cards-per-row-4>.acf-innerblocks-container .imt-card {
        width: calc((100% - var(--wp--custom--imt--card-group--style--2--gutter--column--default) * 1) / 2) !important;
    }

    /* wrap the 4-wide cards because of font wrapping */
    .imt-section .imt-card-group.imt-card-style-1.imt-cards-per-row-4>.acf-innerblocks-container .imt-card {
        width: calc((100% - var(--wp--custom--imt--card-group--style--2--gutter--column--default) * 1) / 2) !important;
    }

}

@media only screen and (max-width: 1280px) {
    body .wp-block-post-content h3 {
        font-size: 20px !important;
    }

    .imt-slider-style-2 .slick-slide {
        padding: calc(var(--wp--custom--imt--spacer) * 2) calc(var(--wp--custom--imt--spacer) * 0) !important;
    }

    .imt-btn-2 {
        margin: calc(var(--wp--custom--imt--spacer) * 0) !important;
    }

}

@media only screen and (max-width: 800px) {
    .imt-section .imt-media-row.imt-media-row-style-default.imt-media-col-right .imt-content-col .imt-content-col__inner {
        background-color: rgba(215,233,225,1) !important;

    }

    .imt-section .imt-media-row.imt-media-row-style-default.imt-media-col-left .imt-content-col .imt-content-col__inner {
        background-color: rgba(222,219,229,1) !important;

    }
 

}