/* ----- Answer the call ----- */

#primary-nav #answer-the-call .nav-link, #primary-nav #repondez-a-l\'appel .nav-link { color: #e54b1c; }
#primary-nav #answer-the-call .nav-link:hover, #primary-nav #repondez-a-l\'appel .nav-link:hover { background: #e54b1c; color: #fff; }

/* ----- Campaign Nav ----- */

:lang(fr) #primary-search .top-search-input-wrapper { max-width: 190px; }
:lang(fr) .region-navigation .navbar-nav .nav-item { margin-right: 0; }

li#financing-gpe-2030, #primary-nav .nav>li#financing-gpe-2030:hover>span,
li#financer-le-gpe-2030, #primary-nav .nav>li#financer-le-gpe-2030:hover>span {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  color: var(--blue);
}
li#financing-gpe-2030, li#financer-le-gpe-2030 { background-image: url(../svg/title-02-50.svg); }
#primary-nav .nav>li#financer-le-gpe-2030:hover>span, #primary-nav .nav>li#financer-le-gpe-2030:hover>span { background-image: url(../svg/title-02-25.svg); }

/* ----- VR ----- */

.node__content .sidebar__item .eos-sidebar .content.featured {
  background-position: center center;
  padding: 320px 0 20px 0;
}
.node__content .sidebar__item .eos-sidebar a {
  font-size: inherit;
  font-weight: inherit;
  padding: .85rem 1.25rem;
  font-size: .78rem;
  font-weight: 700;
  color: #062172 !important;
}
.node__content .sidebar__item .eos-sidebar a:hover { text-decoration: none !important; }

.eos-banner { margin: 0 auto 20px auto; }
.eos-banner-top {
  display: inline-flex;
  align-items: center;
  font-size: 0.7rem;
  color: #a7a9ad;
  font-weight: 500;
  padding: 10px 0;
  width: 100%;
  line-height: 1;
  text-transform: uppercase;
}
.eos-banner-top::before, .eos-banner-top::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: #a7a9ad;
}
.eos-banner-top::before { margin: 0 5px 1px 0; }
.eos-banner-top::after { margin: 0 0 1px 5px; }

.eos-banner-container {
  background: url(../jpg/bg-horizontal-content.jpg) center center no-repeat;
  background-size: cover;
  border-radius: 3px;
}
.eos-banner-logos { display: table; }
.eos-banner, .eos-banner-logo, .eos-banner-title { padding: 20px; }
.eos-banner-logo, .eos-banner-title {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
.eos-banner-bottom {
  text-align: center;
  padding: 0 0 20px 0;
}
@media screen and (max-width: 767px) {
  .eos-banner-logos, .eos-banner-logo, .eos-banner-title, .eos-banner-bottom { display: block; width: auto; text-align: center; padding: 20px; }
}

/* ----- Hero ----- */

section#hero {
  height: 75vh;
  margin-bottom: -70px;
}

/* ----- Typography ----- */

h4 { font-family: "Poppins", sans-serif; }

.footnote {
  font-size: 0.7777rem;
  opacity: 0.6;
}

/* ----- Links ----- */

.landing-list .landing-list-title a, .landing-list .landing-list-title, .std-post-comment-wrapper .postcomment-txt, .std-post-comment-wrapper .close-cmnt,
.std-post-comment-wrapper .share-this-detail-page .addthis_button_facebook, .std-post-comment-wrapper .share-this-detail-page .addthis_button_twitter, .std-post-comment-wrapper .share-this-detail-page .addthis_button_linkedin, .std-post-comment-wrapper .share-this-detail-page .addthis_button_email, .std-post-comment-wrapper .share-this-detail-page .addthis_button_compact
{ color: #092fa3; }

.landing-list .landing-list-title a:hover, .landing-list .landing-content-detail a:hover, .landing-list .landing-list-title a:active, .landing-list .landing-content-detail a:active,
.std-post-comment-wrapper .postcomment-txt:hover, .std-post-comment-wrapper .postcomment-txt:active, .std-post-comment-wrapper .postcomment-txt:focus, .std-post-comment-wrapper .close-cmnt:hover, .std-post-comment-wrapper .close-cmnt:active, .std-post-comment-wrapper .close-cmnt:focus,
.std-post-comment-wrapper .share-this-detail-page .addthis_button_facebook:hover, .std-post-comment-wrapper .share-this-detail-page .addthis_button_twitter:hover, .std-post-comment-wrapper .share-this-detail-page .addthis_button_linkedin:hover, .std-post-comment-wrapper .share-this-detail-page .addthis_button_email:hover, .std-post-comment-wrapper .share-this-detail-page .addthis_button_compact:hover
{ color: var(--green); }

a.white-link, a.text-light {
  color: var(--white);
  text-decoration: underline;
}
a.white-link:hover, a.text-light:hover { opacity: 0.8; }

.btn-primary-alt {
  background-color: var(--blue);
  border-color: var(--blue);
  color: var(--white);
}
.btn-primary-alt:hover {
  background-color: var(--white);
  border-color: var(--white);
  color: var(--blue);
}

button { transition: all 0.1s ease-in-out; }

/* ----- AddThis ----- */

#at4-share { opacity: 0.8; }
#at4-share:hover { opacity: 1; }
.atss .at-share-btn:hover *, .atss a:hover * {
  background: var(--white) !important;
  color: var(--green) !important;
}
.atss .at-share-btn:hover svg, .atss a:hover svg { fill: var(--green) !important; }
.atss .at-share-btn:hover .atss .at-share-btn .at-icon-wrapper, .atss .at-share-btn:hover .atss a .at-icon-wrapper { background: var(--white) !important; }
.std-post-comment-wrapper .share-this-detail-page .addthis_button_facebook:after, .std-post-comment-wrapper .share-this-detail-page .addthis_button_twitter:after, .std-post-comment-wrapper .share-this-detail-page .addthis_button_linkedin:after, .std-post-comment-wrapper .share-this-detail-page .addthis_button_email:after, .std-post-comment-wrapper .share-this-detail-page .addthis_button_compact:after { display: inline-block; }

/* ----- Global ----- */

#page { min-height: 50vh; }
#breadcrumbs { padding: 10px 18px; }

/* ----- Nav ----- */

.region-navigation .dropdown-menu { margin: 0; }
h2#block-mainmenumobfr-menu { display: none; }
#primary-nav { background-color: transparent; }
.region-navigation.navbar { padding: 0; }
.navbar-nav {
  position: relative;
  top: -1px;
}
.region-navigation .navbar-nav .nav-link { padding: 0.5rem 0.7rem; }
.navbar-expand-lg .navbar-nav .nav-link {
  font-size: 14px;
  letter-spacing: 0;
}
#financing-2025 a, #financing-2025 .dropdown-menu, #campagne-2025 a, #campagne-2025 .dropdown-menu {
  background-color: var(--green);
  color: var(--white);
}
#financing-2025 .dropdown-menu a, #campagne-2025 .dropdown-menu a {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  opacity: 1.0;
}
#financing-2025 .dropdown-menu a:hover, #campagne-2025 .dropdown-menu a:hover { background-color: #46dd9c; }
#block-headersocials ul a:hover { color: #46dd9c; }

/* ----- Buttons ----- */

