/*************************************** Mixins *******************************/
 :root {
    /* Dark blue */
     --brand-color1: #112f60;
     --brand-color1-rgb: 17, 47, 96;
    /* Camas Blue */
     --brand-color2: #3A71B0;
     --brand-color2-rgb: 58, 113, 176;
    /* passes color contrast for .threeButtonWrapper */
     --brand-color2-a11y: #3A71B0;
    /* GOLD - default alert color*/
     --brand-color3: #f5a603;
     --brand-color3-rgb: 245, 166, 3;
    /* WHITE*/
     --brand-color4: #ffffff;
     --brand-color4-rgb: 255, 255, 255;
    /* Black */
     --brand-color5: #000000;
     --brand-color5-rgb: 0, 0, 0;
    /* green */
     --brand-color6: #085b4b;
     --brand-color6-rgb: 8, 91, 75;
    /* Fair blue */
     --brand-color7: #edf5fb;
     --brand-color7-rgb: 237, 245, 251;
    /* Gray */
     --brand-color8: #F3F4F6;
}
/*********************************** WYSIWG shortcodes ************************/
 .blue-font {
     color: var(--brand-color1) !important;
}
 .lt-blue-font {
     color: var(--brand-color2) !important;
}
 .white {
     color: var(--brand-color4) !important;
}
 .gold {
     color: var(--brand-color3) !important;
}
 .black {
     color: var(--brand-color5) !important;
}
/*********************************** BLOCK COLORS *****************************/
 .blockColor1 {
     background-color: var(--brand-color1);
     color: var(--brand-color4);
     padding: 1rem;
}
 .blockColor1 .card-text.block_card {
     background-color: var(--brand-color1);
     color: var(--brand-color4);
     font-size: 1rem;
}
 .blockColor1 p {
     background-color: var(--brand-color1);
     color: var(--brand-color4);
}
 .blockColor1 a {
     background-color: var(--brand-color1);
     color: var(--brand-color4);
}
 .blockColor1 li.nav-item {
     background-color: var(--brand-color1);
     color: var(--brand-color4);
}
 .blockColor1 li.nav-item a {
     background-color: var(--brand-color1);
     color: var(--brand-color4);
}
 .blockColor2 {
     background-color: var(--brand-color7);
     padding: 1rem;
}
 .blockColor2 p {
     background-color: var(--brand-color7);
}
 .blockColor2 a {
     background-color: var(--brand-color7);
}
 .blockColor2 li.nav-item {
     background-color: var(--brand-color7);
}
 .blockColor2 li.nav-item a {
     background-color: var(--brand-color7);
}
 .blockColor3 {
     background-color: var(--brand-color3);
     color: var(--brand-color5);
     padding: 1rem;
}
 .blockColor4 {
     background-color: var(--brand-color4);
     padding: 1rem;
}
 .blockColor5 {
     background-color: var(--brand-color5);
     padding: 1rem;
}
 .blockColor6, .blockColor6 a {
     background-color: var(--brand-color2);
     color: var(--brand-color4);
     padding: 1rem;
}
