/*************************************** Mixins *******************************/
 :root {
    /* Dark blue */
     --brand-color1: #112f60;
     --brand-color1-rgb: 17, 47, 96;
    /* Camas Blue */
     --brand-color2: #3A7AB2;
    /* passes color contrast for .threeButtonWrapper */
     --brand-color2-a11y: #3A71B0;
    /* GOLD - default alert color*/
     --brand-color3: #f5a603;
     --brand-color3-rgb: 245, 166, 3;
    /* 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;
     /**** Colors above this line might be present somewhere but are not part of the official DOA UI Branding Kit ****/
     /**** Colors below this line are used for DOA ****/
    /* WHITE*/
     --brand-color4: #ffffff;
     --brand-color4-rgb: 255, 255, 255;
    /* Dark Blue */
    --brand-color9: #051c2c;
    --brand-color9-rgb: 5, 28, 44;
    /* Orange */
    --brand-color10: #e97132;
    --brand-color10-hover: #d2662c;
    /* Medium Blue */
    --brand-color11: #6F87A3;
    --brand-color11-hover: #52657a;
    /* Light Blue */
    --brand-color12: #9EADC1;
    --brand-color12-hover: #9eadc1;
    /* Extra Light Blue */
    --brand-color13: #eef1f6;
    --brand-color13-rgb: 238, 241, 246;
    --brand-color13-hover: #cccfd2;
    /* Link color */
    --link-color: #52657a;
}
/*********************************** WYSIWG shortcodes ************************/
 .blue-font {
     color: var(--brand-color9) !important;
}
 .lt-blue-font {
     color: var(--brand-color11-hover) !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;
}