@font-face {
  	font-family: panton;
 	src: url("../../resources/fonts/Panton Font/Panton-Light.otf");
}
@font-face{
  font-family: panton-bold;
 	src: url("../../resources/fonts/Panton Font/Panton-Bold.otf");
}
.panton-bold{
	font-family: panton-bold;
}
@font-face {
  font-family: sf-atarian;
 src: url("../../resources/fonts/SF Atarian/sf atarian system extended bold.ttf");
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top2 {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
  }
} 
/*truncate text to two lines            NEW  NEW  NEW  NEW  NEW  NEW*/
.truncate-2l{
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.truncate-1l{
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@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;
	}
	.article-title-big h2{ 													
/*		font-size: 1rem !important;*/
	}
	.page-title h1, h3{ 													/*NEW UPDATE - MAR 27 2023*/
		font-size: 1.30rem !important;
	}
}
body{
	font-family: panton !important;
	/*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: rgb(241,146,33);
  	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;
}
.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;
}
/*Design for the Main Navigation (main-nav) including links*/
.main-nav a:link, 
.main-nav-dl{
	color: #ffffffd9;
	font-size: 14px !important;
}
.main-nav a:hover, 
.main-nav a:visited,
.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;
}
.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: #006837 !important;
	/*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: rgb(0,94,32);
/*	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: .5rem; 
	color:white; 
	background-color: rgba(0,94,32, 0.9);
	/*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{
/*	font-weight: bold;*/
}
.article-title a:link{
	font-weight: bold;
	text-decoration: none;
	color: rgba(30,30,30,0.9);
}
.article-title a:hover{
	color: #fc7b01;
}
.article-title a:active, a:visited{
	color: rgb(0,0,0);
}
.news-thumbnail{
	padding: 0;
}
.news-thumbnail img{
	background-image: url('../../resources/images/article_watermark.png');
	background-size: cover;
	max-height: 120px;
	background-position: center;
	object-fit: cover; /* update september 2023 */
	object-position: center;
}
.news-article{
	padding:0;
	font-weight: bold;
}
.article-author{
	font-size:.8em;
	padding: 0;
}
.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: 120px;
	max-height: 120px;

 /*  	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: 100px;
	max-height: 120px;
}
/*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: rgb(0,0,0);
	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;
}
/*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.6;
	color: white;
/*	font-family: panton-bold !important;*/
	background-color: gray;
}

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

/* for RPS nav pills */
.rps-pills .nav-link.active,
.infohub-pills .nav-link.active{
	background-color: #006837 !important;
}

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


div[aria-expanded=true] .bi-plus-square {
   display: none;
}
div[aria-expanded=false] .bi-dash-square {
   display: none;
}
div[aria-expanded=true] .btn{
   background-color: #006937 !important;
   border-color: #006937 !important;
   color: white;
}

/* Update 12-12-2024 */
/* Style the element */
.hover-element {
	color: #006837; /* Default color */
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	/* padding: 10px 20px; */
	border-radius: 5px;
	/* transition: all 0.3s ease; Smooth transition */
  }
  
/* Hover effect */
.hover-element:hover {
	color: #FF914D; /* Hover color */
	font-size: 13px; /* Slightly larger font size */
	/* background-color: #333; Add a subtle background color for contrast */
}

.impHeader{
	color: #006837; /* Default color */
	font-family: sans-serif;
	transition: color 0.3s ease;
}

.menu-link.active {
    color: #dc3545; /* Active link color (Bootstrap danger color) */
    font-weight: bold;
}

/* 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%;
    }
}

.bg-supplier{
	background-color: #006937;
	color: white;