/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
html, body {overflow-x:hidden;}
body {font-weight:300;font-size:100%;color:#000;font-family: 'Lato', sans-serif;}
b, strong {font-weight:700;}
h1, h2, h3, h4, h5 {font-weight:700;}
a, a:hover {text-decoration:none;color:#0D67A2;}
h1 {font-size:180%}
h2 {font-size:160%}
h3 {font-size:145%}
h4 {font-size:130%}
.lh-100 {line-height:100% !important}
.pb-8 {padding-bottom:8px !important}
.bg-black {background:#000 !important;}
.bg-blue {background:#026EAF !important;}
.bg-white {background:#fff !important;}
.bg-gray {background:#f8f8f8 !important;}
.bg-map {background-color: rgb(229, 227, 223) !important;}
.bg-map .fa-3x {position:absolute;top:40%;left:48%;color:#026EAF;}
.fs-90 {font-size:90% !important;}
.fs-100 {font-size:100% !important;}
.fs-110 {font-size:110% !important;}
.fs-120 {font-size:120% !important;}
.fs-130 {font-size:130% !important;}
.fs-140 {font-size:140% !important;}
.fs-150 {font-size:150% !important;}
.fs-160 {font-size:160% !important;}
.lh-100 {line-height:100% !important;}
.text-gray {color:#bbb !important}
.img-fluid {min-width:100%;}
.m-top-75 {margin-top:75px !important;}
.m-top-25 {margin-top:25px !important;}
.blue {color:#01719F !important;}
.max-w-568 {max-width:568px !important;width:100%;}
.max-w-768 {max-width:768px !important;}
.m-0 {margin:0 !important;}
.p-0 {padding:0 !important;}
.fw-400 {font-weight:400;}
.fw-600 {font-weight:600;}
.fw-700 {font-weight:700;}
.fw-800 {font-weight:800;}
/*navigation*/
#navigation {padding-left:0;padding-right:0;z-index:3;position:relative;}
.navbar {background:#fff;width:100%;margin:0 auto;}
.navbar, .navbar a {padding:0;outline:none;}
.navbar a.nav-link, a.navbar-brand span {line-height:60px;background:none;}
.navbar {padding-top:10px;padding-bottom:10px;}
.navbar-toggler {color:#0D67A2}
a.navbar-brand img, a.navbar-brand span {float:left;}
a.navbar-brand img {max-height:40px;margin-top:auto;margin-bottom:auto}
a.navbar-brand span {color:#0D67A2;font-size:100%;float:left;margin-left:10px;text-transform:uppercase;font-weight:700;}
.navbar a {color:#aaa;font-weight:400}
.navbar-expand-xl .navbar-nav .dropdown-menu {border:0;border-radius:0;padding:0;margin:0;}
.navbar a.dropdown-item, .navbar a.dropdown-item:hover {background:none;background-size:40px;background-repeat:no-repeat;background-position:-4px 8px;font-size:90%;min-width:200px;white-space: pre-line;}
.navbar a.dropdown-item {border-bottom:1px solid #f3f3f3;padding:15px 0 15px 40px;}
.navbar a.dropdown-item.lh-100 {padding-top:3px;}
.navbar a.dropdown-item:hover {color:#0D67A2;border-color:#0D67A2}
.navbar-expand-xl .navbar-nav .nav-item.parent.active .nav-link {color:#0D67A2;}
.navbar .dropdown-toggle::after {display:none;}
/*who we are
.navbar a.dropdown-item.icon-about {background-image:url(/images/icons/gray/about_300x300.png);}
.navbar a.dropdown-item.icon-about:hover {background-image:url(/images/icons/blue/about_300x300.png);}
.navbar a.dropdown-item.icon-about-history {background-image:url(/images/icons/gray/history_300x300.png);}
.navbar a.dropdown-item.icon-about-history:hover {background-image:url(/images/icons/blue/history_300x300.png);}
.navbar a.dropdown-item.icon-about-partners {background-image:url(/images/icons/gray/partners_300x300.png);}
.navbar a.dropdown-item.icon-about-partners:hover {background-image:url(/images/icons/blue/partners_300x300.png);}
.navbar a.dropdown-item.icon-about-financial {background-image:url(/images/icons/gray/financial_300x300.png);}
.navbar a.dropdown-item.icon-about-financial:hover {background-image:url(/images/icons/blue/financial_300x300.png);}
.navbar a.dropdown-item.icon-about-frequently-asked-questions {background-image:url(/images/icons/gray/faqs_300x300.png);}
.navbar a.dropdown-item.icon-about-frequently-asked-questions:hover {background-image:url(/images/icons/blue/faqs_300x300.png);}*/
/*what we do
.navbar a.dropdown-item.icon-area-agriculture {background-image:url(/images/icons/gray/agriculture_300x300.png);}
.navbar a.dropdown-item.icon-area-agriculture:hover {background-image:url(/images/icons/blue/agriculture_300x300.png);}
.navbar a.dropdown-item.icon-area-community-development {background-image:url(/images/icons/gray/community_300x300.png);}
.navbar a.dropdown-item.icon-area-community-development:hover {background-image:url(/images/icons/blue/community_300x300.png);}
.navbar a.dropdown-item.icon-area-health {background-image:url(/images/icons/gray/health_300x300.png);}
.navbar a.dropdown-item.icon-area-health:hover {background-image:url(/images/icons/blue/health_300x300.png);}
.navbar a.dropdown-item.icon-area-education {background-image:url(/images/icons/gray/education_300x300.png);}
.navbar a.dropdown-item.icon-area-education:hover {background-image:url(/images/icons/blue/education_300x300.png);}
.navbar a.dropdown-item.icon-area-clothes {background-image:url(/images/icons/gray/clothes_300x300.png);}
.navbar a.dropdown-item.icon-area-clothes:hover {background-image:url(/images/icons/blue/clothes_300x300.png);}
.navbar a.dropdown-item.icon-area-stories {background-image:url(/images/icons/gray/stories_300x300.png);}
.navbar a.dropdown-item.icon-area-stories:hover {background-image:url(/images/icons/blue/stories_300x300.png);}*/
/*where we work*/
.navbar .location a.dropdown-item, .navbar .location a.dropdown-item:hover, .navbar .projects + .dropdown-menu a.dropdown-item, .navbar .projects + .dropdown-menu a.dropdown-item:hover {min-width:145px;}
/*.navbar a.dropdown-item.icon-location-africa {background-image:url(/images/icons/gray/africa_300x300.png);}
.navbar a.dropdown-item.icon-location-africa:hover {background-image:url(/images/icons/blue/africa_300x300.png);}
.navbar a.dropdown-item.icon-location-asia {background-image:url(/images/icons/gray/asia_300x300.png);}
.navbar a.dropdown-item.icon-location-asia:hover {background-image:url(/images/icons/blue/asia_300x300.png);}
.navbar a.dropdown-item.icon-location-europe {background-image:url(/images/icons/gray/europe_300x300.png);}
.navbar a.dropdown-item.icon-location-europe:hover {background-image:url(/images/icons/blue/europe_300x300.png);}
.navbar a.dropdown-item.icon-location-americas {background-image:url(/images/icons/gray/americas_300x300.png);}
.navbar a.dropdown-item.icon-location-americas:hover {background-image:url(/images/icons/blue/americas_300x300.png);}*/
/*more*/
.navbar .more + .dropdown-menu a.dropdown-item, .navbar .more + .dropdown-menu a.dropdown-item:hover {background:none;background-image:none;font-size:90%;min-width:145px;}
.navbar .more + .dropdown-menu a.dropdown-item, .navbar .projects + .dropdown-menu a.dropdown-item {padding:15px 0 15px 0;}
/*seaarch*/
.nav-item.search a {display:none}
.search-input input {outline:none !important;border-radius:0;display:block;}
.search-input button, .search-input button:hover {border-radius:0;border:0;background-color:#0D67A2;color:#fff;}
/*slideshow*/
#slideshow.container-fluid {overflow-x:hidden;}
#slideshow.container-fluid img {height:100%;width:100%;max-height: 1060px;max-width: 1920px;margin: 0 auto;min-height: 488px;min-width:884px;}
#slideshow {position:relative;}
#slideshow .overlay {position:absolute;/*bottom:100px;*/color:#fff;width:100%;}
#slideshow .overlay .container {position:relative;}
#slideshow .overlay .overlay-inner h1, .map.slide-map .overlay .overlay-inner h1 {font-weight:700;font-size:260%;line-height:100%;text-shadow: 1px 1px 2px #000;}
#slideshow .overlay .overlay-inner p.lead, .map.slide-map .overlay .overlay-inner p.lead {font-weight:400;font-size:140%;line-height:130%;text-shadow: 1px 1px 2px #000;}
#slideshow .overlay .overlay-inner, .map.slide-map .overlay .overlay-inner {width:90%;}
.content-row.thematic .tab-content .tab-pane .overlay, #slideshow .overlay, .content-row.video .overlay, .content-row.map.home .overlay, .map.slide-map .overlay {bottom:10%;}
/*content*/
.content-row {padding-top:75px;}
.content-row + .content-row {}
.content-row.content-block ul {list-style:none;padding:0;margin:0;margin-bottom:1rem;}
.content-row.content-block ul li {margin-left:20px;list-style:circle;}
.content-row .content-block p {font-size:120%;} /*default*/
/*infographics*/
.content-row.infographics h3 {font-weight:400;color:#ccc;margin:25px auto;font-size:110%;}
.content-row.infographics .row + .row {border-top:1px solid #f3f3f3;/*padding:35px 25px;*/} 
.content-row.infographics {padding-bottom: 25px;}
/*thematic*/
.content-row.thematic {padding:0;position:relative;z-index:0;}
.content-row.thematic .tab-content {/*background:#000;*/width:100%;height:100%;text-align:center;}
.content-row.thematic .tab-content .tab-pane img {position:relative;z-index:0;/*opacity:0.7;min-height:100%;height:100%;min-width:200%;width:100%;margin-left:-50%;*/ height:100%;width:100%;max-height: 920px;max-width: 1920px;margin: 0 auto;min-height: 488px;min-width:1018px;}
.content-row.thematic .tab-content .tab-pane .overlay {position:absolute;bottom:5%;color:#fff;width:100%;text-align:left;}
.content-row.thematic .tab-content .tab-pane .overlay .container {position:relative;}
.content-row.thematic .tab-content .tab-pane h2 {font-weight:700;font-size:180%;line-height:100%;text-shadow: 1px 1px 2px #000;}
.content-row.thematic .tab-content .tab-pane p.lead {font-weight:400;font-size:130%;line-height:130%;text-shadow: 1px 1px 2px #000;}
.content-row.thematic-tabs {padding:0;background:#fff;position:relative;z-index:1;padding-top:25px;padding-bottom:25px}
.content-row.thematic-tabs .nav-tabs, .content-row.thematic-tabs .nav-link {border:0 !important;}
.content-row.thematic-tabs .nav-item {width:20%;text-align:center;}
.content-row.thematic-tabs .nav-link {text-align:center;background:none;background-size:60px;background-repeat:no-repeat;background-position:50% 0;padding-top:70px;font-size:0;color:#000;font-weight:400}
.content-row.thematic-tabs .nav-link.active, .content-row.thematic-tabs .nav-link:hover {color:#0A5283;}
.content-row.thematic-tabs .nav-link.active {position:relative}
.content-row.thematic-tabs .nav-link span {display:none;vertical-align: .255em;content: "";border-top:0;border-right: .4em solid transparent;border-bottom: .4em solid;border-left: .4em solid transparent;color:#81DE49;font-size:400%;position:absolute;top:-50px;left:38.5%;line-height:0;}
.content-row.thematic-tabs .nav-link.active span {display:block;}
/*#thematic-1-tab {background-image:url(/images/icons/gray/agriculture_300x300.png);}
#thematic-1-tab:hover, #thematic-1-tab.active {background-image:url(/images/icons/green/agriculture_300x300.png);}
#thematic-2-tab {background-image:url(/images/icons/gray/community_300x300.png);}
#thematic-2-tab:hover, #thematic-2-tab.active {background-image:url(/images/icons/green/community_300x300.png);}
#thematic-3-tab {background-image:url(/images/icons/gray/health_300x300.png);}
#thematic-3-tab:hover, #thematic-3-tab.active {background-image:url(/images/icons/green/health_300x300.png);}
#thematic-4-tab {background-image:url(/images/icons/gray/education_300x300.png);}
#thematic-4-tab:hover, #thematic-4-tab.active {background-image:url(/images/icons/green/education_300x300.png);}
#thematic-5-tab {background-image:url(/images/icons/gray/clothes_300x300.png);}
#thematic-5-tab:hover, #thematic-5-tab.active {background-image:url(/images/icons/green/clothes_300x300.png);}*/
.thematic-tabs .nav-tabs + .row {border-top:1px solid #f3f3f3;padding:35px 25px;margin-top:25px;}
/*video*/
.content-row.video {padding:0;position:relative;z-index:0;}
.content-row.video .video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;width:100%;height:100%;display:none;}
.content-row.video .video-container iframe, .content-row.video .video-container object, .content-row.video .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
.content-row.video img {position:relative;z-index:0;height:100%;width:100%;max-height: 1080px;max-width: 1920px;margin: 0 auto;min-height: 488px;min-width:868px;}
.content-row.video .overlay {position:absolute;bottom:50%;color:#fff;width:100%;z-index:2}
.content-row.video .overlay .container {position:relative;padding-left:35px;}
.content-row.video .video-button {float:left;width:94px;}
.content-row.video button {background:#81DE49;border:0;text-align:center;color:#fff;padding:15px 35px;line-height:100%;font-size:400%;}
.content-row.video .video-info {float:left;width:auto;max-width:990px;}
.content-row.video h2 {font-weight:800;font-size:180%;line-height:100%;text-shadow: 1px 1px 2px #000;}
.content-row.video p.lead {font-weight:400;font-size:130%;line-height:130%;text-shadow: 1px 1px 2px #000;}
/*news*/
.news h2 {color:#0D67A2;font-weight:600;margin-bottom:25px;}
.news img {border-bottom:5px solid #0D67A2;margin-bottom:15px;}
.news .news-date {font-size:90%;color:#aaa;margin-bottom:15px;}
.news .news-title {font-size:140%;font-weight:600;margin-bottom:15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* number of lines to show */-webkit-box-orient: vertical;color:#0D67A2;}
.news .news-intro {font-weight:300;margin-bottom:15px;font-size:120%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; /* number of lines to show */-webkit-box-orient: vertical;}
.articles-more .news-item {margin-bottom:45px;}
/*map*/
.content-row.map {position:relative;padding:0;margin-top:75px;}
.content-row.map #map {min-height:488px;width:100%;position:relative;z-index:0;/*opacity:0.7;*/}
.content-row.map .overlay {position:absolute;bottom:5%;color:#fff;width:100%;z-index:2}
.content-row.map .overlay .container {position:relative;padding-left:35px;}
.content-row.map.home .overlay h2 {font-weight:800;font-size:140%;line-height:100%;text-shadow: 1px 1px 2px #000;}
.content-row.map.home .overlay p.lead {font-weight:400;font-size:100%;line-height:130%;text-shadow: 1px 1px 2px #000;}

.content-row.map .overlay {width:82%;left:9%;}

/*nav-content*/
.content-row.nav-content {padding:0;position:relative;z-index:1;background:#0D67A2;color:#fff;padding:10px 15px;display:none;}
.content-row.nav-content ul.nav-items {list-style:none;padding:0;margin:0;}
.content-row.nav-content ul.nav-items li {padding:0;margin:0;float:left;text-align:left;}
.content-row.nav-content ul.nav-items li a {display:block;color:#fff;font-weight:500;font-size:100%;/*background:none;*/background-size:40px;background-repeat:no-repeat;background-position:0 0;padding-top:12px;width:100%;line-height:100%;height:40px;padding-left:45px;}
.content-row.nav-content ul.nav-items li a.active {position:relative;}
.content-row.nav-content ul.nav-items li a.active span {vertical-align: .255em;content: "";border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;color:#0D67A2;position:absolute;bottom:-28px;font-size:400%;left:2px;}
/*nav-content: overrides*/
.content-row.nav-content ul.nav-items li a.community-development.active span, .content-row.nav-content ul.nav-items li a.health.active span, .content-row.nav-content ul.nav-items li a.education.active span {/*bottom:-66px;*/}
.content-row.nav-content ul.nav-items li a.frequently-asked-questions {padding-top:5px;}
/*nav-content: who-we-are
body.who-we-are ul.nav-items li {width:20%;}*/
/*ul.nav-items li a.about-us {background-image:url(/images/icons/blue/about_wo_275x275.png);}
ul.nav-items li a.about-us:hover, ul.nav-items li a.about-us.active {background-image:url(/images/icons/white/about_bo_275x275.png);}
ul.nav-items li a.history {background-image:url(/images/icons/blue/history_wo_275x275.png);}
ul.nav-items li a.history:hover, ul.nav-items li a.history.active {background-image:url(/images/icons/white/history_bo_275x275.png);}
ul.nav-items li a.our-partners {background-image:url(/images/icons/blue/partners_wo_275x275.png);}
ul.nav-items li a.our-partners:hover, ul.nav-items li a.our-partners.active {background-image:url(/images/icons/white/partners_bo_275x275.png);}
ul.nav-items li a.financial-information {background-image:url(/images/icons/blue/financial_wo_275x275.png);}
ul.nav-items li a.financial-information:hover, ul.nav-items li a.financial-information.active {background-image:url(/images/icons/white/financial_bo_275x275.png);}
ul.nav-items li a.frequently-asked-questions {background-image:url(/images/icons/blue/faqs_wo_275x275.png);}
ul.nav-items li a.frequently-asked-questions:hover, ul.nav-items li a.frequently-asked-questions.active {background-image:url(/images/icons/white/faqs_bo_275x275.png);}*/
/*nav-content: what-we-do
body.what-we-do .content-row.nav-content ul.nav-items li {width:auto;margin-right:5%}
ul.nav-items li a.agriculture {background-image:url(/images/icons/blue/agriculture_wo_275x275.png);}
ul.nav-items li a.agriculture:hover, ul.nav-items li a.agriculture.active {background-image:url(/images/icons/white/agriculture_bo_275x275.png);}
ul.nav-items li a.community-development {background-image:url(/images/icons/blue/community_wo_275x275.png);}
ul.nav-items li a.community-development:hover, ul.nav-items li a.community-development.active {background-image:url(/images/icons/white/community_bo_275x275.png);}
ul.nav-items li a.health {background-image:url(/images/icons/blue/health_wo_275x275.png);}
ul.nav-items li a.health:hover, ul.nav-items li a.health.active {background-image:url(/images/icons/white/health_bo_275x275.png);}
ul.nav-items li a.education {background-image:url(/images/icons/blue/education_wo_275x275.png);}
ul.nav-items li a.education:hover, ul.nav-items li a.education.active {background-image:url(/images/icons/white/education_bo_275x275.png);}
ul.nav-items li a.clothes {background-image:url(/images/icons/blue/clothes_wo_275x275.png);}
ul.nav-items li a.clothes:hover, ul.nav-items li a.clothes.active {background-image:url(/images/icons/white/clothes_bo_275x275.png);}*/
/*nav-content: where-we-work*/
/*body.where-we-work ul.nav-items li {width:25%;}
ul.nav-items li a.africa {background-image:url(/images/icons/blue/africa_wo_275x275.png);}
ul.nav-items li a.africa:hover, ul.nav-items li a.africa.active {background-image:url(/images/icons/white/africa_bo_275x275.png);}
ul.nav-items li a.americas {background-image:url(/images/icons/blue/americas_wo_275x275.png);}
ul.nav-items li a.americas:hover, ul.nav-items li a.americas.active {background-image:url(/images/icons/white/americas_bo_275x275.png);}
ul.nav-items li a.asia {background-image:url(/images/icons/blue/asia_wo_275x275.png);}
ul.nav-items li a.asia:hover, ul.nav-items li a.asia.active {background-image:url(/images/icons/white/asia_bo_275x275.png);}
ul.nav-items li a.europe {background-image:url(/images/icons/blue/europe_wo_275x275.png);}
ul.nav-items li a.europe:hover, ul.nav-items li a.europe.active {background-image:url(/images/icons/white/europe_bo_275x275.png);}*/
/*read more*/
.content-row .btn.read-more {background:#81DE49;color:#fff;border-radius:0;border:0;text-transform:uppercase;padding:10px 25px}
.more-hidden {display:none;margin-top:45px;}
p + p.lead {margin-top:45px;}
/*brands*/
.brands {padding:15px 15px;position:relative;z-index:0;background:#0D67A2;color:#fff;display:block;margin-top:0;margin-bottom:0}
.brands .container div {float:left;width:25%;text-align:left;font-size:150%;font-weight:600;line-height:48px;}
.brands .container div:first-child {text-align:left;float:left;width:100%;}
.brands .container div:last-child {/*text-align:right;*/}
.brands .container div img {min-width:auto;max-height:48px !important;}
/*footer*/
.content-row.footer {padding-top:75px;padding-bottom:75px;font-size:90%;background:#fff;border-top: 1px solid #e8e8e8;}
.content-row.footer h3, .content-row.footer a, .content-row.footer ul, .content-row.footer ul li {padding:0;margin:0;line-height:100%;}
.content-row.footer ul, .content-row.footer ul li {list-style: none;padding:0;margin:0;}
.content-row.footer ul li + li, .content-row.footer h3 + ul {margin-top:10px;}
.content-row.footer ul li a, .content-row.footer ul li a:hover {color:#0D67A2;}
.content-row.footer h3, .content-row.footer ul.bold li a {font-size:100%;font-weight:600;color:#0D67A2;}
.content-row.footer .newsletter, .content-row.footer .social-media-icons {float:left; width:100%;}
.content-row.footer .social-media-icons div {width:20%;float:left;text-align:center;}
.content-row.footer .social-media-icons a {font-size: 150%;background: #0D67A2;color: #fff;width: 40px;height: 40px;line-height: 40px;float: left;text-align: center;border-radius: 50%;}
.content-row.footer .social-media-icons a:hover {background: #81DE49;}
.content-row.footer .newsletter {margin-top:35px;}
.content-row.footer h2 {padding:0;margin:0;line-height:100%;color:#0D67A2;font-size:140%;font-weight:800;margin-bottom:15px;}
.content-row.footer .newsletter button {background:#81DE49;color:#fff;border-radius:0;border:0;text-transform:uppercase}
.content-row.footer .newsletter input {border-radius:0;background: #f3f3f3;margin-right: 10px;}
.content-row.footer .container + .container {margin-top:45px;color:#aaa}
.content-row.footer .container + .container a, .content-row.footer .container + .container a:hover {color:#aaa;}
/*buttons*/
.btn-primary, .btn-primary:hover {background:#81DE49;padding:10px 25px;border-radius:0;border:0;text-transform:uppercase}
/*content-block*/
.content-block {padding:50px 15px;position:relative;z-index:0;background:#fff;color:#000;display:block;margin-top:75px;}
.content-block h2 {color:#01719F;font-size: 200%;border-bottom: 1px solid #e8e8e8;padding-bottom: 10px;margin-bottom:15px;}
.content-block .lead {color:#01719F;font-size:130%;}
.content-block .lead b, .content-block  .lead strong {font-weight:600;}
.content-block .lead.image-title {color:#01719F;font-size:130%;padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #e8e8e8}
.content-block h3 {color:#01719F;font-size: 140%;}
.content-block + .footer {margin-top:75px;}
/*our partners*/
#our-partners .logos .col {min-width:33.33%;max-width:33.33%;float:left;min-height:150px;display:flex;align-items: center;}
#our-partners .logos .col img {max-width:100px;max-height:100px;margin-left:auto;margin-right:auto;}
/*slideshow*/
.carousel-control-prev .carousel-control-prev-icon, .carousel-control-next .carousel-control-next-icon {background-color:#0D67A2;color:#fff;border-radius:50%;padding:25px;background-size:50%;}
/*blog/news/stories*/
.articles-more {margin-top:90px;}
.articles-more + .articles-more {margin-top:45px;}
.articles-lead p.lead {font-size:140%;}
.articles-lead p {font-size:120%;}
.articles-more img {border-bottom:5px solid #0D67A2;margin-bottom:15px;}
.articles-more .article-date {font-size:100%;color:#aaa;margin-bottom:15px;}
.articles-more .article-title {font-size:140%;font-weight:600;margin-bottom:15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* number of lines to show */-webkit-box-orient: vertical;color:#0D67A2;}
.articles-more .article-intro {font-weight:300;margin-bottom:15px;font-size:120%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; /* number of lines to show */-webkit-box-orient: vertical;}
.articles-lead {margin-top:25px}
.sidebar.blog-nav ul {list-style:none;padding:0;margin:0;}
.sidebar.blog-nav ul .article-date {font-size:90%;color:#aaa;margin-bottom:0;}
.sidebar.blog-nav ul .article-title {font-size:110%;font-weight:600;margin-bottom:0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* number of lines to show */-webkit-box-orient: vertical;color:#0D67A2;}
.sidebar.blog-nav ul .article-intro {font-weight:300;margin-bottom:15px;font-size:100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; /* number of lines to show */-webkit-box-orient: vertical;}
.sidebar.blog-nav ul li + li {padding-top:15px;border-top:1px solid #e8e8e8;}
.sidebar.blog-nav ul li:first-child {margin-top: 25px;}
.sidebar.blog-nav ul li {list-style:none;margin:0;}
.breadcrumbs a {color:#fff;}
.breadcrumbs i {margin-left:7px;margin-right:7px;}

/*publications*/
table.publication {width:200px;margin:0 auto 45px auto;}
table.publication img.img-fluid {min-width:auto;max-width:200px;}

@media (max-width:320px) {
    a.navbar-brand span {font-size:12px;/*font-weight:600;*/}
    #slideshow .overlay .overlay-inner h1, .map.slide-map .overlay .overlay-inner h1 {font-weight:800;font-size:240%;line-height:100%;}
    #slideshow .overlay .overlay-inner p.lead, .map.slide-map .overlay .overlay-inner p.lead {font-weight:400;font-size:130%;line-height:130%}
    .content-row.thematic .tab-content .tab-pane img {margin-left:-50%;}
    #slideshow.container-fluid img {margin-left:-50%;}
    .content-row.video img {margin-left:-50%;}
}
@media (min-width:321px) and (max-width:374px) {
    a.navbar-brand span {font-size:14px;/*font-weight:600;*/}
    #slideshow .overlay .overlay-inner h1, .map.slide-map .overlay .overlay-inner h1 {font-weight:800;font-size:260%;line-height:100%;}
    #slideshow .overlay .overlay-inner p.lead, .map.slide-map .overlay .overlay-inner p.lead {font-weight:400;font-size:140%;line-height:130%}
    .content-row.thematic .tab-content .tab-pane h2 {font-size:200%;}
    .content-row.video h2 {font-size:160%;}
    .content-row.thematic .tab-content .tab-pane img {margin-left:-45%;}
    #slideshow.container-fluid img {margin-left:-45%;}
    .content-row.video img {margin-left:-45%;}
}
@media (max-width:374px) {
    body.what-we-do .content-row.nav-content ul.nav-items li {margin-right:4%;}
}
@media (min-width:375px) and (max-width:413px) {
    a.navbar-brand span {font-size:15px;/*font-weight:600;*/}
    #slideshow .overlay .overlay-inner h1, .map.slide-map .overlay .overlay-inner h1 {font-weight:800;font-size:275%;line-height:100%;}
    #slideshow .overlay .overlay-inner p.lead, .map.slide-map .overlay .overlay-inner p.lead {font-weight:400;font-size:150%;line-height:130%}
    .content-row.thematic .tab-content .tab-pane h2 {font-size:220%;}
    .content-row.video h2 {font-size:160%;}
    .content-row.thematic .tab-content .tab-pane img {margin-left:-35%;}
    #slideshow.container-fluid img {margin-left:-35%;}
    .content-row.video img {margin-left:-35%;}
}
@media (min-width:414px) and (max-width:567px) {
    a.navbar-brand span {font-size:90%;/*font-weight:600;*/}
    #slideshow .overlay .overlay-inner h1, .map.slide-map .overlay .overlay-inner h1 {font-weight:800;font-size:280%;line-height:100%;}
    #slideshow .overlay .overlay-inner p.lead, .map.slide-map .overlay .overlay-inner p.lead {font-weight:400;font-size:160%;line-height:130%}
    .content-row.thematic .tab-content .tab-pane h2 {font-size:230%;}
    .content-row.video h2 {font-size:170%;}
    .content-row.thematic .tab-content .tab-pane img {margin-left:-25%;}
    #slideshow.container-fluid img {margin-left:-25%;}
    .content-row.video img {margin-left:-25%;}
}
@media (min-width:480px) {
    table.publication {width:200px;float:left;margin:15px 15px 45px 15px;min-height:360px;}
}
@media (min-width:568px) {
    /*.content-row.infographics .col.graphic {max-width:33.33%;}*/
    .content-row.infographics .col.graphic h3 {font-size:110%;}
    .content-row.infographics .col.graphic img {max-width:90%;}
   a.navbar-brand span {font-size:100%;font-weight:800;}
    #slideshow .overlay .overlay-inner h1, .map.slide-map .overlay .overlay-inner h1 {font-weight:800;font-size:300%;line-height:100%;}
    #slideshow .overlay .overlay-inner p.lead, .map.slide-map .overlay .overlay-inner p.lead {font-weight:400;font-size:160%;line-height:130%}
    .content-row.thematic .tab-content .tab-pane h2 {font-size:240%;}
    .content-row.video h2 {font-size:170%;}
}
@media (max-width:567px) {
    /*.content-row.infographics .col.graphic {max-width:33.33%;}*/
    .content-row.infographics .col.graphic h3 {font-size:90%;}
    .content-row.infographics .col.graphic img {max-width:90%;}
}
@media (min-width:568px) and (max-width:767px) {
    .content-row.thematic .tab-content .tab-pane img {margin-left:-15%;}
    #slideshow.container-fluid img {margin-left:-15%;}
    .content-row.video img {margin-left:-15%;}
}
@media (min-width:768px) {
    #slideshow .overlay .overlay-inner h1, .map.slide-map .overlay .overlay-inner h1 {font-size:380%;}
    #slideshow .overlay .overlay-inner p.lead, .map.slide-map .overlay .overlay-inner p.lead {font-size:160%;}
    #slideshow .overlay .overlay-inner, .map.slide-map .overlay .overlay-inner {width:80%;}
    #slideshow .overlay .overlay-inner h1, .map.slide-map .overlay .overlay-inner h1 {font-weight:800;font-size:360%;line-height:100%;}
    #slideshow .overlay .overlay-inner p.lead, .map.slide-map .overlay .overlay-inner p.lead {font-weight:400;font-size:160%;line-height:130%}
    .content-row.thematic .tab-content .tab-pane h2 {font-size:240%;}
    .content-row.video h2 {font-size:180%;}
    .content-row.map .overlay {width:30%;left:12%;}
    .content-row.map.slide-map .overlay .overlay-inner {width: 100%;}
}

@media (min-width:992px) and  (max-width:1023px) {
    #slideshow .overlay .overlay-inner, .map.slide-map .overlay .overlay-inner {width:70%;}
    .content-row.thematic .tab-content .tab-pane .overlay .overlay-inner {width:80%;}
}
@media (max-width:1023px) {
    .news .col, .footer .col {min-width:100%;}
    .news .col + .col {margin-top:35px;}
    .news img, .news .news-date, .news .news-title, .news .news-intro {margin-bottom:5px;}
    .footer .col + .col {margin-top:25px;}
    a.navbar-brand span {color:#0D67A2;float:left;margin-left:10px;text-transform:uppercase;}
    #navigation {background:#fff;}
    body.what-we-do ul.nav-items li {width:25%;margin-right:0;}
}
@media (min-width:1024px) {
    /*slideshow*/
    #slideshow.container-fluid {z-index:0;top:0;}
    #slideshow .overlay .overlay-inner, .map.slide-map .overlay .overlay-inner {width:70%;}
    #slideshow .overlay .overlay-inner h1, .map.slide-map .overlay .overlay-inner h1 {font-size:420%;}
    #slideshow .overlay .overlay-inner p.lead, .map.slide-map .overlay .overlay-inner p.lead {font-size:160%;}
    /*infographics*/
    .content-row.infographics .col.graphic h3 {font-size:160%;}
    .content-row.infographics .col.graphic img {max-width:200px;}
    /*thematic*/
    .content-row.thematic .tab-content .tab-pane .overlay .overlay-inner {width:70%;}
    .content-row.thematic .tab-content .tab-pane h2 {font-size:270%;font-weight:800;}
    .content-row.thematic .tab-content .tab-pane p.lead {font-size:130%;}
    .content-row.thematic-tabs .nav-link {font-size:100%;}
    /*video*/
    .content-row.video img {height:100%;width:100%;min-width:auto;margin-left:auto;}
    .content-row.video h2 {font-size:190%;font-weight:800;}
    .content-row.video .video-info {padding-left:15px;}
    /*map*/
    .content-row.map #map {min-height:700px;}
    .content-row.map .overlay .overlay-inner {width:100%;}
    .content-row.map.home .overlay h2 {font-size:250%;font-weight:800;}
    .content-row.map.home .overlay p.lead {font-size:130%;}
    .content-row.map.slide-map .overlay .overlay-inner {width: 100%;}
    /*footer*/
    .content-row.footer .container .col:last-child {min-width:35%;}
    .content-row.footer h2 {font-size:200%;}
    .content-row.footer .container + .container .col:last-child {max-width:35%;}
    /*brands*/
    .brands .container div {width:17%;text-align:center;}
    .brands .container div:first-child {width:30%;}
    .brands .container div:last-child {text-align:right;}
    /*area navigation*/
    .content-block {padding:50px 90px;}
    /*our partners*/
    #our-partners .logos .col {min-height:200px;}
    #our-partners .logos .col img {max-width:150px;max-height:150px;}
    
}
@media (min-width:1200px) {
    /*navigation*/
    #navigation {position:absolute;top:60px;z-index:2;padding-left:0;padding-right:0;}
    #navigation.navfix {top:0;}
    #navigation .container {padding-left:0;padding-right:0;}
    .navbar, .navbar a {padding:0;}
    .navbar a.nav-link, a.navbar-brand span {line-height:90px;}
    a.navbar-brand span {font-size:100%;}
    .navbar {padding-left:25px;padding-right:25px;max-width:1140px;}
    a.navbar-brand img {max-height:50px;}
    .navbar a .fa-search {font-size:150%;color:#0D67A2;}
    .navbar-expand-xl .navbar-nav .nav-link {padding-left:25px;padding-right:25px;}
    .navbar-expand-xl .navbar-nav .nav-item:hover .nav-link, .navbar-expand-xl .navbar-nav .nav-item:hover .nav-link .fa-search {background-color:#0D67A2;color:#fff;}
    .navbar-expand-xl .navbar-nav .nav-item.parent.active:hover .nav-link {color:#fff;}
    .dropdown-toggle {position:relative;z-index:1}
    .dropdown-menu::after {vertical-align: .255em;content: "";border-top: .3em solid;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;color:#0D67A2;position:absolute;top:0;font-size:400%;left:10%;}
    ul.navbar-nav ul.dropdown-menu li {max-width:200px;}
    .navbar-expand-xl .navbar-nav .dropdown-menu {left:auto;z-index:0;margin-top:-1px;padding:25px;}
    .navbar-expand-xl .navbar-nav .item-106 .dropdown-menu {left:68.8%;}
    .navbar-expand-xl .navbar-nav .nav-item .dropdown-menu {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2}
    .navbar-expand-xl .navbar-nav .nav-item .dropdown-menu a {break-inside: avoid-column;}
    .navfix {position: fixed;top: 0;}
    #navarea.navfix {position: fixed;top: 90px;}
    .navbar-nav .item-104 .dropdown-menu, .navbar-nav .item-105 .dropdown-menu, .navbar-nav .item-106 .dropdown-menu, .navbar-nav .item-208 .dropdown-menu {right:auto;}
    /*.navbar .item-105 .dropdown-menu::after {left:20%;}*/
    .navbar .item-106 .dropdown-menu::after {left:25.5%;}
    /*.navbar .item-208 .dropdown-menu::after {left:45%;}
    /*seaarch*/
    .nav-item.search a {display:block;}
    .search-input {display:none;position:absolute;top:0;right:0;width:70%;background:#fff;z-index:9;line-height:90px;padding:26px 25px;}
    #slideshow .overlay .overlay-inner, .map.slide-map .overlay .overlay-inner {width:60%;}
    body.plain .content-block.article, body.notice-board .content-block {margin-top:220px !important;}
    .content-row.nav-content {display:block}
}
@media (max-width:1199px) {
    #navigation.container-fluid {background:#fff;}
    #navigation .navbar-nav {height:100vh}
    #navigation .navbar-nav li.parent.nav-item a.nav-link.dropdown-toggle {line-height:50px;}
    #navigation .navbar-nav li.parent.nav-item .nav-link {}
    #navigation .navbar-nav .nav-item.search {margin-top:35px;margin-bottom:25px;}
    #navigation .navbar-nav li.parent.nav-item a span {float:right;margin-right: 17px;}
    #navigation .navbar-nav li.parent.nav-item a span:after {content: "\f0d7";font-family: "Font Awesome 5 Free";font-weight: 900;}
    #navigation .navbar-nav li.parent.nav-item a span.active:after {content: "\f0d8";}
    #navigation .navbar-nav li.parent.nav-item ul.dropdown-menu {display:none;margin-bottom:45px;}
    #navigation .navbar-nav li.parent.nav-item ul.dropdown-menu.active {display:block;}
    .content-row.nav-content ul.nav-items li a {font-size:0;background-position:50% 0;}
    .brands .container div {font-size:120%;line-height:100%;height:48px;display:flex;align-items:center;}
    /*changes to accommodate thematic slide*/
    .thematic-tabs .nav-tabs {display:none;}
    .thematic-tabs .nav-tabs + .row {border-top:0;padding:35px 25px;margin-top:0;}
    /*changes to slide & thematic on mobile: gradient*/
    #slideshow.container-fluid, .content-row.thematic .tab-content {background:#000;}
    #slideshow.container-fluid img, .content-row.thematic .tab-content .tab-pane img {height:none !important;width:none !important;min-height:none !important;min-width:none !important;max-height:none !important;max-width:none !important;-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.7)));mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.7));}
    .content-row.video .overlay {bottom:40%;}
}
.bold * {font-weight:600}

/*map*/
/*.gm-style-iw {overflow-y: auto !important;overflow-x: hidden !important;}
.gm-style-iw > div {overflow: visible !important;   }
.infoWindow {overflow: hidden !important;margin: 0;padding-right: 20px;line-height: 34px;padding: 15px;background: rgb(255,255,255, 0.9);border-radius:4px;font-weight: 300;font-size: 90%;}
.infoWindow h4 + div {margin-top:5px;}
.infoWindow h4 {font-weight:400;}
.infoWindow p {margin:0;}
.infoWindow ul {list-style: square;margin: 0;padding: 0;padding-left: 15px;}
.infoWindow ul li {margin:0;pading:0;line-height:120%;}
.infoWindow ul li + li {margin-top:7px;}
.gm-style .gm-style-iw-c {transform:none;background-color:transparent;box-shadow:none;padding:0;border-radius:0;padding-left:25px;height:auto;top:11px;left:-11px;}
.gm-style .gm-style-iw-t::after {content:none;}
#map img {cursor:pointer !important;}
#map img[src*='kml'] {opacity:0.4;}
#map div[style*='font-weight: 500; font-size: medium; margin-bottom: 0em'] {display:none;}*/

.gm-style-iw-chr {position:absolute;top:3px;right:3px;}
.gm-style-iw-chr button {width:20px !important;height:20px !important;background-color:#fff}
.gm-style-iw-chr button span {width:20px !important;height:20px !important;margin:0 !important}
.infoWindow {padding-top:10px}


.scroll-up {position: fixed;z-index:3;bottom: 25px;right: 25px;display:none;}
.scroll-up a {font-size: 150%;background: #0D67A2;padding: 0 10px;color: #fff;border-radius: 50%;line-height: 40px;float: left;}
#africa.content-block p.lead b:after, #americas.content-block p.lead b:after, #asia.content-block p.lead b:after, #europe.content-block p.lead b:after {content: "\f0d7";font-family: "Font Awesome 5 Free";font-weight: 900;margin-left:10px;}
#africa.content-block p.lead.active b:after, #americas.content-block p.lead.active b:after, #asia.content-block p.lead.active b:after,  #europe.content-block p.lead.active b:after {content: "\f0d8";}
#africa.content-block p.lead b span, #americas.content-block p.lead b span, #asia.content-block p.lead b span, #europe.content-block p.lead b span {color:#999;}
#africa.content-block p.lead.active b span, #americas.content-block p.lead.active b span, #asia.content-block p.lead.active b span, #europe.content-block p.lead.active b span {color:#0D67A2;}
/*internet explorer fix*/
a.navbar-brand img {flex-shrink: 0;align-self: flex-start;}
#open-on-load.modal.fade {z-index:99999;top:20%;}
#open-on-load.modal.fade button.close {position:absolute; right:-5px;top:-5px;padding:5px 10px;z-index:999999;color:#000;font-weight:800;}
#open-on-load.modal.fade .modal-content {background:transparent;border-radius:0;border:0;}
#open-on-load.modal.fade .modal-body {padding:0;}
#open-on-load.modal img {opacity:0.75}
/*Additions*/
#africa.content-block p.lead, #americas.content-block p.lead, #asia.content-block p.lead, #europe.content-block p.lead {cursor:pointer;}
/*collapse*/
table.collapse-container .collapse-button {color: #01719F !important;font-size: 130%;font-weight: 600;cursor:pointer;padding-left:0;}
table.collapse-container .collapse-button:after {content: "\f0d7";font-family: "Font Awesome 5 Free";font-weight: 900;margin-left: 10px;}
table.collapse-container span.collapse-button-description {color: #999;}
table.collapse-container .collapse-content {display:none;margin-bottom:45px;}  
table.collapse-container.active {display:block;}
table.collapse-container.active .collapse-button:after {content: "\f0d8";}
table.collapse-container.active .collapse-button span.collapse-button-description {color: #01719F;}
table.collapse-container.active .collapse-content {display:block;} 

/*read more*/
table.read-more-container {margin-top:45px;margin-bottom:45px;}
table.read-more-container .read-more-content {display:none;}
table.read-more-container .read-more-button {background:#81DE49;color:#fff !important;border-radius:0;border:0;text-transform:uppercase;padding:10px 25px;cursor:pointer;}
table.read-more-container.active .read-more-button {display:none;}  
table.read-more-container.active .read-more-content {display:block;}  

.pagination {width:100%;float:left;}
.pagination ul {list-style:none !important;margin:0;padding:0;}
.pagination ul li {float:left;width:auto;margin:0;padding:0;list-style:none !important;}
.pagination ul li + li {margin-left:0 !important;}
.pagination ul li.pagination-start, .pagination ul li.pagination-end, .pagination ul li.pagination-prev span.pagenav, .pagination ul li.pagination-next span.pagenav {display:none;}
.pagination ul li.pagination-start + li {margin-left:0;}
.pagination ul li a, .pagination ul li a:hover {color:#00a896}
.pagination ul li.active .page-link {background-color:#00a896;border-color:#00a896}


body.podcast iframe {min-width: 100%;height: 30px;}



/*HPP-SA overrides*/
.navbar-brand {white-space:normal;}
a.navbar-brand span {width: 100%;line-height: 100%;text-transform:none;color:#aaa;}
a.navbar-brand span:first-line {color:#00a896;}
a, a:hover {color:#00a896;}
.text-theme {color:#00a896 !important;}
.red {color:#00a896 !important;}
@media (min-width:1200px) {
    a.navbar-brand img {max-height:60px;}
}
.navbar-toggler {color:#00a896}
.navbar a.dropdown-item:hover {color:#00a896;border-color:#00a896}
.navbar-expand-xl .navbar-nav .nav-item.parent.active .nav-link {color:#00a896;}
.search-input button, .search-input button:hover {background-color:#00a896;}
.news h2 {color:#00a896;}
.news img {border-bottom:5px solid #00a896;}
.news .news-title, .news .news-title a {color:#54595F;}
.content-row.nav-content {background:#00a896;}
.content-row.nav-content ul.nav-items li a.active span {color:#00a896;}
.brands {background:#00a896;}
.content-row.footer ul li a {color:#54595F;}
.content-row.footer h3, .content-row.footer .bold a, .content-row.footer ul li a:hover {color:#00a896;}
.content-row.footer .social-media-icons a {background: #00a896;}
.content-row.footer .social-media-icons a:hover {background: #00a896;}
.content-row.footer h2 {color:#00a896;}
.carousel-control-prev .carousel-control-prev-icon, .carousel-control-next .carousel-control-next-icon {background-color:#00a896;}
.articles-more img {border-bottom:5px solid #00a896;}
.articles-more .article-title, .articles-more .article-title a {color:#54595F;}
.sidebar.blog-nav ul .article-title, .sidebar.blog-nav ul .article-title a {color:#54595F;}
.scroll-up a {font-size: 150%;background: #00a896;}
#africa.content-block p.lead.active b span, #americas.content-block p.lead.active b span, #asia.content-block p.lead.active b span, #europe.content-block p.lead.active b span {color:#00a896;}
.content-block h2 {color:#00a896;}
.content-block .lead {color:#54595F;}
.content-block .lead.image-title {color:#00a896;}
.content-block h3 {color:#00a896;}
table.collapse-container .collapse-button {color: #000 !important;}
table.collapse-container.active .collapse-button span.collapse-button-description {color: #00a896;}
.publication a {color:#54595F;}
.content-row.thematic-tabs .nav-link.active, .content-row.thematic-tabs .nav-link:hover {color:#00a896;}
.content-row.thematic-tabs .nav-link span {color:#00a896;}
.content-row.video button {background:#00a896;}
.content-row .btn.read-more {background:#00a896;}
.content-row.footer .newsletter button {background:#00a896;}
.btn-primary, .btn-primary:hover {background:#00a896;}
table.read-more-container .read-more-button {background:#00a896;}
/*languages*/
.mod-languages.language {position: absolute;z-index:2;left:50%;top:21px;margin:0;padding:0;line-height:100%;}
.mod-languages.language ul, .mod-languages.language ul li, .mod-languages.language ul li a, .mod-languages.language ul li a img {line-height:100%;margin:0;padding:0;}
.mod-languages.language ul li.lang-active {display:none;}
/*map*/
.bg-map {background-color: rgb(229, 227, 223) !important;}
.bg-map .fa-3x {position:absolute;top:40%;left:48%;color:#00a896;}

.content-row.infographics .row  {padding:25px;} 
.content-row.infographics .row + .row {border-top:1px solid #f3f3f3;} 
.infographics .graphic-img {max-width:60px;margin: 0 auto;background: #00a896;padding:0;border-radius: 50%;}
.infographics .graphic-img i {font-size:160%;line-height:60px;color:#fff;}
.content-row.infographics .col.graphic h3 {margin: 15px auto 0 auto;color: #00a896;font-size:120%;font-family: "Poppins",sans-serif;}
.content-row.infographics .col.graphic p {font-weight: 400;color: #aaa;margin:7px 0;line-height:100%;font-size:100%;}


body.home .content-row.footer {margin-top:75px;}

/*thematic*/
.content-row.thematic {margin-top:45px;}
.content-row.thematic-tabs .nav-link {padding-top:60px;position:relative;}
.content-row.thematic-tabs .nav-link::before {font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;top: 0;left: 39%;font-size: 140%;color: #fff;background: #ccc;padding: 7px;border-radius: 50%;width: 47px;text-align: center;}
.content-row.thematic-tabs .nav-link.active::before, .content-row.thematic-tabs .nav-link:hover::before {background: #00a896;}
#thematic-5-tab::before {content: "\f4d8"}
#thematic-4-tab::before {content: "\f501"}
#thematic-3-tab::before {content: "\f469";}
#thematic-2-tab::before {content: "\f4c4"}

/*icons*/
.icon-about::before {content: "\f19c"}
.icon-about-mission::before {content: "\f140"}
.icon-about-federation::before {content: "\f57c";}
.icon-about-partners::before {content: "\f2b5"}
.icon-about-financial::before {content: "\f4d3"}
.icon-about-accountability::before {content: "\f559";}
.icon-about-frequently-asked-questions::before {content: "\f059";}
.icon-about-history::before {content: "\f1da"}
.icon-area-how::before {content: "\f058"}
.icon-area-education::before {content: "\f501"}
.icon-area-health::before {content: "\f469"}
.icon-area-agriculture::before {content: "\f722"}
.icon-area-humanitarian::before {content: "\f4c4"}
.icon-area-clothes::before {content: "\f553"}
.icon-area-stories::before {content: "\f02d"}
.icon-area-seedling::before {content: "\f4d8"}
.icon-area-community-development::before {content: "\f0c0"}
.icon-area-information::before {content: "\f05a"}



/*top menu*/
.navbar a.dropdown-item {position:relative;}
.navbar a.dropdown-item::before {font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;left: 5px;font-size:150%;color: #ccc;top: 11px;}
.navbar a.dropdown-item.active, .navbar a.dropdown-item.active::before, .navbar a.dropdown-item:hover::before {color: #00a896;}
/*.navbar a.dropdown-item.icon-about-federation::before, .navbar a.dropdown-item.icon-about-accountability::before, .navbar a.dropdown-item.icon-about-frequently-asked-questions::before {top: 16px;padding-top: 7px;}*/

/*navarea*/
#navarea.content-row.nav-content ul.nav-items {min-height:40px;padding-top: 12px;}
#navarea.content-row.nav-content ul.nav-items li a {padding-top:0;position:relative;height:auto;padding-left:35px;}
/*who we are*/
body.who-we-are ul.nav-items li {width:20%;}
body.who-we-are ul.nav-items li a {line-height:100%;color: #fff;}
body.who-we-are ul.nav-items li a::before {font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;left: 5px;font-size:130%;}
body.who-we-are #navarea.content-row.nav-content ul.nav-items li a.icon-about-partners {padding-left:40px;}
/*what we do*/
body.what-we-do #navarea {}
body.what-we-do ul.nav-items li {width:25%;}
body.what-we-do ul.nav-items li a {line-height:100%;}
body.what-we-do ul.nav-items li a::before {font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;left: 5px;font-size:130%;color: #fff;}
/*body.what-we-do ul.nav-items li.item-254 {width:14.6%;}
body.what-we-do ul.nav-items li.item-257 {width:18.6%;}*/

body.projects ul.nav-items li {width:20%;}
body.projects ul.nav-items li a {line-height:100%;color: #fff;}
body.projects ul.nav-items li a::before {font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;left: 5px;font-size:130%;}

@media (max-width:1023px) {
    /*a.navbar-brand span {color:#00a896;}*/
}
@media (min-width:1200px) {
    .navbar a .fa-search {color:#00a896;}
    .navbar-expand-xl .navbar-nav .nav-item:hover .nav-link, .navbar-expand-xl .navbar-nav .nav-item:hover .nav-link .fa-search {background-color:#00a896;}
    .dropdown-menu::after {color:#00a896;}
    .navfix {position:fixed !important;}
    .navfix .container {top:0 !important;}
    .mod-languages.language {left:35%;top:35px;}
    body.en-gb .mod-languages.language {left:36%;}
    body.pt-pt .mod-languages.language {left:34%;}
    #navigation .row {position:relative;}
}

.moduletable.donate #osdonatestatic {text-align:left;}
.moduletable.donate .osdonate-introtext {font-weight:400;}
.moduletable.donate #osdonate-form input[name="amount"] {margin:0;width:auto;max-width: 200px;}
.moduletable.donate input[name="amount"] {display: block;width: 100%;height: calc(1.5em + .75rem + 2px);padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.moduletable.donate .input-group > input[name="amount"] {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;width: 1%;margin-bottom: 0;}
.moduletable.donate .input-group > input[name="amount"]:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}

#slideshow.container-fluid, .content-row.thematic .tab-content, .content-row.video {background-color:#000;}
#slideshow.container-fluid img, .content-row.thematic .tab-content .tab-pane img, .content-row.video img {opacity:0.8;}

.content-block p + h3 {margin-top:45px;color:#000;}
.content-block.article p a {font-weight:400;}

@media (max-width:320px) {
    a.navbar-brand span {max-width:150px;}
    a.navbar-brand span {padding-top:10px;}
}
@media (min-width:321px) {
    a.navbar-brand span {max-width:170px;}
    a.navbar-brand span {padding-top:6px;}
}
@media (min-width:375px) {
    a.navbar-brand span {max-width:180px;}
}
@media (min-width:414px) {
    a.navbar-brand span {max-width:210px;}
    a.navbar-brand span {padding-top:3px;}
}
@media (min-width:568px) {
    a.navbar-brand span {max-width:250px;}
    .infographics .graphic-img {max-width:70px;}
    .infographics .graphic-img i {font-size:180%;line-height:70px;}
    .content-row.infographics .col.graphic h3 {font-size:180%;}
    .content-row.infographics .col.graphic p {margin:7px 25px;font-size:110%;}
}
@media (min-width:768px) {
    /*a.navbar-brand span {max-width:210px;}*/
    a.navbar-brand span {padding-top:3px;}
    .content-row.infographics .col.graphic h3 {font-size:220%;}
    .content-row.infographics .col.graphic p {font-size:140%;}
}
@media (min-width:1200px) {
    /*a.navbar-brand span {max-width:250px;}*/
}
@media (min-width:1200px) {
    a.navbar-brand span {padding-top:10px;}
}


.login form input {display: block;width: 100%;height: calc(1.5em + .75rem + 2px);padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.login form .control-group {float:left;width:100%}
.login form .control-group + .control-group {margin-top:15px;}
.login form .control-label {font-weight:400;}


/*rethink*/
body.rethink .content-block + .footer {margin-top:0;border-top:0;}
body.rethink .content-block.article h2.article-block-title {display:none;}
body.rethink #slideshow {background-color: #008958;}
body.rethink #slideshow img {max-width: 1140px;opacity: 1;}
body.rethink #slideshow .overlay .overlay-inner {width:65%;margin-left:auto}
body.rethink #slideshow .overlay .overlay-inner h1 {font-size: 200%;line-height: 130%;}
body.rethink .rethink-about-clothes-and-shoes {background-color:#FE7220;color:#fff;}
body.rethink .rethink-about-clothes-and-shoes h3, body.rethink .rethink-contact-us h3 {color:#fff;}
body.rethink .rethink-about-clothes-and-shoes .d-md-flex {padding:0;background-size:cover;background-repeat:no-repeat;background-image:url(/images/rethink/about-rethink-reuse-3.jpg);}
body.rethink .rethink-about-clothes-and-shoes .d-md-flex .diagonal-orange {width:90px;display:block;background: linear-gradient(45deg, #FE7220 0%, #FE7220 0%, transparent 0%), linear-gradient(275deg, #FE7220 0%, #FE7220 50%, transparent 0%)}
body.rethink .rethink-contact-us {background-color:#008958;color:#fff;}
body.rethink .rethink-contact-us .inner span i {font-size:260%;margin-right:10px;}
body.rethink .rethink-contact-us .inner span {height:48px;display:flex;align-items:center;}
body.rethink .rethink-contact-us .inner span a {color:#fff;font-size:90%}
body.rethink .rethink-contact-us .inner.chat {float:left;width:100%;height:auto;border: 1px solid #fff; border-radius: 15px; padding:9px;}
body.rethink .rethink-contact-us .chat span img {max-width:48px;}
body.rethink .rethink-contact-us .chat-graphic {position:relative}
body.rethink .rethink-contact-us .chat-graphic img {width:170px;position:absolute;right:0;top:-24px}
body.rethink h3 {color:#000}
#navcontainer #navbarNav a.rethink {float:left;height:90px;width:90px;color: transparent;background-image:url(/images/rethink/rethink-menu.png?v=2)}
body.rethink .row.rethink-map #map-sites {width:100%;margin-left:0;margin-right:0;padding:0;}
body.rethink .row.rethink-map .map-list {height:500px;overflow:scroll}
body.rethink .row.rethink-map .map-list h3 {padding:15px;margin-top: .5rem;}
body.rethink .row.rethink-map .map-list .map-item {padding:10px 15px;cursor:pointer;font-size:90%}
body.rethink .row.rethink-map .map-list .map-item:nth-child(even) {background-color:#f8f8f8;}
body.rethink .row.rethink-map #map {padding:0;height:500px;}
body.rethink .gm-style-iw.gm-style-iw-c {padding: 0 !important;margin: 0 !important;max-width:330px}
body.rethink .gm-style-iw-d {padding: 0;min-height:290px;min-width: 200px;position: relative;overflow: hidden !important;}
body.rethink .gm-style-iw.gm-style-iw-c div {}
body.rethink .gm-style-iw.gm-style-iw-c div h4 {margin: 0;padding: 7px 10px 7px 10px;background-color: #008958;position: relative;z-index: 1;color: #fff;font-weight: 400;font-size: 120%;}
body.rethink .gm-style-iw.gm-style-iw-c div.address {margin: 0;padding: 0 10px 7px 10px;background-color: #008958;position: relative;z-index: 1;color: #fff;}
body.rethink .gm-style-iw.gm-style-iw-c div.image {position: absolute;z-index:0;bottom: 0;height: 100%;width: 100%;display: block;background-size: 70%;background-repeat: no-repeat;background-position:center;top: 29px;}
body.rethink .gm-style .gm-style-iw-tc::after {background-color: #008958;}
body.rethink .gm-style-iw-chr {z-index:2}
body.rethink .gm-style-iw-chr .gm-ui-hover-effect>span {background-color:#fff;}

#navcontainer #navbarNav a.donate {float:left;height:90px;width:92px;color: transparent;background-image:url(https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif);background-repeat:no-repeat;margin-left:10px;background-size: contain;background-position: center;}

/* responsive iframe */
iframe {width: 100% !important;height: auto;aspect-ratio: 16 / 9;border: 1px solid #e8e8e8;}
iframe[src*="google.com/maps"], iframe[src*="drive.google.com"] {aspect-ratio: 1 / 1;}

@media (min-width:768px) {
	body.rethink #slideshow .overlay .overlay-inner {width: 55%;}
	body.rethink #slideshow .overlay .overlay-inner h1 {font-size: 240%;}
	body.rethink .row.rethink-map .map-list {padding-left:0;padding-right:0;overflow:scroll;}
	body.rethink .row.rethink-map #map {border-left:1px solid #e8e8e8}
	iframe[src*="google.com/maps"], iframe[src*="drive.google.com"] {aspect-ratio: 4 / 3;}
}
@media (min-width:992px) {
    iframe[src*="google.com/maps"], iframe[src*="drive.google.com"] {aspect-ratio: 16 / 9;}
}
@media (min-width:1024px) {
	body.rethink .row.rethink-about-clothes-and-shoes, body.rethink .row.rethink-contact-us, body.rethink .row.rethink-process, body.rethink .row.rethink-map {margin-right: -90px !important;margin-left: -90px !important;}
	body.rethink .rethink-contact-us .chat-graphic img {top:-48px}
}
@media (min-width:1200px) {
	body.rethink .content-block {margin-top:0;}
	body.rethink #slideshow img {margin-top: 150px;}
	#navcontainer #navbarNav a.rethink {height:100%;}
}