/* Banner 50/50 setup */
#home main{
	padding-top:0
}
 #home #content{
	margin-top:0
}
 #home nav.main{
	border-bottom:0
}
 .soph-banner{
	overflow:hidden;
	padding:0
}
 .soph-banner .row{
	padding:0
}
 .soph-banner .bg-image{
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	background-size:cover;
	background-position:center center
}
 .soph-banner .button:focus,.soph-banner .button:hover{
	background-color:#fff;
	border-color:#fff;
	color:#900
}
 .soph-banner .one-half{
	position:relative;
	margin-top:0
}
 .soph-banner--content{
	position:relative;
	text-align:center;
/*	padding:4rem 24px*/
	padding:2rem 24px
}
 .soph-banner .title{
	color:#fff
}
 .soph-banner .button{
	margin-bottom:0
}
/*added by wh*/
@media screen and (max-width:40em){
/*    .soph-banner--content{
	    background-color: rgba(0,0,0,.3);
    }*/
}
@media screen and (min-width:40em){
	.soph-banner{
		height:400px;
		max-height:75vh;
		overflow:hidden;
		padding:0
	}
	 .soph-banner .one-half,.soph-banner .row{
		background-color:#191919;
		height:100%;
		position:static
	}
	 .soph-banner .row:after{
		content:'';
		position:absolute;
		left:50%;
		height:100%;
		width:2px;
		background-color:#fff;
		z-index:5
	}
	 .soph-banner .bg-image{
		position:absolute;
		top:0;
		bottom:0;
		width:50vw;
		z-index:1;
		background-size:cover;
		background-position:center center
	}
	 .soph-banner--content{
		position:relative;
		z-index:2;
		top:50%;
		-ms-transform:translateY(-50%);
		transform:translateY(-50%);
		/*add by wh*/
		margin-right: 0 !important;
		min-height: 13em;
    	/*background-color: rgba(0,0,0,.4);*/
	}
	 .soph-banner .bg-image.bleed-left{
		left:0
	}
	 .soph-banner .bg-image.bleed-right{
		left:50%
	}
	 .soph-banner .title{
		color:#fff
	}
	 .soph-banner .button{
		margin-bottom:0
	}
}
 .text+h1,.text+h2,.text+h3,.text+h4,.text+h5,.text+h6,p+h1,p+h2,p+h3,p+h4,p+h5,p+h6,ul+h1,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6{
	margin-top:2.5rem;
	margin-bottom:1.25rem
}
 .center-grid-text .grid-item{
	text-align:center
}
 .text-dark,.text-dark h1,.text-dark h2,.text-dark h3,.text-dark h4,.text-dark h5,.text-dark h6{
	color:#191919
}
 .text-dark .text a:not(.button){
	background:#dbd9d9;
	color:#006298
}
 .text-dark .text a.button{
	border-color:#900;
	background-color:#900;
	color:#fff
}
 .text-dark .text a.button:focus,.text-dark .text a.button:hover{
	background-color:#fff;
	color:#900
}
 .pad-top{
	padding-top:40px!important
}
 @media screen and (min-width:40em){
	.pad-top{
		padding-top:56px!important
	}
}
 .panel--interactive a[href$=".pdf"]:after,.panel--interactive a[href$=".doc"]:after,.panel--interactive a[href$=".docx"]:after,.panel--interactive a[href$=".xls"]:after,.panel--interactive a[href$=".xlsx"]:after{
	display:none
}
 .panel--interactive a[href$=".pdf"] .title:after,.panel--interactive a[href$=".doc"] .title:after,.panel--interactive a[href$=".docx"] .title:after,.panel--interactive a[href$=".xls"] .title:after,.panel--interactive a[href$=".xlsx"] .title:after{
	font-family:iucomm!important;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	margin-left:10px;
	font-size:.8em
}
 .panel--interactive a[href$=".pdf"] .title:after{
	content:"\f1c1"
}
 .panel--interactive a[href$=".doc"] .title:after,.panel--interactive a[href$=".docx"] .title:after{
	content:"\f1c2"
}
 .panel--interactive a[href$=".xls"] .title:after,.panel--interactive a[href$=".xlsx"] .title:after{
	content:"\f1c3"
}
 .soph-banner .bg-image::before {
	 content: none;
}
/*
.belt-nav {
 text-decoration: underline;   
}
*/