.h1_gad{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: 800;
   font-size: 41px;
   color: #5d2f90;
}
.h1_philmech a{
/*   font-family: Arial, Helvetica, sans-serif;*/
	text-decoration: none;
   	font-weight: 750;
   	font-size: 18px;
   	color: #676a6c !important;
}
.logo_title{
   line-height: 25px;
}
@media (max-width: 990px) {
  	.footerContainer {
    	text-align: center;
	}
	.footerContainer ul{
		margin-top: 1rem;
		padding: 0;
	}
	.footerContainer li{
		list-style-type: none;
	}
	.footer2Container li{
		border-left: none !important;
		width: 100%;
		text-align: center !important;
	}
}
body{
	/*overflow-y: overlay;*/
	/*overflow-x: hidden;*/
	
	/*added to make footer stays at bottom even if content is short (also added margin-top: auto; on footer-wrapper*/
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	font-size: 15px;
}

#goTop{
	display: none; 
 	position: fixed; /* Fixed/sticky position */
 	bottom: 20px; /* Place the button at the bottom of the page */
 	right: 30px; /* Place the button 30px from the right */
 	z-index: 99; /* Make sure it does not overlap */
 	border: none; 
 	outline: none; 
 	background-color: #6d439b; /* Set a background color */
 	color: white; /* Text color */
 	padding: 1.3rem; 
 	border-radius: .1rem; /* Rounded corners */
 	transition-duration: 0.2s;
 	opacity: .8;
 	background-image: url('../../img/buttons/go-top.png');
	background-size:20px 20px;
	background-repeat: no-repeat;
	background-position: center;
}
#goTop:hover {
	opacity: 1;
}
/*Design for the Main Navigation (main-nav) including links*/
.main-nav a:link, 
.main-nav-dl{
	color: #ffffffd9;
	font-size: 15px !important;
}
.main-nav a:hover, 
.main-nav a:visited,
.main-nav a:active{
	color:rgb(255,255,255);
	background-color: #6d439b;
}
.main-nav-dl a:hover{ 
	color: rgb(255,255,255);
	background-color:#5b8510;
}
/*.rcef-search-bar,
.rcef-search-bar-icon{
	border-radius: 1px;
	max-width: 350px;
}
.rcef-search-bar:focus,
.rcef-search-bar-icon:focus{
	outline:none;
	box-shadow: none;
}

.rcef-search-bar-icon:hover{
	background-color:#5b8510 !important;
}*/

.dropdown-menu{
	/*margin-top:8px !important;*/
	padding: 0;
	border-radius: 0; 
	font-size: 15px;
	border: 0;
	margin: 0;
	background-color: #5d2f90;
	/*background-color:#f5f3ed;*/
	min-width: 0 !important;
}

/*Style for the collapsible menu*/
.collapsible-menu-wrapper{
	background-color: #5d2f90;
	position: sticky; top:0; 
	z-index: 100;
}
.collapsible-menu-items{
	color:rgb(241,136,33);
}
.collapsible-menu-items ul{
	width:100%;
}
.collapsible-menu-items li{
	padding: 5px 14px 5px 14px;
}
.collapsible-menu-items li:hover{
	background-color: #6d439b;
}
.collapsible-menu-search{
	border-radius: 1px;
	/*max-width: 200px;
*/}
.collapsible-menu-search:focus{
	outline:2px solid rgb(241,136,33);
	box-shadow: none;
}
/*.navbar-toggler{
	border:.1rem solid rgb(255,255,255,0.5) !important;
}
.navbar-toggler:focus{
	outline:none;
}*/
.navbar-toggler {
    width: 30px;
    height: 20px;
    position: relative;
    transition: .5s ease-in-out;
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
    border: 0;
    position: relative;
}

.navbar-toggler span {
    margin: 0;
    padding: 0;
}

