@import url("https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap");  @font-face {
font-family: 'Open Sans';
src: url(//www.afi-global.org/old/wp-content/themes/afi/fonts/OpenSans-Regular.ttf);
}
html,
body {
font-family: Roboto;
background-color: white;
}
.logo_gpf {
width: 170px !important;
}
a {
color: #C0AE00;
}
#brand {
display: flex; background-color: rgba(255, 255, 255, 0.9);
background: #C0AE00 !important;
height: 65px; }
@media only screen and (max-width: 768px) {
#brand {
display: flex; background-color: transparent !important; }
}
.thli {
margin-bottom: 10px;
}
#brand.navbar-shadow {
background-color: #C0AE00;
height: 65px;
}
#brand.navbar-shadow a { }
.first-sect-header {
width: 8%;
}
.second-sect-header {
width: 14%;
}
.third-sect-header {
width: 78%;
}
b,
strong,
.bold {
font-family: 'Roboto';
font-weight: 700;
}
.advanced-search-label {
font-family: Roboto;
font-style: italic;
font-weight: normal;
font-size: 15px;
line-height: 18px;
color: #767500;
width: 130px;
float: left;
}
.advanced-search-section #categories-button {
width: 50px;
color: #767500;
}
.advanced-search-section .search-expand-collapse {
padding-top: 20px;
padding-bottom: 20px;
}
.afi-governance-logo {
padding-top: 6px;
}
.advanced-search-section #option-rows {
margin-top: 0px !important; padding-left: 0px !important;
padding-right: 0px !important;
}
.search-criteria-options { }
.map-pointer {
cursor: pointer;
}
.advanced-search-section .keyword-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 16px;
color: #222222;
}
input#search_box_contanywords,
input#search_box_contphrase,
input#search_box_contoneofwords {
width: 100%;
height: 31px;
font-size: 14px;
line-height: 16px;
display: flex;
align-items: center;
color: #AEAEAE;
border-top: none;
border-left: none;
border-right: none;
border-bottom-color: #C0AE00;
border-bottom-width: 1px;
}
.search-box {
padding-top: 20px;
padding-bottom: 20px;
}
.search-box-last {
padding-top: 20px;
padding-bottom: 20px;
}
.advanced-search-section #collapse-categories {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 40px;
}
.advanced-search-type-options {
flex-wrap: wrap;
margin-top: 20px
}
#advanced-search-button {
width: 297px;
border: 1px solid #767500;
border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 17px;
color: #FFF;
text-decoration: none;
margin-top: 20px;
margin-bottom: 20px;
background-color: #767500;
}
.advanced-search-type {
padding-top: 20px;
}
.search-result-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 35px;
color: #767500;
}
.search-result-row-title a {
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 200%;
color: #B79C17; }
.search-result-row {
padding-bottom: 20px;
}
.search-result-row-summary {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 200%;
color: #807F83;
}
.search-results-container,
.search-query-results-container {
margin-top: 20px;
}
.hr-line-director-reflections {
max-width: 1270px;
}
.text-black{
color:#000 !important;	
}
.text-black strong{
color:#000 !important;	
}
@media only screen and (max-width: 768px) {
.copyright-class {
justify-content: center !important;
}
.flip-box .flip-box-inner.active { transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-box:hover .flip-box-inner:not(.active) { transform: rotateY(0deg) !important;
-webkit-transform: rotateY(0deg) !important;
-ms-transform: rotateY(0deg) !important; }
#advanced-search-button {
width: 100% !important;
}
.videos_main .explore-btn {
padding-top: 30px;
}
.head-title .blog-title {
margin-top: 15px;
}
.head-title .news-title {
margin-top: -30px;
}
.head-title .speechs-title {
margin-top: -15px;
} }
.advanced-search-section .pagination {
margin-top: 10px !important;
width: 100%;
}
.advanced-search-section .adv-search-navi-left {
padding-right: 30px;
}
.advanced-search-section .adv-search-navi-right {
padding-left: 30px;
}
.search-for-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 35px;
color: #B79C17;
padding-bottom: 20px;
}
.first_row {
height: 39px;
margin-bottom: 0px;
padding: 5px 0px;
list-style: none;
}
.top {
z-index: 99;
}
.sdg_slick .slick-track {
margin-left: 0px;
margin-right: 0px;
}
.activity_icon { top: 15%;
left: 9%;
}
.newsroom-blogs-cont {
padding: 0px !important;
margin: 0px;
}
section>div#regional {
height: 700px;
}
p[data-target="#accordion-newsroom"][aria-expanded="false"]::before {
content: 'Show Filter';
}
p[data-target="#accordion-newsroom"][aria-expanded="true"]::before {
content: 'Hide Filter';
}
div[id^="custom_slider"] ol {   color: white;
cursor: pointer;
display: flex;
justify-content: center;    list-style: none;
display: flex;
width: 71%;  margin: auto;
margin-bottom: 20px;
margin-left: 10%;
}
#regional .thumbnail_mng.slider-nav {
position: absolute;
bottom: 39px;
left: 0px;
right: 0px;
}
.language-options+label,
#language-button {
text-transform: none;
}
div[id^="custom_slider"] ol li { border: 1px solid white;  height: 120px; border-radius: 0px;
background: transparent;
margin-left: 0px;
margin: 0px;
opacity: 1;
text-indent: inherit;
flex-grow: 1;
flex-shrink: 0;
flex-basis: 0;
}
div[id^="custom_slider"] ol li.active h5 {
font-size: 28px !important;
line-height: 1.3;
font-weight: bold;
color: #FFFFFF;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
margin-bottom: 41px !important;
}
div[id^="custom_slider"] ol li h5 {
line-height: 1.2;
font-weight: bold;
color: #FFFFFF;
font-size: 1.1em;
}
div[id^="custom_slider"] ol li.active p {
font-size: 17px;
line-height: 1.4;
color: #FFFFFF;
padding-bottom: 10px;
}
div[id^="custom_slider"] ol li.active a {
font-size: 17px;
font-style: italic;
}
div[id^="custom_slider"] ol li a {
display: none;
}
@media (min-width: 769px) and (max-width: 1440px) {
div[id^="custom_slider"] ol li.active .boxnav { display: inline-block !important;
}
div[id^="custom_slider"] ol li.active h5 {
font-size: 17px !important;
line-height: 1.3;
font-weight: bold;
color: #FFFFFF;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
div[id^="custom_slider"] ol li h5 {
line-height: 1.2;
font-weight: bold;
color: #FFFFFF;
font-size: 0.8em;
}
div[id^="custom_slider"] ol li.active p {
font-size: 13px !important;
line-height: 1.4;
color: #FFFFFF;
padding-bottom: 10px;
}
div[id^="custom_slider"] ol li.active a {
font-size: 13px;
font-style: italic;
}
div[id^="custom_slider"] ol li a {
display: none;
}
div[id^="custom_slider"] ol li.active img {
display: block;
width: 25px !important;
height: 25px !important;
}
div[id^="custom_slider"] ol li.active .image_slide img {
width: 100% !important;
height: 100% !important;
padding: 5px;
}
div[id^="custom_slider"] ol li.active .title_slide {
width: 70%;
display: inline-block;
float: left;
}
.image_slide {
width: 30%;
display: inline-block;
float: left;
}
.title_slide {
width: 100%;
display: inline-block;
float: left;
}
}
#collapsed_navbar:after {
display: none !important;
content: '';
}
li.current_page div {
background-color: #C0AE00 !important;
border-color: #C0AE00 !important; font-family: 'Roboto';
}
li.current_page div * {
font-size: 15px !important;
}
div[id^="custom_slider"] ol li:not(.active) p,
div#custom_slider ol li:not(.active) img {
display: none;
}
div[id^="custom_slider"] {
position: relative;
}
div[id^="custom_slider"] .carousel-item img.w-100,
div[id^="custom_slider"] .carousel-item img.d-block {   }
div[id^="custom_slider"] ol li.active {  flex-grow: 2;
flex-direction: column;
height: 400px;
bottom: 0px;
}
div[id^="custom_slider"] ol li.active * {
display: flex;
justify-content: space-between;
}
div[id^="custom_slider"] ol li.active img {
display: block;
width: 45px;
height: 45px;
}
div[id^="custom_slider"] ol li.active .title_slide {
width: 70%;
display: inline-block;
float: left;
}
.image_slide {
width: 30%;
display: inline-block;
float: left;
}
.title_slide {
width: 100%;
display: inline-block;
float: left;
}
div[id^="custom_slider"] ol li.active .image_slide img {
width: 100% !important;
height: 100% !important;
padding: 5px;
}
div[id^="custom_slider"] .carousel-control-next-icon,
div[id^="custom_slider"] .carousel-control-prev-icon { position: absolute;
}
div[id^="custom_slider"] ol li.active img::after {
content: "\A";
white-space: pre;
}
div[id^="custom_slider"] ol li img {
display: none;
}
.reports_slick b {
font-weight: 900;
font-size: 30px;
line-height: 35px;
font-family: 'Roboto';
font-weight: 700;
}
.reports_slick span {
font-weight: normal;
font-size: 15px;
line-height: 35px;
font-family: 'Roboto';
}
.boxnav h6 {
position: absolute;
bottom: 0px;
}
.boxnav h6::before {
content: '';
margin-right: 4px;
font-weight: 900;
border-bottom: 2px solid white;
width: 13px; height: 11px; }
.banner {
background-image: url(//www.afi-global.org/old/wp-content/themes/uploads/2019/04/image.png); min-height: 400px;
position: relative;
top: -48px;
}
.grey_bg_header {
background-color: #C0AE00;
height: 65px !important;
}
.navbar-shadow {
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
box-shadow: 0px 40px 0px rgba(0, 0, 0, 0.65), 0px 0px 0px rgba(38, 38, 38, 1);
}
section#library-afi-publications div.card-header::after {
display: none;
}
.float-right {
float: right !important;
}
#book_seat {
background: rgba(17, 17, 17, 0.6);
color: white;
vertical-align: middle;
position: fixed;
bottom: 0px;
width: 100%;
z-index: 99999;
margin-top: 15px;
opacity: 1;
height: 135px;
}
#book_seat .first {
background-color: black;
color: white;
flex-direction: column;
}
#book_seat h3 {
font-size: 30px;
line-height: 1;
margin: auto;
font-weight: bold;
}
#maya-videos .slick-slide {
height: 700px !important;
}
section#gpf {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/Group 7_.jpg); padding-top: 7%;
justify-content: space-around;
color: white;
padding-bottom: 2%;
background-repeat: no-repeat;
background-size-x: 100%; background-size: cover;
height: 100vh;
}
#homepage_first {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/main_desktop.jpg);
background-repeat: no-repeat; background-size: cover;
height: 100vh;
}
section#gpf .title { margin-bottom: 25px; }
section#gpf .title h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 2.8vw;
line-height: 1.2;   color: #262626; }
section#gpf .title h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 2.8vw;
line-height: 1.2;   color: #262626; }
section#gpf .description { font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px; color: #262626; } .col-fill {
background-color: #262626 !important;
}
i.view {
font-family: Roboto;
font-size: 17px;
}
#share {
position: fixed;
left: 5px;
z-index: 99;
top: 149px;
}
.jssocials-shares>div.share_icon {
display: block;
background-color: transparent;
}
div.share_icon a {
border: 1px solid #EAEAEA !important;
border-radius: 50%;
color: #C0AE00 !important;
width: 33px;
height: 33px;
padding: 0px;
display: flex;
vertical-align: middle;
justify-content: center;
align-items: center;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
background: #EAEAEA;
}
div.share_icon a i {
font-size: 15px;
}
.grey_bg_header {
background-color: #C0AE00;
} .menu-navbar {
z-index: 20;
}
.brandlogo {
z-index: 100; }
.rowbg {
background-color: #000000;
width: 100%;
margin-left: 0px !important;
}
.navbar-toggler {
color: #FFFFFF;
border-radius: 0px;
height: 100%;
outline: none !important;
margin-right: 0px; }
.bannerbg {
background-image: url(//www.afi-global.org/old/wp-content/themes/uploads/2019/04/image.png);
}
.ml-0 {
margin-left: 0px !important;
}
.person {
font-size: 20px;
line-height: normal;
color: #807F83;
display: flex; align-items: inherit; }
main#content { min-height: 250px;
}
.count-percentage {
font-size: 111px;
line-height: normal;
color: #807F83;
}
.person .text-uppercase {
font-size: 40px;
font-family: 'Roboto';
font-weight: 700;
}
.person span.count {
font-family: 'Roboto';
font-weight: 700;
font-size: 111px;
}
ul.second_nav {
list-style: none;
display: block;
float: right; width: fit-content;
width: -moz-fit-content;
}
.second_nav.row li { height: 39px;
margin-top: -9px;
}
ul.second_nav li,
ul.first_row li,
.border_right {
border-right: 1px solid #ffffff;
}
#collapsed_navbar .border_bottom {
border-bottom: 1px solid #ffffff;
}
ul.second_nav li a {
color: white !important;
}
.white {
color: white !important;
}
div.thumbnail {
display: flex;
justify-content: space-around;
flex-direction: column;
}
ul.first_row.row {
box-shadow: 0px 38px 0px rgba(0, 0, 0, 0.24), 0px 0px 1px rgba(0, 0, 0, 0.12)
}
ul.first_row,
.second_nav.row {
text-align: right;
padding: 0px; height: 50px;
align-items: center;
display: flex;
justify-content: flex-end; margin: 0px;
paddnig-r: 5%;
padding-right: 11%;
text-shadow: 0px 0px 3px #262626;
font-size: 2vh;
}
ul li:last-child {
border-right: 0px;
}
ul.first_row div {
border-right: 1px solid #C0AE00;
}
ul.first_row li,
.second_nav.row li {
padding: 6px 22px;
display: flex;
align-items: ;
z-index: 99;
font-size: 16px;
}
ul.first_row li { padding: 13px 22px;
}
.bar_btn a::after {
display: none !important;
}
.second_nav.row li.search_btn {
z-index: 99;
}
.black {
color: black;
z-index: 99999;
}
.search_btn a,
.bar_btn {
z-index: 11;
}
ul.first_row li a {
color: white !important;
font-size: 16px;
line-height: 8px;
display: flex;
line-height: 0.98;
display: flex;
text-align: left;
align-items: center;
}
a {
text-decoration: none !important;
}
ul.first_row li a img {
margin-right: 5px; width: 39px;
height: 39px;
}
.calendar_section {
background-color: #2f2f2f;
padding-top: 45px;
padding-bottom: 45px;
}
div#carouselExampleIndicators .carousel-item div { position: relative;
z-index: 55;  display: flex;
flex-direction: column;
justify-content: space-around; color: #262626;
height: 100%;
}
div#carouselExampleIndicators .carousel-item div img {
width: fit-content; width: -moz-fit-content;
}
div#carouselExampleIndicators .carousel-item div h2 {
font-size: 4vw;
line-height: 1;
font-family: 'Roboto';
font-weight: 900; color: #fff;
}
div#carouselExampleIndicators .carousel-item div a { border: 1px solid #fff;
border-radius: 5px;
padding: 5px 10px;
cursor: pointer;
width: 240px; color: #fff; font-weight: 700;  justify-content: space-between;
align-items: center; box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.15);
}
div#carouselExampleIndicators .carousel-item div a::after {
content: "\F054";
float: right; color: #fff;
font-size: 12px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-top: 5px;
text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.15);
}
.mobile-main h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 45px;
line-height: 42px;
color: #FFFFFF;
}
.mobile-main-link a {
border: 1px solid white;
border-radius: 3px;
padding: 10px 10px;
cursor: pointer;
width: 100%;
color: white;
}
.mobile-main-link a::after {
content: "\F054";
float: right;
color: white !important;
font-size: 11px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-top: 5px;
} .img-responsive {
width: 100%;
height: auto;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: rgba(242, 242, 242, 0.9) !important;
}
.footer-follow-us { }
.footer-intro-text {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 20px;
color: #807F83;
margin-top: 0px !important;
text-align: left !important;
margin-bottom: 100px;
}
.footer-follow-us-title {
width: 100%;
font-family: Roboto;
font-style: normal;
font-weight: bolder;
font-size: 14px;
line-height: 20px;
color: #222222;
}
.footer-signup-txt {
font-family: Roboto;
font-style: normal;
font-weight: 900;
font-size: 14px;
line-height: normal;
color: #000000; width: 100%;
}
.footer-signup-btn {
margin-top: 20px;
} .align-center {
align-items: center;
}      .footer_category_title a {
font-family: Roboto;
font-style: normal;
font-weight: 900;
font-size: 24px;
line-height: 2.5;
color: #C0AE00;
}
.footer_section_title a {
font-family: Roboto;
font-style: normal;
font-weight: 900;
font-size: 16px; color: #000000;
}
.footer_title {
font-family: Roboto !important;
font-style: normal !important;
font-weight: 900 !important;
font-size: 16px !important;
color: #000000 !important;
}
.gpf-report-header {
margin-bottom: 30px;
}
#gpf_4 .slick-track {
margin-bottom: 30px;
}
#gpf_4 .report_item {
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-right: 0px !important;
padding-left: 10px;
padding-right: 10px;
box-shadow: none !important;
background-color: transparent !important;
}
.gpf-report-cover-pic {  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
margin-bottom: 0px !important;
width: 208px !important;
height: 294px !important;
}
.footer_section_subs a {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.8;
color: #807F83;
}
.footer_section_subs {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.8;
color: #807F83;
}         .writen_by i {
font-size: 12px;
display: block;
font-family: 'Roboto';
font-weight: normal;
}
#email {
margin-top: 35px;
border: none;
border-bottom: 1px solid #C0AE00;
border-radius: 0px;
box-shadow: none !important;
text-align: center;
} .smef_download_button { width: 297px;
color: #222222;
border: 1px solid #000000;
border-radius: 5px; justify-content: space-between;
padding: 10px 10px;
display: flex;
}
.smef_download_button div {
margin-bottom: 0px !important;
}
.smef_download_link {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 40px;
color: #222222;
width: 200px;
float: left;
}
.smef_download_icon {
float: right;
}
div#footer-brand-logo {
text-align: left !important;
margin-bottom: 30px;
} .footer-follow-us-title {
text-align: left !important;
}
.footer-follow-us-links {
text-align: left !important;
}
.footer-follow-us-links img {
max-width: 40px;
}
form span.grey {
color: grey;
}
#footer-signup-form {
background-color: white;
padding: 16px 10px;
border-radius: 3px;
margin-top: 10px;
}
#footer-signup-form button,
#footer-signup-form input[type=submit] {
background: #000000;
border: none !important;
box-shadow: none;
color: white;
text-align: center;
margin-top: 10px;
width: 100%;
border-radius: 1px;
font-size: 14px;
padding: 10px;
font-family: 'Roboto';
font-weight: 700;
line-height: 20px;
text-align: center;
color: #FFFFFF;
}
.footer-signup-txt {
text-align: left !important;
}   #footer_id .right-border {
border-right: solid 1px #c0AE00;
border-bottom: solid 1px #c0AE00;
padding-bottom: 15px;
}
.navbar-brand {
margin-left: 10%;
}
#navbarResponsive ul {
margin-right: 10%;
}
#navbarResponsive {
align-self: flex-end;
}
#afibanner {
width: 100%;
height: auto;
}
.logo {
z-index: 9999;
position: relative;
height: 75px;
}
.navbar-brand {
padding-top: 0px;
padding-bottom: 0px;
}
.mo_title {
font-family: 'Roboto';
font-weight: 700;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
text-align: center;
color: #C0AE00;
}
#mologo {
float: left;
}
div#collapsed_navbar {
background: #FFFFFF;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
position: absolute;  top: 65px;  z-index: 9;
padding-top: 5%;
padding-left: 0px;
padding-right: 0px;
left: 0px;
overflow-y: auto;
}
@media screen and (max-width: 1366px) {
div#collapsed_navbar {
background: #FFFFFF;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
position: absolute;  top: 65px;  z-index: 9;
padding-top: 5%;
padding-left: 0px;
padding-right: 0px;
left: 0px;
overflow-y: auto;
height: 95vh;
}
}
div#collapsed_navbar::-webkit-scrollbar {
width: 6px;
} div#collapsed_navbar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); 
-webkit-border-radius: 5px;
border-radius: 5px;
} div#collapsed_navbar::-webkit-scrollbar-thumb {
-webkit-border-radius: 5px;
border-radius: 5px;
background: rgba(192, 174, 0,0.8); 
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); 
}
div#collapsed_navbar::-webkit-scrollbar-thumb:window-inactive {
background: rgba(192, 174, 0,0.4); 
}
div#collapsed_navbar .navbar-link {
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #C0AE00;
}
div#collapsed_navbar .navbar-link a {
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #C0AE00;
}
.mobileCOVID {
color: #C0AE00 !important;
}
div#collapsed_navbar .navbar-link::after {
display: none;
}
div#collapsed_navbar ul,
#sitemap div a,
div#collapsed_navbar ul a {
list-style: none;
font-size: 13px;
line-height: 1.6;
color: #807F83;  }
div#collapsed_navbar ul,
#sitemap div a,
div#collapsed_navbar ul li {  }
#sitemap .social a { margin-left: 5px;
}
div#collapsed_navbar ul li.bold {
margin-bottom: 10px;
}
div#collapsed_navbar ul li.bold:first-child {
margin-bottom: 10px;
margin-top: 20px;
}
.boldCOVID19 {
margin-top: 20px;
}
.boldCOVID {
margin-top: 20px;
}
div#collapsed_navbar ul li.bold a {
font-weight: 900;
color: black;
font-size: 15px;
}
.mo_description {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 26px;
text-align: center;
color: #807F83;
margin-top: 30px;
}
#mo_item_list {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
text-align: center;
color: #807F83;
margin-top: 50px;
}
#mo_item_list span {
font-family: 'Roboto';
font-weight: 700;
font-style: normal;
font-weight: 900;
font-size: 45px;
line-height: 63px;
text-align: center;
color: #C0AE00;
width: 100%;
}
.smef-descr {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.smef-p1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.smef-descr div { }
.carousel-indicators li {
width: 8px;
height: 9px;
border-radius: 50%;
}
*:focus {
outline: none !important;
}
.slick-next { }
.slick-prev { z-index: 9;
}
.mt-6 {
margin-top: 6%;
} .afi-publications-title {
font-family: 'Roboto';
font-weight: 700;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 1.2;
color: #C0AE00;  }
.afi-publications-teaser {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;   }
.afi-publications-logo { }
.afi-publications-items img {
margin: auto;
}
.afi-publications-explore {
width: 297px;
border: 1px solid #000000;
border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 17px;
color: #000000;
}  .gpf-banner {
width: 100%;
}
.gpf-container {
position: relative;
}
.gpf-description { margin-left: 10%;
z-index: 55;
top: 25%;
position: absolute;
padding: 25px 25px;
}
.gpf-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #C0AE00;
}
section#awards_second {
background: #EEEEEE;
}
section#awards_second .card-title {
color: #807F83 !important;
font-family: 'Roboto';
font-weight: 700;
}
section#awards_second .card-header {
border-bottom: 1px solid #393939;
border-top: 1px solid #393939;
color: black !important;
}
section#awards_second h4 {
border-bottom: 2px solid #c0ae00;
padding-bottom: 8px;
color: #A3A2A6;
margin-bottom: 20px;
}
section#awards_second div {
padding-left: 0px;
color: black;
}
section#awards_second h5 {
font-size: 17px;
line-height: 26px;
color: #807F83;
}
section#awards_second p.h5 {
font-size: 17px;
line-height: 26px;
color: #807F83;
}
section#activities+.custom_slider_2 li.active .boxnav {
height: 192px;
}
section#awards_four .card-title {
font-size: 22px;
line-height: 31px;
color: #262626 !important;
font-family: 'Roboto';
font-weight: 700;
}
.yellow,
.news-content p a {
color: #C0AE00 !important; display: contents;
}
.gpf-teaser {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
margin-top: 30px;
}
.gpf-logo {
z-index: 55;
position: absolute;
top: 4%;
margin-left: 7%;
}
.gpf-learn-more {
width: 297px;
border: 1px solid #FFFFFF;
border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 25px;
color: #FFFFFF;
text-decoration: none;
margin-top: 30px;
display: flex;
align-items: center;
justify-content: space-between;
}
.gpf-learn-more:hover {
text-decoration: none;
color: #FFFFFF;
}  #smef-item-list span {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 60px;
line-height: normal;
text-align: center;
letter-spacing: -0.05em;
color: #FFFFFF
}
.smef-item-container { padding: 50px 0px; }
.smef-item {
display: flex;
flex-direction: column;
color: #FFFFFF;
text-align: center;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: normal;
text-align: center;
color: #FFFFFF;
align-items: center;
}
.smef-item img {
width: fit-content;
margin-left: auto;
margin-right: auto;
display: block;
width: -moz-fit-content;
}
.smef-item-img {
height: 100px;
}
.acc_depo .card,
.awp .card,
.awp2 .card,
.pr .card {
border: none;
border-top: 1px solid rgba(0, 0, 0, .125);
background-color: transparent;
}
.acc_depo .card-header {
background-color: transparent;
padding: .75rem 0rem;
border-bottom: none;
}
.main_title {
font-family: 'Roboto';
font-weight: 700;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
margin-bottom: 30px;
color: #C0AE00;
}
.blue {
color: #009EE2;
}
.GPFPostponed h3 {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 26px;
color: #000000;
}
.main_content,
.card-body {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 26px;
color: #807F83;
}
.main_contentp p {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 26px;
color: #807F83;
}
.main_contentp ol {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 26px;
color: #807F83;
}
.main_contentp ul {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 26px;
color: #807F83;
}
.main_content_donors {
padding-top: 2vw;
}
.card-body a,
.main_content a {
color: #C0AE00;
}
.main_contentp a {
color: #C0AE00;
}
section#gender_third .h3 {
font-weight: bold;
font-size: 20px;
line-height: 28px;
width: 300px;
font-family: 'Roboto';
font-weight: 700;
color: #FFFFFF;
line-height: 1.6;
}
.awp .card-header,
.awp2 .card-header,
.pr .card-header {
background-color: transparent;
padding: .75rem 0rem;
font-size: 20px;
line-height: 2;
font-family: 'Roboto';
font-weight: 700;
color: #807F83;
}
.acc_depo .collapsed,
.awp .collapsed,
.awp2 .collapsed,
.pr .collapsed {
border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.acc_depo .card-header .collapsed,
.awp .card-header .collapsed,
.awp2 .card-header .collapsed,
.pr .card-header .collapsed {
border-bottom: none;
}
#career .card-body {
background-color: transparent !important;
}
#career .card-title {
width: 80% !important;
display: inline-block;
}
.accordion .card-header:after {
display: flex;
float: right; font-size: 11px;
margin-top: 16px;
font-weight: 600;
margin-left: 22px;
line-height: 2px;
margin-right: 20px;
font-family: 'Font Awesome 5 Free';
}
.accordion .card-header.collapsed:after { }
[aria-expanded="false"]:after {
content: "\F078" !important;
font-family: 'Font Awesome 5 Free';
font-weight: 600;
}
#gender_fourth .count {
color: #B69C17;
margin-right: 8px;
font-size: 240px
}
.row.chamipons h5.grey,
#gender_fourth h5.grey {
color: #807F83 !important;
}
.row.chamipons .h5.grey,
#gender_fourth .h5.grey {
color: #807F83 !important;
}
.grey {
color: #807F83;
}
#gender_fourth a.btn-wg {
width: 200px;
justify-content: space-between;
display: flex;
vertical-align: middle;
align-items: center;
}
.row.chamipons h5,
#gender_fourth h5 {
display: flex;
margin-bottom: 18px;
font-size: 17px;
line-height: 26px;
color: #000000 !important;
}
.row.chamipons .h5 {
display: flex;
margin-bottom: 18px;
font-size: 17px;
line-height: 26px;
color: #000000 !important;
}
#gender_fourth .h5 {
display: flex;
margin-bottom: 18px;
font-size: 17px;
line-height: 26px;
color: #000000 !important;
}
.greyp {
color: #807F83;
}
.row.chamipons .h5::before {
content: "\F054" !important;
font-size: 11px;
font-family: 'Font Awesome 5 Free';
color: #000000;
margin-right: 10px;
font-weight: 600;
}
h5.grey-text:nth-of-type(4n+3),
h5.grey-text:nth-of-type(4n+3)+* {
color: #807F83 !important;
}
.h5.grey-text:nth-of-type(4n+3),
.h5.grey-text:nth-of-type(4n+3)+* {
color: #807F83 !important;
}
#cefi .card-title {
font-size: 17px;
}
#cefi .card-body { }
#cefi .card-body .yellow {
font-family: 'Roboto';
}
.costing {
width: 100%;
text-align: center;
margin-bottom: 35px;
margin-top: 35px;
}
.costing tr {
color: black;
line-height: 4.5;
}
.desktop>div:not(.caption_mng2) { }
#gpf_3 {
padding-top: 25px;
padding-bottom: 25px;
}
.costing tr.grey_bg,
.grey_bg {
background-color: #F2F2F2;
}
.costing .header_row {
background-color: #B9A649;
font-weight: bold;
color: white;
line-height: 2.5;
}
.row.chamipons h5::before {
content: "\F054" !important;
font-size: 11px;
font-family: 'Font Awesome 5 Free';
color: #000000;
margin-right: 10px;
font-weight: 600;
}
.row.chamipons .pcapicty {
display: flex;
margin-bottom: 18px;
font-size: 17px;
line-height: 26px;
color: #000000 !important;
}
.row.chamipons .pcapicty::before {
content: "\F054" !important;
font-size: 11px;
font-family: 'Font Awesome 5 Free';
color: #000000;
margin-right: 10px;
font-weight: 600;
}
.row.chamipons .pcapicty {
display: flex;
margin-bottom: 18px;
font-size: 17px;
line-height: 26px;
color: #000000 !important;
}
.row.chamipons .pcapicty::before {
content: "\F054" !important;
font-size: 11px;
font-family: 'Font Awesome 5 Free';
color: #000000;
margin-right: 10px;
font-weight: 600;
} .arrow-wg p{
width:100%;	
}
.arrow-wg ul {
margin-block-start: 0em !important;
padding-inline-start: 10px;
}
.arrow-wg li {
padding-left: 1.3em;
margin-bottom: 18px;
font-size: 17px;
line-height: 26px;
color: #000000 !important;
list-style-type: none;
}
.arrow-wg li::marker {
display: none !important;
}
.arrow-wg li::before {
content: "\F054" !important;
font-size: 11px;
font-family: 'Font Awesome 5 Free';
color: #000000;
display: inline-block;
margin-left: -1.3em;
width: 1.3em;
font-weight: 600;
}
p.no-arrow {
display: flex;
margin-bottom: 18px;
font-size: 17px;
line-height: 26px;
color: #000000 !important;
}
p.no-arrow::before {
content: "" !important;
font-size: 11px;
font-family: 'Font Awesome 5 Free';
color: #000000;
margin-right: 10px;
font-weight: 600;
}
[aria-expanded="true"]:after {
content: "\F077" !important;
font-family: 'Font Awesome 5 Free';
font-weight: 600;
}
.grey_light_bg {
background-color: #F8F8F8 !important; }
.grey_light_bg small {
color: #807F83;
}
section.image-bods img,
.image-bods img,
.bordered_img {
border-radius: 50%;
border: 3px solid #C4C4C4;
width: 161px;
}
#career_first,
#mng_first,
#leader_first,
#community-first,
#donor_first,
section#donor_third,
#awards_first,
#financial_first,
#gender_third,
section#fintech_third {
height: 34vw;
background-repeat: no-repeat;
background-size: cover;
position: relative;
display: flex; align-items: center;  }
section#donor_third,
section#awards_third,
section#gender_third,
section#fintech_third {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/Formalizing.jpg);
height: 400px;
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover;
background-position: top; }
section#fintech_third {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/alfred_2.jpg);
}
section#donor_third h3,
section#gender_third h3,
.short h3,
section#fintech_third h3 {
font-weight: bold;
font-size: 20px;
line-height: 28px;
width: 300px;
font-family: 'Roboto';
font-weight: 700;
color: #FFFFFF;
line-height: 1.6;
}
div#policy a {
text-align: center;
font-weight: bold;
color: #000000;
font-size: 17px;
display: block;
margin-top: 11px;
}
div#policy a img {
display: block;
max-height: 140px;
margin: auto; }
.short h3 {
color: black;
width: -webkit-fill-available;
padding: 30px 20px;
}
section#awards_third,
#awards_first {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/afi-bg.jpg);
}
section#gender_third {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/gender_third.jpg);
}
#mng_first {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/mng_bg.jpg);
}
#leader_first {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/leader_perspective.jpg);
} #donor_first {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/afi/img/donor_bg.jpg);
}
#member_institutions_first {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/afi/img/afi-member-institutions-banner.jpg);
}
#partnership_champions_first {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/afi/img/afi-partnership-champions-banner.jpg);
}
#career_first div.container,
#mng_first div.container,
#donor_first div.container,
#community-first div.container,
#leader_first div.container,
#awards_first div.container,
#financial_first div.container {
justify-content: space-between;
display: flex;
flex-direction: column;
align-items: flex-start;
height: 50%;
}
#awards_first div div {
margin-left: 5%;
}
div[id^="custom_slider"] ol li .boxnav {
position: absolute;
width: 100%;
height: 120px;
bottom: 0;
display: block;
justify-content: unset;
padding: 11px;
border: 1px solid #fff;
}
div[id^="custom_slider"] ol li.active .boxnav { display: inline-block !important;
}
div[id^="custom_slider"] ol li.active {
flex-grow: 2;
flex-direction: column;
height: inherit;
bottom: 0px;
position: relative;
}
div[id^="custom_slider"] ol li {
height: inherit;
border: none;
background: transparent;
margin-left: 0px;
margin: 0px;
opacity: 1;
text-indent: inherit;
flex-grow: 1;
flex-shrink: 0;
flex-basis: 0;
position: relative;
}
#career_first h2,
#mng_first h2,
#leader_first h2,
#community-first h2,
#donor_first h2,
#awards_first h2,
#financial_first h2,
#financial_first h3 {
font-size: 46px;
line-height: 26px;
font-family: 'Roboto';
font-weight: 700;
color: #FFFFFF;  line-height: 0.8;
}
#financial_first h2 {
line-height: 1;
}
#financial_first h3 {
font-size: 38px;
line-height: 44px;
}
#staff .card-title {
font-size: 30px;
line-height: 42px;
color: #767500;
font-family: 'Roboto';
font-weight: 700;
}
#staff h4 {
font-family: 'Roboto';
font-weight: 700;
padding-top: 7px;
padding-bottom: 7px;
border-radius: 1px;
color: white;
font-size: 14px;
line-height: normal;
color: #FFFFFF !important;
background: #B9A649;
}
#staff h4::after {
display: none;
}
section#mng_carousel .carousel-inner {
padding-left: 30px;
}
section#mng_carousel a {
width: auto;
}
#mng_carousel .carousel {
width: 100%;
}
#staff .card-body div {
padding-left: 0px;
margin-bottom: 10px;
}
#staff .card-body {
padding-left: 0px !important;
}
#staff .card-body * {
color: #262626;
}
#staff .card-body a.w-100 {
font-family: 'Roboto';
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #C0AE00;
margin-bottom: 10px;
}
#leaders_second h4 {
font-family: 'Roboto';
font-weight: 700;
font-size: 18px;
line-height: 20px;
color: #C0AE00;
margin-bottom: 10px;
}
#leaders_second div a {
color: #212529 !important;
}
#leaders_second .bordered_right {
border-right: 1px solid #E9E4CC;
}
#leaders_second .bordered_bottom {
border-bottom: 1px solid #E9E4CC;
}
a.black {
color: black !important;
}
#homepage-publications .flip-box-front {
background-color: #FFFFFF;
}
#homepage-publications .flip-box {
padding-top: 0px;
}
#homepage-publications .homepage-publictions { width: 240px;
height: 340px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
}
#homepage-publications .flip-box-front {
height: 377px;
padding-top: 18px;
}
#homepage-publications .flip-box-back {
background-color: #F8F8F8;
}
#homepage-publications .relpublications-flipboxback-downloadbtn {
color: #000000;
}
#homepage-publications .relpublications-flipboxback-readmore {
font-style: italic;
text-align: left;
}
#homepage-publications .relpublication-flipback-title {
padding-left: 0px;
padding-right: 0px;
}
#homepage-publications .homepage-publication-summary {
color: #333333;
text-align: left;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 12px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
}
#homepage-publications .relpublications-flipbox {
padding-right: 15px;
}
#homepage-explore-publication-mobile {
display: none;
}
@media (min-width: 768px) and (max-width: 1096px) {
.library-browse-full-library,
.library-browse-full-library:hover {
width: 90% !important;
}
}
@media and (max-width:1440px) {
.footer_section_subs a {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: inherit;
color: #807F83;
margin-bottom: 15px;
display: inline-block;
}
}
@media screen and (max-width: 1024px) {
#homepage-explore-publication-mobile { display: flex;
}
.blog_main .flip-box-inner,
.speeches_main .flip-box-inner {
margin: auto;
}
.news_main .executive-reflections-publication-flipbox .flip-box-inner { margin: auto;
}
#homepage-explore-publication-desktop {
display: none !important;
}
.relpublications-flipbox .flip-box-inner { margin: auto !important;
}
#homepage-publications .slick-prev {
margin-left: 25px;
}
#homepage-publications .slick-next {
margin-right: 25px;
}
} @media screen and (max-width:1024px) and (min-width:768px) {
div#carouselExampleIndicators .carousel-item div h2 {
font-size: 50px;
}
div#carouselExampleIndicators .carousel-item div {
top: 25%;
}
}
@media only screen and (max-width: 768px) {
.vid-news .slider-nav {
width: 80%;
}
section>div#regional {
height: 228px;
}
.smef-relpublictions-container .relpublications-flipbox {
margin: auto;
display: block !important;
}
#brand.navbar-shadow a {
display: flex !important;
}
#brand.navbar-shadow {
box-shadow: none !important;
height: unset;
}
.wrapper_filter {
margin-right: 0px;
margin-left: 0px;
}
.pagination span,
.pagination a {
padding-left: 4px !important;
padding-right: 4px !important;
font-size: 14px !important;
;
}
#career_first,
#mng_first,
#leader_first,
#community-first,
#donor_first,
section#donor_third,
#awards_first,
#financial_first,
#gender_third,
section#fintech_third {
height: 72vw;
background-repeat: no-repeat;
background-size: cover;
position: relative;
display: flex; align-items: center;
}
section#gpf {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/image_93_mobile.jpg);
padding-top: 15%;
justify-content: space-around;
color: black;
padding-bottom: 2%;
background-repeat: no-repeat;
background-size: 100% 100%;
}
#book_seat .global-forum-watch-video {
margin-bottom: 10px !important;
margin-top: 10px;
}
section#gpf img {
width: 150px;
padding-top: 2px;
}
section#gpf .title {
margin-left: 10px;
margin-bottom: 0;
}
section#gpf .title h2 {
margin-top: 200px;
line-height: 1;
font-size: 30px;
}
section#gpf .title h1 {
margin-top: 200px;
line-height: 1;
font-size: 30px;
}
section#gpf_2 .main_title {
font-size: 28px;
line-height: 1.1;
margin-top: 15px;
margin-bottom: 15px;
}
div[id^="custom_slider"] .carousel-item img.d-block {
height: auto;
width: 100%;
}
section#gender_third,
section#fintech_third {
background-position-x: 70%;
}
div#collapsed_navbar {
max-height: 474px;
overflow-y: auto;
}
.activity_icon { top: 10%;
}
.slide_mobile_cap {
position: absolute; top: 30vh;
color: #fff;   text-align: center;
margin: 0 auto;
width: 100%;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
font-weight: bold;
font-size: 25px;
line-height: 26px;
padding: 0px 40px;
}
.title_slide {
width: 70%;
display: inline-block;
float: left;
}
.black_bg {
background-color: #262626;
order: 1;
display: flex;
flex-direction: column;
padding: 10px 12px;
}
div[id^="custom_slider"] .carousel-item { flex-direction: column;
max-width: inherit;
}
div[id^="custom_slider"] .carousel-item img.w-100 {
width: auto !important;
height: 220px;
}
div[id^="custom_slider"].a ctivity_icon {
display: none;
}
.black_bg h5 {
display: block;
}
.black_bg * {
color: white;
}
#career .card-title {
font-size: 18px;
}
section.funding_donor .card-title {
font-size: 15px !important;
}
.costing tr td {
line-height: 1.6;
font-size: 15px;
}
section#gender_third h3 {  }
div#ten_points h5 {
text-align: center;
flex-direction: column;
margin-right: auto;
vertical-align: middle;
display: flex; width: -webkit-fill-available;
padding: 10px 36px;
height: ;
}
div#ten_points h5 span.yellow {
display: inline-block;
}
div#ten_points h5::before {
display: none;
}
#staff .card-title {
font-size: 20px;
}
#awards_second div {
padding-left: 5px !important;
}
#awards_second .card-body,
#awards_four .card-body {
background-color: transparent;
}
section.image-bods img,
.bordered_img {
max-width: inherit;
}
#leaders_second .bordered_right {
border-right: none !important;
}
#staff .card-body {
background-color: transparent;
}
.mo_description {
text-align: left;
}
#staff h4::after {
display: flex;
float: right;
}
#career_first h2,
#mng_first h2,
#leader_first h2,
#community-first h2,
#donor_first h2,
#awards_first h2 {
font-size: 35px; }
.afi-publications-title,
.afi-publications-teaser {
padding-left: 0px;
margin-left: 20px;
}
.afi-publications-logo {
margin-left: 0px;
margin-bottom: 25px;
}
.right-border {
border-right: none;
}
.footer-intro-text {
text-align: center !important;
color: black;
padding: 5px 15px;
margin-bottom: 14px;
}
div#footer-brand-logo {
text-align: center !important;
}
.footer-follow-us-title {
text-align: center !important;
margin-bottom: 5px;
font-family: 'Roboto';
font-weight: 700;
}
.footer-follow-us-links {
text-align: center !important;
}
.footer-signup-txt {
text-align: center !important;
font-family: 'Roboto';
font-weight: 700;
}
#afilogo {
width: 50px;
}
div#carouselExampleIndicators .carousel-item img.w-100 {
height: 500px;
}
div#carouselExampleIndicators .carousel-item div h2 {
font-size: 25px;
}
.top {
background-color: #262626;
}
.logo {
height: 47px;
margin-top: 2px;
}
.fadeInRight {
width: 50px;
}
ul.second_nav li,
ul.first_row li {
border: none;
}
ul.second_nav {
border: none;
}
.mo_title {
text-align: left;
margin-top: 15px;
}
ul.first_row,
.second_nav.row {
padding-top: 10px;
padding-right: 0px;
}
div#collapsed_navbar ul,
#sitemap div a,
div#collapsed_navbar ul li {
padding-left: 0px;
margin-bottom: 0px;
}
ul.first_row {
box-shadow: 2px -5px 3px rgba(0, 0, 0, 0.1);
}
div#carouselExampleIndicators .carousel-item div {  }
#hompage_inside { }
#hompage_inside div * { }
.smef_explorepub_button {
float: none !important;
}
div#collapsed_navbar .navbar-link {
line-height: 3.5;
}
div#collapsed_navbar ul li {
line-height: 0.5;
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-bottom: 4px;
}
div#collapsed_navbar .navbar-link::after {
content: "\F078";
float: right;
color: #C0AE00 !important;
font-size: 11px;
font-family: 'Font Awesome 5 Free';
font-weight: 900; line-height: 5.9;
}
#sitemap div a {
line-height: 3;
}
div#collapsed_navbar {
top: unset;
}
#collapsed_navbar .border_right {
border-bottom: 1px solid #C0AE00;
border-right: 0px;
}
.gpf-description {
z-index: 0 !important;
top: auto !important;
position: relative !important;
width: 100% !important;
background-color: #000000;
margin-left: 0px !important;
}
.gpf-learn-more {
width: 100% !important;
}
.carousel-control-next i,
.carousel-control-prev i {
background-color: white;
color: black;
padding: 5px 8px;
}
.gpf-title {
font-size: 25px !important;
}
} .arrow-right {
padding-left: 20px;
list-style: none;
}
.arrow-right li {
margin-bottom: 10px;
}
.arrow-right li:before {
content: "\F054";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin: 0 5px 0 -15px;
}
.sdg_slick div img {
height: 260px;
margin-right: 12px !important;
} .arrow-right {
padding-left: 20px;
list-style: none;
}
.arrow-right li {
margin-bottom: 10px;
}
.arrow-right li:before {
content: "\F054";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin: 0 5px 0 -15px;
}
section#gpf_2 {
padding-top: 25px;
padding-bottom: 25px;
}
section#gpf_2 .thumbnail img {
width: 99%;
margin: auto;
display: block;  }
section#gpf_2 .b-bottom {
border-bottom: 1px solid #EAEAEA;
margin-bottom: 20px;
margin-top: 11px;
}
section#gpf_2 .b-bottom h3 {
margin-bottom: 0px;
margin-top: 10p;
}
section#gpf_2 .b-bottom a {
color: black !important;
}
div#events_tab .tab-pane {
background-color: #fff;
}
div#home {}
div#events_tab .tab-pane div.row {
padding-top: 18px;
padding-bottom: 18px;
border-bottom: 1px solid #E9E4CC;
margin: 0px;
}
div#events_tab .tab-pane .yellow {
display: block;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 15px;
}
.newsroom-interview-front-thumb,
.flip-img {
height: 200px
}
#posts_content .flip-box {
width: 332px !important;  }
#posts_content div.flip-img {
background-size: 310px 200px;
background-repeat: no-repeat; background-position: center;
}
div#slick-slide10 {}
.yellow_bg {
background-color: yellow;
}
.loading_img {
display: block;
margin-top: 0;
margin-bottom: 0;
margin: auto;
position: fixed;
top: 10px;
z-index: 999;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: 0px;
position: fixed;  top: 44%;
left: 50%;    } .pagination {       display: flex;
justify-content: center;
margin-top: 48px;
}
.pagination span,
.pagination a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 6px 9px 5px 9px;
text-decoration: none;
width: auto;
color: #A3A2A6 !important; cursor: pointer;  font-size: 15px;
-webkit-transition: background .15s ease-in-out;
-moz-transition: background .15s ease-in-out;
-ms-transition: background .15s ease-in-out;
-o-transition: background .15s ease-in-out;
transition: background .15s ease-in-out;
font-weight: 300;
}
.pagination a:hover {
color: #fff;  }
.pagination .current {
padding: 6px 9px 5px 9px;  color: #C0AE00 !important;
}
section#gpf_2 .b-bottom div {
justify-content: space-between;
display: flex;
font-weight: bold;
}
section.funding_donor .card-header,
section.funding_donor .awp .card {
border-bottom: none;
border-top: 1px solid #A3A2A6;
}
section.funding_donor .card-header:first-child {
border-top: 0px;
}
section.funding_donor #accordion_2 p {
margin-left: 84px;
}
section.funding_donor .card-title {
font-size: 22px;
line-height: 31px;
display: flex;
align-items: center;
display: inline;
color: #262626 !important;
}
section.funding_donor .card-title img {
margin-right: 15px;
}
.nav-item.today a {
font-size: 20px;
line-height: 19px;
border: none !important;
height: 100%;
color: #C0AE00 !important;
}
.spinner {
position: fixed;
z-index: 99999;
left: 0%;
padding-top: 20%;
top: 0%;
margin: auto;
;
height: 100%;
width: 100%;
background-color: #e9eceff2;
}
.spinner .cube1 {
margin: auto;
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #b79c17;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;
} @-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.report_item {
background-color: white;
padding-top: 30px;
padding-bottom: 30px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
margin-right: 20px;
text-align: center;
margin-bottom: 28px;
margin-top: 20px;
}
.report_item * {
display: block;
}
.report_item img {
margin: auto;
margin-bottom: 20px;
height: 125px;
}
.report_item b {
font-weight: bold;
}
input.inputfile {
opacity: 0;
overflow: hidden;
display: block;
z-index: 12;
position: absolute;
top: 25px;
}
form span.grey {
font-size: 12px !important;
}
input.inputfile+label+small {
color: black !important;
font-size: 12px;
}
input.inputfile+label {
width: 250px;
background: #C0AE00;
border-radius: 5px;
height: 29px;
text-align: center;
color: black;
font-size: 14px;
font-weight: 700; top: 25px;
z-index: 11;
left: 0px;
cursor: pointer; display: flex;
align-items: center; justify-content: center;
}
.nav-item.tmr a {
color: white !important;
background: #474747 !important;
border-radius: 0px;
outline: none !important;
border: none !important;
}
ul#myTab li {
flex-grow: 2;
} .col-md-12 {
padding: 0px;
}
.continer-fluid {
padding: 0px;
}
.nav-item.after_tmr a {
background: #000000 !important;
color: white !important;
border-radius: 0px;
outline: none !important;
border: none !important;
}
.newsroom-video-show-hide-filter::after {
display: none;
}
#learn_more {
display: block;
margin-top: 15px;
font-weight: bold;
color: grey !important;
font-style: italic;
}
.grey_background {
background: linear-gradient(0deg, #F5F5F5, #F5F5F5), #807F83;
}
input.active+label {
color: #C0AE00 !important;
}
.custom-control-input:checked~.custom-control-label::before {
background-color: #F8F8F8;
border-color: #C0AE00 !important;
background-color: #C0AE00 !important;
padding: 1px;
border-width: 1px !important;
outline: none !important;
}
input#search_box {
width: 100%;
background-color: white;
border: none;
box-shadow: 0px 0px 0px grey;
padding-left: 10px;
background: #FFFFFF;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
height: 31px;
font-size: 14px;
line-height: 16px;
display: flex;
align-items: center;
color: #AEAEAE;
}
#homepage_second { background-size: 100%;
background-repeat: no-repeat;
padding-top: 50px;
padding-bottom: 50px;
background-color: #C0AE00;
} .newsroom-filter-banner {
height: 20vw !important;
}
@media screen and (max-width:768px) {
.newsroom-filter-banner {
height: 36vw !important;
}
#homepage_second { background: #C0AE00;
background-size: 100%;
background-repeat: no-repeat;
padding-top: 50px;
padding-bottom: 50px;
}
#homepage_first {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/main_m.jpg);
background-repeat: no-repeat;
background-size-x: 100%;
background-size: 100% 100%;
height: 723px;
background-position: center;
}
div#carouselExampleIndicators .carousel-item div a {
width: 100%;
border-radius: 3px;
font-weight: normal;
top: 75vh;
}
div#carouselExampleIndicators .carousel-item div img {
margin: 0 auto;
}
.loading_img {
top: 35%;
left: 24%;
}
.search_wrap,
.hide_title {
padding-left: 0px;
padding-right: 0px;
}
.hide_title p {
margin-bottom: 1px;
}
input#search_box {
margin-bottom: 10px;
}
.pagination {
flex-direction: column;
justify-content: center;
align-items: center;
}
}
.back_top a {
color: #B79C17;
} #career_first div.container,
#mng_first div.container,
#donor_first div.container,
#community-first div.container,
#leader_first div.container,
#awards_first div.container,
#financial_first div.container {
justify-content: space-between;
display: flex;
flex-direction: column;
align-items: flex-start;
height: 50%;
}
#awards_first div div {
margin-left: 5%;
}
div[id^="custom_slider"] ol li .boxnav {
position: absolute;
width: 100%;
height: 120px;
bottom: 0;
display: block;
justify-content: unset;
padding: 11px;
border: 1px solid #fff;
text-shadow: 1px 1px 1px black;
background-color: rgba(42, 42, 42, 0.41);
}
div[id^="custom_slider"] ol li.active .boxnav {
height: fit-content;
height: -moz-fit-content;
height: fit-content;
display: inline-block !important;
}
div[id^="custom_slider"] ol li.active {
flex-grow: 2;
flex-direction: column;
height: inherit;
bottom: 0px;
position: relative;
}
div[id^="custom_slider"] ol li {
height: inherit;
border: none;
background: transparent;
margin-left: 0px;
margin: 0px;
opacity: 1;
text-indent: inherit;
flex-grow: 1;
flex-shrink: 0;
flex-basis: 0;
position: relative;
}
#career_first h2,
#mng_first h2,
#leader_first h2,
#community-first h2,
#donor_first h2,
#awards_first h2,
#financial_first h2,
#financial_first h3 {
font-size: 46px;
line-height: 26px;
font-family: 'Roboto';
font-weight: 700;
color: #FFFFFF;  line-height: 0.8;
}
#financial_first h2 {
line-height: 1;
}
#financial_first h3 {
font-size: 38px;
line-height: 44px;
}
#staff .card-title {
font-size: 30px;
line-height: 42px;
color: #767500;
font-family: 'Roboto';
font-weight: 700;
}
#staff h4 {
font-family: 'Roboto';
font-weight: 700;
padding-top: 7px;
padding-bottom: 7px;
border-radius: 1px;
color: white;
font-size: 14px;
line-height: normal;
color: #FFFFFF !important;
background: #B9A649;
}
#staff h4::after {
display: none;
}
section#mng_carousel .carousel-inner {
padding-left: 30px;
}
section#mng_carousel a {
width: auto;
}
#mng_carousel .carousel {
width: 100%;
}
#staff .card-body div {
padding-left: 0px;
margin-bottom: 10px;
}
#staff .card-body {
padding-left: 0px !important;
}
#staff .card-body * {
color: #262626;
}
#staff .card-body a.w-100 {
font-family: 'Roboto';
font-weight: 700;
font-size: 14px;
line-height: 20px;
color: #C0AE00;
margin-bottom: 10px;
}
#leaders_second h4 {
font-family: 'Roboto';
font-weight: 700;
font-size: 18px;
line-height: 20px;
color: #C0AE00;
margin-bottom: 10px;
}
#leaders_second .h4 {
font-family: 'Roboto';
font-weight: 700;
font-size: 18px;
line-height: 20px;
color: #C0AE00;
margin-bottom: 10px;
}
#leaders_second div a {
color: #212529 !important;
}
#leaders_second .bordered_right {
border-right: 1px solid #E9E4CC;
}
#leaders_second .bordered_bottom {
border-bottom: 1px solid #E9E4CC;
}
a.black {
color: black !important;
}
#homepage-publications .flip-box-front {
background-color: #FFFFFF;
}
#homepage-publications .flip-box {
padding-top: 0px;
}
#homepage-publications .homepage-publictions { width: 240px;
height: 340px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
}
#homepage-publications .flip-box-front {
height: 377px;
padding-top: 18px;
}
#homepage-publications .flip-box-back {
background-color: #F8F8F8;
}
#homepage-publications .relpublications-flipboxback-downloadbtn {
color: #000000;
}
#homepage-publications .relpublications-flipboxback-readmore {
font-style: italic;
text-align: left;
}
#homepage-publications .relpublication-flipback-title {
padding-left: 0px;
padding-right: 0px;
}
#homepage-publications .homepage-publication-summary {
color: #333333;
text-align: left;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 12px;
padding-left: 15px;
padding-right: 15px;
}
#homepage-publications .relpublications-flipbox {
padding-right: 15px;
}
#homepage-explore-publication-mobile {
display: none;
}
@media (min-width: 768px) and (max-width: 1096px) {
.library-browse-full-library,
.library-browse-full-library:hover {
width: 90% !important;
}
}
@media screen and (max-width: 1024px) {
#homepage-explore-publication-mobile { display: flex;
}
#homepage-explore-publication-desktop {
display: none !important;
}
.relpublications-flipbox .flip-box-inner { width: 285px !important;
margin: auto !important;
}
#homepage-publications .slick-prev {
margin-left: 25px;
}
#homepage-publications .slick-next {
margin-right: 25px;
}
} @media screen and (max-width:1024px) and (min-width:768px) {
div#carouselExampleIndicators .carousel-item div h2 {
font-size: 50px;
}
div#carouselExampleIndicators .carousel-item div {
top: 25%;
}
}
@media only screen and (max-width: 768px) {
section>div#regional {
height: 228px;
}
.wrapper_filter {
margin-right: 0px;
margin-left: 0px;
}
.pagination span,
.pagination a {
padding-left: 4px !important;
padding-right: 4px !important;
font-size: 14px !important;
;
}
#career_first,
#mng_first,
#leader_first,
#community-first,
#donor_first,
section#donor_third,
#awards_first,
#financial_first,
#gender_third,
section#fintech_third {
height: 72vw;
background-repeat: no-repeat;
background-size: cover;
position: relative;
display: flex; align-items: center;
}
section#gpf { background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/image_93_mobile.jpg);
padding-top: 15%;
justify-content: space-around;
color: black;
padding-bottom: 2%;
background-repeat: no-repeat; background-size: cover;
}
#book_seat .global-forum-watch-video {
margin-bottom: 10px !important;
margin-top: 10px;
}
section#gpf img {
width: 150px;
padding-top: 2px;
margin-top: 13vh;
}
section#gpf .title {
margin-left: 10px;
margin-bottom: 0;
}
section#gpf .title h2 {
margin-top: 200px;
line-height: 1;
font-size: 30px;
}
section#gpf .title h1 {
margin-top: 200px;
line-height: 1;
font-size: 30px;
}
section#gpf_2 .main_title {
font-size: 28px;
line-height: 1.1;
margin-top: 15px;
margin-bottom: 15px;
}
div[id^="custom_slider"] .carousel-item img.d-block {
height: auto;
width: 100%;
}
section#gender_third,
section#fintech_third {
background-position-x: 70%;
}
div#collapsed_navbar {
max-height: 474px;
overflow-y: auto;
}
.activity_icon { top: 10%;
}
.slide_mobile_cap {
position: absolute;  top: 50%;
color: #fff;   text-align: center;
margin: 0 auto;
width: 100%;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
font-weight: bold;
font-size: 25px;
line-height: 26px;
padding: 0px 40px;
}
.slide_mobile_cap h5 {
text-shadow: 1px 0px 2px black;
font-weight: bold;
}
.black_bg {
background-color: #262626;
order: 1;
display: flex;
flex-direction: column;
padding: 10px 12px;
}
div[id^="custom_slider"] .carousel-item { flex-direction: column;
max-width: inherit;
}
div[id^="custom_slider"] .carousel-item img.w-100 {
width: auto !important;
height: 220px;
}
div[id^="custom_slider"].a ctivity_icon {
display: none;
}
.black_bg h5 {
display: block;
}
.black_bg * {
color: white;
}
#career .card-title {
font-size: 18px;
}
section.funding_donor .card-title {
font-size: 15px !important;
}
.costing tr td {
line-height: 1.6;
font-size: 15px;
}
section#gender_third h3 {  }
div#ten_points h5 {
text-align: center;
flex-direction: column;
margin-right: auto;
vertical-align: middle;
display: flex; width: -webkit-fill-available;
padding: 10px 36px;
height: ;
}
div#ten_points h5 span.yellow {
display: inline-block;
}
div#ten_points h5::before {
display: none;
}
#staff .card-title {
font-size: 20px;
}
#awards_second div {
padding-left: 5px !important;
}
#awards_second .card-body,
#awards_four .card-body {
background-color: transparent;
}
section.image-bods img,
.bordered_img {
max-width: inherit;
}
#leaders_second .bordered_right {
border-right: none !important;
}
#staff .card-body {
background-color: transparent;
}
.mo_description {
text-align: left;
}
#staff h4::after {
display: flex;
float: right;
}
#career_first h2,
#mng_first h2,
#leader_first h2,
#community-first h2,
#donor_first h2,
#awards_first h2 {
font-size: 35px; }
.afi-publications-title,
.afi-publications-teaser {
padding-left: 0px;
margin-left: 20px;
}
.afi-publications-logo {
margin-left: 0px;
margin-bottom: 25px;
}
.right-border {
border-right: none;
}
.footer-intro-text {
text-align: center !important;
color: black;
padding: 5px 15px;
margin-bottom: 14px;
}
div#footer-brand-logo {
text-align: center !important;
}
.footer-follow-us-title {
text-align: center !important;
margin-bottom: 5px;
font-family: 'Roboto';
font-weight: 700;
}
.footer-follow-us-links {
text-align: center !important;
}
.footer-signup-txt {
text-align: center !important;
font-family: 'Roboto';
font-weight: 700;
}
#afilogo {
width: 50px;
}
div#carouselExampleIndicators .carousel-item img.w-100 {
height: 500px;
}
div#carouselExampleIndicators .carousel-item div h2 {
font-size: 25px;
}
.top {
background-color: #C0AE00;
}
.logo {
height: 35px; margin-top: -9px; }
.fadeInRight {
width: 50px;
}
#gpf .fadeInRight {
width: 100% !important;
}
ul.second_nav li,
ul.first_row li {
border: none;
margin-top: 0px;
}
.second_nav.row li {
margin-top: 0px;
}
ul.second_nav {
border: none;
}
.mo_title {
text-align: left;
margin-top: 15px;
}
ul.first_row,
.second_nav.row {
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
}
div#collapsed_navbar ul,
#sitemap div a,
div#collapsed_navbar ul li {
padding-left: 0px;
margin-bottom: 0px;
}
.last-mobile {
padding-bottom: 25px !important;
}
.last-mobile li {
line-height: 0.5px !important;
padding-bottom: 10px !important;
height: 29px !important;
}
.last-mobile li a {
color: black !important;
font-weight: bold !important;
line-height: 0.4px !important;
padding: 0px !important;
}
.last-mobile li .mobileCOVID {
color: #C0AE00 !important;
}
ul.first_row {
box-shadow: 2px -5px 3px rgba(0, 0, 0, 0.1);
}
div#carouselExampleIndicators .carousel-item div { }
.smef_explorepub_button {
float: none !important;
}
div#collapsed_navbar .navbar-link {
line-height: 3.5;
}
div#collapsed_navbar ul li {
line-height: 0.1; margin-bottom: 0px !important;
padding-bottom: 0px;
}
div#collapsed_navbar .navbar-link::after {
content: "\F078";
float: right;
color: #C0AE00 !important;
font-size: 11px;
font-family: 'Font Awesome 5 Free';
font-weight: 900; line-height: 5.9;
}
#sitemap div a {
line-height: 3;
}
div#collapsed_navbar {
top: unset;
}
#collapsed_navbar .border_right {
border-bottom: 1px solid #C0AE00;
border-right: 0px;
}
.gpf-description {
z-index: 0 !important;
top: auto !important;
position: relative !important;
width: 100% !important;
background-color: #000000;
margin-left: 0px !important;
}
.gpf-learn-more {
width: 100% !important;
}
.carousel-control-next i,
.carousel-control-prev i {
background-color: white;
color: black;
padding: 5px 8px;
}
.gpf-title {
font-size: 25px !important;
}
} .arrow-right {
padding-left: 20px;
list-style: none;
}
.arrow-right li {
margin-bottom: 10px;
}
.arrow-right li:before {
content: "\F054";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin: 0 5px 0 -15px;
}
.sdg_slick div img {
height: 260px;
margin-right: 12px !important;
} .arrow-right {
padding-left: 20px;
list-style: none;
}
.arrow-right li {
margin-bottom: 10px;
}
.arrow-right li:before {
content: "\F054";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin: 0 5px 0 -15px;
}
section#gpf_2 {
padding-top: 25px;
padding-bottom: 25px;
}
section#gpf_2 .thumbnail img {
width: 99%;
margin: auto;
display: block;  }
section#gpf_2 .b-bottom {
border-bottom: 1px solid #EAEAEA;
margin-bottom: 20px;
margin-top: 11px;
}
section#gpf_2 .b-bottom h3 {
margin-bottom: 0px;
margin-top: 10p;
}
section#gpf_2 .b-bottom a {
color: black !important;
}
div#events_tab .tab-pane {
background-color: #fff;
}
div#home {}
div#events_tab .tab-pane div.row {
padding-top: 18px;
padding-bottom: 18px;
border-bottom: 1px solid #E9E4CC;
margin: 0px;
}
div#events_tab .tab-pane .yellow {
display: block;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 15px;
}
.newsroom-interview-front-thumb,
.flip-img { height: 120px
}
#posts_content .flip-box {
width: 332px !important;  }
#posts_content div.flip-img {
background-size: cover;
background-repeat: no-repeat; background-position: center;
}
div#slick-slide10 {}
.yellow_bg {
background-color: yellow;
}
.loading_img {
display: block;
margin-top: 0;
margin-bottom: 0;
margin: auto;
position: fixed;
top: 10px;
z-index: 999;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: 0px;
position: fixed;  top: 44%;
left: 50%;    } .pagination {       display: flex;
justify-content: center;
margin-top: 48px;
}
.pagination span,
.pagination a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 6px 9px 5px 9px;
text-decoration: none;
width: auto;
color: #A3A2A6 !important; cursor: pointer;  font-size: 15px;
-webkit-transition: background .15s ease-in-out;
-moz-transition: background .15s ease-in-out;
-ms-transition: background .15s ease-in-out;
-o-transition: background .15s ease-in-out;
transition: background .15s ease-in-out;
font-weight: 300;
}
.pagination a:hover {
color: #fff;  }
.pagination .current {
padding: 6px 9px 5px 9px;  color: #C0AE00 !important;
}
section#gpf_2 .b-bottom div {
justify-content: space-between;
display: flex;
font-weight: bold;
}
section.funding_donor .card-header,
section.funding_donor .awp .card {
border-bottom: none;
border-top: 1px solid #A3A2A6;
}
section.funding_donor .card-header:first-child {
border-top: 0px;
}
section.funding_donor #accordion_2 p {
margin-left: 84px;
}
section.funding_donor .card-title {
font-size: 22px;
line-height: 31px;
display: flex;
align-items: center;
display: inline;
color: #262626 !important;
}
section.funding_donor .card-title img {
margin-right: 15px;
}
.nav-item.today a {
font-size: 20px;
line-height: 19px;
border: none !important;
height: 100%;
color: #C0AE00 !important;
}
.spinner {
position: fixed;
z-index: 99999;
left: 0%;
padding-top: 20%;
top: 0%;
margin: auto;
;
height: 100%;
width: 100%;
background-color: #e9eceff2;
}
.spinner .cube1 {
margin: auto;
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #b79c17;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;
} @-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.report_item {
background-color: white;
padding-top: 30px;
padding-bottom: 30px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
margin-right: 20px;
text-align: center;
margin-bottom: 28px;
margin-top: 20px;
}
.report_item * {
display: block;
}
.report_item img {
margin: auto;
margin-bottom: 20px;
height: 125px;
}
.report_item b {
font-weight: bold;
}
input.inputfile {
opacity: 0;
overflow: hidden;
display: block;
z-index: 12;
position: absolute;
top: 25px;
}
form span.grey {
font-size: 12px !important;
}
input.inputfile+label+small {
color: black !important;
font-size: 12px;
}
input.inputfile+label {
width: 250px;
background: #C0AE00;
border-radius: 5px;
height: 29px;
text-align: center;
color: black;
font-size: 14px;
font-weight: 700; top: 25px;
z-index: 11;
left: 0px;
cursor: pointer; display: flex;
align-items: center; justify-content: center;
}
.nav-item.tmr a {
color: white !important;
background: #474747 !important;
border-radius: 0px;
outline: none !important;
border: none !important;
}
ul#myTab li {
flex-grow: 2;
} .col-md-12 {
padding: 0px;
}
.continer-fluid {
padding: 0px;
}
.nav-item.after_tmr a {
background: #000000 !important;
color: white !important;
border-radius: 0px;
outline: none !important;
border: none !important;
}
.newsroom-video-show-hide-filter::after {
display: none;
}
#learn_more {
display: block;
margin-top: 15px;
font-weight: bold;
color: grey !important;
color: #222 !important;
font-style: italic;
}
.grey_background {
background: linear-gradient(0deg, #F5F5F5, #F5F5F5), #807F83;
}
input.active+label {
color: #C0AE00 !important;
}
.custom-control-input:checked~.custom-control-label::before {
background-color: #F8F8F8;
border-color: #C0AE00 !important;
background-color: #C0AE00 !important;
padding: 1px;
border-width: 1px !important;
outline: none !important;
}
input#search_box {
width: 100%;
background-color: white;
border: none;
box-shadow: 0px 0px 0px grey;
padding-left: 10px;
background: #FFFFFF;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
height: 31px;
font-size: 14px;
line-height: 16px;
display: flex;
align-items: center;
color: #AEAEAE;
} .newsroom-filter-banner {
height: 20vw !important;
}
@media screen and (max-width:768px) {
.newsroom-filter-banner {
height: 36vw !important;
}
.loading_img {
top: 35%;
left: 24%;
}
.search_wrap,
.hide_title {
padding-left: 0px;
padding-right: 0px;
}
.hide_title p {
margin-bottom: 1px;
}
input#search_box {
margin-bottom: 10px;
}
.pagination {
flex-direction: column;
justify-content: center;
align-items: center;
}
}
.back_top a {
color: #B79C17;
} #regional-initiatives-piri-section>div#regional {
height: auto !important;
}
#regional-initiatives-piri-section>#regional .thumbnail_mng.slider-nav {
position: relative;
margin-top: 0px;
bottom: 0px;
padding-top: 30px;
padding-bottom: 30px;
background-color: #c4c4c4;
margin-bottom: 0px;
}
#regional-initiatives-piri-section .slick-track { }
#regional-initiatives-piri-section .slider-nav-item {
display: flex !important;
justify-content: center;
padding-right: 15px !important;
}
#management-norbert-mumba .slider-nav {
margin-top: 0px;
margin-bottom: 0px;
background-color: #c4c4c4;
padding-top: 30px;
padding-bottom: 30px;
}
#management-norbert-mumba .slick-track { }
#management-norbert-mumba .slider-nav-item {
display: flex !important;
justify-content: center;
padding-right: 15px !important;
}
#thematic-inclusive-green-finance .slider-nav {
margin-top: -7px;
margin-bottom: 0px;
padding-top: 30px;
padding-bottom: 30px;
background-color: #c4c4c4;
}
#thematic-inclusive-green-finance .slick-track { }
#thematic-inclusive-green-finance .slider-nav-item {
display: flex !important;
justify-content: center;
padding-right: 15px !important;
}
#african-financial-inclusion-policy-nitiative-afpi>div#regional {
height: auto !important;
}
#african-financial-inclusion-policy-nitiative-afpi>#regional .thumbnail_mng.slider-nav {
position: relative;
margin-top: 0px;
bottom: 0px;
padding-top: 30px;
padding-bottom: 30px;
background-color: #c4c4c4;
margin-bottom: 0px;
} #african-financial-inclusion-policy-nitiative-afpi .slider-nav-item {
display: flex !important;
justify-content: center;
padding-right: 15px !important;
}
#african-financial-inclusion-policy-nitiative-afpi .iframe-vid {
display: block !important;
}
#african-financial-inclusion-policy-nitiative-afpi .iframe-vid>iframe {
display: block !important;
}
#regional-initiatives-piri-section .iframe-vid {
display: block !important;
}
#regional-initiatives-piri-section .iframe-vid>iframe {
display: block !important;
}
.gpf-video .slider-nav {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 30px;
padding-bottom: 30px;
background-color: #c4c4c4;
}
.gpf-video .iframe-vid {
display: block !important;
}
.gpf-video .iframe-vid>iframe {
display: block !important;
}
.gpf-video .slick-track {
transform: none !important;
}
.text-align-center {
text-align: center;
}
.gpf-video .slider-nav-item {
display: flex !important;
justify-content: center;
padding-right: 15px !important;
}
#management-norbert-mumba .iframe-vid {
display: block !important;
}
#management-norbert-mumba .iframe-vid>iframe {
display: block !important;
}
#african-financial-inclusion-policy-nitiative-afpi .slick-dots li button:before,
#regional-initiatives-piri-section .slick-dots li button:before {
color: #FFFFFF;
}
.slider-nav .slider-nav-item::after {
content: '\F167';
font-family: 'Font Awesome 5 Brands';
font-size: 30px;
position: absolute;
top: 36%;
bottom: 0px;
margin: auto;
z-index: 99;
color: #dc354596;
font-size: 36px;
}
.search_wrap {
margin-bottom: 10px;
}
.search_wrap input {
border: 1px solid #e9ecef !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
height: 55px !important;
}
.newsroom-video {
padding-top: 3rem;
padding-bottom: 3rem;
}
.vid-news .newsroom-videos-list {
margin-top: 0px;
max-width: 90% !important;
padding-top: 40px;
margin-bottom: 0px !important;
padding-bottom: 40px;
background-color: #c4c4c4;
}
.vid-news .desktop {
margin: auto;
}
.vid-news .slick-slide {
padding-left: 10px;
padding-right: 10px;
}
.vid-news .thumbnail_mng .slick-prev {
margin-left: -10px !important;
}
.vid-news .thumbnail_mng .slick-next {
margin-right: -10px !important;
}
.news_main .slider-nav {
margin-top: 0px;
}
#publication-template h2 {
font-size: 18px;
}
.blog_main #newsroom-blogs-section {
margin-top: 30px;
}
.newsroom-news-section #newsroom-news-section {
margin-top: 30px;
}
.videos_main #newsroom-videos-section {
margin-top: 30px;
}
.speeches_main #newsroom-speeches-section {
margin-top: 30px;
}
.videos_main .youtube-channel-video-embed {
margin: auto;
}
#gpf_2 .main_title,
#gpf_3 .main_title,
#gpf_4 .main_title {
font-size: 28px;
}
.watch-video-mobile-register {
display: none;
}
.mobile-register-column {
padding-left: 34px;
}
@media only screen and (max-width: 991px) {
.watch-video-desktop-register {
display: none !important;
}
.watch-video-mobile-register {
display: block !important; }
.watch-video-mobile-register .global-forum-watch-video {
margin-top: 0px !important;
}
#book_seat {
height: 230px !important;
}
}
@media only screen and (max-width: 768px) {
.mobile-register-column {
padding-left: 0px !important;
}
.slider-for .slick-slide {
height: auto !important;
} .countdown-row {
margin-bottom: 0px !important;
}
.mobile-register-column {
max-width: 100% !important;
}
.watch-video-mobile-register .global-forum-watch-video {
width: 100% !important;
} #mo_item_list .slick-track {
display: flex;
}
#mo_item_list .slick-track div:nth-child(1) {
order: 2;
}
#mo_item_list .slick-track div:nth-child(2) {
order: 1;
}
#mo_item_list .slick-track div:nth-child(3) {
order: 3;
} }
.tlinfoimages #reginfo5 {
display: inline;
} .slider-for .slick-slide {
height: 719px;
}
input#event_search_box {
width: 100%;
background-color: white;
border: none;
box-shadow: 0px 0px 0px grey;
padding-left: 10px;
background: #FFFFFF;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
height: 31px;
font-size: 14px;
line-height: 16px;
display: flex;
align-items: center;
color: #AEAEAE;
}
.calendar-search-title {
color: #B79C17;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 30px
}
.calendar-search-container {
margin-top: 40px;
}
.calendar-event-search-result {
margin-top: 50px;
width: 100%;
}
@media screen and (min-resolution:1.5dppx) {
body {
zoom: 0.75;
font-size: 19px;
}
h4.grey,
h5.grey {
font-size: 19px !important;
}
p.grey {
font-size: 19px !important;
}
.relpublication-flipback-summary {
font-size: 14px !important;
}
ul.first_row li,
.second_nav.row li {
font-size: 17px;
}
div[id^="custom_slider"] ol li.active p {
font-size: 15px !important;
}
div[id^="custom_slider"] ol li h5 {
font-size: 16px;
;
}
.activities-description p,
.community-top-description p,
.member-section-description p,
.donors-partners-section-description p,
.activities-description p,
section#gpf .description {
font-size: 19px !important;
} .community-top-description,
#gpf .global-voice-description {
width: 56% !important;
font-size: 19px !important;
}
p.subs,
.afi-aboutus-vision-description,
.afi-aboutus-mission-description,
.afi-aboutus-our-values-items-description,
.afi-aboutus-our-values-description {
font-size: 18px !important;
}
p.bod-subs {
font-size: 17px !important;
line-height: 18px !important;
}
}
#homepage-publications .flip-box-inner {
box-shadow: None!important;
}
#homepage-publications .flip-box-back {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
@media (min-width: 576px) and (max-width: 768px) {
.slide_mobile_cap {
top: 10vh!important;
padding-left: 160px;
padding-right: 160px;
display: flex!important;
justify-content: center;
}
.slide_mobile_cap p {
display: none!important;
}
.gender-inclusive-finance-10point .slick-next {
right: 0px !important;
}
.gender-inclusive-finance-10point .slick-prev {
left: 0px !important;
}
}
@media only screen and (max-width: 768px) {
#leaders_second { }
#leaders_second .slick-prev { left: 0px!important;
}
#leaders_second .slick-next { right: 0px!important;
}
#leader-perspective-main-block {
padding-left: 15px;
padding-right: 15px;
}
.maya-content-maps {
padding-bottom: 0px!important;
}
.maya-recipients .maya-recipients-slide-item {
display: block!important;
margin: auto;
}
#awards_second {
padding-left: 15px;
padding-right: 15px;
}
.smef-relpublictions-container .slick-prev {
left: 0px!important;
}
.smef-item-container .smef-item {
display: block!important;
margin: auto;
}
.stats-reg-cont .smef-item {
display: block!important;
margin: auto;
}
.regional-initiatives-main-block {
padding-left: 15px;
padding-right: 15px;
}
.ecapi-bodmobile-slider .slick-prev {
left: 0px!important;
}
.ecapi-bodmobile-slider .slick-next {
right: 0px!important;
}
.stats-reg-cont .slick-next {
right: 0px!important;
}
.stats-reg-cont .slick-prev {
left: 0px!important;
}
#management-norbert-mumba .slick-next {
right: 90px!important;
}
#management-norbert-mumba .slick-prev {
margin-left: 0px!important;
left: 0px!important;
}
#management-personnal-slider .slick-prev {
left: 0px!important;
} }
@media only screen and (max-width: 500px) {
.global-voice-description {
width: 90%!important;
}
}
.maya-content-maps .maya-maps .slick-prev {
left: 0px!important;
}
.maya-content-maps .maya-maps .slick-next {
right: 0px!important;
}
.maya-recipients .slick-prev {
left: 0px!important;
}
.maya-recipients .slick-next {
right: 0px!important;
}
.maya-declaration .slick-prev {
left: 0px!important;
}
.maya-declaration .slick-next {
right: 0px!important;
}
.management-slider .bodmobile .slick-prev {
left: 0px!important;
}
.management-personnal-slider .slick-prev {
left: 0px!important;
}
.management-personnal-slider .slick-next {
right: 0px!important;
}  .table-content {
background-color: #eaeaea;
padding: 50px 0px 50px 0px;
}
.sub-heading {
color: #c1af00!important;
font-weight: bold!important;
font-size: 22px!important;
}
.content-table li,
.content-wide-table li,
.forcibly-displaced-persons li {
font-family: Arial, sans-serif!important;
font-size: 18px!important;
color: #000;
}  @media only screen and (min-width: 1080px) {
.content-table,
.content-wide-table,
.forcibly-displaced-persons {
width: 100%;
}
.logo-column {
width: 35%;
}
}
@media only screen and (max-width: 1079px) {
.content-table,
.content-wide-table,
.forcibly-displaced-persons {
width: 900px;
}
.logo-column {
width: 25%;
}
}
.content-table li {
font-size: 15px!important;
}
.content-table .table-sub-heading {
color: black;
font-size: 15px!important;
line-height: 18px;
font-weight: bold;
}
.content-table .year-header {
width: 6%;
}
.content-table {
border-collapse: initial!important;
border: none;
}
.content-table td {
font-family: Arial, sans-serif;
font-size: 15px;
border-style: solid;
border-width: 3px;
overflow: hidden;
word-break: normal;
border-color: none;
height: 45px;
border-spacing: 10px;
border-color: #eaeaea;
color: #807F83;
}
.content-table th {
font-family: Arial, sans-serif;
font-size: 15px;
font-weight: normal;
border-style: solid;
border-width: 3px;
overflow: hidden;
word-break: normal;
height: 45px;
border-spacing: 10px;
border-color: #eaeaea;
}
.content-table .table-header {
background-color: #c1af00;
color: #ffffff;
text-align: center;
vertical-align: center
} .content-table .cell-row {
background-color: white;
text-align: center;
vertical-align: center;
padding: 10px 0px 10px 0px;
}
.content-table .left-labels {
text-align: left!important;
padding-left: 15px;
}
.content-table .vertical-top {
vertical-align: top;
}   .content-wide-table .table-sub-heading {
color: black;
font-size: 15px!important;
line-height: 18px;
font-weight: bold;
}
.content-wide-table li {
font-size: 15px!important;
}
.content-wide-table .year-header {
width: 6%;
}
.content-wide-table {
border-collapse: initial!important;
border: none;
}
.content-wide-table td {
font-family: Arial, sans-serif;
font-size: 15px;
border-style: solid;
border-width: 3px;
overflow: hidden;
word-break: normal;
border-color: none;
height: 45px;
border-spacing: 10px;
border-color: #eaeaea;
color: #807F83;
}
.content-wide-table th {
font-family: Arial, sans-serif;
font-size: 15px;
font-weight: normal;
border-style: solid;
border-width: 3px;
overflow: hidden;
word-break: normal;
height: 45px;
border-spacing: 10px;
border-color: #eaeaea;
}
.content-wide-table .table-header {
background-color: #c1af00;
color: #ffffff;
text-align: center;
vertical-align: center
}
.content-wide-table .cell-row {
background-color: #f2f2f2;
text-align: center;
vertical-align: top;
padding: 10px 0px 10px 0px;
}
.content-wide-table .left-labels {
text-align: left!important;
padding-left: 15px;
}
.content-wide-table .vertical-top {
vertical-align: top;
}  .forcibly-displaced-persons .table-sub-heading {
color: black;
font-size: 15px!important;
line-height: 18px;
font-weight: bold;
}
.forcibly-displaced-persons li {
font-size: 15px!important;
}
.forcibly-displaced-persons .year-header {
width: 6%!important;
}
.forcibly-displaced-persons .year-header-wide {
width: 22%!important;
}
.forcibly-displaced-persons {
border-collapse: initial!important;
border: none;
}
.forcibly-displaced-persons td {
font-family: Arial, sans-serif;
font-size: 15px;
border-style: solid;
border-width: 3px;
overflow: hidden;
word-break: normal;
border-color: none;
height: 45px;
border-spacing: 10px;
border-color: #eaeaea;
color: #807F83;
}
.forcibly-displaced-persons th {
font-family: Arial, sans-serif;
font-size: 15px;
font-weight: normal;
border-style: solid;
border-width: 3px;
overflow: hidden;
word-break: normal;
height: 45px;
border-spacing: 10px;
border-color: #eaeaea;
}
.forcibly-displaced-persons .table-header {
background-color: #215868;
color: #ffffff;
text-align: center;
vertical-align: center;
width: 22%;
}
.forcibly-displaced-persons .cell-row {
background-color: #f2f2f2;
text-align: center;
vertical-align: center;
line-height: 1.5;
padding: 10px 10px 10px 10px;
padding: 10px 0px 10px 0px;
}
.forcibly-displaced-persons .no-bg-color {
background-color: transparent!important;
}
.forcibly-displaced-persons .left-labels {
text-align: left!important;
padding-left: 15px;
}
.forcibly-displaced-persons .side-tab {
background-color: #215868;
color: #fff!important;
text-align: center;
vertical-align: top;
vertical-align: center;
line-height: 1.5;
padding-top: 10px;
padding-bottom: 10px;
}
.forcibly-displaced-persons .vertical-top {
vertical-align: top;
}
@media only screen and (max-width: 768px) {
#collapsed_navbar .border_right {
padding-bottom: 15px;
}
}
.regional-initiatives-main-block {
padding-bottom: 50px;
}
.regional-initiatives-main-block img { max-width: 25%;
height: auto;
}
.footer-accordion-title {
border: none;
font-family: Roboto;
font-style: normal;
font-weight: 900;
font-size: 14px; color: #000000;
background: transparent;
}
.footer-accordion-title p {
line-height: 0 !important;
}
.footer-accordion-title a {
color: #000000;
}
.footer-card {
border: none;
background: transparent;
}
.footer_section_title[aria-expanded="true"]:after {
content: "\F077" !important;
font-family: 'Font Awesome 5 Free';
font-weight: 600;
float: right;
font-style: normal;
font-weight: 900;
font-size: 14px; color: #000000;
}
.footer_section_title[aria-expanded="false"]:after {
content: "\F078" !important;
font-family: 'Font Awesome 5 Free';
font-weight: 600;
float: right;
font-style: normal;
font-weight: 900;
font-size: 14px; color: #000000;
} .center {
display: block;
margin-left: auto;
margin-right: auto;
}
#smef-item-list-2 span {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 60px;
line-height: normal;
text-align: center;
letter-spacing: -0.05em;
color: #FFFFFF
}
#members-item-list-2 span {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 60px;
line-height: normal;
text-align: center;
letter-spacing: -0.05em;
color: #4F4F4F
}
.mng_unit_cont {
margin: 0px;
}
#smef-item-list .slick-track {
justify-content: center;
display: flex;
}
.smef-item-container {
background-repeat: no-repeat;
background-size: cover; padding: 50px 0px;
}
.smef-item {
display: flex;
flex-direction: column;
color: #FFFFFF;
text-align: center;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: normal;
text-align: center;
color: #FFFFFF;
align-items: center;
}
.members-item span {
display: flex;
flex-direction: column;
color: #FFFFFF;
text-align: center;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 60px;
line-height: 70px;
display: flex;
align-items: center;
letter-spacing: -0.05em;
color: #4F4F4F;
}
.members-item h4 {
display: flex;
flex-direction: column;
color: #FFFFFF;
text-align: center;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
text-align: center;
color: #4F4F4F;
}
.smef-item img {
width: fit-content;
margin-left: auto;
margin-right: auto;
display: block;
}
.smef-item .imgstyle {
width: fit-content;
margin-left: auto;
margin-right: auto;
display: block;
width: 45%;
height: auto;
}
.imgstyle1 img {
width: 45%;
height: auto;
}
.members-item img {
width: fit-content;
margin-left: auto;
margin-right: auto;
display: block;
}
.smef-item-img {
height: 100px;  margin-bottom: 18px;
}
.smef-relnewsblog-container {
background-color: #000000;
padding: 50px 0px;
}
.relnewsblog-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 28px;
color: #C0AE00;
}
.smef-relnewsblog-item {
padding: 0px 10px;
}
.smef-relnewsblog-item div {
background-color: #807F83;
}
.director_reflectW {  background: url(//www.afi-global.org/old/wp-content/themes/afi/img/ed-reflections-full-banner.jpg);
background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: 428px;
position: relative;
background-position: left center;
}
.director_reflectM {
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/alfreddismoreM.jpg);
background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: 264px;
position: relative;
}
.top-mng-unit {
background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: 24vw;
position: relative;
}
.top-wg-smef {  background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: auto;
position: relative;
padding-top: 38.667%;
}
.top-copyright {
background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: 17vw;
position: relative;
}
.top-wg-content {  margin: 0 auto;
position: absolute !important;
bottom: auto;
left: 0;
right: 0;
color: #fff;
text-align: left;
padding-bottom: 20px;
top: 22%; width: 100%;
}
.newsroom-filter-banner .top-wg-content {
top: 36%; }
.top-wg-content-contact {
height: 25%;
margin: 0 auto;
position: absolute;
bottom: auto;
left: 0;
right: 0;
color: #fff;
text-align: center;
padding-bottom: 20px;
top: 50%;
transform: translateY(-50%);
}
.top-wg-content-M {
position: absolute;
bottom: 0;
left: 0;
right: 0;
color: #fff;
text-align: center;
padding-bottom: 20px;
}
.caption {
position: relative;
bottom: auto;
margin-left: 0;
font-weight: bold;
display: block;
height: auto;
text-align: left;
margin: 0 auto;
}
.captionContact p {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 80px;
line-height: 75px;
color: #FFFFFF;
}
.caption2 {
position: relative;
bottom: 0;
margin-left: 0;
font-weight: bold; }
.caption2-reg h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #FFFFFF;
text-shadow: 1px 1px 1px black;
}
.caption2-reg h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #FFFFFF;
text-shadow: 1px 1px 1px black;
}
.caption2-maya {
position: relative;
bottom: 0;
margin-left: 0;
font-weight: bold;
padding-left: 0;
}
.caption2 .header { display: inline-block;
}
.caption2-maya .header {
padding-left: 56px;
display: inline-block;
}
.caption2 .header-newsroom {
padding-left: 0;
display: inline-block;
}
.header-newsroom h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 80px;
line-height: 75px;
color: #FFFFFF;
}
.header-newsroom h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 80px;
line-height: 75px;
color: #FFFFFF;
}
.header-newsroom p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #FFFFFF !important;
}
.caption2 h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 80px;
line-height: 75px;
color: #FFFFFF;
}
.caption2-knowledge h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 45px;
display: flex;
align-items: center;
color: #FFFFFF;
}
.caption2-knowledge h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 45px;
display: flex;
align-items: center;
color: #FFFFFF;
}
.caption2-maya h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
width: 371px;
height: 88px;
left: 371px;
top: 242.91px;
}
.caption2-maya h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
width: 371px;
height: 88px;
left: 371px;
top: 242.91px;
}
.caption2-maya h4 {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 30px;
line-height: 38px;
width: 230px;
height: 129px;
left: 371px;
top: 242.91px;
}
.knowledge-content {
text-align: justify;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.knowledge-content .content-k {
position: relative;
left: 18.19%;
right: 18.33%;
top: 9.83%;
bottom: 66.17%;
}
.btn-wg {
background: white;
font-family: Roboto;
font-style: normal;
font-weight: bold;
color: #222222 !important;
font-size: 12px;
line-height: 17px;
border-color: #222222;
border: 1px solid #000000;
box-sizing: border-box;
padding: .4rem 1rem;
}
.btn-events {
background: white;
font-family: Roboto;
font-style: normal;
font-weight: bold;
color: #222222 !important;
font-size: 12px;
line-height: 17px;
border-color: #222222;
border: 1px solid #000000;
box-sizing: border-box;
padding: .4rem 1rem;
width: 200px !important;
display: flex;
text-align: left;
justify-content: space-between;
float: right;
}
.btn-newsrooms {
background: #ffffff00;
font-family: Roboto;
font-style: normal;
font-weight: bold;
color: #FFFFFF !important;
font-size: 12px;
line-height: 17px;
border-color: #222222;
border: 1px solid #FFFFFF;
box-sizing: border-box;
padding: .4rem 1rem;
width: 200px !important;
display: flex;
text-align: left;
justify-content: space-between;
float: right;
}
.btn-wg img {
padding-left: 12px;
}
.container-fluid p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 26px;
color: #807F83;
}
.container-fluid li {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 18px;
color: #807F83;
}
.headerCon {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 80px;
line-height: 75px;
color: #FFFFFF;
text-align: left;
}
p.bod-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 28px;
text-align: center;
color: #000000;
}
p.bod-subs {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 20px;
text-align: center;
color: #807F83;
}
p.subs {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.com-top {
padding-top: 55px;
}
.com-cont {
padding-bottom: 60px;
}
.com-cont-flu {
background-color: #F8F8F8;
}
.com-inline img {
padding-right: 10px;
}
.com-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 28px;
color: #807F83;
border-radius: 10px;
}
p.com-subs {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.com-border {
border-top: 1px solid #E9E4CC;
border-bottom: 1px solid #E9E4CC;
}
.bottom-border {
border-bottom: 1px solid #E9E4CC;
}
.padding-baru {
padding: 30px;
}
.border-tengah {
border-right: 1px solid #E9E4CC;
}
.mem_icon {
padding-top: 31px;
}
.bod-title h4 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #C0AE00;
}
.bod-title h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #C0AE00;
}
.contact-body ul.call {
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/call_icon.svg) no-repeat 0 50%;
padding-left: 30px;
list-style: none;
}
.contact-body ul.email {
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/email_icon.svg) no-repeat 0 50%;
padding-left: 30px;
list-style: none;
}
.contact-body ul.address {
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/address_icon.svg) no-repeat 0 50%;
padding-left: 30px;
list-style: none;
}
.contact-body ul.url {
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/url_icon.svg) no-repeat 0 50%;
padding-left: 30px;
list-style: none;
}
.contact-body ul.url_gold {
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/url_gold.svg) no-repeat 0 50%;
padding-left: 30px;
list-style: none;
}
.contact-body ul.call_gold,
.plain-reg-cont ul.call_gold {
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/call_gold.svg) no-repeat 0 50%;
padding-left: 30px;
list-style: none;
}
.contact-body ul.email_gold,
.plain-reg-cont ul.email_gold {
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/email_gold.svg) no-repeat 0 50%;
padding-left: 30px;
list-style: none;
}
.contact-body ul.address_gold,
.plain-reg-cont ul.address_gold {
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/address_gold.svg) no-repeat 0 0;
padding-left: 30px;
list-style: none;
}
.event-address ul.address {
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/address_gold.svg) no-repeat 0 50%;
padding-left: 30px;
list-style: none;
}
.event-time ul.event {
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/event_gold.svg) no-repeat 0 50%;
padding-left: 30px;
list-style: none;
}
.contact-body h4 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 28px;
color: #C0AE00;
}
.contact-body p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.contact-body a {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #C0AE00;
}
#board-header .card {
background-color: #F5F5F5;
}
a.card-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 23px; }
a.card-title-mng {
font-family: Roboto;
font-style: normal;
font-weight: bold !important;
font-size: 22px;
line-height: 23px;
letter-spacing: -0.03em;
color: #000000 !important;
}
.con-border {
padding: 20px;
border-right: 1px solid #E9E4CC;
border-bottom: 1px solid #E9E4CC;
}
.con-border-bottom {
padding: 20px;
border-bottom: 1px solid #E9E4CC;
}
.contactus-cont {
background: #F8F8F8;
border-radius: 5px;
padding-top: 30px;
}
.form-contactus .form-check-inline {
padding-right: 53px;
}
.form-check-inline {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #A3A2A6;
} .form-check-input:checked~.form-check-label::before,
.form-check-input:checked~.form-check-label::after {
color: #fff;
border-color: #7B1FA2;
background-color: #7B1FA2;
}
.form-check-input:active~.form-check-label::before {
color: #fff;
background-color: #ff0000;
}
.form-check-input:focus~.form-check-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 123, 255, 0.25);
}
#mr-con {
border: none;
border-bottom: 1px solid #C0AE00;
border-radius: 0px;
box-shadow: none !important;
}
#mrs-con {
border: none;
border-bottom: 1px solid #C0AE00;
border-radius: 0px;
box-shadow: none !important;
}
#ms-con {
border: none;
border-bottom: 1px solid #C0AE00;
border-radius: 0px;
box-shadow: none !important;
}
#name-con {
background: #F8F8F8;
margin-top: 35px;
border: none;
border-bottom: 1px solid #C0AE00;
border-radius: 0px;
box-shadow: none !important;
}
#email-con {
background: #F8F8F8;
margin-top: 35px;
border: none;
border-bottom: 1px solid #C0AE00;
border-radius: 0px;
box-shadow: none !important;
}
#phonecode-con {
background: #F8F8F8;
margin-top: 35px;
border: 1px solid #C0AE00;
border-radius: 5px;
box-shadow: none !important;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 16px;
color: #000000;
}
#phonenumber-con {
background: #F8F8F8;
margin-top: 35px !important;
border: 1px solid #C0AE00;
border-radius: 5px;
box-shadow: none !important; }
#sideUpload #fileuploadfield,
#sideUpload #fileuploadfield2 {
display: none;
}
#sideUpload #uploadtextfield,
#sideUpload #uploadtextfield2 { background: transparent;
border: none;
height: 100%;
}
#sideUpload #uploadbrowsebutton,
#sideUpload #uploadbrowsebutton2 { margin-top: 5px;
text-align: center;
background: #C0AE00;
border-radius: 5px;
border: none;
width: 100%;
padding: 5px;
}
#general-con {
background: #F8F8F8;
margin-top: 35px;
border: 1px solid #C0AE00;
border-radius: 5px;
box-shadow: none !important;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 16px;
color: #000000;
}
#your-msg-con {
background: #F8F8F8;
margin-top: 35px;
border: none;
border-bottom: 1px solid #C0AE00;
border-radius: 0px;
box-shadow: none !important;
}
.mngunit_icon {
padding-top: 9%;
padding-left: 0;
}
.quote_alfred p {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 35px;
color: #222222;
}
.quote_alfred blockquote {
width: 90%;
margin: 0 auto;
font-style: italic;
font-weight: 700;
font-size: 139%;
padding: 2rem;
position: relative;
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/quote-after.png) no-repeat bottom right;
background-size: 3rem;
bottom: 0;
right: 0; margin-left: 0;
}
p.smallparag {
line-height: 0.5;
}
small.small_alfred {
font-size: 50%;
}
.desc_unit h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: normal;
color: #C0AE00;
}
.desc_unit h5 {
font-family: Roboto;
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: normal;
letter-spacing: -0.03em;
color: #807F83;
}
.desc_unit a {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #C0AE00;
}
.desc_unit ul.email {
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/email_icon.svg) no-repeat 0 50%;
padding-left: 30px;
list-style: none;
}
.slider-nav {
margin-top: -12%;
margin-bottom: 2%;
}
.media_mng {
width: 361px;
max-width: 300px;
}
.thumbnail_mng .slick-prev {
margin-left: -70px;
left: 85px;
}
.thumbnail_mng .slick-next {
margin-right: -70px;
right: 85px;
}
.caption_mng1 {
position: relative;
z-index: 10000;
top: 8%;
width: 100%;
margin-top: -31%;
}
.caption_thr1 {
position: relative;
z-index: 10000;
top: 8%;
width: 100%;
margin-top: -35%;
}
.caption_mng2 {
position: absolute;
z-index: 3;
top: 20%;
margin-top: 0;
}
.caption_mng2_maya_subs {
position: absolute;
z-index: 3;
top: 100%;
margin-top: 0;
}
.caption_mng2 {
position: absolute;
z-index: 3;  margin-top: 0;
}
.videothr {
height: 40vw;
}
.caption_mng2 h2,
.caption_mng2_maya_subs h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #FFFFFF;
}
.caption_mng2 p,
.caption_mng2_maya_subs p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 24px;
color: #FFFFFF;
}
.caption_newsroom {
position: absolute;
z-index: 10000;
top: 7%;
width: 100%;
left: 0;
right: 0;
margin: 0 auto;
}
.caption_newsroom h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #FFFFFF;
}
.caption_newsroom p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 24px;
color: #FFFFFF;
}
.mobile_mngslick {
background: #262626;
}
.mobile_thrslick {
background: black;
}
.mobile_mngslick_caption h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 23px;
text-align: center;
color: #FFFFFF;
}
.mobile_mngslick_caption p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
text-align: center;
color: #FFFFFF;
}
.unit_names { }
.directreflectrow { }
.directreflectrow h6 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 23px;
letter-spacing: -0.03em;
color: #FFFFFF;
text-shadow: 2px 2px 3px black;
}
.directreflectrow .fa-chevron-right:before {
content: "\f054";
position: absolute;
top: 50%;
margin-left: -10px;
transform: translateY(34%);
}
.discover-button {
width: 297px;
border: 0px solid #FFFFFF;
border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 17px;
color: #FFFFFF !important;
text-decoration: none;
margin-top: 30px;
text-align: center;
background: #C0AE00;
}
.bodmobile img {
opacity: 1;
border: 3px solid #c4c4c4;
}
.ecapi-circle .bodmobile img {
border: none !important;
}
.bodmobile .active img {
opacity: 0.5;
}
.bodmobile img:hover { cursor: inherit; transition: all .5s ease;
}
.imgbackground {
background: #C0AE00;
width: 130px;
height: 130px;
border-radius: 50%;
}
#accordion_alfred .card {
border: none;
}
#accordion_alfred .card-header {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 17px;
background-color: white;
line-height: normal;
color: #807F83;
}
#accordion_alfred .card-body {
background-color: white;
}
#accordion_alfred .card-body {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.accordion_alfred .card-header:after {
float: right;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f078';
}
.accordion_alfred .card-header.collapsed:after { float: right;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f077';
}
.maya-smart-content {
background-color: #F2F2F2;
}
.maya-big-title h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px; color: #C0AE00;
border-radius: 10px;
}
.maya-content p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.maya-content-maps .maps img {
margin: 0 auto;
display: block;
max-width: 100%;
}
.info-wrapper {
display: none;
}
#latininfo {
position: absolute;
top: 50%;
left: 25%;
height: 40vh;
}
#arabinfo {
position: absolute;
left: 44%;
top: 13%;
height: 40vh;
}
#africainfo {
position: absolute;
left: 44%;
top: 48%;
height: 40vh;
}
#europeinfo {
position: absolute;
left: 62%;
top: -19px;
height: 40vh;
}
#asiainfo {
position: absolute;
left: 66%;
top: 30%;
height: 40vh;
}
#pacificinfo {
position: absolute;
left: 79%;
top: 52%;
height: 40vh;
}
.container.container-map {
width: 1206px;
max-width: 1206px;
}
.maya-content-maps .center {
display: block !important;
}
.info-wrapper img {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0 auto;
}
.maps-content {
position: relative;
margin-bottom: 100px;
margin-top: 80px;
}
.click-more-ecapi {
margin-bottom: 50px;
}
.click-more-ecapi .c-m-ecapi {
font-family: Roboto;
font-style: italic;
font-weight: normal;
font-size: 17px;
line-height: 152.34%;
text-align: center;
color: #807F83;
}
.maps-total { width: auto;
height: 170px;
}
.maps-total h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 16px;
text-align: center;
letter-spacing: 0.3em;
text-transform: uppercase;
color: #807F83;
}
.maps-total h1 {
font-family: Roboto;
font-style: normal;
font-weight: 900;
font-size: 35px;
line-height: 93.75%; text-align: center;
}
.maps-total img {
text-align: right;
} .maps-total .row {
align-items: center;
}
.maps-total p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 100%;  margin-bottom: 0;
text-align: center;
}
.maya-smart-sub p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #000000;
}
.maya-smart-content ul.right {
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/right_icon.svg) no-repeat 0 4%;
padding-left: 30px;
list-style: none;
}
.maya-declaration .nav-item a {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
text-align: center;
letter-spacing: -0.02em;
color: #807F83;
}
.maya-declaration .nav-item a:hover {
border: none;
}
.maya-declaration .nav-item a.active {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
text-align: center;
letter-spacing: -0.02em;
color: #D7007E;
border: none;
border-bottom: 2px solid #D7007E;
}
.data-portal {
background-color: #F2F2F2;
}
.maya-yearly-img {
text-align: right;
padding-top: 5%;
}
.maya-yearly-descr {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 20px;
color: #262626;
padding-top: 6%;
}
.maya-commits {
text-align: center;
}
.maya-reci-mobile img {
margin: 0 auto;
display: block;
max-width: 100%;
}
.top-maya-subs {
background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: 21vw;
position: relative;
}
.top-members {
background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: 38vw;
position: relative;
}
.maya-subs-big-title h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
border-radius: 10px;
}
.maya-box h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #FFFFFF;
}
.maya-box img {
float: right;
}
.maya-box-caption {
align-self: center;
}
.circle_maya {
text-align: center !important;
border-radius: 50%;
width: 200px;
height: 200px;
margin: 0 auto;
}
.circle_maya h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 20px;
text-align: center;
color: #262626;
margin: 0;
position: absolute;
top: 50%;
left: 60%;
margin-right: -50%;
transform: translate(-50%, -50%)
}
.right_sign_maya i {
margin: 0;
position: absolute;
top: 50%;
left: 68%;
margin-right: -50%;
transform: translate(-50%, -50%)
}
.unbold_font {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.regional-subs-main h4 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 47px;
}
.plain-reg-cont h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #FFFFFF;
}
.plain-reg-cont a {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
display: flex;
align-items: center;
color: #C0AE00;
}
.plain-reg-cont p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #FFFFFF;
}
.piri_q p,
.afpi_q p {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 28px;
color: #FFFFFF;
}
.stats-reg-cont {
background-size: cover;
background-repeat: no-repeat;
padding-top: 4%;
width: 100%;
height: 100%;
position: relative;
padding-bottom: 3vw;
}
.stats-reg-cont-sub {
background-size: cover;
background-repeat: no-repeat;
padding-top: 4%;
width: 100%;
height: 100%;
position: relative;
padding-bottom: 3vw;
}
.plain-reg-cont {
padding: 30px 0 30px 0;
}
.quote-reg-cont {
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 24vw;
position: relative;
}
.afpi_q {
position: relative;
left: -237px;
top: 160px;
}
.piri_q {
position: relative;
left: 456px;
top: 168px;
}
.circle_regional {
text-align: center;
text-align: center;
border-radius: 50%;
width: 200px;
height: 200px;
}
.circle_regional h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 26px;
text-align: center;
color: #FFFFFF;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
.tlinfoimages img {
height: 225px;
}
#reginfo1 {
position: absolute;
top: 0;
left: 4.3%;
}
#reginfo2 {
position: absolute;
top: 0;
left: 17%;
}
#reginfo3 {
position: absolute;
top: 0;
left: 33%;
}
#reginfo4 {
position: absolute;
top: 0;
left: 48%;
}
#reginfo5 {
position: absolute;
top: 0;
left: 63%;
}
#reginfo6 {
position: absolute;
top: 0;
left: 78%;
}
.regional-subs-main .arrow-right li:before {
margin: 0 16px 0 -27px;
}
.reg_title h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 47px;
color: #2E3092;
}
.top-director-reflection-article {
background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: 18vw;
position: relative;
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/directorarticle.jpg);
background-repeat: no-repeat;
background-size: contain;
}
.top-event {
background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: 21vw;
position: relative;
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/eventW.jpg);
background-repeat: no-repeat;
background-size: cover;
margin-top: 0px;
}
.right-border {
border-right: 1px solid #EDEDED;
}
.top-border {
border-top: 1px solid #EDEDED;
}
.event_place {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
align-items: center;
color: #807F83;
}
.event_country {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
align-items: center;
color: #C0AE00;
}
.desc_unit div.grey p {
color: grey;
}
h1.newsroom_title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 28px; display: flex;
align-items: center;
color: #C0AE00;
}
h2.newsroom_title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 28px; display: flex;
align-items: center;
color: #C0AE00;
}
#financial_first img { }
.top-board-content {
margin: 0 auto;
position: absolute;
bottom: auto;
left: 0;
right: 0;
color: #fff;
text-align: center;
padding-bottom: 20px;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.activities-description p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #FFFFFF;
}
.bodmobile .slick-prev {
left: 25px !important;
}
#members-subs-main {
height: 20vw;
background-repeat: no-repeat;
background-size: cover;
position: relative;
display: flex; align-items: center;
}
.gold-title h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #C0AE00;
}
a.gold-link {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #C0AE00;
}
.member-inst p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.image-maps-maya img {
width: 100%;
height: 100%;
}
.members-country .nav-tabs {
border-bottom: none;
}
.members-tabs a {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-size: 35px;
line-height: 20px;
display: flex;
align-items: center;
color: #A3A2A6;
}
.members-tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #C0AE00;
font-weight: bold;
border: none;
}
.members-tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:hover {
border: none;
}
.members-country .nav {
justify-content: space-between;
}
.members-tabs-subs a {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 15px; align-items: center;
color: #262626 !important;
}
.countdown li {
display: inline-block;
float: left;
text-align: center;
}
.countdown h1 {
min-width: 80px;
background: #444444;
padding: 20px 15px;
border-radius: 12px;
text-align: center;
font-size: 44px;
font-weight: 700;
line-height: 28px;
}
.countdown ul {
margin: 35px;
}
.countdown span {
font-family: Roboto;
font-style: normal;
font-weight: 900;
font-size: 11px;
line-height: 13px;
display: inline-block;
align-items: center;
text-align: center;
letter-spacing: 0.3em;
text-transform: uppercase;
color: #FFFFFF;
}
.li-doubledots {
margin: 17px 17px;
}
.li-doubledots p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 30px;
line-height: 35px;
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
}
h2.bigger_size {
font-size: 70px;
line-height: 1.01;
}
h1.bigger_size {
font-size: 70px;
line-height: 1.01;
}
h4.grey {
font-size: 17px;
}
.error-page {
background-color: #C0AE00;
min-height: 800px;
}
.error-page-thanks {
background-color: #C0AE00;
min-height: 800px;
padding-top: 300px;
}
.error-page img {
padding-top: 150px;
padding-bottom: 20px;
display: block;
margin-left: auto;
margin-right: auto;
}
.error-page h1,
.error-page-thanks h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 80px;
line-height: 1.5;
text-align: center;
color: #FFFFFF;
}
.error-page h4,
.error-page-thanks h4 {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
text-align: center;
color: #FFFFFF;
}
.error-page a,
.error-page-thanks a {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 152.34%;
text-align: center;
display: block;
color: #FFFFFF;
}
.apply-button,
.apply-button:hover {
background: #C0AE00;
border-radius: 5px;
width: 145px;
height: 32px;
color: black;
border: 0;
}
.job-desc {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 70px;
color: #807F83;
}
.bottom-border-gold {
border-bottom: 1px solid #E9E4CC;
}
.bottom-border-gold:last-child {
border-bottom: none;
}
.top-job-vacan {
background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: 18vw;
position: relative;
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/careers-tW.jpg);
}
.careert-title p {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 47px;
color: #C0AE00;
}
.careert-desc p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.careert-desc ul {
margin-top: 0;
margin-bottom: 1rem;
list-style: disc;
margin-left: 1em;
color: #807F83;
font-size: 17px;
}
.member-details h4 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 30px;
color: #C0AE00;
}
.member-details p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
#footer_corporate a {
list-style: none;
font-family: 'Noto Sans', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 245.16%;
letter-spacing: -0.03em;
color: #111010;
}
#footer_id .left-border {
border-left: solid 1px #c0AE00;
}
#footer_id .bottom-border {
border-bottom: solid 1px #c0AE00;
}
#footer_id .list-inline-item {
padding-right: 15px;
}
.footer_section_title {
padding: 10px 0;
}
.black-bottom {
background-color: #000000;
}
.black-bottom p {
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 14px;
color: #FFFFFF;
}
.copyright-title h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #B9A649;
border-radius: 10px;
}
.copyright-subtitle h2 {
font-family: Roboto;
font-style: normal;
font-weight: 900;
font-size: 11px;
line-height: 13px;
letter-spacing: 0.3em;
color: #807F83;
}
.copyright-subtitle2 h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 23px;
letter-spacing: -0.03em;
color: #807F83;
}
.copyright-subtitle3 h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 152.34%;
color: #807F83;
}
h2.copyright-subtitle4 {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #B9A649;
}
.content-copyright a {
color: #B79C17;
}
.gold-line {
background-color: #B9A649;
}
.members-country .overflow-auto {
overflow: hidden !important;
}
#members-item-list .slick-prev {
left: 0;
}
#members-item-list .slick-next {
right: 0;
}
#mo_item_list .slick-prev {
left: 0;
}
#mo_item_list .slick-next {
right: 0;
}
.image-bodys .slick-prev {
left: 0;
}
.image-bodys .slick-next {
right: 0;
}
.image-bodyss .slick-next {
right: 0;
}
.smef-item-container .slick-prev {
left: 0;
}
.smef-item-container .slick-next {
right: 0;
}
.smef-relpublictions-container .slick-prev { }
.smef-relpublictions-container .slick-next {
right: 0;
}
.afinsdg .slick-prev {
left: 0;
}
.afinsdg .slick-next {
right: 0;
}
.smef-relnewsblog-container .slick-prev {
left: 0;
}
.smef-relnewsblog-container .slick-next {
right: 0;
}
.reports_slick .slick-prev {
left: 0;
}
.reports_slick .slick-next {
right: 0;
}    @media screen and (max-width: 1366px) {
.stats-reg-cont { height: 100%;
}
h2.bigger_size {
font-size: 56px;
line-height: 1.0;
}
h1.bigger_size {
font-size: 56px;
line-height: 1.0;
}
} @media screen and (max-width: 1280px) {
.stats-reg-cont { height: 100%;
}
}
@media screen and (max-width: 1440px) {
#reginfo1 {
left: -15% !important;
}
#reginfo2 {
left: 4% !important;
}
#reginfo3 {
left: 26% !important;
}
#reginfo4 {
left: 48% !important;
}
#reginfo5 {
left: 68% !important;
}
#reginfo6 {
left: 89% !important;
}
}
@media screen and (max-width: 1680px) {
#reginfo1 {
left: -2% !important;
}
#reginfo2 {
left: 13% !important;
}
#reginfo3 {
left: 30% !important;
}
#reginfo5 {
left: 64% !important;
}
#reginfo6 {
left: 82% !important;
}
}
@media screen and (max-width: 1366px) {
#reginfo1 {
left: -14% !important;
}
#reginfo2 {
left: 4% !important;
}
#reginfo3 {
left: 26% !important;
}
#reginfo5 {
left: 67% !important;
}
#reginfo6 {
left: 89% !important;
}
}
@media screen and (max-width: 1920px) {
#reginfo1 {
left: 0 !important;
}
#reginfo2 {
left: 15% !important;
}
#reginfo3 {
left: 32% !important;
}
#reginfo4 {
left: 49% !important;
}
#reginfo5 {
left: 66% !important;
}
#reginfo6 {
left: 82% !important;
}
} @media screen and (max-width: 767px) {
.send-msg-btn {
background-color: #F8F8F8;
color: #B79C17;
border: 0.5px solid #B79C17;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 24px;
text-align: center;
border-radius: 5px;
width: 100%;
height: 35px;
float: none;
}
.btn-wg-portal {
margin-top: 2vw;
}
.smef-item .imgstyle {
width: fit-content;
margin-left: auto;
margin-right: auto;
display: block;
width: 35%;
height: auto;
}
.smef-slick-xx .slick-next {
right: -8px;
}
.smef-slick-xx .slick-prev {
right: -8px;
}
}
@media screen and (min-width: 768px) {
#reginfo1 {
position: absolute;
top: 0;
left: -19%;
}
#reginfo2 {
position: absolute;
top: 0;
left: 0%;
}
#reginfo3 {
position: absolute;
top: 0;
left: 24%;
}
#reginfo4 {
position: absolute;
top: 0;
left: 47%;
}
#reginfo5 {
position: absolute;
top: 0;
left: 69%;
}
#reginfo6 {
position: absolute;
top: 0;
left: 92%;
}
.send-msg-btn {
background-color: #F8F8F8;
color: #B79C17;
border: 0.5px solid #B79C17;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 24px;
text-align: center;
border-radius: 5px;
width: 300px;
height: 35px; }
}
.procurement-post {
margin-top: 3vw;
}
.procurement-post-row {
padding: 1vw 5vw;
}
.procurement-post-select {
margin-bottom: 2vw;
}
.select-div { border: 1px solid rgba(0, 0, 0, 0.15);
padding: 0.5vw;
}
.table-procurement thead tr {
background: #C0AE00;
}
.table-procurement thead tr th {
font-family: 'Roboto';
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 1.2;
color: #FFFFFF;
padding: 1vw 1vw;
text-align: center;
}
.table-procurement tbody tr td {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.2;
color: #807F83;
text-align: center;
padding: 2vw 1vw;
}
.table-procurement tbody tr .title {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.2;
color: #C0AE00;
}
.table-procurement tbody tr .title a {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.2;
color: #C0AE00;
}
.select-div span {
font-family: 'Open Sans';
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 1;
display: flex;
align-items: center;
color: #AEAEAE;
padding-left: 0.81vw;
}
.select-div select {
font-family: 'Roboto';
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 1.2;
display: flex;
align-items: center;
color: #222222;
border: none;
}
.table-procurement .tr-background {
background: #EDEDED; }
.single-procurement-post {
margin-top: 3vw;
}
.single-procurement-post-row {
padding: 1vw 5vw;
}
.single-procurement-post .table-single--procurement .title {
font-family: 'Roboto';
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 1.2;
display: flex;
align-items: center;
color: #807F83;
padding: 1vw;
}
.single-procurement-post .table-single--procurement .info {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.2;
color: #807F83;
padding-left: 5vw;
}
.single-procurement-post .table-single--procurement .info a {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.2; color: #C0AE00;
padding-bottom: 1vw;
}
.single-procurement-post .back-div {
text-align: center;
margin-top: 3vw;
margin-bottom: 3vw;
}
.single-procurement-post .back-div a {
font-family: 'Roboto';
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 1.2;
background: #000000;
text-align: center;
border: 1px solid #000000;
color: #FFFFFF;
padding: 1vw 5vw;
cursor: pointer;
}
.single-procurement-post .back-div i {
padding-right: 0.3vw;
}
.single-procurement-post .back-div a:hover {
font-family: 'Roboto';
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 1.2;
background: #000000;
text-align: center;
border: 1px solid #000000;
color: #FFFFFF;
padding: 1vw 5vw;
}
.single-procurement-post .table-single--procurement .tr-background {
background: #EDEDED;
}
.covid-info p {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 1.5;
color: #807F83;
border-radius: 10px;
}
.covid-info span {
font-family: 'Roboto';
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 1.5;
color: #000000;
border-radius: 10px;
}
.covid-info h6 {
font-family: 'Roboto';
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 1.5;
color: #C0AE00;
border-radius: 10px;
}
.covid-info h2 {
font-family: 'Roboto';
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 1.5;
color: #C0AE00;
border-radius: 10px;
}
.covid-video {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/covid19-video.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.covid-video h3 {
font-family: 'Roboto';
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 1.2;
color: #FFFFFF;
}
.covid-video p {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 1.2;
color: #FFFFFF;
}
.covid-video .first-video p {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 1.5;
color: #FFFFFF;
}
.covid-video .first-video a {
font-family: 'Roboto';
font-style: italic;
font-weight: bold;
font-size: 15px;
line-height: 1.5;
color: #FFFFFF;
}
.covid-video .first-video {
background: #262626;
padding: 2vw 0vw;
}
.covid-video .second-video {
background: #FFFFFF;
padding: 2vw 0vw;
}
.covid-video .second-video p {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 1.5;
color: #807F83;
}
.covid-video .second-video a {
font-family: 'Roboto';
font-style: italic;
font-weight: bold;
font-size: 15px;
line-height: 1.5;
color: #807F83;
}
.covid-video .first-video .info {
justify-content: center;
margin: auto;
}
.covid-video .second-video .info {
justify-content: center;
margin: auto;
}
.covid-video .slick-next {
right: 0;
}
.covid-video .slick-prev {
left: 0;
z-index: 9;
}
.covid-video-ifram {
width: 560px;
}
@media screen and (max-width: 1600px) and (min-width: 1200px) {
.covid-video-ifram {
width: 400px;
}
}
@media screen and (max-width: 768px) {
.select-div span {
padding-left: 3.81vw;
}
.covid-video .first-video {
padding: 2vw 0vw;
background: transparent;
margin: 0;
}
.covid-video .second-video {
padding: 2vw 0vw;
margin: 0;
background: transparent;
}
.covid-video .first-info {
background: #262626;
}
.covid-video .second-info {
background: #FFFFFF;
}
.covid-video .video-div {
padding: 0;
}
.procurement-post-select {
margin-bottom: 2vw;
padding: 1vw 10vw;
}
.table-procurement tbody tr td {
text-align: left;
padding: 4vw 8vw;
font-family: 'Roboto';
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 1.2;
color: #807F83;
}
.table-procurement tbody tr .td-info {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.2;
text-align: right;
color: #807F83;
}
.procurement-post-row {
padding: 0;
}
.model-content-procurement {
padding: 0;
}
.single-procurement-post td {
border: none;
}
.single-procurement-post .table-single--procurement .info {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.2;
color: #807F83;
padding-left: 1vw;
}
.single-procurement-post-row {
padding: 1vw 7vw;
}
.single-procurement-post .back-div a {
padding: 1vw 20vw;
cursor: pointer;
}
.single-procurement-post .back-div a:hover {
padding: 1vw 20vw;
cursor: pointer;
}
.table-single--procurement {
padding: 0;
}
.members-tabs a {
font-weight: 300;
font-size: 25px;
line-height: 23px;
}
.imgstyle1 img {
width: 35%;
}
.top-newsroom-news {
margin-top: 55px;
}
.top-wg-content {
top: -44%;
}
.members-scroll {
width: 820px;
}
.members-country .overflow-auto {
overflow-x: auto !important;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
}
.scrollmore-right {
position: absolute;
right: 0;
top: 0;
width: 65px;
height: 50px;
background: white;
filter: blur(5px);
opacity: 0.7;
}
.scrollmore-left {
position: absolute;
left: 0;
top: 0;
width: 65px;
height: 50px;
background: white;
filter: blur(5px);
opacity: 0.7;
z-index: 1;
}
.top-job-vacan {
margin-top: 50px;
height: 53vw;
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/careers-tM.jpg);
}
.job-desc {
font-size: 17px;
line-height: 20px;
display: flex;
align-items: center;
color: #807F83;
padding-bottom: 12px;
padding-top: 12px;
}
.apply-button {
width: 100%;
}
.error-page {
min-height: 600px;
}
.error-page-thanks {
min-height: 600px;
padding-top: 55%;
}
.error-page img {
padding-top: 130px;
height: 390px;
}
.error-page h1,
.error-page-thanks h1 {
font-size: 25px;
}
#book_seat {
position: static;
}
#countdown {
width: calc(100% + 30px);
display: block;
}
.countdown h1 {
min-width: unset;
width: 100%;
background: #444444;
padding: 15px 6px;
border-radius: 7px;
text-align: center;
font-size: 30px;
font-weight: 700;
line-height: 24px;
}
.countdown ul {
margin: 35px 0;
width: 100%;
float: left;
}
.countdown li {
display: inline-block;
float: left;
text-align: center;
width: 21%;
}
.li-doubledots {
margin: 6px 4px;
}
.countdown li.li-doubledots {
width: 7px;
}
.li-doubledots p {
font-size: 17px;
line-height: 36px;
}
.countdown span {
font-size: 10px;
}
.quote_alfred blockquote {
width: 87% !important;
margin: auto !important;
}
}
.year-label {
font-family: 'Noto Sans', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 13px;
color: #FFFFFF;
line-height: 30px;
}
.desktop {
display: block;
position: relative;
}
.mobile {
display: none;
} @media screen and (max-width: 768px) {
.desktop {
display: none !important;
}
.mobile {
display: block;
}
.section-first {
margin-top: 49px;
}
.section-first-maya {
margin-top: 48px;
}
.top {
top: 0;
}
.top-wg-smef {
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/SMEF_M.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
padding-top: 0;
height: 272px;
max-height: 100%;
}
.top-copyright {
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
padding-top: 0;
height: 272px;
max-height: 100%;
}
.top-contact-us {
background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: 38vw;
position: relative;
}
.caption-M { text-align: left;
}
.caption-M img {
position: relative;
left: 10px;
top: 28px;
}
.caption2-M {
margin: 0;
bottom: 0;
position: absolute;
bottom: 0;
text-align: left;
padding: 15px 0 25px 10px;
}
.caption2-M img {
height: 77px;
width: auto;
display: inline-block;
float: left;
}
.caption2-M span {
text-align: justify;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 25px;
margin-top: 8px;
padding-left: 5px;
}
.caption2-M-maya {
margin: 0;
bottom: 0;
position: absolute;
bottom: 0;
text-align: left;
padding: 15px 0 25px 10px;
}
.caption2-M-maya img {
height: 125px;
width: auto;
display: inline-block;
float: left;
}
.caption2-M-maya span {
text-align: justify;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 25px;
margin-top: 8px;
padding-left: 5px;
}
.top-wg-content-M {
position: relative;
color: #fff;
text-align: center;
padding-bottom: 20px;
height: 100%;
}
.caption2-M h2 {
display: inline-block;
float: left;
width: 100%;
padding-left: 23px;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 25px;
margin-top: 9px;
text-shadow: 0px 0px 4px black;
}
.caption2-M h1 {
display: inline-block;
float: left;
width: 100%;
padding-left: 23px;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 25px;
margin-top: 9px;
text-shadow: 0px 0px 4px black;
}
.caption2-M h1 {
display: inline-block;
float: left;
width: 100%;
padding-left: 23px;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 25px;
margin-top: 9px;
text-shadow: 0px 0px 4px black;
}
.caption2-M-maya h2 {
display: inline-block;
float: left;
width: 100%;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 33px;
margin-top: 9px;
padding-left: 15%
}
.caption2-M-maya h4 {
display: inline-block;
float: left;
width: 100%;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
margin-top: 9px;
}
.captionContact-M {
display: inline-block;
float: left;
width: 100%;
padding-left: 23px;
margin-top: 45%;
margin-left: -19%;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 23px;
color: #FFFFFF;
}
.btn-wg {
display: block;
width: 100%;
}
.btn-wg img {
float: right;
}
.mem_icon {
padding-left: 0;
padding-top: 31px;
padding-bottom: 20px;
}
.bod-cont {
padding-left: 15px;
padding-right: 15px;
}
#accordion .card {
border: none;
}
.card-header {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 17px;
background-color: transparent;
line-height: normal;
color: #C0AE00;
}
#board-header .card-header {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 20px;
color: #807F83;
}
.card-body {
background: #F5F5F5;
}
.card-body {
font-family: Roboto;
font-style: normal;
font-weight: normal;
background-color: transparent;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.accordion .card-header:after {
float: right;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f078';
}
.accordion .card-header.collapsed:after { float: right;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f077';
color: black;
}
.top-mng-unit {
background-size: cover;
margin-top: 48px;
height: 28vh;
}
.mng_unit_cont { }
.directreflectrowM {
padding: 22px 0 0 13px;
height: 100%;
}
.form-contactus .form-check-inline {
padding-right: 25px;
}
.maya-maps img {
margin: 0 auto;
width: 100%;
}
.maya-commitments-M h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 35px;
color: #D7007E;
}
.maya-commitments-M p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 20px;
color: #262626;
text-align: center;
}
.maya-commitments-M img {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
.top-maya-subs {
background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: 35vw;
position: relative;
}
.mayasubs-headericon img {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 9%;
}
.maya-box h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 23px;
display: flex;
align-items: center;
color: #FFFFFF;
}
.right_sign_maya {
height: auto;
width: 100%;
}
.stats-reg-cont {
background-size: cover;
background-repeat: no-repeat;  height: 93vw;
position: relative;
display: flex;
align-items: center;
}
.stats-reg-cont-sub {
background-size: cover;
background-repeat: no-repeat;   height: auto;
position: relative;
display: flex;
align-items: center;
}
.top-director-reflection-article {
background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: 37vw;
position: relative;
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/directorarticleM.jpg);
background-repeat: no-repeat;
background-size: contain;
margin-top: 49px;
}
.top-event {
background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: 47vw;
position: relative;
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/eventM.jpg);
background-repeat: no-repeat;
background-size: contain;
margin-top: 48px;
}
.videothr {
height: 125vw;
}
#financial_first {
margin-top: 49px;
}
#members-subs-main {
margin-top: 49px;
height: 34vw;
background-repeat: no-repeat;
background-size: cover;
position: relative;
display: flex; align-items: center;
}
.circle_maya h1 {
top: 50%;
left: 0;
right: 0;
margin-right: 0;
transform: translate(62%, -50%);
width: 45%;
}
.right_sign_maya i {
top: 50%;
margin: 0 auto;
left: 0;
right: 0;
transform: translateY(-50%);
width: 4%;
}
}
.vid-news .slider-nav {
margin-top: 0px;
max-width: 90% !important;
padding-top: 40px;
margin-bottom: 0px !important;
padding-bottom: 40px; }
.vid-news .desktop { }
#management-chee-soo-yuen .slider-nav {
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-top: 30px;
padding-bottom: 30px;
background-color: #c4c4c4;
max-width: 100% !important;
margin-top: 0px !important;
}
#management-chee-soo-yuen .slick-track {
transform: none !important;
}
#management-chee-soo-yuen .slider-nav-item {
display: flex !important;
justify-content: center;
padding-right: 15px !important;
}
.soo-yuen-image {
display: block !important;
}  .imagedownload {
padding-left: 10vh !important;
}
.nav-tabs .nav-link {
border: 1px;
}
.members-tabs a {
font-size: 22px;
}
.members-tabs li {
border-bottom: 0.5px;
}
.members-tabs li>ul {
border-top: 0.5px;
}
.members-tabs li>ul>li:last-child {
border: none;
}
.nav {
display: inline-grid;
;
}
@media (min-width: 1200px) {
.members-tabs li {
display: table-cell;
}
.members-tabs a {
font-size: 22px;
}
#region {
width: 41vh;
height: 6vh;
border-radius: 5px;
padding: 0.3vh;
font-family: Roboto;
font-style: normal;
font-weight: 800;
font-size: 2vh;
}
.map-title h3 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 20px;
text-align: left;
line-height: 38px;
color: #C0AE00;
}
}
@media (max-width: 576px) {
.members-tabs li {
display: table-cell;
}
.members-tabs a {
font-size: 12px;
width: 235px;
}
.members-tabs .SubSaharanAfrica .SouthAsia {
width: 225px;
}
#region { width: 100%;
height: 6vh;
margin-left: 1vh;
border-radius: 5px;
padding: 0.3vh;
font-family: Roboto;
font-style: normal;
font-weight: 800;
font-size: 3vh;
}
.map-title h3 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 20px;
text-align: center;
line-height: 38px;
color: #C0AE00;
}
.nav {
display: inline-table;
;
}
.card-title {
padding-left: 5px;
}
.scrollstylemobile {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.members-tabs li {
display: table-cell;
}
.members-tabs a {
font-size: 15px;
width: 275px;
}
.nav {
display: inline-table;
;
}
#region {
width: 80vh;
height: 6vh;
border-radius: 5px;
padding: 0.3vh;
font-family: Roboto;
font-style: normal;
font-weight: 800;
font-size: 2vh;
}
.map-title h3 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 20px;
;
text-align: center;
line-height: 38px;
color: #C0AE00;
}
}
@media (min-width: 577px) and (max-width: 767.98px) {
#region {
width: 75vh;
margin-left: 1vh;
height: 6vh;
border-radius: 5px;
padding: 0.3vh;
font-family: Roboto;
font-style: normal;
font-weight: 800;
font-size: 3vh;
}
.map-title h3 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 20px;
;
text-align: center;
line-height: 38px;
color: #C0AE00;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.members-tabs li {
display: table-cell;
}
.members-tabs a {
font-size: 15px;
}
#region {
width: 50vh;
height: 6vh;
border-radius: 5px;
padding: 0.3vh;
font-family: Roboto;
font-style: normal;
font-weight: 800;
font-size: 3vh;
}
.map-title h3 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 20px;
;
text-align: center;
line-height: 38px;
color: #C0AE00;
}
}  .newsroom-blogs {
margin-top: 0;
}
.top-newsroom-blogs {
background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: 18vw;
position: relative;
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/blogsnarticleW.jpg);
background-repeat: no-repeat; }
.top-newsroom-news {
background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: 18vw;
position: relative;
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/newsW.jpg);
background-repeat: no-repeat; }
.top-newsroom-speeches {
background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: 18vw;
position: relative;
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/speechesW.jpg);
background-repeat: no-repeat;
background-size: contain;
}
.title-news { padding-top: 7%;
margin-right: 0;
}
.head-blogs {
padding-top: 3%;
height: 110px;
}
.blog-date p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.blog-title p {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: normal;
color: #C0AE00;
}
.blog-title h1,
.event-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: normal;
color: #C0AE00;
}
.writtenby-blogs p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: normal;
color: #807F83;
}
p.author_name {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: normal;
color: #000000;
}
p.author_position {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: normal;
color: #262626;
}
.author-img-blogs {
width: 76px;
height: 76px;
border-radius: 50%;
}
.right-border {
border-right: 1px solid #EDEDED;
}
.bottom-border {
border-bottom: 1px solid #EDEDED;
}
.newsroom-blogs-cont a {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #B79C17;
}
.newsroom-blogs-cont p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.newsroom-blogs-cont img {
height: auto;
}
.ss_col {
text-align: right;
}
.sss_col {
vertical-align: middle;
}
.news-content img {
margin: 0 auto;
display: block;
max-width: 100%;
}
hr.bottom_line_newsroom {
border: 1px solid #807F83;
}
.news-tagged p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
color: #807F83;
}
.tags_news a {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 20px;
color: #B79C17;
}
blockquote {
width: 50%;
margin: 0 auto;
font-style: italic;
font-weight: 700;
font-size: 139%;
padding: 2rem;
position: relative;
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/quote-after.png) no-repeat bottom right;
background-size: 3rem;
bottom: 0;
right: 0;
}
blockquote:before {
content: '';
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/quote-before.svg) no-repeat;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 3rem;
height: 3rem;
}
.image-newsroom-content {
width: image width px;
font-size: 80%;
text-align: center;
color: #807F83;
} @media screen and (max-width: 768px) { .top-newsroom-blogs-M {
background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: 37vw;
position: relative;
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/blogsnarticleM.jpg);
background-repeat: no-repeat;
background-size: contain;
}
.top-newsroom-news {
height: 250px;
background-repeat: repeat;
}
.top-newsroom-news-M {
background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: 37vw;
position: relative;
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/newsM.jpg);
background-repeat: no-repeat;
background-size: contain;
}
.top-newsroom-speeches-M {
background-size: cover;
background-repeat: no-repeat;
padding-top: 0;
width: 100%;
height: 37vw;
position: relative;
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/speechesM.jpg);
background-repeat: no-repeat;
background-size: contain;
}
.head-blogs {
padding-top: 3%;
height: 65px;
}
.title-news-M {
padding-left: 9%;
padding-top: 9%;
}
blockquote {
width: 80%;
margin: 0 auto;
font-style: italic;
font-weight: 700;
font-size: 139%;
padding: 2rem;
position: relative;
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/quote-after.png) no-repeat bottom right;
background-size: 3rem;
bottom: 0;
right: 0;
}
.ss_col {
text-align: center;
}
}   .smef-relnewsblog-container {
background-color: #000000;
padding: 50px 0px;
}
.relnewsblog-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 28px;
color: #C0AE00;
}
.smef-relnewsblog-item {
padding: 0px 10px;
}
.smef-relnewsblog-item div {
background-color: #807F83;
}
.relpublications-item-list { margin-top: 30px;
}
.smef-relnewsblog-item div:nth-child(2) {
padding: 10px 10px;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 21px;
color: #FFFFFF;
margin-left: auto;
margin-right: auto;
}
.relpublications-explore {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 17px;
color: #222222;
text-decoration: none;
}
.relpublications-explore:hover {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 17px;
color: #222222;
text-decoration: none;
}
.grey_out_text {
font-family: Roboto !important;
font-style: normal !important;
font-weight: normal !important;
font-size: 14px !important;
line-height: 17px !important;
color: #222222 !important;
background-color: #C0AE00 !important;
padding: 10px 10px !important;
margin-left: auto;
margin-right: auto;
display: none;
height: 140px;
}
.greyscale_img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); }
#smef-relnewsblog-list {
margin-top: 30px;
}
.smef-relnewsblog-item-img {
height: auto;
margin-left: auto;
margin-right: auto;
}
.smef-relnewsblog-item-thumbnail { width: 100%; height: 256px;
}
.relnewsblog-newsroom {
align-items: center;
}
.relnewsblog-newsroom-link,
.relnewsblog-newsroom-link:hover {
width: 297px;
color: #FFFFFF;
border: 1px solid #000000;
border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex; height: 45px;
border-color: #FFFFFF;
}
.year-label {
font-family: 'Noto Sans', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 13px;
color: #FFFFFF;
line-height: 30px;
}
.greyscale_hover {
position: absolute;
top: 10px;
z-index: 0;
background-color: transparent !important;
display: none;
}
.teaser-title {
height: 140px;
}
.smef-relnewsblog-item:hover .teaser-title {
display: none;
}
.smef-relnewsblog-item:hover .grey_out_text {
display: block;
}
.smef-relnewsblog-item:hover div {
display: block;
}
.smef-relnewsblog-item:hover img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%);
opacity: 0.5;
width: 100%;
}
.smef-read-more {
font-family: Roboto;
font-style: italic;
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #222222;
}
@media only screen and (max-width: 768px) {
.relpublications-explore {
width: 100%!important;
}
.relnewsblog-newsroom-link {
width: 100%!important;
}
.ex-ed-flip-box-inner {
margin: 0 auto;
}
}   .relpublications-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 28px;
color: #C0AE00;
}
.smef-relpublictions-container { background: linear-gradient(0deg, #E0E0E0, #E0E0E0), linear-gradient(180deg, #1F1F1F 0%, #262626 100%), #262626;
padding: 50px 0px;
}
.relpublications-explore {
width: 297px;
color: #222222 !important;
border: 1px solid #000000;
border-radius: 5px;
justify-content: space-between;
padding: 11px 10px;
display: flex; height: 39px;
}
.smef-item-thumbnail {
margin: auto;
}
.relpublications-explore-pub {
align-items: center;
}
.relpublication-flipback-icon { width: 65px;
height: 80px;
}
.relpublication-flipback-title {
font-family: Roboto;
font-style: normal;
font-weight: 900; font-size: 22px;
color: #262626;
text-align: left;
padding: 15px; line-height: 23px;
}
.relpublication-flipback-summary {
color: #333333;
text-align: left;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 12px;
padding: 15px;
}
.flipboxback-row {
padding-top: 15px;
}
.relpublication-flipback-date {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 10px;
color: #333333;
text-align: left;
}
.relpublications-flipboxback-bottom {
margin-bottom: 30px
}
.relpublications-flipboxback-downloadbtn {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 14px;
color: #FFFFFF;
line-height: 30px;
background-color: #B9A649;
border-radius: 5px;
}
.relpublications-flipboxback-readmore {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 13px;
line-height: 30px;
color: #333333;
}
.smef-relpublictions-container .flip-box-inner {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
}
.smef-relpublictions-container .flip-box-back {
background-color: #F8F8F8;
width: 285px;
}
.relpublications-flipbox {
padding-top: 20px;
padding-bottom: 20px;
}
@media only screen and (max-width: 768px) {
.relpublications-explore-pub {
margin-top: 30px!important;
}
}  .semf-upcoming-events-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 23px;
letter-spacing: -0.03em;
color: #C0AE00;
}
.semf-upcoming-events-teaser {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 25px;
letter-spacing: -0.03em;
color: #807F83;
}
.smef-upcoming-events-item-summary {
padding-right: 30px;
}
.smef-upcoming-events-container {
background-color: #222222;
background-color: #939598;
padding: 50px 0px;
height: fit-content;
}
.smef-upcoming-events-container1 {
background-color: #fff;
}
.smef-upcoming-events-container1 a {
color: #B79C17;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 16px;
text-align: center;
padding: .5em 2em;
border: 1px solid #999;
}
.smef-upcoming-events-container1 .smef-upcoming-events-btn-div {
margin: auto;
justify-content: center;
text-align: center;
}
.smef-upcoming-events-item-title { }
.smef-upcoming-events-item-title a { color: #fff;
}
.smef-upcoming-events-logo {
margin-bottom: 30px;
}
div#second_part img {
width: 354px;
height: 354px;
}
div#second_part .carousel-item-next,
div#second_part .carousel-item-prev,
div#second_part .carousel-item.active {
display: flex;
}
#second_part .carousel-inner .carousel-item .smef-upcoming-events-item-details div:nth-child(1) {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 23px;
letter-spacing: -0.03em;
color: #C0AE00;   }
#second_part .carousel-inner .carousel-item .smef-upcoming-events-item-details {
height: 354px;
align-items: center;
}
.smef-upcoming-events-container #second_part .carousel-inner .carousel-item .smef-upcoming-events-item-details {
align-items: flex-start;
}
#second_part .carousel-inner .carousel-item .smef-upcoming-events-item-details div:nth-child(2) {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 22px;
color: #807F83;
color: #222;
margin-top: 12px; }
#second_part #indicators .row div:nth-child(1) {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 23px;
text-align: center;
letter-spacing: -0.03em;
color: #807F83;
color: #222;
}
#second_part #indicators .row div:nth-child(2) {
font-family: Roboto;
font-style: normal;
font-weight: bold; font-size: 2.5vh;
line-height: 3.3vh;
letter-spacing: -0.03em; color: #fff;
}
#second_part #indicators .row {
margin-bottom: 15px;
cursor: pointer;
border-left: 1px solid #fff;
}
#second_part #indicators {
display: block;
padding-left: 15px !important;
margin-right: 0px !important;
left: auto !important; position: relative;
justify-content: flex-start;
margin-left: 0px !important;
}
#second_part #indicators .active {  }
#second_part #indicators .active div:nth-child(2) {
color: #807F83 !important;
color: #222 !important;
}
@media only screen and (min-width: 768px) {
#second_part .carousel-control-prev {
display: none !important;
}
#second_part .carousel-control-next {
display: none !important;
}
.smef-upcoming-events-discover-more {
width: 190px;
color: #FFFFFF; border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex;
bottom: 0;
position: absolute;
text-decoration: none;
left: 15px;
font-style: italic;
}
}
@media only screen and (max-width: 768px) {
.smef-upcoming-events-discover-more {
width: 380px !important;
margin: auto !important;
left: 0;
right: 0;
}
.smef-upcoming-events-item-details div:nth-child(1) {
margin-top: 25px;
}
.smef-upcoming-events-discover-more {
width: 190px;
color: #FFFFFF; border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex;
bottom: 0;
position: absolute;
text-decoration: none; }
}
.smef-upcoming-events-logo {
margin-bottom: 30px;
}
.smef-upcoming-events-discover-more:hover {
color: #FFFFFF;
text-decoration: none;
}
.upcoming-event-pic-column {
padding-right: 50px;
}
@media (min-width: 769px) and (max-width: 1358px) {
.smef-upcoming-events-item-details { }
}
@media (min-width: 580px) and (max-width: 767px) {
.smef-upcoming-events-item-title {
width: 230px !important;
}
.smef-upcoming-events-item-summary {
width: 230px !important;
}
} @media screen and (max-width: 767px) {
.upcoming-event-pic-column { }
.upcoming-event-thumbnail {
width: 300px !important;
height: 300px !important;
}
.smef-upcoming-events-item-details { }
.smef-upcoming-events-container {
height: 590px !important;
}
.smef-upcoming-events-item-title { }
}
@media screen and (max-width: 579px) {
.smef-upcoming-events-item-details {
margin: auto;
}
.smef-upcoming-events-container {
height: 820px;
}
.smef-upcoming-events-item-title {
width: 270px;
margin: auto;
}
#second_part .carousel-inner .carousel-item .smef-upcoming-events-item-details div:nth-child(1) { margin-bottom: 15px;
}
.smef-upcoming-events-item-summary { margin: auto;
}
}
@media screen and (max-width: 580px) {
.smef-upcoming-events-container { height: 800px !important;
}
}
@media screen and (max-width: 633px) {
.upcoming-event-thumbnail {
width: 270px !important;
height: 270px !important;
}
#second_part .carousel-inner .carousel-item .smef-upcoming-events-item-details { } }
@media screen and (max-width: 768px) and (min-width: 768px) {
.smef-upcoming-events-item-details {
width: 230px;
height: 220px !important;
}
.upcoming-event-thumbnail {
width: 230px !important;
height: 230px !important;
}
.smef-upcoming-events-item-title {
width: 230px !important;
}
.smef-upcoming-events-item-summary {
width: 230px !important;
}
}
@media (max-width: 768px) {
.upcoming-event-pic-column {
margin: auto; height: 220px;
width: 161px;
display: block;
background-position-x: center;
} .smef-upcoming-events-item-title {
width: 230px;
padding-right: 0px;
}
.smef-upcoming-events-item-summary {
width: 230px;
padding-right: 0px;
}
.smef-upcoming-events-container { height: 825px;
}
}   #community-first {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/community_banner.png);
height: 800px;
background-repeat: no-repeat;
background-size: cover;
position: relative;
display: flex;
align-items: center;
}
#community-first .container {
justify-content: normal !important;
margin-top: -100px;
}
#community-first .community_first_title {
margin-top: 80px; }
#community-first .community_first_title h2 {
font-size: 80px;
line-height: 75px;
margin-left: 0px;
}
.community-first-scroll-more {
display: none !important;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 10px;
color: #FFFFFF;
align-items: center;
line-height: 15px;
padding-top: 70px;
position: absolute;
left: 45%;
}
.community-first-scroll-more .fa-chevron-down {
left: 50%;
position: relative;
}
@media only screen and (max-width: 768px) {
#community-first {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/community_mobile_banner.jpg) !important;
height: 580px !important;
}
.community-first-logo {
width: 130px !important;
margin-left: 8% !important;
}
.community_first_title {
margin-left: 8% !important;
}
#community-first .gpf-learn-more {
display: none !important;
}
.community-first-scroll-more {
display: block !important;
}
}  #member-institutions-first {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/afi-member-institutions-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
align-items: center;
padding-top: 50px;
padding-bottom: 50px;
}
#member-institutions-first h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #C0AE00;
}
#member-institutions-first .container {
justify-content: normal !important; }
#member-institutions-first .member_institutions_description {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #FFFFFF;
width: 450px;
margin-top: 40px; }
#member-institutions-first .member_institutions_title {
margin-top: 30px; }
.partnership-champions-title {
padding-top: 185px;
}
@media only screen and (max-width: 768px) {
.member_institutions_title h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold !important;
font-size: 25px !important;
line-height: normal !important;
}
.member-institutions-logo {
margin-left: 8%;
}
#member-institutions-first .member_institutions_title {
margin-left: 8% !important;
}
.member_institutions_description {
margin-left: 8% !important;
padding-right: 30px !important;
width: auto !important;
}
.member-institutions-logo {
width: 130px !important;
}
}   #partnership-champions-first .partnership-champions-description {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #FFFFFF;
margin-top: 40px;
width: 40%;
}
.partnership-champions-title h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #FFFFFF;
}
.partnership-champions-desc-container {
z-index: 55;
position: absolute;
top: 28%;
padding-left: 280px;
}
.partnership-champions-logo {
z-index: 55;
position: absolute;
margin-top: 50px; }
#partnership-champions-first {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/afi-partnership-champions-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
align-items: center;
padding-top: 50px;
padding-bottom: 50px;
height: 78vh;
}
@media only screen and (max-width: 1190px) {
.partnership-champions-desc-container {
padding-left: 180px !important;
}
.partnership-champions-title h2 {
font-size: 30px !important;
line-height: 28px !important;
}
.partnership-champions-description {
margin-top: 20px !important;
}
#partnership-champions-first .gpf-learn-more {
margin-top: 20px !important;
}
}
@media only screen and (max-width: 997px) {
.partnership-champions-logo {
width: 120px !important;
}
.partnership-champions-desc-container {
padding-left: 140px !important;
}
.partnership-champions-description {
margin-top: 20px !important;
}
#partnership-champions-first .gpf-learn-more {
margin-top: 20px !important;
}
}
@media only screen and (max-width: 917px) {
.partnership-champions-description {
margin-top: 15px !important;
}
#partnership-champions-first .gpf-learn-more {
margin-top: 10px !important;
}
.partnership-champions-title h2 {
font-size: 25px !important;
line-height: 20px !important;
}
}
@media only screen and (max-width: 768px) {
.partnership-champions-desc-container {
z-index: 0 !important;
position: unset;
padding-Left: 0px !important;
top: 0px !important;
padding-bottom: 30px;
background-color: #262626;
}
.partnership-champions-description {
width: 90% !important;
margin-left: 8%;
margin-top: 30px;
padding-right: 30px;
}
.partnership-champions-title {
width: 90%;
margin-top: 40px;
margin-left: 8%;
}
}  .leadership-reflection-row-left {
background-color: #000000;
}
.leadership-reflection-row-right {
background-color: #000000;
}
.leader-perspective-title h2,
.executive-reflection-title h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 1.1;
color: #FFFFFF; }
.executive_description {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #FFFFFF;
}
.leader_description {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #FFFFFF;
margin-top: 0px;
}
.leadership-reflection-row-left-logo {
margin-top: 50px;
z-index: 55;
position: absolute;
left: 18%;
}
.leadership-reflection-row-right-logo {
margin-top: 50px;
z-index: 55;
position: absolute;
left: 10%;
}
#leadership_reflection_first .col-right {
padding-left: 260px;
}
.leader-perspective-desc-container-left {
z-index: 55;
position: absolute;
top: 63%;
padding-left: 290px;
}
.leader-perspective-desc-container-right {
z-index: 55;
position: absolute;
top: 58%;
padding-left: 260px;
}
@media only screen and (max-width: 1570px) and (min-width: 1311px) {
.leadership-reflection-row-left-logo,
.leadership-reflection-row-right-logo {
width: 155px !important;
}
.leader-perspective-desc-container-left,
.leader-perspective-desc-container-right {
top: 25% !important;
}
.leader-perspective-desc-container-left {
padding-left: 250px;
}
.leader-perspective-desc-container-right {
padding-left: 220px;
}
}
@media only screen and (max-width: 1310px) and (min-width: 1111px) {
#leadership_reflection_first .gpf-learn-more {
margin-top: 20px !important;
}
.leader-perspective-desc-container-left,
.leader-perspective-desc-container-right {
bottom: 30vw !important;
}
}
@media only screen and (max-width: 1310px) {
.leader-perspective-desc-container-left {
padding-left: 7vw !important;
}
.leader-perspective-desc-container-right {
padding-left: 6vw !important;
}
}
@media only screen and (max-width: 1160px) {
.leadership-reflection-row-left-logo {
left: 8% !important;
}
.leadership-reflection-row-right-logo {
left: 8% !important;
}
.leader-perspective-desc-container-left {
padding-left: 150px !important;
}
.leader-perspective-desc-container-right {
padding-left: 120px !important;
}
}
@media only screen and (max-width: 1110px) {
.leader-perspective-title h2,
.executive-reflection-title h2 {
font-size: 25px !important;
line-height: 25px !important;
}
#leadership_reflection_first .gpf-learn-more {
margin-top: 15px !important;
}
.leader-perspective-desc-container-left,
.leader-perspective-desc-container-right {
padding-left: 60px !important;
}
}
@media only screen and (max-width: 1000px) and (min-width: 769px) {
.leadership-reflection-row-left-logo,
.leadership-reflection-row-right-logo {
width: 120px !important;
margin-top: 20px !important;
}
.leader-perspective-desc-container-left,
.leader-perspective-desc-container-right {
top: 25% !important;
}
#leadership_reflection_first .gpf-learn-more {
display: none !important;
}
}
@media only screen and (max-width: 768px) {
.leadership-reflection-row-left-logo {
width: 130px !important;
left: 8% !important;
top: 5%;
margin-top: 0px;
}
.leadership-reflection-row-right-logo {
width: 130px !important;
left: 8% !important;
top: 5%;
margin-top: 0px;
}
.leadership-reflection-row-left {
flex-direction: column !important;
}
.leader-perspective-desc-container-left,
.leader-perspective-desc-container-right {
z-index: 0 !important;
position: unset;
padding-Left: 0px !important;
top: 0px !important;
padding-bottom: 30px;
padding-left: 0px !important;
}
.leader-perspective-title {
width: 90%;
margin-top: 40px;
margin-left: 8%;
z-index: 0;
position: unset;
}
.leader-perspective-title h2,
.executive-reflection-title h2 {
font-weight: 800 !important;
font-size: 25px !important;
line-height: 24px !important;
color: #FFFFFF !important;
}
.executive-reflection-title {
width: 90%;
margin-top: 40px;
margin-left: 8%;
z-index: 0;
position: unset;
}
.executive_description {
z-index: 0;
position: unset;
margin-left: 8%;
margin-top: 30px;
padding-right: 30px;
}
.leader_description {
z-index: 0;
position: unset;
margin-left: 8%;
margin-top: 30px;
padding-right: 30px;
}
#leadership_reflection_first .gpf-learn-more {
margin-top: 20px;
}
}  #community-newsroom-first {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/newsroom-bottom-banner.jpg);
background-size: cover;
}
#community-newsroom-first .community-newsroom-title h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #FFFFFF;
}
#community-newsroom-first {
padding-top: 50px;
padding-bottom: 50px;
height: 700px;
}
.community-newsroom-title {
margin-top: 30px;
margin-left: 110px;
}
.community-newsroom-description {
margin-top: 40px;
margin-left: 110px;
}
#community-newsroom-first .gpf-learn-more {
margin-top: 0px;
border: 0px;
border-bottom: 0.5px solid rgba(255, 255, 255, 0.2);
border-top: 0.5px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 768px) {
.community-newsroom-logo {
width: 130px !important;
margin-left: 8% !important;
}
.community-newsroom-title {
margin-left: 8% !important;
}
.community-newsroom-description {
margin-left: 8% !important;
}
#community-newsroom-first .gpf-learn-more {
width: 90% !important;
}
#community-newsroom-first {
background-color: #262626 !important;
background-image: none !important; height: 500px !important;
}
} .community-top {
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/community-top-banner.jpg);
height: 700px;
background-repeat: no-repeat;
background-size: cover; }
.community-top h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 80px;
line-height: 75px;
color: #FFFFFF;
}
.community-top {
padding-top: 120px;
}
.community-top-description {}
.community-top-description p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #FFFFFF;
}
.community-top-description {
width: 50%;
margin-top: 30px;
}
.community-top-text-block {
padding-left: 150px;
}
.member-section-mobile-banner,
.donors-partners-mobile-section {
display: none;
}
@media only screen and (max-width: 1445vh) {
.community-top-description {
width: 90%;
}
} @media only screen and (max-width: 1024px) {
.member-section {
height: 550px;
}
.community-top-description { }
.member-section-description,
.donors-partners-section-description {
width: 80% !important;
}
.member-section,
.donors-partners-section {
background: none;
}
.community-top-logo {
width: 130px;
}
.member-section-logo,
.donors-partners-section-logo {
width: 130px;
}
.community-top h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 45px;
line-height: 36px;
}
.community-top-text-block {
padding-left: 15px;
margin-top: 50px;
}
.member-section-text-block,
.donors-partners-section-text-block {
padding-left: 30px !important;
}
.community-top {
padding-top: 80px;
}
}
.member-section h2,
.donors-partners-section h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 75px;
color: #FFFFFF;
}
.member-section-description p,
.donors-partners-section-description p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #FFFFFF;
}
.member-section-description,
.donors-partners-section-description {
width: 40%;
padding-top: 30px;
}
.member-section-text-block,
.donors-partners-section-text-block {
padding-left: 150px;
}
.member-section-discover {
width: 297px;
border: 1px solid #FFFFFF;
border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 17px;
color: #FFFFFF;
text-decoration: none;
margin-top: 42px;
}
.member-section-discover:hover {
color: #FFFFFF;
text-decoration: none;
}
.member-section {
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/member-section-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 620px;
padding-top: 60px !important;
}
.donors-partners-section {
background: url(//www.afi-global.org/old/wp-content/themes/afi/img/partner-donors-section-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 500px;
padding-top: 60px !important;
}
@media only screen and (max-width: 768px) {
.community-top-description {
width: 85% !important;
}
}
@media only screen and (max-width: 428px) {
.community-top-description {
width: 100% !important;
}
.community-top-description p {
font-size: 17px !important;
}
}
@media only screen and (max-width: 450px) {
.member-section-mobile-banner,
.donors-partners-mobile-section {
display: block !important;
}
.member-section {
padding-top: 0px !important;
background: none !important;
background-color: #262626 !important;
height: 590px;
}
.donors-partners-section {
padding-top: 0px !important;
background: none !important;
background-color: #000000 !important;
height: 590px;
}
.member-section-logo-container,
.donors-partners-section-container {
z-index: 100;
position: relative;
top: -190px;
}
.member-section h2,
.donors-partners-section h2 {
line-height: 25px !important;
}
.member-section-description,
.donors-partners-section-description {
padding-top: 20px;
width: 100% !important;
}
.member-section-discover {
margin-top: 38px;
}
}  #publication-template { padding-top: 92px;
padding-left: 50px;
padding-bottom: 50px;
}
.publication-template-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 23px;
color: #C0AE00;
}
.publication-template-teaser {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #C0AE00;
}
.publication-template-subtitle {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.publication-template-description {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.publication-template-details div {
margin-bottom: 30px;
}
.pt-download {
width: 274px;
border: 1px solid #B79C17;
border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 17px;
color: #B79C17;
text-decoration: none;
margin-top: 25px;
margin-bottom: 25px;
}
.pt-download:hover {
text-decoration: none;
color: #B79C17;
}
.publication-template-social-media-icon {
font-size: 20px;
color: #B79C17;
background-color: #807F83;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center; }
.publication-template-social-media {
margin-top: 25px;
}
.publication-template-social-media-views {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 26px;
text-align: right;
color: #000000;
}
.publication-template-relpublictions-container {
background-color: #E3E3E3;
padding: 50px 0px;
}
.publication-column-left {
padding-right: 50px;
}
.publication-template-logo-container {
margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
#publication-template {
padding-top: 110px!important;
}
.publication-column-left {
justify-content: center!important;
padding-right: 0px!important;
}
#publication-template {
padding-left: 0px!important;
}
.publication-template-details {
margin-top: 60px!important;
padding-left: 30px!important;
padding-right: 30px!important;
}
.publication-template-logo {
width: 130px!important;
}
.publication-template-logo-container {
width: 80%!important;
}
.publication-template-relpublictions-logo {
width: 130px!important;
}
.publication-template-relpublictions-container .relpublications-title {
width: 80%!important;
}
}   .afi-aboutus-section-container {  background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/about-main.jpg); height: 100%; background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.afi-aboutus-banner-img { }
.afi-aboutus-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 80px;
line-height: 75px;
color: #FFFFFF;
position: relative;
}
.afi-aboutus-title h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 80px;
line-height: 75px;
color: #FFFFFF;
position: relative;
}
.afi-aboutus-descriptions { }
.afi-aboutus-teaser {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
position: relative;
margin-top: 30px;
}
.afi-aboutus-teaser-inner {
width: 60%;
}
.afi-aboutus-para-1 a {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #FFFFFF;
position: relative;
margin-top: 30px;
}
.afi-aboutus-para-1 {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #FFFFFF !important;
position: relative;
margin-top: 30px;
}
.afi-aboutus-para-2 {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #FFFFFF;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
}
.afi-aboutus-details {
z-index: 55; }
.afi-aboutus-expand-descr {
background-color: #262626;
z-index: 55;
position: absolute;
top: 90%;
}
.afi-aboutus-readmore {
display: none;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #FFFFFF;
margin-top: 20px;
cursor: pointer;
padding-top: 30px;
}
.afi-aboutus-bottom {
margin-top: -1px;
height: 200px;
background-color: #262626;
}
.afi-aboutus-logo-container { margin-top: 120px;
}
.afi-aboutus-readmore[aria-expanded="false"]:before {
content: "Read More";
}
.afi-aboutus-readmore[aria-expanded="true"]:before {
content: "Read Less";
}
@media only screen and (max-width: 768px) {
.afi-aboutus-para-2-container { }
.afi-aboutus-section-container {
margin-top: 42px;
}
.afi-aboutus-para-2 {
margin-top: 30px!important; }
.afi-aboutus-readmore {
margin-top: 0px!important;
}
.afi-aboutus-banner-img {
margin-bottom: 0px!important;
}
.afi-aboutus-title-inner {
width: 60%!important;
}
.afi-aboutus-teaser {
display: none!important;
}
.afi-aboutus-logo-container { margin-top: 50px!important;
}
.afi-aboutus-details { margin-top: 180px!important;
}
.afi-aboutus-title-inner {
font-size: 45px!important;
line-height: 45px!important;
}
.afi-aboutus-logo {
width: 130px!important;
top: 5%!important; }
.afi-aboutus-para-1 { }
.afi-aboutus-title { }
.afi-aboutus-para-1 { }
.afi-aboutus-para-2 {
padding-left: 30px;
padding-right: 30px;
}
.afi-aboutus-bottom {
height: 800px;
}
.afi-aboutus-descriptions {
top: 130px;
}
.afi-aboutus-readmore {
display: block;
padding-left: 30px;
}
}
@media only screen and (max-width: 1714px) and (min-width: 1460px) {
.afi-aboutus-title-inner {
font-size: 68px!important;
line-height: 70px!important;
}
.afi-aboutus-logo {
width: 160px!important;
}
}
@media only screen and (max-width: 767px) and (min-width: 680px) {
.afi-aboutus-details {
margin-top: 320px!important;
}
}
@media only screen and (max-width: 381px) and (min-width: 361px) {
.afi-aboutus-details {
margin-top: 40px!important;
}
}
@media only screen and (max-width: 360px) and (min-width: 346px) {
.afi-aboutus-details {
margin-top: 130px!important;
}
.afi-aboutus-para-1 {
margin-top: 20px!important;
}
}
@media only screen and (max-width: 422px) and (min-width: 382px) {
.afi-aboutus-details {
margin-top: 30px!important;
}
}
@media only screen and (max-width: 453px) and (min-width: 423px) {
.afi-aboutus-details {
margin-top: 190px!important;
}
}
@media only screen and (max-width: 485px) and (min-width: 454px) {
.afi-aboutus-details {
margin-top: 220px!important;
}
}
@media only screen and (max-width: 543px) and (min-width: 486px) {
.afi-aboutus-details {
margin-top: 250px!important;
}
}
@media only screen and (max-width: 598px) and (min-width: 544px) {
.afi-aboutus-details {
margin-top: 270px!important;
}
}
@media only screen and (max-width: 679px) and (min-width: 599px) {
.afi-aboutus-details {
margin-top: 300px!important;
}
}
@media only screen and (max-width: 1459px) and (min-width: 1156px) {
.afi-aboutus-title-inner {
font-size: 53px!important;
line-height: 60px!important;
}
.afi-aboutus-banner-img {
margin-bottom: 10px!important;
}
.afi-aboutus-teaser {
font-size: 11px;
}
.afi-aboutus-logo { }
}
@media only screen and (max-width: 1155px) and (min-width: 769px) {
.afi-aboutus-title-inner {
font-size: 45px!important;
line-height: 45px!important;
}
.afi-aboutus-banner-img {
margin-bottom: 0px!important;
}
.afi-aboutus-teaser {
font-size: 11px;
}
.afi-aboutus-logo { }
}
@media only screen and (max-width: 814px) and (min-width: 769px) {
.afi-aboutus-title-inner {
font-size: 35px!important;
}
}
@media only screen and (max-width: 922px) and (min-width: 830px) {
.afi-aboutus-para-2 {
margin-top: 30px!important;
}
}
@media only screen and (max-width: 829px) and (min-width: 769px) {
.afi-aboutus-para-2 {
margin-top: 50px!important;
}
}
@media only screen and (max-width: 992px) and (min-width: 769px) {
.afi-aboutus-para-2-container { }
}
@media only screen and (max-width: 422px) {
.afi-aboutus-para-2-container { }
}   .afi-aboutus-vision-title,
.afi-aboutus-mission-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #C0AE00;
}
.afi-aboutus-vision-description,
.afi-aboutus-mission-description {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
padding-top: 30px;
}
.afi-aboutus-vision-mission-details {
margin-top: 30px;
}
.afi-aboutus-vision-mission-details-row {
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.afi-aboutus-mission {
margin-top: 40px!important;
}
.afi-aboutus-vision-mission-details {
padding-left: 0px!important;
padding-right: 0px!important;
}
.afi-aboutus-para-2 {
padding-bottom: 0px!important;
}
}
@media only screen and (max-width: 768px) {
.afi-aboutus-vision-description,
.afi-aboutus-mission-description {
padding-top: 10px!important;
} .afi-aboutus-vision-mission-logo {
width: 120px;
padding-top: 25px;
}
}  .afi-aboutus-our-values-section-container { background-color: #F5F5F5;
}
.afi-aboutus-our-values-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #C0AE00;
}
.afi-aboutus-our-values-description {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
margin-top: 30px;
}
.afi-aboutus-our-values-items-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 21px;
color: #807F83;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 0px!important;
padding-right: 0px!important;
}
.afi-aboutus-our-values-items-description {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.afi-aboutus-our-values-item-row {
padding-left: 0px;
padding-right: 0;
margin-top: 30px;
border-top: 1px solid #E9E4CC;
justify-content: space-between;
}
.afi-aboutus-our-values-items .card-header {
background-color: transparent;
border-bottom: none;
}
.afi-aboutus-our-values-details {
margin-top: 20px;
}
.afi-aboutus-our-values-items:nth-child(odd) {
border-right: 1px solid #E9E4CC;
}
.afi-aboutus-our-values-items:nth-child(even) {
padding-left: 20px;
}
.afi-aboutus-our-values-items {
padding: 9px;
border-bottom: 1px solid #E9E4CC;
padding-left: 0px;
padding-right: 20px;
padding-bottom: 30px;
}
.afi-aboutus-our-values-items-title::after {
display: none !important;
}
.bottom-last,
.bottom-second-last {
border-bottom: 0px;
}
.afi-aboutus-our-values-header {
padding-left: 0px;
}
@media only screen and (max-width: 768px) {
.afi-aboutus-our-values-logo {
width: 120px!important;
}
.afi-aboutus-our-values-section-container {
background-color: #FFFFFF!important;
padding-top: 0px!important;
}
.afi-aboutus-our-values-item-row {
border-top: 0px!important;
}
.afi-aboutus-our-values-title,
.afi-aboutus-vision-title,
.afi-aboutus-mission-title {
font-weight: bold;
font-size: 25px;
line-height: 23px;
}
.afi-aboutus-our-values-items {
border-right: 0px!important;
padding-left: 0px!important;
padding-right: 0px!important;
padding: 0px!important;
padding-bottom: 0px!important;
}
.afi-aboutus-our-values-items-description {
padding-bottom: 30px;
}
.bottom-second-last {
border-bottom: 1px solid #E9E4CC;
}
.afi-aboutus-our-values-items-title::after {
display: flex !important;
}
}  .afi-governance-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
text-align: center;
color: #C0AE00;
padding-top: 50px;
}
#afi-governance-structure-section {
padding: 50px 50px;
}
.afi-governance-details-title {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.afi-governance-details {
margin-top: 40px;
}
.afi-governance-details-descriptions div:nth-child(2) {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.afi-governance-descriptions-arrow { padding-right: 15px;
}
.afi-governance-descriptions-arrow .fa-chevron-right {
position: relative;
text-align: center;
padding: 5px;
margin-bottom: 6px;
height: 20px;
width: 20px;
border-radius: 50%;
-webkit-box-shadow: -2px 6px 10px 0px rgba(145, 138, 145, 1);
-moz-box-shadow: -2px 6px 10px 0px rgba(145, 138, 145, 1);
box-shadow: -2px 6px 10px 0px rgba(145, 138, 145, 1);
font-size: 11px;
}
.afi-governance-details-descriptions {
margin-top: 40px;
}  #afi-director-management-donor-section {
background-color: #F2F2F2;
padding: 50px 50px;
}
.afi-director-management-donors-content { padding-right: 0px;
height: auto;
background-size: cover;
background-repeat: no-repeat;
display: flex;
align-items: flex-end;
margin-bottom: 13px;
padding-bottom: 9px;
padding-left: 13px;
margin-right: 10px;
position: relative;
padding-top: 15%;
}
.afi-dmd-text {
z-index: 4;
}
.afi-dmd-text-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.2);
background-blend-mode: multiply;
mix-blend-mode: normal;
z-index: 2;
}
.afi-director-management-donors .content-1 {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/About Us-Board.jpg);
}
.afi-director-management-donors .content-2 {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/afi-board-directors.png);
}
.afi-director-management-donors .content-3 {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/afi-donors.png);
}
.afi-dmd-text a {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 23px;
letter-spacing: -0.03em;
color: #FFFFFF;
}
@media only screen and (max-width: 768px) {
.afi-dmd-image {
width: 100%!important;
height: auto!important;
display: block!important;
}
#afi-director-management-donor-section {
padding: 0px 0px!important;
}
.afi-director-management-donors-content {
margin-right: 0px!important;
}
}  .smef-relpublictions-container {
background-color: #FFFFFF;
}    #global-voice .global-voice-description {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #FFFFFF;
margin-top: 40px;
width: 40%;
}
#global-voice {
background-image: none !important;
}
.global-voice-title {
width: 70%;
} #global-voice .global-voice-description,
#gpf .global-voice-description {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #FFFFFF;
margin-top: 40px;
width: 40%;
}
#gpf .global-voice-description {
width: 24% !important;
}
.global-voice-title {
width: 70%;
}
#global-voice .global-voice-title h2,
#gpf .global-voice-title h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 80px;
line-height: 75px;
color: #FFFFFF;
}
#gpf .global-voice-title h2 {
font-size: 40px;
line-height: 1;
}
.global-voice-desc-container {
z-index: 55;
position: absolute;
top: 28%;
padding-left: 280px;
}
.global-voice-logo {
z-index: 55;
position: absolute;
margin-top: 120px;
left: 10%;
}
@media only screen and (max-width: 1301px) and (min-width: 945px) {
.global-voice-description {
width: 90% !important;
margin-top: 25px !important;
}
}
@media only screen and (max-width: 944px) and (min-width: 858px) {
.global-voice-title h2 {
font-size: 45px !important;
line-height: 42px !important;
}
.global-voice-description {
width: 90% !important;
margin-top: 25px !important;
}
}
@media only screen and (max-width: 857px) and (min-width: 769px) {
.global-voice-description {
width: 90% !important;
margin-top: 15px !important;
}
.global-voice-title h2 {
font-size: 45px !important;
line-height: 42px !important;
}
.global-voice-desc-container {
top: 20% !important;
padding-left: 230px !important;
}
}   @media only screen and (max-width: 767px) {
.global-voice-desc-container { position: unset !important;
}
#global-policy-forum-2018 div.main_title.blue {
color: white;
}
}
@media only screen and (max-width: 768px) and (min-width: 768px) {
.global-voice-desc-container {
margin-top: 180px !important;
}
.global-voice-logo-container {
padding-top: 40px !important;
}
}
@media only screen and (max-width: 768px) {
h2#gltc_h2 {
line-height: 1.2 !important;
margin-left: auto;
}
div#gltc_title {
margin-left: 8% !important;
}
#global-voice {
margin-top: 42px;
}
.global-voice-logo {
width: 130px !important;
}
.global-voice-description {
width: 90% !important;
margin-left: 8%;
margin-top: 30px;
padding-right: 30px;
}
.global-voice-title {
width: 90%;
margin-top: 30px;
margin-left: 8%;
}
.global-voice-title h2 {
font-size: 45px !important;
line-height: 42px !important;
}
.global-voice-desc-container {
z-index: 0 !important; padding-Left: 0px !important; padding-bottom: 30px; } #global-voice {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/mobile-global-voice-banner.jpg) !important;
background-size: cover;
}
.global-voice-banner-img {
display: none;
}
.global-voice-desc {
justify-content: space-between !important;
height: 800px;
}
.global-voice-desc-container {
background-color: unset !important; }
.global-voice-logo {
margin-top: 0px !important;
}
.global-voice-logo-container {
margin-top: 40px;
} }  #global-policy-forum-2018 .global-policy-forum-title h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #FFFFFF;
}
.global-policy-forum-desc-container {
z-index: 55;
position: absolute;
top: 28%;
padding-left: 280px;
}
.global-policy-forum-logo {
z-index: 55;
position: absolute;
margin-top: 3%;
left: 10%;
}
.global-forum-learn-more {
width: 297px;
border: 1px solid #FFFFFF;
border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
margin-top: 35px;
}
.global-forum-watch-video {
width: 297px;
border: none;
border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 20px;
color: #262626 !important;
background-color: #b79C17;
margin-top: 25px;
}
.global-forum-video-arrow {
border: 1px solid #000000;
width: 20px;
height: 20px;
text-align: center;
border-radius: 50%;
}
@media only screen and (max-width: 1218px) and (min-width: 1020px) {
.global-policy-forum-title h2 {
font-size: 35px !important;
line-height: 29px !important;
}
.global-forum-learn-more,
.global-forum-watch-video {
margin-top: 15px !important;
}
}
@media only screen and (max-width: 1019px) and (min-width: 769px) {
.global-policy-forum-title h2 {
font-size: 25px !important;
line-height: 24px !important;
}
.global-forum-learn-more,
.global-forum-watch-video {
margin-top: 15px !important;
}
.global-policy-forum-desc-container {
top: 15% !important;
}
.global-policy-forum-logo {
margin-top: 3% !important;
}
}
@media only screen and (max-width: 767px) {
.global-policy-forum-desc-container {
position: unset;
}
}
@media only screen and (max-width: 768px) and (min-width: 768px) {
.global-policy-forum-desc-container {
background-color: unset !important;
margin-top: 292px !important;
}
.global-policy-forum-desc {
height: 600px !important;
}
.global-forum-learn-more {
width: 85% !important;
}
.global-forum-watch-video {
width: 85% !important;
}
.global-policy-forum-container-fluid {
background-color: #262626;
}
}
@media only screen and (max-width: 768px) {
#global-policy-forum-2018 .global-policy-forum-title h2 {
font-size: 25px;
line-height: 29px;
}
.global-policy-forum-logo {
width: 130px !important;
}
.global-policy-forum-desc-container {
z-index: 0 !important;
padding-Left: 0px !important;
top: 0px !important;
padding-bottom: 30px;
background-color: #262626;
}
.global-policy-forum-title,
.global-forum-learn-more,
.global-forum-watch-video {
width: 90%;
margin-top: 30px;
margin-left: 8%;
}
.global-policy-forum-logo {
margin-top: 3% !important;
}
}  #afi-awards .afi-awards-title h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #FFFFFF;
}
.afi-awards-desc-container {
z-index: 55;
position: absolute;
top: 28%;
padding-left: 280px;
}
.afi-awards-logo {
z-index: 55;
position: absolute;
margin-top: 3%;
left: 10%;
}
.afi-awards-learn-more {
width: 297px;
border: 1px solid #FFFFFF;
border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 20px;
color: #FFFFFF !important;
margin-top: 35px;
}
@media only screen and (max-width: 1218px) and (min-width: 1020px) {
.afi-awards-title h2 {
font-size: 35px !important;
line-height: 29px !important;
}
.afi-awards-learn-more {
margin-top: 15px !important;
}
}
@media only screen and (max-width: 1019px) and (min-width: 769px) {
.afi-awards-title h2 {
font-size: 25px !important;
line-height: 24px !important;
}
.afi-awards-learn-more {
margin-top: 15px !important;
}
.afi-awards-desc-container {
top: 15% !important;
}
.afi-awards-logo {
margin-top: 3% !important;
}
}
@media only screen and (max-width: 767px) {
.afi-awards-desc-container {
position: unset;
}
}
@media only screen and (max-width: 768px) and (min-width: 768px) {
.afi-awards-desc-container {
background-color: unset !important;
margin-top: 292px !important;
}
.afi-awards-desc {
height: 480px !important;
}
.afi-awards-learn-more {
width: 85% !important;
}
.afi-awards-container-fluid {
background-color: #262626;
}
}
@media only screen and (max-width: 768px) {
#afi-awards .afi-awards-title h2 {
font-size: 25px;
line-height: 24px;
}
.afi-awards-logo {
width: 130px !important;
}
.afi-awards-desc-container {
z-index: 0 !important;
padding-Left: 0px !important;
top: 0px !important;
padding-bottom: 30px;
background-color: #262626;
}
.afi-awards-title,
.afi-awards-learn-more {
width: 90%;
margin-top: 30px;
margin-left: 8%;
}
.afi-awards-logo {
margin-top: 3% !important;
}
}  #maya-declaration .maya-declaration-title h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 40px;
color: #FFFFFF;
}
#maya-declaration .maya-declaration-title h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 40px;
color: #FFFFFF;
}
.maya-declaration-desc-container {
z-index: 55;
position: absolute;
top: 28%; }
.maya-declaration-logo {
z-index: 55;
position: absolute;
margin-top: 3%;
left: 10%;
}
.maya-declaration-learn-more {
width: 297px;
border: 1px solid #FFFFFF;
border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
margin-top: 35px;
text-decoration: none;
padding-left: 0;
}
.maya-declaration-title-desc-container {
padding-left: 0;
}
.maya-declaration-learn-more:hover {
text-decoration: none;
color: #FFFFFF;
}
.maya-declaration-description {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #FFFFFF;
} .maya-declaration-column-left {
align-items: center;
}
@media only screen and (max-width: 1500px) and (min-width: 1030px) {
.banner-circle {
width: 200px !important;
}
}
@media only screen and (max-width: 1029px) and (min-width: 769px) {
.banner-circle { width: 160px !important;
}
}
@media only screen and (max-width: 940px) {
.maya-declaration-logo {
width: 130px !important;
}
}
@media only screen and (max-width: 1218px) and (min-width: 1020px) {
.maya-declaration-title h2 {
font-size: 35px !important;
line-height: 29px !important;
}
.maya-declaration-learn-more {
margin-top: 15px !important;
}
}
@media only screen and (max-width: 1019px) and (min-width: 769px) {
.maya-declaration-logo {
width: 130px !important;
}
.maya-declaration-title h2 {
font-size: 35px !important;
line-height: 29px !important;
}
.maya-declaration-desc-container {
top: 26% !important;
}
.maya-declaration-learn-more {
margin-top: 7px !important;
}
.maya-declaration-desc-container { }
.maya-declaration-logo {
margin-top: 3% !important;
}
}
@media only screen and (max-width: 767px) {
.maya-declaration-desc-container {
position: unset;
}
}
@media only screen and (max-width: 768px) and (min-width: 768px) {
.maya-declaration-desc-container {
background-color: unset !important;
margin-top: 292px !important;
}
.maya-declaration-desc {
height: 540px !important;
}
.maya-declaration-learn-more {
width: 85% !important;
}
.maya-declaration-container-fluid {
background-color: #262626;
}
}
@media only screen and (max-width: 768px) and (min-width: 768px) {
.maya-declaration-title,
.maya-declaration-learn-more {
margin-left: 0px !important;
}
}
@media only screen and (max-width: 768px) {
.banner-circle {
margin-left: 8% !important;
}
.maya-declaration-title {
margin-left: 0px !important;
}
#maya-declaration .maya-declaration-title h2 {
font-size: 25px;
line-height: 24px;
}
#maya-declaration .maya-declaration-title h1 {
font-size: 25px;
line-height: 24px;
}
.banner-circle {
width: 90px !important;
}
.maya-declaration-desc-container {
z-index: 0 !important;
padding-Left: 0px !important;
top: 0px !important;
padding-bottom: 30px;
background-color: #262626;
}
.maya-declaration-title,
.maya-declaration-learn-more {
width: 90%;
margin-top: 30px;
margin-left: 8%;
}
.maya-declaration-logo {
margin-top: 3% !important;
}
} #global-voice .global-voice-title h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 80px;
line-height: 75px;
color: #FFFFFF;
}
.global-voice-desc-container {
z-index: 55;
position: absolute;
top: 28%;
padding-left: 0;
}
.global-voice-logo {
z-index: 55;
position: absolute;
margin-top: 120px;
left: 10%;
}
@media only screen and (max-width: 1301px) and (min-width: 945px) {
.global-voice-description {
width: 90% !important;
margin-top: 25px !important;
}
}
@media only screen and (max-width: 944px) and (min-width: 858px) {
.global-voice-title h2 {
font-size: 45px !important;
line-height: 42px !important;
}
.global-voice-description {
width: 90% !important;
margin-top: 25px !important;
}
}
@media only screen and (max-width: 857px) and (min-width: 769px) {
.global-voice-description {
width: 90% !important;
margin-top: 15px !important;
}
.global-voice-title h2 {
font-size: 45px !important;
line-height: 42px !important;
}
.global-voice-desc-container {
top: 20% !important;
padding-left: 230px !important;
}
}   @media only screen and (max-width: 767px) {
.global-voice-desc-container { position: unset !important;
}
}
@media only screen and (max-width: 768px) and (min-width: 768px) {
.global-voice-desc-container {
margin-top: 180px !important;
}
.global-voice-logo-container {
padding-top: 40px !important;
}
}
@media only screen and (max-width: 768px) {
#global-voice {
margin-top: 42px;
}
.global-voice-logo {
width: 130px !important;
}
.global-voice-description {
width: 90% !important;
margin-left: 8%;
margin-top: 30px;
padding-right: 30px;
}
.global-voice-title {
width: 90%;
margin-top: 30px;
margin-left: 8%;
}
.global-voice-title h2 {
font-size: 45px !important;
line-height: 42px !important;
}
.global-voice-desc-container {
z-index: 0 !important; padding-Left: 0px !important; padding-bottom: 30px; } #global-voice {
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/mobile-global-voice-banner.jpg) !important;
background-size: cover;
}
.global-voice-banner-img {
display: none;
}
.global-voice-desc {
justify-content: space-between !important;
height: 800px;
}
.global-voice-desc-container {
background-color: unset !important; }
.global-voice-logo {
margin-top: 0px !important;
}
.global-voice-logo-container {
margin-top: 40px;
} }  #global-policy-forum-2018 .global-policy-forum-title h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #FFFFFF;
}
.global-policy-forum-desc-container {
z-index: 55;
position: absolute;
top: 28%;
padding-left: 0;
}
.global-policy-forum-logo {
z-index: 55;
position: absolute;
margin-top: 3%;
left: 10%;
}
#gpf .global-forum-learn-more,
#gpf .global-forum-watch-video,
#book_seat .global-forum-watch-video {
display: inline-flex;
margin-bottom: 0px;
background-color: #DDDB00 !important;
}
.global-forum-learn-more {
width: 297px;
border: 1px solid black;
border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 20px;
color: black !important;
margin-top: 35px;
}
.global-forum-watch-video {
width: 297px;
border: none;
border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 20px;
color: #262626 !important;
background-color: #b79C17;
margin-top: 25px;
}
.global-forum-video-arrow {
border: 1px solid #000000;
width: 20px;
height: 20px;
text-align: center;
border-radius: 50%;
}
@media only screen and (max-width: 1218px) and (min-width: 1020px) {
.global-policy-forum-title h2 {
font-size: 35px !important;
line-height: 29px !important;
}
.global-forum-learn-more,
.global-forum-watch-video {
margin-top: 15px !important;
}
}
@media only screen and (max-width: 1019px) and (min-width: 769px) {
.global-policy-forum-title h2 {
font-size: 25px !important;
line-height: 24px !important;
}
.global-forum-learn-more,
.global-forum-watch-video {
margin-top: 15px !important;
}
.global-policy-forum-desc-container {
top: 15% !important;
}
.global-policy-forum-logo {
margin-top: 3% !important;
}
}
@media only screen and (max-width: 767px) {
.global-policy-forum-desc-container {
position: unset;
}
}
@media only screen and (max-width: 768px) and (min-width: 768px) {
.global-policy-forum-desc-container {
background-color: unset !important;
margin-top: 292px !important;
}
.global-policy-forum-desc {
height: 600px !important;
}
.global-forum-learn-more {
width: 85% !important;
}
.global-forum-watch-video {
width: 85% !important;
}
.global-policy-forum-container-fluid {
background-color: #262626;
}
}
@media only screen and (max-width: 768px) {
#global-policy-forum-2018 .global-policy-forum-title h2 {
font-size: 25px;
line-height: 29px;
}
.global-forum-learn-more {
margin-left: 50px;
}
.global-policy-forum-logo {
width: 130px !important;
}
.global-forum-watch-video {
margin-bottom: 0px !important;
}
.global-policy-forum-desc-container {
z-index: 0 !important;
padding-Left: 37px !important;
top: 0px !important;
padding-bottom: 30px;
background-color: #000000;
padding-top: 24px;
}
.global-forum-learn-more {
color: white !important;
border-color: white;
margin-bottom: 10px !important;
margin-top: 50px !important;
}
.global-policy-forum-title,
.global-forum-learn-more,
.global-forum-watch-video {
width: 90%;
margin-top: 30px;
margin-left: 0px;
margin-bottom: 70px;
}
.global-policy-forum-logo {
margin-top: 3% !important;
}
}  #afi-awards .afi-awards-title h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #FFFFFF;
}
.afi-awards-desc-container {
z-index: 55;
position: absolute;
top: 40%;
padding-left: 0;
}
.afi-awards-logo {
z-index: 55;
position: absolute;
margin-top: 3%;
left: 10%;
}
.afi-awards-learn-more {
width: 297px;
border: 1px solid #FFFFFF;
border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 20px;
color: #FFFFFF !important;
margin-top: 35px;
}
@media only screen and (max-width: 1218px) and (min-width: 1020px) {
.afi-awards-title h2 {
font-size: 35px !important;
line-height: 29px !important;
}
.afi-awards-learn-more {
margin-top: 15px !important;
}
}
@media only screen and (max-width: 1019px) and (min-width: 769px) {
.afi-awards-title h2 {
font-size: 25px !important;
line-height: 24px !important;
}
.afi-awards-learn-more {
margin-top: 15px !important;
}
.afi-awards-desc-container {
top: 15% !important;
}
.afi-awards-logo {
margin-top: 3% !important;
}
}
@media only screen and (max-width: 767px) {
.afi-awards-desc-container {
position: unset;
}
}
@media only screen and (max-width: 768px) and (min-width: 768px) {
.afi-awards-desc-container {
background-color: unset !important;
margin-top: 292px !important;
}
.afi-awards-desc {
height: 480px !important;
}
.afi-awards-learn-more {
width: 85% !important;
}
.afi-awards-container-fluid {
background-color: #262626;
}
}
@media only screen and (max-width: 768px) {
#afi-awards .afi-awards-title h2 {
font-size: 25px;
line-height: 24px;
}
.afi-awards-logo {
width: 130px !important;
}
.afi-awards-desc-container {
z-index: 0 !important;
padding-Left: 0px !important;
top: 0px !important;
padding-bottom: 30px;
background-color: #262626;
}
.afi-awards-title,
.afi-awards-learn-more {
width: 90%;
margin-top: 30px;
margin-left: 8%;
}
.afi-awards-logo {
margin-top: 3% !important;
}
}  #maya-declaration .maya-declaration-title h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 40px;
color: #FFFFFF;
}
#maya-declaration .maya-declaration-title h1 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 40px;
color: #FFFFFF;
}
#maya-declaration .maya-declaration-title h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 40px;
color: #FFFFFF;
}
.maya-declaration-desc-container {
z-index: 55;
position: absolute;
top: 28%; }
.maya-declaration-logo {
z-index: 55;
position: absolute;
margin-top: 3%;
left: 10%;
}
.maya-declaration-learn-more {
width: 297px;
border: 1px solid #FFFFFF;
border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
margin-top: 35px;
text-decoration: none;
}
.maya-declaration-title-desc-container {
padding-left: 0;
}
.maya-declaration-learn-more:hover {
text-decoration: none;
color: #FFFFFF;
}
.maya-declaration-description {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 23px;
line-height: 26px;
color: #FFFFFF;
} .maya-declaration-column-left {
align-items: center;
}
@media only screen and (max-width: 1500px) and (min-width: 1030px) {
.banner-circle {
width: 200px !important;
}
}
@media only screen and (max-width: 1029px) and (min-width: 769px) {
.banner-circle { width: 160px !important;
}
}
@media only screen and (max-width: 940px) {
.maya-declaration-logo {
width: 130px !important;
}
}
@media only screen and (max-width: 1218px) and (min-width: 1020px) {
.maya-declaration-title h2 {
font-size: 35px !important;
line-height: 29px !important;
}
.maya-declaration-learn-more {
margin-top: 15px !important;
}
}
@media only screen and (max-width: 1019px) and (min-width: 769px) {
.maya-declaration-logo {
width: 130px !important;
}
.maya-declaration-title h2 {
font-size: 35px !important;
line-height: 29px !important;
}
.maya-declaration-desc-container {
top: 26% !important;
}
.maya-declaration-learn-more {
margin-top: 7px !important;
}
.maya-declaration-desc-container { }
.maya-declaration-logo {
margin-top: 3% !important;
}
}
@media only screen and (max-width: 767px) {
.maya-declaration-desc-container {
position: unset;
}
}
@media only screen and (max-width: 768px) and (min-width: 768px) {
.maya-declaration-desc-container {
background-color: unset !important;
margin-top: 292px !important;
}
.maya-declaration-desc {
height: 540px !important;
}
.maya-declaration-learn-more {
width: 85% !important;
}
.maya-declaration-container-fluid {
background-color: #262626;
}
}
@media only screen and (max-width: 768px) and (min-width: 768px) {
.maya-declaration-title,
.maya-declaration-learn-more {
margin-left: 0px !important;
}
}
@media only screen and (max-width: 768px) {
.banner-circle {
margin-left: 25% !important;
}
.maya-declaration-title { }
#maya-declaration .maya-declaration-title h2 {
font-size: 25px;
line-height: 24px;
}
#maya-declaration .maya-declaration-title h1 {
font-size: 25px;
line-height: 24px;
}
.banner-circle {
width: 120px !important;
margin-top: 53px;
}
.maya-declaration-desc-container {
z-index: 0 !important;
padding-Left: 0px !important;
top: 0px !important;
padding-bottom: 30px;
background-color: #262626;
}
.maya-declaration-title,
.maya-declaration-learn-more {
width: 90%;
margin-top: 30px;
margin-left: 8%;
}
.maya-declaration-logo {
margin-top: 3% !important;
}
}   .capacity-building-desc-container {
z-index: 55;
position: absolute;
top: 28%;
padding-left: 280px;
}
.capacity-building-title {
width: 70%;
}
.capacity-building-title h2 {
font-family: Roboto!important;
font-style: normal!important;
font-weight: bold!important;
font-size: 80px!important;
line-height: 75px;
color: #FFFFFF;
}
.capacity-building-descriptions {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px!important;
line-height: 26px;
color: #807F83!important;
padding-left: 280px;
}  .program-date {
font-family: Roboto;
font-style: normal;
font-weight: bold;
color: #C0AE00;
font-size: 25px;
padding-left: 50px;
}
.program-block-grey {
padding-top: 20px;
padding-bottom: 20px;
background-color: #F5F5F5;
}
.program-block-white {
padding-top: 20px;
padding-bottom: 20px; }
.program-descr {
padding-right: 30px;
}
.program-last {
margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
.program-descr {
padding-left: 50px;
}
}  .program-last {
margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
.program-descr {
padding-left: 50px;
}
}  #peer-advisory-download-factsheet { font-family: Roboto;
font-style: normal;
font-weight: bold;
color: #222222!important;
font-size: 12px;
line-height: 17px;
border-color: #222222;
border: 1px solid #000000;
box-sizing: border-box;
padding: .4rem 1rem;
border-radius: .3rem
}
#peer-advisory-download-factsheet img {
padding-left: 20px;
}  .activities-logo {
z-index: 55;
position: absolute;
margin-top: 120px;
left: 10%;
}
.activities-mobile-banner-img {
display: none;
}
.activities-desc-container {
z-index: 55;
position: absolute;
top: 28%;
padding-left: 280px;
}
#activities .activities-title h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 10vh;
line-height: 8vh;
color: #FFFFFF;
}
#activities .activities-description {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #FFFFFF;
margin-top: 40px;
width: 40%;
}
.activities-grant-desc-container {
z-index: 55;
position: absolute;
top: 28%;
padding-left: 280px;
}
#activities-grants {
padding-top: 70px;
padding-bottom: 70px;
background-size: cover;
background-image: url(//www.afi-global.org/old/wp-content/themes/afi/img/activities-grant-banner.jpg);
}
#activities-grants h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 44px; color: #C0AE00;
}
#activities-grants .h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 44px; color: #C0AE00;
}
.activities-grant-mobile-img {
display: none;
}
#activities-grants p {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #FFFFFF;
margin-top: 40px;
width: 40%;
}
#activities-grants .grants-discover {
width: 297px;
border: 1px solid #FFFFFF;
border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
margin-top: 35px;
}
@media only screen and (max-width: 1560px) and (min-width: 1007px) {
#activities-grants .activities-grant-description {
width: 70%;
margin-top: 20px!important;
}
.grants-discover {
margin-top: 20px!important;
}
#activities-grants .activities-grant-title h2 {
font-size: 60px;
line-height: 50px;
}
}
@media only screen and (max-width: 1007px) and (min-width: 769px) {
.activities-grants-logo {
margin-top: 30px;
}
.activities-grant-desc-container {
top: 15%;
}
#activities-grants .activities-grant-title h2 {
font-size: 60px;
line-height: 50px;
}
#activities-grants .activities-grant-description {
width: 90%!important;
margin-top: 20px!important;
}
.grants-discover {
margin-top: 20px!important;
}
}
@media only screen and (max-width: 1378vh) and (min-width: 768vh) {
#activities .activities-description {
width: 98%;
}
.activities-desc-container {
top: 35%;
padding-left: 230px;
}
#activities .activities-title h2 {
font-size: 70px;
line-height: 52px;
}
}
@media only screen and (max-width: 922px) and (min-width: 768px) {
#activities .activities-title h2 {
font-size: 45px;
line-height: 35px;
}
#activities .activities-description {
margin-top: 20px;
}
.activities-desc-container {
padding-left: 170px;
}
.activities-logo {
width: 130px!important;
}
.activities-grants-logo {
width: 130px!important;
}
.activities-grant-desc-container {
padding-left: 220px;
}
}
@media only screen and (max-width: 768px) {
.activities-banner-img {
display: none;
}
.activities-mobile-banner-img {
display: block!important;
}
#activities .activities-title h2 {
font-size: 45px;
line-height: 35px;
}
.activities-desc-container {
padding-left: 40px;
top: 45%;
}
#activities .activities-description {
width: 90%;
margin-top: 30px;
}
.activities-logo {
width: 130px!important;
margin-top: 70px;
}
.activities-grant-desc-container {
z-index: unset!important; position: relative;
}
.activities-grants-container {
background-color: #262626;
height: 600px;
}
#activities-grants .activities-grant-title h2 {
font-size: 45px!important;
line-height: 30px!important;
}
.activities-grant-desc-container {
padding-left: 50px;
}
#activities-grants .activities-grant-description {
width: 90%;
}
.activities-grants-logo {
z-index: unset;
position: relative;
margin-top: 30px;
width: 130px!important;
}
.activities-grant-desc-container {
margin-top: 40px!important;
top: 0%!important;
}
.grants-discover {
width: 90%!important;
}
}
@media only screen and (max-width: 600px) {
.activities-grant-mobile-img {
display: block!important;
}
.activities-grant-banner-img {
display: none!important;
}
.activities-grants-container {
height: 900px!important;
}
}
@media only screen and (max-width: 550px) {
.activities-grants-container {
height: 850px!important;
}
}
@media only screen and (max-width: 470px) {
.activities-grants-container {
height: 780px!important;
}
}
@media only screen and (max-width: 590px) {
.activities-desc-container {
top: 45%;
}
.acitvities-desc {
height: 900px;
background-color: #262626;
}
}
@media only screen and (max-width: 433px) {
.activities-desc-container {
top: 34%;
}
}
@media only screen and (max-width: 363px) {
.activities-desc-container {
top: 30%;
}
}
@media only screen and (max-width: 890px) and (min-width: 769px) {
.activities-grants-logo {
margin-top: 15px!important;
}
.activities-grant-desc-container {
top: 8%!important;
}
#activities-grants .activities-grant-title h2 {
font-size: 45px!important;
line-height: 25px!important;
}
}
@media screen and (max-width:768px) {
#activities-grants {
padding-top: 0px;
padding-bottom: 70px;
background-size: cover;
background-color: #222222;
background-image: none !important;
}
#activities-grants p {
width: 90%;
}
#activities-grants h2 {
margin-top: 25px;
}
#activities-grants .h2 {
margin-top: 25px;
}
}  .executive-reflections-logo {
z-index: 55;
position: absolute;
margin-top: 120px;
left: 10%;
}
.executive-reflections-mobile-banner-img {
display: none;
}
.executive-reflections-desc-container {
z-index: 55;
position: absolute;
top: 40%;
padding-left: 280px;
}
#executive-reflections .executive-reflections-title h2 {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 80px;
line-height: 75px;
color: #FFFFFF;
}
#executive-reflections .executive-reflections-description {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #FFFFFF;
margin-top: 40px;
width: 40%;
} .executive-reflections-text-container { background-color: #F5F5F5;
}
.executive-reflections-text-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #C0AE00;
}
.executive-reflections-text-description {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83; }
.executive-reflections-text-header {
padding-left: 0px;
}
.executive-reflections-text-details {
margin-top: 20px;
} .executive-reflections-latest-container {
padding: 50px 50px;
}
.executive-reflections-latest-details { }
.executive-reflections-latest-details-row {
justify-content: space-between;
}
.executive-reflections-latest-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 38px;
color: #C0AE00;
}
.executive-reflections-latest-teaser {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 38px;
color: #C0AE00;
margin-top: 30px;
}
.executive-reflections-latest-date {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
padding-top: 30px;
}
.executive-reflections-latest-description-content {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
padding-top: 30px;
}
.executive-reflections-latest-content-banner {
margin-top: 30px; }
.executive-reflections-latest-description-readmore {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.executive-reflections-latest-description-readmore:hover {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
.executive-reflections-latest-content-banner-subtext {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 20px;
color: #807F83;
}
.smef-relnewsblog-container .ex-director-pub-back-title {
font-size: 18px;
line-height: 22px;
} .flip-box {
background-color: transparent;      }
#smef-relpublictions-list .flip-box {
height: 460px;
width: 315px !important;
}
#smef-relpublictions-list .flip-box .flip-box-front {
background-size: 100% 100%;
;
background-repeat: no-repeat;
background-position: center;
} .flip-box-inner {
position: relative; height: 100%;
text-align: center;
transition: transform 0.8s;   -webkit-transition: transform 0.6s;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d; } .executive-reflections-publication-container {
background-color: #F5F5F5; }
.executive-reflections-publication-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 47px;
color: #C0AE00;
padding-left: 15px;
}
.flip-box:hover .flip-box-inner { transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
} .flip-box-front,
.flip-box-back { width: 100%;
height: 100%; backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.flip-box-back {
position: absolute;
top: 0;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
} .flip-box-front {
background-color: #bbb;
color: black;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
} .flip-box-back { background-color: #C0AE00;
color: white;
overflow: visible !important;
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg); }
.executive-reflections-publication-items {
margin-top: 40px;
}
.ex-director-pub-front-desc { font-family: Roboto;
font-style: normal;
font-weight: bold; font-size: 15px;
line-height: 22px;
color: #262626;
height: 214px; padding-left: 15px;
padding-right: 15px;
text-align: left;
}
.ex-director-pub-back-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 25px; padding-bottom: 30px;
color: #FFFFFF;
text-align: left;
}
.ex-director-pub-back-title a,
.ex-director-pub-back-title a:hover {
color: #FFFFFF !important;
}
.executive-reflections-publication-flipback {
padding-left: 15px;
padding-right: 15px;
}
.executive-reflections-publication-flipfront { background-color: #FFFFFF;
}
.executive-reflections-publication-flipbox { margin-bottom: 40px;
padding-left: 15px;
padding-right: 15px;  }
.ex-director-pub-front-thumb { width: 270px !important; height: 105px !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.ex-ed-flip-box-inner {
width: 270px; height: 332px;
}   .executive-reflections-publication-date-back {
font-family: 'Noto Sans', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 13px;
color: #FFFFFF;
margin-top: 20px;
margin-bottom: 13px; padding-right: 15px;
text-align: left;
padding-left: 0px;
}
.executive-reflections-publication-date-front {
font-family: 'Noto Sans', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 13px;
color: #262626; margin-top: 10px;
margin-bottom: 10px;
padding-left: 15px !important;
padding-right: 15px;
text-align: left;
}
.ex-director-pub-back-teaser {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
text-align: left; height: auto;
}
.ex-director-pub-back-readmore {
font-family: Roboto;
font-style: italic;
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
text-align: left;
}
.ex-director-pub-back-readmore {
font-weight: bold;
margin-top: 20px;
} .ex-director-pub-front-thumb-box { height: 197px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.executive-reflections-publication-container .ex-director-pub-back-teaser { }  .news_main .flip-box-inner {
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
}
.speeches_main .flip-box-inner {
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
}
.blog_main .flip-box-inner {
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
}
#newsroom-speeches,
#newsroom-news,
#newsroom-blog {
margin-top: 20px!important;
}
.news_main .slick-prev { }
.news_main .slick-next { }
.speeches_main .slick-prev { }
.speeches_main .slick-next { }
.blog_main .slick-prev { }
.blog_main .slick-next { }
@media only screen and (max-width: 610px) {
.youtube-channel-video-embed {
margin: auto;
}
}
@media only screen and (max-width: 768px) {
.news_main .slick-prev {
margin-left: 0px!important;
}
.news_main .slick-next {
margin-right: 0px!important;
}
.speeches_main .slick-prev {
margin-left: 0px!important;
}
.speeches_main .slick-next {
margin-right: 0px!important;
}
.blog_main .slick-prev {
margin-left: 0px!important;
}
.blog_main .slick-next {
margin-right: 0px!important;
}
.news_main .flip-box-inner {
margin: auto!important;
}
.speeches_main .flip-box-inner {
margin: auto!important;
}
.blog_main .flip-box-inner {
margin: auto!important;
}
.explore-btn {
display: flex!important;
}
.explore-link {
margin: auto!important;
}
.news_main .flip-box {
padding: 0px!important;
}
.speeches_main .flip-box {
padding: 0px!important;
}
.blog_main .flip-box {
padding: 0px!important;
}
}  .library-description-summary {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 26px;
color: #807F83;
}
#library-description {
padding: 50px 10px;
background-color: #F8F8F8;
}
.library-browse-full-library,
.library-browse-full-library:hover {
width: 297px;
border: 1px solid #000000;
border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 17px;
color: #000000;
text-decoration: none;
margin-top: 30px;
}
#library-afi-publications {
padding: 50px 10px;
}
#homepage-explore-publication-mobile { justify-content: space-between !important;
display: none;
}
.btnactive {
color: #C0AE00 !important;
}
.btn-link,
.btn-link:hover,
.btn-link:visited { display: flex;
justify-content: space-between;
flex-direction: row;
width: 100%;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 16px;
color: #222222;
text-decoration: none;
padding: 0px;
}
.library-card-header-filter-label {
font-family: Open Sans;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 11px;
color: #AEAEAE;
}
.library-publication-filter-options {
background-color: #F3F3F3;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 12px;
color: #807F83;
}
#library-afi-publications .custom-control-label {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 13px; color: #807F83;
}
.btn-publication-type[aria-expanded="true"]::before {
display: block;
color: black;
}
.btn-publication-type[aria-expanded="true"]::before { }
.btn-publication-type[aria-expanded="false"]::before { }
.btn-region[aria-expanded="true"]::before {
display: block;
color: black;
}
.btn-region[aria-expanded="true"]::before { }
.btn-region[aria-expanded="false"]::before { }
#library-afi-publications .btn-link {
text-align: left;
}
.btn-regional-initiatives[aria-expanded="true"]::before {
display: block;
color: black;
}
.btn-regional-initiatives[aria-expanded="true"]::before { }
.btn-regional-initiatives[aria-expanded="false"]::before { }
.btn-language[aria-expanded="true"]::before {
display: block;
color: black;
}
.btn-language[aria-expanded="true"]::before { }
.btn-language[aria-expanded="false"]::before { }
.library-publication-flipbox { background-color: #F8F8F8; background-size: cover;
background-repeat: no-repeat;
background-position: top;
border: 1px 1px solid black !important;  box-shadow: 0px 0px 1px #80808082;
}
.library-publication-flipback-date {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 12px;
color: #AEAEAE;
text-align: left;
}
.library-publication-flipback-title {
font-family: Roboto;
font-style: normal;
font-weight: 900; font-size: 22px; line-height: 23px;
color: #222222;
text-align: left;
padding-top: 20px;
padding-bottom: 30px;
}
.library-publication-flipback-summary {
font-family: Roboto;
font-style: normal;
font-weight: normal; font-size: 12px; line-height: 17px;
color: #222222;
text-align: left;
}
.library-publication-flipback-download {
width: 65%;
background-color: #000000;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 10px;
line-height: 30px;
border-radius: 5px;
padding: 7px 22px;
color: white !important;
}
.library-publication-flipback {
padding: 15px 15px;
}
#library-afi-publications .card-header {
padding-top: 16px;
padding-bottom: 23px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
margin-bottom: 7px;
}
#library-afi-publications .card {
border: 0px;  }
#library-afi-publications .card-header {
border: 1px solid rgba(0, 0, 0, .125);
}
.library-publication-flipbox-inner {
height: 375px;
width: 188px;
}
main#content .library-publication-flipbox-inner {
width: 270px;
} @media screen and (max-width: 768px) {
.library-publication-flipbox-inner {
margin: auto !important;
}
}
.homepage-publication-download-link {
width: 90%;
border: 1px solid #000000;
border-radius: 5px;
justify-content: space-between;
padding: 10px 10px;
display: flex;
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 17px;
color: #000000 !important;
text-decoration: none;
margin-top: 30px;
margin: auto;
}  #newsroom-filter {
padding: 50px 50px;
}
#newsroom-filter {
background-color: #F8F8F8;
}
#newsroom-filter .show-hide-filter::after {
display: none;
}
#newsroom-filter #accordion-newsroom {  padding: 0px;
}
#newsroom-filter .newsroom-filter-criteria {   margin-bottom: 7px;
}
#newsroom-filter .card-header {
height: 80px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
div[data-parent="#option-rows"] {
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
background-color: white;
margin-left: 0px;
}
#newsroom-filter .library-card-header-filter-label {
margin-bottom: 10px;
}
#newsroom-filter .library-card-header-filter-label {
font-size: 12px;
}
#newsroom-filter #option-rows label {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
color: #807F83;
}
#newsroom-filter #option-rows {
padding: 5px 16px;
background-color: #F8F8F8;
margin-top: 15px;   }
#newsroom-filter #option-rows>div.show { width: 100%;
}
#newsroom-filter .filter-options-groups {
padding-left: 30px;
line-height: 26px;
padding-top: 10px;
padding-bottom: 10px;
}
#newsroom-filter #option-rows .custom-radio {
padding-top: 4px;
padding-bottom: 3px;
}
#newsroom-filter .option-row-between {
padding-bottom: 15px;
}
#newsroom-filter .option-row-1 {
padding-top: 18px;
}
#newsroom-filter .newsroom-filter-content {
padding-top: 20px;
}
#newsroom-filter .flip-box-inner {
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
}
#newsroom-filter .flip-box-front {
background-color: #FFFFFF;
}
#newsroom-filter .executive-reflections-publication-date-front {
margin-top: 15px;
margin-bottom: 15px;
}
#newsroom-filter .ex-director-pub-front-desc {
height: 176px;
}
#newsroom-filter .paging {
padding: 50px 50px;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 23px;
color: #A3A2A6;
}
#newsroom-filter .newsroom-paging-left {
padding-right: 70px;
}
.newsroom-paging-left,
.newsroom-paging-right {
line-height: 23px;
float: left;
}
#newsroom-filter .paging-active {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 23px;
color: #C0AE00;
float: left;
padding-left: 20px;
padding-right: 20px;
}
#newsroom-filter .paging-normal {
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 23px;
float: left;
padding-left: 20px;
padding-right: 20px;
}
#newsroom-filter .newsroom-paging-right {
padding-left: 70px;
}
.newsroom-paging-left,
.newsroom-paging-right {
line-height: 23px;
float: left;
}
#newsroom-filter .btn-link {
text-align: left;
} .newsroom-video-media {
padding-top: 20px;
}
.newsroom-video {
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.newsroom-video-media-detail {
background-color: #343434;
}
.newsroom-video-media-date {
font-family: 'Noto Sans', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 10px;
color: #FFFFFF;
padding-left: 15px;
padding-top: 15px;
}
.newsroom-video-media-title {
font-family: Roboto;
font-style: normal;
font-weight: bold;
font-size: 22px;
color: #FFFFFF;
padding: 15px 15px;
}
.newsroom-video-frame {
display: block;
}  .newsroom-photo-filter-container {
background-color: #343434;
}
.newsroom-photo-filter-image {
transition: filter .5s ease-in-out;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
cursor: pointer;
}
.newsroom-photo-filter-container:hover {
background-color: #B79C17;
}
.newsroom-photo-filter-image {
transition: filter .5s ease-in-out;
-webkit-filter: grayscale(0%); filter: grayscale(0%); cursor: pointer;
}
.newsroom-photo-filter-image:hover {
-webkit-filter: grayscale(100%); filter: grayscale(100%); }
.newsroom-photo-filter-detail:hover {
background-color: #B79C17;
} @media only screen and (max-width: 768px) {
div[data-parent="#option-rows"] {
padding-left: 10px !important;
}
#newsroom-filter #option-rows {
padding: 0px
}
.newsroom-filter-criteria {
width: 100%!important;
padding: 0px;
}
#newsroom-filter #option-rows .custom-radio {
padding-top: 3px;
padding-bottom: 3px;
}
#newsroom-filter .filter-options-groups {
padding-left: 21px;
}
#newsroom-filter {
padding-left: 0px;
padding-right: 0px;
}
}  .slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
background: rgba(242, 242, 242, 0.9) !important;
display: block;
width: 30px;
height: 33px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;  display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.slick-prev:before,
.slick-next:before {
content: "\F054";
float: right;
color: black !important;
font-size: 18px;
font-family: 'Font Awesome 5 Free';
font-weight: 900; }
.slick-prev:before {
content: "\F053";
} .space-top {
padding-top: 115px;
background: #b2b2b2;
}
.home-caption {
position: absolute;
color: #fff;
height: 120px;
z-index: 90;
bottom: 0;
width: calc(100% - 0rem);
padding: 40px  13px 10px 13px;
}
.home-caption2 {
position: absolute;
color: #fff;
height: 120px;
z-index: 90;
bottom: 0;
width: calc(100% - 0rem);
padding: 40px  13px 10px 16px;
}
.home-caption .home-top-title,
.home-caption2 .home-top-title {
color: #C0AE00;
font-weight: bold;
font-size: 18px;
margin-bottom: 10px;
}
.home-caption .home-section,
.home-caption2 .home-section {
color: #fff;
font-size: 15px;
line-height: 1.2;margin-bottom:5px;
}
.row-news {
height: 450px;
}
.slide-news {
max-height: 450px;
}
.img-news {
background-size: cover !important;
background-repeat: no-repeat !important;
width: 100%;
height: 100%;
}
.b-0 {
bottom: 0;
}
.bg-shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.89) 37%, rgba(0, 0, 0, 0.89) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.89) 37%, rgba(0, 0, 0, 0.89) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.89) 37%, rgba(0, 0, 0, 0.89) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e3000000', GradientType=0); }
.top-indicator {
right: 0;
top: 1rem;
bottom: inherit;
left: inherit;
margin-right: 1rem;
}
.bottom-indicator {
bottom: -57px;
position: absolute;
}
.bottom-indicator.carousel-indicators .active {
opacity: 1;
background: #C0AE00;
font-size: 4px;
}
.bottom-indicator.carousel-indicators li {
width: 10px;
height: 10px;
margin: 10px;
border-radius: 50%;
opacity: 0.5;
background: #fff;
padding: 0px;
border-top: 0px;
border-bottom: 0px;
}
.carousel-control-next,
.carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
z-index: 100;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: 1;
transition: opacity .15s ease;
}
.overflow {
position: relative;
overflow: hidden;
}
.zoom img {
transition: all 0.2s linear;
}
.zoom:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
@media screen and (max-width: 768px) {
.space-top {
padding-top: 55px;
}
.row-news { height: calc(100vh - 105px);
}
.home-caption {
position: absolute;
color: #fff;
height: 100px;
z-index: 90;
bottom: 0;
width: calc(100% - 0rem);
padding: 10px 20px;
}
.home-caption2 {
position: absolute;
color: #fff;
height: 90px;
z-index: 90;
bottom: 0;
width: calc(100% - 0rem);
padding: 10px 10px;
}
.home-caption .home-top-title,
.home-caption2 .home-top-title {
color: #fff;
font-weight: bold;
font-size: 16px;
margin-bottom: 10px;
line-height: 1;
}
.home-caption .home-section,
.home-caption2 .home-section {
color: #fff;
font-size: 13px;
line-height: 1.2;
}
}
@media screen and (min-width: 1600px) {
.row-news {
height: 600px;
}
}  .with-bg{
background:#c1af00 !important;
color:#fff !important;
}
.table-place{
vertical-align:top;
font-size:12px !important;
Line-height:1.5;	
}
.bd-collapse{
border-collapse:collapse !important;	
}
.bd-collapse .cell-row{
background:#e1e1e1;	
color:#000;
}
.bd-collapse .cell-row span{
color:#807F83;
}
.title-inside-collapse{
width:100% !important;	 
}
.lo-roman{
list-style-type: lower-roman;
}
.resource-title{
font-weight: bold !important;
color: #C0AE00 !important;
}
.accordion-inside{
width: 98%;
margin-left: 1%;	
}
.awp.awp-bold .collapsed {
border-bottom: 1px solid #393939;
}
.awp.awp-bold .card{
border-top: 1px solid #393939;	
}
.awp.awp-bold .card-header {
border-bottom: 1px solid #393939;	
}
.awp.awp-bold a.card-title{
font-size:18px;	
}
.awp.awp-bold .arrow-wg li{
font-size:18px;		
}
.dropbtn {
border: none;
}
.dropdown-rsc {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: transparent;
min-width: 128px; z-index: 1;
text-align: left;
padding: 10px 0px;
top: 20px;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-rsc:hover .dropdown-content {display: block;}
.custom-menu .nav-link{
padding: 0rem 0rem 0.5rem 0rem;
}
.menu-line-h-1{
line-height:1;	
} .member-benefit-photo{
object-fit: cover;
height: 380px;
width: 100%;
}
.cop28{
object-fit: cover;
height: 270px;
object-position:top;
width: 100%;
} .img-ambassador{
height:80px;
width:auto;	
}
.img-ambassador.img-ambassador-long{
height:50px;
width:auto;	
}
.img-ambassador.img-ambassador-long2{
height:45px; 
width:auto;	
}
ul.bullet-list li {
margin-top: 0;
margin-bottom: .5rem;
list-style: disc;
margin-left: 1em;
color: #807F83;
font-size: 16px;
}
.main_contentp p.f16px {
font-size:16px;	
}
.box-para{
border:1px solid #807F83;
padding:10px;
}
.ici-featured-projects h6{
color:#af9800;
font-weight:bold;
}
.ici-featured-projects .read-more{
color:#af9800;
text-decoration:underline;
font-style:italic;
}