:root {
    /* --- colors --- */

    /* brand colors */
    --brand: #E4322A;
    --dark: #2E2E2E;
    --flash: #FED566; /* old yellow */
    /*--flash: #FF6A6A; new red */
    --light: #F2F3FA;

    /* functional */
    --danger-red: #FF0000;
    --form-selects: #0088FF;

    /* mono / greys */
    --white: #FFFFFF;
    --light-grey: #F5F5F5;
    --mid-grey: #D8D8D8;
    --dark-grey: #999999;
    --text-black: #2A2A2A;
    --black: #000000;
}




/* Brand */
.brand {
    color: var(--brand);
}
.brand_background {
    background-color: var(--brand);
}

.dark {
    color: var(--dark);
}
.dark_background {
    background-color: var(--dark);
}

.flash {
    color: var(--flash);
}
.flash_background {
    background-color: var(--flash);
}

.light {
    color: var(--light);
}
.light_background {
    background-color: var(--light);
}





/* Functional */
.danger-red {
    color: var(--danger-red);
}
.danger-red_background {
    background-color: var(--danger-red);
}



/* Monotones */
.white {
    color: var(--white);
}
.white_background {
    background-color: var(--white);
}

.light-grey {
    color: var(--light-grey);
}
.light-grey_background {
    background-color: var(--light-grey);
}

.mid-grey {
    color: var(--mid-grey);
}
.mid-grey_background {
    background-color: var(--mid-grey);
}

.dark-grey {
    color: var(--dark-grey);
}
.dark-grey_background {
    background-color: var(--dark-grey);
}



/* Color Overrides */

.light-grey_background h6,
.light-grey_background .h6style,
.light-grey_background p {
    opacity: 0.7;
}

.page-id-45212 .light-grey_background h6,
.page-id-45212 .light-grey_background .h6style,
.page-id-45212 .light-grey_background p,
.page-id-45212 .light-grey_background a {
    opacity: 1;
}

/* -------------------------- dark_background -------------------------- */
.dark_background h1,
.dark_background h2,
.dark_background h3,
.dark_background h4,
.dark_background h5,
.dark_background h6,
.dark_background .h1style,
.dark_background .h2style,
.dark_background .h3style,
.dark_background .h4style,
.dark_background .h5style,
.dark_background .h6style,
.dark_background ul li,
.dark_background ul li a {
    color: var(--white);
}
.dark_background p {
    color: var(--white);
}
.dark_background p.sub-heading,
.dark_background div.sub-heading p {
    color: var(--white);
}
.dark_background h6,
.dark_background .h6style,
.dark_background p {
    opacity: 0.7;
}
/* tab */
.dark_background a.button.tab,
.dark_background button.tab,
.dark_background .wpcf7 button[type="submit"].tab,
.dark_background .wpcf7 input[type="submit"].tab {
    color: var(--white);
}
/* primary */
.dark_background a.button.primary,
.dark_background button.primary,
.dark_background .wpcf7 button[type="submit"].primary,
.dark_background .wpcf7 input[type="submit"].primary {
    background-color: var(--flash);
    border-color: var(--flash);
    color: var(--dark);
}
.dark_background a.button.primary:hover,
.dark_background button.primary:hover,
.dark_background .wpcf7 button[type="submit"].primary:hover,
.dark_background .wpcf7 input[type="submit"].primary:hover {
    background-color: transparent;
    border-color: var(--flash);
    color: var(--flash);
}
/* secondary */
.dark_background a.button.secondary,
.dark_background button.secondary,
.dark_background .wpcf7 button[type="submit"].secondary,
.dark_background .wpcf7 input[type="submit"].secondary {
    background-color: var(--dark);
    border-color: var(--flash);
    color: var(--flash);
}
.dark_background a.button.secondary:hover,
.dark_background button.secondary:hover,
.dark_background .wpcf7 button[type="submit"].secondary:hover,
.dark_background .wpcf7 input[type="submit"].secondary:hover {
    background-color: var(--flash);
    border-color: var(--flash);
    color: var(--dark);
}
/* tertiary */
.dark_background a.button.tertiary,
.dark_background button.tertiary,
.dark_background .wpcf7 button[type="submit"].tertiary,
.dark_background .wpcf7 input[type="submit"].tertiary {
    color: var(--white);
}
.dark_background a.button.tertiary::after,
.dark_background button.tertiary::after,
.dark_background .wpcf7 button[type="submit"].tertiary::after,
.dark_background .wpcf7 input[type="submit"].tertiary::after {
    background-image: url('buttons/assets/tertiary/white_arrow.svg');
}
.dark_background a.button.tertiary::before,
.dark_background button.tertiary::before,
.dark_background .wpcf7 button[type="submit"].tertiary::before,
.dark_background .wpcf7 input[type="submit"].tertiary::before {
    background-color: white;
}
.dark_background a.button.tertiary:hover,
.dark_background button.tertiary:hover,
.dark_background .wpcf7 button[type="submit"].tertiary:hover,
.dark_background .wpcf7 input[type="submit"].tertiary:hover {
    color: var(--white);
}
/* arrow */
.dark_background a.button.arrow,
.dark_background button.arrow,
.dark_background .wpcf7 button[type="submit"].arrow,
.dark_background .wpcf7 input[type="submit"].arrow {
    background-color: var(--flash);
    border-color: var(--flash);
    background-image: url('buttons/assets/arrow/dark_arrow.svg');
}
.dark_background a.button.arrow:hover,
.dark_background button.arrow:hover,
.dark_background .wpcf7 button[type="submit"].arrow:hover,
.dark_background .wpcf7 input[type="submit"].arrow:hover {
    background-color: var(--flash);
    border-color: var(--flash);
}
/*** tab buttons ***/
.dark_background a.button.tab::after,
.dark_background button.tab::after,
.dark_background .wpcf7 button[type="submit"].tab::after,
.dark_background .wpcf7 input[type="submit"].tab::after {
    background-color: var(--white);
}
/*** Tag Buttons ***/
.dark_background a.button.tag,
.dark_background button.tag,
.dark_background .wpcf7 button[type="submit"].tag,
.dark_background .wpcf7 input[type="submit"].tag {
    color: var(--white);
    background-color: var(--dark);
    border-color: var(--white);
}
.dark_background a.button.tag.active,
.dark_background button.tag.active,
.dark_background .wpcf7 button[type="submit"].tag.active,
.dark_background .wpcf7 input[type="submit"].tag.active {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
.dark_background a.button.tag:hover,
.dark_background button.tag:hover,
.dark_background .wpcf7 button[type="submit"].tag:hover,
.dark_background .wpcf7 input[type="submit"].tag:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--black);
}
.dark_background a.button.tag.active:hover,
.dark_background button.tag.active:hover,
.dark_background .wpcf7 button[type="submit"].tag.active:hover,
.dark_background .wpcf7 input[type="submit"].tag.active:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--black);
}



