/* Colors */
/* Fonts */
/*  NAVBAR  */
.navbar-logo {
  height: auto;
  width: 225px;
  padding: 0.3rem 0;
}

.navbar-nav {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 600;
  font-size: 1.125em;
}
.navbar-nav a:hover, .navbar-nav a:active {
  color: #004b79;
  -webkit-text-decoration: underline dotted #004b79;
          text-decoration: underline dotted #004b79;
  text-decoration-color: rgba(31, 75, 121, 0.5);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

/*  FOOTER  */
footer {
  background-color: #444444;
  min-height: 250px;
}

.footer-logo {
  height: auto;
  width: 225px;
  padding: 6.5rem 0 0 0;
}

.footer-nav {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 600;
  font-size: 1.125em;
  padding-top: 5.25rem;
}
.footer-nav a:link, .footer-nav a:visited {
  color: #ffffff;
  -webkit-text-decoration: underline dotted #ffffff;
          text-decoration: underline dotted #ffffff;
  text-decoration-color: rgba(255, 255, 255, 0.5);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.footer-nav a:hover, .footer-nav a:active {
  color: #aaaaaa;
  -webkit-text-decoration: underline dotted #ffffff;
          text-decoration: underline dotted #ffffff;
  text-decoration-color: rgba(170, 170, 170, 0.5);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.footer-nav .nav-link {
  padding: 0.25rem 0;
}

footer div.credit {
  padding: 2.75rem 0 2rem 0;
}
footer div.credit img {
  max-width: 300px;
}
footer div.credit p {
  font-family: "Adelle", serif;
  font-weight: 300;
  font-size: 0.875em;
  line-height: 1.5rem;
  color: #ffffff;
  margin: 0;
}

.copyright-container {
  background-color: #222222;
}

.copyright-container p {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 300;
  font-size: 0.875em;
  color: #ffffff;
  padding: 0.5rem 0;
  margin: 0;
}

/*  HOMEPAGE  */
/*  Hero Header  */
header {
  background-color: #ffffff;
}

.carousel {
  height: 500px;
}

.carousel-item {
  height: 500px;
  background: no-repeat center center scroll;
  background-size: cover;
}

.carousel-caption {
  max-width: 500px;
  /*  margin: auto;
    right: 730px; */
  left: 0;
  bottom: 0;
  padding: 1.25rem;
  /*  padding: 16px 20px; */
  text-align: left;
  background-color: #0078c1;
  opacity: 0.95;
}
.carousel-caption h3 {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  color: #ffffff;
  padding-top: 0;
  margin-bottom: 0.5rem;
}
.carousel-caption p {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  color: #ffffff;
  line-height: 1.5;
  margin-bottom: 0;
}

.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  margin-left: 10px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #ffffff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.85;
  transition: opacity 0.6s ease;
}

.carousel-indicators .active {
  background-color: #0078c1;
  opacity: 0.85;
}

/*  Main Content  */
#homepage {
  /*  background: url("/images/circles-background.png") no-repeat fixed center bottom;  */
}
#homepage h2 {
  font-size: 2rem;
  margin-bottom: 1.75rem;
  color: #222222;
  text-transform: none;
}
#homepage h3 {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
}
#homepage ul {
  font-size: 0.9rem;
}

#mission-container h1 {
  color: #004b79;
}
#mission-container p {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 300;
  font-size: 1.375rem;
  line-height: 1.65;
}

#blog-container {
  /*  background-image: url("/images/circles-background.png");
  background-repeat: no-repeat;
  background-position: center top;
  border-top: 4px #a7d5f0 solid;
  border-bottom: 2px #a7d5f0 solid; */
  background-image: linear-gradient(rgba(211, 234, 248, 0.1), rgb(211, 234, 248));
}
#blog-container h2 {
  font-weight: 800;
  font-size: 1rem;
  margin: 0;
  color: #004b79;
  text-transform: uppercase;
}
#blog-container h3 {
  font-family: "Adelle", serif;
  font-size: 1.4rem;
  font-weight: 300;
  text-transform: none;
}

#event-date {
  width: 92%;
}

#event-date div.column-left {
  padding: 12px 20px 7px;
}
#event-date div.column-left div.event-month {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 300;
  font-size: 37px;
  text-transform: uppercase;
  line-height: 1.7;
}
#event-date div.column-left div.event-date {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  font-size: 64px;
  line-height: 0.5;
}
#event-date div.column-left div.event-time {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 2.75;
}

#event-container div.column-right {
  padding: 20px 20px 7px;
}
#event-container div.column-right h5 {
  font-weight: 800;
  font-size: 19px;
}
#event-container div.column-right p {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 0;
}

/*  INNER PAGES  */
p.page-summary {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 300;
  font-size: 1.375rem;
  line-height: 1.65;
  margin-bottom: 3rem;
}

