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

/* avoid orphan words */
body, html {
    text-wrap: pretty;
}

/* update secondary outline btn style to be more distinct on primary */
.imt-btn.imt-btn-secondary-outline {
    background: rgba(0,0,0,0.35);
}

/* inc card opacity on hover; add animation timing for the hover */
.imt-section .imt-card-bg-color-opacity-25 .imt-card .imt-card-bg-color,
.imt-section .imt-media-row.imt-media-row-style-default.imt-media-col-right .imt-content-col .imt-content-col__inner,
.imt-section .imt-media-row.imt-media-row-style-default.imt-media-col-left .imt-content-col .imt-content-col__inner {
    transition: var(--wp--custom--imt--hover-transition);
}

.imt-section .imt-card-color-black.imt-card-bg-color-opacity-25 .imt-card-color-override-use-group-color.imt-card:hover .imt-card-bg-color {
    opacity: 0.35;
}

/* h1 ::after needs to take the heading setting style and color */
h1.imt-heading::after {
    border-style: var(--wp--custom--imt--h--1--after--border--style) !important;
    border-color: var(--wp--custom--imt--h--1--after--border--color) !important;
}

/* center align under if text is centred */
h3.imt-heading.imt-text-align-center::after {
    left: 50%;
    transform: translateX(-50%);
}

/* no box shadow settings exist for callouts - TODO: ADD */
.imt-section:has(.imt-callout-default) .imt-card {
    box-shadow: 0 0 0 1px var(--wp--custom--imt--color--palette--background--secondary--100), 0 0 0 4px var(--wp--custom--imt--color--palette--background--accent--1--900), 0 0 0 6px var(--wp--custom--imt--color--palette--background--accent--2--active) !important;
}

/* reduce media row margin for small desktop down to tablet  */
@media only screen and (801px <= width <= 1280px) {
    .imt-section .imt-media-row.imt-media-row-style-default.imt-media-col-right .imt-content-col .imt-content-col__inner {
        margin: calc(var(--wp--custom--imt--spacer) * 4) 0 calc(var(--wp--custom--imt--spacer) * 4) calc(var(--wp--custom--imt--spacer) * 2.5);
    }

    .imt-section .imt-media-row.imt-media-row-style-default.imt-media-col-left .imt-content-col .imt-content-col__inner {
        margin: calc(var(--wp--custom--imt--spacer) * 4) calc(var(--wp--custom--imt--spacer) * 2.5) calc(var(--wp--custom--imt--spacer) * 4) 0;
    }
}

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

/* add no box shadow card class */
.imt-card.imt-card-no-box-shadow {
    box-shadow: none !important;
}

/* update padding not applying for link style 1 */
@media only screen and (max-width: 1280px) {
    nav.imt-main-nav.offcanvas #imt-offcanvas>ul>li.imt-btn-1 a {
        padding: var(--wp--custom--imt--main-navigation--link-styles--1--padding);
    }
}