/*header*/
#home #supershell header.fixed { background: transparent; max-width: none; }

/*one column; announcements*/
#home #supershell .onecol {margin: 0 auto; padding: 40px 0 0 0;}
#home #supershell .onecol>.content>.words {display: flex; justify-content: center;}
#home #supershell .onecol>.content>.words>.padding {display: none;}
#home #supershell .onecol>.content>.words>.multibuttons>ul>li {background: #91722f;}
#home #supershell .onecol>.content>.words>.multibuttons>ul>li>.multimgshell {width: 50%; margin: 15px 20px 0 0;}
#home #supershell .onecol>.content>.words>.multibuttons>ul>li>.multitext a:visited, 
#home #supershell .onecol>.content>.words>.multibuttons>ul>li>.multitext a {text-decoration: none;}
#home #supershell .onecol>.content>.words>.multibuttons>ul>li>.multitext a:hover {text-decoration: underline;}

#home #supershell main #maintext {padding: 0;}

/*billboard*/
#home #supershell #main .billboard, 
#home #supershell #main .billboard .content, 
#home #supershell #main .billboard .content .imgcenter, 
#home #supershell #main .billboard .content .imgcenter img  {max-height: 500px;}

#home #supershell #main .billboard {padding-bottom: 50px; }

.hpintroimg { display: none; height: 400px; width: 100%; margin: 0; padding: 0; }
.hpbillboard { position: relative; display: block; width: 100%; height: 500px !important; margin: 0 auto 0 auto; margin-top: -110px; }
.hpbillboard .hpcontent { position: relative; width: 100%; display: block; margin: 0 auto; padding: 0; overflow: hidden; }
.hpbillboard .hpcontent .hpembshell::before { content: ""; background: rgba(0,0,0,.3); position: absolute; height: 100%; width: 100%; z-index: 100;}
.hpbillboard .hpcontent .hpembshell { position: relative; width: 100%; margin: 0 auto; padding: 0; background: #FFFFFF; min-height: 200px; max-height: 500px; }
.hpbillboard .hpcontent .hpembshell iframe { position: absolute; top: 0; left: 0; height: 100% !important; padding: 0; margin: 0; }
.hpbillboard .hpcontent .hppadding {position:absolute; width:100%;height:auto;z-index:1000;margin:0;padding:0; text-align:center; color:#fff;left:0;z-index:1001; top:45%;}
.hpbillboard .hpcontent .hppadding>h2 {text-transform: none; margin: 0 auto; font-size: 55px; line-height: 55px; font-family:"Wix Madefor Display",sans-serif;color:#fff;}
.hpbillboard .hpcontent .hppadding p {font-size:1.1em;line-height:1.5em;margin:0}.hpbillboard .hpcontent .hpwords .hppadding p .cms-button{position:relative;display:inline-block;font-size:1em;font-weight:400;padding:0;margin:20px 0 0;transition:.8s}

.highlight {background: white; padding: 50px 0px 0 0;}
.highlight .content {display: flex !important; width: 90% !important;}
.highlight>.content>.imgshell a {height: 100%;}
.highlight .content>.imgshell img, .highlight .content>.imgleft img, .highlight .content>.imgcenter img, .highlight .content>.imgfull img, .highlight .content>.imgright img {height: 100% !important; object-fit: cover;}
.highlight>.content>.words {background: #91722f; width: 50%}
.highlight>.content>.words>.padding {color: white; padding: 0 0 20px 0;}
.highlight>.content>.words>.padding>h2 {color: white;}

@media only screen and (max-width: 1000px) {
	.hpbillboard {height: auto !important; min-height: 200px;}
	.hpbillboard .hpcontent .hppadding>h2 { font-size: 40px; }
	
	.highlight .content {margin: 0 auto !important;}
	.highlight .content .imgshell {width: 50% !important; padding-right: 10px;}
	.highlight .words {bottom: 0;}
}

@media screen and (max-width: 650px) {
	.hpbillboard {margin-top: 110px;} 
	#home #supershell #maintext .onecol {padding-top: 20px; width: 100%;}
	#home #supershell #maintext .onecol>.content>.words {width: 100%;}
	#home #supershell #maintext .onecol>.content>.words>.multibuttons>ul {width: 100%;}
	#home #supershell #maintext .onecol>.content>.words>.multibuttons>ul>li {display: flex; flex-direction: column; width:100%; max-width: 100%; padding: 0;}
	#home #supershell #maintext .onecol>.content>.words>.multibuttons>ul>li>.multimgshell {width: 100%; margin: 0;}
	
	.highlight {padding-top: 25px;}
	.highlight .content {flex-direction: column;}
	.highlight .content .imgshell {width: 90% !important;}
	.highlight>.content>.words {width: 90%;}
	
}

@media screen and (max-width: 350px) {
	.hpbillboard .hpcontent .hppadding {top: 5%;}
	.hpbillboard .hpcontent .hpembshell {min-height: 0;}
}