/* you can add your own custom css here if you don't want to worry about SASS/SCSS */

.logo {
    width: 200px;
    margin:20px 0px;
}


.socialsmodule {
	text-align: center;
}
.socialsmodule a i {
	margin: 5px ;
font-size: 30px;
}

.headersocials {
	text-align: right;
}
.headersocials a i {
	margin: 5px ;
font-size: 30px;
}
.headersearch{
    margin-top:20px;
    margin-bottom:20px;
    
}
.headersearch form{
    width: 300px;
}
.dropdown:hover .dropdown-menu {
  display: block;
font-size: 1.1rem;
}


.nav-item{
    text-transform: uppercase;
}
a.nav-link{
    color: #FFF;
    font-weight: 600;
    margin-right: 50px;
}
a:hover{
    text-decoration: none;
}

.footer a.nav-link{
    color: #FFF;
    font-weight: 300;
    margin: 0px;
    padding: 0px;
}
.footer a.nav-link:hover{
    color: #000;

}
.breadcrumb{
font-size: 16px;
    margin-top: 20px;
}


.wFormHeader{
    display: none;
}

.footerlogo {
    text-align: right;
}.footerlogo img {
    width: 60%;
}
h3{
    font-size: 1.68rem;
}
h3, h5{
    font-weight: 300;
}

.acknowledgement {
    font-size: 13px;
    color: #FFFFFF;
}

.sppb-btn-primary{
    background-color: #05413b!important;
    border-color: #05413b!important;
}
.sppb-btn-danger{
    background-color: #373052!important;
    border-color: #373052!important;
}
a.sppb-btn{
    text-decoration: none;
    
}


main h1{
    padding-top: 20px;
}
/*.off-menu_95 dt.sm-mod {
    padding: 10px!important;
}
*/.off-menu_95 dt.sm-mod.sm-bottom , .off-menu_95 dt.sm-mod.sm-bottom:hover{
    padding: 10px!important;
}
.off-menu_95 dt.sm-mod.sm-bottom form{
    margin-bottom: 10px;
}
.sm-bottom input {
		border: 1px solid #f26840;
		background-color: #fbdecc;
		color: #FFFFFF;
		background-repeat: no-repeat;
		border-radius: 2;
	}




.peoplelayout h1{
    padding-top: 10px;
    margin-top: 10px;
    text-align: center;
}

.peoplelayout h2{
    padding-top: 10px;
    margin-top: 30px;
}
.catdescription{
   padding: 0px 40px 40px 40px;
    margin-bottom: 40px;
}
.catdescription h2{
    margin-bottom: 40px;
}

.categoryheader{
    background-color: #96a1d1;
    text-align: center;
    padding: 40px;
    margin-bottom: 40px;
}
.categoryheader h2{
    font-size: 34px;
    
}
.ceo-and-boardbg, .teambg{
        background-color: #f5ecaa;

}
.mauvebg{
        background-color: #96a1d1;

}
.input-group{
    flex-wrap: nowrap;
}
.input-group .awesomplete {
    position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
}
.categoryheader.researchbg, .categoryheader.submissionsbg, .categoryheader.policybg, .searchbg{
        background-color: #96a1d1;

}

.blog3{
    background-color: #96a1d1;
    margin-bottom: 40px;
    font-size: 18px;

}
.submissionsholder .blog3, .researchholder .blog3, .policyholder .blog3{
    background-color: #96a1d1;

}
.blog3textholder {
    padding: 20px;
}
.blog3 h2{
font-size: 24px;
}
.blog3 p{
font-size: 18px;
}


.sppb-panel-modern > .sppb-panel-heading {
    padding: 17px 30px 17px 15px!important;
    background-color: transparent!important;
    color: #373052!important;

}
.sppb-panel-title{
        font-size: 24px!important;
}


.fa-twitter::before { content: url("/images/x-twitter.svg")!important;
    width: 34px;
  display: inline-block; height: 34px; vertical-align: -0.125em;

}
.blog3imageholder a img:not(:hover){

   transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
        -webkit-transform: scale(1);

}

.blog3imageholder a img:hover{
    -webkit-transform: scale(0.95);
        -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   filter: grayscale(100%);
   transition: all 0.5s ease;
}



/**  lazy load stuff  **/
.img-container img, .blog3imageholder	img {
				display: block;
				border: 0;
				opacity: 0;
			}
.img-container			img:not(.initial) , .blog3imageholder			img:not(.initial) {
				transition: opacity 1s;
			}
	.img-container		img.initial,
	.img-container		img.loaded,
	.img-container		img.error, 	.blog3imageholder		img.initial,
	.blog3imageholder		img.loaded,
	.blog3imageholder		img.erro {
				opacity: 1;
			}

	.blog3imageholder		img:not([src]) , 	.img-container		img:not([src]) {
				visibility: hidden;
			}

/**  END lazy load stuff  **/