@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,300;1,400;1,500;1,600;1,700;1,900&amp;display=swap');

.font-36 {
  font-size: 36px;
}
.font-48 {
  font-size: 48px;
}
.font-w-300 {
  font-weight: 300;
}
.brand.inline img {
  height: 50px;
  width: auto;
  margin: 5px 0;
}
.row-box ul {
  padding: 0;
}
.btn.btn-dark-blue img {
  width: 20px;
  vertical-align: top;
}
.btn.btn-dark-blue {
  background: #05232E;
}
.col-md-4-5 {
  -webkit-flex-basis: 35%;
  -ms-flex-preferred-size: 35%;
  flex-basis: 35%;
  max-width: 35%;
}

.col-md-7-5 {
  -webkit-flex-basis: 65%;
  -ms-flex-preferred-size: 65%;
  flex-basis: 65%;
  max-width: 65%;
}
.logged-in .header-navigation.sticky {
  top: 32px;
}
.working-slider .slick-track {
  display: grid;
  grid-auto-flow: column;
}
.container {
  max-width: 1391px;
}
.accordion {
  margin-bottom: 30px!important;
  box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.19);
  padding: 0;
  border-radius: 10px;
}
.accordion dt, .accordion dd {
  padding: 10px;
  border-bottom: 0;
  overflow: hidden;
  color: #fff;
  text-align: left;
}
.accordion dt:last-of-type, .accordion dd:last-of-type {
}
.accordion dt a, .accordion dd a {
  display: block;
  color: black;
  font-weight: bold;
}
.accordion dd {
  border-top: 0;
  font-size: 12px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-bottom: -7px;
  z-index: 1;
  position: relative;
  padding: 10px 20px;
}
.accordion-icon img {
  max-height: 60px;
  border-radius: 0!important;
}

.accordion-icon {
  text-align: center;
  justify-content: center;
  flex: 0 0 80px;
}
.overflow {
  position: relative;
  height: 10px;
  z-index: 9;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.accordion dt.opened {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 0;
  cursor: default;
}
.accordion dd.opened {display: block;position: relative;z-index: 2;}
.accordion dt > div {
  display: flex;
  align-items: center;
}
.accordion dt:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.accordion dt {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
  padding-top: 17px;
  margin-top: -7px;
  position: relative;
  z-index: 1;
}

.accordion dt img {
  border-radius: 0!important;
}

.accordion dt span {
  vertical-align: top;
}

.accordion dt span.number {
  font-size: 27px;
  font-weight: 100;
  margin: 0 20px;
  vertical-align: middle;
  flex: 0 0 60px;
  text-align: center;
}

.accordion dt span.title {
  font-size: 17px;
  font-weight: 300;
  line-height: 25px;
  width: 90%;
  padding-right: 10px;
}
.accordion dd:last-of-type {
  position: relative;
  top: -1px;
}
.page-template-annual-report-2021 .container {background: none!important;width: 95%;}

.page-template-annual-report-2021 .section-item {
  padding-bottom: 66px;
  background: #F5F5F5;
  color: #5D5D5D;
  text-align: left;
}
.page-template-annual-report-2021 .header-banner--content a {
  border: solid 1px #fff;
  padding: 10px 20px;
  border-radius: 10px;
  display: inline-block;
  margin-top: 10px;
}
.accordion dt i.fa {
  margin-right: 10px;
  transform: rotate(0deg);
}

.accordion dt.opened i.fa {
  transform: rotate(180deg);
}
section#highlights h2 {
  text-align: center;
  margin-bottom: 40px;
}

section#highlights {
  text-align: center;
}
section#highlights img {
  border-radius: 20px;
}
section#highlights .btn{
  border-radius: 5px;
  background: #E56736;
  font-size: 17px;
}
section#highlights .btn img {
  vertical-align: middle;
  margin-top: -4px;
}
.btn-dark-blue {
  background: #05232E;
}
.page-template-annual-report-2021 .section-item h2 {
  font-size: 60px;
  font-weight: 800;
  margin-bottom: 7px;
  margin-top: 0;
  color: #05232E;
  text-align: left;
}

.page-template-annual-report-2021 .section-item h3 {

}
.page-template-annual-report-2021 #globalEngagement {
  background: none!important;
  text-align: left;
}
.page-template-annual-report-2021 #globalEngagement .col-md-6 {
  justify-content: flex-end;
}

.page-template-annual-report-2021 #globalEngagement .col-md-6 h5 {
  font-weight: normal;
}

.page-template-annual-report-2021 #globalEngagement .col-md-5 h2 {
  color: #05232E;
}
.page-template-annual-report-2021 .section-hero {
  padding-top: 60px;
  padding-bottom: 60px;
  color: #fff;
  background-size: cover;
  position: relative;
}
.page-template-annual-report-2021 .section-hero p {
  font-weight: 600;
}
.page-template-annual-report-2021 .section-hero h2,
.page-template-annual-report-2021 .section-hero h3,
.page-template-annual-report-2021 .section-hero h4,
.page-template-annual-report-2021 .section-hero p {
  color: #05232E;
}

.page-template-annual-report-2021 .section-hero-sub {
  margin-top: -60px;
}

.results .section-hero-sub .container,
.our-impact .section-hero-sub .container {
  background-color: #fff!important;
}
section#ourImpact {
  /*padding-top: 60px;*/
  text-align: left;
  color: #fff;
  background-size: cover;
}
.ml-0-5 {
  margin-left: 6%;
}



.page-template-annual-report-2021 .container-large {
  background: none!important;
  width: 100%;
  margin: 0 auto;
  /* max-width: 1450px; */
}
.our-impact--item {
  width: calc(20% - 16px);
  background: #fff;
  margin: 0 8px;
  text-align: left;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 1px 15px 12px rgb(0 0 0 / 37%);
}
.our-impact--item img {
  height: 15vw;
  width: 100%;
  object-fit: cover;
}

.our-impact--item .hero-text {
  margin-bottom: 0;
}

h5.our-impact--item__title {
  /* min-height: 43px;*/
}
.our-impact--item__content {
  font-size: 15px;
  color: #727272;
  font-weight: 300;
  font-family: "Montserrat",sans-serif;
  margin-bottom: 50px;
}
.page-template-annual-report-2021 .row-box .our-impact--item__content li {
  list-style: none;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABACAYAAABFqxrgAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAY0SURBVHgB1Vz7fds2EL6j+n+9QTlBzA7QxOoCcSeIMoGdCSxPEGeCyBNUnUCyO4DlLFBmgqoDmOgdACogHny//P1+ik2QooHvHjgcDkEYARe7JHmhHxGIc7o8o08i1M8z8zkESEF9jgLwOQLY0++H/fJwhAGBMABo0Dy4SwHiPQ32AqzBNgV18pAB3i8AtkRICj2jVxJo8BeZyC4B8QN0HHgI1OE9E/L38rCBntALCTx4kvqNlvpYSMlkbvsgoxMJrPYk+Tst+TIctQQfFsrmD9xoqrY2If7E5D8SlB9xTsQmFe9OI8BP9K4ttERrEt7u3tDA8Q7Cak/ODO8jZcd7aAkiJ+YfpGlXZYTQQDaoyGjsRBuTIKUP2Q199Trwwr3hxHr16jzLZAD0d0VI81grlk2dZyMSWCpCiK1AOPfc7s1G6/SDyFiHyKB+fKJ+3EFN1CZBEgBiRyoZe17zhdR+PfR87unTSjvk2L0r1o/Lb7d13lOLhBICWP0+drH5rijXinpEVJIQIoBtnxzRH2NLP4S3u2RNg75x71QTUUpCWAPw/nF5WMHMwOaRgfhqt0dKWMEpNIISEAGfXwsBDBrohs3Tbmdi9FTrRZAEigPY4VyabYi4nSsBOQJEnJFA/9QBmQMvCYo1XFvNKQr4CK8AezlNY8EPcKClYgwXXhLYDKymow5CZuEE64A0do1qKW5A3PjMwiFBzb1FM+AgaIgl7NBAZRYFwQmv47Qg3GkmbRJ9zQksOOGaxQWves22AglaC+LiA7iEVwwWoG0WtqAj62Yh6qLZYDNXM+DFlC3RELBCGyLjpbGdFKHZoFbsPTbe7c6/0tz/RJ/db7vkuup5DuttbcgMv3cigZIja/Mh/tIctYAJIGGt8mtKvFzV+R4t7/8qtogPedxwIoFU/531pXuYGWwCGDpDXQnKb2ygOFPIrDf/Iklg+7IdIidFYEbwEQAcwHnCZB9UjFMUbG4SkoQX2xcoU5hNYBQioGkWSbjB03v+V5KAIrswb7n2Mx36IoCxcEiAmP2C8gmIv1gPH2AG6JMAhtZue2xJ7hjtLO7kJPRNwA/gs3lFriCOPAuK49T+YDgC1HvMC9SaEJc9NDYGJoCdYGpeI8LPP9kPobXqKgNvwKDKO8ipqmsnhyYghAhaQkVbuOH4gsNtDmHLUlhVGJGAtHAlRNyaBHC33+K2REylATlakyA7J4QdWjcmYmwCXizhUb7hPybByrzUryt4/P3bqgsRU2jAwq6OQfjXIQG8W1phtCWCnOrnKUwgs8YnBHyPPH/wLJSaDqEpEZzO9+xqj+MDRFYIDIVMIoN3OVpVGOGgLhGagLX13GhO0LdEkCSQc3gwb7y0IIFRRcTUBGgNd5YImoTiWiHSS8w2kERYOT1QRDxNqgHgpgxAlwdKEhZONhaSpn7BBG98eIiw3zcqAQzkyjrzGlEKX5JAHeELb+qpLQJE5BidAIadQqREssybGMFSMfUkvHv9zRAgYhICPHsqx3y7/kRCZOUUdW6+kzYwLCImIYCRWVlp3mE//W7eoAhuZ+49cFncw/L5VexEl0FW2tIMZbaRMH7VbqC4dvDs1Kzq7vLMGfYmrE4kn2bEAgl6pya1XtDZN0wJ3/6qLWxnFWnn8dk86mx1zRG65qogRK0Fe7PNIcG3b4eB4oa5g7cWPVrg+DhvPsFT3FBa8zNHyBDdKTz3F5t4SQgUNySeMp5ZQhefr63mVE3XLoKZJX9xA6w4DwAzhoptcGM1H8uKTUrTa1yx6i6z8VqtBucHXzzAqKq5Qqh+sV4BOoe2tjrNPpOy3jdX+vyFBbwNmcHpCagBdc5AMjz5StBG+fmLagIYtbLNHF3xYD0ZKNaSf6YyD3326qkLAfJJaIDyMw/jlf1Xnb4Z7NBHsQNwFzp1oo8A3A5Bhh78lR68L2ZJdUV7o131xiQYHSo5daI6xF550bEALM8LVh85bH/6pjUJjKqzSMYfYcnwKddnXQCS+ojRA46Bi7EpNU5r/vxIYFmk2tkMO5GQoy4ZPWMeh0NtjEGG9jlf9h0Og3re2T8GODC+570RsvlByowHIcEGz+f66G+M+r8P0A7VJOeoC0RkcRUN+nuk/Mfg5YT/AwyvgrPN2ttzAAAAAElFTkSuQmCC') no-repeat;
  background-size: 17px;
  padding-left: 25px;
  line-height: 25px;
  background-position-y: 4px;
}