section#fc-hero .btn-secondary:focus, .btn-secondary.focus {
  background-color: var(--green);
  color: var(--blue);
}

/* ----- Pagination ----- */

.view ul.pagination li.pager-ellipsis span {
  background: transparent;
  padding: 5px 10px 5px 5px;
}

/* ----- Cookie Consent ----- */

.cc-color-override--343393230 .cc-btn { background-color: var(--green) !important; }

/* ----- Partner map title box ----- */

.node-29152 #page #block-gpe-page-title {
  top: -150px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

/* ----- Animation ----- */

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

/* ----- Deep photo slier ----- */

.deep-photo-slider-container { margin-bottom: 0; }

.deep-slider-txt { animation: fadeIn 3s; }

@media (min-width: 0px) and (max-width: 768px) {

  .deep-photo-controller {
    padding: 2rem;
    bottom: 50px;
    right: 0;
    border-radius: 3px 0 3px 0;
  }
  .deep-photo:not(html).current .deep-slider-txt {
    background: rgba(255,255,255,0.8);
    border-radius: 0 3px 0 3px;
  }
  .deep-photo:not(html) .deep-slider-txt {
    bottom: 0;
    left: 0;
  }
  .slide-counter {
    width: 100%;
    text-align: center;
  }
  .deep-photo-controller .photo-button.photo-next, .deep-photo-controller .photo-button.photo-previous { z-index: 5; }
  .deep-photo-controller .photo-button.photo-previous { left: 1rem; }
  .deep-photo-controller .current-count {
    font-size: 2rem;
    left: 2rem;
  }
  .deep-photo-controller .deep-counter-divider { right: 0; }
  .deep-photo-controller .total-count { right: 2rem; }
  .deep-photo-slider .deep-photo-slider-wrapper { top: 50px; }
  .node--type-story-of-change #page .deep-photo-slider h2 { margin: 20px auto; }
}

/* ----- COVID-19 ----- */

.chart-col { padding: 50px 20px; }
.chart-col h3 { margin-bottom: 10px; }

#timeline, #issues, #dates, #issues li { width: 1170px; }
#timeline {
  background: url('../png/dot-03.png') left 37px repeat-x;
  height: 200px;
  overflow: hidden;
  margin: 104px auto 0 auto;
  position: relative;
}
#dates {
  height: 60px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-size: 16px;
}
#dates li {
  list-style: none;
  float: left;
  width: 130px;
  text-align: center;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
}
#dates a {
  padding: 10px 10px 30px 10px;
  position: relative;
}
#dates a:after {
  content: '\f111';
  font-family: 'Font Awesome 6 Pro';
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  font-weight: 800;
  font-size: 12px;
}
#dates a:hover { text-decoration: none; }
#dates .selected {
  font-size: 110%;
  color: #222;
  font-weight: 800;
}
#dates a.selected:after { font-size: 18px; }
#dates span, #dates .selected span { font-size: 16px; }
#issues {
  height: 200px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#issues li {
  height: 200px;
  list-style: none;
  float: left;
  text-align: center;
}
#issues h3 { display: none; }
#issues h3, #issues p { max-width: 80%; }
#issues p {
  font-size: 30px;
  margin: 35px auto 0 auto;
}
#grad_left, #grad_right {
  width: 100px;
  height: 200px;
  position: absolute;
  top: 0;
}
#grad_left {
  background: url('../png/grad-left-white.png') repeat-y;
/*  background: url('https://www.globalpartnership.org/sites/default/files/docs/grad-left-gray_0.png') repeat-y; */
  left: 0;
}
#grad_right {
  background: url('../png/grad-right-white.png') repeat-y;
/*  background: url('https://www.globalpartnership.org/sites/default/files/docs/grad-right-gray_0.png') repeat-y; */
  right: 0;
}
#next, #prev {
  position: absolute;
  top: 0;
  top: 90px;
  width: 50px;
  height: 50px;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
#next {
  background-image: url('../png/timeline-h-next_0.png');
  right: 0;
}
#prev {
  background-image: url('../png/timeline-h-previous_0.png');
  left: 0;
}
#next.disabled, #prev.disabled { opacity: 0.2; }

@media (min-width: 0px) and (max-width: 1169px) {

  #timeline, #issues, #dates, #issues li { width: 800px; }
  #grad_left, #grad_right { width: 50px; }

}
@media (min-width: 0px) and (max-width: 800px) {

  #timeline { background: none; height: auto; }
  #timeline, #issues, #issues li { width: 100% !important; }
  ul#dates, #next, #prev, #grad_left, #grad_right { display: none !important; }
  #issues { height: auto; }
  #issues p { font-size: 18px; }
  #issues li {
  float: none; height: auto; opacity: 1 !important; text-align: left;
  padding: 0 0 30px 30px;
  position: relative;
  margin: 0;
  }
  #issues li:before {
    content: '\f111';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 800;
    position: absolute;
    top: 4px;
    left: 0;
    z-index: 10;
  }
  #issues li:after {
    background: url('../png/dot-04.png');
    content: ' ';
    width: 10px;
    height: 100%;
    left: 5px;
    top: 4px;
    position: absolute;
    z-index: 1;
  }
  #issues li:last-child:after { display: none; }
  #issues h3 { display: block; margin: 0 0 5px 0; }
  #issues p { margin: 0; max-width: none; }
  #issues li:before, #issues h3 { color: var(--green); }

}

/* ----- Lists ----- */

.three-cols, .three-col-list {
  -moz-column-count: 3;
  -moz-column-gap: 1.11rem;
  -webkit-column-count: 3;
  -webkit-column-gap: 1.11rem;
  column-count: 3;
  column-gap: 1.11rem;
}

/* ----- User archives ----- */

