/* 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: 'sofia-pro-soft';
    --font-family--h--1: 'Red Hat Display';
    --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: 'Buckwheat TC Sans';
    --font-family--dropdown: 'Buckwheat TC Sans';
    --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: 'Buckwheat TC Sans';
    --font-family--h--sub-heading--0: var(--font-family--h--1);
    --font-family--h--lead-text--0: 'Buckwheat TC Sans';
}

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

 @keyframes background-pan{
   from {transform:scale(1.25);}
    to {transform:scale(1);}
}

.imt-section .animated-bg ~ picture img{
    animation-name: background-pan;
    animation-duration: 12s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

@media only screen and (max-width: 1280px) {
    nav.imt-main-nav.offcanvas #imt-offcanvas>ul>li a {
        font-family: 'Buckwheat TC Sans' !important;

    }

}

/* hides slider dots and arrows */
.imt-hero-section .slick-dots, .imt-hero-section .slick-arrow {
    display: none !important;
  
}

/* Gives the dropdown menu border color on all sides */
@media only screen and (min-width: 1281px) {
    nav.imt-main-nav>div>ul>li:not(.megamenu) .submenu.imt-menu-level-2 {
        border: calc(var(--wp--custom--imt--border-width)* 1) solid var(--wp--custom--imt--color--palette--background--secondary--100) !important;
        border-top: calc(var(--wp--custom--imt--border-width)* 2) solid var(--wp--custom--imt--color--palette--background--secondary--100) !important;
    }
}

/* other margin settings for callout overlap */
@media only screen and (max-width: 800px) {
    .imt-section:has(.imt-callout-1) .imt-card-group {
        margin-top: calc(var(--wp--custom--imt--global--section--callout--style--default--background--offset) * 0) !important;
    }

}

@media only screen and (max-width: 1281px) {
    
    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;

    }

    nav.imt-main-nav.offcanvas #imt-offcanvas>ul>li:not(.imt-btn-1):not(.imt-btn-2) a span::after {
        display: none;
    }



}


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

    /* 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: 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;
    }

}

.imt-business-tel {
    text-align: center !important;
}