File: /var/www/html/lab-portal/assets/custom.css
.bgGrey{
background-color: #f6f6f6;
}
#thirdSection{
padding-bottom: 5em;
}
#fourthSection{
padding: 3em 0;
}
.mapsHead{
font-size: 1.8em;
font-weight: 700;
margin-bottom: 1em;
color: #ea4b21;
}
.countriesName ul{
list-style: none;
padding-left: 0;
}
.countriesName ul li{
color: #ef4a23;
text-align: center;
margin-bottom: 18px;
padding: 10px 0;
cursor: pointer;
font-size: 1.2em;
font-weight: 500;
}
.countriesName ul li.active{
background: #ef4a23;
color: #fff;
font-weight: 500;
border-radius: 5px;
}
#fourthSection .overview{
background-color: #36282e;
padding: 2em;
}
#fourthSection .overview h4{
color: #ef4a23;
}
#fourthSection .overview p{
color: #fff;
font-size: 1.0em;
}
#fourthSection .overview .row{
margin-top: 3em;
}
.mapStat .statName{
color: #fff;
margin-bottom: 0;
font-weight: 500;
min-height: 50px;
}
.mapStat .statNumber{
color: #ef4a23 !Important;
font-size: 1.2em !important;
border-bottom: 1px solid #fff;
font-weight: 500;
width: 85%;
}
.learnMoreMap{
margin-top: 1.5em;
}
.learnMoreMap .btn{
color: #fff;
background-color: #ef4a23;
border-radius: 0;
}
#fifthSection{
background-color: #f5891f;
padding: 5em 0;
}
.ourPartnerHead{
font-size: 2.4em;
font-weight: 700;
color: #fff;
}
.ourPartnersDesc{
color: #fff;
margin-bottom: 2em;
font-size: 1.2em;
}
.singlePartnerHome h4{
color: #fff;
width: 90%;
}
.partnerHomeDesc{
font-size: 1em;
color: #fff;
margin-top: 1em;
margin-bottom: 0;
}
.singlePartnerHome{
border: 1px solid #fff;
padding: 2em;
min-height: 320px;
border-radius: 20px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
transition: 0.3s ease-in-out;
}
.singlePartnerHome:hover .partner-img {
content: attr(data-hover);
}
.singlePartnerHome:hover{
background: #ef4a23;
border: 1px solid #2b2a2a33;
content: attr(data-hover);
}
#sixthSection{
padding: 5em 0;
}
#seventhSection{
padding: 5em 0;
}
.homeNewsHead{
font-size: 1.8em;
font-weight: 700;
margin-bottom: 2em;
}
.newsResourcesContent ul{
font-size: 1.2em;
margin-bottom: 30px;
}
.newsResourcesContent ul li{
font-size: 1.4em;
padding-right: 2em;
position: relative;
padding-bottom: 8px;
color: #f5891f;
}
.newsResourcesContent ul li a{
color: #ef4a23;
}
.newsResourcesContent ul li a:hover{
color: #ef4a23;
}
.newsResourcesContent ul li a.active{
/*border-bottom: 2px solid #79321e!important;*/
background-color: transparent!important;
border-color: #f6f6f6!important;
}
.newsResourcesContent ul li a.active::after{
content: '';
height: 4px;
width: 75%;
/* background: var(--c-secondary); */
position: absolute;
bottom: 0;
left: 0;
background: #f5891f;
}
.homeNewsImg{
display: block;
margin: 0 auto;
max-width: 100%;
height: 300px;
object-fit: cover;
}
.newsSlider .custom-post-item h4{
margin-top: 15px;
font-size: 1.3em;
min-height: 60px;
}
.custom-post-item p{
color: #ef4a23;
font-weight: 500;
}
.newsSlider .custom-post-item h4 a{
color: #000;
text-decoration: none;
}
/*Factory assesment page*/
#example td{
text-align: center;
}
#example i{
color: #f5891f;
font-size: 1.4em;
}
#example i:hover {
color: #79321e;
}
.active>.page-link, .page-link.active{
background-color: #79321e!important;
border-color: #79321e!important;
color: #ffff!important;
}
.page-link:hover{
background-color: #f5891f!important;
color: #ffff!important;
}
.page-link{
color: #79321e!important;
}
.pagination{
float: right;
}
.brand_first{
padding-top: 3em;
}
.brand_first h2{
color: #79321e;
font-size: 2.0em;
font-weight: 700;
margin-bottom: 1em;
}
.brand_first p{
font-size: 1.3em;
line-height: 43px;
text-align: justify;
}
.join_frm{
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
padding: 2em 7em;
}
.wpcf7-submit{
padding: 2px 26px;
background: #f5891f;
color: #fff;
border-radius: 41px;
border: 1px solid #eee;
}
.wpcf7-submit:hover{
background: #79321e;
transform: translateY(-2px);
transition: all .6s linear;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
color: rgb(245 137 31)!important;
}
.search_area{
padding-top: 2em;
}
.search_area a{
color: #79321e;
text-decoration: none;
}
.search_area h2{
margin-bottom: 1em;
}
.search_area p{
font-size: 1.4em;
}
.team-slider.row .col-md-3{
width: 20%;
}
.bw-country-banner__info {
background: #ef4a23;
padding: 40px 50px;
width: 690px;
min-height: 480px;
max-width: 100%;
}
.bw-country-banner__info h4 {
color: yellow;
margin-bottom: 15px;
}
.bw-country-banner__info h1 {
color: #fff;
position: relative;
margin-bottom: 15px;
padding-left: 40px;
font-size: 40px;
}
.bw-country-banner__info p {
color: #fff;
margin-bottom: 0;
font-size: 1.2em;
}
.bw-country-banner__info-items {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
row-gap: 15px;
}
.bw-country-banner__info h1::before {
content: '';
position: absolute;
display: inline-block;
left: 0;
width: 20px;
height: 22px;
top: .5em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 11L0 0V22L20 11Z' fill='%23EAAA0F'/%3E%3C/svg%3E%0A");
}
.bw-country-banner__info-item {
padding-bottom: 15px;
width: calc(50% - 15px);
border-bottom: 1px solid #fff;
}
.bw-country-banner__info-item h6 {
color: #fff;
margin-bottom: 5px;
}
.bw-country-banner__info-item h3 {
color: #fff;
margin-bottom: 1px;
margin-top: 20px;
font-weight: 700;
}
.content_side{
padding: 1em;
}
.content_side h2{
padding: 1em;
color: #36272c;
font-weight: 600;
font-size: 2em;
}
/*left section countrypage*/
.bw-info-block.country .bw-info-block__sidebar>a {
display: inline-block;
margin-bottom: 50px;
line-height: 1;
}
.bw-info-block.country .bw-info-block__sidebar>ul {
margin: 0;
padding: 0;
list-style: none;
border-collapse: collapse;
}
.bw-info-block.country .bw-info-block__sidebar>ul li.active {
background: #e7e7e7;
position: relative;
}
.bw-info-block.country .bw-info-block__sidebar>ul li.active::before {
content: '';
position: absolute;
left: -1px;
top: 0;
height: 100%;
width: 5px;
background: #c74724;
}
.bw-info-block.country .bw-info-block__sidebar>ul li.active a {
color: #c74724;
}
/*
.bw-info-block.country .bw-info-block__sidebar {
width: 300px;
}
*/
.bw-info-block.country .bw-info-block__sidebar>ul li {
border: 1px solid rgb(165 165 165 / 20%);
font-weight: 700;
color: #201d1d;
}
.bw-info-block.country .bw-info-block__sidebar>ul li a {
padding: 22px 35px 17px 35px;
display: block;
line-height: 1.8;
color: #3c3c3c;
text-decoration: none;
}
.pie-chart {
position: relative;
width: 200px;
height: 200px;
}
.pie-segment {
fill: transparent;
stroke-width: 100px;
stroke-linecap: round;
transform: rotate(-90deg);
transform-origin: 50% 50%;
}
.segment-1 { stroke: #f58220; }
.segment-2 { stroke: #007bff; }
.segment-3 { stroke: #28a745; }
.segment-text {
font-family: Arial, sans-serif;
font-size: 16px;
fill: #000;
opacity: 0;
transition: opacity 0.3s;
}
.pie-segment:hover + .segment-text {
opacity: 1;
}
.overview {
display: none;
}
.overview.active{
display: block;
}
.single-news h4{
font-size: 1.1em;
margin-top: 1em;
color: #36282e;
min-height: 75px;
}
.single-news{
margin-bottom: 2em;
}
.single-news img{
margin: 0 auto;
max-width: 100%;
height: 220px;
object-fit: cover;
border-radius: 20px;
}
.country_team h4{
color: #36282e;
font-size: 1.2em;
margin-top: 1em;
text-align: center;
}
.country_team h6{
color: #ea4b21;
text-align: center;
}
.country_team{
margin-bottom: 2em;
border : 2px solid #eee;
}
.country_head{
color: #36282e;
font-size: 1.8em;
margin-bottom: 1em;
margin-left: 1em;
}
.country_head span{
color: #f5891f;
}
.anchor_link{
color: #36282e;
text-decoration: none;
}
.anchor_link:hover{
color: #f5891f;
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output{
border-color: #4caf50!important;
}
.right_div h3{
font-size: 1.2rem!important;
margin-top: 1em;
color: #ea4b21;
}
.program_governance{
background: #f5891f;
padding-top: 2em;
padding-bottom: 2em;
}
.program_governance .ourPartnerHead{
margin-bottom: 1em;
}
.public-resources{
padding-top: 2em;
padding-bottom: 2em;
}
.home_normal_news_bg img{
margin: 0 auto;
max-width: 100%;
height: 300px;
object-fit: cover;
}
.news_home{
border: 1px solid #eee;
padding: 10px;
margin-bottom: 2em;
}
.news_home h4{
font-size: 1.2em;
margin: 1em auto;
}
.public-link,.lrm-hide-if-logged-in{
color: #f5891f;
text-decoration: none;
}
.userLoggedout {
position: absolute;
margin-top: -12em;
/* width: 100px; */
/* font-size: 1.6em; */
margin-left: 6em;
}
.userLoggedout svg{
width: 100px;
height: 100px;
color: #ea4b21;
}
.public-resources p{
font-size: 1.6em;
font-weight: 600;
color: #f5891f;
}
.singlePdfFile img{
margin: 0 auto;
max-width: 100%;
height: 200px;
object-fit: cover;
display: block;
}
.singlePdfFile a{
text-decoration: none;
}
.singlePdfFile h5{
margin-top: 1em;
margin-bottom: 2em;
text-align: center;
color: #f5891f;
}
.singlePdfFile{
border: 1px solid #eee;
padding: 12px;
border-radius: 5px;
margin-bottom: 2em;
}
.resetFolders{
text-decoration: none;
float: right;
font-size: 1.2em;
color: #ea4b21;
font-weight: 600;
}
.resetFolders:hover{
color: #f5891f;
}
.public_resources a{
color: #f3642c;
text-decoration: none;
}
.bannerHighlight h3{
min-height: 90px;
}
.table_head td{
background: #f5891f;
color: white;
text-align: center;
}
.table_stake td{
text-align: center;
}
.join_brand{
border: 2px solid #eee;
padding: 15px;
background: #f5891f;
border-radius: 10px;
}
.join_brand h4{
color: #ffff;
margin-top: 1em;
}
.join_brand p{
color: #ffff;
margin-top: 1em;
}
.bottom_border_dashed {
border-bottom: 3px dashed #f5891f;
padding-top: 1em;
padding-bottom: 1em;
}
.benefit_content p{
min-height: 200px;
}
/*Responsive*/
@media (max-width: 768px) {
.bannerHead {
font-size: 1.6em!important;
margin-top: 1em!important;
padding-left: 1em!important;
padding-right: 0em!important;
}
.banner_point {
margin-left: 0em!important;
gap: 0em!important;
}
.banner_point li {
font-size: 0.7em!important;
}
#secondSection .row {
position: static!important;
/* top: 70em; */
width: 100%!important;
margin-top: 1em!important;
}
.top-space {
padding-top: 1em;
}
.mapsHead{
text-align: center;
}
}