/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.btn.btn-success {
  color: #fff;
  background-color: #3a4660;
   border: none; 
  border-radius:0;
}

.btn-success:hover {
  color: #fff;
  background-color: #673301;
   border: none; 
}

.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #3a4660;
  border: none;  
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #3a4660;
   border: none; 
}

.form-control
{
    border-radius:0; 
    border:solid 3px #3a4660;     
}

.card {
    border-radius: 0;
    background-color: #c9af98;
    border-right: 6px solid #683402 !important;
}

.card-body {
    background-color: #ffffff; /*#e1d3c7;*/
}



.btn-primary {
    color: #fff;
    background-color: #683402;
    border-color: #683402;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-color: #3a4660;
}

.homecard {
    height: 450px;
}

.footerlink {
    color: #fff;
}
  
.promobg
{
    background-image:url('/images/MapBG.jpg');
}
   
.PageHeading
{
    color:#3a4660; 
    font-size:40px;
    margin-top:0; 
    font-weight:bold;
}
    
#page-title{margin-top:0;}
    
.menu-link{font-size:14px;text-transform:capitalize;}

.well {min-height: 20px;padding: 19px;margin-bottom: 20px;background-color: #f5f5f5;border: 1px solid #e3e3e3;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);background: #f1e7e0;}


#maincontent {
    position: relative;
}

/*.form-control { color: #fff;}*/



@media (min-width: 992px) {

    #content-sidebar {
        display: block;
        float: right;
        max-width: 250px;       
        background-color:#fff;
        border-left:solid 3px #c9af98;
        margin-left:50px;
        padding-top:15px;
    }
}

@media (max-width: 991px) {

    #content-sidebar {
        display: none;
    }
    
    .newsblock{display:none;}
    
    
}

.large-logo{background-color:#ebebeb;padding:25px;opacity:0.6;}


#logo2 img {
		
		-webkit-transition: height .4s ease, padding .4s ease, margin .4s ease, opacity .3s ease;
		transition: height .4s ease, padding .4s ease, margin .4s ease, opacity .3s ease;
		
	}

	#logo2 img { max-height: 55px;}



.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #384660;
  font-size:16pt;
  padding-top:3px;  
}

.loginbox::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #384660;
  font-size:12pt;
  padding-top:3px;  
}


li.sublink
{
    margin-left:5px;
    line-height:35px;
    
}


.whitebg{background-color:#ffffff;}

.topicons
{
    color:#c9af98 !important;}
    
.top-bar{background-color:#683402;}
    
.promo-text{font-size:11pt;}

.parallax1 {background-image: url("/images/para1.jpg"); }
.parallax2{ background-image: url("/images/para2.jpg");}
.parallax3{ background-image: url("/images/para3.jpg");}
.parallax4{ background-image:url('/images/MapBG.jpg');}
.parallax_findit{background-color:#3a4660;}

.parallax1, .parallax2, .parallax3, .parallax4 {
/* Full height */
height: 100%;

/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}



.hero-image__findit {
  -webkit-clip-path: polygon(0 0, 0% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}


.hero-image__mapping  {
  -webkit-clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%);
          clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%);
}

.hero-image__figure  {
  -webkit-clip-path: polygon(0 20% 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%);
}

.hero-image__hazards  {
  -webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%);
}

.hero-image__footer  {
  -webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
}

.hero-image__about
{
  -webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
}




@media (max-width: 1001px) {
   
    .hero-image__findit {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
              clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
    }
    .hero-image__mapping  {
      -webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
              clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
    }
    .hero-image__figure  {
      -webkit-clip-path: polygon(0 5% 100% 0, 100% 100%, 0 100%);
              clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
    }
    .hero-image__hazards  {
      -webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
              clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
    }
    .hero-image__footer  {
      -webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
              clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
    }
    .hero-image__about
    {
      -webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
              clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
    }
}

.outreach-section{padding-top:140px !important;}
.resource-section{padding-top:140px !important;}

 .darkheight{min-height:600px !important;}
 .lightheight{min-height:450px !important;}
 .aboutheight{margin-top:0px;margin-bottom:0px;min-height:150px !important; }
  .outreach-image-height{min-height:500px !important;margin-top:0px !important;}


@media (min-width: 1020px) {
.man{max-width:75%}
.findit-height{height:550px;}  
.aboutheight{margin-top:0px;min-height:360px !important;}
}


 @media (max-width: 1199px) {
.man{max-width:95%} 

.findit-height{height:680px;}  
     
}

 
 @media (max-width: 999px) {
.man{max-width:75%} 

.findit-height{height:320px;}  
.row.light{
   display: flex;
    flex-flow: column-reverse;
 }   
   .outreach-section{padding-top:20px !important;}  
   .resource-section{padding-top:20px !important;}
}

@media (max-width: 450px) {
.man{max-width:95%} 

.findit-height{height:1450px;}  
.row.dark{
   display: flex;
    flex-flow: column-reverse;
    
 }
 
 .darkheight{margin-top:50px;min-height:300px !important;}
 .lightheight{min-height:300px !important;}
 .aboutheight{min-height:300px !important;}
 .outreach-image-height{min-height:350px !important;margin-top:0px !important;}
 
.parallax4
{ /*remove parallax scrolling for mobile*/
 background-image:url('/images/MapBG.jpg');
 background-attachment:inherit;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;    
    }
.section.container{text-align:center;}
.outreach-section{padding-top:10px  !important; padding-bottom:10px !important;}
.resource-section{padding-top:10px  !important; padding-bottom:10px !important;}
}
 
 
div#header-wrap{border-bottom:6px solid #3a4660;}

.btn:focus {
  outline: none;
  box-shadow: none;
}


li.insidebullets{list-style-position: inside; text-indent: 0.5px;}


.icon-shopping-cart{color:#3a4660;}

i.icon-line-search.tan{opacity: 0; font-weight:bolder;color:#c9af98 !important;}


.icon-line-search2:before {
	content: "\e9cc";
	font-weight:bolder;
	color:#c9af98 !important;
}





.diagonal-box {
	background-color:#fff;
	transform: skewY(-11deg);
}


.diagonal-box-blue
{
    background-color:#3a4660;
    transform: skewY(-11deg);
}



.pageletcontent {
	max-width: 50em;
	margin: 0 auto;
	transform: skewY(11deg);
}


.top-search-form input {
	
	border: 0;
	
	font-size: 24px;
	padding: 0;
	height: 100%;
	/*background-color: #c9af98 !important;*/
	color: #3a4660;
	font-weight: 700;
	margin-top: 0 !important;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 2px;

}

.top-search-form input {
	max-width: 650px;
	margin: 0 auto;
	text-align: left;
	padding: 0 40px;
}

@media (max-width: 321px) {
.man{max-width:95%} 

.findit-height{height:1100px;}  
.row.light, row.dark{
   display: flex;
    flex-flow: column-reverse;
 }
}


@media (min-width: 1439px) {
.man{max-width:75%}
.findit-height{height:650px;}  
.aboutheight{margin-top:50px;min-height:450px !important;}
 .outreach-image-height{min-height:455px !important;margin-top:0px !important;margin-bottom:50px;}
}