/* ============================================================
  PRETTY PRETTY PRINCESS - aka global element styling
============================================================ */
/* headers */
h1, h2, h3, h4, h5, h6, legend, label {
    color: rgba(12, 61, 111,1);
}
/* fonts */
body {
    font-family: "Arial","Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", sans-serif;
}

h1, h2, h3, h4, h5, h6, legend, label, #site-title {
    /*font-family: "Arial","Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", sans-serif;*/
    font-family: "Merriweather", "Georgia", "Cambria", "Times New Roman", "Times", serif;
}

#site-navigation {
    font-size: 1.1em;
    font-weight: 700
}

#site-breadcrumbs {
    font-size: 1.1em;
    font-weight: 700
}

/* BACKGROUND COLORS */
#site-header {
    background-color: #205493;
}

#site-navigation, #site-footer {
    background-color: #112e51;
}

#site-breadcrumbs {
    background-color: #f1f1f1;
}

#site-quick-links {
    background-color: #f1f1f1;
}

#site-disclaimer-banner {
    background-color: #ffffff;
}

.top-bar, .top-bar ul {
    background-color: #112e51;
}

body {
    background-color: #ffffff;
}

#language-select {
    background-color: #ffffff;
}

main > .row {
    background-color: #ffffff;
}

/* FONT COLORS */
#site-quick-links, #site-quick-links a, #site-header, #site-header a, #site-header a h1 {
    color: #ffffff;
}

#site-breadcrumbs, #site-breadcrumbs a {
    color: rgba(12, 61, 111,1);
}

.g-recaptcha {
    width: 304px;
    margin: 0px auto;
}

#site-disclaimer-banner {
    color: #000000;
    font-size: 0.8em
}

    #site-disclaimer-banner a {
        color: rgb(12, 61, 111)
    }

#site-quick-links a {
    color: rgb(12, 61, 111)
}

#site-breadcrumbs {
    -webkit-box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
}

#site-quick-links {
    -webkit-box-shadow: 0px -5px 5px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.75);
}

a.button, a:visited.button {
    color: #ffffff;
}

.required-fields, .form-error, .is-invalid-label, .error {
    color: #981b1e;
}

.element-valid {
    color: #2e8540
}

.required-fields ul {
    list-style: none;
    margin: 0;
}

.required-fields .fa-check-square-o {
    display: none;
}

.element-valid .fa-check-square-o {
    display: inline-block;
}

.element-valid .fa-square-o {
    display: none;
}

.required-field-notice {
    float: right;
}

.help-text {
    margin-top: 0;
}

.field-month {
    width: 3em;
    float: left;
    margin-right: 1em;
}

.field-day {
    width: 3em;
    float: left;
    margin-right: 1em;
}

.field-year {
    float: left;
    width: 50%
}

    .field-year input {
        width: 4em
    }

.default-help-text {
    clear: both;
}

#form-progress-bar {
    margin-top: 2em;
    margin-bottom: 2em;
}

/*public view */
.tabs-title > a {
    font-size: 1em;
}

.callout {
    margin-top: 2em;
}

mark {
    background: #fad980;
    padding: 1px;
}

a.button.warning {
    color: #0a0a0a;
}

a:visited {
   /* color: #0a0a0a;*/
}

    a:hover {
        color: #0071bc;
    }

li.tabs-title a:visited {
    color: #0071bc;
}
