#mainheader{
    background-color: var(--color-primary); border-top: 7px solid var(--color-special9);color:var(--color-white);
}

#headernav .offcanvas > ul > li > a, 
#headernav > ul > li > a, 
#mainnav .offcanvas > ul > li > a, 
#mainnav > ul > li > a {
    color: var(--color-white);
}
#mainnav .mobile-nav-icons a {
    color: var(--color-white);
}
@media print, screen and (max-width: 63.9988em) {
    #mainnav .offcanvas {
        background-color: var(--color-secondary);
    }
}
.drilldown a {
    background-color: var(--color-secondary);
}

#headernav .donation {
    background-color: var(--color-special9);
    color: var(--color-white);
}
#headernav .donation:hover {
    background-color: var(--color-dark-gray);
    color: var(--color-white);
}
.breadcrumbs a,
.breadcrumbs li{
    color: var(--color-white);
}

#mainfooter{
    background-color: var(--color-special9);color:var(--color-white);
}

.mod-cards-logo a{
    height: 200px;
    background-color: #fff;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    display: flex;
    transition: all .3s;
}
.mod-cards-logo a:hover img,
.mod-cards-logo a:focus img{
    transform: scale(1.1);
}
.mod-cards-logo a picture img{
    max-width: 75%;
    max-height: 75%;
}

.color2,
.color2 h1,
.color2 h2,
.color2 h3,
.color2 h4,
.color2 h5,
.color2 h6,
.color2 p,
.color2 li,
.color2 a,
.color2 span,
.color2 strong,
.color2 em,
.color2 label,
.color2 small {
    color: #fff!important;
}

.color5,
.color5 h1,
.color5 h2,
.color5 h3,
.color5 h4,
.color5 h5,
.color5 h6,
.color5 p,
.color5 li,
.color5 a,
.color5 span,
.color5 strong,
.color5 em,
.color5 label,
.color5 small {
    color: #000 !important;
}

.color2 a,.color5 a{text-decoration:underline;}

.mod-cards-team.color5 .card-section {background-color:#eee;}


@media screen and (min-width: 75em) {
  #headernav .offcanvas > ul > li > a, #headernav > ul > li > a, #mainnav .offcanvas > ul > li > a, #mainnav > ul > li > a {
    padding: .79rem 0.9rem;

  }
}


@media screen and (max-width: 1110px) {
  #headernav .offcanvas > ul > li > a, #headernav > ul > li > a, #mainnav .offcanvas > ul > li > a, #mainnav > ul > li > a {
    padding: .79rem 0.45rem;

  }
}

blockquote, blockquote p {
  color: var(--color-white);
}

.mod-cards-logo a picture img {

  max-height: 100%;
}

#rex-yform label {

  color: var(--color-white);
  font-size: 1rem;
}