@import "/wp-content/themes/allthrive365/assets/scss/blog.css";

/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,::before,::after{box-sizing:border-box}:root{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}*{box-sizing:border-box}/*html,body{width:100%;height:100%}*/body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}img,svg{max-width:100%;vertical-align:middle}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}p:last-of-type{margin-bottom:0}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}


body {
    color:var(--color_midnight_saphire);
    background-color: var(--color_manilla_lighter);
    font: var(--font_body_regular);
    font-style: normal;
}


:root{
    /* ________________________________________ VARIABLES ________________________________________ */

    /*Font Families*/
    --font_family_headline: 'museo-slab-rounded', serif;
    --font_family_body: 'cofo-sans-variable', sans-serif;


    /*
        Fluid Typography Calculated Here:
        https://modern-fluid-typography.vercel.app/

        Note that it doesn't work well for small
        differences in size like going from 17px > 19px
    */
    --font_size_h1: clamp(2.75rem, 4.5vw + 1.5rem, 4.5rem);
    --font_size_h2: clamp(2rem, 3vw + 1.25rem, 3.438rem);
    --font_size_h3: clamp(1.75rem, 1vw + 1.5rem, 2.25rem);
    --font_size_h4: 22px;
    --font_size_h5: 17px;
    --font_size_h6: 16px;
    --font_size_body_hero: 26px;
    --font_size_body_large: clamp(1.625rem, 1.5vw + 1.25rem, 2.25rem);
    --font_size_body_regular: 20px;
    --font_size_body_small: 18px;


    --font_h1: 700 var(--font_size_h1)/1.2 'museo-slab-rounded', serif;
    --font_h2: 500 var(--font_size_h2)/1.1 'cofo-sans-variable', serif;
    --font_h3: 700 var(--font_size_h3)/1.2 'museo-slab-rounded', serif;
    --font_h4: 700 var(--font_size_h4)/28px 'cofo-sans-variable', serif;
    --font_h5: 400 var(--font_size_h5)/22px 'museo-slab-rounded', serif;
    --font_h6: 600 var(--font_size_h6)/22px 'museo-slab-rounded', serif;
    --font_body_hero: var(--font_size_body_hero)/32px 'cofo-sans-variable', serif;
    --font_body_large: var(--font_size_body_large)/1.2 'cofo-sans-variable', serif;
    --font_body_regular: var(--font_size_body_regular)/26px 'cofo-sans-variable', serif;
    --font_body_small: var(--font_size_body_small)/24px 'cofo-sans-variable', serif;

    /*--font_h1: 700 44px/52px 'museo-slab-rounded', serif;*/
    /*--font_h2: 500 32px/38px 'cofo-sans-variable', serif;*/
    /*--font_h3: 500 28px/34px 'museo-slab-rounded', serif;*/
    /*--font_h4: 700 22px/28px 'cofo-sans-variable', serif;*/
    /*--font_h5: 400 17px/22px 'museo-slab-rounded', serif;*/
    /*--font_h6: 600 16px/22px 'museo-slab-rounded', serif;*/

    /*--font_body_hero: 26px/32px 'cofo-sans-variable', serif;*/
    /*--font_body_large: 26px/30px 'cofo-sans-variable', serif;*/
    /*--font_body_regular: 20px/26px 'cofo-sans-variable', serif;*/
    /*--font_body_small: 18px/24px 'cofo-sans-variable', serif;*/

    --font_button: 600 24px/26px 'museo-slab-rounded', serif;


    /*Colors*/
    --color_white : #FFFFFF;
    --color_black : #000000;
    --color_manilla: #F5F3DF;
    --color_manilla_lighter: #FFFEF3;
    --color_lemon_chiffon: #EFEBC1;
    --color_deep_ocean: #37828C;
    --color_honey_glow: #F5CE8E;
    --color_warm_horizon: #E37B5E;
    --color_warm_horizon_medium: #EEB09E;
    --color_warm_horizon_lightest: #F9E5DF;
    --color_evergreen: #83B599;
    --color_evergreen_medium: #b5d3c2;
    --color_evergreen_light: #CDE1D6;
    --color_evergreen_lightest: #DFEEE6;
    --color_evergreen_text: #67B087;
    --color_foundation_blue: #3D405A;
    --color_foundation_blue_medium: #8b8c9c;
    --color_foundation_blue_lightest: #d8d9de;
    --color_midnight_saphire: #353841;
    /*--color_light_amber: #F5F3DF;*/ /*This is the same as manilla*/


    --color_primary : var(--color_foundation_blue);
    --color_secondary : var(--color_warm_horizon);
    --color_accent : var(--color_evergreen);
    --color_grey : var(--color_foundation_blue_lightest);
    --color_error : #bf1414;


    /*Container*/
    --container_width:1440px; /* max width of the container class */
    --container_padding:20px; /* left/right sides of the .container class */


    /*Padding between blocks*/
    --section_padding_block:64px;

    /*Buttons*/
    --button_border_radius: 10px;
    --button_background_color: var(--color_honey_glow);
    --button_text_color: var(--color_midnight_saphire);
    --button_border_color: var(--color_honey_glow);
}
/* UPDATE VARIABLES ON MEDIUM+ SCREENS */
@media screen and (width >= 600px) {
    :root{
        /*Font sizes*/
        --font_size_h5: 19px;
        --font_size_body_small: 16px;

        /*Commented out because using fluid typography above*/
        /*--font_h1: 700 72px/80px 'museo-slab-rounded', serif;*/
        /*--font_h2: 500 55px/60px 'cofo-sans-variable', serif;*/
        /*--font_h3: 500 36px/44px 'museo-slab-rounded', serif;*/
        /*--font_h4: 700 22px/28px 'cofo-sans-variable', serif;*/
        /*--font_h5: 400 19px/20px 'museo-slab-rounded', serif;*/
        /*--font_h6: 600 16px/22px 'museo-slab-rounded', serif;*/

        /*--font_body_hero: 26px/36px 'cofo-sans-variable', serif;*/
        /*--font_body_large: 36px/44px 'museo-slab-rounded', serif;*/
        /*--font_body_regular: 20px/27px 'cofo-sans-variable', serif;*/
        /*--font_body_small: 16px/23px 'cofo-sans-variable', serif;*/

        /*Container*/
        --container_padding:64px;

        /*Padding between blocks*/
        --section_padding_block:120px;
    }
}