.row-box .btn-outline {
  font-size: 11px;
  font-family: "Montserrat",sans-serif;
  border: solid 1px #E56736;
  color: #E56736;
  position: absolute;
  bottom: 20px;
}
.working-slider .row-box .btn-outline {
  bottom: 70px;
}
.working-slider .our-impact--item {
  margin: 0 10px;
  min-height: 500px;
  box-shadow: 1px 15px 12px rgb(0 0 0 / 10%);
  height: auto;
}

.working-slider .hero-text {
  height: 100%;
  display: block;
}

.working-slider .row-box {
  position: inherit;
}
.hero-text {
  height: calc(100% - 15vw);
  margin-top: 0;
}

section#ourImpact .row-box {
  padding: 20px!important;
}
section#ourImpact h2 {
  color: #fff;
}
section#ourImpact .section-hero-sub .container {
  padding: 20px 30px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
section#ourImpact .section-hero-sub .row {
  margin-bottom: 20px;
  border-radius: 20px;
  background: #05232E;
  overflow: hidden;
}
.page-template-annual-report-2021 .header-top {
  background-color: #E56736;
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  position: relative;
  z-index: 9;
}
.page-template-annual-report-2021 .header-top a {
  text-decoration: none;
  color: #fff;
}
.page-template-annual-report-2021 .header-top--item+.header-top--item {
  padding-left: 18px;
}

