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

    --primary-color: #C8122C;
    --secondary-blue: #4581B9;
    --secondary-red: #A13612;
    --secondary-orange: #CC4E00;
    --secondary-yellow: #F5B014;

    /* Default Font Colors */
    --main-text-dk: #494949;
    --alt-text-dk: #707070;
    --main-text-lt: #ffffff;
    --alt-text-lt: #ececec;

    /* Default background color */
    --background-gray: #F1F4F6;

    /* Other Default */
    --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      */
/************************/

/*:focus {*/
/*    outline-color: #FF0000 !important;*/
/*    outline-style: solid !important;*/
/*    outline-width: 2px !important;*/
/*}*/

 Font Family Override
body { font-family: 'Roboto', 'Poppins', 'Open Sans', Arial, sans-serif }

p, h1, h2, h3, h4, h5 {
    color: var(--main-text-dk);
    margin: 0;
}

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

/* 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: var(--main-text-lt);
}

.btn-primary:hover:not(#field_selection .btn-primary) {
    transition: all .15s ease-in;
    background-color: #a50f24 !important;
    border-color: #990e22 !important;
}

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

}

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

}


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

/************************/
/*  Tailwind.CSS Utils  */
/************************/

/*  Typograpohy */
.no-underline { text-decoration-line: none }

/* Layout */
.flex { display: flex }
.grid { display: grid }
.block { display: block }
.hidden { display: none }

/* Flexbox and Grid */
.flex-row { flex-direction: row }
.flex-row-revers { flex-direction: row-reverse }
.flex-col { flex-direction: column }
.flex-col-reverse { flex-direction: column-reverse }

.justify-center { justify-content: center }
.justify-between { justify-content: space-between }
.justify-around { justify-content: space-around }
.justify-evenly { justify-content: space-evenly }

.items-start { align-items: start }
.items-end { align-items: end }
.items-center { align-items: center }
.items-baseline { align-items: baseline }
.items-stretch { align-items: stretch }

/* Box Shadow */
.shadow-sm { box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) }
.shadow { box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) }
.shadow-md { box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) }
.shadow-lg { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) }
.shadow-xl { box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) }
.shadow-2xl { box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25) }

/* Spacing Margin and Padding */

/* Margins */
.m-0 { margin: 0}
.mt-0 { margin-top: 0}
.mb-0 { margin-bottom: 0}
.ml-0 { margin-left: 0}
.mr-0 { margin-right: 0}
.mx-0 { margin-left: 0; margin-right: 0}
.my-0 { margin-top: 0; margin-bottom: 0}

.m-1 { margin: 0.25rem}
.mt-1 { margin-top: 0.25rem}
.mb-1 { margin-bottom: 0.25rem}
.ml-1 { margin-left: 0.25rem}
.mr-1 { margin-right: 0.25rem}
.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem}
.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem}

.m-2 { margin: 0.5rem}
.mt-2 { margin-top: 0.5rem}
.mb-2 { margin-bottom: 0.5rem}
.ml-2 { margin-left: 0.5rem}
.mr-2 { margin-right: 0.5rem}
.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem}
.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem}

.m-3 { margin: 0.75rem}
.mt-3 { margin-top: 0.75rem}
.mb-3 { margin-bottom: 0.75rem}
.ml-3 { margin-left: 0.75rem}
.mr-3 { margin-right: 0.75rem}
.mx-3 { margin-left: 0.75rem; margin-right: 0.75rem}
.my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem}

.m-4 { margin: 1rem}
.mt-4 { margin-top: 1rem}
.mb-4 { margin-bottom: 1rem}
.ml-4 { margin-left: 1rem}
.mr-4 { margin-right: 1rem}
.mx-4 { margin-left: 1rem; margin-right: 1rem}
.my-4 { margin-top: 1rem; margin-bottom: 1rem}

.m-5 { margin: 1.25rem}
.mt-5 { margin-top: 1.25rem}
.mb-5 { margin-bottom: 1.25rem}
.ml-5 { margin-left: 1.25rem}
.mr-5 { margin-right: 1.25rem}
.mx-5 { margin-left: 1.25rem; margin-right: 1.25rem}
.my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem}

.m-6 { margin: 1.5rem}
.mt-6 { margin-top: 1.5rem}
.mb-6 { margin-bottom: 1.5rem}
.ml-6 { margin-left: 1.5rem}
.mr-6 { margin-right: 1.5rem}
.mx-6 { margin-left: 1.5rem; margin-right: 1.5rem}
.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem}

