@import url("https://fonts.googleapis.com/css2?family=Saira+Extra+Condensed:wght@400;500;700&display=swap");
:root {
  --gray-body-text: #596064;
  --medium-gray-text: #4f4f4f;
  --dark-gray-text: #262829;
  --white: #f9f9f9;
  --light-gray: #e5e8ef;
  --middle-lighter-gray: #cad7de;
  --middle-light-gray: #c0c4ce;
  --middle-gray: #bdbdbd;
  --red-comments: #aa3a3a;
  --custom-yellow: #ffe185;
  --outline: #005fcc;
  --sans-serif-font: "Open Sans", sans-serif;
  --serif-font: "Frank Ruhl Libre", serif;
  --monospace-font: "Saira Condensed", monospace;
  --giant-text: 5rem;
  --large-text: 2.625rem;
  --big-text: 1.375rem;
  --medium-text: 1.125rem;
  --regular-text: 16px;
  --small-text: 0.75rem;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: var(--regular-text);
  font-family: var(--sans-serif-font);
}

body {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

button,
input {
  border: none;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

h1 {
  margin: 0;
}

main .event .content a, main .event .content a u, main .event .content a span {
  color: #aa3a3a !important;
  text-decoration: none;
}
main .event .content a:hover, main .event .content a u:hover, main .event .content a span:hover {
  text-decoration: underline;
}

.events .event img,
main .who .focal-points .row .col img {
  border-radius: 8px !important;
}

.news_un_entities-template-default h1,
.our_projects-template-default h1 {
  font-family: "Saira Condensed", monospace;
  font-style: normal;
  font-weight: normal;
  font-size: 42px;
  line-height: 103.5%;
  /* or 43px */
  text-transform: uppercase;
  /* Red Comments */
  color: #aa3a3a;
}
.news_un_entities-template-default h4,
.our_projects-template-default h4 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 160%;
  color: #4f4f4f;
}

.title {
  font-size: 4.5rem;
  font-family: var(--monospace-font);
  line-height: 83px;
  text-transform: uppercase;
}
.title.red {
  color: var(--red-comments);
}
.title.yellow {
  color: var(--custom-yellow);
}

.header {
  font-size: var(--large-text);
  font-family: var(--monospace-font);
  line-height: 30px;
  text-transform: uppercase;
}
.header.red {
  color: var(--red-comments);
}
.header.yellow {
  color: var(--custom-yellow);
}

.event .content .wp-caption {
  max-width: 100% !important;
}
.event .content .wp-caption img {
  margin-bottom: 0px;
  max-width: 100% !important;
  height: auto !important;
}
.event .content .wp-caption .wp-caption-text {
  font-family: "Frank Ruhl Libre", serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #4f4f4f;
}
.event .content img {
  max-width: 100% !important;
  height: auto !important;
}

p.paragraph {
  font-size: var(--big-text);
  font-family: var(--serif-font);
  color: var(--medium-gray-text);
  line-height: 35px;
  font-family: "Frank Ruhl Libre", serif;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 160%;
  /* or 35px */
  /* Gray Body Text */
  color: #596064;
}
p.paragraph a {
  color: var(--red-comments);
}

.modal-staff .modal-header h5 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 130%;
  color: #333333;
}
.modal-staff .modal-body p {
  font-family: "Frank Ruhl Libre", serif;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 160%;
  /* or 35px */
  /* Gray 2 */
  color: #4f4f4f;
}

main .who .staff .caption {
  font-size: 20px !important;
}

.page-template-about-template footer {
  margin-top: 0px !important;
}
.page-template-about-template p {
  font-family: "Frank Ruhl Libre", serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px !important;
  line-height: 160%;
  /* or 35px */
  /* Gray Body Text */
  color: #596064;
}
.page-template-about-template img {
  max-width: 100% !important;
}
.page-template-about-template .row.icons img {
  height: auto;
}

.single-field_updates .img-header {
  background-size: 100%;
  background-position: center;
}

main .paginator span,
main .paginator a {
  padding: 0 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 103.5%;
}
main .paginator a {
  color: #828282;
  cursor: pointer;
}

