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

    /* brand */
    /*--brand-button: #46843B;*/
    --brand-button: #63B45E;
    --dandelion: #FFE69A;
    --peach: #FEB28D;
    --columbia: #B8D7FF;
    --peppermint: #C1E9BE;
    --juniper: #5D7B7E;
    --fog: #EDEDEB;
    --cloud: #FAF9F7;
    --dark: #02363A;

    /* brand - dark tints */
    --dandelion-dark: #FFC102;
    --peach-dark: #FD7E40;
    --columbia-dark: #89BCFF;
    --peppermint-dark: #63B45E;

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

    /* mono / greys */
    --white: #FFFFFF;
    --light-grey: #F5F5F5;
    --mid-grey: #D8D8D8;
    --dark-grey: #7F7F7F;
    --black: #000000;


}

@media (prefers-contrast: more)  {
    :root {
        --brand-button: #11900B;
        --dark: #000000;

    }
    p.subheading,
    div.subheading,
    div .subheading {
        font-size: 1em;
    }
    .wp-search-bar button[type='submit'] {
        font-size: 1.2em;
    }
}

/*** HIGH CONTRAST MODE ***/
@media screen and (forced-colors: active), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: white-on-black) {

    :root {
        --brand-button: #11900B !important;
        --dark: #FFFFFF !important;

    }
    p.subheading,
    div.subheading,
    div .subheading {
        font-size: 1em;
    }
    .wp-search-bar button[type='submit'] {
        font-size: 1.2em;
    }
    .main_logo,
    .main_logo a,
    .main_logo img,
    footer .main_logo a {
        filter: brightness(0) invert(1);
    }

    .wp-search-bar button[type='submit'] {
        border: 1px solid var(--white)!important;
    }
    .wp-search-bar input[type='search'] {
        background-image: url(../search/assets/search-eyeglass-white.svg)!important;
    }
    #return-top img {
        filter: brightness(0) invert(1);
    }
    .accordion_content_card .accordion_heading:after,
    .crosslink-list .crosslink-list-col a.border-bottom:after {
        filter: brightness(0) invert(1);
    }
}

/* Brand */
.brand-button {
    color: var(--brand-button);
}
.brand-button_background {
    background-color: var(--brand-button);
}
.dandelion {
    color: var(--dandelion);
}
.dandelion_background {
    background-color: var(--dandelion);
}
.peach {
    color: var(--peach);
}
.peach_background {
    background-color: var(--peach);
}
.columbia {
    color: var(--columbia);
}
.columbia_background {
    background-color: var(--columbia);
}
.peppermint {
    color: var(--peppermint);
}
.peppermint_background {
    background-color: var(--peppermint);
}
.juniper {
    color: var(--juniper);
}
.juniper_background {
    background-color: var(--juniper);
}
.fog {
    color: var(--fog);
}
.fog_background {
    background-color: var(--fog);
}
.cloud {
    color: var(--cloud);
}
.cloud_background {
    background-color: var(--cloud);
}
.dark {
    color: var(--dark);
}
.dark_background {
    background-color: var(--dark);
}

/* brand dark tints */
.dandelion-dark {
    color: var(--dandelion-dark);
}
.dandelion-dark_background {
    background-color: var(--dandelion-dark);
}
.peach-dark {
    color: var(--peach-dark);
}
.peach-dark_background {
    background-color: var(--peach-dark);
}
.columbia-dark {
    color: var(--columbia-dark);
}
.columbia-dark_background {
    background-color: var(--columbia-dark);
}
.peppermint-dark {
    color: var(--peppermint-dark);
}
.peppermint-dark_background {
    background-color: var(--peppermint-dark);
}

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

.black {
    color: var(--black);
}
.black_background {
    background-color: var(--black);
}






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






/* default fonts */
p {
    color: var(--dark-grey);
}
a:not(.button) {
    color: var(--dark-grey);
}