/*********** ------- flash_background -------- **********/
.flash_background h6,
.flash_background .h6style,
.flash_background p {
    opacity: 0.7;
}
/* arrow */
.flash_background a.button.arrow,
.flash_background button.arrow,
.flash_background .wpcf7 button[type="submit"].arrow,
.flash_background .wpcf7 input[type="submit"].arrow {
    background-color: var(--white);
    border-color: var(--white);
    background-image: url('buttons/assets/arrow/dark_arrow.svg');
}
.flash_background a.button.arrow:hover,
.flash_background button.arrow:hover,
.flash_background .wpcf7 button[type="submit"].arrow:hover,
.flash_background .wpcf7 input[type="submit"].arrow:hover {
    background-color: var(--white);
    border-color: var(--white);
}

/*** Tag Buttons ***/
.flash_background a.button.tag,
.flash_background button.tag,
.flash_background .wpcf7 button[type="submit"].tag,
.flash_background .wpcf7 input[type="submit"].tag {
    color: var(--dark);
    background-color: var(--flash);
    border-color: var(--dark);
}
.flash_background a.button.tag.active,
.flash_background button.tag.active,
.flash_background .wpcf7 button[type="submit"].tag.active,
.flash_background .wpcf7 input[type="submit"].tag.active {
    background-color: var(--dark);
    border-color: var(--dark);
    color: var(--white);
}




