﻿
:root {
    
    /* client style-guide definitions */
    --astro-color-primary: #19191a; /* a darl gray color */
    --astro-color-secondary: #801323; /* a red color */
    --astro-color-secondary-tenpercent: #EADAD6; /* a red color */
    --astro-color-magenta: #8d396b; /* a purple-ish/magenta color */
    --astro-color-navy: #003764; /* a dark blue */
    --astro-color-blue: #337ab7; /* a standard blue */

    /* variables to use in CSS across site (that may use the above definitions) */
    --astro-color-topnavigationbar-item: #B72028;
    --astro-color-topnavigationbar-activeitem: var(--astro-color-secondary);

    --astro-color-buttons: var(--astro-color-secondary);
    --astro-color-headers: var(--astro-color-secondary);
    --astro-color-primarylink: var(--astro-color-navy);
    --astro-color-primarylinkhover: var(--astro-color-blue);
    --material-icons-color: #707070;
}

html, body {
    background-color: #fff;
    box-sizing: border-box;
    color: #000;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

header {
}

footer {
}

h1, h2, h3, h4, h5 {
    color: #000;
    font-weight: 600;
    line-height: 1.1;
    color: inherit;
    margin: 1.6em 0 1.2em 0;
}

p {
    margin-bottom: 1.4em;
}

input[type=checkbox], input[type=radio] {
    margin-top: 2px;
}

a, a:link, a:active, a:visited {
    color: #337ab7;
    text-decoration: none;
}
    a:hover {
        color: #23527c;
        text-decoration: underline;
    }

div.responsive-button-group {
    margin: 30px auto;
}

div.responsive-button-group button, div.responsive-button-group submit, div.responsive-button-group a {
    margin-right: 20px;
    margin-bottom: 10px;
}
div.button-full-width button, div.button-full-width submit, div.button-full-width a, a.button-full-width, button.button-full-width {
    width: 100%;
}

.red {
    color: #ff0000;
}

.bold {
    font-weight: 700;
}

.text-small {
    font-size: .9rem;
}

.requiredFieldHighlight {
}

.plus-minus-toggle-icon {
    margin-right: 10px;
    font-size: 1.5rem;
}

.plus-minus-toggle-plus::before {
    content: '+';
}

.plus-minus-toggle-minus::before {
    content: '-';
}