.toggler-icon {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 1px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

.middle-bar {
    margin-top: 0px;
}


/* State when the navbar is collapsed */

.navbar-toggler.collapsed .top-bar {
    position: absolute;
    top: 0px;
    transform: rotate(0deg);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
    position: absolute;
    top: 10px;
    filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
    position: absolute;
    top: 20px;
    transform: rotate(0deg);
}

/* when navigation is clicked */

.navbar-toggler .top-bar {
    top: inherit;
    transform: rotate(135deg);
}

.navbar-toggler .middle-bar {
    opacity: 0;
    top: inherit;
    filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
    top: inherit;
    transform: rotate(-135deg);
}

/*Footer1*/
.footerContainer{
	padding-top:1rem;
	padding-bottom: 1rem;
	background-color: #FFFFFF;
	font-size: 15px;
}
.footerContainer a:link,
.footerContainer a:visited{
	color: black;
	font-size: 15px;
	text-decoration: none;
}
.footerContainer a:hover{
	text-decoration: underline;
}
.footerContainer ul{
	margin: 10px;
}

/*Footer2*/
.footer2Container{
	background-color: #5d2f90;
	color:rgb(255,255,255);
	text-transform: uppercase;
	min-height: 20px;
}
.footer2Container a:link,
.footer2Container a:visited{
	color:rgb(255,255,255);
	font-size: 12px;
}
.footer2Container a:hover{
	color:rgb(255,255,255);
	font-size: 12px;
}
.footer2Container li{
	border-left: 1px solid rgb(255,255,255);
	line-height: 2px;
}
.footer2Container li:first-child{
	border-left: none;
}
.bottom-links-container{
	padding:5px 0px;
}
.footer-wrapper{
	margin-top: auto;
}

/*.bottom-links-container ul li a{
	color: white;
	font-weight: bold;
}*/

@media only screen and (min-width: 992px) {
	.div_news_articles{
		height:93%;
	}
}
@media only screen and (min-width: 1200px) {
	.div_news_articles{
		height:93.5%;
	}
}
.div_news_articles{
	background-color:#efe4f6;
}

.gradient-line{
	height: 5px;
	background-color: #5d2f90;
}
.header_lbl{
	background-color: #5d2f90; /*#8d1edf;*/
/*	background-image: linear-gradient(to right, #8d1edf , #550099);*/
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
}
.resources_header_lbl{
	background-color: #8d1edf;
	background-image: linear-gradient(to right, #8d1edf , #550099);
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
}
.news-thumbnail{
	padding: 0;
}
.news-thumbnail img{
/*	background-image: url('../../img/thumbnails/article_watermark.png');*/
	background-size: cover;
	max-height: 114px;
	height: auto;
	background-position: center;
	object-fit: contain;
	object-position: center;
}
.news-thumbnail video{
/*	background-image: url('../../img/thumbnails/article_watermark.png');*/
	background-size: cover;
	max-height: 94px;
	height: 94px;
	background-position: center;
	object-fit: contain;
	object-position: center;
}
.news-photo-container{
	height: 100%;
 	overflow: hidden; /* clip the excess when child gets bigger than parent */
}
.news-photo-container img {
	min-width: 100%;
	min-height: 100%;
  	display: block;
  	transition: transform .4s;   /* smoother zoom */
  	-webkit-backface-visibility: hidden; 
	-ms-transform: translateZ(0); /* IE 9 */
	-webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
	transform: translateZ(0);
}
.news-photo-container video {
	border:1px solid #d3d8de;
    border-radius: 4px;
    padding: 4px;
    background-color: #FFFFFF;
	min-width: 100%;
	min-height: 100%;
  	display: block;
  	transition: transform .4s;   /* smoother zoom */
  	-webkit-backface-visibility: hidden; 
	-ms-transform: translateZ(0); /* IE 9 */
	-webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
	transform: translateZ(0);
}
.article-title{
	line-height: 16px;
}
.article-title a:link{
	font-weight: bold;
	text-decoration: none;
	color: rgba(30,30,30,0.9);
}
.article-title a:hover{
	color: #5d2f90;
}
.article-title a:active, a:visited{
	color: rgb(0,0,0);
}
.article-author{
	font-size:.9em;
	padding: 0;
}
.td-news-content{
    background-color: white;
    -moz-box-shadow: 0 0 5px #676a6c;
    -webkit-box-shadow: 0 0 5px #676a6c;
    box-shadow: 0 0 5px #676a6c;
    cursor: pointer;
}
.news-title{
    font-size: 15px;
    font-weight: bolder;
    color: black;

}
#table_newsCorner tbody tr td a:hover{
	/*color: red!important;*/
	text-decoration: underline;
    text-decoration-color: black;
}
.news-date{
    font-size: 13px;
    font-style: italic;
    color: black;
}
.page-item.active .page-link{
    background-color: #5d2f90;
    border-color: #5d2f90;
}
.page-link{
    color: #6c757d;
}
.page-link:hover{
    color: black;
}
.page-link:focus{
    box-shadow: none;
}
#table_newsCorner_Table_info{
    font-size: 13px;
}
#table_newsCorner_Table_paginate ul li a{
    font-size: 13px;
}
#table_newsCorner_Table_filter label input:focus{
/*    box-shadow: none;
    outline:2px solid #5d2f90;
    border: 1px solid #5d2f90;*/
}
.form-control:focus{
	box-shadow: none;
    outline:2px solid #5d2f90;
    border: 1px solid #5d2f90;
}
.newsCorner-header h2{
	color: #5d2f90;
	font-weight: bolder;
}
@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    #carousel_AdvocacyCorner .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    #carousel_AdvocacyCorner .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) {
    #carousel_AdvocacyCorner .carousel-item {
        margin-right: 0;
    }
    /* show 2 items */
    #carousel_AdvocacyCorner .carousel-inner .active + .carousel-item {
        display: block;
    }
    #carousel_AdvocacyCorner .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
    #carousel_AdvocacyCorner .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    #carousel_AdvocacyCorner .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations */
    #carousel_AdvocacyCorner .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    #carousel_AdvocacyCorner .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    #carousel_AdvocacyCorner .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    #carousel_AdvocacyCorner .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    #carousel_AdvocacyCorner .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    #carousel_AdvocacyCorner .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction */
    #carousel_AdvocacyCorner .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    #carousel_AdvocacyCorner .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    #carousel_AdvocacyCorner .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    /* Show 5th slide on lg if col-lg-3 */
    #carousel_AdvocacyCorner .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    #carousel_AdvocacyCorner .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction //t - previous slide direction last item animation fix */
    #carousel_AdvocacyCorner .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
