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

    --primary-color: #005837;
    --secondary-blue: rgb(15, 105, 160);
    --secondary-red: #A13612;
    --secondary-orange: #CC4E00;
    --secondary-yellow: #F5B014;
    --secondary-tan: #D7CEB4;

    /* Default Font Colors */
    --text-tan: #E5DDC3;
    --text-gold: #CBB027;
    --main-text-dk: rgb(65, 65, 65);
    --alt-text-dk: #707070;
    --alt-text-footer: rgb(77, 77, 77);
    --main-text-lt: #ffffff;
    --alt-text-lt: #ececec;

    /* Default background color */
    --background-drk: rgb(39, 39, 39);
    --background-gray: #F1F4F6;
    --background-footer-gray: rgb(245, 245, 245);

    /* 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: 5px;
}


/************************/
/*      Over-rides      */
/************************/
input.form-control:focus,
:focus {
    outline-color: unset !important;
    outline-style: unset !important;
    outline-width: unset !important;
}

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

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

h1, h2, h3, h4, h5 {
    font-family: "Oswald", sans-serif;
    color: var(--primary-color);
    margin: 0;
}

p {
    color: var(--main-text-dk);
    margin: 0;
}

a { color: var(--primary-color) }
a:hover { color: var(--text-gold) }

/* 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);
    /*color: ;*/
}

.btn-primary:hover:not(#field_selection .btn-primary) {
    background-color: #086b46;
    border-color: #086b46;
}


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

.btn-link:hover:not(#field_selection .btn-link) {
    color: var(--text-gold);
}

div#nav_link_container > ul > li.active {
    border-bottom: 3px solid var(--primary-color);
}

div#nav_link_container > ul > li.active > a{
    color: var(--primary-color) !important;
}

/************************/
/*    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: 3.5rem}
.text-6xl { font-size: 3.75rem; line-height: 4rem}
.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}