.block{
    color:var(--color_midnight_saphire);
    background-color: var(--color_manilla_lighter);
    font: var(--font_body_regular);
    font-style: normal;
    padding-block:var(--section_padding_block);

    /* ___________________________________ COLOR CLASSES ___________________________________ */
    .white{ color: var(--color_white); }
    .black{ color: var(--color_black); }
    .manilla{ color: var(--color_manilla); }
    .manilla_lighter{ color: var(--color_manilla_lighter); }
    .lemon_chiffon{ color: var(--color_lemon_chiffon); }
    .deep_ocean{ color: var(--color_deep_ocean); }
    .honey_glow{ color: var(--color_honey_glow); }
    .warm_horizon{ color: var(--color_warm_horizon); }
    .warm_horizon_medium{ color: var(--color_warm_horizon_medium); }
    .warm_horizon_lightest{ color: var(--color_warm_horizon_lightest); }
    .evergreen{ color: var(--color_evergreen); }
    .evergreen_medium{ color: var(--color_evergreen_medium); }
    .evergreen_light{ color: var(--color_evergreen_light); }
    .evergreen_lightest{ color: var(--color_evergreen_lightest); }
    .evergreen_text{ color: var(--color_evergreen_text); }
    .foundation_blue{ color: var(--color_foundation_blue); }
    .foundation_blue_medium{ color: var(--color_foundation_blue_medium); }
    .foundation_blue_lightest{ color: var(--color_foundation_blue_lightest); }
    .midnight_saphire{ color: var(--color_midnight_saphire); }



    /* ___________________________________ HEADINGS / TEXT ___________________________________ */
    h1, .h1 {font:var(--font_h1); margin:0 0 0 0;}
    h2, .h2 {font:var(--font_h2); margin:0 0 0 0;}
    h3, .h3 {font:var(--font_h3); margin:0 0 0 0;}
    h4, .h4 {font:var(--font_h4); margin:0 0 0 0;}
    h5, .h5 {font:var(--font_h5); margin:0 0 0 0; text-transform: uppercase; letter-spacing: 4px;}
    h6, .h6 {font:var(--font_h6); margin:0 0 0 0; text-transform: uppercase;}

    .body_text_hero {font:var(--font_body_hero);}
    .body_text_large {font:var(--font_body_large);}
    .body_text_small {font:var(--font_body_small);}

    /*
    .fw_700{font-weight: 700;}
    .fw_600{font-weight: 600;}
    .fw_500{font-weight: 500;}
    .fw_400{font-weight: 400;}
    .fw_300{font-weight: 300;}
    */


    /* ________________________________________ BASE STYLES __________________________________ */
    p{ margin: 0 0 18px 0; }
    .container{
        margin: 0 auto;
        width: 100%;
        max-width: var(--container_width);
        padding-inline: var(--container_padding);
    }
    .container.narrow{
        --container_width:896px;
    }
    p strong, p b {font-weight:700;}

    /* ________________________________________ LINKS & BUTTONS ______________________________ */
    a{
        color:inherit;
    }
    .arrow_link{
        font-weight: 700;
        gap:8px;
        display:flex;
        align-items: center;
        text-decoration: none;
        transition: gap 0.3s;
        width: fit-content;
    }
    .arrow_link:hover{
        gap:12px;
        text-decoration: underline;
    }
    button, a.button{
        background-color:var(--button_background_color);
        border:3px solid var(--button_border_color);
        border-radius: var(--button_border_radius);
        display: inline-block;
        color:var(--button_text_color);
        cursor:pointer;
        font:var(--font_button);
        padding:15px 39px;
        text-decoration:none;
        width: fit-content;
        letter-spacing: 0.72px;
        white-space: nowrap;
        transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    }
    button:hover, a.button:hover{
        --button_background_color: var(--color_midnight_saphire);
        --button_border_color: var(--color_midnight_saphire);
        --button_text_color: var(--color_honey_glow);
    }
    button.round, a.button.round{
        --button_border_radius: 999px;
    }


    /*___ Filled Orange Button ___*/
    button.warm_horizon, a.button.warm_horizon {
        --button_background_color: var(--color_warm_horizon);
        --button_border_color: var(--color_warm_horizon);
        --button_text_color: var(--color_manilla);
    }
    button.warm_horizon:hover, a.button.warm_horizon:hover{
        --button_background_color: var(--color_manilla_lighter);
        --button_border_color: var(--color_warm_horizon);
        --button_text_color: var(--color_warm_horizon);
    }

    /*___ Filled Orange + Cream Button ___*/
    button.orange_cream, a.button.orange_cream{
        --button_background_color: var(--color_warm_horizon);
        --button_border_color: var(--color_warm_horizon);
        --button_text_color: var(--color_manilla);
    }
    button.orange_cream:hover, a.button.orange_cream:hover{
        --button_background_color: var(--color_manilla);
        --button_border_color: var(--color_warm_horizon);
        --button_text_color: var(--color_warm_horizon);
    }

    /*___ Filled Evergreen Button ___*/
    button.evergreen, a.button.evergreen{
        --button_background_color: var(--color_evergreen);
        --button_border_color: var(--color_evergreen);
        --button_text_color: var(--color_manilla_lighter);
    }
    button.evergreen:hover, a.button.evergreen:hover{
        --button_background_color: var(--color_manilla_lighter);
        --button_border_color: var(--color_evergreen);
        --button_text_color: var(--color_evergreen);
    }

    /*___ Filled Deep Ocean Button ___*/
    button.deep_ocean, a.button.deep_ocean{
        --button_background_color: var(--color_deep_ocean);
        --button_border_color: var(--color_deep_ocean);
        --button_text_color: var(--color_manilla_lighter);
    }
    button.deep_ocean:hover, a.button.deep_ocean:hover{
        --button_background_color: var(--color_manilla_lighter);
        --button_border_color: var(--color_deep_ocean);
        --button_text_color: var(--color_deep_ocean);
    }


    /*___ Filled Blue Button ___*/
    button.foundation_blue, a.button.foundation_blue{
        --button_background_color: var(--color_foundation_blue);
        --button_border_color: var(--color_foundation_blue);
        --button_text_color: var(--color_manilla_lighter);
    }
    button.foundation_blue:hover, a.button.foundation_blue:hover{
        --button_background_color: var(--color_manilla_lighter);
        --button_border_color: var(--color_foundation_blue);
        --button_text_color: var(--color_foundation_blue);
    }

    /*___ Default Outline Button ___*/
    button.outline, a.button.outline{
        --button_background_color: transparent;
        --button_border_color: var(--color_manilla);
        --button_text_color: var(--color_manilla);
    }
    button.outline:hover, a.button.outline:hover{
        --button_background_color: transparent;
        --button_border_color: var(--color_evergreen);
        --button_text_color: var(--color_evergreen);
    }


    /*___ Blue Outline Button ___*/
    button.foundation_blue.outline, a.button.foundation_blue.outline{
        --button_background_color: transparent;
        --button_border_color: var(--color_midnight_saphire);
        --button_text_color: var(--color_midnight_saphire);
    }
    button.foundation_blue.outline:hover, a.button.foundation_blue.outline:hover{
        --button_background_color: var(--color_foundation_blue);
        --button_border_color: var(--color_foundation_blue);
        --button_text_color: var(--color_honey_glow);
    }


    /* ________________________________________ FORMS ________________________________________ */
    form .ginput_container input,
    form .ginput_container textarea,
    form .ginput_container select {
        border: 2px solid var(--color_honey_glow);
        font-size:20px;
        line-height:27px;
        padding:5px 12px 4px 12px;
    }
    .gform_wrapper.gravity-theme .gfield_label{
        font-weight: 400;
        font-size: inherit;
        margin-bottom: 5px;
        line-height: 1;
    }
    form [type=submit]{
        --button_background_color: var(--color_warm_horizon);
        --button_border_color: var(--color_warm_horizon);
        --button_text_color: var(--color_white);

        background-color:var(--button_background_color);
        border:3px solid var(--button_border_color);
        border-radius: var(--button_border_radius);
        display: inline-block;
        color:var(--button_text_color);
        cursor:pointer;
        font:var(--font_button);
        padding:15px 39px;
        margin-inline: auto;
        text-decoration:none;
        width: fit-content;
        letter-spacing: 0.72px;
        white-space: nowrap;
        transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    }
    .gform_heading{
        display:none;
    }
    .gform_fields{
        text-align:left;
    }
    .gform_confirmation_message{
        font:var(--font_body_large);
    }
    form .f_error_message {
        color: var(--color_error);
    }
    .gform_validation_errors {
        display: none;
    }
    form .gform_fields .gfield_validation_message{
        padding: 0;
        margin: 5px 0 0;
        border: 0;
        background: transparent;
    }
}




