:root {
    /*  Talk to team about 70-20-10  */
    /*--primary: #fff;*/
    /*--secondary: #06548A;*/
    /*--accent: #4581B9;*/

    /*--primary-color: #ed711c;*/
    /*--secondary-blue: #0071c2;*/
    /*--secondary-red: #A13612;*/
    /*--secondary-orange: #CC4E00;*/
    /*--secondary-yellow: #F5B014;*/

    --primary-color: #982f6a;
    --rose: #BA4896;
    --rose-tinted: #DC71AC;
    --orange: #f5794b;
    --orange-tinted: #f9ac95;
    --teal: #00ae9d;
    --teal-tinted: #68c7c1;
    --danger: #f82d2d;


    /* Default Font Colors */
    --main-text-dk: #222222;
    --alt-text-dk: #c9cdce;
    --alt-text-footer: #efefef;
    --main-text-lt: #ffffff;
    --alt-text-lt: #f5f5f6;

    /* Default background color */
    --background-gray: #c9cdce;
    --background-gray-muted: #f5f5f6;
    --background-blue: #EDF9FD;
    --background-dark-purple: #47344c;

    /* Other Default */
    --footer-boarder-color: rgb(166, 166, 166);
    /*--box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);*/
    /*--border-radius: 45px;*/

    --box-shadow: 0 10px 34px 0 rgba(0,0,0,.35);
    --border-radius: 2rem;
    --btn-border-radius: 42px;
}


/************************/
/*      Over-rides      */
/************************/

:focus {
    outline-color: unset !important;
    outline-style: unset !important;
    outline-width: unset !important;
}

:focus-visible {
    outline-color: var(--alt-text-dk) !important;
    outline-style: solid !important;
    outline-width: 2px !important;
    outline-offset: 2px !important;
}

/* Font Family Override */
body { font-family: 'Poppins', 'arial', sans-serif }

h1, h2, h3, h4, h5 {
    /*font-family: 'Poppins', 'arial', serif;*/
    color: var(--main-text-dk);
    margin: 0;
}

p {
    color: var(--main-text-dk);
    margin: 0;
    /*font-size: 1.3rem;*/
}

a { color: var(--primary-color) }

.flex-row {
    display: flex;
    flex-direction: row;
}

/* Hide nav icon when not logged in */
div#erec_main_container:not(.logged-user) div#layout-header-container ul#hdr_nav_links a.nav-icon > span {
    display: none;
}

/* Primary button */
/*Note: #field_selection is a class on the admin panel*/
.btn-primary:not(#field_selection .btn-primary) {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: var(--btn-border-radius);
    color: #ffffff;
    text-decoration: none;
}

.btn-primary:hover:not(#field_selection .btn-primary) {
    background-color: var(--rose);
    border-color: var(--rose);
    color: #ffffff;
}
.btn-inline-block {
    display: inline-block;
}
.btn-primary:active:focus:not(#field_selection .btn-primary) {

}

.btn-primary:focus:not(#field_selection .btn-primary)  {

}

/* Client Custom Button */
.btn-custom {
    padding: 0.75rem 2rem;
    letter-spacing: 0.5px;
    font-weight: 800;
    color: var(--primary-color);
    background: transparent;
    border: 2px solid var(--primary-color);
    border-radius: 48px;
    line-height: 1.3;
    transition: all 200ms ease-in-out;
}

.btn-custom:hover {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: #fff;
}

/* Button Link */
.btn-link:not(#field_selection .btn-link) {
    color: var(--primary-color);
}

.btn-link:hover:not(#field_selection .btn-link) {

}

.btn-link:active:focus:not(#field_selection .btn-link) {

}

.btn-link:focus:not(#field_selection .btn-link)  {

}

/************************/
/*    Utility Classes   */
/************************/

.text-main { color: var(--main-text-dk)}
.text-alt { color: var(--alt-text-dk)}
.text-primary { color: var(--primary-color)}

.text-xs { font-size: 0.75rem; line-height: 1rem}
.text-sm { font-size: 0.875rem; line-height: 1.25rem}
.text-base { font-size: 1rem; line-height: 1.5rem}
.text-lg { font-size: 1.125rem; line-height: 1.75rem}
.text-xl { font-size: 1.25rem; line-height: 1.75rem}
.text-2xl { font-size: 1.5rem; line-height: 2rem}
.text-3xl { font-size: 1.875rem; line-height: 2.25rem}
.text-4xl { font-size: 2.25rem; line-height: 2.5rem}
.text-5xl { font-size: 3rem; line-height: 1rem}
.text-6xl { font-size: 3.75rem; line-height: 1rem}
.text-7xl { font-size: 4.5rem; line-height: 1rem}
.text-8xl { font-size: 6rem; line-height: 1rem}
.text-9xl { font-size: 8rem; line-height: 1rem}