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

.logo {
    width: 300px;
    margin:10px 0px;
}


.socialsmodule {
	text-align: center;
}
.socialsmodule a i {
	margin: 5px ;
font-size: 30px;
}
.navbar-nav{
    font-weight: 700;   
    font-family: "Noto Sans Display";
}
strong{
        font-family: "Noto Sans Display";

}
.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: 20px;
}
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%;
}


.footer {
    font-size: 15px;
    color: #FFFFFF;
}
.footer  a, .footer  a:link{
        color: #FFFFFF;

}
.sppb-btn-primary{
    background-color: #da6b48!important;
    border-color: #da6b48!important;
}
.sppb-btn-danger{
    background-color: #931a1d!important;
    border-color: #931a1d!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 #005696;
		background-color: #fbdecc;
		color: #FFFFFF;
		background-repeat: no-repeat;
		border-radius: 2;
	}

.navbar-dark.bg-dark{
background: rgb(34,177,2);
background: linear-gradient(104deg, rgba(34,177,2,0.7) 0%, rgba(0,86,150,0.7) 100%);
}

.categoryheader{
    background-color: #015596;
    text-align: center;
    padding: 3vh;
    margin-bottom: 0px;
    background-size: cover;
    background-position: center center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.categoryheader h1{
    color: #FFF;
    font-size: 5rem;  font-weight: 700;  
}

.catdescription{
    margin-bottom: 0px;
font-style: italic;
    font-weight: 700;    text-align: center;
    font-family: "Noto Sans Display";
/*background: linear-gradient(104deg, rgba(34,177,2,0.7) 0%, rgba(0,86,150,0.7) 100%);*/
}

.catdescription p{

}
.ceo-and-boardbg, .teambg{
        background-color: #f9e2da;

}

.input-group{
    flex-wrap: nowrap;
}
.input-group .awesomplete {
    position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0;
}
.sppb-carousel-pro-text h2{
    text-align: center;
    
color: #1a9232;
    text-transform: uppercase;
}
.sppb-carousel-pro-text{
        text-align: center;

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

}

.blog3textholder {
    padding: 20px;
}

.blog3 p{
font-size: 18px;
}


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

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

}


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

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

   transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
        -webkit-transform: scale(1);
        -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   filter: grayscale(100%);
}

.blog3imageholder .bwhover img:hover{
    
    -webkit-transform: scale(0.95);
        -webkit-filter: none;
   -moz-filter: none;
   filter: none;
   transition: all 0.5s ease;    cursor:text;

}

.fullheightcolumn .sppb-column-addons{
height: 40vh;
}

/**  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  **/