/*
Theme Name: NGO Monitor
Theme URI: http://ngo-monitor.org
Author: Shahar Hesse
Author URI: http://userable.com
Description: A custom theme for the re-designed NGO Monitor site. UX and Dev: Shahar Hesse, Design: Daina Reed
Version: 1.0
Text Domain: nm
*/

@import "css/nm.css";

/*changes Sep.2021*/
/*header*/
.header-wrap .main-header { background-color: transparent; position: fixed; width: 100%; top: 0px;}
.admin-bar .header-wrap .main-header { top: 32px;}
.header-wrap {  padding-top: 125px;  border-bottom: 0;}
.header-wrap .main-header .main-header-top {background-color: #223983;}
.header-wrap .main-header .main-header-bottom {background-color: #fff; height: 70px; box-shadow: 0px 3px 6px #00000029;  transition: all 0.4s ease-in;}
.main-header .inner {max-width: 1752px;padding: 0 50px;}
.header-wrap .main-header .main-header-top .inner {height: 55px;border: none;border-width: 0;}
.header-wrap .main-header .main-header-bottom .inner {border: none;border-width: 0;height: auto;}
.inner-flex {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 62px;
}
.main-header-bottom .main-nav-desktop {text-align: initial; height: auto; padding: 0; font-family: 'Mulish', sans-serif; font-weight: 800;}
.main-header-bottom .main-nav-desktop>ul.menu {height: auto;}
.main-header-bottom .main-nav-desktop>ul.menu>li {float: none; display: inline-block; height: 35px; line-height: 34px; transition: all 0.35s;}
.main-header-bottom .main-nav-desktop a {color: #223983;}
.main-nav-desktop>ul.menu>li>a, .main-nav-desktop>ul.menu>li>span {padding: 9px 13px; font-family: 'Mulish', sans-serif; font-weight: 400; font-size: 1.05em;}
.main-nav-desktop>ul.menu>li>.sub-menu li a {font-weight: 400;}
.main-nav-desktop>ul.menu>li:last-child { margin-left: 10px;font-size: 1.05em;}
.main-nav-desktop>ul.menu>li:last-child a { padding: 9px 16px; color: #223983; background-color: initial;}
#new-logo {position: relative;}
#new-logo .white {position: absolute;top:0;left: 0;opacity: 0; visibility: hidden; transition: all 0.4s ease-in;}
.main-nav-desktop>ul.menu>li:hover>a, .main-nav-desktop>ul.menu>li:hover>span {  color: #223983 !important;}
.main-nav-desktop>ul.menu>li:last-child:hover { background-color: #F5F7FD;}
.main-nav-desktop>ul.menu>li.nav_button { background-color: #febc11;}
.main-nav-desktop>ul.menu>li.nav_button>a {font-weight: 400;}

.home .main-header:not(.sticky) #new-logo .white {opacity: 1; visibility: visible;}
.home .header-wrap .main-header:not(.sticky) .main-header-bottom {background-color: transparent; box-shadow: none;}
.home .main-header:not(.sticky) .main-header-bottom .main-nav-desktop>ul.menu>li>a, .home .main-header:not(.sticky) .main-nav-desktop>ul.menu>li:last-child>a {color: #fff;}

.mobile-nav-wrap {top: 50px;    right: 0;}
/*home*/
body.page-template-page-home2 .home-gallery {height: 600px; width: 100%; margin: -65px 0 0; transform: translate(0, -5px); background: #223983; overflow: hidden;} 
body.page-template-page-home2 .home-gallery article {height: 600px;}
body.page-template-page-home2 .home-gallery .slick-list {width: 100vw;}
body.page-template-page-home2 .home-gallery .slick-dots {display: none !important;}
body.page-template-page-home2 span.color-wash {background: rgb(120 195 218 / 44%); background-image: radial-gradient(rgba(50,45,59,0) 0%, #223983 100%);}
body.page-template-page-home2 .home-gallery article .call-to-action {
    float: none;
    display: block;
    margin-right: 0;
    width: 100%;
    max-width: 700px;
    margin-left: 0;
    position: relative;
    padding-top: 190px;
}
body.page-template-page-home2 .home-gallery article .call-to-action h2 {font-size: 36px; font-weight: 800; letter-spacing: 0.025em; padding: 25px 0; margin-bottom: 80px; line-height: 1.25; position: relative;}
body.page-template-page-home2 .home-gallery article .call-to-action h2::after,
body.page-template-page-home2 .home-gallery article .call-to-action h2::before {
    content: '';
    display: block;
    background-color: #FEBC11;
    width: 60px;
    height: 10px;
    position: absolute;
    left: 0;
}
body.page-template-page-home2 .home-gallery article .call-to-action h2::before{top:-10px;}
body.page-template-page-home2 .home-gallery article .call-to-action h2::after{bottom:-10px;}
body.page-template-page-home2 .home-gallery article .call-to-action a {
    text-transform: initial;
    border: 2px solid #FEBC11;
    padding: 5px 10px;
    background-color: #FEBC11;
    color: #000;
    font-family: 'Vollkorn', serif;
    font-size: 20px;
    min-width: 220px;
    display: inline-block;
}
.sidebar aside h3 {position: relative;margin-bottom: 16px;padding-bottom: 10px;}
.sidebar aside h3::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 40px;
    height: 6px;
    background: #FEBC11;
}
.sidebar aside .toc.report-categories ul a {
    color: #000;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.35s;
}
.sidebar aside .report-categories ul a:hover {color: #223983;}
@media only screen and (min-width: 761px) {
    .sidebar aside .sidebar-featured, .sidebar aside .toc {
        border: 1px solid rgb(112 112 112 / 5%);
        background: rgb(120 195 218 / 5%);
    }
 }
.sidebar.contact .contact-details {
    border: 1px solid rgb(112 112 112 / 5%);
    background: rgb(120 195 218 / 5%);
}
.sidebar.contact .contact-details h3 {
    font-family: 'Vollkorn', serif;
    font-size: 1.25em;
    color: #223983;
    margin-bottom: -40px;
}
.sidebar.contact .contact-details p {
    padding-top: 35px;
    margin-bottom: 35px;
}
.sidebar aside .contact-details h3::after {
    top: -22px;
    bottom: auto;
}
.sidebar aside .contact-details h3:first-child::after {display: none;}
/*footer:*/
.footer-wrap {background-color: #223983;}
.footer-wrap h4 {text-transform: capitalize; font-family: 'Vollkorn', serif; font-size: 1.25em;}
.footer-wrap .newsletter form p input[type=submit] {
    line-height: 36px;
    font-size: 1em;
    color: #000;
    background: #FEBC11;
    border: none;
    font-family: 'Vollkorn', serif;
}
/*typography:*/
body {
    font-family: 'Mulish', sans-serif; 
    color: #000;
}
.single-nm_ngos .profile td, .single-nm_funders .profile td, .content p, .content ul, .content ol, .content .post-meta {
    font-family: 'Mulish', sans-serif; 
    font-size: 1em;
    color: #000;
}
.blog .content article.featured h1, .post-type-archive-nm_in_the_media .content article.featured h1, .content h2, .single-nm_events .content h1,
.content h1, .content .pseudo-h1 {
    font-family: 'Vollkorn', serif;
    font-size: 1.75em;
    color: #223983;
}
.content h2 {
    font-family: 'Vollkorn', serif;
    color: #223983;
}
.page-template-page-press_room .sidebar .upcoming-events h2, .page-template-page-press_room .sidebar .upcoming-events .single-nm_events .content h1, .single-nm_events .content .page-template-page-press_room .sidebar .upcoming-events h1, .content .articles-grid-group article h1, .sidebar aside h3, .content .about-the-authors .author h3 {
    font-family: 'Vollkorn', serif; 
    font-size: 1.25em;
    color: #223983; 
}
body.page-template-page-home2 .achievement-items .achievement h3, body.page-template-page-home2 .home-gallery article .call-to-action h2, body.page-template-page-home2 .home-gallery article .call-to-action .single-nm_events .content h1, .single-nm_events .content body.page-template-page-home2 .home-gallery article .call-to-action h1 {
    font-family: 'Mulish', sans-serif; 
}
.sidebar aside .related ul a, .sidebar aside div ul a, .sidebar aside .sidebar-featured ul a, .sidebar aside .toc ul a {color: #223983;}
/*tablet:*/
@media only screen and (max-width: 1400px) {
    .main-header .inner {padding: 0 20px; }
    body.page-template-page-home2 .home-gallery article .call-to-action {padding-right: 30px; padding-left: 30px;}
}
/*mobile:*/
@media only screen and (max-width: 760px) {
    /*.header-wrap {background: #fff;}*/
    .main-header .inner {padding: 0 20px; }
    .header-wrap {padding-top: 117px;}
    .home .header-wrap {padding-top:55px;}
    .header-wrap .main-header .main-header-bottom {height: 62px;}
    body.page-template-page-home2 .home-gallery article .call-to-action {padding-right: 20px; padding-left: 20px;}
    body.page-template-page-home2 .home-gallery article .call-to-action h2 {font-size: 26px;    margin-bottom: 50px;}
    body.page-template-page-home2 .home-gallery .slick-arrow.slick-prev, body.page-template-page-home2 .home-gallery .slick-arrow.slick-next { top: 90%; }
    body.page-template-page-home2 .home-gallery article .call-to-action a {font-size: 18px; min-width: 180px; padding: 5px 8px;}
}