@font-face {
  	font-family: panton;
 	src: url("../../resources/fonts/Panton Font/Panton-Light.otf");
}
@font-face {
  	font-family: sf-atarian;
 	src: url("../../resources/fonts/SF Atarian/sf atarian system extended bold.ttf");
}
@media (max-width: 990px) {
  	.footerContainer {
    	text-align: center;
	}
	.footerContainer ul{
		margin-top: 1rem;
		padding: 0;
	}
	.footerContainer li{
		list-style-type: none;
	}
	.available-technologies img{
		pointer-events: none;
	}
	.rcef-updates img{
		padding-top: none;
	}
	.footer2Container li{
		border-left: none !important;
		width: 100%;
		text-align: center !important;
	}
	.content-wrapper{
		border: none !important;
		padding-top: 1rem;
	}
	.content-title{
		text-align: left !important;
	}
}
body{
	font-family: arial;
	/*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;
}
html{
	/*scroll-behavior: smooth;*/
}
body::-webkit-scrollbar {
	width: .4rem;
}
body::-webkit-scrollbar-track {
	/*box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
	background-color: rgba(10,10,10,0.1);
}
 
body::-webkit-scrollbar-thumb {
	background-color: #676a6c;
  	border-radius: 6.25rem;
  	/*outline: 1px solid slategrey;*/
}

#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: #006837; /* 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('../../resources/buttons/go-top.png');
	background-size:20px 20px;
	background-repeat: no-repeat;
	background-position: center;
}
#goTop:hover {
	opacity: 1;
}

#feedback_link_home{
	position: fixed;
 	bottom: 20px;
 	left: 30px;
 	z-index: 99;
}

.feedback_link .header{
	color: #006837;
}

.feedback_link .subHeader{
	font-size: 0.6rem;
}

.feedback_link a{
	color: black;
}

.main-header{
	background-color: rgb(0,105,55);	
}
.header-logo{
	/*max-width: 150px !important;*/
}
.gradient-line{
	height: 3px;
	background-image: linear-gradient(
	    to right,
	    rgb(241,136,33),
	    green,
	    rgb(243,101,35),
	    green,
	    rgb(243,101,35),
	    rgb(241,136,33)
	  );
}

/*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: rgb(0,94,32,0.8);
	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: rgb(241,146,33,0.8);
}
.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:5%;
}
/*carousel-indicators{
	position: relative;
}
.carousel-indicators > li{
	border-radius: 50%;
	width:10px;
	height:10px;
	background-color: black;
}*/

.green-text{
	color: #006837;
}
.orange-text{
	color:rgb(241,146,33);
}
.left-green-line{
	border-left: .4rem solid #006837;
	padding-left: .3rem;
}
/* Quotation mark was used in testimonial section */
.quotation-mark{
	font-family: sf-atarian !important;
	color:rgb(241,146,33);
	margin: 0 !important;
	height:70px;
	font-size: 150px;
	transform: scaleY(1.4);
	line-height: normal;
}
.quotation-mark {
	quotes: "“" "”";
}
.quotation-mark::before {
 	content: open-quote;
}

.navbar-brand:link,
.navbar-brand:visited{
	color: #fff !important;
}

.navbar-brand:hover,
.navbar-brand:active{
	color: #f7931e !important;
}

/*Design for the Main Navigation (main-nav) including links*/
.main-nav a:link, 
.main-nav a:visited,
.main-nav-dl{
	color: #fff;
	font-size: 0.9rem !important;
}

.main-nav a:focus,
.main-nav a:hover{
	color: #fff;
	background-color: #5b8510;
}

.main-nav a:active{
/*	color:rgb(255,255,255);*/
/*	background-color: #5b8510;*/
}
.main-nav-dl a:hover{ 
	color: rgb(255,255,255);
	background-color:#5b8510;
}
.search-bar,
.search-bar-icon{
	border-radius: 1px;
	max-width: 350px;
}
.search-bar:focus,
.search-bar-icon:focus{
	outline:none;
	box-shadow: none;
}

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

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

.sm-links a{
	padding-left: 5px;
}