#page-sidebar h3 {
  font-weight: 300;
}
#page-sidebar .page-toc { /* Safari */
  position: sticky;
  top: 154px;
}
#page-sidebar ul li {
  font-family: "Adelle", serif;
  font-size: 1.25rem;
  font-weight: 300;
  margin: 0.5rem 0 0.5rem -2.5rem;
  list-style-type: none;
}
#page-sidebar ul li.small {
  font-family: "Nunito Sans", sans-serif;
  font-size: 1.125rem;
  list-style-type: square;
  list-style-position: inside;
}

/*  IMPACT STORIES  */
.jumbotron-fluid.impact-story {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  padding-top: 2rem;
}

.impact-story-badge {
  max-width: 320px;
  background-color: #0078c1;
  opacity: 0.95;
  text-align: center;
  padding: 1.25rem;
}

.impact-story-badge h2 {
  font-family: "Adelle", serif;
  font-weight: 300;
  font-size: 2rem;
  margin: 0;
  color: #ffffff;
  text-decoration: overline;
}

blockquote {
  font-size: 1.5rem;
  color: #ffffff;
  padding: 2rem 4rem 2rem 4rem;
  background-color: #0078c1;
}

/* TECHNICAL ASSISTANCE */
#technical-assistance .card-img-overlay {
  top: unset;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.2rem 0 1.2rem 0;
  margin-bottom: 2.7rem;
  background-color: #ffffff;
  opacity: 1;
  border-radius: 0;
}
#technical-assistance .card-img-overlay h4 {
  margin-bottom: 0;
  color: #0078c1;
}
#technical-assistance .card-img-overlay p {
  margin-top: 0.35rem;
  color: #222222;
}
#technical-assistance .card-img-overlay {
  padding: 0.5rem;
}
#technical-assistance a:link .card-img-overlay h4, #technical-assistance a:visited .card-img-overlay h4 {
  -webkit-text-decoration: underline dotted #0078c1;
          text-decoration: underline dotted #0078c1;
  text-decoration-color: rgba(54, 120, 194, 0.5);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
#technical-assistance a:hover .card-img-overlay h4, #technical-assistance a:active .card-img-overlay h4 {
  color: #004b79;
  -webkit-text-decoration: underline dotted #004b79;
          text-decoration: underline dotted #004b79;
  text-decoration-color: rgba(31, 75, 121, 0.5);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
#technical-assistance p.card-text {
  line-height: 1.4rem;
}
#technical-assistance .card-footer {
  padding-left: 0;
  border-radius: 0;
}
#technical-assistance span.badge {
  font-family: "Nunito Sans", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.36rem 0.45rem 0.32rem 0.45rem;
}
#technical-assistance .card small {
  font-family: "Nunito Sans", sans-serif;
  font-size: 0.8rem;
  font-weight: 300;
  text-transform: uppercase;
  padding-left: 15px;
}

/* RESOURCES */
div.section {
  padding: 20px 0;
  margin: 30px 0 20px;
  border-top: 3px solid #0078c1;
}
div.section h2 {
  padding: 0;
  margin: 0;
}

.accordion h4 {
  line-height: 1.5;
}

.card {
  border: none;
  border-radius: 0;
}

.card-header {
  border: 0;
  background-color: rgba(0, 0, 0, 0.06);
}
.card-header h2, .card-header h3 {
  padding: 0;
  margin: 0;
}
.card-header h2 .btn, .card-header h3 .btn {
  margin: 0;
  padding: 0;
  font-size: 1.5rem;
  font-weight: 300;
}
.card-header h2 .btn-link, .card-header h3 .btn-link {
  color: #0078c1;
}

.card-header:hover {
  background-color: rgba(0, 0, 0, 0.12);
}

.card-header button[aria-expanded=false] {
  background-image: url(/images/add.svg), linear-gradient(transparent, transparent);
  background-repeat: no-repeat;
  background-size: 1.75rem;
  background-position: right center;
}

.card-header button[aria-expanded=true] {
  background-image: url(/images/remove.svg), linear-gradient(transparent, transparent);
  background-repeat: no-repeat;
  background-size: 1.75rem;
  background-position: right center;
}

.card-body {
  padding: 1.25rem 0;
}
.card-body h4 strong {
  font-family: "Nunito Sans", sans-serif;
  font-size: small;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #222222;
  padding: 5px 10px 3px;
  margin-right: 5px;
  margin-top: 0.75rem;
}

/* BLOG */
#blog-list h2 {
  padding-top: 2rem;
  margin-bottom: 0.5rem;
  color: #004b79;
  font-size: 1rem;
}
#blog-list h3 {
  padding-top: 0;
  margin-bottom: 0.75rem;
}

#blog-post h2 {
  color: #444444;
}