.page-template-annual-report-2021 .header-outer {
  width: 100%;
  background: white;
  position: relative;
}
.page-template-annual-report-2021 .header-outer .header-navigation {
  width: 100%;
  position: relative;
  /* border-top: 1px solid #254A57; */
  background: rgb(5,35,46);
  background: linear-gradient(0deg, rgba(5,35,46,0) 0%, rgba(5,35,46,1) 100%);
  z-index: 100;
  padding-left: 30px;
  padding-right: 30px;
}
.page-template-annual-report-2021 .header-outer .header-navigation .main-menus {
}
.page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul {
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li {
  width: 135px;
  position: relative;
  -webkit-transition: all 300ms ease-in-out 0s;
  -moz-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
  display: flex;
  align-items: center;
  /* border-right: 1px solid #456B78; */
  text-align: center;
  justify-content: center;
  margin-top: 0;
  pointer-events: none;
}
.page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li:after{
  content:'';
  position :absolute;
  right: 0;
  height: 20px;
  border-right: solid 1px #456B78;
}
.page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li.item4 ul li a:hover {
  color: #d66c4c;
  opacity: 1;
}

.page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li.item5 ul li a:hover {
  color: #004d9d;
  opacity: 1;
}

.page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li.download-btn-container {
  padding: 0;
  border: 0 !important;
}
.page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li.download-btn-container:before, .page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li.download-btn-container:after {
  display: none;
}
.page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li.download-btn-container a.download-btn {
  background: #254A57;
  padding: 10px;
  color: white;
  cursor: pointer;
}
.page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li.download-btn-container a.download-btn:hover {
  background: #f3653a;
}
.page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li.active:after, .page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li:hover:after {
  left: 0;
  width: 100%;
}

.page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li > a {
  color: #fff;
  font-size: 13px;
  line-height: 12px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  display: block;
  padding: 14px 4px 14px 4px;
  pointer-events: all;
}
.page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li.active a {
  font-weight: 800;
  color: #15D0DB;
}
.page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li ul {
  position: absolute;
  left: 0;
  top: 100%;
  width: 229px;
  background: white;
  list-style-type: none;
  display: none;
  -webkit-transition: all 300ms ease-in-out 0s;
  -moz-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
  margin: -20px 0 0;
  padding: 20px;
}
.page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li ul li {
  width: 100%;
  float: left;
  padding: 5px 15px;
  position: relative;
  line-height: 14px;
}
.page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li ul li:before {
  position: absolute;
  left: 0;
  content: "â€¢";
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: -2px 0 0 p;
}
.page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li ul li a {
  color: #2d2d2d;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  display: inline-block;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
}
.page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li ul li a:hover {
  opacity: 0.5;
}
.page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li ul li.active a {
  opacity: 0.4;
}
.page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li:hover ul {
  display: block;
}
.page-template-annual-report-2021 .header-outer .header-navigation .linkback {
  color: #2d2d2d;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxyZWN0IHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0idXJsKCNwYXR0ZXJuMCkiLz4KPGRlZnM+CjxwYXR0ZXJuIGlkPSJwYXR0ZXJuMCIgcGF0dGVybkNvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPgo8dXNlIHhsaW5rOmhyZWY9IiNpbWFnZTAiIHRyYW5zZm9ybT0ic2NhbGUoMC4wMzMzMzMzKSIvPgo8L3BhdHRlcm4+CjxpbWFnZSBpZD0iaW1hZ2UwIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQjRBQUFBZUNBWUFBQUE3TUs2aUFBQUFBWE5TUjBJQXJzNGM2UUFBQWZaSlJFRlVTQTNsVnowdkJGRVVuUlVGZWlUK2dJU0drbzdTRW4vQUg2QkJ0NG1XUk9XalFHa0x2UWlqcE5KclNKUVVDaXFWZ21TZHMvUHV1RE56Myt6T2JHSWxlNU16NzgzOU9HZnVtemN6dTVWR294RjB3L3E2SVVyTjNoUHVqNWY2Y1QyZWxweUVxRnZ3MUliQnhPR2lqdjNWVWxlMUtPYys0WEhFVG9GbjRBdmcxaGRjWVc0WnlTc09veGdmckNUeC9TNTE1R0hoQnJBRERFYXV3c2NSVk53QWt3REZPV1lzM2ZFbU12YUFBZUFZbUFXR0FPbUVZK0plNFZ4YlduUk9CL1ZjZDh6bDNRYTRwTXZBSlZERUxORjNINEh1dUlZa0x1OEowS25vUERpOG9vZ0Z1bU1tMDg2aW9lMWpxMDZ2d2NSVlRKZ1dIbk9SKzBSRy9rbGExT3EwYWxIb3BaYUwrTFFTRGQ4d2ZIcjNVdlROeUROZEltWUdjNXdVdlFYNHFQQ1I0ZTdOdmFlSUoweDNuQWprbkhRc1N1NHl3dWVvSzkycE5GUkcrQVBGZDBDcjVRMlI0M3U5Smg0bnVaaFdvN2xMalNMZmw2cVpXcVpqUTZPNDYxOElmN3ZyTHZ0VjBtMExoM0RxV0hPdU8zNTEwYWxNVm5HSGNBaG5oa0VMOHkxRVc0bUdqbzdDSVp3Wk1pMjhpeWhmbDZ2QVVpYXpmUWRyeVVFdWNwcW1oWitRc1FYd1kzOEJIQUV6Z053dlRMM0dIT2F5aHJYa0lCYzVUVXUvcXc5Y0ZuLzZyRG1ZaFRsT2RrcFI0VEpUZGNkTTRIZHpINWdHNnNBTDROMlppSWt4aDdsMWdMWGt5SHlENFl1dDBuUC9uWDRBZmZ0Y1VQUkNXcklBQUFBQVNVVk9SSzVDWUlJPSIvPgo8L2RlZnM+Cjwvc3ZnPgo=) !important;
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 27px;
  position: absolute;
  right: 27px;
  top: 50%;
  z-index: 100;
  font-family: "Montserrat", sans-serif;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page-template-annual-report-2021 .header-outer .header-navigation .linkback:hover {
  color: #ffd56e;
}
.btn.btn-dashboard {
  background: #FDC300;
  color: #36301B;
  font-weight: 700;
  font-size: 11px;
  padding: 10px 16.5px;
  text-align: center;
  border-radius: 5px;
}
.btn.btn-dashboard:hover {
  color: #fff;
}
.page-template-annual-report-2021 .fix-menu {
  width: 100%;
  float: left;
  position: fixed;
  top: 0;
  background: #ffd56e;
  padding: 15px 0;
  z-index: 99;
  display: none;
}
.page-template-annual-report-2021 button.hamburger {
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  float: right;
  height: 15px;
  color: #373d42;
  font-size: 12px;
  position: absolute;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 300ms ease-in-out 0s;
  -moz-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
  width: 20px;
  top: 7px;
  right: 11px;
  z-index: 9999;
  display: none;
  padding: 0;
}
.page-template-annual-report-2021 button.hamburger span.menu {
  color: #373d42;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  left: -45px;
  top: -4px;
  text-transform: uppercase;
}
.page-template-annual-report-2021 button.hamburger span.menu.close-menu {
  display: none;
}
.page-template-annual-report-2021 button.hamburger .btn-trigger {
  width: 100%;
  float: left;
}
.page-template-annual-report-2021 button.hamburger .btn-trigger span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: #373d42;
  border-radius: 0;
  opacity: 1;
  left: 0;
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 300ms ease-in-out 0s;
  -moz-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}
.page-template-annual-report-2021 button.hamburger .btn-trigger span:nth-child(1) {
  top: 0;
}
.page-template-annual-report-2021 button.hamburger .btn-trigger span:nth-child(2), .page-template-annual-report-2021 button.hamburger .btn-trigger span:nth-child(3) {
  top: 7px;
}
.page-template-annual-report-2021 button.hamburger .btn-trigger span:nth-child(4) {
  top: 14px;
}
.page-template-annual-report-2021 button.hamburger.open span.menu {
  display: none;
}
.page-template-annual-report-2021 button.hamburger.open span.menu.close-menu {
  display: inline-block;
}
.page-template-annual-report-2021 button.hamburger.open .btn-trigger span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.page-template-annual-report-2021 button.hamburger.open .btn-trigger span:nth-child(2) {
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.page-template-annual-report-2021 button.hamburger.open .btn-trigger span:nth-child(3) {
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.page-template-annual-report-2021 button.hamburger.open .btn-trigger span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.page-template-annual-report-2021 .xs-menu {
  width: 100%;
  float: left;
  padding: 14px 15px;
  border-top: 1px solid #373d42;
  margin: 45px 0 0;
  position: absolute;
  bottom: 30px;
  display: none;
}
.page-template-annual-report-2021 .xs-menu ul {
  display: inline-block;
  padding: 20px 0 0 90px;
}
.page-template-annual-report-2021 .xs-menu ul li {
  display: inline-block;
  padding: 0 5px;
}
.page-template-annual-report-2021 .xs-menu ul li:hover {
  opacity: 0.7;
}
.page-template-annual-report-2021 .xs-menu .mob-logo {
  float: right;
}
.page-template-annual-report-2021 .header-banner {
  width: 100%;
  min-height: 822px;
  max-height: 90vh;
  text-align: left;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: -55px;
}
.page-template-annual-report-2021 .header-banner--content {
  position: relative;
  z-index: 8;
  color: #fff;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 1.4em;
  max-width: 700px;
  margin: 0 auto;
}
.page-template-annual-report-2021 .header-banner--content h1,
.page-template-annual-report-2021 .header-banner--content h2,
.page-template-annual-report-2021 .header-banner--content h3 {
  color: #fff;
}
.page-template-annual-report-2021 .header-banner--content h1 {
  font-size: 59px;
  font-weight: bold;
  color: #fff;
  text-transform: inherit;
}
.page-template-annual-report-2021 .header-banner--content h3 {
  font-size: 26px;
  font-weight: 300;
  color: #FDC300;
  text-transform: uppercase;
}
.page-template-annual-report-2021 .header-banner:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
  display: block;
  content: '';
  z-index: 1;
}
.page-template-annual-report-2021 .site-header {
  z-index: 9999;
  display: none;
}
.page-template-annual-report-2021 .header-placeholder {
  display: none;
}
.page-template-annual-report-2021 .logos-grid {
  width: 100%;
  padding: 60px 0 25px;
  background: none!important;
}
.page-template-annual-report-2021 .logos-grid ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.page-template-annual-report-2021 .logos-grid ul li {
  padding: 0 13px;
  list-style: none;
}
/*.page-template-annual-report-2021 .logos-grid ul li:nth-of-type(5n+2), .page-template-annual-report-2021 .logos-grid ul li:nth-of-type(5n+4) {
  width: 16.5%;
}*/
.page-template-annual-report-2021 .logos-grid .single-logo {
  /*  display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;*/
}
.page-template-annual-report-2021 .logos-grid .single-logo a:hover {
  opacity: 0.7;
}

.page-template-annual-report-2021 .welcome-block {
  padding-bottom: 66px;
  padding-top: 66px;
  background-repeat: repeat;
  color: #456B78;
  text-align: left;
  background: #fff;
}

.page-template-annual-report-2021 .welcome-block h2 {
  color: #05232E;
  font-weight: 700;
  font-size: 60px;
}

.page-template-annual-report-2021 .welcome-block .grid-box {
  position: relative;
  color: #fff;
}
.page-template-annual-report-2021 .welcome-block .grid-box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 0;
  outline: none;
}

.page-template-annual-report-2021 .welcome-block .grid-box:hover:before {
  display: block;
}
.page-template-annual-report-2021 .welcome-block .grid-box .absolute_link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: transparent;
  border: 0;
}
.page-template-annual-report-2021 .welcome-block .grid-box.blockquote:before {
  display: none !important;
}
.page-template-annual-report-2021 .welcome-block .quote-block blockquote {
  font-family: "Montserrat", sans-serif;
}
.page-template-annual-report-2021 .welcome-block .quote-block blockquote p {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 19px;
}
.page-template-annual-report-2021 .welcome-block .quote-block blockquote:before {
  display: none;
}
.page-template-annual-report-2021 .quote-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.page-template-annual-report-2021 .quote-section .story-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 32%;
  height: auto;
  background-size: cover;
  background-position: center center;
}
.page-template-annual-report-2021 .quote-section .story-image img {
  width: 100%;
  display: block;
  height: 100%;
}
.page-template-annual-report-2021 .quote-section .quote-block {
  float: left;
  width: 68%;
}
.page-template-annual-report-2021 .quote-section .quote-block:before {
  display: none;
}
.page-template-annual-report-2021 .quote-block {
  float: left;
  width: 100%;
  padding: 17px 60px 17px 40px;
  background: whitesmoke;
}
.page-template-annual-report-2021 .quote-block blockquote {
  position: relative;
  margin: 0;
  padding: 0 0;
  border: 0;
}
.page-template-annual-report-2021 .quote-block blockquote p {
  font-size: 36px;
  line-height: 36px;
  color: #2d2d2d;
  font-family: "Playfair Display", serif;
  font-weight: 800;
  font-style: italic;
  margin-bottom: 36px;
}
.page-template-annual-report-2021 .quote-block blockquote:before {
  content: "";
  position: absolute;
  left: -80px;
  top: 4px;
  background: url(https://www.cgiar.org/wp/wp-content/themes/cgiar/src/images/content/blockquote.png) no-repeat;
  background-size: 100% auto;
  width: 61px;
  height: 46px;
}
.page-template-annual-report-2021 .tagline {
  display: inline-block;
  color: #2d2d2d;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 9px;
  line-height: 14px;
  font-family: "Montserrat", sans-serif;
  cursor: default;
}
.page-template-annual-report-2021 .more-link {
  color: #254A57;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 14px;
  line-height: 14px;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
}
.page-template-annual-report-2021 .more-link:hover, .page-template-annual-report-2021 .more-link:focus {
  color: #254A57;
}
.page-template-annual-report-2021 .grid-box {
  margin-bottom: 20px;
  position: relative;
}
.page-template-annual-report-2021 .grid-box .grid-image {
  width: 100%;
  height: 100%;
  position: relative;
}
.page-template-annual-report-2021 .performance-block .grid-box .grid-content {
  width: 100%;
  padding: 132px 19px;
  background: #fff;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 28%, rgba(255, 255, 255, 0) 59%);
  position: absolute;
  bottom: 0;
}
.page-template-annual-report-2021 .grid-box .grid-content {
  width: 100%;
  padding: 5px 19px;
  text-align: center;
}
.page-template-annual-report-2021 .stories-block .grid-box .grid-content {
  float: left;
  width: 100%;
  padding: 91px 4px;
  background: #3b566c;
  background: linear-gradient(0deg, rgba(59, 86, 108, 0.9612219887955182) 0%, rgba(59, 86, 108, 0.9472163865546218) 40%, rgba(59, 86, 108, 0) 100%);
  position: absolute;
  bottom: 0;
}
.page-template-annual-report-2021 .grid-box .grid-content .details-title {
  width: 100%;
}
.page-template-annual-report-2021 .grid-box .grid-content .details-title h6 a {
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.4em;
  text-decoration: none;
  display: inline-block;
}
.page-template-annual-report-2021 .grid-box .grid-content .details-title h6 a:hover, .page-template-annual-report-2021 .grid-box .grid-content .details-title h6 a:focus {
  color: #373d42;
}
.page-template-annual-report-2021 .grid-box .grid-content p {
  line-height: 22px;
  margin-bottom: 12px;
}
.page-template-annual-report-2021 .video-wrapper {
  width: 150px;
  position: relative;
  height: 150px;
  line-height: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.page-template-annual-report-2021 .video-wrapper iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.page-template-annual-report-2021 .video-wrapper .video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.page-template-annual-report-2021 .welcome-block h5 {
  font-size: 17px;
}

.page-template-annual-report-2021 .welcome-block p {
  font-weight: 300;
  font-size: 17px;
}

.page-template-annual-report-2021 .details-title h6 {
  font-size: 15px;
  font-weight: 600;
}
.page-template-annual-report-2021 .video-wrapper img {
  width: 100%;
  height: 100%;
  position: relative;
  object-fit: cover;
  z-index: 1;
  border-radius: 50%;
  box-shadow: 0px 2px 65px rgba(0, 0, 0, 0.5);
}
.page-template-annual-report-2021 .portfolio-block {
  float: left;
  width: 100%;
}
.page-template-annual-report-2021 .block-header {
  float: left;
  width: 100%;
  background: #254A57;
  min-height: 155px;
  height: 155px;
  display: table;
}
.page-template-annual-report-2021 .maps-block .block-header {
  background: #0099A2;
  min-height: 110px;
  height: 250px;
  padding: 50px 0;
}
.page-template-annual-report-2021 .maps-block .block-header h2 {
  color: #cdd8e1;
}
.page-template-annual-report-2021 .maps-block .finance-content {
  margin-top: -120px;
  display: block;
}
.page-template-annual-report-2021 .block-header div {
  height: 100%;
  display: table;
}
.page-template-annual-report-2021 .block-header h2 {
  display: table-cell;
  vertical-align: middle;
  font-size: 40px;
  line-height: 40px;
  font-weight: 900;
  color: #fdc300;
}
.page-template-annual-report-2021 .portfolio-content {
  float: left;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 60px 0 85px;
}
.page-template-annual-report-2021 .portfolio-content .card-block-outer {
  float: left;
  width: 100%;
  background: #6c8fa7;
  border: 1px solid #254A57;
  padding: 28px 0 11px 0;
}
.page-template-annual-report-2021 .portfolio-content .card-block-outer .quote-block {
  float: left;
  width: 100%;
  background: none;
  padding-left: 114px;
}
.page-template-annual-report-2021 .portfolio-content .card-block-outer .quote-block blockquote {
  padding: 0 0;
  border: 0;
}
.page-template-annual-report-2021 .portfolio-content .card-block-outer .quote-block blockquote p {
  color: white;
}
.page-template-annual-report-2021 .portfolio-content .card-block-outer .quote-block blockquote:before {
  top: 6px;
}
.page-template-annual-report-2021 .portfolio-content .card-block-outer .card-data-outer {
  float: left;
  width: 100%;
}
.page-template-annual-report-2021 .portfolio-content .card-block-outer .card-data-outer .card-item {
  float: left;
  width: 33%;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
  padding: 0 12px;
  height: 150px;
}
.page-template-annual-report-2021 .portfolio-content .card-block-outer .card-data-outer .card-item span {
  float: left;
  width: 100%;
  font-family: "Playfair Display", serif;
  font-weight: 900;
  font-size: 52px;
  line-height: 36px;
  padding-bottom: 15px;
  color: #fdc300;
}
.page-template-annual-report-2021 .portfolio-content .card-block-outer .card-data-outer .card-item p {
  float: left;
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  color: white;
}
.page-template-annual-report-2021 .infographic-block {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #c2ea9c;
  margin: 20px 0;
}
.page-template-annual-report-2021 .infographic-block .infographic-image {
  float: left;
  width: 33%;
  background: white;
  height: 298px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.page-template-annual-report-2021 .infographic-block .infographic-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-template-annual-report-2021 .infographic-block .infographic-image img.img-fix {
  width: auto;
  height: auto;
  object-fit: unset;
}
.page-template-annual-report-2021 .infographic-block .infographic-content {
  float: left;
  width: 68%;
  background: whitesmoke;
  padding: 20px 80px 50px 20px;
  position: relative;
}
.page-template-annual-report-2021 .infographic-block .infographic-content h6 {
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  padding: 0 0 12px 6px;
}
.page-template-annual-report-2021 .infographic-block .infographic-content h3 {
  padding-bottom: 21px;
  letter-spacing: -0.8px;
  line-height: 36px;
  font-size: 36px;
  color: #2d2d2d;
}
.page-template-annual-report-2021 .infographic-block .infographic-content p {
  line-height: 22px;
}
.page-template-annual-report-2021 .infographic-block .infographic-content .more-link {
  position: absolute;
  left: 20px;
  bottom: 17px;
  color: #254A57;
}
.page-template-annual-report-2021 .infographic-block .infographic-content .more-link:hover {
  color: #254A57;
}
.page-template-annual-report-2021 .portfolio-progress .grid-box {
  float: left;
  width: 100%;
  border: 1px solid #254A57;
  position: relative;
  height: 300px !important;
}
.page-template-annual-report-2021 .infographic-block.stblock {
  border: solid 1px #3b566c;
}
.page-template-annual-report-2021 .row.single-story {
  border-top: solid 1px #fdc300;
  border-bottom: solid 1px #fdc300;
}
.page-template-annual-report-2021 .portfolio-block .row.single-story {
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
}
.page-template-annual-report-2021 .infographic-block.stblock .infographic-content.eq-height {
  background: #3b566c;
}
.page-template-annual-report-2021 .infographic-block.stblock .infographic-content.eq-height a.more-link {
  color: #fdc300;
}
.page-template-annual-report-2021 .infographic-block.stblock .infographic-content.eq-height h6 {
  color: #fff;
}
.page-template-annual-report-2021 .infographic-block.stblock .infographic-content.eq-height h3 {
  color: #fdc300;
}
.page-template-annual-report-2021 .infographic-block.stblock .infographic-content.eq-height span {
  color: #fff;
}
.page-template-annual-report-2021 .portfolio-progress .grid-box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 0;
  outline: 2px solid white;
}
.page-template-annual-report-2021 .portfolio-progress .grid-box a {
  color: #fff !important;
  display: inline-block;
  vertical-align: bottom;
  position: absolute;
  bottom: 20px;
}
.page-template-annual-report-2021 .portfolio-progress .grid-box:hover {
  border: 1px solid white;
}
.page-template-annual-report-2021 .portfolio-progress .grid-box:hover a {
  color: #fff !important;
}
.page-template-annual-report-2021 .portfolio-progress .grid-box:hover:before {
  display: block;
}
.page-template-annual-report-2021 .portfolio-progress .grid-box .absolute_link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.page-template-annual-report-2021 .portfolio-progress .grid-box .grid-image {
  height: auto;
  position: relative;
  z-index: 2;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.page-template-annual-report-2021 .portfolio-progress .grid-box .grid-content {
  float: left;
  width: 100%;
  padding: 17px 20px 0;
  position: absolute;
  z-index: 2;
  background: #254A57;
  background: linear-gradient(0deg, rgba(5, 120, 190, 1) 0%, rgba(0, 212, 255, 0) 100%);
  bottom: 0;
}
.page-template-annual-report-2021 .portfolio-progress .grid-box .grid-content .details-title {
  min-height: 101px;
}
.page-template-annual-report-2021 .portfolio-progress .grid-box .grid-content .details-title h6 {
  letter-spacing: -0.5px;
  line-height: 20px;
  bottom: 20px;
  color: #fff;
}
.page-template-annual-report-2021 .highlights-block {
  width: 100%;
  float: left;
}
.page-template-annual-report-2021 .highlights-block .block-header {
  background: #3b586c;
  min-height: 115px;
}
.page-template-annual-report-2021 .highlights-block .block-header h2 {
  color: #fdc300;
}
.page-template-annual-report-2021 .highlights-block .publication-content {
  width: 100%;
  float: left;
  padding: 42px 0 60px;
}
.page-template-annual-report-2021 .highlights-block .publication-content h4 {
  color: #3b576c;
  padding: 0 0 20px;
  font-weight: 900;
  font-size: 28px;
  line-height: 34px;
}
.page-template-annual-report-2021 .highlights-block .publication-content span.note {
  width: 100%;
  color: #373d42;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  float: left;
  font-weight: 300;
  margin: 0 0 24px;
  line-height: 19px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-block {
  width: 100%;
  float: left;
  background: #3b576c;
  text-align: center;
  margin: 0 0 8px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-block p {
  color: white;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-block p span {
  color: #ffd56e;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-block p em {
  border-bottom: 1px dashed #ffd56e;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-block span.count {
  color: #f7c00c;
  font-size: 52px;
  font-family: "Playfair Display", serif;
  line-height: 36px;
  display: inline-block;
  font-weight: 900;
  margin: 0 0 50px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column1 {
  width: 33%;
  float: left;
  padding: 45px 65px 0 45px;
  position: relative;
  margin: 0 0 50px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column1 .right-border {
  content: "";
  background: white;
  opacity: 0.5;
  width: 1px;
  height: 100%;
  top: 10px;
  right: 0;
  position: absolute;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column1 .pie-title-center {
  margin: 0 0 18px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column2 {
  width: 67%;
  float: left;
  padding: 23px 0 23px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column2 canvas {
  height: 90px;
  width: 90px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column2 .peer-top {
  width: 100%;
  float: left;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column2 .peer-top .half-width {
  width: 50%;
  float: left;
  padding: 0 57px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column2 .peer-top .half-width:first-child {
  padding: 0 65px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column2 .peer-top .half-width.right-nav {
  margin: 0;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column2 .peer-top .half-width.right-nav .arrow {
  width: 157px;
  position: absolute;
  content: "";
  left: 79%;
  height: 8px;
  right: inherit;
  top: 30px;
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU3IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCAxNTcgOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAzLjcwODMzSDBWNC43MDgzM0gwLjVWMy43MDgzM1pNMTU2Ljg1NCA0LjU2MTg5QzE1Ny4wNDkgNC4zNjY2MiAxNTcuMDQ5IDQuMDUwMDQgMTU2Ljg1NCAzLjg1NDc4TDE1My42NzIgMC42NzI3OTlDMTUzLjQ3NiAwLjQ3NzUzNyAxNTMuMTYgMC40Nzc1MzcgMTUyLjk2NCAwLjY3Mjc5OUMxNTIuNzY5IDAuODY4MDYyIDE1Mi43NjkgMS4xODQ2NCAxNTIuOTY0IDEuMzc5OTFMMTU1Ljc5MyA0LjIwODMzTDE1Mi45NjQgNy4wMzY3NkMxNTIuNzY5IDcuMjMyMDIgMTUyLjc2OSA3LjU0ODYxIDE1Mi45NjQgNy43NDM4N0MxNTMuMTYgNy45MzkxMyAxNTMuNDc2IDcuOTM5MTMgMTUzLjY3MiA3Ljc0Mzg3TDE1Ni44NTQgNC41NjE4OVpNMC41IDQuNzA4MzNIMTU2LjVWMy43MDgzM0gwLjVWNC43MDgzM1oiIGZpbGw9IiNGRkQ1NkUiLz4KPC9zdmc+Cg==) !important;
  background-size: 157px 8px;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column2 .peer-top .half-width.right-nav .pie-value {
  font-size: 24px;
  margin-top: -30px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column2 .peer-top .half-width.bottom-nav {
  margin: 0;
  padding: 0 57px 10px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column2 .peer-top .half-width.bottom-nav .arrow {
  top: 100%;
  margin: -22px auto 0;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column2 .peer-top .half-width.bottom-nav .pie-value {
  font-size: 24px;
  margin-top: -30px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column2 .peer-top .half-width.bottom-nav .pie-graph {
  margin: 0 0 18px;
  padding: 0;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column2 .peer-bottom {
  width: 100%;
  float: left;
  padding: 0 10px 0 20px;
  margin: 20px 0 0;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column2 .peer-bottom ul {
  width: 100%;
  float: left;
  padding: 5px 0 10px;
  list-style-type: none;
  border: 1px solid #ffd56e;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column2 .peer-bottom ul li {
  width: 50%;
  float: left;
  padding: 0 25px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column2 .peer-bottom ul li p {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
}
.page-template-annual-report-2021 .highlights-block .publication-content .peer-column2 .peer-bottom span.count {
  margin: 0 0 20px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .pie-graph {
  width: 100%;
  float: left;
  padding: 40px 0 0;
  margin: 45px 0 0;
}
.page-template-annual-report-2021 .highlights-block .publication-content .pie-graph .pie-title-center {
  text-align: center;
  position: relative;
}
.page-template-annual-report-2021 .highlights-block .publication-content .pie-graph .pie-value {
  display: block;
  position: absolute;
  height: 40px;
  top: 50%;
  left: 0;
  right: 0;
  color: #f7c00c;
  font-size: 52px;
  font-family: "Playfair Display", serif;
  line-height: 55px;
  display: inline-block;
  font-weight: 900;
  margin-top: -40px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .stories-block {
  float: left;
  width: 100%;
  padding: 25px 0 0;
}
.page-template-annual-report-2021 .highlights-block .publication-content .stories-block p {
  display: none;
}
.page-template-annual-report-2021 .highlights-block .publication-content .stories-block h4 {
  padding-bottom: 25px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .stories-block .grid-box {
  border: 1px solid #3b566c;
  height: 320px !important;
  background: #3b566c;
  background: linear-gradient(0deg, rgba(59, 86, 108, 1) 0%, rgba(0, 212, 255, 0) 100%);
}
.page-template-annual-report-2021 .highlights-block .publication-content .stories-block .grid-box .grid-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.page-template-annual-report-2021 .highlights-block .publication-content .stories-block .grid-box .details-title h6 a {
  color: #fdc300;
  bottom: 40px;
  left: 10px;
  padding: 15px 0;
}
.page-template-annual-report-2021 .highlights-block .publication-content .stories-block .grid-box .details-title h6 a:hover {
  color: #ff9778;
}
.page-template-annual-report-2021 .highlights-block .publication-content .stories-block .grid-box .grid-content .details-top span img {
  margin-top: 2px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .stories-block .grid-box .grid-content .details-top span a:hover {
  color: #d66c4c;
}
.page-template-annual-report-2021 .highlights-block .publication-content .stories-block .grid-box .grid-content .details-title h6 a {
  position: absolute;
  bottom: 20px;
  left: 6px;
  padding: 0 15px;
  font-size: 20px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .stories-block .grid-box .grid-content .details-title h6 a:hover {
  color: #5391da;
}
.page-template-annual-report-2021 .highlights-block .publication-content .stories-block .grid-box .grid-content.orange-bg {
  background: #d66c4c;
  padding: 14px 19px 18px;
  height: 100%;
}
.page-template-annual-report-2021 .highlights-block .publication-content .stories-block .grid-box .grid-content.orange-bg a {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}
.page-template-annual-report-2021 .highlights-block .publication-content .stories-block .grid-box .grid-content.orange-bg a:after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 31px;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNTkiIHZpZXdCb3g9IjAgMCAzMSA1OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUwyOS4yODQgMjkuMjg0TDEgNTcuNTY4IiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K) !important;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
  height: 59px;
}
.page-template-annual-report-2021 .highlights-block .publication-content .stories-block .grid-box .grid-content.orange-bg a:hover {
  opacity: 0.7;
}
.page-template-annual-report-2021 .highlights-block .publication-content .stories-block .grid-box .grid-content.orange-bg h4 {
  color: white;
  text-transform: uppercase;
  line-height: 34px;
  padding: 0;
}
.page-template-annual-report-2021 .nav-arrow {
  position: relative;
}
.page-template-annual-report-2021 .nav-arrow .arrow {
  width: 8px;
  position: absolute;
  content: "";
  left: 0;
  height: 30px;
  right: 0;
  top: -47px;
  margin: 0 auto;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDggMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjcwMTM5IDAuNVYwSDMuNzAxMzlWMC41SDQuNzAxMzlaTTMuODQ3ODMgMjkuODUzNkM0LjA0MzA5IDMwLjA0ODggNC4zNTk2OCAzMC4wNDg4IDQuNTU0OTQgMjkuODUzNkw3LjczNjkyIDI2LjY3MTZDNy45MzIxOCAyNi40NzYzIDcuOTMyMTggMjYuMTU5NyA3LjczNjkyIDI1Ljk2NDVDNy41NDE2NiAyNS43NjkyIDcuMjI1MDcgMjUuNzY5MiA3LjAyOTgxIDI1Ljk2NDVMNC4yMDEzOSAyOC43OTI5TDEuMzcyOTYgMjUuOTY0NUMxLjE3NzcgMjUuNzY5MiAwLjg2MTExNCAyNS43NjkyIDAuNjY1ODUyIDI1Ljk2NDVDMC40NzA1ODkgMjYuMTU5NyAwLjQ3MDU4OSAyNi40NzYzIDAuNjY1ODUyIDI2LjY3MTZMMy44NDc4MyAyOS44NTM2Wk0zLjcwMTM5IDAuNVYyOS41SDQuNzAxMzlWMC41SDMuNzAxMzlaIiBmaWxsPSIjRkZENTZFIi8+Cjwvc3ZnPgo=) !important;
  background-size: 8px 30px;
  background-repeat: no-repeat;
  background-position: center center;
}

.page-template-annual-report-2021 .block {
  float: left;
  width: 100%;
  background: #003a00;
}
.page-template-annual-report-2021 .performance-block {
  float: left;
  width: 100%;
}
.page-template-annual-report-2021 .performance-block .block-header {
  background: #fdc300;
  min-height: 120px;
}
.page-template-annual-report-2021 .performance-block .block-header h2 {
  color: #3b576c;
  max-width: 560px;
}
.page-template-annual-report-2021 .performance-content {
  float: left;
  width: 100%;
  padding: 60px 0 30px;
  background-size: cover;
}
.page-template-annual-report-2021 .performance-content .grid-box .grid-content .details-top span.detail-tag img {
  margin-top: 3px;
}
.page-template-annual-report-2021 .performance-content .quote-block {
  border-top: solid 1px #78b0e3;
  background: rgba(120, 176, 227, 0.5) url(https://www.cgiar.org/wp/wp-content/themes/cgiar/src/images/quote-icon.svg) no-repeat right 15px bottom 15px;
  padding: 17px 60px 17px 120px;
  margin: 20px 0;
}

.page-template-annual-report-2021 .performance-content .quote-block .blockquote:before {
  left: -90px;
}
.page-template-annual-report-2021 .performance-content .quote-block .tagline {
  color: white;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}
.page-template-annual-report-2021 .performance-content .quote-block .blockquote p {
  color: white;
}
.page-template-annual-report-2021 .performance-content .quote-block .more-link {
  color: #2d2d2d;
}
.page-template-annual-report-2021 .performance-content .quote-block .more-link:hover {
  color: #525252;
}
.page-template-annual-report-2021 .performance-content .grid-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.page-template-annual-report-2021 .performance-content .grid-image > img {
  float: left;
  width: 100%;
}
.page-template-annual-report-2021 .performance-content .grid-box {
  border: solid 1px #fdc300;
  background: white;
  height: 300px !important;
}
.page-template-annual-report-2021 .performance-content .grid-box p {
  display: none;
}
.page-template-annual-report-2021 .performance-content .grid-box .details-title h6 a {
  color: #3b566c;
  position: absolute;
  bottom: 20px;
  left: 6px;
  padding: 0 15px;
  font-size: 20px;
}
.page-template-annual-report-2021 .performance-content .grid-box .details-title h6 a:hover {
  color: #5391da;
}
.page-template-annual-report-2021 .performance-content .grid-box .grid-content .details-top span a:hover {
  color: #004d9d;
}
.page-template-annual-report-2021 .performance-content .author {
  float: left;
  width: 100%;
  text-align: center;
}
.page-template-annual-report-2021 .performance-content .author .author-name {
  font-family: "Montserrat", sans-serif;
  color: white;
  font-weight: 700;
  width: 100%;
  float: left;
}
.page-template-annual-report-2021 .performance-content .author .author-image {
  width: 80px;
  height: 80px;
  display: inline-block;
  overflow: hidden;
  border-radius: 100%;
}
.page-template-annual-report-2021 .performance-content .author .more-link-container {
  text-align: center;
  width: 100%;
}
.page-template-annual-report-2021 .performance-content .author .more-link-container .more-link {
  display: inline-block;
}
.page-template-annual-report-2021 .image-outer {
  float: left;
  width: 100%;
  position: relative;
  height: 100%;
}
.page-template-annual-report-2021 .image-outer .grid-icon {
  position: absolute;
  right: 10px;
  bottom: 15px;
}
.page-template-annual-report-2021 .image-outer .grid-icon img {
  max-width: 100px;
  opacity: 0.6;
}
.page-template-annual-report-2021 .sub-title {
  float: left;
  width: 100%;
  padding: 20px 0;
}
.page-template-annual-report-2021 .sub-title h4 {
  color: #fdc300;
  font-weight: 900;
  font-size: 28px;
  line-height: 34px;
}
.page-template-annual-report-2021 .finance-block {
  float: left;
  width: 100%;
  background: url(https://www.cgiar.org/wp/wp-content/themes/cgiar/src/images/wheat-grey-bg.png) no-repeat top left;
  background-size: 686px 777px;
}
.page-template-annual-report-2021 .finance-block .block-header {
  background: #373d42;
  min-height: 110px;
}
.page-template-annual-report-2021 .finance-block .block-header h2 {
  color: #328aca;
}
.page-template-annual-report-2021 .finance-content {
  float: left;
  width: 100%;
  padding: 75px 0 80px;
}
.page-template-annual-report-2021 .photo-credit {
  float: left;
  width: 100%;
  padding: 40px 0;
}
.page-template-annual-report-2021 .photo-credit p {
  font-size: 12px;
}
.page-template-annual-report-2021 .finance-grid-outer {
  float: left;
  width: 100%;
  margin-bottom: 23px;
}
.page-template-annual-report-2021 .finance-grid-outer ul li:first-child img {
  width: 100%;
}
.page-template-annual-report-2021 .finance-grid-outer .grid-box {
  border: 1px solid #373d42;
  overflow: hidden;
}
.page-template-annual-report-2021 .finance-grid-outer .grid-box .grid-content {
  padding: 20px 20px 0;
  background: #373d42;
}
.page-template-annual-report-2021 .finance-grid-outer .grid-box .grid-content .details-title {
  min-height: 46px;
}
.page-template-annual-report-2021 .finance-grid-outer .grid-box .grid-content .details-title h6 {
  font-size: 19px;
  line-height: 19px;
}
.page-template-annual-report-2021 .finance-grid-outer .grid-box .grid-content .details-title h6 a {
  color: #328aca;
  font-size: 19px;
  line-height: 23px;
  font-weight: 900;
}
.page-template-annual-report-2021 .finance-grid-outer .grid-box .grid-content .details-title h6 a:hover, .page-template-annual-report-2021 .finance-grid-outer .grid-box .grid-content .details-title h6 a:focus {
  color: #328aca;
}
.page-template-annual-report-2021 .finance-grid-outer .grid-box .icon-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background: #54beb7;
  min-height: 200px;
  position: relative;
}
.page-template-annual-report-2021 .finance-grid-outer .grid-box .icon-block img {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.page-template-annual-report-2021 .finance-grid-outer .grid-list {
  float: left;
  width: 100%;
}
.page-template-annual-report-2021 .finance-grid-outer .grid-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 102%;
  margin-left: -2%;
}
.page-template-annual-report-2021 .finance-grid-outer .grid-list ul li {
  float: left;
  width: 31.3%;
  list-style-type: none;
  margin-left: 2%;
}
.page-template-annual-report-2021 .map-outer {
  float: left;
  width: 100%;
}
.page-template-annual-report-2021 .map-outer h4 {
  padding-bottom: 17px;
  color: #39a49d;
  font-size: 28px;
  line-height: 34px;
  font-weight: 900;
}
.page-template-annual-report-2021 .map-outer p {
  font-weight: 700;
  color: #2d2d2d;
  line-height: 28px;
  margin-bottom: 50px;
  font-size: 20px;
}
.page-template-annual-report-2021 .map-outer .map-popup__headline {
  color: #2e7636;
  font-family: "Montserrat", sans-serif;
  font-size: 1.1rem;
  margin-bottom: 0;
  line-height: 1.1rem;
  font-weight: 300;
}
.page-template-annual-report-2021 .map-outer .map-popup__title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.3rem;
}
.page-template-annual-report-2021 #map {
  float: left;
  width: 100%;
}
.page-template-annual-report-2021 #map img {
  width: 100%;
  display: block;
}
.page-template-annual-report-2021 button.close {
  text-shadow: none;
  opacity: 1;
  color: white;
  font-size: 30px;
  right: -20px;
  position: relative;
}
.page-template-annual-report-2021 button.close:hover {
  opacity: 0.8;
}
.page-template-annual-report-2021 .modal .modal-dialog .modal-content {
  background-color: transparent;
  border: 0;
}
.page-template-annual-report-2021 .modal .modal-dialog .modal-content .modal-header {
  border-bottom: 0;
}
.page-template-annual-report-2021 .modal.fade .modal-dialog {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.page-template-annual-report-2021 .modal.show .modal-dialog {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.page-template-annual-report-2021 .cookie {
  z-index: 9999 !important;
}


/**
 * Page intern
 */
.page-template-annual-report-intern-2021 .header.site-header,
.page-template-annual-report-intern-2021 .header-placeholder {
  display: none !important;
}

.page-template-annual-report-intern-2021 [class*='wrap--'][class*='--medium'] {
  margin-right: 15px;
  margin-left: 15px;
  width: calc(100% - 55px);
}

.page-template-annual-report-2021 .site-content,
.page-template-annual-report-intern-2021 .site-content {
  margin-top: 0;
}
.page-template-annual-report-intern-2021 .badge a {
  padding: 0.5em 0.5em;
  display: block;
  text-decoration: none !important;
  color: #ffffff !important;
}
.page-template-annual-report-2021 .post-share ul li a i {
  color: black;
  font-family: 'FontAwesome';
  font-size: 16px;
}
.page-template-annual-report-2021 .post-share ul li a {
  margin: 0 5px;
}
.header-overlay {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.header-overlay img {
  width: 126px;
}

.header-overlay:before {
  content: '';
  position: absolute;
  height: 20px;
  width: calc(50% - 60px);
  background: #fff;
  left: 0;
  bottom: 0;
}
.header-overlay:after {
  content: '';
  position: absolute;
  height: 20px;
  width: calc(50% - 60px);
  background: #fff;
  right: 0;
  bottom: 0;
}

.page-template-annual-report-2021 .welcome-block a.btn.btn-dashboard {
  font-size: 17px;
}

.btn-dark-blue {
  background: #05232E;
}

.btn-dark-blue span {
  color: #fff;
}

.btn-default {
}
/**
 * Scroll
 */
.icon-scroll-wrapper {
  text-align: center;
  position: absolute;
  z-index: 1;
  bottom: 15px;
}
.icon-scroll-wrapper img {
  width: 67px;
}
.icon-scroll-wrapper span {
  font-size: 10px;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  color: #fff;
  position: relative;
  display: block;
  top: 46px;
  text-transform: uppercase;
}
.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%;
}
.icon-scroll {
  width: 32px;
  height: 52px;
  margin-left: -17px;
  top: 50%;
  margin-top: -15px;
  box-shadow: inset 0 0 0 1px #fff;
  border-radius: 25px;
}
.icon-scroll:before {
  content: '';
  width: 6px;
  height: 6px;
  background: #fff;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
}
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(46px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(46px);
  }
}

/**
 * Engagement sliders
 */
.engagement-slider {
  display: flex;
}
.engagement-slider .slick-arrow,.outcome-slider .slick-arrow,.working-slider .slick-arrow  {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 80px;
  font-size: 130px;
  color: #05232E;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
}
.engagement-slider .slick-prev,.outcome-slider .slick-prev,.working-slider .slick-prev {
  left: 0;
  background: linear-gradient(270deg, rgba(238,238,238,0) 0%, rgb(255 255 255) 100%);
}
.engagement-slider .slick-next,.outcome-slider .slick-next ,.working-slider .slick-next {
  right: 0;
  background: linear-gradient(270deg, rgb(255 255 255) 0%, rgba(238,238,238,0) 100%);
}
.engagement-slider--item {
  display: block;
  background-size: cover;
  background-position: center center;
  color: #fff;
  position: relative;
  height: 350px !important;
  width: 247px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 9px 1px #aaa;
}
.engagement-slider--item-content {
  position: absolute;
  bottom: 21px;
  left: 21px;
  right: 21px;
  color: #fff;
  font-size: 19px;
  font-weight: 600;
  z-index: 1;
}
.engagement-slider--item:before {

}

/**
 * covid 19
 */
section#porto {
  background: #fff!important;
  padding: 120px 0 60px 0;
}

#cov19 .row.covbox, #cov19 .row.covbox .row-box {
  background: #fff;
}

#cov19 .row.covbox .m-text-white{
  color: #05232E!important;
}
section#porto .btn-dashboard {
  position: absolute;
  bottom: 40px;
  font-size: 16px;
}
.section-item.covid-19 {
  background: #F9F1F3!important;
  overflow: hidden;
}
.section-item.covid-19 video {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
}
.covid-19-highlight .hero-text.m-overlay-slide {
  position: inherit;
  width: 40%;
  display: inline-block;
  vertical-align: top;
  background: none;
}

.page-template-annual-report-2021 .section-item.covid-19 h2 {
  color: #ffffff;
  font-size: 52px;
  line-height: 70px;
}
section#cov19 {
  background: #fff!important;
  padding: 60px 0 60px 0;
}

section#cov19 .section-hero {
  padding: 0;
  background-repeat: no-repeat!important;
  background-position: right!important;
  background-size: 50% 100%;
}
section#cov19 .btn-dashboard {
  position: absolute;
  bottom: 40px;
  font-size: 16px;
}

.row-box {
  height: 100%;
  display: block;
}
.row.covbox {
  /* margin-bottom: 60px; */
  border: 1px solid #E5E5E5;
  border-radius: 20px;
  /* overflow: hidden; */
  text-align: left;
  padding: 0;
  background: none;
}

.row.covbox .col-md-6 {
  padding: 0!important;
}

.row.covbox .col-md-6 img {
  width: 100%;
  border-radius: 20px;
}
.row.covbox:nth-child(odd) {
  background: #05232E;
}

.row.covbox:nth-child(even) .m-text-white {color: #05232E!important;}

.row.covbox h3 {
  font-size: 50px;
  text-align: left;
}
.row.covbox:after {
  content: '';
  position: absolute;
  height: 50%;
  width: 90%;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.0001);
  box-shadow: 0px 0px 70px rgb(0 0 0 / 20%);
  border-radius: 20px;
  z-index: 0;
  left: 5%;
}

.row.covbox > div {
  z-index: 1;
  position: relative;
}

.row.covbox:nth-child(even) .row-box {
  background: #fff;
}

.row.covbox:nth-child(odd) .row-box {
  background: #05232d;
}

.row.covbox .row-box {
  border-radius: 20px;
}
.cov-left {
  background-size: contain!important;
  background-repeat: no-repeat!important;
  background-position: right!important;
  padding: 100px 15% 100px 0!important;
}

.page-template-annual-report-2021 .section-item.covid-19 h5 {
  color: #fff;
  line-height: 29px;
  font-weight: normal;
  margin-bottom: 30px;
}
.covid-19-highlight {
  position: relative;
  color: #fff;
  background: #465f65;
  border-radius: 10px;
}
.covid-19-highlight .covid-19-highlight--banner {
  position: static;
  width: 50%;
  height: auto;
  max-height: 548px;
  object-fit: cover;
  margin-bottom: -5px;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}
.covid-19 a.btn-covid-19{
  width: fit-content;
}
.covid-19-highlight .covid-19-highlight--content {
  position: absolute;
  bottom: 44px;
  left: 44px;
  right: 44px;
  color: #fff;
  z-index: 4;
}
.covid-19-highlight .covid-19-highlight--content h1,
.covid-19-highlight .covid-19-highlight--content h2,
.covid-19-highlight .covid-19-highlight--content h3 {
  color: #fff;
}
.covid-19-highlight:after {
  background: linear-gradient(to top,rgba(0, 0, 0, 0.66) 0%,rgba(0, 0, 0, 0.04) 100%);
  display: block;
  content: '';
  bottom: 0;
  height: 50%;
  left: 0;
  width: 100%;
  z-index: 1;
}
.section-readings--item {
  display: block;
  position: relative;
  z-index: 1;
}
.number-item__head .image {
  width: 25%;
  float: left;
}

.number-item__head > div,.number-item__head > h5 {
  width: 75%;
  display: inline-block;
  float: right;
  padding: 0 10px;
}

.number-item__head {
  text-align: left;
}

.number-item > div {
  display: inline-block;
  width: 100%;
  color: #006083;
  font-weight: 300;
  line-height: 22px!important;
}
.number-item .btn-outline {
  margin-top: 20px;
  font-size: 11px;
  background: none;
  color: #063D51;
  border-color: #FFA600;
}
.number-item__head > div {
  font-size: 40px;
  color: #484848;
  margin-bottom: 10px;
}

.number-item__head .image img {
}

.page-template-annual-report-2021 .section-hero-sub .columns-12 {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 1px 9px 19px 0 rgb(0 0 0 / 30%);
}
.section-readings--item-content {
  padding: 10px 25px 50px;
  line-height: 1.4em;
}
.section-readings--item-title {
  color: #868686;
}
.section-readings--item-banner {
  height: 300px!important;
  width: 100%;
  object-fit: cover;
  margin-bottom: 11px;
}
.truncate-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.px-null {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.row .engagement-slider--item {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
.backflip-wrapper {
  position: relative;
}
.backflip {
  opacity: 0;
  padding: 21px;
  margin-top: 21px;
  transition: all 0.3s linear;
  line-height: 1.4em;
}
.number-item {
  text-align: left;
  line-height: 1.2em;
  padding: 1px 4px;
}
.section-item.results {
  background: #e0f6ff!important;
}
.hero-readings {
  background-color: #006083;
  color: #fff;
  height: 320px;
  padding: 21px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.section-item.our-performance .section-hero-sub .container,
.section-item.our-performance {
  background-color: non;
}
.funding-performance-highlight {
  background-color: #05232E;
  border-radius: 10px;
  overflow: hidden;
}

.flex-grow-1 {
  flex-grow: 1;
}

.slick-dots {
  display: flex;
  list-style-type: none;
  padding: 0 0 0 0;
  margin: 20px 0;
  justify-content: center;
}

.slick-dots li {
  line-height: 1;
  /* display: inline-block; */
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: flex;
}
.slick-dots .slick-active button {
  background: #05232E;
}
.slick-dots button {
  border: none;
  background: none;
  content: '';
  width: 8px;
  height: 8px;
  background: transparent;
  border: 1px solid #05232E;
  font-size: 0;
  margin-left: 4px;
  border-radius: 100%;
  line-height: 0;
  outline: 0;
  padding: 4px;
  display: inline-block;
}

.slick-arrow {
  position: absolute;
  top: 60px;
  z-index: 9;
  height: 60px;
  width: 30px;
}

.slick-prev,
.slick-next {
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
}

section#outcomeStories {
  background: none!important;
  text-align: left;
}
section#outcomeStories h2 {
  color: #05232E;
}

section#outcomeStories .section-hero p {
  color: #05232E;
}

#outcomeStories .section-hero {
  padding-top: 60px;
  margin-bottom: 60px;
}
.outcome-slider--item {
  display: block;
  background-size: cover;
  background-position: center center;
  color: #fff;
  position: relative;
  height: 20vw!important;
  width: 247px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 1px 15px 12px rgb(0 0 0 / 10%);
}
.outcome-slider--item-content {
  position: absolute;
  bottom: 21px;
  left: 21px;
  right: 21px;
  color: #fff;
  font-size: 19px;
  font-weight: 600;
  z-index: 1;
}
.outcome-slider--item:before {

}
.outcome-slider--item h5.m-text-white {
  font-weight: 500;
  font-size: 17px;
  text-align: left;
  margin-bottom: 0;
}

.slick-track {
  padding: 40px 0;
}
section#ourPerformance, section#workingTogether {
  background: #eee!important;
}

section#fundingAndFinance {
  background: #eee!important;
}
section#fundingAndFinance .section-hero {background: #AB8E5C;}

section#fundingAndFinance .section-hero h2,section#fundingAndFinance .section-hero p {
  color: #fff;
}
section#fundingAndFinance .outcome-slider--item {
  width: calc(25% - 20px);
  height: 350px!important;
}

.working-slider .our-impact--item img {
  height: 250px;
  width: 100%;
  object-fit: cover;
}
.section-readings {
  margin-top: -50px;
}

.page-template-annual-report-2021 .site-content {
  background: #F6F6F6;
}
.page-template-annual-report-2021 .section-item.funding-finance h2 {
  color: #0099A2;
  text-transform: uppercase;
  font-size: 45px;
}

.page-template-annual-report-2021 .section-item.funding-finance .col-3.m-bg-white {
  border-radius: 10px;
  overflow: hidden;
}
.page-template-annual-report-2021 .maps-block .block-header div {
  display: block;
  height: initial;
}

.page-template-annual-report-2021 .maps-block .block-header h2 {
  margin-bottom: 20px;
  display: inherit;
  color: #05232E;
}
.page-template-annual-report-2021 .header-banner--content h1 span {
  border-bottom: solid 1px #fff;
  width: 30%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.page-template-annual-report-2021 .logos-list {
  border-bottom: solid 1px;
  padding-bottom: 30px;
}


.page-template-annual-report-2021 .our-impact .section-hero-sub > div > h5 {
  color: #006083;
  margin: 40px 0;
}

.page-template-annual-report-2021 .our-impact .section-hero-sub .row-box > h3 {
  color: #fdc300;
}

.page-template-annual-report-2021 .outcome-stories .section-hero {
  padding-bottom: 0;
  margin-bottom: 150px;
}

.page-template-annual-report-2021 .outcome-stories .container {
  padding-bottom: 0;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.page-template-annual-report-2021 .row.platform {
  margin-bottom: 40px;
}

.page-template-annual-report-2021 .row.platform .col-3 {
  overflow: hidden;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  position: relative;
  flex: 0 0 calc(25%);
}

.page-template-annual-report-2021 .row.platform .col-3:nth-child(1) {
  background: #F7941D;
}

.page-template-annual-report-2021 .row.platform .col-3:nth-child(2) {
  background: #006B59;
}

.page-template-annual-report-2021 .row.platform .col-3:nth-child(3) {
  background: #950E6D;
}

.page-template-annual-report-2021 .row.platform .col-3:nth-child(4) {
  background: #4E7076;
}
.page-template-annual-report-2021 .row.platform .col-3:before {content: "";position: absolute;top: -2px;bottom: -2px;right: -2px;left: -2px;border: solid 3px;border-radius: 13px;z-index:0;display: none;}
.page-template-annual-report-2021 .row.platform .col-3:hover:before{display:block}
.page-template-annual-report-2021 .row.platform .col-3:nth-child(1):before{
  border-color: #F7941D;
}
.page-template-annual-report-2021 .row.platform .col-3:nth-child(2):before{
  border-color: #006B59;
}
.page-template-annual-report-2021 .row.platform .col-3:nth-child(3):before{
  border-color: #950E6D;
}
.page-template-annual-report-2021 .row.platform .col-3:nth-child(4):before{
  border-color: #4E7076;
}
.page-template-annual-report-2021 .row.platform .col-3 h5 {
  color: #fff;
  font-size: 19px;
  line-height: 22px;
  font-weight: 600;
}

.page-template-annual-report-2021 .row.work .col-md-12 > h5 {
  color: #05232d;
  font-size: 28px;
  margin: 20px 0;
}
.page-template-annual-report-2021 .results .section-hero-sub {
  margin-top: 0;
}
.page-template-annual-report-2021 section#results h2 {
  color: #fdc300;
}
.page-template-annual-report-2021 .results .section-hero:before {}

.page-template-annual-report-2021 .results .section-hero {
}

.page-template-annual-report-2021 .results .section-hero h2.m-text-result {
  color: yellow!important;
}

.page-template-annual-report-2021 .results .section-hero h5 {
  font-weight: normal;
}
.section-item.covid-19 .title-icon {
  display: inline-block;
  position: absolute;
  top: 10px;
}
.page-template-annual-report-2021 .results .section-hero-sub > div > .row {
  justify-content: center;
  align-content: flex-end;
}

.page-template-annual-report-2021 .results .section-hero-sub > div > .row .number-item .image {
  text-align: center;
  display: flex;
  height: 70px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.page-template-annual-report-2021 .results .section-hero-sub > div > .row .number-item h5 {font-size: 17px;font-weight: 700;color: #05232E;}

.page-template-annual-report-2021 .results .section-hero-sub > div > .row .number-item > div:last-child {
  color: #006083;
  line-height: 24px!important;
  text-align: left;
}

.page-template-annual-report-2021 .results .section-hero-sub > div > .row > div {justify-content: center;margin-top: 40px;}

.page-template-annual-report-2021 .results .section-hero-sub > div > .row .number-item .image img {max-width: 91px;max-height: 91px;}

.page-template-annual-report-2021 .results .section-hero-sub > div > .row > div:nth-child(4),.page-template-annual-report-2021 .results .section-hero-sub > div > .row > div:last-child {
  border: none;
}
.col-md-6.together a {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  margin-bottom: 25px;
  min-height: 250px;
}

.together img.section-readings--item-banner {
  width: 30%;
  height: 100%;
}

.together .section-readings--item-content {
  width: 70%;
  float: right;
  padding: 20px;
  padding-right: 40px;
  position: relative;
}
.together .section-readings--item-content .arrow-icon {
  position: absolute;
  right: 15px;
  font-size: 25px;
  color: #0099A2;
}
.page-template-annual-report-2021 .results .section-hero-sub .container.mb-4 {
  background: none!important;
}
.mobile-nav {
  display: none;
}
.page-template-annual-report-2021 .row.platform .col-3 .section-readings--item-content {display: flex;flex-direction: column;min-height: 250px;}

.page-template-annual-report-2021 .row.platform .col-3 .section-readings--item-content span {
  color: #fff;
  font-weight: 300;
  line-height: 19px;
  font-size: 15px;
  margin-top: 10px;
}
.page-template-annual-report-2021 .row.platform .btn-outline {
  background: none;
  font-size: 11px;
  font-family: "Montserrat",sans-serif;
  border: solid 1px #fff;
  color: #fff;
  position: absolute;
  bottom: 25px;
  text-transform: uppercase;
  left: 25px;
}
div#covid-image {
  position: absolute;
  right: 0;
  z-index: 0;
  width: 50%;
  height: 100%;
}

div#covid-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



/* PRINTING BASKET */
.page-template-print-basket-2021 .site-header.header,
.page-template-print-basket-2021 .header-placeholder
{
  display: none;
}

.page-template-print-basket-2021 .container {
  max-width: 960px;
}

.page-template-print-basket-2021 .breadcrumb {
  background: linear-gradient(180deg, #923C1B 0%, #6D2407 100%);
  padding: 15px 0;
}

.page-template-print-basket-2021 .site-content.barba-container {
  margin: 0;
}

.page-template-print-basket-2021 .breadcrumb p {
  margin-bottom: 0!important;
}

.page-template-print-basket-2021 .breadcrumb p a {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
}

.page-template-print-basket-2021 .breadcrumb .container p a span {
  font-weight: 300;
}

.page-template-print-basket-2021 [class*='btn--'][class*='--outlined'], .page-template-print-basket-2021 .btn[class*='--outlined'] {
  border-color: #0a4556;
}

.page-template-print-basket-2021 [class*='btn--'][class*='--outlined']  .btn__label, .page-template-print-basket-2021 .btn[class*='--outlined'] .btn__label {
  color: #0a4556;
}

.page-template-print-basket-2021 .grid-box .grid-content {
  float: left;
  width: 100%;
  padding: 9px 19px;
}
.page-template-print-basket-2021 .grid-box {
  float: left;
  width: 100%;
  border: 1px solid #0a4556;
  margin-bottom: 20px;
  background: white;
}
.page-template-print-basket-2021 button {
  align-self: center;
  border: 0;
  padding: 5px 24px;
  background-color: #0099A2;
  color: #fff;
  font-size: 1.2rem;
  transition: background-color .2s ease-out,color .2s ease-out;
  font-weight: bold;
  margin-top: 20px;
  text-transform: uppercase;
}
.header-banner .caption {
  position: absolute;
  bottom: 20px;
  right: 0;
  color: #fff;
  z-index: 9;
  font-size: 12px;
  background: rgba(0,0,0,0.4);
  padding: 5px 20px;
}

.page-template-annual-report-2021 .map-popup {
  position: relative;
  display: block;
  top: 0;
}

.page-template-annual-report-2021 [class*='map--'], .page-template-annual-report-2021 .map {
  border-radius: 20px;
  overflow: hidden;
  height: 520px;
  padding-bottom: 0;
  display: block;
  position: relative;
  width: 100%;
}
.page-template-annual-report-intern-2021 .header-banner--content {
  max-width: initial;
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}

.page-template-annual-report-intern-2021 .header-banner {
  background-position: center!important;
}
.page-template-annual-report-intern-2021 section.wysiwyg--left-content.embed__code {
  visibility: visible !important;
}
.page-template-annual-report-intern-2021 .eight.columns span a {
  color: #2e7636;
  text-decoration: underline;
}
.page-template-annual-report-intern-2021 [class*='wysiwyg--'] .col-6 > p > img{
  height: 18vw;
  object-fit: cover;
}
.page-template-annual-report-intern-2021 .collapsible-wrapper {
  width: 100%;
}
@media print {
  header#top {
    display: none;
  }

  .page-template-annual-report-2021 .m-bg-nav {
    display: none;
  }

  .hero_photo {
    display: none;
  }

  div#dashboard-embed {
    display: none;
  }

  .further-reaadings {
    display: none;
  }

  .top-post-nav.bottom {
    display: none;
  }

  .footer__wrapper.wrapper {
    display: none!important;
  }
  .collapsible-content {
    display: block!important;
  }
  .collapse-readmore {
    height: auto!important;
  }

  .collapse-readmore:after {
    display: none!important;
  }
}

a.btn.btn-default.btn-outline.m-uppercase {
  color: #000;
}

.col-3.sb-left h5 {
  font-size: 16px;
}
.col-3.sb-left {
  font-size: 13px;
}

.page-template-annual-report-intern-2021 .wp-caption.alignleft {
  display: block;
  padding-right: 20px !important;
  padding-top: 7px;
  padding-bottom: 20px;
  margin: 0;
}
.page-template-print-basket-2021 button[disabled] {
  background-color: #9e9e9e;
}
.page-template-annual-report-intern-2021 .sidebar__item a {
  height: auto;
  display: inline-block;
  position: inherit;
}

.page-template-annual-report-intern-2021 .sidebar__item {
  height: auto!important;
}

.page-template-annual-report-intern-2021 ul.sidebar__list {
  display: grid;
}
.page-template.page-template-annual-report-intern-2021 .header-banner--content > h3 {
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: -20px;
  color: #707171;
  font-size: 22px;
}
.page-template.page-template-annual-report-intern-2021 span.subtitle {
  display: inherit;
  font-weight: 300;
}
.page-template-annual-report-intern-2021 .top-post-nav-bottom-content h5 {
  font-weight: 300;
}
.page-template-annual-report-2021 .together .section-readings--item-banner {
  border-top-right-radius: 0;
}
.map-outer h5 {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: left;
}

div#marker-logos-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.marker-link {
  padding: 15px;
  cursor: pointer;
  width: 12%;
}

.marker-link img {
  max-height: 100%;
  image-rendering: -webkit-optimize-contrast;
}
.page-template-annual-report-intern-2021 .m-bg-nav {
  background-image: linear-gradient(180deg, #923C1B 0%, #6D2407 100%);
  padding: 20px 2.8rem !important;
}
.page-template-annual-report-2021 .post-share ul {
  list-style: none;
  display: -moz-flex;
  display: flex;
  margin: 0 5px;
}
.page-template-annual-report-intern-2021 .header-banner .caption {
  bottom: 0;
}
.page-template-annual-report-intern-2021 .header-banner--content h1 {
  font-size: 59px;
  font-weight: 700;
  color: #006083;
  text-transform: inherit;
}
.page-template-annual-report-intern-2021 blockquote {
  font-size: 22px;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  border: none;
  border-top: 1px solid #e56736;
  border-bottom: 1px solid #e56736;
  margin-top: 42px;
  margin-bottom: 42px;
  line-height: 1.6em;
  color: #373D42;
  clear: both;
  margin-right: 0;
  font-weight: 300;
  margin-left: 0;
}
.page-template-annual-report-intern-2021 blockquote:before {
  font-family: Georgia, Serif;
  content: "“";
  color: #e56736;
  font-size: 152px;
  margin-bottom: 0;
  display: block;
  margin-top: 38px;
}
.page-template-annual-report-2021 .collapse-readmore {
  height: 280px;
  overflow: hidden;
  position: relative;
  background: #05232E;
  padding: 20px 30px 43px 30px;
  color: #fff;
  border-radius: 20px;
  margin-bottom: 30px;
}
.page-template-annual-report-2021 .collapse-readmore:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 68px;
  text-transform: uppercase;
  content: 'Show More';
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
  display: block;
  cursor: pointer;
  background: linear-gradient(180deg, rgba(5,35,46,0) 13%, rgba(5,35,46,0.88) 100%);
  padding-bottom: 37px;
  padding-top: 57px;
}
.page-template-annual-report-2021 .section-item.funding-finance h2 {
  text-transform: none;
  font-size: 60px;
}
.page-template-annual-report-2021 .container-large {
  padding: 0 30px;
}
.marker-link img {
  height: 100%;
}
.page-template-annual-report-2021 .section-item h2 {
  line-height: 58px;
}
.page-template-annual-report-2021 .section-hero .col-md-5, .page-template-annual-report-2021 .section-hero .col-md-6 {
  align-self: end;
}
.page-template-annual-report-2021 .our-performance .section-hero, .page-template-annual-report-2021 .funding-finance .section-hero {
  margin-bottom: 38px;
}
.page-template-annual-report-2021 .funding-finance .section-hero {
  padding-bottom: 100px;
}
.section-readings {
  margin-top: -90px;
}
.page-template-annual-report-intern-2021 .fullwidth [class*='wrap--'][class*='--medium'] {
  width: 880px;
  margin-right: auto;
  margin-left: auto;
}
.page-template-annual-report-intern-2021 .fullwidth .embed__code [class*='wrap--'][class*='--medium'] {
  width: 1300px;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1024px) and (max-width: 1400px) {
  .page-template-annual-report-2021 .header-outer .header-navigation .main-menus{
    width: 80%
  }
}
@media only screen and (min-width: 1000px) and (max-width: 1024px) {
  .page-template-annual-report-2021 .header-outer .header-navigation .main-menus{
    width: 80%
  }
  .page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li > a {
    font-size: 10px;
  }
}
@media only screen and (min-width: 370px) and (max-width: 1000px) {
  .marker-link {
    width: 25%;
  }
  section#highlights .col-md-5 {
    order: 2;
    margin-top: 20px;
  }

  .our-impact .row:nth-child(odd) .col-md-6:first-child{
    order: 1;
  }

  .funding-performance-highlight .col-md-8 {
    order: 1;
  }

  .together img.section-readings--item-banner {
    margin-bottom: -5px;
  }

  .col-md-6.together a {
    min-height: fit-content;
  }
  div#covid-image {
    display: none;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  section#porto .btn-dashboard {
    position: static;
    margin-top: 40px;
  }

  .row.covbox .col-md-6 img {width: 100vw;}

  section#cov19 .btn-dashboard {
    position: static;
    margin-top: 30px;
  }
  .page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li {
    width: 100px;
  }
  section#cov19 .section-hero {
    background-size: auto 100%;
    background-position: 250%!important;
  }
  .page-template-annual-report-2021 .section-item h2 {
    font-size: 50px;
  }

  .cov-left {
    background: linear-gradient(
      180deg
      , rgba(0,139,168,1) 0%, rgba(0,163,189,1) 100%)!important;
    padding-right: 50px!important;
  }

  .page-template-annual-report-2021 .section-item.covid-19 h2 {
    font-size: 46px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  section#porto .btn-dashboard {
    position: static;
    margin-top: 40px;
  }

  .row.covbox .col-md-6 img {width: 100vw;}

  section#cov19 .btn-dashboard {
    position: static;
    margin-top: 30px;
  }
  .page-template-annual-report-2021 .section-item h2 {
    font-size: 50px;
  }

  .page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li {
    width: 100px;
  }
  .cov-left {
    background: none!important;
    padding: 20px !important;
  }

  section#cov19 .section-hero {
    background-size: 0;
  }
  .page-template-annual-report-2021 .row.platform .col-3 {
    flex: 0 0 calc(50% - 15px);
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 1000px) {
  section#porto .btn-dashboard {
    position: static;
    margin-top: 40px;
  }

  .row.covbox .col-md-6 img {width: 100vw;}

  section#cov19 .btn-dashboard {
    position: static;
    margin-top: 30px;
  }
  .header__toggler{
    display: block!important;
  }
  .cov-left {
    background: none!important;
    padding: 20px !important;
  }

  section#cov19 .section-hero {
    background-size: 0;
  }
  .mobile-nav {
    display: block;
  }

  .mobile-nav {
    position: relative;
    background: #05232e;
  }
  .mobile-nav {
    display: block;
  }

  .mobile-nav .brand {
    padding: 10px 20px;
  }

  .mobile-nav .brand img {
    width: 90px;
  }

  .mobile-nav .header__toggler span {
    background: #fff!important;
  }
  .page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul {
    display: inline-block;
  }
  .page-template-annual-report-2021 .header-outer .header-navigation .main-menus{
    display: none;
  }
  .page-template-annual-report-2021 .header-outer .header-navigation .main-menus.active{
    display: block;
  }
  .brand.inline {
    display: none!important;
  }

  .page-template-annual-report-2021 .header-outer .header-navigation > div.d-flex > .d-flex {
    display: none!important;
  }

  .page-template-annual-report-2021 .header-outer .header-navigation {
    background: rgb(5,35,46);
  }

  .page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li:after {
    display: none;
  }

  .page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li {
    display: block;
    width: 100%;
  }

  .page-template-annual-report-2021 .header-outer .header-navigation > div.d-flex {
    justify-content: center;
  }

  .page-template-annual-report-2021 .results .section-hero-sub > div > .row > div {
    border: none;
  }
}
@media only screen and (max-width: 480px) {
  .our-impact--item img{
    height: 50vw;
  }
  .ml-0-5 {
    margin: 0;
  }
  .row.covbox .row-box {
    padding-bottom: 100px!important;
  }
  .page-template-annual-report-2021 .welcome-block a.btn.btn-dashboard {
    margin-bottom: 50px;
  }

  .accordion dt span.title {font-size: 15px;line-height: 20px;}

  .accordion-icon {
    flex: 0;
  }

  .accordion dt span.number {
    font-size: 27px;
    margin: 0;
  }

  section#cov19 .row-box {
    padding-bottom: 100px!important;
  }

  .col-md-4-5, .col-md-7-5 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }

  .our-impact--item {
    width: 90%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-text {
    /* height: 43%; */
  }

  .page-template-annual-report-2021 .section-hero-sub .columns-12 {
    box-shadow: none;
  }

  section#fundingAndFinance .outcome-slider--item {
    width: 100%;
    margin-bottom: 20px;
  }

  .page-template-annual-report-2021 .header-banner--content h1 {
    font-size: 48px;
  }

  .header-banner .caption {
    font-size: 8px;
  }
  .page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li {
    width: 100%;
    display: inline-block;
  }
  .mobile-nav {
    position: relative;
    background: #05232e;
  }
  .mobile-nav {
    display: block;
  }

  .mobile-nav .brand {
    padding: 10px 20px;
  }

  .mobile-nav .brand img {
    width: 90px;
  }

  .mobile-nav .header__toggler span {
    background: #fff!important;
  }
  .page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul {
    display: inline-block;
  }
  .page-template-annual-report-2021 .header-outer .header-navigation .main-menus{
    display: none;
  }
  .page-template-annual-report-2021 .header-outer .header-navigation .main-menus.active{
    display: block;
  }
  .brand.inline {
    display: none!important;
  }

  .page-template-annual-report-2021 .header-outer .header-navigation > div.d-flex > .d-flex {
    display: none!important;
  }

  .page-template-annual-report-2021 .header-outer .header-navigation {
    background: rgb(5,35,46);
    padding: 0;
  }
  .header-top--item span {
    display: none;
  }
  .page-template-annual-report-2021 .header-outer .header-navigation .main-menus > ul > li:after {
    display: none;
  }
  .page-template-annual-report-2021 .header-banner--content h1 span {
    display: none;
  }

  .page-template-annual-report-2021 .welcome-block .row {
    justify-content: center;
  }

  .page-template-annual-report-2021 .welcome-block .grid-content {
    margin-bottom: 20px;
  }

  .page-template-annual-report-2021 .section-item h2 {
    font-size: 48px;
  }

  section#highlights .btn {
    margin-bottom: 30px;
  }

  .covid-19-highlight .hero-text.m-overlay-slide {
    width: 100%;
  }

  .covid-19-highlight .covid-19-highlight--banner {
    width: 100%;
  }

  .page-template-annual-report-2021 .results .section-hero {
    padding: 116px 0 95px;
  }

  .page-template-annual-report-2021 .results .section-hero-sub > div > .row > div {
    border: none;
  }

  .page-template-annual-report-2021 .row.platform .col-3 {
    margin-bottom: 20px;
    padding: 0;
  }

  .together img.section-readings--item-banner {
    width: 100%;
  }

  .together .section-readings--item-content {
    width: 100%;
  }

  .together .section-readings--item-content .arrow-icon {
    top: 50%;
  }

  .page-template-annual-report-2021 .section-item.funding-finance .col-3.m-bg-white {
    margin-bottom: 20px;
    padding: 0;
  }
  #welcome .col-md-4 {
    width: 50%;
  }

  .page-template-annual-report-2021 .section-item h2 {
    font-size: 42px;
  }

  section#outcomeStories .btn.btn-dark-blue {
    font-size: 10px;
  }

  section#outcomeStories .btn.btn-dark-blue img {
    width: 13px;
  }

  .outcome-slider--item {
    height: 120vw!important;
  }

  .page-template-annual-report-2021 .row.platform .col-3 {
    border-radius: 10px;
  }

  .page-template-annual-report-2021 .section-item h3 {
    font-size: 38px;
  }
}

.further-reaadings--link .title {
  font-size: 16px;
  color: #373a3b;
  line-height: 1.4em;
  text-decoration: none;
}

.fullwidth #single-report-intern-page-content .two.columns {
  display: none;
}


.fullwidth #single-report-intern-page-content .columns {
  margin-left: 0;
  float: none;
}

.fullwidth #single-report-intern-page-content .eight.columns, #single-report-intern-page-content .wysiwyg-innerwrap--medium {
  width: 100% !important;
}

.readalso_photo .readalso_photo_button {
  padding-top: 10px;
}

a.readalso_photo_button:hover {
  color: #000 !important;
  text-decoration: none;
}

#single-report-intern-page-content .readalso_photo {
  display: flex;
  align-items: center;
  float: none;
  padding-top: 0;
}

#single-report-intern-page-content .readalso_photo .readalso_photo_button {
  background-color: #e8e8e8;
  padding-top: 9px;
}

.section-title-divider-feature {
  display: none;
}
.highcharts-null-point {
  fill: #efefef;
}
.page-template-annual-report-intern-2021 .highcharts-null-point {
	fill: #efefef;
}

