/* 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: 'Be Vietnam Pro';
    --font-family--h--1: 'DM Serif Text';
    --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 ---------------------------- */
/* ***** REMOVE ANY AND ALL COMMENTED OUT CODE IF YOU DO NOT NEED IT :) ***** */
/* ------- LINK IN BIO PAGE ------- */
/* social links for link in bio page */
.imt-social-links-bio .imt-social-links {
    justify-content: center;
}

/* adds a margin space inbetween the hero and callout section */
.imt-section.imt-section-margin {
    margin: calc(var(--wp--custom--imt--spacer) * 0.25) 0 calc(var(--wp--custom--imt--spacer) * 0.25);
}

/* add dual border effect to the header */
header.imt-header #imt-header::after {
    content: '';
    height: 5px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(90deg,rgb(29, 149, 33) 0%, rgba(29, 149, 33, 1) 50%, rgb(166, 170, 169) 50%);
}

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

/* replace Twitter X with Yelp */
.imt-social-links>a>i.fa-x-twitter::before {
content: "\f1e9";
}

/* style focus-within links for light text with darker background color */
@media only screen and (min-width: 1281px) {
    
    nav.imt-main-nav.full-mega>div>ul>li.megamenu>.submenu .imt-megamenu-wrapper li ul li a:focus-within {
        color: var(--wp--custom--imt--main-navigation--link--submenu--hover--color);
    }
}

/* ------- CUSTOM FOOTER BACKGROUND ICON STYLES ------- */
/* add quare shape at full width, will condense as screen shrinks until mobile, add border radius, and centre the icon inside the a element */
/* best pairs with an updated footer social link color, OR add  */
.imt-social-links.imt-social-horizontal>a {
    width: 45px;
    height: 45px;
    border: 0px solid transparent;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
}

/* change the icon cover on the a element hover to the social icon color */
.imt-social-links.imt-social-horizontal>a:hover > i {
    color: var(--wp--custom--imt--footer--social--icon--color);
}

/* Facebook brand color, default + hover */
.imt-social-links.imt-social-horizontal>a:has(i.fa-facebook) {
    background: #1877F2;
}

.imt-social-links.imt-social-horizontal>a:has(i.fa-facebook):hover {
    background: linear-gradient(rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.33)), #1877F2;
}

/* Instagram brand gradient, default + hover */
.imt-social-links.imt-social-horizontal>a:has(i.fa-instagram) {
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}

.imt-social-links.imt-social-horizontal>a:has(i.fa-instagram):hover {
    background: linear-gradient(rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.33)), linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}

/* LinkedIn brand color, default + hover */
.imt-social-links.imt-social-horizontal>a:has(i.fa-linkedin) {
    background: #0077B5;
}

.imt-social-links.imt-social-horizontal>a:has(i.fa-linkedin):hover {
    background: linear-gradient(rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.33)), #0077B5;
}

/* Yelp brand color, applies to Twitter (X), default + hover */
.imt-social-links.imt-social-horizontal>a:has(i.fa-x-twitter) {
    background: #FF1A1A;
}

.imt-social-links.imt-social-horizontal>a:has(i.fa-x-twitter):hover {
    background: linear-gradient(rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.33)), #FF1A1A;
}

/* give all links margin except the last */
.imt-social-links.imt-social-horizontal>a:not(:last-of-type) {
    margin-right: 12px;
}

/* remove the icon padding for this layout */
.imt-social-links.imt-social-horizontal>a>i {
    padding-right: 0;
}