/*
 Theme Name:     ITI Divi
 Theme URI:      https://www.infotechinc.com/
 Description:    Divi Child Theme
 Author:         Infotech, Inc.
 Author URI:     https://www.infotechinc.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */
:root {
    --iti-under-text-height: 102px;
    --desktop: 1400px;
    --tablet: 1000px;
    --mobile: 768px;
    --tablet-max: calc(var(--desktop) - 1);
    --mobile-max: calc(var(--tablet) - 1);
}

.container {
    max-width: 1320px;
}

body {
    font-family: Apercu-Medium;
}

sup {
    font-size: 75% !important;
    bottom: .3rem !important;
}

h1 > sup {
    letter-spacing: -2.5px;
    font-size: 50% !important;
    bottom: 1.6rem !important;
}


.headline, .headline h2 {
    color: #2d1e73;
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: -2px;
    line-height: 1.04;
    text-align: center;
    width: 100%;
}

.custom-module sup {
    font-size: 18px !important;
    top: -42px !important;
}

div#footer-info a {
    padding: 0;
    /* Remove padding */
    margin: 0px auto;
    /* Remove margins */
    padding-left: 15px;
}


/** Override the Standard Width **/
.et_pb_row {
    max-width: 1440px;
}

/* Transparent background + white text on navbar (for use with tout marquee) */
.transparent-nav-dark {
    box-shadow: none !important;
    a {
        color: white !important;
    }
    color: white important;
    background: none !important;
    img {
        filter: brightness(0) invert(1);
    }
}
@media screen and (max-width < var(--tablet-max)) {
    /* nav breakpoint fix todo */
}


.is-mosaic {
    .is-color-block-row {
        min-height: 360px;
        max-height: 500px;
        padding: 0px !important;
    
        .is-color-grid-row-item {
            margin: 0px;
            height: 100%;
            min-width: 25%;
            padding: 1.75rem 2.1875rem;
            h2 {
    
                box-sizing: border-box;
                letter-spacing: -1px;
                line-height: calc(30 * 1px + (40 - 30)/ (1440 - 375) * (100vw - 375 * 1px));
                padding-bottom: 1.8125rem;
                padding-top: 2.9375rem;
                font-size: calc(20 * 1px + (30 - 20)/ (1440 - 375) * (100vw - 375 * 1px));
            }
        }
    }
    
    .before-text-effect::before {
        content: '7,400';
        font-size: 5rem;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: rgba(84, 45, 255, 0.1);
    }
    
    .white-text {
        color: white !important;
    }
}

.iti-button-link {
    /* word-break:keep-all; */
    display: inline-block;
    font-size: 14px;
    border: 1px solid #0074e8;
    padding: .8rem 1.8rem;
    text-transform: uppercase !important;
    border-radius: 20rem;
    background: white;
    color: #2d1e73;
    transition: all .3s ease-in-out;

    .link-arrow {
        display: flex;
        align-items: center;

        .line {
            height: 1px;
            width: 40px;
            border-bottom: 1px solid #2d1e73;
        }
        .arrow {
            /* background: red; */
            height: 10px;
            width: 10px;
            transform: rotate(45deg);
            border-top: 1px solid #2d1e73;
            border-right: 1px solid #2d1e73;

            /* border-color: #2d1e73; */
            position: relative;
            z-index: 999999;
            left: -10px;
        }
    }
}

.iti-button-link:hover {
    color: #2d1e73;
    transition: all .3s ease-in-ot;
}

.iti-solid-button {
    font-size: 12px;
    border-radius: 20rem !important;
}

/* some util classes */

.top-gap-sm {
    margin-top: 2rem !important;
}

.overlay {
    background: rgba(20,20,70,.55);
}

/** Top Nav Stuff **/
#top-menu li li {
    padding: 0 10px;
    margin: 0;

    a {
        padding: 2px 10px;
    }
}
#top-menu.nav li ul li.current-menu-item a,
#top-menu.nav li.menu-item ul.sub-menu a {
    font-size: 15px !important;
    font-variant: normal !important;
    letter-spacing: -0.3px !important;
}