/* overwrites */
h1, h2, h3, h4, h5, h6 {border: none !important}
cite {font-size: 1.2rem !important;}
strong {font-weight: 800 !important}
.card .card-image {border-bottom: 5px solid #E2EA66 !important}
.card h3 {padding-bottom: 10px}
.tagline {align-self: flex-end; text-shadow: 2px 2px 4px #00000070; }
.tagline em {color: #fff !important; font-weight: 800 !important; background: none; letter-spacing: -2px; font-size: 1.5em; line-height: 90%;}
blockquote:before {color: #6cc24a !important}
blockquote {font-size: 135% !important}
.photo {border-bottom: 10px solid #E2EA66}
.yellowthin {border-bottom: 5px solid #E2EA66;}
h2 {padding-bottom: 15px !important; font-weight: 800 !important;}
h2 em {border-bottom: 5px solid #ff5a5a !important; font-style: normal; text-transform: uppercase}
h3 {font-weight: 800 !important; text-transform: uppercase}
.dkgreenbg {background-color: #005a43;}
.dkgreenbg h2 {color: #fff;}
.dkgreenbg p, .dkgreenbg blockquote, .dkgreenbg cite, .dkgreenbg ul li, .dkgreenbg a  {color: #fff}
.dkgreenbg h2 em {border-bottom: 5px solid #6cc24a !important;}
#areasToGive .learn-more {min-height: 425px; padding: 0}
.priorityLead {font-size: 16px; text-transform: uppercase; color: #333; font-weight: 700; margin-bottom: 0; line-height: 0}
.headshots-promo img, img.headshot-circle {float: right}
ul li h3 {margin-bottom: 0 !important; padding-bottom: 0 !important}
ul li {color: #ff5a5a}
.lead {color: #3c4c4c}
.fa-chevron-right {color: #ff5a5a}
.unitMargin {margin-left: 2vw}
#areasToGive .learn-more h2, #areasToGive .learn-more p {color: #005a43; padding-top: 15px;}
.chevron {color: #005a43}
.chevronSingleBG {background-image: url('/campaign/img/hi-res/chevron-single-background.gif'); background-repeat: no-repeat; background-position: center;}
.chevron-section ul li {background: url('/campaign/img/chevron-bullet.png') no-repeat left center; padding: 5px 10px 5px 50px; list-style: none; margin: 0; vertical-align: middle;}
#areasToGive .learn-more {min-height: 485px;}
.unitMargin {padding-left: 20px; padding-right: 20px; margin-left: 0}
section.hero article.pad {padding: 4em 10px 4em 10px;}
.news-excerpt { display:  none; }
tbody, tfoot, thead {background: none !important; border: none !important; font-weight: 600; color: #005a43; font-size: 1.2rem; line-height: 1.4; vertical-align: top}
tbody tr:nth-child(even) {background: none !important;}
/* overwrites end */

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;}

.lime {
  color: black;
  background: #6cc24a;
}

.hover-show {
  opacity: 0;
  position: absolute;
}

.learn-more {
  background: #eee;
  color: #043;
  padding: 2vw;
}

.learn-more a {
  color: black;
}
.learn-more:hover {
  background: #6cc24a;
}
.learn-more:hover .hover-show {
  opacity: 1;
}
.learn-more:hover .chevron {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  text-align: right;
}

.chevron {
  width: 50%;
  text-align: left;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.chevron-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2vw;
}
.chevron-section {
	border-bottom: 5px solid #E2EA66 !important;
	border-top: 5px solid #E2EA66 !important;
	background-image: url('/campaign/img/hi-res/chevron-background-grey.gif')
}

/* homepage specific */
.priority {
  border: 1px solid #ccc;
  border-width: 1px 0px;
  margin-bottom: 1em;
}
.priority .chevron {
  font-size: 3rem;
}

.priority-header {
  text-transform: uppercase;
  color: #333;
  font-weight: 700;
}
.priority-header span {
  font-size: 2rem;
  display: block;
}

/* footer */
#engage-cta {
  background: black;
  color: white;
  padding: 2vw;
}
#engage-cta:hover {
  background: #6cc24a;
}
#engage-cta:hover h3 {
  color: black;
}
#engage-cta h3 {
  text-transform: uppercase;
  color: white;
}
@media print, screen and (min-width: 40em) {
  #engage-cta h3 {
    font-size: 2rem;
  }
}
#engage-cta .chevron {
  font-size: 2rem;
}

#give-footer {
  background: #eee;
  padding: 2vw;
}
#give-footer .menu a {
  text-transform: uppercase;
  color: #344;
  font-weight: 700;
}

#footer-menu {
  border-top: 0px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 1rem 0;
}
#footer-menu a:hover {
  color: black;
}
@media print, screen and (max-width: 32.49875em) {
  #footer-menu {
    border-top: 1px solid #ccc;
    border-right: 0px solid #ccc;
  }
  #footer-menu ul {
    text-align: center;
  }
  div.news-cards .story h4, div.news-cubes .story h4 {
	color: #fff;
  }
}