@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&family=Montserrat:wght@400;600;700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

html {
  font-size: 100%;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.9em;
  line-height: 1.33em;
  letter-spacing: 0;
}

@media (min-width: 500px) {
  body {
    font-size: 1em;
    line-height: 1.33em;
  }
}

.title {
  font-family: 'Montserrat', sans-serif;
}

div, img {
  display: block;
  width: 100%;
}

h1, h2 {
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 1.15em;
  font-weight: 600;
  font-family: 'Lora', serif;
  letter-spacing: 0;
}

h3, h4, h5, h6 {
  margin-top: 0.75rem;
  margin-bottom: 0.25rem;
  line-height: 1.15em;
  font-weight: 500;
  font-family: 'Lora', serif;
  letter-spacing: 0;
}


h1 {  font-size: 1.45em; color: #006699; }
h2 {  font-size: 1.35em; color: #B90600; }
h3 {  font-size: 1.3em; color: #006699; }
h4 {  font-size: 1.3em; color: #B90600; }
h5 {  font-size: 1.2em; color: #006699; }
h6 {  font-size: 1.2em; color: #B90600; }

a { color: #AE6E41; }
a:hover { color: #815130;}

pre, blockquote, dl, figure, table, p, ul, ol, form {
  margin-bottom: 1.25rem;
}

ul {
  list-style: square inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 1em;
  margin-top: 1em; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }

/* NAVIGATION BAR OVERRIDES:
*/

.homeButton {
  margin-top: 1em;
}

.homeButton.last {
  margin-bottom: 1em;
}

.homeButton a img:hover { filter: brightness(115%); transition: filter .2s linear;}
.homeButton a img:active { filter: brightness(150%); transition: filter .2s linear;}

.navigation {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  height: 70px !important;
}

.navigation-body-header .navigation-logo {
  margin-top: 6px;
}

@media (min-width: 992px) {
  .navigation-centered .navigation-body-header .navigation-logo a {
    width: 100%;
  }
}

.navigation-logo a img {
  height: 24px;
  width: auto;
  margin-bottom: .5em;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 991px) {
  .navigation-header .navigation-logo {
    padding: 1rem 0 0;
  }
}

.navigation-logo-top .navigation-body .navigation-logo img {
  width: auto;
  height: 24px;
}

@media (min-width: 992px) {
  .navigation-logo-top .navigation-body-header {
    padding-top: 0px;
  }  
}

@media (min-width: 992px) {
  .navigation-logo a img {
    height: 24px;
    width: auto;
  }  
}

.navigation-dropdown-item {
  text-align: left;
}

@media (min-width: 992px) {
  .navigation-dropdown-item {
    text-align: center;
  }
}

.navigation-link {
  padding: 13px 16px;
  font-size: 12px;
  letter-spacing: 0.3px;
  text-align: left;
}

.navigation-dropdown-link {
  font-size: 11px;
  padding: 12px 12px;
}

@media (min-width: 992px) {  
  .navigation-link {
    padding: 0px 12px;
    text-align: center;
  }
}

@media (max-width: 991px) {
  .navigation-dropdown-link {
    padding: 14px 12px 14px 30px;
  }
}

.navigation-item:not(.navigation-brand-text):hover .navigation-link,
.navigation-item:not(.navigation-brand-text):focus .navigation-link,
.navigation-item:not(.navigation-brand-text).is-active .navigation-link {
  color: #B90700;
}

.navigation-dropdown-item:hover > .navigation-dropdown-link, .navigation-dropdown-item:focus > .navigation-dropdown-link, .navigation-dropdown-item.is-active > .navigation-dropdown-link {
  color: #B90700;
}

.navigation-item > .navigation-link > .submenu-indicator:after,
.navigation-item:hover > .navigation-link > .submenu-indicator:after,
.navigation-item:focus > .navigation-link > .submenu-indicator:after,
.navigation-item.is-active > .navigation-link > .submenu-indicator:after {
  border-color: transparent #B90700 #B90700 transparent;
}

@media (min-width: 992px) {
  .navigation-link {
    height: 100%;
    padding: 0px 16px;
    line-height: 1em;
    border: none;
  }  
}


/* SKELETON OVERRIDES:
*/

.container {
  max-width: 1200px;
}

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 4px; }
input,
textarea,
select,
fieldset {
  margin-bottom: 4px; }


/* SITE-SPECIFIC CLASSES
*/

button.redButton, button.redButton:hover {
  margin: 16px auto;
  display: block;
  background-color: rgb(180, 0, 0);
  color: white;
  font-weight: bold;
}

button.redButton:hover {
  background-color: red;
}

#footer {
  background-color: #033C6A;
  margin-top: 3rem;
  padding: 1.5rem 0;
  color: white;
  font-size: 0.6rem;
  line-height: .8rem;
}

#footer p {
  margin: 0.25rem;
}

#footer a {
  color: white;
  text-decoration: none;
}

#footer a:hover {
  color: #FFFF80;
}

#footer p.category {
  font-weight: bold;
}

#footer p a.indent {
  padding-left: 6px;
  display: block;
}

pre, blockquote, dl, figure, table, p, ul, ol, form {
  margin-bottom: 1.25rem;
}

.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
  .clearfix:after {
    clear: both; }

.clear {
  /* You can also use a <br class="clear" /> to clear columns */
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.content div,
.content img {
  display: block;
}
.content div.caption,
.content img.caption {
  font-size: .8em !important;
  text-align: center;
}
.content div.caption p,
.content img.caption p {
  font-size: 1em !important;
  text-align: center;
}

.content img.left,
.content div.left {
  float: left;
  margin-right: 5% !important;
  margin-bottom: 2.5% !important;
  width: 50% !important;
}
.content img.right,
.content div.right {
  float: right;
  margin-left: 5% !important;
  margin-bottom: 2.5% !important;
  width: 50% !important;
}
.content img.center,
.content div.center {
  width: 90% !important;
  margin: 5% auto !important;
}

.content div.left-20pct, .content img.left-20pct,
.content div.left-25pct, .content img.left-25pct,
.content div.left-30pct, .content img.left-30pct,
.content div.left-33pct, .content img.left-33pct,
.content div.left-40pct, .content img.left-40pct,
.content div.left-50pct, .content img.left-50pct {
  width: 50% !important;
  float: left;
  margin-right: 5% !important;
  margin-bottom: 2.5% !important;
}

.content div.left-60pct, .content img.left-60pct,
.content div.left-67pct, .content img.left-67pct,
.content div.left-70pct, .content img.left-70pct,
.content div.left-75pct, .content img.left-75pct,
.content div.left-80pct, .content img.left-80pct,
.content div.left-90pct, .content img.left-90pct {
  width: 90% !important;
  float: none;
  margin: 5% auto !important;
}

.content div.right-20pct, .content img.right-20pct,
.content div.right-25pct, .content img.right-25pct,
.content div.right-30pct, .content img.right-30pct,
.content div.right-33pct, .content img.right-33pct,
.content div.right-40pct, .content img.right-40pct,
.content div.right-50pct, .content img.right-50pct {
  width: 50% !important;
  float: right;
  margin-right: 5% !important;
  margin-bottom: 2.5% !important;
}

.content div.right-60pct, .content img.right-60pct,
.content div.right-67pct, .content img.right-67pct,
.content div.right-70pct, .content img.right-70pct,
.content div.right-75pct, .content img.right-75pct,
.content div.right-80pct, .content img.right-80pct,
.content div.right-90pct, .content img.right-90pct {
  width: 90% !important;
  float: none;
  margin: 5% auto !important;
}

.content div.center-20pct, .content img.center-20pct,
.content div.center-25pct, .content img.center-25pct,
.content div.center-30pct, .content img.center-30pct,
.content div.center-33pct, .content img.center-33pct,
.content div.center-40pct, .content img.center-40pct,
.content div.center-50pct, .content img.center-50pct {
  width: 50% !important;
  margin: 0 auto 2.5% !important;
  float: none;
}

.content div.center-60pct, .content img.center-60pct,
.content div.center-67pct, .content img.center-67pct,
.content div.center-70pct, .content img.center-70pct,
.content div.center-75pct, .content img.center-75pct,
.content div.center-80pct, .content img.center-80pct,
.content div.center-90pct, .content img.center-90pct {
  width: 90% !important;
  margin: 5% auto !important;
  float: none;
}

@media (min-width: 550px) {
  .content div.left,
  .content img.left {
    width: 33% !important;
    float: left;
    margin-right: 5% !important;
    margin-bottom: 2.5% !important;
  }
  .content div.right,
  .content img.right {
    width: 33% !important;
    float: right;
    margin-left: 5% !important;
    margin-bottom: 2.5% !important;
  }
  .content div.center,
  .content img.center {
    width: 90% !important;
    margin: 5% auto !important;
  }
  .content div.thumbnail,
  .content img.thumbnail {
    display: block;
  }
  .content div.mobileHide,
  .content img.mobileHide {
    display: block;
  }
  .content div.left-20pct,
  .content img.left-20pct {
    width: 20% !important;
    float: left;
    margin-right: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.right-20pct,
  .content img.right-20pct {
    width: 20% !important;
    float: right;
    margin-left: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.center-20pct,
  .content img.center-20pct {
    width: 20% !important;
    margin: 5% auto;
  }
  .content div.left-25pct,
  .content img.left-25pct {
    width: 25% !important;
    float: left;
    margin-right: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.right-25pct,
  .content img.right-25pct {
    width: 25% !important;
    float: right;
    margin-left: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.center-25pct,
  .content img.center-25pct {
    width: 25% !important;
    margin: 5% auto;
  }
  .content div.left-30pct,
  .content img.left-30pct {
    width: 30% !important;
    float: left;
    margin-right: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.right-30pct,
  .content img.right-30pct {
    width: 30% !important;
    float: right;
    margin-left: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.center-30pct,
  .content img.center-30pct {
    width: 30% !important;
    margin: 5% auto;
  }
  .content div.left-33pct,
  .content img.left-33pct {
    width: 33% !important;
    float: left;
    margin-right: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.right-33pct,
  .content img.right-33pct {
    width: 33% !important;
    float: right;
    margin-left: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.center-33pct,
  .content img.center-33pct {
    width: 33% !important;
    margin: 5% auto;
  }
  .content div.left-40pct,
  .content img.left-40pct {
    width: 40% !important;
    float: left;
    margin-right: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.right-40pct,
  .content img.right-40pct {
    width: 40% !important;
    float: right;
    margin-left: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.center-40pct,
  .content img.center-40pct {
    width: 40% !important;
    margin: 5% auto;
  }
  .content div.left-50pct,
  .content img.left-50pct {
    width: 50% !important;
    float: left;
    margin-right: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.right-50pct,
  .content img.right-50pct {
    width: 50% !important;
    float: right;
    margin-left: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.center-50pct,
  .content img.center-50pct {
    width: 50% !important;
    margin: 5% auto;
  }
  .content div.left-60pct,
  .content img.left-60pct {
    width: 60% !important;
    float: left;
    margin-right: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.right-60pct,
  .content img.right-60pct {
    width: 60% !important;
    float: right;
    margin-left: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.center-60pct,
  .content img.center-60pct {
    width: 60% !important;
    margin: 5% auto;
  }
  .content div.left-67pct,
  .content img.left-67pct {
    width: 67% !important;
    float: left;
    margin-right: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.right-67pct,
  .content img.right-67pct {
    width: 67% !important;
    float: right;
    margin-left: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.center-67pct,
  .content img.center-67pct {
    width: 67% !important;
    margin: 5% auto;
  }
  .content div.left-70pct,
  .content img.left-70pct {
    width: 70% !important;
    float: left;
    margin-right: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.right-70pct,
  .content img.right-70pct {
    width: 70% !important;
    float: right;
    margin-left: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.center-70pct,
  .content img.center-70pct {
    width: 70% !important;
    margin: 5% auto;
  }
  .content div.left-75pct,
  .content img.left-75pct {
    width: 75% !important;
    float: left;
    margin-right: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.right-75pct,
  .content img.right-75pct {
    width: 75% !important;
    float: right;
    margin-left: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.center-75pct,
  .content img.center-75pct {
    width: 75% !important;
    margin: 5% auto;
  }
  .content div.left-80pct,
  .content img.left-80pct {
    width: 80% !important;
    float: left;
    margin-right: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.right-80pct,
  .content img.right-80pct {
    width: 80% !important;
    float: right;
    margin-left: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.center-80pct,
  .content img.center-80pct {
    width: 80% !important;
    margin: 5% auto;
  }
  .content div.left-90pct,
  .content img.left-90pct {
    width: 90% !important;
    float: left;
    margin-right: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.right-90pct,
  .content img.right-90pct {
    width: 90% !important;
    float: right;
    margin-left: 5%;
    margin-bottom: 2.5% !important;
  }
  .content div.center-90pct,
  .content img.center-90pct {
    width: 90% !important;
    margin: 5% auto;
  }
}

.pageTop {
  padding-top: 30px;
}

/* FORM CLASSES
*/

#validateForm input[type=checkbox] {
    display: none;
} 

#validateForm input[type=submit] {
  border-radius: 4px;
  color: white;
  background-color: #a00;
  width: 20%;
  min-width: 160px;
  margin: 1em auto !important;
  display: block;
  height: auto;
  padding: .25em 1em;
  border-color: initial;
}

#validateForm input[type=submit]:hover {
  background-color: #F00;
}

#validateForm .fieldLabel {
  font-size: .8em;
  font-weight: 300;
  margin: 0 .5em 0.25em 0;
  display: block;
  float: left;
  text-align: right;
  min-width: 90px;
  width: 30%;
}

#validateForm input,
#validateForm select {
  border: 1px solid black;
  border-radius: 0;
  font-size: 0.8em;
  line-height: 1.2em;
  height: 1.6em;
  width: 60%;
}

#validateForm input.long,
#validateForm select.long {
  width: 60%;
}

#validateForm input.short,
#validateForm select.short {
  width: 30%;
}


@media (min-width: 512px) {  
  #validateForm input,
  #validateForm select {
    border: 1px solid black;
    border-radius: 0;
    font-size: 0.8em;
    line-height: 1.2em;
    height: 1.6em;
    width: 30%;
  }

  #validateForm input.long {
    width: 60%;
  }
  
  #validateForm input.short,
  #validateForm select.short {
    width: 20%;
  }
  
}

#validateForm input.required {
  border: 1px solid #A00 !important;
}

#validateForm select.required {
  border: 1px solid #A00 !important;  
}


#validateForm label.checkLabel {
  text-align: left;
  vertical-align: middle;
	font-family: 'Open Sans', sans-serif;
  font-size: 0.8em;
  line-height: 1.5em;
  font-weight: 300;
  display: block;
  float: left;
  position: relative;
  margin-left: 30px;
}

/* custom Checkbox */
#validateForm .iacCheckbox {
    width: 20px;    
    margin: 0px;
    float: left;
    position: relative;
}

#validateForm .iacCheckbox label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    border-radius: 1;
    border: 1px solid black;

/*    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); */

    background: rgba(207,239,252,1);

    background: -webkit-linear-gradient(top, rgba(238,250,255,1) 0%, rgba(207,239,252,1) 30%, rgba(194,230,241,1) 68%, rgba(96,177,194,1) 100%);
    background: -moz-linear-gradient(top, rgba(238,250,255,1) 0%, rgba(207,239,252,1) 30%, rgba(194,230,241,1) 68%, rgba(96,177,194,1) 100%);
    background: -o-linear-gradient(top, rgba(238,250,255,1) 0%, rgba(207,239,252,1) 30%, rgba(194,230,241,1) 68%, rgba(96,177,194,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,250,255,1) 0%, rgba(207,239,252,1) 30%, rgba(194,230,241,1) 68%, rgba(96,177,194,1) 100%);
    background: linear-gradient(top, rgba(238,250,255,1) 0%, rgba(207,239,252,1) 30%, rgba(194,230,241,1) 68%, rgba(96,177,194,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eefaff', endColorstr='#60b1c2',GradientType=0 );
}

#validateForm .iacCheckbox label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 4px;
    left: 4px;
    border: 3px solid #006ed4;
    border-top: none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#validateForm .hoverGroup:hover .iacCheckbox label::after,
#validateForm .iacCheckbox label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

#validateForm .hoverGroup:hover .iacCheckbox input[type=checkbox]:checked + label::after,
#validateForm .iacCheckbox input[type=checkbox]:checked + label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
}


#validateForm .iacCheckbox input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

div.formError {
  width: auto !important;
}

// TABLES FOR CLASSES
	/* info (hed, dek, source, credit) */
.rg-container {
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
  padding: 1em 0.5em;
  color: #222;
}
.rg-header {
  margin-bottom: 1em;
  text-align: left;
}

.rg-header > * {
  display: block;
}
.rg-hed {
  font-weight: bold;
  font-size: 1.4em;
}
.rg-dek {
  font-size: 1em;
}

.rg-source {
  margin: 0;
  font-size: 0.75em;
  text-align: right;
}
.rg-source .pre-colon {
  text-transform: uppercase;
}

.rg-source .post-colon {
  font-weight: bold;
}

/* table */
table.rg-table {
  width: 100%;
  margin-bottom: 0.5em;
  font-size: 1em;
  border-collapse: collapse;
  border-spacing: 0;
}
table.rg-table tr {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-align: left;
  color: #333;
}
table.rg-table thead {
  border-bottom: 3px solid #ddd;
}
table.rg-table tr {
  border-bottom: 1px solid #ddd;
  color: #222;
}
table.rg-table tr.highlight {
  background-color: #dcf1f0 !important;
}
table.rg-table.zebra tr:nth-child(even) {
  background-color: #f6f6f6;
}
table.rg-table th {
  font-weight: bold;
  padding: 0.35em;
  font-size: 0.9em;
}
table.rg-table td {
  padding: 0.35em;
  font-size: 0.9em;
}
table.rg-table .highlight td {
  font-weight: bold;
}
table.rg-table th.number,
td.number {
  text-align: right;
}

/* media queries */
@media screen and (max-width: 600px) {
  .rg-container {
    max-width: 600px;
    margin: 0 auto;
  }
  table.rg-table {
    width: 100%;
  }
  table.rg-table tr.hide-mobile,
  table.rg-table th.hide-mobile,
  table.rg-table td.hide-mobile {
    display: none;
  }
  table.rg-table thead {
    display: none;
  }
  table.rg-table tbody {
    width: 100%;
  }
  table.rg-table tr,
  table.rg-table th,
  table.rg-table td {
    display: block;
    padding: 0;
  }
  table.rg-table tr {
    border-bottom: none;
    margin: 0 0 1em 0;
    padding: 0.5em;
  }
  table.rg-table tr.highlight {
    background-color: inherit !important;
  }
  table.rg-table.zebra tr:nth-child(even) {
    background-color: transparent;
  }
  table.rg-table.zebra td:nth-child(even) {
    background-color: #f6f6f6;
  }
  table.rg-table tr:nth-child(even) {
    background-color: transparent;
  }
  table.rg-table td {
    padding: 0.5em 0 0.25em 0;
    border-bottom: 1px dotted #ccc;
    text-align: right;
  }
  table.rg-table td[data-title]:before {
    content: attr(data-title);
    font-weight: bold;
    display: inline-block;
    content: attr(data-title);
    float: left;
    margin-right: 0.5em;
    font-size: 0.95em;
  }
  table.rg-table td:last-child {
    padding-right: 0;
    border-bottom: 2px solid #ccc;
  }
  table.rg-table td:empty {
    display: none;
  }
  table.rg-table .highlight td {
    background-color: inherit;
    font-weight: normal;
  }
}