/* 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: 'Work Sans';
    --font-family--h--1: 'Lexend';
    --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) {

    /* header cta button color before scroll */
    section#imt-header:not(.imt-header-sm) a.imt-btn-primary {
        color: #fff !important;
        border-color: var(--wp--custom--imt--color--palette--background--white) !important;
        background: transparent !important;
    }

    section#imt-header:not(.imt-header-sm) a.imt-btn-primary:hover{
        background-color: var(--wp--custom--imt--color--palette--background--white) !important;
        border-color: var(--wp--custom--imt--color--palette--background--white) !important;
        color: #000 !important;
    }
}


/* aligns images to the left */
.imt-section .imt-card-group.imt-card-style-default .our-process-card .imt-img-container.imt-img-max-width-md {
    margin-left: 0 !important;
    }

/* bottom border H2 heading */
.imt-media-row .imt-content-col .imt-card h2.imt-heading::after {
    content: "";
    display: block;
    position: absolute;
    bottom: calc(var(--wp--custom--imt--spacer)* -.75);
    width: calc(var(--wp--custom--imt--spacer)* 8);
    height: 2.5px;
    background-color: var(--wp--custom--imt--color--palette--background--primary--active);
    margin: 0;
}

/* use uniquely defined font (desired font must be updated and set before this can be used) for first line of h1, increase its font size and weight */
.imt-section h1.imt-heading::first-line {
    font-weight: var(--wp--custom--imt--font-weight-bold);
}

.imt-reviewer-font {
    font-family: 'nouvelle-vague' !important;
    font-size: 24px !important;
}


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

.imt-margin-less {
    margin-top: -10px !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) {
    
    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;

    }

}

/* custom accordion styling for bio shortening */
.imt-text-collapsible-card h3,
.imt-text-collapsible-card .imt-lead-text--0 {
    padding-left: calc(var(--wp--custom--imt--spacer) * 2) !important;
}

.imt-text-collapsible > button {
    font-size: var(--wp--custom--imt--font-size) !important;
    font-weight: var(--wp--custom--imt--font-weight) !important;
    line-height: var(--wp--custom--imt--line-height) !important; 
    text-transform: none !important;
    padding: calc(var(--wp--custom--imt--spacer) * 1) calc(var(--wp--custom--imt--spacer) * 2) calc(var(--wp--custom--imt--spacer) * 1) !important;
}

.imt-text-collapsible .collapsible > div {
    padding-top: 0 !important;
}

@media only screen and (max-width: 801px) {
    /* custom accordion styling for bio shortening in mobile view */
.imt-text-collapsible-card h3,
.imt-text-collapsible-card .imt-lead-text--0 {
    padding-left: calc(var(--wp--custom--imt--spacer) * 0) !important;
}

.imt-text-collapsible > button {
    font-size: var(--wp--custom--imt--font-size) !important;
    font-weight: var(--wp--custom--imt--font-weight) !important;
    line-height: var(--wp--custom--imt--line-height) !important; 
    text-transform: none !important;
    padding: calc(var(--wp--custom--imt--spacer) * 1) calc(var(--wp--custom--imt--spacer) * 2) calc(var(--wp--custom--imt--spacer) * 1) calc(var(--wp--custom--imt--spacer) * 2) !important;
}

.imt-text-collapsible .collapsible > div {
    padding: calc(var(--wp--custom--imt--spacer) * 1) calc(var(--wp--custom--imt--spacer) * 2) calc(var(--wp--custom--imt--spacer) * 1) calc(var(--wp--custom--imt--spacer) * 2)!important;
    padding-top: 10px !important;
}

}