.img-header {
  width: 100%;
  min-height: 400px;
  display: flex;
  align-items: flex-end;
  border-radius: 8px;
  padding-bottom: 30px;
  margin-bottom: 60px;
  background-repeat: no-repeat;
}
.img-header .shadow {
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 8px;
  z-index: 1;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.8) 100%);
}
.img-header .content-header {
  position: relative;
  z-index: 9;
}
.img-header h1 {
  line-height: 70px;
}

header.header-container {
  margin-bottom: 24px;
}
header.header-container .searchbar input {
  color: #bdbdbd;
  height: 23px;
  line-height: 24px;
}
header.header-container .searchbar button img {
  top: 3px;
  position: relative;
}
header.header-container .searchbar input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bdbdbd;
}
header.header-container .nav {
  padding-bottom: 15px;
}
header.header-container .nav > ul > li {
  padding-bottom: 15px;
}
img.alignleft {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

section.header-container h1.title {
  font-family: "Saira Extra Condensed", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 74px;
  line-height: 100%;
  /* or 80px */
  text-transform: uppercase;
}
section.header-container h1.title b {
  font-weight: 700;
}

.nav li.active a {
  color: #262829;
}
.nav li.active a > svg {
  color: #aa3a3a;
}

.dropdown-menu .dropdown-item {
  padding-left: 15px !important;
  color: #aa3a3a !important;
  font-size: 12px;
  max-width: 250px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dropdown-menu .dropdown-item.principal {
  padding-left: 0px !important;
}
.dropdown-menu .dropdown-item.more_3 {
  display: none;
}
.dropdown-menu .dropdown-item.more_3.open {
  display: block;
}
.dropdown-menu .dropdown-item.disabled {
  color: var(--medium-gray-text) !important;
  font-size: 14px;
  padding-left: 0px !important;
}

.testimonies .fixed-image {
  filter: drop-shadow(0px 20px 50px rgba(0, 0, 0, 0.5)) !important;
}
.testimonies .quotes .quote .paragraph {
  font-size: 20px !important;
}
.testimonies .quotes .quote span {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 130%;
  /* or 21px */
  /* Gray 1 */
  color: #333333;
}
.testimonies .quotes .quote span b {
  font-weight: bold;
}

.news.home .news-item .headline {
  font-size: 20px !important;
}

main .take-action .cards .card p {
  font-size: 20px !important;
  line-height: 30px !important;
}

.events .event h2 {
  font-size: 20px !important;
  line-height: 30px !important;
}
.events .event span {
  font-size: 20px !important;
  line-height: 30px !important;
}

.introduction .about > h1 {
  font-family: "Saira Condensed", monospace;
  font-style: normal;
  font-weight: bold;
  font-size: 80px;
  line-height: 103.5%;
  /* identical to box height, or 83px */
  text-transform: uppercase;
  /* Red Comments */
  color: #aa3a3a;
}
.introduction .about p {
  font-family: "Frank Ruhl Libre", serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px !important;
  line-height: 160% !important;
  color: #4f4f4f;
}

.container.take-action h1.title.red {
  font-family: "Saira Extra Condensed", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 68px;
  line-height: 103.5%;
  /* or 83px */
  text-transform: uppercase;
  /* Red Comments */
  color: #aa3a3a;
}
.container.take-action h1.title.red b {
  font-weight: 600;
}

main .info .icons .label {
  font-size: 1.1rem !important;
}

main .who .focal-points .row .col p {
  color: #4f4f4f;
  font-family: "Frank Ruhl Libre", serif;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 160%;
}
main .who .focal-points .row .col p a {
  color: #aa3a3a !important;
}

main .donors .row .col .country {
  font-size: 20px !important;
}

.funding.container {
  margin-bottom: 80px !important;
}

main .carousel-container .carousel-inner .carousel-item {
  background-color: #596064;
}
main .carousel-container .carousel-inner .carousel-item .img {
  opacity: 0.5;
}
main .carousel-container .carousel-inner .carousel-item .carousel-caption h5.title {
  font-family: "Saira Extra Condensed", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 80px;
  line-height: 100%;
}
main .carousel-container .carousel-inner .carousel-item .carousel-caption .group-content {
  align-self: center;
  justify-content: center;
  flex-direction: column;
  display: flex;
  height: 100%;
  padding-bottom: 120px;
}
main .carousel-container .carousel-inner .carousel-item .carousel-caption .subtitle {
  margin-top: 25px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 160%;
  color: #fff !important;
  margin-bottom: 15px !important;
}
main .carousel-container .carousel-inner .carousel-item .carousel-caption p {
  color: #fff !important;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 160%;
}
main .carousel-container .carousel-inner .carousel-item .carousel-caption p b {
  font-weight: bold;
}
main .carousel-container .carousel-footer p {
  font-size: 20px !important;
}

main .funding img {
  filter: drop-shadow(0px 20px 50px rgba(0, 0, 0, 0.5)) !important;
}
main aside .category .items li.more_link a {
  font-weight: bold;
}
main aside .category .items li.more_link a span {
  color: #aa3a3a;
}
main aside .category .items li.more_link.open {
  display: none;
}
main aside .category .items li.more_5 {
  display: none;
}
main aside .category .items li.more_5.open {
  display: block;
}
main aside .category .items li.active a {
  color: #262829;
  font-weight: bold;
}
main aside .category .items li.active:before {
  background-color: #262829;
}
main .structure .members .member {
  min-height: 280px !important;
}
main .structure .members .member .img-logo {
  margin-bottom: 20px;
  height: 120px;
  min-height: 120px;
  width: 120px;
  min-width: 120px;
  margin: 0 auto 20px auto;
}
main .structure .members .member .img-logo img {
  margin: auto;
  max-width: 100%;
}
main .structure .members .member span.label {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
  /* or 24px */
  text-align: center;
  /* Gray 1 */
  color: #333333;
}
main section .project h2 {
  color: #aa3a3a;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px !important;
  line-height: 200%;
}
main section .project .summary p {
  color: #aa3a3a;
}
main section .project p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 160%;
}
main .news-item a .date {
  color: #828282;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 150%;
}
main .news-item a p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 130%;
}
main .news-item a:hover {
  text-decoration: none;
}
main .news-item a:hover .date {
  text-decoration: none;
}
main .news-item a:hover h2 {
  text-decoration: underline;
}
main .news-item a:hover p {
  text-decoration: underline;
}

