/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");

/*************************************************
 * VC OVERRIDES STYLES
 *************************************************/
.wpb_content_element{margin-bottom:25px !important}
.vc_hidden_all{display:none !important}
html{background:#fff !important;}
body{background:#fff; color:#1d1d1e; font-size: 18px; font-family: 'Open Sans', sans-serif;}
a, a:visited {color:#1d1d1e;}
img{vertical-align:bottom}
.grid-container{max-width:1298px !important;}

/*************************************************
 * HEADER STYLES
 *************************************************/
.site-header{/*background:#efefef !important;*/background:#ffffff !important; width:100%; position:fixed; z-index:999999; box-shadow: 0px -5px 10px 2px #999;}
.inside-header{/*padding:5px 40px;*/ padding:20px 40px;-webkit-transition: padding .4s ease; transition: padding .4s ease; display: flex;align-items: center;}
.sticky-inside-header{padding:10px 40px; -webkit-transition: padding .4s ease; transition: padding .4s ease;}
.sticky-inside-header img{max-height:50px;-webkit-transition: height .4s ease; transition: height .4s ease;}
.site-logo img{-webkit-transition: max-height 1s ease; transition: max-height 1s ease;}
.nav-float-right .inside-header .site-branding {float: left; }
.site-logo {float: left; width:172px; max-width: 100%; margin-right: 80px}
.nav-float-right .inside-header .main-navigation {float: left;  clear: right; /*margin-top:20px;*/margin-top:-8px;}

.main-navigation, .main-navigation ul ul {background-color: transparent; box-shadow:none;}
.main-navigation .main-nav ul li a{padding-left:5px; padding-right:5px;margin-left:24px; margin-right:24px;}
.main-navigation .main-nav ul li a {
 background-image:-webkit-gradient(linear,left top,left bottom,color-stop(65%,transparent),color-stop(10%,#fcaf17));
 background-image:linear-gradient(180deg,transparent 0%,#fcaf17 0);
 background-size:0 100%;
 background-repeat:no-repeat;
 text-decoration:none;
 -webkit-transition:background-size .4s ease;
 transition:background-size .4s ease;
}
.main-navigation .main-nav ul li a:focus,
.main-navigation .main-nav ul li a:hover {
 background-size:100% 100%;
 cursor:pointer
}
.main-navigation .main-nav ul .current_page_item a, .main-navigation .main-nav ul .current-menu-parent a{background:#fcaf17; background-image:-webkit-gradient(linear,left top,left bottom,color-stop(65%,transparent),color-stop(5%,#fcaf17));
 background-image:linear-gradient(180deg,transparent 0%,#fcaf17 0);}
.menu-item-has-children .dropdown-menu-toggle {padding-right:0}

.main-navigation .main-nav ul li a, .menu-toggle { color: #1d1d1e;}
/*.main-navigation .main-nav ul li a:hover{border-top:2px solid #fcaf17; line-height:58px}*/
/*.main-navigation ul ul {  background-color:  #fcaf17; color: #1d1d1e; width: 340px;padding:10px; top:45px}*/
.main-navigation ul ul {background-color:#fcaf17; color: #1d1d1e; width:340px;padding:10px 20px; top:30px; border-top:20px solid #ffffff }


.main-navigation .main-nav ul li[class*="current-menu-"] > a { color:#1d1d1e; background-color:transparent;}
.main-navigation a{font-family:'SharpGrotesk',sans-serif; font-size: 1.2rem; font-weight: 500}
.main-navigation .main-nav ul ul li a { font-size: 19px; color: #1d1d1e; font-weight:500; padding:5px 10px; margin:0}
.main-navigation .main-nav ul ul li{border-bottom:1px solid #1d1d1e; padding:0; width:100%}
.main-navigation .main-nav ul ul li:last-child{border-bottom:0}
/*#sticky-navigation {background:#fff}
.main-navigation.navigation-stick .sticky-navigation-logo {   margin-left: 40px;}*/
.navigation-branding{margin-right:104px !important; margin-left:0 !important}

.sub-menu .child-item{border-bottom:0 !important; padding-left:10px !important;}
.sub-menu .special-child-item{border-top:1px solid #1d1d1e;}
.sub-menu .child-item a{ font-weight:400 !important}
.sub-menu .child-item a:hover{ font-weight:500 !important}
.sub-menu:before{
    content:'';
    position: absolute;
    top: -15px;
    left: 65px;    
    width: 0;
    height: 0;  
    border-bottom: solid 15px #fcaf17;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
}
.nav-search{float:left; /*margin-top:20px;*/ margin-top:-10px; margin-left:30px;}
.search-input{font-family: 'Open Sans', sans-serif;background:transparent !important; border:0 !important; vertical-align:text-top; border-bottom:1px solid #686868 !important; padding:0 !important; font-size:12px; color:#1d1d1e !important}
.search-input::placeholder{font-family: 'Open Sans', sans-serif;font-style:italic; color:#1d1d1e}
.search-icon-btn{background:transparent !important; background-image: url('https://populationfoundation.in/wp-content/themes/generatepress_child/images/icons8-search.svg') !important;
padding: 0 !important; /*margin-left:-6px;*/ width: 22px;height: 24px;background-size: 100% !important;background-repeat: no-repeat !important; background-position-x: left !important;background-position-y: bottom !important;}

/*************************************************
 GLOBAL STYLES
 *************************************************/
.site-content{ padding:0 !important; padding-top:108px !important}
.sticky-site-content{ padding:0 !important; padding-top:86px !important}
.entry-header {margin-top:25px;}

h1,h2,h3,h4,h5,h6{font-family:'SharpGrotesk',sans-serif; }
h1{font-size:2rem}
h2{font-size:2.8rem}
h3{font-size:2.5rem; }
h4{font-size:2.2rem}
h5{font-size:1.8rem}
h5{font-size:1.2rem}

.title125{font-family:'SharpGrotesk', sans-serif; font-size:125px;font-weight:600; line-height:1em; }
.title100{font-family:'SharpGrotesk', sans-serif; font-size:100px;font-weight:600; line-height:1em; }
.title90{font-family:'SharpGrotesk', sans-serif; font-size:90px;font-weight:600; line-height:1em; }
.title80{font-family:'SharpGrotesk', sans-serif; font-size:80px;font-weight:600; line-height:1em; }
.title75{font-family:'SharpGrotesk', sans-serif; font-size:75px;font-weight:600; line-height:1em; }
.title70{font-family:'SharpGrotesk', sans-serif; font-size:70px;font-weight:600; line-height:1em; }
.title65{font-family:'SharpGrotesk', sans-serif; font-size:65px;font-weight:600; line-height:1em; }
.title60{font-family:'SharpGrotesk', sans-serif; font-size:45px;font-weight:600; line-height:1em; }
.title55{font-family:'SharpGrotesk', sans-serif; font-size:55px;font-weight:500; line-height:1em; }
.title50{font-family:'SharpGrotesk', sans-serif; font-size:50px;font-weight:500; line-height:1em; }
.title40{font-family:'SharpGrotesk', sans-serif; font-size:30px;font-weight:600; line-height:1em; }
.title30{font-family:'SharpGrotesk', sans-serif; font-size:30px;font-weight:500; line-height:1em; }
.title25{font-family:'SharpGrotesk', sans-serif; font-size:25px;font-weight:500; line-height:1em; }
.title20{font-family:'SharpGrotesk', sans-serif; font-size:20px;font-weight:500; line-height:1em; }

.title-light{font-weight:400 !important}

.lineheight90{line-height:90px !important}
.lineheight80{line-height:80px !important}
.lineheight70{line-height:70px !important}

.text14{font-size:14px; }
.text20{font-size:20px; line-height:32px}
.text22{font-size:22px; line-height:32px}
.text22{font-size:28px; line-height:40px}
/*
.highlight-txt{background-image: -webkit-gradient(linear,left top,left bottom,color-stop(65%,transparent),color-stop(10%,#fcaf17));
background-image: linear-gradient(180deg,transparent 11%,#fcaf17 0);
}*/
.highlight-txt {
		background-image: linear-gradient(transparent 5%, #fcaf17 5%);
        /*background-image: linear-gradient(#fcaf17, #fcaf17);*/
        background-repeat: no-repeat;
        background-position: 0% 100%;
        background-size: 0px 100%;
    }
.highlight-txt.active {
        background-size: 100% 95%;
        background-position: 0% 0%;
	    /*padding: 0 5px;*/
    }

    .highlight-txt {
        transition: background-size 0.8s, background-position .3s ease-in .5s;
    }

     .highlight-txt.active  {
        transition: background-position .5s, background-size 0.8s ease-in .5s;
    }
.orange-bg .highlight-txt {
	background-image: none;}

.text-left{text-align:left !important}
.text-center{text-align:center !important}
.text-right{text-align:right !important}


.pull-left{float:left !important}
.pull-right{float:right !important}

.text-white{color:#ffffff !important}
.text-black{color:#1d1d1e !important}
.text-orange{color:#fcaf17 !important}
.text-orange .highlight-txt {  background-image: none;   }
.post-grid-parent .highlight-txt {  background-image: none;   }

.white-bg{background-color:#ffffff !important}
.grey-bg{background-color:#e9eaea !important}
.black-bg{background-color:#1d1d1e !important}
.orange-bg{background-color:#fcaf17 !important}

.margin0{margin:0 !important}
.padding0{padding:0 !important}
.padding15{padding:15px !important}
.padding20{padding:20px !important}
.padding25{padding:25px !important}
.padding30{padding:30px !important} .padding35{padding:35px !important}
.gap15{height:15px !important} .gap20{height:20px !important} .gap25{height:25px !important} .gap30{height:30px !important}
.gap35{height:35px !important} .gap40{height:40px !important} .gap50{height:50px !important} .gap60{height:60px !important}
.gap70{height:70px !important} .gap80{height:80px !important} .gap90{height:90px !important} .gap100{height:100px !important}
.gap125{height:125px !important} .gap150{height:150px !important}

.use-icon{display: inline-block;     font-style: normal;     font-variant: normal;     text-rendering: auto;     -webkit-font-smoothing: antialiased;} 
.orange-button{background-color:#fcaf17 !important;color:#1d1d1e !important;font-family:'SharpGrotesk', sans-serif; font-size:28px; padding:5px 20px; font-weight:600}
.orange-button::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; font-size:85%}
.orange-button .wpb_wrapper{display:inline-block}
.black-button{background-color:#1d1d1e;color:#1d1d1e;font-family:'SharpGrotesk', sans-serif; font-size:1.6rem; padding:5px 20px; font-weight:500}

.btn-orange a{background:#fcaf17; color:#1d1d1e; font-family:'SharpGrotesk', sans-serif; font-size:28px; padding:4px 10px; display:inline-block; margin-right:1em; font-weight:600;}
.btn-orange .fas{font-size:0.9em}
.btn-black a{background:#1d1d1e; color:#ffffff; font-family:'SharpGrotesk', sans-serif; font-size:27px; padding:2px 12px; display:inline-block; margin-right:0.5em; font-weight:400}

.know-more-btn a, .know-more-btn-icon a{color:#fcaf17;background:#1d1d1e; font-family:'SharpGrotesk', sans-serif; font-size:29px; padding:8px 18px; display:inline-block; font-weight:500; line-height:1em}
.know-more-btn-icon a::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; font-size:85%; margin-right:5px}

.know-more-btn-white a, .know-more-btn-orange a, .know-more-btn-icon a{ background:#1d1d1e; font-family:'SharpGrotesk', sans-serif; font-size:29px; padding:8px 18px; display:inline-block; font-weight:400; line-height:1em}
.know-more-btn-white a {color:#fff}
.know-more-btn-orange a{color:#fcaf17;}

.load-more-btn-wrapper{text-align:center}
.btn-load-more{background:#1d1d1e; font-family:'Open Sans', sans-serif; font-size:18px}
.btn-load-more .fas{font-size:90%}

/******Flex-To make equal height columns*****/
.display-flex {display: flex; flex-wrap: wrap;}
.display-flex > [class*='grid-'] { display: flex; flex-direction: column;}
/*************************************************
 SLIDER STYLES
 *************************************************/
/***HOME SLIDER**/

.slide-title-box{display:none}
.slide-button{font-family:'SharpGrotesk',sans-serif; background:#000; color:#fff; font-size: 24px; font-weight:500 !important; padding:10px;}
.slide-title{background-color:#fcaf17; font-family:'SharpGrotesk',sans-serif; color:#000; font-size: 70px; line-height:80px !important; font-weight: 400 !important; /*padding:18px 18px 80px 18px*/ padding:10px 20px 20px 20px}
.slide-title strong{font-weight:600 !important}
.career-slide{padding-bottom:55px}

.slider-title{font-family:'SharpGrotesk',sans-serif; color:#000; font-size: 56px; line-height:1.2em !important; font-weight: 400 !important}
.slider-title span{font-weight:600 !important}
.slide-link{font-family:'SharpGrotesk',sans-serif; color:#000; font-size: 20px; font-weight:500 !important}

/*************************************************
 * BODY STYLES
 *************************************************/
/*****************
 * COMMON FOR PAGES******/
/*
p a{color: inherit; padding:0 5px;
border-bottom: 2px solid #fcaf17;
background-image: linear-gradient(120deg, #fcaf17 0%, #fcaf17 100%);
background-repeat: no-repeat;
background-size: 100% 0.0em;
background-position: 0 100%;
transition: background-size 0.125s ease-in;
-webkit-transition: background-size 0.125s ease-in;
}
p a:hover{ background-size:100% 100%;}
*/
.search-results .content-area{margin-top:40px}
.search-results .entry-title{font-size:40px}
.search-results .post-image{margin-bottom:0 !important}
.search-results .entry-header{margin-top:0}
.category-search{background:#e8e8e8;padding: 0;max-width: 550px; border-radius:5px}
.category-search input[type=text]{font-family:'Open Sans',sans-serif;min-width:500px;background:transparent; border:0; padding:5px 15px; font-style: italic;color:#1d1d1e;font-size: 28px; vertical-align:text-bottom}
.category-search input::placeholder{font-style:italic; color:#777777}
.category-search button{/*font-size: 2rem; background-color:transparent;color:#8c8a8a; padding:0 6px;*/width:35px; height:50px; background:url(images/search-icon.png) center center no-repeat; vertical-align:top}
.search-breadcrumb{font-size:0.9rem; line-height:2em}

.fullwidth-container{background:#e9eaea; padding-top:25px; padding-bottom:25px}

.post-grid-parent{margin-left:-20px; margin-right:-20px}
.grid-gap20{padding:20px}
.post-padding-sticky{padding:15px 30px 30px}
.post-padding{padding:12px}
.post-thumb{border-bottom:15px solid #fcaf17}
.post-thumb img{vertical-align:bottom; }
.post-grid-title{/*min-height:80px*/ height:84px; overflow:hidden}
.post-grid-title .text40{line-height:1.2em}
.post-thumb .sticy-thumb{ }
.striped-border-left{background:url(images/striped-border.png) left center repeat-y; padding-left:20px}
.striped-border-right{background:url(images/striped-border.png) right center repeat-y;  padding-right:20px}

.striped-orange-border-left{background:url(images/border-orange-striped-17px.png) left center repeat-y; padding-left:17px}
.striped-black-orange-border-left{background:url(images/border-orange-striped-16px.png) left center repeat-y; padding-left:16px}
.striped-black-orange-border-right{background:url(images/border-orange-striped-16px.png) center right repeat-y; padding-right:16px}
.striped-border60px-right{background:url(images/border-image-60px.png) right center repeat-y; padding-right:60px}

.sticky-post-title{height:230px; /*overflow:hidden*/}
.sticky-post-description{min-height:162px}

/*****************
 * HOME PAGE******/
.home-section{margin-top:0px}
.home-divider{margin-top:60px; margin-bottom:70px;}
.what-we-do-home .vc_column-inner{padding-left:10px !important; padding-right:10px !important}
.what-we-do-home .wpb_wrapper{position:relative;  justify-content: end;flex-direction: column;display: flex;text-align: center; height: 100% !important; background: rgba(0, 0, 0, 0.4);}
.home-program-image.home-program-image {padding: 0 !important;  margin: 0 !important;  position: absolute;  bottom: 0px;  width: 100%;  height: 100%;}
.home-program-image h2{font-family:'SharpGrotesk', sans-serif; font-weight:500; background:#fcaf17; margin:0 !important; padding:10px; font-size:26px; line-height:36px; min-height:80px;}

.home-program-image a{position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
display: flex;
justify-content: center;
align-items: end;
    font-family:'SharpGrotesk', sans-serif; font-weight:500; margin:0 !important; padding:10px; font-size:26px; line-height:36px; color:#fff;
}


/*.home-program-image a{font-family:'SharpGrotesk', sans-serif; font-weight:500; margin:0 !important; padding:10px; font-size:26px; line-height:36px;margin:0 !important; min-height:80px; display:inline-flex;color: #fff;}*/
.home-program-description{margin-top:20px !important;}
.annual-report{height:800px; border-top:28px solid #fcaf17}
.annual-report-intro{font-family:'SharpGrotesk', sans-serif; font-size:50px;font-weight:600; line-height:1.3em; padding-top:25px}
.annual-report-btn a{background:#fcaf17; color:#1d1d1e; font-family:'SharpGrotesk', sans-serif; font-size:1.6rem; padding:0.1em 1.2em; display:inline-block; margin-right:1em; font-weight:600}

.mega-post-carousel1 {}
.mega-post-carousel1 .mega-post-title, .mega-post-carousel1 .mega-post-meta, .mega-post-carousel1 .mega-post-date{display:none}
.mega-post-carousel1 .mega-post-para{padding:25px 20px;background:#fcaf17; color:#790000; font-size:1.2rem; min-height:270px;}

.success-story-title{display:block;padding:15px 15px; min-height:110px}
.success-story-description{padding:15px ; min-height:270px; display:none;}
.success-story-title p{margin-bottom:0}
/*****************
* WHO WE ARE PAGE******/
.ed-name{color:#fff; font-size:18px; font-family:'Open Sans', sans-serif; padding: 15px 20px; display: block;}
.ed-name strong{color:#fcaf17; font-weight:600;}

.wwa-heading{margin:100px 0 20px 0}
.pfi-timeline strong{font-weight:600}


/***************** * OUR PEOPLE SECTION******/
.our-people-item{}
.people-item{margin-bottom:50px; min-height:334px;cursor:pointer}
.member-image{display:block; padding:0; }
.member-image img{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */  filter: grayscale(100%);}
.member-image img:hover{-webkit-filter: none; /* Safari 6.0 - 9.0 */  filter: none;}
.member-name{background:#fff;padding:10px 25px; min-height:72px; display:block; font-size:15px; font-style:italic}
.member-name-active{background:#fcaf17;}
.member-name strong{ font-size:18px; font-style:normal}
.partnerships .vc_active{padding:25px}
#OurPartnerships .partner-title{padding:5px 10px; text-align:left; display:block}
#parentHorizontalTab2 .partner-title{padding:0px 5px; text-align:left; display:block}
.partnership-points{width:100%; margin:0; border:0}
.partnership-points td{font-size:15px; font-weight:600; padding:0 0 28px 0; line-height:1.2em; border:0}
.team-memeber-department{clear:both; border-bottom:1px solid #1d1d1e; padding:20px 0; margin:0 10px 45px 10px}

/*****************
* WHAT WE DO PAGE******/
.program-title{font-family:'SharpGrotesk', sans-serif; font-weight:500;  background:#000; margin-top:0 !important; padding:10px; font-size:26px; line-height:36px; min-height:72px;}
.program-title a{color:#fcaf17;}
.JRD-slide-title{font-family:'SharpGrotesk', sans-serif; font-weight:400; color:#1d1d1e; font-size:60px !important; line-height:65px !important }
.JRD-slide-title .strong{font-weight:600}
.JRD-slide-title-2{font-family:'SharpGrotesk', sans-serif; font-weight:400; color:#1d1d1e; font-size:52px !important; line-height:56px !important }
.JRD-slide-title-2 .strong{font-weight:600}
.jrd-bg{background-position:right !important; background-size:70% !important;   background-repeat:no-repeat;; padding:50px 0}
.awards-text-para-1{font-family:'SharpGrotesk', sans-serif;font-size:30px; line-height:40px;font-weight:500;}
.awards-text-para-2 {font-size:22px; line-height:32px;}
.awards-text-para-3 {font-size:15px; line-height:25px;}

.winners-table table{border:0}
.winners-table table td{font-size:0.9rem; padding:3px; font-weight:600; border:0}
.winner-title:after{
    content:'';
    position: inherit;
    top: 0;
    left: 10%;
    /*margin-left: -50px;*/
    width: 0;
    height: 0;
    border-bottom: solid 25px #e9eaea;
    border-left: solid 25px transparent;
    border-right: solid 25px transparent;
}

/*****************
* PUBLICATION PAGE******/
.publication-menu{float:left;margin:0; margin-top:40px; padding:50px 0}
.publication-menu li{float:left; list-style:none; padding-right:40px}
.publication-menu li a{position:relative; font-family:'SharpGrotesk', sans-serif; font-weight:500; font-size:30px; line-height:1em; 
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(65%,transparent),color-stop(10%,#fcaf17));
background-image: linear-gradient(180deg,transparent 0%,#fcaf17 0);
background-size: 0 100%;
background-repeat: no-repeat;
text-decoration: none;
-webkit-transition: background-size .4s ease;
transition: background-size .4s ease;padding: 0 5px}
.publication-menu li a:hover {background-size:100% 100%;padding:0 5px}
.publication-menu li .active {background-color:#fcaf17}
.publication-menu li .active:after{
    content:'';
    position: absolute;
	left:50%;
    margin-top: 62px;
    margin-left: -25px;
    width: 0;
    height: 0;
    border-bottom: solid 25px #e9eaea;
    border-left: solid 25px transparent;
    border-right: solid 25px transparent;}


/*****************
* MEDIA PAGE******/
.media-post-grid-box{background:#ffffff url(images/border-orange-striped-18px.png) left top repeat-y; padding:23px 25px 20px 40px}
.media-post-grid-box:hover{background:#fcaf17 url(images/border-orange-striped-18px.png) left top repeat-y; cursor:pointer}
/* .media-post-grid-title{min-height:172px} */
.media-post-title{min-height:155px}
.media-post-grid-date{font-size:14px; color:#6B6B6B}

/*****************
* WHERE WE WORK PAGE******/
.www-header{padding-top:620px}
.www-menu{float:right;margin:0; margin-top:50px; padding:15px 0}
.www-menu li{float:left; list-style:none}
.www-menu li a{font-family:'SharpGrotesk', sans-serif; font-weight:500; font-size:30px; line-height:1em; margin-left:50px;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(65%,transparent),color-stop(10%,#fcaf17));
background-image: linear-gradient(180deg,transparent 0%,#fcaf17 0);
background-size: 0 100%;
background-repeat: no-repeat;
text-decoration: none;
-webkit-transition: background-size .4s ease;
transition: background-size .4s ease; padding:0 5px}
.www-menu li a:hover {background-size:100% 100%; padding:0 5px}
.www-menu li .active {background-color:#fcaf17}
.youth-leader:after{
    content:'';
    position: absolute;
    bottom: 0;
    left: 50%;
    /*margin-left: -50px;*/
    width: 0;
    height: 0;
    padding-bottom:60px;
    border-bottom: solid 25px #fcaf17;
    border-left: solid 25px transparent;
    border-right: solid 25px transparent;
}
/*************************************************
 * POST PAGE STYLES
 *************************************************/
/*****************
 * COMMON FOR POST PAGE******/
/*.post-entry{margin-left:110px}*/

.voice-post-entry{margin-left:0px}
.entry-title{font-size: 70px;line-height:76px;font-weight: 600;}
.story-author{font-size:20px;font-weight:600}
.story-date{color:#6B6B6B; font-size:20px; font-weight:600}
.highlight-box-header{font-size:14px; background:#1d1d1e; color:#fcaf17; padding:5px 20px; margin:0 !important}
.highlight-box-body{background:#fcaf17; color:#1d1d1e; padding:20px}
.post-image-details {}
.post-image-caption-text{font-style:italic; margin-bottom:10px !important}
.post-image-credit-text{color:#666; font-size:90%; padding-bottom:25px; border-bottom:1px solid #999}
.post-hightlight-text{background:#fcaf17;color:#1d1d1e; padding:40px 0; margin:30px 0 40px 0}
.related-stories-tags{color:#8f8c8d; border-top:1px solid #6c6c6c;padding:10px 0; margin-top:15px;}
.related-stories-tags a{color:#787878; font-weight:600; padding:0 10px}
.other-stories-tile{font-size:70px;font-weight: 600; border-top:1px solid #1d1d1e; line-height:1.5em; margin-top:45px; margin-bottom:0}
.other-stories-container{background:#fcaf17; padding:40px 0}

.block-text p{margin-bottom:10px;}

/*********************
 * IMPACT POSTS******/
.tags-links a{border: 1px solid #bbb; padding: 1px 8px; border-radius: 3px; margin-right:6px; margin-bottom:10px}
.tags-links a:hover{background-color:#fcaf17;border: 1px solid #fcaf17; color:#1d1d1e}
.tags-links::before {
    content: "" !important;
}
/********************
 * MEDIA POSTS******/

/*************************
 * PUBLICATIONS POST******/
.publications .post-entry{margin-left:0}



/*****************
 * CAREER PAGE******/
.career-details-box{min-height:120px; padding:25px}
.career-position, .career-department, .career-location{color:#fff; display:block}
.career-position{font-weight:600; margin-bottom:8px}
.career-department{margin-bottom:6px; line-height:1.1em}
.career-location{font-style:italic}
.career-apply{font-size:30px; line-height:37px; font-weight:600; max-width:200px}
.linkedin-url{float:right; line-height:37px; }
.knowmore-url{margin-right:10px }

/*************************************************
 * FOOTER STYLES
 *************************************************/
.site-footer{background-color:#1d1d1e; color:#fff; padding:40px 0}
.site-info{display:none}
.pfi-footer-details{font-size:16px;border-bottom:1px solid #c7c7c7; padding-bottom:40px; margin-bottom:40px}
.org-name{font-weight:700}
.footer-menu-title{font-family:'Open Sans', sans-serif; font-size:20px; color:#fff;font-weight:500;}
.footer-menus, .footer-menus li, .footer-menus li ul{list-style:none; margin:0; padding:3px 0; font-size:1rem}
.footer-menus li a{font-size:15px;color:#fff; font-weight:700;}
.footer-menus li ul li a{font-size:13px; color:#ffffff; font-weight:400}
/***TEMP NEWSLETTER**/
.tnp-subscription{margin:0 !important; text-align:right !important; float:right}
.tnp-subscription label{display:inline-block !important}
.tnp-subscription input[type="text"], .tnp-subscription input[type="email"], .tnp-subscription input[type="submit"]{font-family: 'Open Sans', sans-serif;
    height:auto !important; padding:4px 10px !important; display:inline-block !important; width:auto !important;
}
.tnp-subscription input.tnp-submit {font-family: 'Open Sans', sans-serif;font-weight:600; background-color: #6B6B6B !important; margin:1px !important}
.tnp-email{min-width:260px; font-style:italic}
.tnp-field-button{float:right}
.tnp-subscription .tnp-subscription label{font-family: 'Open Sans', sans-serif;}
/****SOCIAL LINKS****/
.social-links{background:#fcaf17; padding:0 10px; position:fixed; top:40%; right:0;z-index:9;/*border-top-left-radius: 4px;border-bottom-left-radius: 4px;*/box-shadow:1px 1px 10px 0px #000}
.social-links a{color:#1d1d1e; display:block; clear:both; /*font-size:1.6rem;*/ text-align:center; padding:11px 0}
.social-links-mobile{display:none}

/****NEW TOOL TIP (CSS ONLY)****/
.tooltip {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black;*/
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 580px;
  background:  #fcaf17;
  color: #1D1D1E;
  text-align: left;
  /*border-radius: 6px;*/
  padding: 15px;
  position: absolute;
  z-index: 1;
  
}
.tooltiptext-prime {
  visibility: visible !important;
}
/****RIGHT TOOLTIP**/
.tooltip .tooltip-right {
  top: -5px;
  left: 110%;
}
/****RIGHT TOOLTIP**/
.tooltip .tooltip-left {
  top: -5px;
  right: 110%;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  margin-top: -20px;
  border-width: 20px;
  border-style: solid ;
  
}

.tooltip .tooltip-right::after {
  top: 50px;
  right: 100%;
  border-color: transparent #fcaf17 transparent transparent;
}
.tooltip .tooltip-left::after {
  top: 50px;
  left: 100%;
  border-color: transparent transparent transparent #fcaf17;
}


.tooltip:hover .tooltiptext {
  visibility: visible;
}


/******************************/
/*TOOLTIP*/
/******************************/

/*#tooltip {
    max-width:380px;
    font-size: 1rem;
    text-align: left;           
    line-height: 1.5;
    color: #1d1d1e;
    background:  #fcaf17;
    position: absolute;
    z-index: 100;
    padding: 15px;
}*/
#tooltip {
    max-width:450px;
    font-size: 18px;
    text-align: left;           
    line-height: 1.5;
    color: #1d1d1e;
    background:  #fcaf17;
    position: absolute;
    z-index: 100;
    padding: 15px;
    /*margin-left:350px;
    margin-top:50%;*/
    top:10%;
    left:50%;
}

#tooltip:after {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #333;
    border-top-color:  #fcaf17;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -20px;
    margin-left: -20px;
}
#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 20px solid #333;
    border-bottom-color:  #fcaf17;
    top: -20px;
    bottom: auto;
}
#tooltip.left:after {
    left: 20px;
    margin: 0;
}
#tooltip.right:after {
    right: 20px;
    left: auto;
    margin: 0;
}
/***********REVEAL EFFECT FOR FOOTER***********/
.site-footer {
    /*position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;*/
}

#page {
    /*margin-bottom: 750px; /* adjust to the height of the footer *//*margin-bottom:80vh;*/
}
/*******************************/
    WP FORMS CSS
/******************************/
div.wpforms-container-full .wpforms-form input.wpforms-field-medium{max-width:100% !important}
div.wpforms-container-full .wpforms-form input[type="text"], 
div.wpforms-container-full .wpforms-form input[type="email"],
div.wpforms-container .wpforms-form .intl-tel-input.allow-dropdown input[type="tel"],
div.wpforms-container-full .wpforms-form textarea{
    border:0 !important; border-bottom: 1px solid #fcaf17 !important; font-family: 'SharpGrotesk', sans-serif; font-weight: 400; font-size: 24px !important; width: 100% !important; max-width: 100% !important; background: transparent !important;
}
.wp-form-button{background-color:#fcaf17 !important;color:#1d1d1e !important;font-family:'SharpGrotesk', sans-serif; font-size:28px !important; padding:5px 20px !important; font-weight:500}
.wp-form-button::before{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; font-size:80%; margin-right:8px}




/********************/

.latest-updates-home .mega-post-title{display:block !important; min-height:100px !important; background:#fcaf17; padding:15px 10px 10px 10px; margin-top:0px !important;}
.latest-updates-home .mega-post-para{display:none !important;}
.latest-updates-home .mega-post-carousel1 .mega-post-title a{font-size:18px !important; line-height:24px; display:inline-block; font-weight:500; vertical-align:top;}
.area-of-work .vc-hoverbox-block{/*width:340px;*/ height:380px !important; clear:both; margin-bottom:50px;}
.area-of-work .vc-hoverbox-inner {height: 426px !important;}
.area-of-work h2{font-size:24px !important; color:#1d1d1e !important; font-weight:bold;}
.area-of-work p{font-size:15px;}
.home-divider-new{margin-top:60px; margin-bottom:70px; display:none;}
.home-section{margin-top:30px !important;}
.home-divider{margin-top:60px; margin-bottom:40px;}
.main-navigation a{font-size:1.2rem;}
.left-padding-home{padding-left:17px;}
.home-suc-padd{padding-left:20px;}
.succ-sty .grid-container{padding:0px !important;}
.home-program-title-3{min-height: 74px !important;text-align: center; font-family: 'SharpGrotesk', sans-serif;font-weight: 500;background: #fcaf17;margin: 0 !important;padding: 10px;font-size: 26px;line-height: 36px; position:absolute; bottom:0px;}

.teamName{color: #fcaf17 !important;font-size: 18px !important;font-weight: bold !important;}
.designation{color: #000 !important;font-size: 18px !important;font-weight: bold !important;}
.modal-style.style-1 .awsm-image-main2 {background: #fcaf17 !important;}
.awsm-grid figure img{filter: grayscale(100%);  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);}
.awsm-grid figure img:hover {filter: grayscale(0%);  -webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%);}
/*.modal-style.style-1 .awsm-nav-item{display:none !important;}
.modal-style.style-1 .awsm-modal-items-main{width:100% !important; max-width: inherit !important;}*/
.modal-style.style-1 .awsm-nav-item::after {content: "" !important;}


.modal-style.style-1 .awsm-modal-close{top: 50% !important; right: -72px !important;}
.main-navigation .main-nav ul li a:focus, .main-navigation .main-nav ul li a:hover {font-weight: bold !important;}


@media only screen and (max-width: 768px){
 .title-light {margin-top: 15px; padding-left: 0px !important;}
 .entry-title {line-height: 40px;}
 .home-divider-new{margin-top:10px; margin-bottom:10px; display:block;}
 .home-section{margin-top:0px !important;}
 .latest-updates-home .mega-post-title{min-height:100px !important;}
 .vc_custom_1662114870462 {padding-left: 0px !important;}
 .home-suc-padd{padding-left:0px;}
  .mobile-side-gap{padding-left: 20px;padding-right: 20px;}
  .success-story-title{min-height:145px;}
  .slick-slider img {height: 200px !important;}
  .JRD-slide-title-2{font-size:0.9rem !important; line-height:20px !important }
}
@media only screen and (max-width: 1024px){
     .area-of-work .vc-hoverbox-block{width:340px; height:380px !important; clear:both; margin-bottom:50px;}
      .home-suc-padd{padding-left:0px;}
}

@media only screen and (min-width: 769px) and (max-width: 1366px) { 
    .site-logo {margin-right: 10px !important;}
}

@media only screen and (min-width: 1150px) and (max-width: 1225px) { 
    .latest-updates-home .mega-post-title {min-height: 120px !important;}
    .nav-search {top: 15px;}
    .main-navigation ul ul {top: 50px;   width: 250px !important;}
    .main-navigation li {border-bottom: 0px !important;  padding: 0px !important;}
    nav:not(.toggled) ul ul .dropdown-menu-toggle::before {padding-right: 21px !important;}
    .area-of-work .vc-hoverbox-block{height: 350px !important;}
    .site-footer {padding: 40px 20px !important;}
}

.main-navigation ul ul li::before{border:solid 2px #000;}

.main-navigation ul .arrow-left-new .sub-menu{/*margin-left:20px;*/ border-top: transparent; top: -5px !important;}

.main-navigation ul .arrow-left-new .sub-menu::before{display:none;}

html.awsm-popup-on {
  height: 100%;
  overflow: inherit !important;
}

.modal-style.style-1 .awsm-modal-content-main {
  font-size: 15px !important;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a{background-color: #fcaf17 !important; color:#fff !important;}


/*******************/

.timeline-meta.aos-init.aos-animate {display: none !important;}

.timeline-meta{display: none !important;}

.timeline-meta.aos-init{display: none !important;}

.timeline-bar {
  display: none !important;
}