.m-7 { margin: 1.75rem}
.mt-7 { margin-top: 1.75rem}
.mb-7 { margin-bottom: 1.75rem}
.ml-7 { margin-left: 1.75rem}
.mr-7 { margin-right: 1.75rem}
.mx-7 { margin-left: 1.75rem; margin-right: 1.75rem}
.my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem}

.m-8 { margin: 2rem}
.mt-8 { margin-top: 2rem}
.mb-8 { margin-bottom: 2rem}
.ml-8 { margin-left: 2rem}
.mr-8 { margin-right: 2rem}
.mx-8 { margin-left: 2rem; margin-right: 2rem}
.my-8 { margin-top: 2rem; margin-bottom: 2rem}

.m-10 { margin: 2.5rem}
.mt-10 { margin-top: 2.5rem}
.mb-10 { margin-bottom: 2.5rem}
.ml-10 { margin-left: 2.5rem}
.mr-10 { margin-right: 2.5rem}
.mx-10 { margin-left: 2.5rem; margin-right: 2.5rem}
.my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem}

.m-12 { margin: 3rem}
.mt-12 { margin-top: 3rem}
.mb-12 { margin-bottom: 3rem}
.ml-12 { margin-left: 3rem}
.mr-12 { margin-right: 3rem}
.mx-12 { margin-left: 3rem; margin-right: 3rem}
.my-12 { margin-top: 3rem; margin-bottom: 3rem}

/* Padding */
.p-0 { padding: 0}
.pt-0 { padding-top: 0}
.pb-0 { padding-bottom: 0}
.pl-0 { padding-left: 0}
.pr-0 { padding-right: 0}
.px-0 { padding-left: 0; padding-right: 0}
.py-0 { padding-top: 0; padding-bottom: 0}

.p-1 { padding: 0.25rem}
.pt-1 { padding-top: 0.25rem}
.pb-1 { padding-bottom: 0.25rem}
.pl-1 { padding-left: 0.25rem}
.pr-1 { padding-right: 0.25rem}
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem}
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem}

.p-2 { padding: 0.5rem}
.pt-2 { padding-top: 0.5rem}
.pb-2 { padding-bottom: 0.5rem}
.pl-2 { padding-left: 0.5rem}
.pr-2 { padding-right: 0.5rem}
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem}
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem}

.p-3 { padding: 0.75rem}
.pt-3 { padding-top: 0.75rem}
.pb-3 { padding-bottom: 0.75rem}
.pl-3 { padding-left: 0.75rem}
.pr-3 { padding-right: 0.75rem}
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem}
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem}

.p-4 { padding: 1rem}
.pt-4 { padding-top: 1rem}
.pb-4 { padding-bottom: 1rem}
.pl-4 { padding-left: 1rem}
.pr-4 { padding-right: 1rem}
.px-4 { padding-left: 1rem; padding-right: 1rem}
.py-4 { padding-top: 1rem; padding-bottom: 1rem}

.p-5 { padding: 1.25rem}
.pt-5 { padding-top: 1.25rem}
.pb-5 { padding-bottom: 1.25rem}
.pl-5 { padding-left: 1.25rem}
.pr-5 { padding-right: 1.25rem}
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem}
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem}

.p-6 { padding: 1.5rem}
.pt-6 { padding-top: 1.5rem}
.pb-6 { padding-bottom: 1.5rem}
.pl-6 { padding-left: 1.5rem}
.pr-6 { padding-right: 1.5rem}
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem}
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem}

.p-7 { padding: 1.75rem}
.pt-7 { padding-top: 1.75rem}
.pb-7 { padding-bottom: 1.75rem}
.pl-7 { padding-left: 1.75rem}
.pr-7 { padding-right: 1.75rem}
.px-7 { padding-left: 1.75rem; padding-right: 1.75rem}
.py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem}

.p-8 { padding: 2rem}
.pt-8 { padding-top: 2rem}
.pb-8 { padding-bottom: 2rem}
.pl-8 { padding-left: 2rem}
.pr-8 { padding-right: 2rem}
.px-8 { padding-left: 2rem; padding-right: 2rem}
.py-8 { padding-top: 2rem; padding-bottom: 2rem}

.p-10 { padding: 2.5rem}
.pt-10 { padding-top: 2.5rem}
.pb-10 { padding-bottom: 2.5rem}
.pl-10 { padding-left: 2.5rem}
.pr-10 { padding-right: 2.5rem}
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem}
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem}

.p-12 { padding: 3rem}
.pt-12 { padding-top: 3rem}
.pb-12 { padding-bottom: 3rem}
.pl-12 { padding-left: 3rem}
.pr-12 { padding-right: 3rem}
.px-12 { padding-left: 3rem; padding-right: 3rem}
.py-12 { padding-top: 3rem; padding-bottom: 3rem}