/* 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: 'gotham';
    --font-family--h--1: 'gotham';
    --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);
}

/* ---------------------------- CUSTOMIZABLE IMPROVEMENTS ---------------------------- */
/* ------- MAIN NAVIGATION ------- */
/* new nav test styles */
nav.imt-main-nav {
    margin-right: 0 !important;
}

#imt-header:not(.imt-header-sm) .imt-btn.imt-btn-secondary:not(:focus,:active) {
    background: transparent !important;
    border: 2px solid white !important;
    color: var(--wp--custom--imt--color--text--light) !important;
}

#imt-header:not(.imt-header-sm) .imt-btn.imt-btn-secondary:hover:not(:focus,:active) {
    background: white !important;
    border: 2px solid white !important;
    color: var(--wp--custom--imt--color--text--dark) !important;
}

/* megamenu styles, wrap 2nd col into 2 cols */
@media only screen and (min-width: 1281px){
    nav.imt-main-nav.full-mega>div>ul>li.megamenu>.submenu .imt-megamenu-wrapper>li.menu-item:last-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(:last-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:last-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:last-of-type > ul > li{
        break-inside: avoid-column;
    }

    /* on desktop, for nav links, add the icon on hover */
    /* will not affect buttons */
    .imt-link-level-2 .imt-menu-link::after {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: "\f178"; /* long-arrow-alt-right */
        display: inline-block;
        width: 0;
        opacity: 0;
        margin-left: 0;
        transform: translateX(-10px);
        transition: var(--wp--custom--imt--hover-transition);
        flex-shrink: 0;
    }

    .imt-link-level-2 .imt-menu-link:hover::after {
        width: 18px;
        opacity: 1;
        margin-left: calc(var(--wp--custom--imt--spacer) * 0.75);
        transform: translateX(0);
    }
}

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

.imt-callout-default .imt-content-item.imt-lead-text--0,
.imt-content-item.imt-heading {
    text-wrap: balance;
}

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

.imt-section:has(.imt-callout-default) .imt-content {
    padding-top: 0 !important;
}

.imt-section:has(.imt-callout-default) {
    min-height: 0 !important;
    padding-top: 0 !important;
    overflow-x: clip !important;
    overflow-y: visible !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;
    }
}

/* FORMS */
/* 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: var(--wp--custom--imt--color--palette--background--accent--1--100) !important;
}

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

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

#imt-footer-wrapper .gform_wrapper.gravity-theme .gfield_required {
    color: #FFB5B5 !important;
}

#imt-footer-wrapper .gform_wrapper .gfield_label,
#imt-footer-wrapper .gform_wrapper .gform_required_legend {
    color: var(--wp--custom--imt--color--text--light) !important;
}

#imt-footer-wrapper .gform_wrapper input[type="submit"] {
    background: var(--wp--custom--imt--color--background--accent--1--color) !important;
    color: var(--wp--custom--imt--color--background--accent--1--text) !important;
}

#imt-footer-wrapper .gform_wrapper input[type="submit"]:hover {
    background: var(--wp--custom--imt--color--background--accent--1--hover--button--color) !important;
    color: var(--wp--custom--imt--color--background--accent--1--hover--button--text) !important;
}

#imt-footer-wrapper .gform_wrapper input[type="submit"]:focus,
#imt-footer-wrapper .gform_wrapper input[type="submit"]:active {
    background: var(--wp--custom--imt--color--background--accent--1--focus--button--color) !important;
    color: var(--wp--custom--imt--color--background--accent--1--focus--button--text) !important;
}

/* BACKGROUNDS */
.imt-section#imt-header.imt-header-sm > .imt-section__background {
    background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20px, rgba(71, 71, 71, 1) 20px, rgba(71, 71, 71, 1) 24px, rgba(255, 255, 255, 1) 24px) !important;
}

@media only screen and (max-width: 1280px) {
    .imt-section#imt-header > .imt-section__background,
    .imt-section#imt-header.imt-header-sm > .imt-section__background {
        background: linear-gradient(90deg,rgba(71, 71, 71, 1) 0%, rgba(71, 71, 71, 1) 20px, rgba(255, 255, 255, 1) 20px, rgba(255, 255, 255, 1) 24px, rgba(71, 71, 71, 1) 24px) !important;
    }

    /* match the light link color even on scroll */
    #imt-header.imt-header-sm nav.imt-main-nav > div ul > li.imt-link-level-1:not(:hover, .imt-btn-1) > a:not(.imt-current-menu-item) {
        color: var(--wp--custom--imt--main-navigation--link--top-level--default--color) !important;
    }
}

.imt-section .imt-card-bg-color-opacity-25 .imt-card:hover .imt-card-bg-color {
    opacity: 1 !important;
}

/* new style impl for social links */
.imt-social-links a {
    width: 38px;
    height: 38px;
    line-height: 36px;
    border-radius: calc(var(--wp--custom--imt--border-radius) * 0.25);
    background: var(--wp--custom--imt--color--palette--background--primary--active) !important;
    text-align: center !important;
}

.imt-social-links a:hover {
    background: var(--wp--custom--imt--color--palette--background--primary--300) !important;
}

.imt-social-links a:hover i {
    color: var(--wp--custom--imt--footer--social--icon--color-hover);
}

.imt-social-links a i {
    line-height: normal !important;
    vertical-align: middle !important;
}

.imt-social-links.imt-social-horizontal {
    gap: calc(var(--wp--custom--imt--spacer) * 0.5);
}

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