/* 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: 'Poppins';
    --font-family--h--1: 'Poppins';
    --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 ------- */
@media only screen and (min-width: 1281px) {

    /* reduce slider bottom spacing */
    .imt-slider-style-1 .slick-slider {
        margin-bottom: 15px !important;
    }

    nav.imt-main-nav>div>ul>li .submenu.imt-menu-level-2 {
        border-style: solid;
        border-width: 0 2px 2px 2px;
        border-color: var(--wp--custom--imt--color--palette--background--accent--2--900);
    }

    /* ------- Megamenu Styling - NO ICONS, COLUMN WRAPPING - Sun Valley ------- */
    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;
    }
}

/* style the media row headings to follow the booklet styles */
.imt-media-row-style-default .imt-heading {
    padding: calc(var(--wp--custom--imt--spacer) * 1.25) calc(var(--wp--custom--imt--spacer) * 3) !important;
    margin-bottom: calc(var(--wp--custom--imt--spacer) * 1.5) !important;
}

/* right media row content w/ green gradients */
.imt-media-row-style-default.imt-media-col-right .imt-heading {
    background: var(--wp--custom--imt--color--background--gradient--3--color);
    border-radius: calc(var(--wp--custom--imt--border-radius) * 5) 0 0 calc(var(--wp--custom--imt--border-radius) * 5);
}

/* left media row content w/ dark blue gradients */
.imt-media-row-style-default.imt-media-col-left .imt-heading {
    background: var(--wp--custom--imt--color--background--gradient--2--color);
    border-radius: 0 calc(var(--wp--custom--imt--border-radius) * 5) calc(var(--wp--custom--imt--border-radius) * 5) 0;
}

/* entire content block requires 0 padding, add it back */
.imt-media-row-style-default .imt-paragraphs,
.imt-media-row-style-default .imt-buttons {
    padding-left: calc(var(--wp--custom--imt--spacer) * 3) !important;
    padding-right: calc(var(--wp--custom--imt--spacer) * 3) !important;
}

/* add text formatting trial */
.imt-paragraphs {
    text-wrap: pretty;
}

.imt-hero .imt-heading,
.imt-hero .imt-lead-text--0 {
    text-wrap: balance;
}

/* add class to help add gradient-4 where setting doesn't exist */
.imt-background-gradient-4 {
    background: var(--wp--custom--imt--color--background--gradient--4--color);
}

.imt-buttons.imt-btn-size-sm a.imt-btn {
    margin-left: var(--wp--custom--imt--button--sm--margin) !important;
}

/* button styles do not accept gradients by default - FIX */
.imt-hero-default .imt-btn-wrapper:first-of-type .imt-btn,
.imt-callout-1 .imt-btn-wrapper:first-of-type .imt-btn,
.imt-media-row-style-default.imt-media-col-right .imt-btn-wrapper:first-of-type .imt-btn {
    background: var(--wp--custom--imt--global--section--hero--style--default--buttons--1--background-color);
    border: none !important;
}

.imt-hero-default .imt-btn-wrapper:first-of-type .imt-btn:hover,
.imt-callout-1 .imt-btn-wrapper:first-of-type .imt-btn:hover,
.imt-media-row-style-default.imt-media-col-right .imt-btn-wrapper:first-of-type .imt-btn:hover {
    background: var(--wp--custom--imt--global--section--hero--style--default--buttons--1--hover--background-color);
}

.imt-hero-default .imt-btn-wrapper:first-of-type .imt-btn:focus,
.imt-callout-1 .imt-btn-wrapper:first-of-type .imt-btn:focus,
.imt-media-row-style-default.imt-media-col-right .imt-btn-wrapper:first-of-type .imt-btn:focus {
    background: var(--wp--custom--imt--global--section--hero--style--default--buttons--1--focus--background-color);
}

.imt-hero-default .imt-btn-wrapper:nth-of-type(2) .imt-btn,
.imt-callout-default .imt-btn-wrapper:first-of-type .imt-btn,
.imt-media-row-style-default.imt-media-col-left .imt-btn-wrapper:first-of-type .imt-btn {
    background: var(--wp--custom--imt--global--section--callout--style--default--buttons--1--background-color);
    border: none !important;
}

.imt-hero-default .imt-btn-wrapper:nth-of-type(2) .imt-btn:hover,
.imt-callout-default .imt-btn-wrapper:first-of-type .imt-btn:hover,
.imt-media-row-style-default.imt-media-col-left .imt-btn-wrapper:first-of-type .imt-btn:hover {
    background: var(--wp--custom--imt--global--section--callout--style--default--buttons--1--hover--background-color);
}

.imt-hero-default .imt-btn-wrapper:nth-of-type(2) .imt-btn:focus,
.imt-callout-default .imt-btn-wrapper:first-of-type .imt-btn:focus,
.imt-media-row-style-default.imt-media-col-left .imt-btn-wrapper:first-of-type .imt-btn:focus {
    background: var(--wp--custom--imt--global--section--callout--style--default--buttons--1--focus--background-color);
}

/* force submenu links to stay light on scroll, ignore megamenu headings, determine what's going on here? */
.imt-header-sm nav.imt-main-nav>div ul>li .submenu li:not(.megamenu-heading) a:not(.imt-current-menu-item, :hover) {
    color: var(--wp--custom--imt--color--text--light) !important;
}

/* clean up spacing for callout style 1 areas */
.imt-section:has(.imt-callout-1),
.imt-section:has(.imt-callout-1) .imt-content {
    padding-bottom: 0;
}

/* drop area border radius all around */
.gform_wrapper.gravity-theme .gform_drop_area {
    border-radius: calc(var(--wp--custom--imt--border-radius) * 0.5) !important;
}

@media only screen and (max-width: 1280px) {
    /* wrap the process cards because of font wrapping */
    .imt-section .imt-card-group.imt-value-cards.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;
    }
}

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

    .imt-media-row-style-default .imt-heading {
        margin-top: 0 !important;
        border-radius: 0 0 calc(var(--wp--custom--imt--border-radius) * 3) calc(var(--wp--custom--imt--border-radius) * 2) !important;
        padding: calc(var(--wp--custom--imt--spacer) * 1.25) calc(var(--wp--custom--imt--spacer) * 2) !important;
    }
    
    .imt-media-row-style-default .imt-paragraphs,
    .imt-media-row-style-default .imt-buttons {
        padding-left: calc(var(--wp--custom--imt--spacer) * 1.5) !important;
        padding-right: calc(var(--wp--custom--imt--spacer) * 1.5) !important;
    }
}

/* add this to base theme in future */
::placeholder {
    color: var(--wp--custom--imt--color--text--light);
}