.landing-list .user-blog-archives .views-row .field-content::before { color: #d8d9dc; }

/* ----- Blog page ----- */

.blog_aligned_left, .blog_aligned_right {
  max-width: 560px;
  width: auto;
}
input[type=text].form-control, input[type=email].form-control, textarea.form-control { color: #222; }
.node-type-blog .landing-detail-region-type-container label { line-height: 1.5; }

.std-post-comment-wrapper { border-bottom: none; }
.node-type-blog .share-this-detail-page { margin-bottom: -8px; }

@media(max-width:992px) {

  .story-wide-img-child { opacity: 1.0; }
  .story-container .story-title-section  {
    background: #062172;
    border-radius: 0;
    padding: 1rem;
    position: relative;
    top: auto;
    width: 100%;
  }
  .story-arrow-down { display: none; }
  .story-container .story-title-section .story-blog-title {
    color: #fff;
    line-height: 1.2em;
    margin: 0;
  }

}

@media screen and (max-width: 767px) {

  .story-title-section .story-blog-title { font-weight: 400; }

}

/* ----- Blog subscribe ----- */

.paragraphs_subscribe .dynamic-subscription-box .email-form { margin-left: 0; }
.dynamic-subscription-box label { margin-bottom: 0; }

/* ----- Donor pages ----- */

.quote-container { margin: 30px auto; }

/* ----- FIlters & Search Search ----- */

.search-filter-block input + label:after,
.vef--filters-selected .custom-checkbox-close .custom-control-input:checked ~ .custom-control-label::after,
.facet-item--sidebar input:checked + label:before { color: var(--green); }

.search-filter-block .filter-items .form-type-checkbox input[type="checkbox"]:not(:checked) + label, .search-filter-block .filter-items .form-type-checkbox input[type="checkbox"]:checked + label, .search-filter-block .filter-items .form-type-radio input[type="radio"]:not(:checked) + label, .search-filter-block .filter-items .form-type-radio input[type="radio"]:checked + label { font-weight: 500; }
.search-filter-block .filter-items .form-type-checkbox input[type="checkbox"]:not(:checked) + label:before, .search-filter-block .filter-items .form-type-checkbox input[type="checkbox"]:checked + label:before, .search-filter-block .filter-items .form-type-radio input[type="radio"]:not(:checked) + label:before, .search-filter-block .filter-items .form-type-radio input[type="radio"]:checked + label:before {
  border-radius: 0;
  border: 1px solid #222;
}
.vef--filters .filter-title, .search-filter-block .filter-wrapper .filter-items>.filter-title~div, .vef--filters .area-wrapper.show .filter-title:after {
  background: var(--white) !important;
  border-color: var(--white) !important;
}
.vef--filters .filter-title, .search-filter-block .filter-items .form-type-checkbox input[type="checkbox"]:not(:checked) + label:hover { transition: all 0.2s ease-in-out; }
.search-filter-block .filter-wrapper .filter-items > .filter-title ~ div.details-wrapper, .vef--filters .filter-title:hover,
.search-filter-block .filter-wrapper .filter-items .filter-title {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  border: 1px solid var(--white) !important;
}
.search-filter-block .filter-wrapper .filter-items .filter-title:hover,
.search-filter-block .filter-items .form-type-checkbox input[type="checkbox"]:not(:checked) + label:hover {
  background: var(--white);
  color: var(--green);
}

.vef--filters .area-wrapper.show .filter-title:after {
  border-left: 1px solid var(--white);
  border-right: 1px solid var(--white);
}
.search-filter-block .filter-wrapper .filter-items > .filter-title ~ div.details-wrapper { box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }

.page-search-site .views-field-field-media-type {
  background: rgba(41,167,222,0.8);
  color: var(--white);
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 3px;
}
.facet-item--sidebar .facet-item label {
  margin: 0;
  font-size: 12px;
  color: #222;
  vertical-align: top;
  text-decoration: none;
  white-space: nowrap;
  font-weight: 500;
  cursor: pointer;
}
.facet-item--sidebar .facet-item label:hover { opacity: 0.8; }
.facet-item--sidebar .filter-title {
  cursor: pointer;
  border: 0;
  margin-bottom: 14px;
  font-size: 16px;
  color: #222;
  font-weight: 500;
}
.page-search-site .views-field-field-media-type { margin-left: 0; }
.page-search-site .date-line {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  margin-right: 10px;
  color: #808183;
}

.bef-sort-region .form-item label::after {
  font-family: 'Font Awesome 6 Pro';
  margin-left: 6px;
}
.bef-sort-region .form-item:nth-child(2) label::after {
  content: "\f061";
  transform: rotate(90deg);

}
.bef-sort-region .form-item:nth-child(3) label::after {
  content: "\f061";
  transform: rotate(270deg);
}
.vef--filters-selected .custom-checkbox-close .custom-control-input:checked ~ .custom-control-label::after { font-weight: 700; }

/* ----- Alerts & Checkboxes ----- */

.alert-success {
  color: var(--white);
  background-color: var(--green);
  border-color: var(--green);
}
.alert-success a, .alert-success a:hover, .alert-success a, .alert-success em {
  color: var(--white);
  text-decoration: none;
  font-style: normal;
  padding: 0 1px 3px 1px;
  border-bottom: 1px dashed rgba(255,255,255,0.5);
}
.alert-success a:hover { opacity: 0.8; }
.alert-danger {
  color: #832c34;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert {
  position: relative;
  margin: 1rem auto !important;
  border: 1px solid transparent;
  border-radius: 3px;
  font-size: 20px;
  text-align: center;
  font-weight: 500;
}
#page_form_subscribe #edit-global-education-buzz input:checked + label:before, #page_form_subscribe #edit-gpe-media-coverage input:checked + label:before, #page_form_subscribe #edit-board-decisions-documents input:checked + label:before, #page_form_subscribe #edit-publications input:checked + label:before, #page_form_subscribe #edit-events input:checked + label:before, #page_form_subscribe #edit-multimedia input:checked + label:before, #page_form_subscribe #edit-blogs input:checked + label:before, #page_form_subscribe #edit-news input:checked + label:before, #page_form_subscribe #edit-select-all input:checked + label:before, #page_form_subscribe #edit-gpe-developing-country-checkbox input:checked + label:before, #page_form_subscribe #edit-gpe-donor-country-checkbox input:checked + label:before, #page_form_subscribe #edit-newsletter input:checked + label:before, #page_form_subscribe #edit-focus-areas-checkbox input:checked + label:before, #page_form_subscribe #edit-jobs-gpe input:checked + label:before, #page_form_subscribe #edit-language--wrapper input:checked + label:before, #page_form_subscribe #edit-select-all--wrapper input:checked + label:before, #page_form_subscribe #edit-select-monthly input:checked + label:before, #page_form_subscribe #edit-select-weekly input:checked + label:before, #page_form_subscribe #edit-equity--wrapper input:checked + label:before, #page_form_subscribe #edit-education-crisis-situation--wrapper input:checked + label:before, #page_form_subscribe #edit-education-sustainable-development--wrapper input:checked + label:before, #page_form_subscribe #edit-strength-education-system--wrapper input:checked + label:before, #page_form_subscribe #edit-education-financing--wrapper input:checked + label:before, #page_form_subscribe #edit-teachers-learning-schools--wrapper input:checked + label:before, #page_form_subscribe #edit-advocacy-education--wrapper input:checked + label:before, #page_form_subscribe #edit-regions input:checked + label:before, #page_form_subscribe .form-item-privacy-notice input:checked + label:before, #page_form_subscribe #edit-education-financing input:checked + label:before {
  color: var(--green);
}

#page_form_subscribe .fs_your_information label .asterisk {
  color: #c72a2a;
  font-weight: 500;
}
.alert-danger .list-group {
  border-bottom: none;
  margin-bottom: 0;
}
.alert-danger .list-group .list-group-item {
  margin: 20px auto 0 auto;
  line-height: 1.5;
  border-radius: 3px;
  border: none;
  background: rgba(255,255,255,0.7);
  padding: 10px 15px;
}
.country-dropdown.active { border-radius: 3px 3px 0 0; }
.alert-danger .list-group .list-group-item a:hover { text-decoration: none; }

.mobile-only-alert { display: none; }

/* ----- Developing Countries Landing Page ----- */

.country-letter {
  font-size: 22px;
  border-bottom: 1px solid #dedede;
  line-height: 1.2;
  margin-bottom: 8px;
  font-weight: bold;
}
#country-letter-org {
  display: table;
  width: 100%;
  padding-top:7px;
}
.country-col {
  width: 30%;
  display: table-cell;
  vertical-align: top;
}
.country-letter-block {
  margin: 0 35px 26px 0;
  line-height: 2;
}
.country-letter-block ul, .country-letter-block ul li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 0px) and (max-width: 768px) {

  #country-letter-org, .country-col { width: auto; display: inherit; }
  .country-letter-block { margin: 0 0 35px 0; }

}