footer {
  margin-top: 100px;
}
footer a {
  color: #fff;
}
footer a:hover {
  color: #fff !important;
}
footer a:hover span {
  color: #fff;
}

.page-template-digital_library-template .news-item a {
  font-family: "Open Sans", sans-serif;
}
.page-template-digital_library-template .news-item a .date {
  font-size: 14px;
  line-height: 150%;
  color: #828282;
}
.page-template-digital_library-template .news-item a:hover p {
  text-decoration: none !important;
}
.page-template-digital_library-template .news-item a:hover .date {
  text-decoration: none !important;
}
.page-template-digital_library-template .news-item a h2 {
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 130%;
  /* or 29px */
  /* Gray 1 */
  color: #333333;
}
.page-template-digital_library-template .news-item a p {
  color: #596064;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 130%;
}

main .who .introduction {
  align-items: flex-start !important;
}

.single-field_updates .content h1 {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 160%;
  color: #4f4f4f;
}
.single-field_updates .content p {
  font-family: "Frank Ruhl Libre", serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 160%;
  color: #596064;
}

.img-author {
  color: #828282;
  font-size: 12px;
  position: absolute;
  bottom: -5px;
  right: 0px;
  transform: translateY(100%);
}

#select-sidebar {
  margin: 0 30px 40px 30px !important;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #c0c4ce;
  padding: 0 10px 0px 0px !important;
}
#select-sidebar select {
  width: 100%;
  max-width: 100%;
  padding: 14px;
  background: none;
  border: none;
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif !important;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 320%;
  /* or 48px */
  /* Gray 1 */
  color: #333333;
}