@media only screen and (min-width: 992px) {
	.resources-content-wrapper{
		border-left: 1px solid #8d1edf;
	}
}
/*Carousel Previous and Next Button*/
.carousel-control-prev, 
.carousel-control-next{
    visibility: hidden;
    transition-duration: 0.2s;
}
.carousel-control-prev{
    background-image: linear-gradient(
        to left, 
        rgba(0,0,0,0), 
        rgba(0,0,0,1)300%
    );
}
.carousel-control-next{
    background-image: linear-gradient(
        to right,
        rgba(0,0,0,0),
        rgba(0,0,0,1)300%
    );
}
.carousel-control-prev-icon,
.carousel-control-next-icon{
    width:2rem;
    height:2rem;
    background-origin: content-box;
    background-color: #5d2f90;
    padding: .5rem;
    border-radius: 50%;
    border:.1rem solid rgb(255,255,255, 0.6);
}
.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover{
    background-color: #6d439b;
}
.carousel:hover .carousel-control-prev, 
.carousel:hover .carousel-control-next{
    visibility: visible;
    opacity: 100%;  
}

/*Design for the image slider bottom indicators*/
.carousel-control-prev, .carousel-control-next{
    width:10%;
}

















/*-- Home page --*/
/*newsUpdates*/
.contentNews-heading{
	background-color: #8d1edf;
	background-image: linear-gradient(to right, #8d1edf , #550099);
}
.news-link{
	color:#550099;
	font-weight: bold;
	text-decoration: none;
	font-size: 15px;
}
.newsDate{
	color:blue;
	font-size:13px;
}
.newsHr{
	height:2px;
	border-width:0;
	background-color:#8d1edf;
}
.news-text{
	font-size: 15px;
	 overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;
}
.updatesHr{
	height:1px;
	width:100%;
	background-color:#ddd;
}

/*events*/
.eventsHr{
	height:1px;
	width:100%;
	background-color:#ddd;
}
.events-link{
	color:#550099;
	font-weight: bold;
	text-decoration: none;
	font-size: 15px;
}
.eventsh4{
	color:blue;
	font-size: 16px;
}

/*feat-videos*/
.featvid-text{
	font-size: 15px;
}
.featVidHr{
	height:1px;
	width:100%;
	background-color:#ddd;
}


/*-- Story --*/
.story-title{
	background-color:#5d2f90;
	border-radius: 0px;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0);
    clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 50%, 90% 0);
    color: white;
}
.h3{
	font-size: 18px;
}
.story-BotLine{
	background-color:white; 
	border-radius: 0px; 
	border-bottom: 10px solid #5d2f90;
}
@media (max-width: 1199px){
  .titleH3{
  	font-size: 15px!important;
  }
}
.div-story-content{
	border-left: 5px solid #5d2f90;
}
.title-header{
	font-size: 18px;
	font-weight: bold;
	color: black;
}
.btn-fb{
	background-color: rgb(59, 89, 152);
	color: white;
	border:none;
	font-size: 15px;
	display: inline-block;
}
.btn-fb:hover{
	text-decoration: none;
	color:white;
}
.btn-twitter{
	background-color: rgb(29, 161, 242);
	color: white;
	border:none;
	font-size: 15px;
	display: inline-block;
}
.btn-twitter:hover{
	text-decoration: none;
	color:white;
}
.btn-messenger{
	background-color: rgb(0, 132, 255);
	color: white;
	border:none;
	font-size: 15px;
	display: inline-block;
}
.btn-messenger:hover{
	text-decoration: none;
	color:white;
}

