/* ============================================================
  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:"Source Sans Pro", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;}
h1,h2,h3,h4,h5,h6,legend,label,#site-title{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;margin-bottom:2em;}
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;}

.tabs-title > a {
    font-size:1em;
}

.callout{margin-top:2em;}
mark{
    background: #fad980;
    padding: 1px;}