/* 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, a:active {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} .lh-110 {line-height:110% !important} .lh-120 {line-height:120% !important} .lh-130 {line-height:130% !important} .lh-140 {line-height:140% !important} .lh-150 {line-height:150% !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;}hu .fs-130 {font-size:130% !important;} .fs-140 {font-size:140% !important;} .fs-150 {font-size:150% !important;} .fs-160 {font-size:160% !important;} .text-gray {color:#bbb !important} .text-red {color: #C8202C !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;} /*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 30px;} .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;} /*where we work*/ .navbar .location a.dropdown-item, .navbar .location a.dropdown-item:hover, .navbar .where-we-work + .dropdown-menu a.dropdown-item, .navbar .where-we-work + .dropdown-menu a.dropdown-item:hover {min-width:145px;} /*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 {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 {/*background:#000;*/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;background:#fff;} #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:100%;} .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.article ul {list-style:none;padding:0;margin:0;margin-bottom:1rem;} .content-row.article ul li {margin-left:20px;list-style:circle;} /*.content-row .content-block {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;*/} /*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;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;} iframe[src*='youtube.com'] {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} iframe[src*='youtube.com'] + span {position: absolute;bottom: -42px;height:42px;font-size: 90%;font-weight: 400;line-height: 130%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* number of lines to show */-webkit-box-orient: vertical;} /*news*/ .news h2 {color:#0D67A2;font-weight:600;margin-bottom:25px;} .news img {border-bottom:5px solid #0D67A2;margin-bottom:15px;} .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 {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:30px;} .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: where-we-work*/ body.where-we-work ul.nav-items li {width:25%;} /*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 h3 + ul {margin-top:10px;} .content-row.footer ul li + li {margin-top:7px;} .content-row.footer ul li a, .content-row.footer ul li a:hover {color:#333333;} .content-row.footer h3, .content-row.footer ul.bold li a {font-size:100%;font-weight:600;color:#000000;} .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: #ca2129;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: #000000;} .content-row.footer .newsletter {margin-top:35px;} .content-row.footer h2 {padding:0;margin:0;line-height:100%;color:#000000;font-size:140%;font-weight:800;margin-bottom:15px;} .content-row.footer .newsletter button {background:#000000;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 {margin-top:25px;padding-top:25px;border-top:1px solid #e8e8e8;} .sidebar.blog-nav ul li:first-child {margin-top: 25px;} .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, table.publication img {min-width:auto;width:100%;} table.publication a.thumb {float:left;height:280px;border:1px solid #e8e8e8;border-radius:.25rem;overflow:hidden;margin-bottom:25px;} @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;} } @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:90%;left:5%;} } @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-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:20%;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:40%;}*/ .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:70%;}*/ /*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-105 .dropdown-menu, .navbar-nav .item-106 .dropdown-menu, .navbar-nav .item-208 .dropdown-menu, .navbar-nav .item-211 .dropdown-menu, .navbar-nav .item-212 .dropdown-menu, .navbar-nav .item-213 .dropdown-menu {right:0;} .navbar .item-105 .dropdown-menu::after {left:22%;} .navbar .item-106 .dropdown-menu::after {left:54.8%;} .navbar .item-208 .dropdown-menu::after {left:45%;} .navbar .item-211 .dropdown-menu::after {left:18%;} .navbar .item-212 .dropdown-menu::after {left:42%;} .navbar .item-213 .dropdown-menu::after {left:54.8%;} /*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.plain.vacancies #navigation + .content-block, body.plain.press-releases #navigation + .content-block, body.plain.comunicados-de-imprensa #navigation + .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";} #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;line-height: 100%;padding: 0;margin: 0;padding-right: 20px;line-height: 34px;font-weight:400;padding: 15px;background: rgb(255,255,255, 0.9);border-radius:4px;line-height: 160%;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;/*kml country transparency*/} #map div[style*='font-weight: 500; font-size: medium; margin-bottom: 0em'] {display:none; /*hide title of country, TO DO: make dynamic, using the styling is too generic*/} .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";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";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;width:100%;} table.read-more-container .read-more-content {display:none;} table.read-more-container .read-more-button {background:#ca2129;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;margin:0;padding:0;} .pagination ul li {float:left;width:auto;margin:0;padding:0;} .pagination ul li + li {margin-left:0;} .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;} .page-link {color:#333333} .page-link .fa {color:#777;} .page-item.disabled .page-link, .page-item.disabled .page-link .fa {color:#ddd} .page-link:hover, .page-link .fa:hover {color:#000000} .page-item.active .page-link {background-color:#ddd;border-color:#ddd;color:#ffffff} body.podcast iframe {min-width: 100%;height: 30px;} /*ADPP-Moz overrides*/ a.navbar-brand span {display:none;} a, a:hover {color:#ca2129;} .text-theme {color:#ca2129 !important;} .red {color:#ca2129 !important;} @media (min-width:1200px) { a.navbar-brand img {max-height:60px;} } .navbar-toggler {color:#ca2129} a.navbar-brand span {color:#ca2129;} .navbar a.dropdown-item:hover {color:#ca2129;border-color:#ca2129} .navbar-expand-xl .navbar-nav .nav-item.parent.active .nav-link {color:#ca2129;} .search-input button, .search-input button:hover {background-color:#ca2129;} .news h2 {color:#ca2129;} .news img {border-bottom:5px solid #ca2129;} .news .news-title, .news .news-title a {color:#54595F;} .content-row.nav-content {background:#ca2129;} .content-row.nav-content ul.nav-items li a.active span {color:#ca2129;} .brands {background:#ca2129;} .content-row.footer ul li a, .content-row.footer ul li a:hover {color:#54595F;} .content-row.footer h3, .content-row.footer ul.bold li a {color:#54595F;} .content-row.footer .social-media-icons a {background: #54595F;} .content-row.footer .social-media-icons a:hover {background: #ca2129;} .content-row.footer h2 {color:#ca2129;} .carousel-control-prev .carousel-control-prev-icon, .carousel-control-next .carousel-control-next-icon {background-color:#ca2129;} .articles-more img {border-bottom:5px solid #ca2129;} .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: #ca2129;} #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:#ca2129;} .content-block h2 {color:#ca2129;} .content-block .lead {color:#54595F;} .content-block .lead.image-title {color:#ca2129;} .content-block h3 {color:#ca2129;} table.collapse-container .collapse-button {color: #000 !important;} table.collapse-container.active .collapse-button span.collapse-button-description {color: #ca2129;} .publication a {color:#54595F;} .content-row.thematic-tabs .nav-link.active, .content-row.thematic-tabs .nav-link:hover {color:#ca2129;} .content-row.thematic-tabs .nav-link span {color:#ca2129;} .content-row.video button {background:#ca2129;} .content-row .btn.read-more {background:#ca2129;} .content-row.footer .newsletter button {background:#ca2129;} .btn-primary, .btn-primary:hover {background:#ca2129;} table.read-more-container .read-more-button {background:#ca2129;} /*languages*/ .mod-languages.language {position: absolute;z-index:2;right:18%;top:30px;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, div.mod-languages ul.lang-block li {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:#ca2129;} .content-row.infographics .row {padding:25px;} .content-row.infographics .row + .row {border-top:1px solid #f3f3f3;} .infographics .graphic-img {max-width:80px;margin: 0 auto;background: #ca2129;padding:18px;border-radius: 50%;} .infographics .graphic-img img {width: 100%;height: auto;} .content-row.infographics .col.graphic h3 {margin: 15px auto 0 auto;color: #ca2129;font-size:220%;font-family: "Poppins",sans-serif;} .content-row.infographics .row + .row .col.graphic h3 {font-size:180%;} .content-row.infographics .col.graphic p {line-height:130%;font-size:120%;} 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: #ca2129;} #thematic-4-tab::before, #thematic-7-tab::before {content: "\f501"} #thematic-3-tab::before, #thematic-8-tab::before {content: "\f469";} #thematic-1-tab::before, #thematic-6-tab::before {content: "\f722";} #thematic-2-tab::before, #thematic-9-tab::before {content: "\f4be"} /*icons*/ [class*="icon-"]::before {font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;} .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-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: "\f4be"} .icon-area-clothes::before {content: "\f553"} .icon-area-stories::before {content: "\f02d"} /*top menu*/ .navbar a.dropdown-item {position:relative;padding:12px 0 12px 30px;} .navbar a.dropdown-item::before {font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;left: 5px;font-size:110%;color: #ccc;top: 11px;} .navbar a.dropdown-item.active, .navbar a.dropdown-item.active::before, .navbar a.dropdown-item:hover::before {color: #ca2129;} .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;*/} .navbar a:active {background:none !important;} /*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;} /*who we are*/ body.who-we-are ul.nav-items li {width:16.6%;} 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;} /*what we do*/ /*body.what-we-do #navarea {background:#000;}*/ body.what-we-do ul.nav-items li {width:16.6%;} 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;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.results #navarea {background:#23A455;}*/ body.projects ul.nav-items li, body.results ul.nav-items li {width:25%;} body.projects ul.nav-items li a, body.results ul.nav-items li a {line-height:100%;color: #fff;} body.projects ul.nav-items li a::before, body.results ul.nav-items li a::before {font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;left: 5px;} .nav-content ul.nav-items li a::before {font-size:100%;} @media (max-width:1023px) { a.navbar-brand span {color:#ca2129;} } @media (min-width:1200px) { .navbar a .fa-search {color:#ca2129;} .navbar-expand-xl .navbar-nav .nav-item:hover .nav-link, .navbar-expand-xl .navbar-nav .nav-item:hover .nav-link .fa-search {background-color:#ca2129;} .dropdown-menu::after {color:#ca2129;} .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;} .container.content-row.content-block p, .container.content-row.content-block ul {font-size:110%;} } body.results .infographics {/*padding-top:25px;padding-bottom:25px;border-bottom:1px solid #f3f3f3;*/} body.results .infographics h3 {font-size:180%;} body.results .infographics p {/*font-weight:400;*/font-size:120%;} body.results .infographics {margin-bottom:45px;} /*#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;}*/ #slideshow .overlay .overlay-inner, .map.slide-map .overlay .overlay-inner, .content-row.thematic .tab-content .tab-pane .overlay .overlay-inner {background-color: rgba(0,0,0,0.5);padding: 25px;} #slideshow .overlay .overlay-inner p:last-child, .map.slide-map .overlay .overlay-inner p:last-child, .content-row.thematic .tab-content .tab-pane .overlay .overlay-inner p:last-child {margin-bottom:0;} .content-row.video {background:#000000;} .content-row.video img {opacity: 0.7;} .content-row.video p.lead {margin-bottom: .2rem;} .content-block p + h3 {margin-top:45px;color:#000;} .content-block.article p a {font-weight:400;} #education .article-title h2, #educacao .article-title h2 {background-color: #3657B6;color: #fff;padding: 0 15px;line-height: 180%;} #health .article-title h2, #saude .article-title h2 {background-color: #E30101;color: #fff;padding: 0 15px;line-height: 180%;} #agriculture .article-title h2, #agricultura .article-title h2 {background-color: #249D57;color: #fff;padding: 0 15px;line-height: 180%;} #humanitarian-aid .article-title h2, #ajuda-humanitaria .article-title h2 {background-color: #000000;color: #fff;padding: 0 15px;line-height: 180%;} body.results .row.infographics {margin-left:0;margin-right:0;color:#fff;} body.results .row.infographics h3 {color:#fff;margin-top:1.5rem} body.results .infographics .graphic + .graphic {border-left: 1px solid #fff;} #education .infographics .graphic, #educacao .infographics .graphic {background-color: #1F3A8A;} #education .infographics .graphic + .graphic, #educacao .infographics .graphic + .graphic {background-color: #3657B6} #education .infographics .graphic + .graphic + .graphic, #educacao .infographics .graphic + .graphic + .graphic {background-color: #4C78D9} #education .infographics .graphic + .graphic + .graphic + .graphic, #educacao .infographics .graphic + .graphic + .graphic + .graphic {background-color: #639DF1} #health .infographics .graphic, #saude .infographics .graphic {background-color: #B70707;} #health .infographics .graphic + .graphic, #saude .infographics .graphic + .graphic {background-color: #E30101} #health .infographics .graphic + .graphic + .graphic, #saude .infographics .graphic + .graphic + .graphic {background-color: #FF4D4D} #health .infographics .graphic + .graphic + .graphic + .graphic, #saude .infographics .graphic + .graphic + .graphic + .graphic {background-color: #FF9494} #agriculture .infographics .graphic, #agricultura .infographics .graphic {background-color: #187741;} #agriculture .infographics .graphic + .graphic, #agricultura .infographics .graphic + .graphic {background-color: #249D57} #agriculture .infographics .graphic + .graphic + .graphic, #agricultura .infographics .graphic + .graphic + .graphic {background-color: #37C975} #humanitarian-aid .infographics .graphic, #ajuda-humanitaria .infographics .graphic {background-color: #000000;} #humanitarian-aid .infographics .graphic + .graphic, #ajuda-humanitaria .infographics .graphic + .graphic {background-color: #555555} #humanitarian-aid .infographics .graphic + .graphic + .graphic, #ajuda-humanitaria .infographics .graphic + .graphic + .graphic {background-color: #999999} body.home .infographics .col + .col {border-left:1px solid #f3f3f3;} .article-content p {margin: 0;padding-bottom: 1.5rem;} .article-content p.lead {margin-bottom: .75rem;} .article-content ul {margin:0;padding:0;margin-bottom: 1.5rem;list-style:none;text-align:left;} .article-content ul li {list-style: circle;margin-left: 20px;} @media (min-width:1024px) { .column-2 {-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;text-align: justify;} .column-3 {-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;text-align: justify;} .column-left {width:50%;float:left;padding-right:15px;text-align: justify;} .column-right {width:50%;float:right;padding-left:15px;text-align: justify;} .column-2 + p {margin-top:1.5rem} .article-content {-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;text-align: justify;} .article-content table.read-more-container {margin-top:0;} .article-content h1, .article-content h2, .article-content h3 {text-align:auto;} .article-content img {max-width: 100%;height: auto;min-width: 100%;} body.projects .article-content {-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;-webkit-column-gap:auto;-moz-column-gap:auto;column-gap:auto;text-align:left;} body.projects .article-content p {display:block} body.projects .article-content .collapse-content {-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;text-align: justify;} body.projects .article-content .collapse-content p {display: inline-block;} body.projects .article-content .collapse-content p + p.lead {margin-top:0;} body.publications .article-content, body.contact-us .article-content, body.vacancies .article-content, body.press-releases .article-content, body.comunicados-de-imprensa .article-content {-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;-webkit-column-gap:auto;-moz-column-gap:auto;column-gap:auto;text-align:left;} body.publications .article-content p, body.contact-us .article-content p, body.vacancies .article-content p, body.press-releases .article-content, body.comunicados-de-imprensa .article-content p {display:block} .article-content .infographics {-webkit-column-span: all;-moz-column-span: all;column-span: all;} .map.slide-map .overlay .overlay-inner {width:40%} table.read-more-container.active .read-more-content {text-align: justify;} .content-cols-2 {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 30px;-moz-column-gap: 30px;column-gap: 30px;text-align: justify;} .content-cols-2 + .content-cols-2 {border-top: 1px solid #e8e8e8;padding-top: 45px;margin-top: 45px;} #vestuario.content-block .article-content, #second-hand-clothes.content-block .article-content {column-count: 1;} } .infoWindow ul {padding:0;list-style:none;} .infoWindow ul li {list-style:none;padding-left:25px;} .infoWindow ul li::before {font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;left:42px;font-size:120%;} .infoWindow ul li.education::before {content: "\f501";color:#3657B6;} .infoWindow ul li.health::before {content: "\f469";color:#E30101;} .infoWindow ul li.agriculture::before {content: "\f722";color:#249D57;} .infoWindow ul li.humanitarian-aid::before {content: "\f4be";color:#000000;} .infoWindow ul li.office::before {content: "\f19c";color:#555;} .content-row.map .overlay {display:none} #slideshow .overlay .overlay-inner {width:100%;} .content-row.thematic .tab-content .tab-pane .overlay .overlay-inner {width:100%;} .content-block.article .article-content img, .collapse-content img {max-width: 100%;height: auto;min-width: 100%;} /*Modal: 2020 Annual report*/ #open-on-load .modal-dialog {width: 100%;max-width: 960px;background-color: #C8202C;} #open-on-load.modal.fade .modal-body {padding: 45px;} #open-on-load.modal.fade .modal-body h1 {color: #fff;font-size: 500%;font-weight: bold;text-transform: uppercase;} #open-on-load.modal.fade .modal-body a.btn {padding: 15px 35px;background-color: #fff;border-radius: 0;font-size: 130%;text-transform: uppercase;margin-top: 15px;color: #C8202C;} #open-on-load.modal.fade button.close {font-size:240%;} /*Modal: TCE/HIV day*/ #open-on-load.modal.fade.tce .modal-body {padding: 0;} #open-on-load.modal.tce img {opacity:1} /*Modal: fourty-years*/ #open-on-load.modal.fade.fourty-years {top:3%;} #open-on-load.modal.fade.fourty-years .modal-body {padding: 0;} #open-on-load.modal.fourty-years img {opacity:1} .navbar .dropdown-item.annual-report {color: #C8202C;font-weight:bold;} .navbar .item-320 .dropdown-item.annual-report::after {content: "\f35d";font-family: "Font Awesome 5 Free";position:absolute; right:0;} /*newsletter signup*/ .content-row.footer .sign-up {width: 100%;float: left;margin-top: 25px;} #newsletter-signup h3 {font-size: 120%;font-weight: 600;} #newsletter-signup .alert {word-break:break-all;} #open-on-load .modal-dialog.newsletter-signup {max-width: 400px;background-color: #fff;} /*tce*/ #tce-videos table.publication, table.video {width: 290px;min-height:250px;margin:15px 15px 15px 15px;float:left;} #tce-videos table.publication tr:first-child td, table.video tr:first-child td {height:170px;} #tce-videos table.publication a, table.video a {font-size:90%} ul.sigFreeContainer li.sigFreeThumb {margin:0;} ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover {background-color: transparent !important;} /*press releases*/ #press-releases.content-row.content-block h1, #comunicados-de-imprensa.content-row.content-block h1 {color:#ca2129;font-size: 200%;border-bottom: 1px solid #e8e8e8;padding-bottom:10px;margin-bottom:25px;} #press-releases.content-row.content-block .row + .row, #comunicados-de-imprensa.content-row.content-block .row + .row {margin-top:35px;padding-top:35px;border-top:1px solid #e8e8e8;} #press-releases.content-row.content-block .row p, #comunicados-de-imprensa.content-row.content-block .row p {margin-bottom:0.25em;} /*#press-releases.content-row.content-block .row a, #comunicados-de-imprensa.content-row.content-block .row a {color:#000000} #press-releases.content-row.content-block .row a.read-more, #comunicados-de-imprensa.content-row.content-block .row a.read-more {color:#ffffff}*/ /*images*/ img.caption + span.caption-text {position: absolute;bottom: 0;z-index: 9;width: 100%;left: 0;background-color: rgba(0,0,0,0.55);padding: 3px 7px;color: #fff;font-size: 80%;line-height: 1;font-style: italic;} /*gallery*/ ul.sigFreeContainer li.sigFreeThumb {margin:0;} /*videos*/ .row-video iframe {width:100%} .row-video {--aspect-ratio: 16/9;} .row-video + .row-video {margin-top:35px;} [style*="--aspect-ratio"] > :first-child { width: 100%; } [style*="--aspect-ratio"] > img { height: auto; } @supports (--custom:property) { [style*="--aspect-ratio"] { position: relative; } [style*="--aspect-ratio"]::before { content: ""; display: block; padding-bottom: calc(100% / (var(--aspect-ratio))); } [style*="--aspect-ratio"] > :first-child { position: absolute; top: 0; left: 0; height: 100%; } } /*search*/ #search-close {color:#bbb;background-color: transparent;} /*OVERRIDES*/ /*slideshow*/ #slideshow [id*="slideshow_"] {width:100%;max-width: 1894px;margin: 0 auto;} #slideshow.container-fluid .carousel-item {background-size:cover;min-height:464px;max-height:889px;background-position:center center;background-repeat:no-repeat;} #slideshow .overlay {z-index:2} #slideshow .overlay h1, .content-row.map .overlay h1 {font-size:320%;font-weight:400;line-height:100%;text-shadow: 1px 1px 2px #000;} #slideshow .overlay p.lead {font-weight:400;font-size:150%;line-height:130%;text-shadow: 1px 1px 2px #000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;} #slideshow .overlay .btn-primary, #slideshow .overlay .btn-primary:hover {background:#CE1126;font-size: 120%;padding: 15px 45px;} /*@media (max-width:767px){ #slideshow .overlay .container {max-width:100%;width:100%;margin-left:0;margin-right:0;} }*/ /*blog*/ .blog-item {margin-bottom:45px;} .blog-date {font-size:100%;color:#aaa;margin-bottom:7px;} .blog-title {font-weight:600;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;color:#54595F;font-size:140%;margin-bottom:10px;line-height:130%;} .blog-title a {color:#54595F;} .blog-intro {font-size:120%;font-weight:300;margin-bottom:0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;line-height:140%;} .blog-image {background-size: cover;margin-bottom:20px;width:100%;height:48%;display:block;min-height:200px;border-bottom: 5px solid #ca2129;} .articles-lead .blog-image {max-height:790px;max-width:1184px;} .blog-link {margin-top:10px;} .blog-nav .blog-title {min-height: auto;} .articles-lead .blog-image {border-bottom:0;} /*news*/ .content-row.news h2, .news.blog-layout .content-row.content-block h2 {/*border-bottom:2px solid #009E49;*/} #carousel-news .carousel-control-prev, #carousel-news .carousel-control-next {top: 40%;} #carousel-news .carousel-inner {padding-right:7px} #carousel-news .carousel-item {padding-right:3px;padding-bottom:7px;} #carousel-news .carousel-item .w-100 {padding-bottom:25px;border:1px solid rgba(0,0,0,0.075);box-shadow: 3px 3px 3px rgba(0,0,0,0.075);min-height: 416px;} #carousel-news .carousel-item .w-100 > div {padding-left: 15px;padding-right: 15px;} #carousel-news a.read-more {/*color:#009E49;*/} .content-row.news + .content-row.video {padding-top:0;} .news.blog-layout a.read-more {/*color:#009E49;*/} .news.blog-layout .btn.read-more {/*background-color:#009E49;*/color:#fff;} .sidebar {font-size:85%} /*navigation*/ #navarea.nav-content .row.nav-items {flex-wrap: nowrap;overflow: hidden;} #navarea.nav-content .row.nav-items .col-auto {} #navarea.nav-content .row.nav-items .col-auto a {color:#fff;font-weight:400;line-height:40px;overflow: hidden;text-overflow:clip;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;padding-left:25px} #navarea.nav-content .row.nav-items .col-auto a[class*="icon-"]::before {font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:15px} /*custom change to shorten menu item 238*/ #navarea.nav-content .row.nav-items #item-238.col-auto a {font-size:0;} #navarea.nav-content .row.nav-items #item-238.col-auto a:after {content:"The Federation";font-size: initial;} #navarea.nav-content .row.nav-items #item-238.col-auto a[class*="icon-"]::before {font-size: initial;} .footer .policy a {line-height:130%;} .footer .policy a + a {margin-left:7px;padding-left:7px;border-left:1px solid #e8e8e8} .content-row.footer .col {margin-bottom:25px;} .content-row.footer .col.deeper a {white-space: pre-line;} .content-row.footer .col.deeper a.nav-link {font-size:100%;font-weight: 600;color: #000;} .content-row.footer .col.deeper a.nav-link.dropdown-toggle::after {display:none;} .content-row.footer .col.deeper a.nav-link + ul.nav-child {font-size:100%;font-weight:300;line-height:100%;color: #333;margin-top: 10px;} .content-row.footer .col.deeper a.nav-link + ul.nav-child li a, .content-row.footer .col.deeper a.nav-link + ul.nav-child li a:hover {font-weight:300;color: #333;padding: 0;margin: 0;line-height: 100%;background-color:transparent;} .content-row.footer .col.deeper a[class*="icon-"]::before {display:none;} @media (max-width:1023px){ .footer .policy {justify-content: flex-start!important;} } @media (min-width:1024px) { .content-row.footer .col {min-width:14%;} .content-row.footer .container .col:last-child {min-width:28%;} } @media (min-width:414px) { .articles-lead .blog-image {min-height:240px;} } @media (min-width:768px) and (max-width:1023px) { .articles-lead .blog-image {min-height:460px;} } @media (min-width:1024px) and (max-width:1111px) { .articles-lead .blog-image {min-height:353px;} } @media (min-width:1112px) { .articles-lead .blog-image {min-height:342px;} body.plain .content-block {margin-top:220px;} body.plain .content-block + .content-block {margin-top: 75px;} .content-row.map #map {min-height:640px} } @media (min-width:1366px) { .articles-lead .blog-image {min-height:423px;} }