/* -------------------------- brand_background -------------------------- */
.brand_background h1,
.brand_background h2,
.brand_background h3,
.brand_background h4,
.brand_background h5,
.brand_background h6,
.brand_background .h1style,
.brand_background .h2style,
.brand_background .h3style,
.brand_background .h4style,
.brand_background .h5style,
.brand_background .h6style,
.brand_background ul li,
.brand_background ul li a {
    color: var(--white);
}
.brand_background p {
    color: var(--white);
}
.brand_background p.sub-heading,
.brand_background div.sub-heading p {
    color: var(--white);
}
.brand_background h6,
.brand_background .h6style,
.brand_background p {
    opacity: 0.7;
}
/* tab */
.brand_background a.button.tab,
.brand_background button.tab,
.brand_background .wpcf7 button[type="submit"].tab,
.brand_background .wpcf7 input[type="submit"].tab {
    color: var(--white);
}
/* primary */
.brand_background a.button.primary,
.brand_background button.primary,
.brand_background .wpcf7 button[type="submit"].primary,
.brand_background .wpcf7 input[type="submit"].primary {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
.brand_background a.button.primary:hover,
.brand_background button.primary:hover,
.brand_background .wpcf7 button[type="submit"].primary:hover,
.brand_background .wpcf7 input[type="submit"].primary:hover {
    background-color: transparent;
    border-color: var(--white);
    color: var(--white);
}
/* secondary */
.brand_background a.button.secondary,
.brand_background button.secondary,
.brand_background .wpcf7 button[type="submit"].secondary,
.brand_background .wpcf7 input[type="submit"].secondary {
    background-color: var(--brand);
    border-color: var(--white);
    color: var(--white);
}
.brand_background a.button.secondary:hover,
.brand_background button.secondary:hover,
.brand_background .wpcf7 button[type="submit"].secondary:hover,
.brand_background .wpcf7 input[type="submit"].secondary:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--text-black);
}
/* tertiary */
.brand_background a.button.tertiary,
.brand_background button.tertiary,
.brand_background .wpcf7 button[type="submit"].tertiary,
.brand_background .wpcf7 input[type="submit"].tertiary {
    color: var(--white);
}
.brand_background a.button.tertiary::after,
.brand_background button.tertiary::after,
.brand_background .wpcf7 button[type="submit"].tertiary::after,
.brand_background .wpcf7 input[type="submit"].tertiary::after {
    background-image: url('buttons/assets/tertiary/white_arrow.svg');
}
.brand_background a.button.tertiary::before,
.brand_background button.tertiary::before,
.brand_background .wpcf7 button[type="submit"].tertiary::before,
.brand_background .wpcf7 input[type="submit"].tertiary::before {
    background-color: white;
}
.brand_background a.button.tertiary:hover,
.brand_background button.tertiary:hover,
.brand_background .wpcf7 button[type="submit"].tertiary:hover,
.brand_background .wpcf7 input[type="submit"].tertiary:hover {
    color: var(--white);
}
/* arrow */
.brand_background a.button.arrow,
.brand_background button.arrow,
.brand_background .wpcf7 button[type="submit"].arrow,
.brand_background .wpcf7 input[type="submit"].arrow {
    background-color: var(--white);
    border-color: var(--white);
    background-image: url('buttons/assets/arrow/dark_arrow.svg');
}
.brand_background a.button.arrow:hover,
.brand_background button.arrow:hover,
.brand_background .wpcf7 button[type="submit"].arrow:hover,
.brand_background .wpcf7 input[type="submit"].arrow:hover {
    background-color: var(--white);
    border-color: var(--white);
}
/*** tab buttons ***/
.brand_background a.button.tab::after,
.brand_background button.tab::after,
.brand_background .wpcf7 button[type="submit"].tab::after,
.brand_background .wpcf7 input[type="submit"].tab::after {
    background-color: var(--white);
}
/*** Tag Buttons ***/
.brand_background a.button.tag,
.brand_background button.tag,
.brand_background .wpcf7 button[type="submit"].tag,
.brand_background .wpcf7 input[type="submit"].tag {
    color: var(--white);
    background-color: var(--brand);
    border-color: var(--mid-grey);
}
.brand_background a.button.tag.active,
.brand_background button.tag.active,
.brand_background .wpcf7 button[type="submit"].tag.active,
.brand_background .wpcf7 input[type="submit"].tag.active {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
.brand_background a.button.tag:hover,
.brand_background button.tag:hover,
.brand_background .wpcf7 button[type="submit"].tag:hover,
.brand_background .wpcf7 input[type="submit"].tag:hover {
    background-color: var(--dark);
    border-color: var(--dark);
    color: var(--white);
}
.brand_background a.button.tag.active:hover,
.brand_background button.tag.active:hover,
.brand_background .wpcf7 button[type="submit"].tag.active:hover,
.brand_background .wpcf7 input[type="submit"].tag.active:hover {
    background-color: var(--dark);
    border-color: var(--dark);
    color: var(--white);
}





/*********** ------- light_background -------- **********/

.light_background h6,
.light_background .h6style,
.light_background p {
    opacity: 0.7;
}
/* arrow */
.light_background a.button.arrow,
.light_background button.arrow,
.light_background .wpcf7 button[type="submit"].arrow,
.light_background .wpcf7 input[type="submit"].arrow {
    background-color: var(--dark);
    border-color: var(--dark);
    background-image: url('buttons/assets/arrow/white_arrow.svg');
}
.light_background a.button.arrow:hover,
.light_background button.arrow:hover,
.light_background .wpcf7 button[type="submit"].arrow:hover,
.light_background .wpcf7 input[type="submit"].arrow:hover {
    background-color: var(--dark);
    border-color: var(--dark);
}

/*** Tag Buttons ***/
.light_background a.button.tag,
.light_background button.tag,
.light_background .wpcf7 button[type="submit"].tag,
.light_background .wpcf7 input[type="submit"].tag {
    color: var(--dark);
    background-color: var(--light);
    border-color: var(--dark);
}
.light_background a.button.tag.active,
.light_background button.tag.active,
.light_background .wpcf7 button[type="submit"].tag.active,
.light_background .wpcf7 input[type="submit"].tag.active {
    background-color: var(--dark);
    border-color: var(--dark);
    color: var(--white);
}







/* Text Color Selection */
::selection {
    background: var(--black); /* WebKit/Blink Browsers */
    color: var(--white);
}
::-moz-selection {
    background: var(--black); /* Gecko Browsers */
    color: var(--white);
}