/* ----- Country detail ----- */

.grant-full-detail .grant-detail .grant-detail-row, .latest-grant.grant-info, .additional-grant.grant-info { padding-bottom: 1.1111rem; }
.grant-full-detail .grant-detail .grant-detail-row:last-child { padding-bottom: 0; }
.latest-grant.grant-info .grant-detail-row, .additional-grant.grant-info .grant-detail-row { padding: 0; }
.grant-full-detail .grant-detail, .grant-detail .grant-detail { padding: 0; }
.grant-full-detail .grant-detail .grant-detail-row ul li { margin: 0; }
.grant-full-detail .grant-detail .grant-detail-row ul li a:hover { color: var(--green); }
.grant-detail .grant-detail { padding: 0; }
.grant-detail-row span:first-child { font-weight: 700; }
.grants-table-container .grants-table tbody th {
  white-space: normal;
  max-width: 300px;
  padding: 10px;
}
.grants-table-container .grants-table td {
  color: #222;
  width: auto;
}
.grants-table-container .grants-table tbody th, .grants-table-container .grants-table td {
  font-size: 0.777rem;
  padding: 10px;
}
.node-type-developing-country section#full-hero .full-hero-title-container .full-hero-title { background: transparent; }

/* ----- Colored Boxes ----- */

.blue-box, .colored-box-green, .green-box {
  color: var(--white);
  text-align: center;
  max-width: 680px;
  margin: 50px auto;
  padding: 30px 50px;
  font-size: 20px;
  line-height: 1.3;
  position: relative;
}

.blue-box, .colored-box-green, .green-box, .paragraph--type--colored-box { border-radius: 3px; }
.paragraph--type--colored-box p:last-child { margin: 0; }

.blue-box { background: url(../png/background-blue.png) 0 0 no-repeat; }
.blue-box p, .colored-box-green p, .green-box p { margin: 0; }

.colored-box-green, .green-box {
  background: url(../png/background-green.png) left bottom no-repeat;
  text-shadow: 1px 1px #15965e;
}
.colored-box-green li, .green-box li {
  margin-bottom: 30px;
  text-shadow: none;
  text-align: left;
}

/* ----- Financial Reporting ----- */

section.paragraph--9010 { padding-bottom: 0 !important; }
#page .paragraph--9010 h2 { margin-left: 72px; }
p.chart-source { font-size: 14px; }
#chart-cumulative-contributions { margin: 54px auto; }
#charts-financial-reporting p { margin-bottom: 36px; }

.node-29327 hr {
  margin-top: 72px;
  margin-bottom: 0;
}

.financial-reporting-chart { margin: 0 auto; }
#chart-espig-by-year, #chart-grant-country { max-width: 830px; }

