/***************************************************
************ Neostella Custom Variables ************
***************************************************/
:root {
    /** Measures **/
    --width: 1366px;
    --full: 100%;
    --half: 50%;
    --s-spacing: 1rem;
    --m-spacing: 2rem;
    --l-spacing: 3rem;
    --xl-spacing: 4rem;
    --xxl-spacing: 5rem;
    --xxxl-spacing: 6rem;
    --padding: 0;
    --padding-full: var(--l-spacing) 0;
    /* Colors */
    --neoblue: #06509A;
    --neopaleblue: #00B1EB;
    --neodarkblue: #143358;
    --neodark: #242725;
    --neowhite: #F5F4F0;
    --full-gradient: linear-gradient(180deg, #C8E6ED 0%, #00B1EB 30%, #2173C6 51%, #1362B0 69%, #143358 85%, #242725 100%);
    --footer-gradient: linear-gradient(0deg, #2173C6 0%, #1362B0 8.5%, #143358 30%, #143358 65%, #242725 100%);
    --blue-gradient: linear-gradient(90deg, #C8E6ED 3.5%, #00B1EB 37%, #2173C6 70.5%, #06509A 100%);
    --blue-gradient-alt: linear-gradient(0deg, #C8E6ED 3.5%, #00B1EB 37%, #2173C6 70.5%, #06509A 100%);
    --blue-gradient-bar: linear-gradient(-90deg, #C8E6ED 3.5%, #00B1EB 37%, #2173C6 70.5%, #06509A 100%);
    --dark-gradient: linear-gradient(180deg, #242725 0%, #143358 100%);
    --dark-gradient-alt: linear-gradient(0deg, #242725 0%, #143358 100%);
    --blue-dark-gradient: linear-gradient(90deg, #2173C6 0%, #1362B0 6%, #143358 45%, #102845 65%, #242725 100%);
    --blue-dark-gradient-alt: linear-gradient(0deg, #06509A 0%, #143358 51%, #1C2D3F 100%);
    --blue-pale-gradient: linear-gradient(180deg, #00B1EB 12.5%, #2173C6 100%);
    --index-menu-gradient: linear-gradient(90deg, #00B1EB 0%, #2173C6 20.67%, #06509A 45.19%, #143358 100%);
    --divider-gradient: linear-gradient(90deg, #C8E6ED 0%, #00B1EB 30%, #2173C6 51%, #1362B0 69%, #143358 85%, #242725 100%);
    /* Shadows */
    --box-shadow: 4px 4px 10px 2px rgba(0, 0, 0, 0.10);
    --box-shadow-alt: 0px -10px 10px 0px rgba(0, 0, 0, 0.25);

    /*** Fonts ***/
    /* Families */
    --work: "Work Sans", sans-serif;
    --racing: "Racing Sans One", sans-serif;
    /* --work-stroke: "Work Sans Stroke", sans-serif; */
    /* Sizes */
    --h1: 5vw;
    --h2: 3.646vw;
    --h3: 3.333vw;
    --h4: 2.5vw;
    --smalltext: 1rem;
    --slimtext: 1.125rem;
    --text: 1.25rem;
    --blocknav: 1.5rem;
    --mediumtext: 1.75rem;
    --bigtext: 2rem;
    --button: 1.25rem;
    --buttonsmall: 1rem;
    --topnav: 1rem;
    --alt-title: 1.875vw;
    --stroke: 6.66667vw;
    /* --strokewidth: 1px; */
    /* Line heights */
    --lh-1: 1em;
    --lh-2: 1.2em;
    --lh-3: 1.3em;
    --lh-4: 1.4em;
    --lh-5: 1.5em;
    --lh-l: 2em;
    --lh-n : .9em;
    /* Font weight */
    --thin: 100;
    --extralight: 200;
    --light: 300;
    --regular: 400;
    --medium: 500;
    --semibold: 600;
    --bold: 700;
    --extrabold: 800;
    --black: 900;
    /* Hubspot Template */
    --hs-light: 300;
}

/*************************************************/
/******************* > Full HD *******************/
/*************************************************/

@media (min-width: 1920px) {
    :root {
        /* Sizes */
        --h1: 6rem;
        --h2: 4.375rem;
        --h3: 4rem;
        --h4: 3rem;
        --stroke: 8rem;
        --alt-title: 2.25rem;
    }
}

/**********************************************/
/******************* Laptop *******************/
/**********************************************/
@media (max-width: 1366px) {
    p {
        margin-bottom: 0.75rem;
    }

    :root{
        /** Measures **/
        --width: 1140px;
        /* Sizes */
        --h2: 4.65vw;
        --alt-title: 2.5vw;
        --strokewidth: 1px;
    }
}

/**********************************************/
/******************* Tablet *******************/
/**********************************************/
@media (max-width: 1024px) {
    :root{
        /** Measures **/
        --width: var(--full);
        --padding: 0 2rem;
        --padding-full: var(--m-spacing);
        /* Sizes */
        --h1: 6vw;
        --h2: 4.3752vw;
        --h3: 4vw;
        --h4: 3vw;
        --text: 1.125rem;
        --bigtext: 1.75rem;
        --blocknav: 1.25rem;
        --alt-title: 1.5rem;
        --stroke: 8vw;
        /* Font weight */
        --extralight: var(--hs-light);
    }

    h1, h2, h3, h4, h5, h6 {
        line-height: var(--lh-2) !important;
    }

    .row-reverse {
        flex-direction: column-reverse !important;
    }
    
}

/**********************************************/
/******************* Mobile *******************/
/**********************************************/
@media (max-width: 767px) {
    :root{
        /** Measures **/
        --width: var(--full);
        --padding: 0 1rem;
        --padding-full: var(--m-spacing) var(--s-spacing);
        /* Sizes */
        --h1: 8.425vw;
        --h2: 7.5vw;
        --h3: 6vw;
        --h4: 3.75vw;
        --text: 1.125rem;
        --bigtext: 1.5rem;
        --blocknav: 1.125rem;
        --alt-title: 1.375rem;
        --stroke: 12.25vw;
    }
}