#google_language_translator {
    width: auto !important;
}

div.skiptranslate.goog-te-gadget {
    display: inline !important;
}
.goog-tooltip {
    display: none !important;
}
.goog-tooltip:hover {
    display: none !important;
}
.goog-text-highlight {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
#google_language_translator select.goog-te-combo {
    color: #32373c;
}
#google_language_translator {
    color: transparent;
}
body {
    top: 0px !important;
}
#goog-gt- {
    display: none !important;
}
font font {
    background-color: transparent !important;
    box-shadow: none !important;
    position: initial !important;
}
#glt-translate-trigger {
    left: 20px;
    right: auto;
}
#glt-translate-trigger>span {
    color: #ffffff;
}
#glt-translate-trigger {
    background: #f89406;
}
.goog-te-gadget .goog-te-combo {
    width: 100%;
}



/* ________________________________________ CUSTOM SCROLLBAR ______________________________ */
/* ...Firefox */
* {scrollbar-width: 10px; scrollbar-color: var(--color_primary) var(--color_white);}
/* ...Chrome, Edge, and Safari */
*::-webkit-scrollbar {width: 10px; height: 10px;}
*::-webkit-scrollbar-track {background: var(--color_primary);background: transparent;}
*::-webkit-scrollbar-thumb {border-radius: 8px;border: 8px solid var(--color_white);border: 8px solid var(--color_primary);}


/* ________________________________________ CUSTOM SELECTION ______________________________ */
::selection {
    background-color: var(--color_evergreen_medium);
    color: var(--color_midnight_saphire);
}