/* Color Overrides */
/* --- black_background --- */
.black_background h1,
.black_background h2,
.black_background h3,
.black_background h4,
.black_background h5,
.black_background h6,
.black_background .h1style,
.black_background .h2style,
.black_background .h3style,
.black_background .h4style,
.black_background .h5style,
.black_background .h6style,
.black_background ul li,
.black_background ul li a {
    color: var(--white);
}
.black_background p {
    color: var(--white);
}
.black_background p.sub-heading,
.black_background div.sub-heading p {
    color: var(--white);
}
.black_background p.accent-text,
.black_background div.accent-text p {
    color: var(--white);
}
/* primary button */
.black_background a.button.primary,
.black_background button.primary {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
.black_background a.button.primary:hover,
.black_background button.primary:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
/* secondary button */
.black_background a.button.secondary,
.black_background button.secondary {
    border-color: var(--white);
    color: var(--white);
}
.black_background a.button.secondary:hover,
.black_background button.secondary:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
/* tertiary button */
.black_background a.button.tertiary,
.black_background button.tertiary {
    color: var(--white);
}
.black_background a.button.tertiary:before,
.black_background button.tertiary:before {
    background-color: var(--white);
}
.black_background a.button.tertiary:after,
.black_background button.tertiary:after {
    background-image: url('../buttons/assets/tertiary/white_arrow.svg');
}
/* tab button */
.black_background a.button.tab,
.black_background button.tab,
.black_background .wpcf7 button[type="submit"].tab,
.black_background .wpcf7 input[type="submit"].tab {
    color: var(--white);
}
.black_background a.button.tab::after,
.black_background button.tab::after,
.black_background .wpcf7 button[type="submit"].tab::after,
.black_background .wpcf7 input[type="submit"].tab::after {
    background-color: var(--white);
}
/* tag button */
.black_background a.button.tag,
.black_background button.tag,
.black_background .wpcf7 button[type="submit"].tag,
.black_background .wpcf7 input[type="submit"].tag {
    background-color: var(--dark);
    border-color: var(--mid-grey);
    color: var(--white);
}
.black_background a.button.tag.active,
.black_background button.tag.active,
.black_background .wpcf7 button[type="submit"].tag.active,
.black_background .wpcf7 input[type="submit"].tag.active {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
/* --- 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 p.accent-text,
.dark_background div.accent-text p {
    color: var(--white);
}
/* primary button */
.dark_background a.button.primary,
.dark_background button.primary {
    background-color: var(--brand-button);
    border-color: var(--brand-button);
    color: var(--white);
}
.dark_background a.button.primary:hover,
.dark_background button.primary:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
.dark_background a.button.primary:hover::after,
.dark_background button.primary:hover::after,
.dark_background .wpcf7 input[type="button"]:hover::after,
.dark_background .wpcf7 button[type="submit"]:hover::after,
.dark_background .wpcf7 input[type="submit"]:hover::after {
    background-image: url(../buttons/assets/arrow/brand-button_arrow.svg);
}
/* secondary button */
.dark_background a.button.secondary,
.dark_background button.secondary {
    border-color: var(--white);
    color: var(--white);
}
.dark_background a.button.secondary:hover,
.dark_background button.secondary:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--brand);
}
.dark_background a.button.secondary::after,
.dark_background button.secondary::after {
    background-image: url(../buttons/assets/arrow/white_arrow.svg);
}
.dark_background a.button.secondary:hover::after,
.dark_background button.secondary:hover::after {
    background-image: url(../buttons/assets/arrow/brand-button_arrow.svg);
}
/* tertiary button */
.dark_background a.button.tertiary,
.dark_background button.tertiary {
    color: var(--white);
}
.dark_background a.button.tertiary:after,
.dark_background button.tertiary:after {
    background-image: url('../buttons/assets/arrow/white_arrow.svg');
}
/* tab button */
.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);
}
.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 button */
.dark_background a.button.tag,
.dark_background button.tag,
.dark_background .wpcf7 button[type="submit"].tag,
.dark_background .wpcf7 input[type="submit"].tag {
    background-color: var(--dark);
    border-color: var(--mid-grey);
    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);
}
/* --- juniper_background --- */
.juniper_background h1,
.juniper_background h2,
.juniper_background h3,
.juniper_background h4,
.juniper_background h5,
.juniper_background h6,
.juniper_background .h1style,
.juniper_background .h2style,
.juniper_background .h3style,
.juniper_background .h4style,
.juniper_background .h5style,
.juniper_background .h6style,
.juniper_background ul li,
.juniper_background ul li a {
    color: var(--white);
}
.juniper_background p {
    color: var(--white);
}
.juniper_background p.sub-heading,
.juniper_background div.sub-heading p {
    color: var(--white);
}
.juniper_background p.accent-text,
.juniper_background div.accent-text p {
    color: var(--white);
}
/* primary button */
.juniper_background a.button.primary,
.juniper_background button.primary {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
.juniper_background a.button.primary:hover,
.juniper_background button.primary:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
.juniper_background a.button.primary::after,
.juniper_background button.primary::after,
.juniper_background .wpcf7 input[type="button"]::after,
.juniper_background .wpcf7 button[type="submit"]::after,
.juniper_background .wpcf7 input[type="submit"]::after {
    background-image: url(../buttons/assets/arrow/brand-button_arrow.svg);
}
/* secondary button */
.juniper_background a.button.secondary,
.juniper_background button.secondary {
    border-color: var(--white);
    color: var(--white);
}
.juniper_background a.button.secondary:hover,
.juniper_background button.secondary:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--brand);
}
.juniper_background a.button.secondary::after,
.juniper_background button.secondary::after {
    background-image: url(../buttons/assets/arrow/white_arrow.svg);
}
.juniper_background a.button.secondary:hover::after,
.juniper_background button.secondary:hover::after {
    background-image: url(../buttons/assets/arrow/brand-button_arrow.svg);
}
/* tertiary button */
.juniper_background a.button.tertiary,
.juniper_background button.tertiary {
    color: var(--white);
}
.juniper_background a.button.tertiary:after,
.juniper_background button.tertiary:after {
    background-image: url('../buttons/assets/arrow/white_arrow.svg');
}
/* tab button */
.juniper_background a.button.tab,
.juniper_background button.tab,
.juniper_background .wpcf7 button[type="submit"].tab,
.juniper_background .wpcf7 input[type="submit"].tab {
    color: var(--white);
}
.juniper_background a.button.tab::after,
.juniper_background button.tab::after,
.juniper_background .wpcf7 button[type="submit"].tab::after,
.juniper_background .wpcf7 input[type="submit"].tab::after {
    background-color: var(--white);
}
/* tag button */
.juniper_background a.button.tag,
.juniper_background button.tag,
.juniper_background .wpcf7 button[type="submit"].tag,
.juniper_background .wpcf7 input[type="submit"].tag {
    background-color: var(--dark);
    border-color: var(--mid-grey);
    color: var(--white);
}
.juniper_background a.button.tag.active,
.juniper_background button.tag.active,
.juniper_background .wpcf7 button[type="submit"].tag.active,
.juniper_background .wpcf7 input[type="submit"].tag.active {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}/* primary button */
.juniper_background a.button.primary,
.juniper_background button.primary {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
.juniper_background a.button.primary:hover,
.juniper_background button.primary:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
.juniper_background a.button.primary::after,
.juniper_background button.primary::after,
.juniper_background .wpcf7 input[type="button"]::after,
.juniper_background .wpcf7 button[type="submit"]::after,
.juniper_background .wpcf7 input[type="submit"]::after {
    background-image: url(../buttons/assets/arrow/brand-button_arrow.svg);
}
/* secondary button */
.juniper_background a.button.secondary,
.juniper_background button.secondary {
    border-color: var(--white);
    color: var(--white);
}
.juniper_background a.button.secondary:hover,
.juniper_background button.secondary:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--brand);
}
.juniper_background a.button.secondary::after,
.juniper_background button.secondary::after {
    background-image: url(../buttons/assets/arrow/white_arrow.svg);
}
.juniper_background a.button.secondary:hover::after,
.juniper_background button.secondary:hover::after {
    background-image: url(../buttons/assets/arrow/brand-button_arrow.svg);
}
/* tertiary button */
.juniper_background a.button.tertiary,
.juniper_background button.tertiary {
    color: var(--white);
}
.juniper_background a.button.tertiary:after,
.juniper_background button.tertiary:after {
    background-image: url('../buttons/assets/arrow/white_arrow.svg');
}
/* tab button */
.juniper_background a.button.tab,
.juniper_background button.tab,
.juniper_background .wpcf7 button[type="submit"].tab,
.juniper_background .wpcf7 input[type="submit"].tab {
    color: var(--white);
}
.juniper_background a.button.tab::after,
.juniper_background button.tab::after,
.juniper_background .wpcf7 button[type="submit"].tab::after,
.juniper_background .wpcf7 input[type="submit"].tab::after {
    background-color: var(--white);
}
/* tag button */
.juniper_background a.button.tag,
.juniper_background button.tag,
.juniper_background .wpcf7 button[type="submit"].tag,
.juniper_background .wpcf7 input[type="submit"].tag {
    background-color: var(--dark);
    border-color: var(--mid-grey);
    color: var(--white);
}
.juniper_background a.button.tag.active,
.juniper_background button.tag.active,
.juniper_background .wpcf7 button[type="submit"].tag.active,
.juniper_background .wpcf7 input[type="submit"].tag.active {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
/* --- brand-button_background --- */
.brand-button_background h1,
.brand-button_background h2,
.brand-button_background h3,
.brand-button_background h4,
.brand-button_background h5,
.brand-button_background h6,
.brand-button_background .h1style,
.brand-button_background .h2style,
.brand-button_background .h3style,
.brand-button_background .h4style,
.brand-button_background .h5style,
.brand-button_background .h6style,
.brand-button_background ul li,
.brand-button_background ul li a {
    color: var(--dark);
}
.brand-button_background p {
    color: var(--dark);
}
.brand-button_background p.sub-heading,
.brand-button_background div.sub-heading p {
    color: var(--dark);
}
.brand-button_background p.accent-text,
.brand-button_background div.accent-text p {
    color: var(--dark);
}
/* primary button */
.brand-button_background a.button.primary,
.brand-button_background button.primary {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
.brand-button_background a.button.primary:hover,
.brand-button_background button.primary:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
/*.brand-button_background a.button.primary::after,*/
/*.brand-button_background button.primary::after,*/
/*.brand-button_background .wpcf7 input[type="button"]::after,*/
/*.brand-button_background .wpcf7 button[type="submit"]::after,*/
/*.brand-button_background .wpcf7 input[type="submit"]::after {*/
/*    background-image: url(../buttons/assets/arrow/brand-button_arrow.svg);*/
/*}*/
/* secondary button */
.brand-button_background a.button.secondary,
.brand-button_background button.secondary {
    border-color: var(--white);
    color: var(--white);
}
.brand-button_background a.button.secondary:hover,
.brand-button_background button.secondary:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--brand);
}
.brand-button_background a.button.secondary::after,
.brand-button_background button.secondary::after {
    background-image: url(../buttons/assets/arrow/white_arrow.svg);
}
.brand-button_background a.button.secondary:hover::after,
.brand-button_background button.secondary:hover::after {
    background-image: url(../buttons/assets/arrow/brand-button_arrow.svg);
}
/* tertiary button */
.brand-button_background a.button.tertiary,
.brand-button_background button.tertiary {
    color: var(--white);
}
.brand-button_background a.button.tertiary:after,
.brand-button_background button.tertiary:after {
    background-image: url('../buttons/assets/arrow/white_arrow.svg');
}
/* tab button */
.brand-button_background a.button.tab,
.brand-button_background button.tab,
.brand-button_background .wpcf7 button[type="submit"].tab,
.brand-button_background .wpcf7 input[type="submit"].tab {
    color: var(--white);
}
.brand-button_background a.button.tab::after,
.brand-button_background button.tab::after,
.brand-button_background .wpcf7 button[type="submit"].tab::after,
.brand-button_background .wpcf7 input[type="submit"].tab::after {
    background-color: var(--white);
}
/* tag button */
.brand-button_background a.button.tag,
.brand-button_background button.tag,
.brand-button_background .wpcf7 button[type="submit"].tag,
.brand-button_background .wpcf7 input[type="submit"].tag {
    background-color: var(--dark);
    border-color: var(--mid-grey);
    color: var(--white);
}
.brand-button_background a.button.tag.active,
.brand-button_background button.tag.active,
.brand-button_background .wpcf7 button[type="submit"].tag.active,
.brand-button_background .wpcf7 input[type="submit"].tag.active {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}/* primary button */
.brand-button_background a.button.primary,
.brand-button_background button.primary {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
.brand-button_background a.button.primary:hover,
.brand-button_background button.primary:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
/*.brand-button_background a.button.primary::after,*/
/*.brand-button_background button.primary::after,*/
/*.brand-button_background .wpcf7 input[type="button"]::after,*/
/*.brand-button_background .wpcf7 button[type="submit"]::after,*/
/*.brand-button_background .wpcf7 input[type="submit"]::after {*/
/*    background-image: url(../buttons/assets/arrow/brand-button_arrow.svg);*/
/*}*/
/* secondary button */
.brand-button_background a.button.secondary,
.brand-button_background button.secondary {
    border-color: var(--white);
    color: var(--white);
}
.brand-button_background a.button.secondary:hover,
.brand-button_background button.secondary:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--brand);
}
.brand-button_background a.button.secondary::after,
.brand-button_background button.secondary::after {
    background-image: url(../buttons/assets/arrow/white_arrow.svg);
}
.brand-button_background a.button.secondary:hover::after,
.brand-button_background button.secondary:hover::after {
    background-image: url(../buttons/assets/arrow/brand-button_arrow.svg);
}
/* tertiary button */
.brand-button_background a.button.tertiary,
.brand-button_background button.tertiary {
    color: var(--white);
}
.brand-button_background a.button.tertiary:after,
.brand-button_background button.tertiary:after {
    background-image: url('../buttons/assets/arrow/white_arrow.svg');
}
.brand-button_background a.button.tertiary:hover,
.brand-button_background button.tertiary:hover {
    color: var(--dark);
}
.brand-button_background a.button.tertiary:hover:after,
.brand-button_background button.tertiary:hover:after {
    background-image: url('../buttons/assets/arrow/dark_arrow.svg');
}
/* tab button */
.brand-button_background a.button.tab,
.brand-button_background button.tab,
.brand-button_background .wpcf7 button[type="submit"].tab,
.brand-button_background .wpcf7 input[type="submit"].tab {
    color: var(--white);
}
.brand-button_background a.button.tab::after,
.brand-button_background button.tab::after,
.brand-button_background .wpcf7 button[type="submit"].tab::after,
.brand-button_background .wpcf7 input[type="submit"].tab::after {
    background-color: var(--white);
}
/* tag button */
.brand-button_background a.button.tag,
.brand-button_background button.tag,
.brand-button_background .wpcf7 button[type="submit"].tag,
.brand-button_background .wpcf7 input[type="submit"].tag {
    background-color: var(--dark);
    border-color: var(--mid-grey);
    color: var(--white);
}
.brand-button_background a.button.tag.active,
.brand-button_background button.tag.active,
.brand-button_background .wpcf7 button[type="submit"].tag.active,
.brand-button_background .wpcf7 input[type="submit"].tag.active {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
/* --- peppermint-dark_background --- */
.peppermint-dark_background h1,
.peppermint-dark_background h2,
.peppermint-dark_background h3,
.peppermint-dark_background h4,
.peppermint-dark_background h5,
.peppermint-dark_background h6,
.peppermint-dark_background .h1style,
.peppermint-dark_background .h2style,
.peppermint-dark_background .h3style,
.peppermint-dark_background .h4style,
.peppermint-dark_background .h5style,
.peppermint-dark_background .h6style,
.peppermint-dark_background ul li,
.peppermint-dark_background ul li a {
    color: var(--white);
}
.peppermint-dark_background p {
    color: var(--white);
}
.peppermint-dark_background p.sub-heading,
.peppermint-dark_background div.sub-heading p {
    color: var(--white);
}
.peppermint-dark_background p.accent-text,
.peppermint-dark_background div.accent-text p {
    color: var(--white);
}
/* primary button */
.peppermint-dark_background a.button.primary,
.peppermint-dark_background button.primary {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
.peppermint-dark_background a.button.primary:hover,
.peppermint-dark_background button.primary:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
.peppermint-dark_background a.button.primary::after,
.peppermint-dark_background button.primary::after,
.peppermint-dark_background .wpcf7 input[type="button"]::after,
.peppermint-dark_background .wpcf7 button[type="submit"]::after,
.peppermint-dark_background .wpcf7 input[type="submit"]::after {
    background-image: url(../buttons/assets/arrow/brand-button_arrow.svg);
}
/* secondary button */
.peppermint-dark_background a.button.secondary,
.peppermint-dark_background button.secondary {
    border-color: var(--white);
    color: var(--white);
}
.peppermint-dark_background a.button.secondary:hover,
.peppermint-dark_background button.secondary:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--brand);
}
.peppermint-dark_background a.button.secondary::after,
.peppermint-dark_background button.secondary::after {
    background-image: url(../buttons/assets/arrow/white_arrow.svg);
}
.peppermint-dark_background a.button.secondary:hover::after,
.peppermint-dark_background button.secondary:hover::after {
    background-image: url(../buttons/assets/arrow/brand-button_arrow.svg);
}
/* tertiary button */
.peppermint-dark_background a.button.tertiary,
.peppermint-dark_background button.tertiary {
    color: var(--white);
}
.peppermint-dark_background a.button.tertiary:after,
.peppermint-dark_background button.tertiary:after {
    background-image: url('../buttons/assets/arrow/white_arrow.svg');
}
/* tab button */
.peppermint-dark_background a.button.tab,
.peppermint-dark_background button.tab,
.peppermint-dark_background .wpcf7 button[type="submit"].tab,
.peppermint-dark_background .wpcf7 input[type="submit"].tab {
    color: var(--white);
}
.peppermint-dark_background a.button.tab::after,
.peppermint-dark_background button.tab::after,
.peppermint-dark_background .wpcf7 button[type="submit"].tab::after,
.peppermint-dark_background .wpcf7 input[type="submit"].tab::after {
    background-color: var(--white);
}
/* tag button */
.peppermint-dark_background a.button.tag,
.peppermint-dark_background button.tag,
.peppermint-dark_background .wpcf7 button[type="submit"].tag,
.peppermint-dark_background .wpcf7 input[type="submit"].tag {
    background-color: var(--dark);
    border-color: var(--mid-grey);
    color: var(--white);
}
.peppermint-dark_background a.button.tag.active,
.peppermint-dark_background button.tag.active,
.peppermint-dark_background .wpcf7 button[type="submit"].tag.active,
.peppermint-dark_background .wpcf7 input[type="submit"].tag.active {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}/* primary button */
.peppermint-dark_background a.button.primary,
.peppermint-dark_background button.primary {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
.peppermint-dark_background a.button.primary:hover,
.peppermint-dark_background button.primary:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
.peppermint-dark_background a.button.primary::after,
.peppermint-dark_background button.primary::after,
.peppermint-dark_background .wpcf7 input[type="button"]::after,
.peppermint-dark_background .wpcf7 button[type="submit"]::after,
.peppermint-dark_background .wpcf7 input[type="submit"]::after {
    background-image: url(../buttons/assets/arrow/brand-button_arrow.svg);
}
/* secondary button */
.peppermint-dark_background a.button.secondary,
.peppermint-dark_background button.secondary {
    border-color: var(--white);
    color: var(--white);
}
.peppermint-dark_background a.button.secondary:hover,
.peppermint-dark_background button.secondary:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--brand);
}
.peppermint-dark_background a.button.secondary::after,
.peppermint-dark_background button.secondary::after {
    background-image: url(../buttons/assets/arrow/white_arrow.svg);
}
.peppermint-dark_background a.button.secondary:hover::after,
.peppermint-dark_background button.secondary:hover::after {
    background-image: url(../buttons/assets/arrow/brand-button_arrow.svg);
}
/* tertiary button */
.peppermint-dark_background a.button.tertiary,
.peppermint-dark_background button.tertiary {
    color: var(--white);
}
.peppermint-dark_background a.button.tertiary:after,
.peppermint-dark_background button.tertiary:after {
    background-image: url('../buttons/assets/arrow/white_arrow.svg');
}
/* tab button */
.peppermint-dark_background a.button.tab,
.peppermint-dark_background button.tab,
.peppermint-dark_background .wpcf7 button[type="submit"].tab,
.peppermint-dark_background .wpcf7 input[type="submit"].tab {
    color: var(--white);
}
.peppermint-dark_background a.button.tab::after,
.peppermint-dark_background button.tab::after,
.peppermint-dark_background .wpcf7 button[type="submit"].tab::after,
.peppermint-dark_background .wpcf7 input[type="submit"].tab::after {
    background-color: var(--white);
}
/* tag button */
.peppermint-dark_background a.button.tag,
.peppermint-dark_background button.tag,
.peppermint-dark_background .wpcf7 button[type="submit"].tag,
.peppermint-dark_background .wpcf7 input[type="submit"].tag {
    background-color: var(--dark);
    border-color: var(--mid-grey);
    color: var(--white);
}
.peppermint-dark_background a.button.tag.active,
.peppermint-dark_background button.tag.active,
.peppermint-dark_background .wpcf7 button[type="submit"].tag.active,
.peppermint-dark_background .wpcf7 input[type="submit"].tag.active {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--dark);
}
/*White Background*/
/* primary button */
.white_background a.button.primary,
.white_background button.primary {
    background-color: var(--dark);
    border-color: var(--dark);
    color: var(--white);
}
.white_background a.button.primary:hover,
.white_background button.primary:hover {
    background-color: var(--dark);
    border-color: var(--dark);
    color: var(--white);
    opacity: 0.8;
}
.white_background a.button.primary:hover::after,
.white_background button.primary:hover::after,
.white_background .wpcf7 input[type="button"]:hover::after,
.white_background .wpcf7 button[type="submit"]:hover::after,
.white_background .wpcf7 input[type="submit"]:hover::after {
    background-image: url(../buttons/assets/arrow/white_arrow.svg);
}