.chart-embed-container {
  position: relative;
  padding-bottom: 70%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.chart-embed-container iframe, .chart-embed-container object, .chart-embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ----- Responsive Iframes ----- */

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ----- Global Objects ----- */

hr {
  margin-top: 40px;
  margin-bottom: 40px;
  border: 0;
  border-top: 1px solid rgba(21, 21, 22, 0.2);
}
hr.small-green {
  width: 100px;
  margin: 50px auto;
  border-top: 4px solid #43d596;
}

.node-30165 blockquote.text-center {
  width: 100%;
  margin: 0 auto 30px auto;
  text-align: center;
}
.node-30165 blockquote.text-center strong { font-style: italic; }

/* ----- Carousel ----- */

.carousel-slider-4-items .carousel-control-icon-prev:before, .carousel-slider-4-items .carousel-control-icon-next:before { color: #092fa3; }
.carousel-control-prev, .carousel-control-next {
  color: #092fa3;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: var(--green); }
.carousel-indicators li { background-color: var(--green);}
.carousel-control-prev .fas, .carousel-control-next .fas { font-size: 50px; }
.carousel-indicators { bottom: -40px; }
.outside-controls .carousel-control-prev { left: -90px; }
.outside-controls .carousel-control-next { right: -90px; }
.outside-controls .carousel-indicators { bottom: -100px; }

@media (min-width: 0px) and (max-width: 768px) {

  .carousel-control-prev, .carousel-control-next {
    top: 0;
    bottom: 0;
  }
  .outside-controls .carousel-control-prev { left: 0; }
  .outside-controls .carousel-control-next { right: 0; }
  .outside-controls .carousel-indicators { bottom: 0; }

}

/* ----- Results Boxes ----- */

.txt-large, .txt-medium { font-size: 25px; }

.paragraph--type--result-boxes .color-boxes {
  align-items: center;
  justify-content: center;
}
p.source { margin-left: 20px; }
.results-boxes {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 20px 0;
  margin: 0 auto 30px auto;
  text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
.results-box {
  background: var(--green) url(../jpg/background-green-sm.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: var(--white);
  display: table-cell;
  vertical-align: top;
  width: 25%;
  text-align: center;
  padding: 40px;
  position: relative;
  border-radius: 3px;
}
.results-box-big-text {
  font-size: 40px;
  text-transform: uppercase;
  font-weight: bold;
}
.results-boxes .txt-large { margin-bottom: 1rem; }
.results-box-text, .results-boxes .txt-normal {
  font-weight: 500;
  line-height: 1.3;
}
.results-box-text strong {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
}
.fa-arrow-right { color: #171718; }
a.twitter-intent {
  background: var(--white);
  color: #00aced;
  text-decoration: none;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 34px;
  height: 34px;
  line-height: 33px;
  border: 2px solid var(--white);
  z-index: 5;
}
a.twitter-intent:hover {
  background: #00aced;
  color: var(--white);
}
.pulse {
  display: block;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(255,255,255, 0.4);
  animation: pulse 2s infinite;
}
.pulse:hover { animation: none; }

/* ----- Stories of Change ----- */

section#full-hero { padding: 0; }
.hero-w-overlay-title {
  background: rgba(6, 33, 114, 0.8);
  padding: 1rem 3rem;
}
.pos-bottom-left, .pos-bottom-right, .pos-bottom-middle { bottom: 1rem; }
.hero-w-overlay-title h1 {
  font-size: 3rem;
  line-height: 1;
}
.hero-w-overlay-title { opacity: 1; }
.node-type-story-of-change #block-gpe-page-title { display: none; }
.node-type-story-of-change .region.region-top-content {
  position: absolute;
  z-index: 20000;
  width: 100%;
}
.node--type-story-of-change.node--view-mode-full .paragraph.paragraph--type--video { margin: 0 auto 20px auto; }
.node--type-story-of-change #page h2 {
  text-align: center;
  margin: 0 auto 45px auto;
}
.node--type-story-of-change .slick-dotted.slick-slider { margin-bottom: 0; }
section#sharing-top { padding: 70px 30px 20px 30px; }

section#photo-slides { margin: 0; }

.node--type-story-of-change.node--view-mode-full .paragraphs_photo_spacer { padding: 0 0 20px 0; }
.photo-slide span { padding: 2rem 3rem; }
.photo-slide span, .photo-caption-text { background: rgba(6, 33, 114, 0.8); }
.photo-caption-text:last-child p { margin: 0; }
.photo-slide span, .photo-slide span p { font-size: 1rem; }
.highlights-box ul li:before {
  content: "\2022";
  color: var(--green);
  font-weight: 700;
  left: -25px;
  top: -5px;
  width: auto;
  margin-left: 0;
  position: absolute;
  font-size: 26px;
}
section#with-pullquote {
  padding: 0;
  margin-top: -20px;
}
.highlights-box ul, .highlights-box ul li { position: relative; }

section#with-pullquote { padding: 0 0 20px 0; }

@media (min-width: 0px) and (max-width: 1200px) {
  .soc-related-wrapper {
    padding: 36px 0 !important;
  }
}
@media(max-width:992px) {
  section#full-hero .full-hero-title-container, section#full-hero .full-hero-title-container .full-hero-title {
    margin: 0 auto 0;
  }
}

@media (min-width: 0px) and (max-width: 768px) {
  .node--type-story-of-change.node--view-mode-full .paragraph.paragraph--type--video {
    margin: 0 auto 40px auto;
    padding: 0;
  }
  section#hero-w-overlay { margin: 0; }
  .photo-slide {
    /*
    width: 100%;
    min-height: auto;
    margin-bottom: 220px;
    */
    background-size: cover;
    height: 330px;

  }
  .photo-slide span, .photo-caption-text { background: rgba(6, 33, 114, 1.0); }
  .photo-slide span {
    width: 100%;
    top: 100%;
    bottom: auto;
  }
}

/* ----- Stories of Change - Landing ----- */

.node-30161 .container {
  max-width: none;
  width: 100%;
  margin-top: 30px;
}
.node-30161 .node--type-general-pages.node--view-mode-full .field__item > section { padding: 30px 0 0 0; }
.node-30161 .card { max-width: 33.3333% !important; }
.node-30161 .card img {
  border-radius: 0;
  width: 100%;
  height: auto;
}
.paragraph--12185 h3.card-title a {
  text-decoration: none;
  color: var(--white);
  font-weight: 700;
  font-size: 22px;
}
.paragraph--12185 img.card-img {
  position: relative;
  z-index: 1;
}
.paragraph--12185 .card {
  overflow: hidden;
  border: none;
}
.paragraph--12185 .card img, .paragraph--12185 .card::after, .soc-related-title { transition: all 0.2s ease-in-out; }
.paragraph--12185 .card img { transform: scale(1.01); }
.paragraph--12185 .card:hover img { transform: scale(1.08); }
.paragraph--12185 .card::after, .soc-related-wrapper .card::after {
  background: -webkit-linear-gradient(top, rgba(15, 24, 38, 0), rgba(15, 24, 38, 0.3));
  background: -moz-linear-gradient(top, rgba(15, 24, 38, 0), rgba(15, 24, 38, 0.3));
  background: -o-linear-gradient(top, rgba(15, 24, 38, 0), rgba(15, 24, 38, 0.3));
  background: -ms-linear-gradient(top, rgba(15, 24, 38, 0), rgba(15, 24, 38, 0.3));
  background: linear-gradient(top, rgba(15, 24, 38, 0), rgba(15, 24, 38, 0.3));
  background-color: rgba(15, 24, 38, 0);
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.paragraph--12185 .card:hover::after { opacity: 0.5; }
.paragraph--12185 .card-img-overlay { z-index: 10; }
.paragraph--12185 .soc-related-title {
  bottom: 0;
  left: 0;
  padding: 20px;
}
.paragraph--12185 h3.card-title a {
  text-decoration: none;
  color: var(--white);
  font-weight: 700;
  font-size: 22px;
}

@media (min-width: 0px) and (max-width: 980px) {

  .photo-caption-image img { border-radius: 3px 3px 0 0;}
  section#soc-related { padding: 20px 20px 0 20px; }
  .photo-caption-text {
    position: relative;
    max-width: 100%;
    width: 100%;
    border-radius: 0 0 3px 3px;
  }
  main ul.sharing-icons i {
    font-size: 24px;
    line-height: 1;
    padding: 16px;
    width: 60px;
    height: 60px;
  }
  .no-resize:first-of-type .para_photo_image img {
    border-radius: 0;
    width: 200%;
    max-width: 200%;
    position: relative;
    left: -45%;
    overflow: hidden;
  }

}

@media (max-width: 1199px) and (min-width: 0px) {
  .node--type-story-of-change .card-group, .node-30161 .card-group { display: block; }
  .node--type-story-of-change .card, .node-30161 .card {
    display: block;
    max-width: 800px !important;
    width: 100% !important;
    margin: 0 auto 30px auto !important;
  }
  .node--type-story-of-change nav .card { margin: 0 !important; }
  .node--type-story-of-change .card-title.card-text, .node-30161 .card-title.card-text {
    width: 100%;
    text-align: center;
  }
}

/* ----- GPE Impact ----- */

#results-stories-thumb {
  margin: 0 auto;
  position: relative;
  max-width: 639px;
  text-align: center;
}
.map-button {
  position: absolute;
  z-index: 20;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 30px;
  max-width: 130px;
}
.map-thumb {
  position: relative;
  z-index: 10;
}
.map-thumb img {
  border-radius: 3px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.middle-feed-item:hover .middle-feed-summary { max-height: 140px; }

/* ----- Visual calendar ----- */

.fc-scroller.fc-day-grid-container { height: auto !important; }
.fc-popover.fc-more-popover {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  border-radius: 6px;
}
.fc-button-group > .fc-button:not(:last-child), .fc-button-group > .fc-button:not(:first-child) { border-radius: 3px; }
.fc-unthemed .fc-popover {
  background: var(--green);
  border: none;
}
.fc-more-popover .fc-event-container { padding: 0.2222rem; }
.fc-more-popover a {
  border-radius: 3px !important;
  padding: 0.5rem !important;
  margin: 0 0 0.2222rem 0 !important;
}
.fc-more-popover a:last-child { margin: 0 !important; }
.fc-unthemed .fc-popover .fc-header {
  background: var(--green);
  color: var(--white);
  font-size: 1rem;
  font-weight: 500;
  padding: 0.5rem;
}
.fc-event-container .view-display-id-calendar_page .fc-day-grid-event, .view-display-id-calendar_page .fc-day-grid-event { font-size: 0.7777rem; }
.fc-popover .fc-header .fc-close { transition: transform 500ms ease-out; }
.fc-popover .fc-header .fc-close:hover { opacity: 1; }
a.fc-more { font-weight: 500; }
.fc-popover .fc-event, .fc-popover .fc-event-dot {
  background-color: var(--white) !important;
  border-color: var(--white) !important;
  color: var(--blue);
}
.fc-popover .fc-event:hover, .fc-popover .fc-event-dot:hover {
  background-color: var(--blue) !important;
  border-color: var(--blue) !important;
  color: var(--white);
}

a.fc-more {
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding: 10px;
  margin: 1rem auto;
  display: table;
}

.view-display-id-calendar_page .fc-day-grid-event {
  text-align: center;
  padding: 0.5rem;
  margin: 0.2rem;
  border-radius: 3px;
  display: block;
}
.fc-more-popover .fc-event-container .view-display-id-calendar_page .fc-day-grid-event {
  display: table !important;
  margin: 0.2rem;
}
.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close { float: none; }

/* ----- Board ----- */

.member-content { margin-bottom: 24px!important; }
.board-col-one { width: 50%; }
.board-col-two, .board-col-three { width: 25%; }
.more-memberInfo { font-size: 15px; }
.meeting-list ul {
  padding-left:0!important;
  margin-right:0!important;
}
.meeting-list { padding-top:8px;}
.meeting-list ul li { margin-bottom:20px!important;}
.board-decision { padding-top:4px; }
p.board-description { margin: 0 0 18px 0; }
.board-decision{ padding: 0 0 1px 0 !important; }
.board-decision ul, .board-decision ul li { padding:0!important; }
.board-decision ul li {
  margin-bottom:20px!important;
  background:none!important;
}
.view-board-decisions tbody { background-color: var(--white);}

/* ----- Tables ----- */

.table-responsive, .flat-table-container, .basic-table-container {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 20px;
}
.table {
  width: 100%;
  margin-bottom: 30px;
  color: inherit;
}
.table thead th { vertical-align: middle; }
.basic-table, .flat-table {
  background: var(--white);
  margin: 0 !important;
  width: 99%;
}
.basic-table th, .basic-table td, .flat-table th, .flat-table td { font-family: 'Poppins',Arial,sans-serif; }
.basic-table td, .flat-table td { border: 1px solid #dee2e6; }
.basic-table tbody tr:nth-child(even) td, .flat-table tbody tr:nth-child(even) td { background: rgba(238,241,244,0.5); }
.basic-table thead th, .basic-table thead td, .flat-table thead th, .flat-table thead td {
  background-color: var(--blue);
  border: 1px solid var(--blue);
  font-size: 15px;
  color: var(--white);
  font-weight: bold;
  text-align: left;
}
.basic-table thead th, .basic-table thead td, .flat-table thead th, .flat-table thead td, .basic-table tbody td, .flat-table tbody td { padding: 10px 15px; }
.basic-table tbody td, .flat-table tbody td, .basic-table tbody td strong, .flat-table tbody td strong { font-size: 14px; }
.view-board-decisions thead th, .board-members dt, .board-members thead td, .block-views-blockjobs-gpejobs .view-header, .block-views-blockjobs-otherjobs .view-header {
  background-color: var(--blue);
  border: 1px solid var(--blue);
  line-height: 1;
  font-weight: bold;
  font-size: 16px;
  color: var(--white);
  padding: 10px 15px;
}
.board-members dt:hover, .board-members dt.expanded, .board-members dt[aria-expanded="true"] {
  background-color: var(--green);
  border: 1px solid var(--green);
}
.board-members thead th {
  background-color: #eef1f4;
  border: 1px solid #d8d9dc;
  color: #222;
  font-size: 18px;
  width: 33.3333%;
}
.board-members tbody td {
  border: 1px solid #d8d9dc;
  vertical-align: top;
}
.view-board-decisions tr:nth-child(even) { background: #eef1f4; }
.view-board-decisions td {
  color: #222;
  padding: 8px 10px;
  font-size: 13px;
  border: 1px solid #d8d9dc;
  font-weight: 500;
}
.views-field.views-field-field-reference-number { white-space: nowrap; }
table#donor-contrib-table {
  width: 100%;
  margin: 0 auto 30px auto;
  max-width: 500px;
}
table#donor-contrib-table { border-collapse: collapse; }
table#donor-contrib-table th, table#donor-contrib-table td {
  border: 1px solid #dadada;
  border-collapse: collapse;
  padding: 5px 10px;
  font-size: 16px;
}
table#donor-contrib-table tr:nth-child(odd) { background: rgba(255,255,255,1.0); }
table#donor-contrib-table tr:nth-child(even) { background: rgba(255,255,255,0.5); }
table#donor-contrib-table td {
  width: 10%;
  text-align: right;
}
table#donor-contrib-table th {
  width: 90%;
  font-weight: bold;
  text-align: left;
}
.view-board-decisions td:nth-child(1), .view-board-decisions td:nth-child(2) { width: 13.33%; }
.view-board-decisions td:nth-child(3) { width: 16.33%; }
.view-board-decisions td:nth-child(4) { width: 28%; }
.view-board-decisions td a { color: var(--blue); }
.view-board-decisions td a:hover { color: var(--green); }

/* ----- Accordions ----- */

.accordion, .accordion-data {
  width: 100%;
  margin: 2rem auto;
  max-width: 960px;
  border-radius: 3px;
  overflow: hidden;
}
.accordion, .accordion-data, .accordion .card { border-radius: 5px; }
#mobile-nav.accordion, #mobile-nav.accordion-data, .accordionheader::before, .accordion-data dt:before, .card--board-decision .accordionheader::before { margin: 0; }
.accordion *, .accordionheader, .accordion-data dt, .accordionheader::before { transition: all 0.2s ease-in-out; }
.accordion .card-body {
  background-color: rgba(238,241,244,0.4);
  padding: 2rem;
}
.accordion .card, .accordion .card-body, .card-header { border: none; }
.accordion > .card > .card-header {
  background: none;
  padding: 0;
  margin-bottom: 0;
}
.accordionheader, .accordion-data dt {
  border-bottom: 1px solid var(--white);
  color: var(--white);
  font-size: 1rem;
  font-weight: 500;
  display: block;
  padding: 0.5rem 0.5rem 0.5rem 2.2222rem;
}
a.accordionheader:hover, .accordion-data dt:hover, .accordion-data dt:hover:before {
  text-decoration: none;
  cursor: pointer;
  color: var(--white);
}
.accordionheader[aria-expanded="false"]::before, .accordionheader::before, .accordion-data dt:before, .card--board-decision .accordionheader::before, .node--type-document .card--board-decision .accordionheader::before, .node--type-event .card--board-decision .accordionheader::before, .node--type-event .card--board-decision .accordionheader.collapsed::before {
  content: "\f105";
  font: 1rem/1 'Font Awesome 6 Pro';
  color: var(--white);
  position: absolute;
  left: 20px;
  top: 14px;
  width: auto;
  margin: 0;
}
.accordionheader, .accordion-data dt, .accordionheader[aria-expanded="false"] { background-color: var(--blue); }
a.accordionheader:hover, .accordionheader[aria-expanded="true"] { background-color: var(--green); }
.accordionheader[aria-expanded="true"]::before { transform: rotate(90deg); }

/* ----- Library: Landing Page ----- */

.node--view-mode-teaser .new-download-library { padding-top: 1rem; }

.view-content .views-row:nth-of-type(1) .featured-image {
  background: rgb(6,33,114);
  background: linear-gradient(350deg, rgba(6,33,114,1) 0%, rgba(67,213,150,1) 100%);
}
.view-content .views-row:nth-of-type(2) .featured-image {
  background: rgb(6,33,114);
  background: linear-gradient(350deg, rgba(6,33,114,1) 0%, rgba(67,213,150,1) 100%);
}
.view-content .views-row:nth-of-type(3) .featured-image {
  background: rgb(6,33,114);
  background: linear-gradient(350deg, rgba(6,33,114,1) 0%, rgba(67,213,150,1) 100%);
}
.new-featured-list-image a img {
  box-shadow: 0 0 25px rgba(6,33,114,0.5);
  -webkit-box-shadow: 0 0 25px rgba(6,33,114,0.5);
  -moz-box-shadow: 0 0 25px rgba(6,33,114,0.5);
}
.featured-image img {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

/* ----- News: Landing Page ----- */

.view-id-featured_content.featured__news--attachments.view-display-id-news_featured_1_big_attachment .view-display-id-news_attachment_2_teasers .views-field-title a,
.block-views-blockfeatured-content-news-featured-1-big-attachment .view-display-id-news_attachment_2_teasers .views-field-title a, /* news */
.block-views-blockfeatured-content-blog-featured-1-big-attachment .view-display-id-blog_attachment_2_teasers .views-field-title a  /* blog */
{
  font-size: 1.1111rem;
  line-height: 1.1;
}
.block-views-blockfeatured-content-news-featured-1-big-attachment .featured__news--attachments__main-container .attachment .text-summary, /* news */
.block-views-blockfeatured-content-blog-featured-1-big-attachment .featured__blog--attachments__main-container .attachment .text-summary  /* blog */
{
  font-size: 0.9rem;
  line-height: 1.3;
}

section#info-cards {
  margin: 64px auto;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
section#info-cards .card-header { padding: 0.75rem 1.25rem; }
.paragraph--7629.container { max-width: 100%; } /* stories of change */

/* ----- News: Events ----- */

main .date-item h3 { font-size: 1.1111rem; }
.date-box {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.date-item li { font-size: 0.8888rem }
.date-box-bottom {
  background-color: var(--white) !important;
  font-size: 24px;
  color: #808183;
}
.bef-sort-region .form-group label {
  cursor: pointer;
  color: #092fa3;
  transition: all 0.2s ease-in-out;
}
.bef-sort-region .form-group label:hover,
.bef-sort-region .form-item input:checked + label, .bef-sort-region .form-item input:checked + label:after { color: var(--green); }

.node-type-event .return-button {
  border-top: 4px solid #eef1f4;
  margin: 80px 0 0 0;
  padding: 20px 0 0 0;
}
.node-type-event .return-button a {
  position: relative;
  padding: 0.85rem 1.25rem 0.85rem 2.25rem;
}
.node-type-event .return-button a:before {
  content: '\f060';
  font-family: 'Font Awesome 6 Pro';
  position: absolute;
  top: 15px;
  left: 14px;
  font-weight: 800;
  font-size: 16px;
}
.landing-detail-container .landing-detail-region-type-container { border-left: 4px solid #eef1f4; }

.event-narrow {
  max-width: 780px;
  margin: 0 0 30px 0;
}

/* ----- Transitions ----- */

.accordion-data dt, #to-top i { transition: all 0.2s ease-in-out; }

/* ----- To top ----- */

#to-top a {
  background-color: rgba(128,129,131,0.5);
  padding: 14px;
  display: block;
  line-height: 1;
  font-size: 18px;
  color: var(--white);
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
#to-top a:hover {
  background-color: rgba(128,129,131,0.3);
  color: var(--white);
  padding: 13px 14px 15px 14px;
}
#to-top i {
  position: relative;
  top: 0;
  opacity: 0.8;
  transition: all 0.2s ease-in-out;
}
#to-top a:hover i { opacity: 1.0; }

/* ----- Education data highlights ----- */

ul.data-sources {
  margin: 0 0 40px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.container-narrow ul.data-sources ul {
  margin: 20px 20px 30px 0 !important;
  padding: 0 !important;
}
ul.data-source { margin-bottom: 10px !important; }
.data-source {
  color: #999;
  font-size: 16px;
}
.last-updated-date {
  color: #666;
  font-size: 16px;
  margin-top: 50px;
}
.container-narrow ul.data-sources li {
  background-size: 24px auto !important;
  background-repeat: no-repeat;
  margin: 0 0 10px 0 !important;
  padding: 8px 0 4px 40px !important;
}
.icon-good, .container-narrow ul.data-sources li.highlight, .container-narrow ul.data-sources li.good {
  background-image: url(../svg/icon-plus-green.svg) !important;
  background-repeat: no-repeat;
}
.icon-missed, ul.data-sources li.missed { background-image: url(../svg/icon-no.svg) !important; }
.icon-gpe, .container-narrow ul.data-sources li.gpe {
  background-image: url(../svg/gpe-2020-logo-no-tagline.svg) !important;
  background-position: 0 16px;
}
ul.data-sources li.highlight, ul.data-sources li.icon-good, ul.data-sources li.icon-missed { background-position: 0 10px; }

.paragraph--5893 { height: auto !important; }
#legend {
  display: table;
  max-width: 900px; /* make way for on this page */
}
.legend-item {
  background-color: var(--white);
  background-position: 20px center;
  background-size: 30px auto;
  background-repeat: no-repeat;
  border-radius: 3px;
  border: 3px solid var(--white);
  display: table-cell;
  padding: 20px 20px 20px 70px;
  font-size: 14px;
  line-height: 1.3;
  width: 33%;
  vertical-align: middle;
  font-weight: 700;
}

/* ----- Slideshows ----- */

.paragraph--type--slideshow.slide-container-large .slick--view .slick__arrow { top: 44%; }
.slick-prev:before, .slick-next:before {
  font-family: 'Font Awesome 6 Pro';
  color: var(--green);
  font-size: 60px;
  opacity: 0.7;
  font-weight: 900;
  transition: all 150ms cubic-bezier(0.42, 0, 0.58, 1);
}
.slick-prev:hover:before, .slick-next:hover:before {
  opacity: 1.0;
  color: var(--green) !important;
}
button.slick-arrow.slick-disabled:hover:before, button.slick-arrow.slick-disabled:hover:after { color: #808183 !important; }
.slick-disabled { pointer-events: none !important; }

/* ----- Images ----- */

.node--type-document.node--view-mode-full .field--name-field-image { margin: 0; }
.photo-center {
  text-align: center;
  margin: 0 auto 30px auto;
}

/* ----- Footer ----- */

.footer--logo { display: none; }

/* ----- Footer Subscribe ----- */

.webform-submission-subscribe-form-form {
  padding: 10px;
  display: flex;
  flex-wrap: nowrap;
  max-width: 306px;
}
footer .webform-submission-subscribe-form-form { margin-left: 50px; }
.webform-submission-subscribe-form-form .form-group {
  margin: 0;
  padding: 0;
}
.webform-submission-subscribe-form-form .form-email {
  background-color: var(--white);
  outline: none;
  border: 1px solid #d8d9dc;
  height: 43px;
  width: 285px;
  font-size: 14px;
  line-height: 1;
  color: #0a0a0a;
  transition: all 0.2s ease-in-out;
}
.webform-submission-subscribe-form-form .form-email:hover, .webform-submission-subscribe-form-form .form-email:focus { background-color: var(--white); }
.webform-submission-subscribe-form-form .form-email:hover { border-color: #eaeaea; }
.webform-submission-subscribe-form-form .form-email:focus {
  border-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.webform-submission-subscribe-form-form .form-actions {
  position: relative;
  z-index: 1;
}
.webform-submission-subscribe-form-form .form-group { display: table; }
.webform-submission-subscribe-form-form .form-group .form-type-email, .webform-submission-subscribe-form-form .form-group .webform-submission-subscribe-form-form .form-actions {
  display: table-cell;
  vertical-align: top;
}
.webform-submission-subscribe-form-form .form-actions .btn, .webform-submission-subscribe-form-form .form-actions .big-blue-button a, .big-blue-button .webform-submission-subscribe-form-form .form-actions a {
  background-color: var(--blue);
  color: var(--white);
  padding: 4px 14px;
  margin-left: 5px;
  outline: none;
  border: none;
  width: 42px;
  height: 42px;
}
.webform-submission-subscribe-form-form .form-actions .btn:hover { background-color: var(--green); }
footer .webform-submission-subscribe-form-form .form-actions .btn {
  background-color: var(--white);
  color: var(--blue);
}
footer .webform-submission-subscribe-form-form .form-actions .btn:hover {
  background-color: var(--green);
  color: var(--white);
}
.webform-submission-subscribe-form-form .form-actions .btn:focus, .webform-submission-subscribe-form-form .form-actions .big-blue-button a:focus, .big-blue-button .webform-submission-subscribe-form-form .form-actions a:focus {
  outline: none;
  border: none;
}
.webform-submission-subscribe-form-form .form-actions .btn:focus, .webform-submission-subscribe-form-form .form-actions .big-blue-button a:focus, .big-blue-button .webform-submission-subscribe-form-form .form-actions a:focus, .webform-submission-subscribe-form-form .form-actions .big-blue-button a:hover, .big-blue-button .webform-submission-subscribe-form-form .form-actions a:hover {
  background-color: var(--blue);
  border-color: var(--blue);
}

/* ----- Numbered impact boxes ----- */

.numbered-impact-boxes .color-boxes.container { margin: 3rem auto; }
.navbar.accordion { max-width: none; }

@media (min-width: 0px) and (max-width: 1280px) {

  #block-gpe-page-title, #block-gpe-page-title2 { border-radius: 0; }

  footer .webform-submission-subscribe-form-form {
    margin: 0 auto !important;
    display: table !important;
  }
  .node--type-general-pages.node--view-mode-full .field__item.field__wrapped > section {
    padding: 2.22rem 1.11rem 0 1.11rem;
  }

}

/* ---------- General responsive ---------- */

@media (min-width: 0px) and (max-width: 1200px) {@media(max-width:992px) {

    section#hero-video-home .hero-video-text {
      margin: 2rem 1.5rem;
    }
  }
  main { padding-top: 0; }

}
@media(max-width:992px) {

  section#hero-video-home .hero-video-text {
    margin: 2rem 1.5rem;
  }

}

/*
@media (max-width: 767.98px) {
  .quote-photo-container { padding-top: 2rem; }
  section.quote-photo { margin: 0; }
}
*/

@media (min-width: 0px) and (max-width: 768px) {

  /* ----- Homepage ----- */

  section#hero-video-home h1 { font-size: 4rem; }
  h3#home-education-text { font-size: 5rem; }
  #achieving-results h1 { padding: 0 1rem; }

/* ----- Typography ----- */

  p, .landing-detail-container p { line-height: 1.3; }
  .standard-title, .standard-title span, .hero-w-overlay-title h1, #page-container #top-hero-text h1 {
    font-size: 2.5rem !important;
    line-height: 1;
  }
  #page .paragraph--9010 h2 { margin-left: auto; }
  .hero-overlay-small-title, .standrad-img-caption .stanard-photo-caption { line-height: 1.3; }
  .hero-overlay-small-title, .standrad-img-caption .stanard-photo-caption, #block-footerbottom { font-size: 0.7777rem; }
  .hero-overlay-small-title { letter-spacing: 1px;  }
  .quote-photo { padding: 0 30px 50px 30px; }
  .photo-slide span, .photo-slide span p, .sidebar__item a, #on-this-page a, nav#footer-nav a, nav#footer-nav a:hover { font-size: 0.8888rem; }
  .node--view-mode-featured.global--teaser .new-download-library, .node--view-mode-featured.global--teaser .library-related { font-size: 0.8888rem; }
  .node--view-mode-featured.featured-regular-block .views-field-title a,.block-views-blockfeatured-content-blog-featured-1-big-attachment .featured__blog--attachments__main-container .attachment .field--name-title, .block-views-blockfeatured-content-blog-featured-1-big-attachment .featured__news--attachments__main-container .attachment .field--name-title, .block-views-blockfeatured-content-news-featured-1-big-attachment .featured__blog--attachments__main-container .attachment .field--name-title, .block-views-blockfeatured-content-news-featured-1-big-attachment .featured__news--attachments__main-container .attachment .field--name-title {
    font-size: 1.2rem;
    line-height: 1.3;
  }
  footer h3 {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 2px;
  }

/* ----- Alerts ----- */

  .mobile-only-alert {
    background: var(--green);
    display: block;
    color: var(--white);
    text-align: center;
    margin: 0 auto 20px 0;
    padding: 20px;
    border-radius: 3px;
  }

/* ----- Board ----- */

  .basic-table-container, .basic-table { width: 100%; }
  .basic-table thead th, .basic-table thead td { white-space: normal; }
  .basic-table thead { display: none !important; }
  .basic-table tr { border: 10px solid #ececec !important; }
  .meeting-list { padding-top: 0; }

/* ----- Tables ----- */

  .view-board-decisions td { padding: 5px 8px; font-size: 12px; }

/* ----- Financial Reporting ----- */
  #page .paragraph--7957 h2 { margin-left: auto; }
  table#donor-contrib-table { display: block; width: 100%; }

/* ----- Education data highlights ----- */

  #legend, .legend-item { display: block; max-width: none; }
  .legend-item {
    width: 100%;
    margin: 0 0 5px 0;
    padding: 10px 10px 10px 50px;
    border: none;
    background-size: 15px auto;
  }

/* ----- Results boxes ----- */

  .results-boxes, .results-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    margin: 0 0 20px 0;
    padding: 40px;
    width: 100%;
  }
  .results-box-icon { height: auto; }

/* ----- Slideshows ----- */

  .paragraph--type--slideshow.slide-container-large .slick--view .slick__arrow { top: 30%; }
  .node--type-story-of-change #page .paragraph--type--slideshow h2 { margin-bottom: 30px; }

/* ----- Footer subscribe ----- */

  .webform-submission-subscribe-form-form .form-email { width: 100%; }
  .webform-submission-subscribe-form-form { margin: auto; }

/* ----- Footer nav ----- */
  nav#footer-nav ul { column-count: 1; }

/* ----- Slideshows ----- */

  .photo-right, .photo-left {
    float: none;
    margin: 0 auto 30px auto;
    text-align: center;
  }

/* ----- Slideshows ----- */

  .paragraph--type--slideshow.slide_centered_medium_860 .slick.blazy .slick__arrow { top: 35%; }
  .view-slideshow .slick-wrapper {
    margin-left: 15px;
    margin-right: 15px;
  }

/* ----- Stories of change - news landing ----- */

  .soc-related-wrapper .card {
    display: block;
    max-width: 800px !important;
    width: 100% !important;
    margin: 0 auto 30px auto !important;
  }
  #issues { margin-left: 0 !important; }

  /* ----- Forms ----- */

  .form-control {
    font-size: 16px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }

}