/* 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: 'Source Sans 3';
    --font-family--h--1: 'Playfair Display SC';
    --font-family--h--2: var(--font-family--h--1);
    --font-family--h--3: var(--font-family--default);
    --font-family--h--4: var(--font-family--default);
    --font-family--h--5: var(--font-family--default);
    --font-family--h--6: var(--font-family--default);
    --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--default);
    --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);
}

/* ---------------------------- CUSTOMIZABLE IMPROVEMENTS ---------------------------- */
/* ***** REMOVE ANY AND ALL COMMENTED OUT CODE IF YOU DO NOT NEED IT :) ***** */
@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) * 3);
    }
    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;
    }

    body #imt-header .imt-btn-1 a {
        margin: 0 0 0 calc(var(--wp--custom--imt--spacer) * 1) !important;
        border-radius: 0 !important;
    }
}

/* ------- TEXT FORMATTING ------- */
.imt-paragraphs {
    text-wrap: pretty;
}

.imt-callout-default .imt-content-item.imt-lead-text--0,
.imt-callout-1 .imt-content-item.imt-lead-text--0,
.imt-content-item.imt-heading {
    text-wrap: balance;
    font-variant-ligatures: none;
}

strong {
    font-weight: var(--wp--custom--imt--font-weight-bold);
}

/* update btn-2 styles to reflect submenu hover states */
.imt-btn-2>a.imt-current-menu-item {
    background: var(--wp--custom--imt--main-navigation--link--submenu--active--background) !important;
    color: var(--wp--custom--imt--main-navigation--link--submenu--active--color) !important;
}

.imt-btn-2>a.imt-current-menu-item:hover {
    background: var(--wp--custom--imt--main-navigation--link--submenu--hover--background) !important;
    color: var(--wp--custom--imt--main-navigation--link--submenu--hover--color) !important;
}

.imt-values-text-feature p {
    font-size: 100px;
    line-height: 100px;
    font-weight: var(--wp--custom--imt--font-weight-bold);
    color: var(--wp--custom--imt--color--palette--background--secondary--active);
}

.imt-feature-text {
    font-family: var(--font-family--h--1);
    font-size: 22px;
    margin-bottom: 16px !important;
}

/* ------- CALLOUT OVERRIDES ------- */
.imt-section:has(.imt-callout-default),
.imt-section:has(.imt-callout-1) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
}

/* reduce the margin overlap to avoid overlapping buttons in the section above */
@media only screen and (max-width: 1440px) {
    .imt-section:has(.imt-callout-1) .imt-card {
        margin-top: calc(var(--wp--custom--imt--spacer) * -3);
    }
}

@media only screen and (max-width: 1100px) {
    .imt-section:has(.imt-callout-default) .imt-section__background {
        background: var(--wp--custom--imt--global--section--callout--style--default--background--mobile--color) !important;
    }

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

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

/* ------- EXTRAS ------- */
/* bug fix showing the correct image ratio on mobile, fix first /4 to /2 */
@media only screen and (max-width: 600px) {

    .imt-gallery-image-crop-1-1 figure,
    .imt-gallery-image-crop-circle figure {
        padding-top: calc((100% / 2) - (24px - (24px / 2))) !important;
    }
}

/* show border radius for media row on mobile */
@media only screen and (max-width: 800px) {
    .imt-section .imt-media-row .imt-content-col__inner .imt-content-col__background {
        width: 100% !important;
        left: 0 !important;
    }
}

/* 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(150, 135, 125, 0.1) !important;
}

/* updates for wp base search fields */
input[type="search"]::-webkit-search-cancel-button {
    filter: contrast(0) brightness(-2);
}

.wp-block-search__input::placeholder {
    color: #000;
    opacity: 0.85;
}

/* gradient effect of process cards */
.imt-process-cards .imt-card:nth-of-type(1) .imt-card-bg-color {
    background: rgba(150, 135, 125, 0.2) !important;
}

.imt-process-cards .imt-card:nth-of-type(2) .imt-card-bg-color {
    background: rgba(150, 135, 125, 0.45) !important;
}

.imt-process-cards .imt-card:nth-of-type(3) .imt-card-bg-color {
    background: rgba(150, 135, 125, 0.7) !important;
}

.imt-process-cards .imt-card:nth-of-type(4) .imt-card-bg-color {
    background: rgba(150, 135, 125, 0.95) !important;
}

/* adjust testimonials slider icons for differing card colors */
.imt-card-color-override-bg-img:has(.imt-bg-color-secondary) .imt-testimonial .imt-paragraphs:before,
.imt-card-color-override-bg-img:has(.imt-bg-color-secondary) .imt-slider.imt-slider-style-2 .slick-dots li:not(.slick-active) button .slick-dot-icon:before {
    border-color: var(--wp--custom--imt--color--palette--background--secondary--900) !important;
}

.imt-card-color-override-bg-img:has(.imt-bg-color-secondary) .imt-slider.imt-slider-style-2 .slick-next:before,
.imt-card-color-override-bg-img:has(.imt-bg-color-secondary) .imt-slider.imt-slider-style-2 .slick-prev:before {
    color: var(--wp--custom--imt--color--palette--background--secondary--900) !important;
}

.imt-card-color-override-bg-img:has(.imt-bg-color-secondary) .imt-slider.imt-slider-style-2 .slick-dots li.slick-active button .slick-dot-icon:before {
    color: var(--wp--custom--imt--color--palette--background--secondary--900) !important;
    border-color: var(--wp--custom--imt--color--palette--background--secondary--900) !important;
    background-color: var(--wp--custom--imt--color--palette--background--secondary--900) !important;
}