.page-template-take_action-template footer {
  margin-top: 0px;
}
.page-template-take_action-template main .hashtag {
  margin-bottom: 0px !important;
}

main .funding .thumbnail-container svg {
  z-index: 100;
}

.video-link {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 785px;
}
.video-link svg {
  width: 72px;
  height: 72px;
  z-index: 100;
  position: absolute;
  top: -220px;
  left: 50%;
  margin-left: -36px;
}

main .event .content {
  font-family: "Frank Ruhl Libre", serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 160%;
  color: #596064;
}
main .event .content a,
main .event .content span,
main .event .content p,
main .event .content div {
  font-family: "Frank Ruhl Libre", serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 160%;
  color: #596064;
}

.countries.home li a {
  text-decoration: none;
  color: #333 !important;
}
.countries.home li a:hover {
  color: #333 !important;
  text-decoration: none;
}

.page-template-about-template .structure .members a:hover {
  text-decoration: none !important;
}
.page-template-about-template .structure .members a:hover span {
  text-decoration: none !important;
}

@media (max-width: 992px) {
  .navbar-mobile .navbar-brand img {
    max-width: 200px !important;
  }

  .img-header {
    padding: 0;
    padding-bottom: 30px;
    background-size: cover;
    min-height: 210px;
    background-position: bottom center;
    background-repeat: no-repeat;
    border-radius: 0;
    margin-bottom: 36px;
  }

  .img-header h1 {
    padding: 25px;
  }

  header nav .dropdown-menu:hover,
header nav .nav-item.dropdown:hover .dropdown-menu.mobile {
    display: none;
  }

  .navbar-mobile .navbar-nav .nav-item.show .dropdown-menu.show {
    display: block !important;
  }
}
@media (max-width: 992px) and (max-width: 768px) {
  .take-action .cards .card {
    padding-bottom: 50px !important;
  }

  main .news-item a p {
    font-size: 17px !important;
  }

  body.search-results .col-2 {
    display: none;
  }
  body.search-results .header.red {
    text-transform: none !important;
    font-family: "Open Sans", sans-serif !important;
    font-style: normal;
    font-weight: normal;
    font-size: 17px !important;
    color: #4f4f4f !important;
    line-height: 160%;
  }

  .introduction .about > h1 {
    margin-bottom: 20px !important;
  }

  .container.introduction {
    margin-bottom: 80px !important;
  }

  .testimonies .quotes {
    margin-top: 0px !important;
  }

  .introduction .about p,
.introduction .about a {
    margin-bottom: 5px !important;
  }

  main .carousel-container .carousel-inner .carousel-item .carousel-caption h5.title {
    font-size: 28px !important;
    line-height: 100%;
  }
  main .carousel-container .carousel-inner .carousel-item .carousel-caption .subtitle {
    font-size: 17px !important;
    line-height: 160%;
  }
  main .carousel-container .carousel-inner .carousel-item .carousel-caption p {
    font-size: 17px !important;
    line-height: 160%;
  }
  main .carousel-container .carousel-footer p {
    font-size: 20px !important;
  }

  main .full-center.info .icons span.label {
    font-size: 14px !important;
    line-height: 130% !important;
  }

  .page-template-about-template .focal-points {
    padding-bottom: 40px !important;
  }
  .page-template-about-template img {
    height: auto !important;
  }

  main .donors .row .col .country {
    font-size: 14px !important;
  }

  .page-template-take_action-template footer,
.page-template-take_action-template footer {
    margin-top: 0px;
  }

  main .hashtag {
    margin-bottom: 0px;
  }

  section.header-container h1.title {
    font-size: 32px;
    line-height: 90%;
  }

  .testimonies {
    margin-bottom: 0px;
  }

  .countries.home {
    margin-top: 0px !important;
  }

  .container.take-action h1.title.red {
    font-size: 32px;
    line-height: 103.5%;
    margin-bottom: 40px;
  }

  .events .event h2 {
    font-size: 18px !important;
  }
  .events .event span {
    font-size: 18px !important;
  }
}