.float-on-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.float-on-hover:hover {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
@media (max-width: 768px){
  .remove-text{
  	display: none
  }
}
.news-image{
	width: 100%;
	height: 150px;
	border: 4px solid;
	border-radius: 5px;
	border-image: conic-gradient(gray, white, gray, white, gray) 1;
}
.news-content{
	color: black;
}
.m_gndr_cnt{
	position: absolute;
}
.sex_disaggregated_data{
	-moz-box-shadow: 0 0 5px black;
	-webkit-box-shadow: 0 0 5px black;
	box-shadow: 0 0 4px black;
	height:100%;
}
/*.sex_disaggregated_data:hover{
  	-webkit-box-shadow: 0 0 5px 2px black;
    -moz-box-shadow: 0 0 5px 2px black;
    box-shadow: 0 0 4px 2px black;
}
*/
.maleUser .progress-bar{
	background-color: #2d9cd7;
}
.femaleUser .progress-bar{
	background-color: #d34d9c;
}




/*-- Resources page --*/
.pubHeading{
  border-bottom: 2px solid #5d2f90;
  margin-bottom: 10px;
}

.pubHeading div{
  display: inline-block;
  padding: 5px 20px;
  background-color: #5d2f90;
  font-weight: bold;
  color: white;
  font-style: italic;
  font-size: 18px;
}
.coverDiv{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.srs_frontpage{
	width: 183px;
	height: 260px;
	overflow: hidden;
	position: relative;
}

.srs_ar_frontpage{
	width: 283px;
	height: 365px;
	overflow: hidden;
	position: relative;
}

.srs_ar_frontpage_2012{
	width: 283px;
	height: 185px;
	overflow: hidden;
	position: relative;
}

.stories_anihan_frontpage{
	width: 583px;
	height: 215px;
	overflow: hidden;
	position: relative;
}

.stories_anihan_frontpage object{
	width: 600px;
	height: 215px;
}

.stories_anihan_opt2{
	width: 283px;
	height: 210px;
	overflow: hidden;
	position: relative;
}

.stories_anihan_opt2 object{
	width: 300px;
	height: 210px;
}

.stories_anihan_opt3{
	width: 303px; 
	height: 206px;
	overflow: hidden;
	position: relative;
}

.stories_anihan_opt3 object{
	width: 320px;
	height: 206px;
}

.stories_anihan_opt4{
	width: 283px; 
	height: 382px;
	overflow: hidden;
	position: relative;
}

.stories_anihan_opt4 object{
	width: 300px;
	height: 382px;
}

.stories_newsletter_opt1{
	width: 303px; 
	height: 196px;
	overflow: hidden;
	position: relative;
}

.stories_newsletter_opt1 object{
	width: 320px;
	height: 196px;
}

.stories_newsletter_opt2{
	width: 283px; 
	height: 365px;
	overflow: hidden;
	position: relative;
}

.stories_newsletter_opt2 object{
	width: 300px;
	height: 365px;
}


@media (max-width: 991px) {
	.pdf-link-mobile{
		display: inline-block;
	}
	.srs_frontpage,
	.srs_ar_frontpage,
	.srs_ar_frontpage_2012,
	.stories_anihan_frontpage,
	.stories_anihan_opt2,
	.stories_anihan_opt3,
	.stories_anihan_opt4,
	.stories_newsletter_opt1,
	.stories_newsletter_opt2{
		display: none;
	}
}

@media (min-width: 992px) {
	.pdf-link-mobile{
		display: none;
	}
	.srs_frontpage,
	.srs_ar_frontpage,
	.srs_ar_frontpage_2012,
	.stories_anihan_frontpage,
	.stories_anihan_opt2,
	.stories_anihan_opt3,
	.stories_anihan_opt4,
	.stories_newsletter_opt1,
	.stories_newsletter_opt2{
		display: block;
	}
}

.pdfObjectFluid{
	width: 100%;
	height: 700px;
	border: 1px solid #006837;
	box-shadow: 2px 2px 4px #000000;
}

/* NPC Styles */
.npcLogo {
    width: 80%; /* Default for larger screens */
    margin-bottom: 20px;
}

@media (max-width: 992px) {
    .npcLogo {
        width: 35%;
    }
}

@media (max-width: 768px) {
    .npcLogo {
        width: 30%;
    }
}

@media (max-width: 576px) {
    .npcLogo {
        width: 25%;
    }
}