/*Style for the collapsible menu*/
.collapsible-menu-wrapper{
	background-color: rgb(0,105,55);
	/*color:rgb(255,255,255);*/
}
.collapsible-menu-items{
	color:rgb(241,136,33);
}
.collapsible-menu-items ul{
	width:100%;
}
.collapsible-menu-items li{
	margin:10px;
}
.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;
}*/

/*Standard Container*/
.standard-container{
	padding-top: 3rem;
	padding-bottom: 3rem;
}

/*About RCEF Mech Program Section*/
.about-rcef-section{
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.about-rcef-description{
	border-left: .30rem solid #006837;
	padding-left: .80rem;
}
.rtl-video-container{
	padding: 50px;
	/*border: 3px solid rgb(0,94,32);*/
}
.rtl-video:focus{
    outline: none;
}
.about-rcef-btn,
.view-exhibit-btn{
	width: 15rem;
	color: rgb(241,146,33);
	background-color:transparent;
	border: 2px solid rgb(241,146,33);
	transition-duration: 0.4s;
	padding: 5px;
	border-radius: 50px;
	font-weight: bold;
}
.about-rcef-btn:hover,
.view-exhibit-btn:hover{
 	background-color: rgb(241,146,33);
 	color: rgb(255,255,255); 
}
.about-rcef-btn:focus,
.view-exhibit-btn:focus{
	outline: none;
}

/*Data Analytics Section*/
.data-analytics-section{
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.data-analytics-wrapper{
	background-color: rgba(0,0,0,0.1);
	padding: 3rem;
	background-image: url('../../resources/images/analytics-bg.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
}
.view-graphs-btn{
	width: 15rem;
	color: rgb(0,94,32);
	background-color:transparent;
	border: 2px solid rgb(0,94,32);
	transition-duration: 0.4s;
	padding: 5px;
	border-radius: 50px;
	margin-top: 20px;
	font-weight: bold;
}
.view-graphs-btn:hover{
 	background-color: rgb(0,94,32);
 	color: rgb(255,255,255); 
}
.view-graphs-btn:focus{
	outline: none;
}

/*RCEF info section*/
.rcef-info-section{
	background-color: rgba(30,30,30,0.9);
	padding:.1rem;
}
.rcef-info-section button{
	min-width: 226px;
	max-width: 100%;
	font-weight: bold;
	margin: .5rem;
}

/*Virtual Exhibit Section*/
.virtual-exhibit-section{
	padding-top: 3rem;
	padding-bottom: 3rem;
	background-color: rgb(239,239,239);
	/*background-image: url('./resources/images/pattern1.png');
	background-size:cover;
	background-repeat: repeat;
	background-position: center;*/
}
.virtual-exhibit-description{
	border-right: .30rem solid rgb(241,146,33);
	padding-right: : .80rem;
}

.exhibit-description-wrapper{
	background-color: rgb(255,255,255);
}

/*RCEF components main container*/
.technologies-section{
	padding-top: 3rem;
	padding-bottom: 3rem;
	/*background-color: rgb(249,243,243);*/
	background-color: rgb(252,248,236);
}
/*RCEF components "READ MORE" buttons*/
.technologies-section-btn{
	width: 120px;
	color: rgb(255,255,255);
	border: none;
	background-color: #006837;
	transition-duration: 0.4s;
	padding: .1rem;
}
/*RCEF components hover effects for buttons*/
.technologies-section-btn:hover{
	transform:translatey(1px);
  	box-shadow:0 20px 30px -10px #666; 
}
.available-technologies img{
	margin-bottom: 1rem;
	display: block;
	transition: transform .4s;
	-webkit-backface-visibility: hidden; 
	-ms-transform: translateZ(0); /* IE 9 */
	-webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
	transform: translateZ(0);
}
.available-technologies img:hover{
	transform: scale(0.9);
	transform-origin: 50% 50%;
}
.available-technologies span{
	overflow: hidden;
	white-space: nowrap;
}
.machine-info{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.other-technologies{
	padding-top: .3rem;
	padding-bottom: 2rem;
}
.other-technologies a{
	border: .1rem solid rgba(30,30,30,0.9);
	color: rgba(30,30,30,0.9);
	text-decoration: none;
	padding-left: .5rem;
	padding-right: .5rem;
	border-radius: 10px 10px 10px 10px;
	text-align: center;
	transition-duration: 0.4s;
}
.other-technologies a:hover{
	background-color: rgba(30,30,30,0.9);
	color: white;
}
/*RCEF news and stories main container*/
.rcef-news-section{
	padding-top: 3rem;
	padding-bottom: 3rem;
	/*border-top: 5px solid rgb(243,101,35); orange line*/
	/*border-bottom: 5px solid rgb(0,94,32); green line*/
}
.rcef-news-section-wrapper{
	border-bottom: .3rem solid #006837;
}
.rcef-news-section img{
	/*max-width: 200px;*/
}
.news-section-title-container{
	border-bottom: .3rem solid #006837;
	margin-bottom: 1rem;
}
.news-section-title{
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: .5rem;  
	color:white; 
	background-color: #006837;
	margin: 0;
	border-bottom: .1rem solid white;
}
.news-section-title-container .col{
	padding: 0;
}
.news-left-column{
	padding: 0; 
	margin-bottom:1rem;
}
.article-title-wrapper:first-child{
	padding-top: 0;
}
.article-title-wrapper{
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin: 0 .5rem 0 .5rem;
	border-bottom: .1rem solid rgb(0,94,32);
}
.article-title-wrapper:last-child{
	border-bottom: 0;
}
.article-title-big{
	font-size:1.5em;
	/*position:absolute; 
	bottom:0;*/
	padding: 1rem; 
	color:black; 
	background-color: rgb(240,240,240,0.6);
	/*background-image: linear-gradient(
		to bottom, 
		rgba(0,0,0,0.9),
		rgba(0,0,0,0.9) 80% 
	); */
	width:100%;
}
.news-left-column:hover .article-title-big{
	/*color: rgb(241,146,33);*/
}
.article-title a:link,
.article-title a:visited{
	font-weight: bold;
	text-decoration: none;
	color: rgba(30,30,30,0.9);
}
.article-title a:active,
.article-title a:hover{
	color: #006837 !important;
}
 
.news-thumbnail{
	padding: 0;
}
.news-thumbnail img{
	background-image: url('../../resources/images/article_watermark.png');
	background-size: cover;
	max-height: 120px;
	height: 120px;
	background-position: center;
	object-fit: contain;
	object-position: center;
}
.news-article{
	padding:0;
	font-weight: bold;
}
.article-author{
	font-size:.8rem;
	padding: 0;
}
.news-photo-container{
	/*height: 100%;*/
	width: 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 {
	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);
}
/*hover effect on news thumbnail*/
/*.news-photo-container:hover img {
	transform: scale(1.2);
	transform-origin: 50% 50%;
}*/
.show-more-news a{
	background-color: rgba(30,30,30,0.9);
	color: white;
	text-decoration: none;
	/*padding: .1rem 1rem .1rem 1rem;*/
	border-radius: 10px 10px 10px 10px;
	text-align: center;
	transition-duration: 0.4s;
}

/*Machinery Distribution Section*/
.machinery-distributions-section{
	padding-top: 3rem;
	padding-bottom: 3rem;
	background-image: url('../../resources/images/distribution-bg.png');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
}
.machinery-distributions-section h2 b{
	background-color: rgba(255,255,255,0.3);
	padding: .1rem;
	border-radius: .1rem;
}
.video-title{
	width:100%;
	position:absolute;
	bottom:0;
	background-color:#006837;
	padding:10px;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	transition-duration: 0.3s;
  	color: rgb(255,255,255);
}
/*.video-title a:link, a:visited{
	color: rgb(255,255,255);
}*/
.item a:hover .video-title{
	background-color:rgb(0,0,0,0.8);
}
/*"View More Videos" button*/
.machinery-distribution-btn{
	min-width: 220px;
	color: rgb(0,94,32);
	background-color: rgb(255,255,255,0.6);
	border: 2px solid rgb(0,94,32);
	border-radius: 50px;
	transition-duration: 0.4s;
	padding: 5px;
	font-weight: bold;
}
/*"View More Videos" button hover effect*/
.machinery-distribution-btn:hover {
 	background-color: rgb(0,94,32);
 	color: rgb(255,255,255);
}
.machinery-distribution-btn:focus{
	outline: none;
}

.owl-dots button:focus{
	outline: none;
}
.owl-dot span{
	background-color: #006837 !important;
}
.owl-dot.active span,
.owl-dot span:hover{
	background-color: #f19221 !important;
}

/*Testimonial Section*/
.testimonials-section{
	padding-top: 3rem;
	padding-bottom: 3rem;
	background-image: url('../../resources/images/testimonial-bg.png');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
}
.testimonial-wrapper{
	padding: 0 30px 30px 30px;
	/*background-color: rgba(255,255,255);*/
	font-size: 16px;
	/*border: 1px solid rgba(0,0,0,0.3);*/
	background-image: url('../../resources/testimonials-thumbnail/testimonials-bg.png');
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
}
.testimonial{
	/*overflow: hidden;*/
	/*padding-top:20px;*/
	/*display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;*/
	overflow-y: scroll;
	max-height: 4em;
}
.testimonial::-webkit-scrollbar {
	width: .5em;
}
.testimonial::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: transparent;
	border-radius: 100px 100px 100px 100px;
}
.testimonial::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,0.7);
	border-radius: 100px 100px 100px 100px;
	/*outline: 1px solid slategrey;*/
}
.fca-name{
	/*padding: 10px;*/
}
.fca-photo-container{
	max-width: 150px;
}
.yellow-underline{
	width:30rem;
	height: 1px;
	background-color: rgb(241,146,33);
	border-radius: 200px 200px 200px 200px;
	margin-bottom: 10px;
}
.testimonials-thumbnail{
	max-width: 120px;
	border-radius: 50%;
	/*box-shadow: 10px 10px 1px rgba(0,94,32);*/
}
.benificiary-name{
	background-color: #006837;
	/*border-radius: 50px;*/
	/*padding: 8px;*/
	/*margin: 5px;*/
	color: white;
	display: inline-block;
}
.benificiary-info{
	/*text-align:left;*/
	/*font-weight: bold;
	line-height: normal;*/
}
.fca-position{
	font-size: 15px;
	padding:0;
}

/*Footer1*/
.footerContainer{
	padding-top:1rem;
	padding-bottom: 1rem;
	background-color: rgb(32,32,32);
	color: rgb(102,102,102);
	font-size: 15px;
	font-weight: bold;
}
.footerContainer a:link,
.footerContainer a:visited{
	color: rgb(241,146,33);
	font-size: 12px;
	text-decoration: none;
}
.footerContainer a:hover{
	color: rgb(255,255,255);
}
.footerContainer li{
	/*list-style-type: none;*/
}
.footerContainer ul{
	margin: 10px;
}

/*Footer2*/
.footer2Container{
	background-color: #006837;
	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;
	border-top: 0.3rem solid #006837;
	font-size: 0.8rem;
}
/*For font color - knowledge bank

Legend: 
	lp (land preparation)
	pe (plant-establishment)
	hv (harvesting)
	dr (drying)
	ml (milling) 

*/
.text-lp{
	color: #006837;
}
.text-pe{
	color: #3e4519;
}
.text-hv{
	color: #75550a;
}
.text-dr{
	color: #b05818;
}
.text-ml{
	color: #c6910d;
}

/*For background color - knowledge bank*/
.bg-lp{
	background-color: #006837;
}
.bg-pe{
	background-color: #3e4519;
}
.bg-hv{
	background-color: #75550a;
}
.bg-dr{
	background-color: #b05818;
}
.bg-ml{
	background-color: #c6910d;
}

/*Buttons for questions*/
.btn-lp{
	border: none;
	background: linear-gradient(to right, #014b00, #399120, white 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .5s ease-out;
}
.btn-pe{
	border: none;
	background: linear-gradient(to right, #3e4519, #697d02, white 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .5s ease-out;
}
.btn-dr{
	border: none;
	background: linear-gradient(to right, #d3570c, #f88a33, white 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .5s ease-out;
}
.btn-hv{
	border: none;
	background: linear-gradient(to right, #b05818, #9c6701, white 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .5s ease-out;
}
.btn-ml{
	border: none;
	background: linear-gradient(to right, #c6910d, #fdaf11, white 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .5s ease-out;
}
.btn-lp:hover, .btn-pe:hover, .btn-hv:hover, .btn-dr:hover, .btn-ml:hover{
	background-position: left bottom;
	color: white !important;
	font-weight: normal !important;
}

.kb-logo{
	transition: all .2s ease-out;
}
.kb-logo:hover{
	opacity: 1 !important;
}

.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);
}





/*FOR TESTING-ONLY.HTML*/
.img-samp {
    position:relative;
    display:inline-block;
}
.overlay {
    display:none;
    -webkit-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
    -moz-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
    -o-transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
    transition: all 0.2s ease-in-out, width 0, height 0, top 0, left 0;
}
.img-samp:hover .overlay {
	color: white;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.8);
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;

    /* All other styling - see example */

}

.social-media-links i:hover{
	color: #ed8100 !important;
}

/*--OtherGraphs*/
.sub-graph{
-moz-box-shadow: 0 0 5px black;
-webkit-box-shadow: 0 0 5px black;
box-shadow: 0 0 5px black;
}
.sub-graph:hover{
  -webkit-box-shadow: 0 0 5px 2px black;
    -moz-box-shadow: 0 0 5px 2px black;
    box-shadow: 0 0 5px 2px black;
 }
.list-group-item span{
 	color: black;
}
/*.list-group-item span:active{
 	background-color:rgb(241,146,33)!important;
 }*/

.submenu_pageActive{
	background-color:rgb(241,146,33);
}
.submenu_pageActive:hover{
	background-color:rgb(241,146,33)!important;
}
.submenu_pageActive:active{
	background-color:rgb(241,146,33)!important;
}
.submenu_pageActive:focus{
	background-color:rgb(241,146,33)!important;
}

/* line style for y4m webpages */
.nav-pills .nav-link:focus,
.nav-tabs .nav-link:focus{
	outline: none !important;
}

.nav-pills .nav-link,
.nav-tabs .nav-link{
	opacity: 0.4;
	/*color: #C32123;*/
	font-family: arial-bold !important;
	background-color: transparent;
}

.nav-pills .nav-link.active,
.nav-tabs .nav-link.active{
	opacity: 1 !important;
	background-color: transparent;
}

.y4m-form input:focus,
.y4m-form select:focus,
.y4m-form button:focus{
	outline: none !important;
	box-shadow: none;
}

.coatOfArms,
.philmechLogo{
	height: 95px;
}

.bagongPilipinas{
	height: 110px;
}

.header{
	line-height: 1rem;
	font-size: 0.9rem;
}

.header .philmechTxt{
	line-height: 1.4rem;
}

.philmechTxt{
	font-family: verdana;
}

.navbar-brand {
	font-size: 14px;
}

.nav-link-person{
/*	padding-x: 0 !important;*/
}

.sectionHeader{
	border-radius: 5px;
	color: white;
	background-color: #006837;
	font-weight: bold;
	padding: 6px;
}

.viewMoreBtn{
	padding: 3px 5px;
	font-size: 0.7rem;
}

.news-home-section{
	border-bottom: 0.3rem solid #006837;
}

/*.img-thumbnail {
	 padding: 0; 
	 border: none; 
	 border-radius: 0; 
}*/

.btn-home,
.btn-page,
.btn-nav-left {
    padding: 3px 5px;
    width: 180px;
    color: white !important;
    background-color: #006837;
}

.btn-page{
	padding: 4px;
	margin-right: 10px;
}

.btn-nav-left{
	width: 100%;
	padding: 4px 8px;
	text-align: left;
}

.coat-of-arms-footer{
	width: 120px;
}

.dropright .dropdown-menu {
    left: 99%;
}

.other-logos{
	height: 175px;
}

.programs-text{
	font-weight: 600;
}

.watch-btn{
	background-color: #006837;
	color: white;
	font-size: 0.8rem;
	border-radius: 30px;
	width: 125px;
}

.learn-more-btn{
	background-color: #006837;
	color: white;
	font-size: 0.8rem;
	border-radius: 30px;
	width: 155px;
}

.learn-more-btn:hover,
.watch-btn:hover{
	color: white;
}

.learn-more-btn .fa,
.watch-btn .fa{
	font-size: 1.2rem;
}

.learn-more-btn .bdg,
.watch-btn .bdg{
	height: 2rem;
	width: 2rem;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%; /* may require vendor prefixes */
	border: 1px solid white;
}

.learn-more-btn .badge,
.watch-btn .badge{
	text-align: center;
	vertical-align: middle;
	border: 1px solid white;
	/*padding-bottom: 2px;
    padding-left: 0.55rem;
    padding-right: 0.5rem;*/
    padding: 0.14em 0.5rem 0.32em 0.6rem;
    top: 0;
    right: -4px;
}

.tech-category-container{
	width: 274px;
}

.tech-category-images{
	height: 150px;
}

.ims-logos,
.transparency-logos{
	width: 167px;
}

.other-links-home{
	width: 90px;
}

.other-links-logos{
	width: 100px;
}

.bcrumb a:link, 
.bcrumb a:visited,
.footer-links a:link, 
.footer-links a:visited{
	color: black;
}

.bcrumb a:focus,
.bcrumb a:hover,
.footer-links a:focus,
.footer-links a:hover{
	color: black;
}

.bcrumb .breadcrumb-title{
	text-decoration: underline;
}

.social-media-logos{
	width: 45px;
}

.pageTitle,
.pageContent .subTitle{
	color: #006837;
}

.pageTitle{
	border-bottom: 1px solid #006837;
	font-weight: 600;
	margin-bottom: 30px;
}

.subTitle{
	color: #006837;
	font-weight: 600;
}

.noBorders{
	border: none !important;
}

.publicationThumbnail{
    width: 170px;
    border: 1px solid black;
    box-shadow: 2px 2px 4px #000000;
}

.borderBottom{
	border-bottom: 1px solid #006837;
}

.lineSeparator{
	border: 1px solid #006837;
}

.footer-wrapper .lineSeparator{
	width: 50px;
}

.card-header{
	background-color: #006837;
	color: white;
	padding: 5px 10px;
}

.pageContent{
	/*border-left: 1px solid #006837;*/
    margin: 0 auto;
    /*min-height: 600px;*/
}

/*.pageContent button{
	background-color: #006837;
}*/

.btn-success,
.btn-primary{
	background-color: #006837 !important;
}

.pageNavTop{
	margin-bottom: 0.5rem;
}

.storyLink a:link, 
.storyLink a:visited,
.storyLink a:focus,
.storyLink a:hover{
	color: black;
}

/* PAGINATION */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  border-color: #DDDDDD;
  cursor: default;
  z-index: 2;
}
.pagination > li > a,
.pagination > li > span {
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  color: inherit;
  float: left;
  line-height: 1.42857;
  margin-left: -1px;
  padding: 4px 10px;
  position: relative;
  text-decoration: none;
}
.page-item.active .page-link {
  background-color: #28a745;
  border-color: #28a745;
}
.page-link:focus {
  box-shadow: none;
}
.page-link:hover {
  color: #676a6c;
}
.pagination .footable-page.active a {
  background-color: #28a745;
  border-color: #28a745;
  color: white;
}

.img-staff{
	border: 1px solid #006837;
	box-shadow: 2px 2px 4px #000000;
}

.scientificLiteratureTitle{
	border-radius: 5px;
	background-color: #006837;
	color: white;
	padding: 10px;
	text-align: center;
	font-weight: bold;
}

.pubHeading{
  border-bottom: 2px solid #006837;
  margin-bottom: 10px;
}

.pubHeading div{
  display: inline-block;
  padding: 5px 20px;
  background-color: #006837;
  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;
}

.input-group.has-success label {
    color: #00a65a
}

.input-group.has-success .form-control,.input-group.has-success .input-group-addon,.input-group.has-success .input-group-text {
    border-color: #00a65a;
    box-shadow: none;
    color: #00a65a;
}

.input-group.has-success .help-block {
    color: #00a65a
}

.input-group.has-warning label {
    color: #f39c12
}

.input-group.has-warning .form-control,.input-group.has-warning .input-group-addon {
    border-color: #f39c12;
    box-shadow: none
}

.input-group.has-warning .help-block {
    color: #f39c12
}

.input-group.has-error label {
    color: #dd4b39
}

.input-group.has-error .form-control,.input-group.has-error .input-group-addon,.input-group.has-error .input-group-text {
    border-color: #dd4b39;
    box-shadow: none;
    color: #dd4b39;
}

.input-group.has-error .help-block {
    color: #dd4b39
}

.login-box{
  border-radius: 0.3rem;
  /*-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(*/0, 0, 0, 0.19);
  border-radius: 5px;
  border: 1px solid gray;
  /*background: #66b225;*/
  /*width: 400px;*/
}

.login-header{
  background-color: #cccccc;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.login-box-msg{
  font-weight: bold;
}

.login-logo img{
  width: 300px;
  display: none;
}

.login-box-body{
  /*background-color: #f2f2f2;*/
}

.login-box .messages{
  flex: 100%;
}

.login-box .messages p{
  margin-bottom: 0;
}

/* SPINNER */
.spinner {
  margin: 0 auto 0;
  width: 70px;
  height: 20px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
/* end SPINNER */

img.social-media{
	width: 45px;
}

/*RIGHT NAV LINKS*/
.pageNavRight a:link, 
.pageNavRight a:visited{
	color: #006837;
	font-size: 0.9rem !important;
	display: block;
	font-weight: 600;
}

.pageContent a:link, 
.pageContent a:visited{
	/*font-weight: normal;
	font-size: inherit !important;*/
	color: #006837;
}

.pageContent a:focus,
.pageContent a:hover{
	text-decoration: none;
	color: #FF914D;
}

.pageNavRight a:focus,
.pageNavRight a:hover{
	text-decoration: none;
	color: #FF914D;
}

.pageNavRight .selected,
.pageContent .selected{
	color: #FF914D !important;
}


/*BREADCRUMB NAV LINKS*/
.breadcrumbContent a:link, 
.breadcrumbContent a:visited,
.breadcrumbContent{
	color: black;
	font-size: 0.8rem;
	font-weight: 600;
}

.breadcrumbContent a:focus,
.breadcrumbContent a:hover{
	text-decoration: none;
	color: #FF914D;
}

.breadcrumbContent .selected{
	color: #006837;
	text-decoration: underline;
}

.rcef-btn{
	background-color: #006837;
}

.cfidp-btn{
	background-color: #5D720B;
}

.afmechern-btn{
	background-color: #228800;
}

.gad-btn{
	background-color: #5D2F90;
}

.dvlp-btn{
	background-color: #3C7B65;
}

.mrgng-btn{
	background-color: #0C2B85;
}

.cmmrc-btn{
	background-color: #A71606;
}

.custom-footer-left-container{
/*	width: 365px;*/
	width: 33%;
	padding: 0 15px;
}

.custom-footer-middle-container{
/*	width: 300px;*/
	width: 33%;
	padding: 0 15px;
}

.custom-footer-right-container{
/*	width: 235px;*/
	width: 31%;
	padding: 0 15px;
}



.iFramecontainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 43%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.virtual-tour-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.opaque{
	background: rgba(0, 0, 0, 0.4);
}

.boxShadow{
	box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

@media (max-width: 576px) {
	.npcLogo {
		width: 40% !important;
		margin-bottom: 20px;
	}
}

.modal-header{
	background-color: #006837;
}