/* Color Tokens */
.color-tokens {
	color: #103F79; /* $primary */
	background-color: #F6FAFF; /* $secondary */
	border-bottom-color: #6DAFE0; /* $highlight */
	border-top-color: #555555; /* $text */
}
/* End Color Tokens */

/* Sub Banner HC2 Styles */
.sub-banner-panel.hc2 {
	padding: 8.5em 0 0 0;
	position: relative;
	overflow: hidden;
	min-height: 35em;
}

.sub-banner-panel.hc2 .small-title {
    color: #103F79;
    font-size: 2em;
}

.sub-banner-panel.hc2.mover {
	min-height: 40em;
	margin-top: 5.5em;
	padding: 0;
}

.sub-banner-panel.hc2.mover.top-left img {
	width: 50% !important;
	background-position: 70% 50%;
}

.sub-banner-panel.hc2.mover.center img {
	background-position: top;
	top: 0;
	width: 50%!important;
}
.center-banner .sub-banner-panel.hc2.mover.top-left img{
	background-position: 60% 50%
}
.rwjbh-rwjhamilton-providers-page .sub-banner-panel.hc2.mover.center img {
    background-position: top right;
}
.rwjbh-rwjhamilton-providers-page .n-landing.sub-banner-panel.hc2.mover .sub-banner-text {
	top: 18em;
	right: 6em;
}

.rwjbh-oldbridge-page .n-landing.sub-banner-panel.hc2.mover .sub-banner-text {
	top: 0em;
	right: 0em;
}
.rwjbh-oldbridge-page .sub-banner-panel.hc2.mover.center img {
    background-position: top left;
}

.n-landing.sub-banner-panel.hc2.mover .sub-banner-text {
	top: 28em;
	right: 6em;
}

.rwjbh-hudson-county-providers-page .n-landing.sub-banner-panel.hc2.mover .sub-banner-text {
	top: 8em;
}

.n-landing.sub-banner-panel.hc2.mover .sub-banner-text h2{
	color:#D0282E;
	margin:1rem 0;
}

.n-landing.sub-banner-panel.hc2.csh-multi-complicated-trauma .banner-container .sub-banner-text h2{
	color:#0082c8;
}

.sub-banner-panel.hc2.mover .right.half{
	padding-left:1em;
}

.sub-banner-panel.hc2 img {
	position: absolute;
	width: 100% !important;
	top: 0;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
	height: 100% !important;
	border-bottom: 5px solid #D1D1D1; /* lighten($text,73%) */
}

.sub-banner-panel.hc2.maternity img {
	position: absolute;
	width: 100% !important;
	top: 0;
	left: 0;
	background-position: left !important;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
	height: 100% !important;
	border-bottom: 5px solid #D1D1D1; /* lighten($text,73%) */
}

.sub-banner-panel.hc2.new img {
	position: absolute;
	width: 100% !important;
	top: 5.4em;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
	height: 100% !important;
	border-bottom: 5px solid #D1D1D1; /* lighten($text,73%) */
}

.sbmc-centercourt.landing .sub-banner-panel.hc2 img {
	background-position: 10% 50%;
}

.sub-banner-panel.hc2.top-left img {
	background-position: 16% 0%;
}

.sbmc-cyberknife.landing .sub-banner-panel.hc2 img {
	background-position: left;
}

.ifpr-hope-healing-program .sub-banner-panel.hc2 img {
	background-position: 20%;
}

.sub-banner-panel.hc2 .sub-banner-text img {
	position: relative;
	width: auto !important;
	top: auto;
	left: auto;
	border: 0;
	height: auto !important;
}
.n-landing.sub-banner-panel.hc2 .sub-banner-text.somerset {
	position: relative;
}

.cms-layout.cms-edit-content .sub-banner-panel.hc2 img {
	height: 400px !important;
}

.sub-banner-panel.hc2 .sub-banner-text {
	width: 100%;
	top: 20em;
	line-height: 1;
	z-index: 1;
}

.cms-layout .sub-banner-panel.hc2 .sub-banner-text {
}

.sub-banner-panel.hc2 .sub-banner-text h2 {
	font-size: 3.2em;
	line-height: 1;
	color: rgba(255,255,255,0.85);
	font-weight: bold;
}

.sub-banner-panel.hc2 .sub-banner-text h3 {
	color: rgba(255,255,255,0.85);
	z-index: 6;
	font-size: 2.75em;
	font-weight: 700;
	text-shadow: 0 0 30px rgba(0,0,0,0.6);
	position: relative;
	margin-bottom: 0;
	line-height: 1.25;
}

.sub-banner-panel.hc2 .sub-banner-text h1 {
	text-shadow: 0px 0px 8px #FFF, 0px 0px 15px #FFF;
}

.sub-banner-panel.hc2 .sub-banner-text h2.red, .sub-banner-panel.hc2 .sub-banner-text h3.red {
	color: #DC3028; /* $tertiary */
}

.sub-banner-panel.hc2 .sub-banner-text h2.pink, .sub-banner-panel.hc2 .sub-banner-text h3.pink {
	color: #F6489F;
}

.sub-banner-panel.hc2 .sub-banner-text h2.blue, .sub-banner-panel.hc2 .sub-banner-text h3.blue {
	color: #103F79; /* $primary */
}

.sub-banner-panel.hc2 .sub-banner-text p {
	color: #ffffff;
	font-size: 1.375em;
	font-weight: 700;
	line-height: 1.3;
	position: relative;
	z-index: 5;
	clear: both;
	text-shadow: 0px -1px 10px rgba(0, 0, 0, 1), 0 0 25px rgba(0, 0, 0, 1);
}

._no-canvas .sub-banner-panel.hc2 .sub-banner-text p {
	background: #103F79; /* $primary */
	color: #FFFFFF;
	padding: 1em;
	display: inline-block;
}

.sub-banner-panel.hc2 .sub-banner-text p span {
	display: block;
}

.n-landing.sub-banner-panel.hc2 .sub-banner-text {
	top: 0em;
	text-align: left;
	width: auto;
	min-width: 20%;
	background-color: rgba(255,255,255, .6);
	padding: .4em;
	padding-left: 1em;
	max-width: 50%;
}

.cardiac-services .n-landing.sub-banner-panel.hc2 .sub-banner-text, .heart-transplant .n-landing.sub-banner-panel.hc2 .sub-banner-text, .tavr .n-landing.sub-banner-panel.hc2 .sub-banner-text {
	max-width: 60%;
}
.heart-transplant .n-landing.sub-banner-panel.hc2 .sub-banner-text, .tavr .n-landing.sub-banner-panel.hc2 .sub-banner-text {
	width:70%;
}

.n-landing.sub-banner-panel.hc2 .sub-banner-text.cancer-services {
	max-width: 65%;
	margin-right: 3em;
}

.RWJPE-Cardiology-Associates .n-landing.sub-banner-panel.hc2 .sub-banner-text {
	max-width: 60%;
}

.n-landing.sub-banner-panel.hc2 .sub-banner-text.hematology {
}

.halfish {
	width: 40%;
}

.n-landing.sub-banner-panel.hc2 .hematology {
	max-width: 450px;
	float: right;
}

.Landing-Pages.Cancer-Services .n-landing.sub-banner-panel.hc2 .sub-banner-text.cancer-services {
	max-width: 65%;
	margin-right: 2em;
}

.landing .sub-banner-panel.hc2.bg-left img {
	background-position: left;
}

.outpatient-rehabilitation-services .sub-banner-panel img {
    background-image: url("https://www.rwjbh.org/images/Outpatient-Rehab-hero-1.jpg") !important;
}

.breast-care-staging .n-landing.sub-banner-panel.hc2 .sub-banner-text {
    background-color: rgb(246, 72, 159);
}

.breast-care-staging .n-landing.sub-banner-panel.hc2 .sub-banner-text h3 {
	text-shadow: none;
}

.sub-banner-panel.hc2.mover.top-left img.team-logo {
	width: auto!important;
	background-position: unset;
	top: 0;
	position: relative;
	height: auto!important;
	border-bottom: none;
}

.wide-banner-text .n-landing.sub-banner-panel.hc2 .sub-banner-text {
	max-width: 60%;
}

.sub-banner-panel.hc2.mover.center .text-highlight.t1 img {
    position: relative;
    width: 25%!important;
    top: unset;
    background: unset;
    height: unset!important;
    border-bottom: unset;
    margin-top: 0;
}
/* End Sub Banner HC2 Styles */

/* Sub Banner hc2 Responsive */
@media (max-width:1720px) {
	._landing .sub-banner-panel.hc2 img {
		background-position: -16em 0;
	}
}
@media (max-width:1650px) {
	.rwjbh-rwjhamilton-providers-page .n-landing.sub-banner-panel.hc2.mover .sub-banner-text {
		right: auto;
	}
	
}

@media (max-width:1600px) {
	.sub-banner-panel.hc2.new img {
	    position: absolute;
	    width: 100% !important;
	    top: 5.4em;
	    left: -14em;
	    background-repeat: no-repeat;
	    background-size: cover;
	    z-index: 0;
	    height: 100% !important;
	    border-bottom: 5px solid #D1D1D1;
	    background-position: 0% 50%;
	}

	.sub-banner-panel.hc2 img {
	    background-position: unset;
	}
		.cancer-services .sub-banner-panel.hc2 img {
		background-position: 10% 50%!important;
	}
}

@media (max-width:1280px) {
	._landing .sub-banner-panel.hc2 img {
		background-position: -30em 0;
	}
	
	.sub-banner-panel.hc2.new img {
	    position: absolute;
	    width: 100% !important;
	    top: 5.4em;
	    left: -26em;
	    background-repeat: no-repeat;
	    background-size: cover;
	    z-index: 0;
	    height: 100% !important;
	    border-bottom: 5px solid #D1D1D1;
	    background-position: 0% 50%;
	}
	
}
@media (max-width: 1200px) {
		.n-landing.sub-banner-panel.hc2.mover .sub-banner-text, .rwjbh-rwjhamilton-providers-page .n-landing.sub-banner-panel.hc2.mover .sub-banner-text {
		position: absolute;
		top: 8em;
		right: auto;
		padding-left: 2em;
	}
	
		.sub-banner-panel.hc2.mover.top-left img, .sub-banner-panel.hc2.mover.center img {
		position: relative;
		width: 100% !important;
		max-height: 35em;
		background-position: 100% 0%;
	}
	
	.sub-banner-panel.hc2.mover .right.half{
		float:none;
		width:100%;
		display:block;
		top:0;
		padding-top:5em;
	}
	
	.sub-banner-panel.hc2.mover{
		padding-top:0;
	}

	.cancer-services .sub-banner-panel.hc2 img {
		background-position: 25% 50%!important;
	}
}

@media (max-width:1040px) {
	._landing .sub-banner-panel.hc2 img {
		background-position: -47em 0;
	}

	._landing .sub-banner-panel.hc2 .sub-banner-text p {
		background: rgba(16,
					63,
					121,
					0.902);
		color: #FFFFFF;
		padding: 1em;
		display: inline-block;
	}

	.sub-banner-panel.hc2.mover {
		margin-top: 5em;
	}
	
	.sub-banner-panel.hc2.new img {
		position: absolute;
		width: 100% !important;
		top: 0;
		left: 0;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		z-index: 0;
		height: 100% !important;
		border-bottom: 5px solid #D1D1D1; /* lighten($text,73%) */
		background-position: 0% 50% ;
	}
}

@media (max-width:1024px) {
	.n-landing.sub-banner-panel.hc2 .sub-banner-text {
		width: 50%;
		top: -3em;
	}
}
@media (max-width:800px) {
	.sub-banner-panel.hc2.form-position {
		overflow: visible;
	}
	.sub-banner-panel.hc2.mover {
		margin-top: 0em;
	}

	.n-landing.sub-banner-panel.hc2 .hematology {
		max-width: 800px;
		float: none;
	}

	.n-landing.sub-banner-panel.hc2.bg-left .sub-banner-text {
		margin-top: 12em;
	}
	.n-landing.sub-banner-panel.hc2 .sub-banner-text {
		min-width: 100%;
		margin: 16em 0 0;
		position: absolute;
	}
	.n-landing.sub-banner-panel.hc2 .sub-banner-text.somerset {
		top:0;
	}
	.sub-banner-panel.hc2.mover.top-left img, .sub-banner-panel.hc2.mover.center img {
		top:6em;
	}

	.ifpr-hope-healing-program .n-landing.sub-banner-panel.hc2 .sub-banner-text {
		margin: 21em 0 0;
	}

	.sub-banner-panel.hc2.new img {
		position: absolute;
		width: 100% !important;
		top: 0;
		left: 0;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 0;
		height: 100% !important;
		border-bottom: 5px solid #D1D1D1; /* lighten($text,73%) */
		background-position: 0% 50% ;
	}
	
	.n-landing.sub-banner-panel.hc2.new .sub-banner-text {
	    min-width: 100%;
	    margin: 34em 0 0;
	    position: absolute;
	}
	
	.landing-pages .sub-banner-panel.hc2.new {
	    padding: 0.5em 0 0 0;
	    min-height: 30em;
	    margin-top: 7em;
	}
	.cancer-services .sub-banner-panel.hc2 img {
        background-position: 11% 30% !important;
	}

}

@media (max-width:700px) {
	.sub-banner-panel.hc2:before {
		height: 100%;
		width: 100%;
		content: '';
		background: rgba(255,
					255,
					255,
					0.5);
		display: block;
		position: absolute;
		top: 0;
		z-index: 1;
		left: 0;
	}
	
		.n-landing.sub-banner-panel.hc2.mover .sub-banner-text.somerset {
		top: 4.5em;
		font-size: .8em;
	}

	.n-landing.sub-banner-panel.hc2.mover .sub-banner-text {
		background-color: rgba(255,255,255,0.6);
	}

	.sub-banner-panel.hc2 img {
		background-position: 30% 50%;
	}

	.sub-banner-panel.hc2.top-left img {
		background-position: 11% 50%;
	}
		.rwj-somerset-eating-disorders.landing .sub-banner-panel.hc2 img {
		background-position: 25% 50%!important;
	}

	.landing .purple.sub-banner-panel.hc2 img  {
		background-position: 45% 50%;
	}

	.sbmc-cyberknife.landing .sub-banner-panel.hc2 img {
		background-position: 5%  50%;
	}

	.sbmc-centercourt.landing .sub-banner-panel.hc2 img {
		background-position: 15% 50%;
	}

	.n-landing.sub-banner-panel.hc2 .sub-banner-text {
		background: none;
		margin-left: 0;
	}
	.landing .sub-banner-panel.hc2 img {
		background-position: 20%  50%;
	}
		.sub-banner-panel.hc2.top-left img {
		background-position: 11% 50%;
	}
	.sub-banner-panel.hc2.mover:before{
		display:none;
	}
	
}



@media (max-width:550px) {

	.n-landing.sub-banner-panel.hc2 .sub-banner-text {
		margin-left: 0;
	}
	
	.landing-pages .sub-banner-panel.hc2.new {
	    padding: 0.5em 0 0 0;
	    min-height: 21em;
	    margin-top: 7em;
	}
}

@media (max-width:520px) {
	.landing .sub-banner-panel.hc2 {
		min-height: unset;
		height: unset;
		padding: .5em;
	}
	
	.landing .sub-banner-panel.hc2 img {
		position: relative;
	}

	._landing .sub-banner-panel.hc2 img {
		background-position: left;
	}

	.landing .sub-banner-panel.hc2 .sub-banner-text {
		top: auto;
		text-align: center;
		float: none;
		width: 100%;
		font-size: .85em;
		padding-left: 0;
	}

	.landing .sub-banner-panel.hc2 .right.half {
		display: none;
	}
	
	.cmmc-mmc-mmcsc-lung-screening .n-landing.sub-banner-panel.hc2 .sub-banner-text {
		margin:24em 0 0!important;
	}

	.sub-banner-panel.hc2 .sub-banner-text h2 {
		font-size: 2.8em;
	}
	.landing .sub-banner-panel.hc2.monmouth-banner img {
		background-position: 43%  50% ;
	}
	
	.n-landing.sub-banner-panel.hc2 .sub-banner-text, .n-landing.sub-banner-panel.hc2.new .sub-banner-text {
		margin: 3rem 0 0 !important;
		position: absolute;
		top: -60%;
	}
		[class*=" maternity-services"] .n-landing.sub-banner-panel.hc2 .sub-banner-text, [class*=" maternity-services"] .n-landing.sub-banner-panel.hc2.new .sub-banner-text {
		top: -58%;
	}
	
	

	.wide-banner-text .n-landing.sub-banner-panel.hc2 .sub-banner-text {
		margin: 3rem 0 0 !important;
		position: absolute;
		top: -60%;
		
	}

	.ifpr-hope-healing-program .n-landing.sub-banner-panel.hc2 .sub-banner-text {
		margin: 26em 0 0!important;
	}

	.orthopedic-services.landing .sub-banner-panel.hc2.monmouth-banner img {
		background-position: 20% 50%;
	}
	
	.orthopedic-neuro-spine-surgery.landing .sub-banner-panel.hc2.monmouth-banner img {
		background-position: 20% 50%;
	}

	.heart-transplant .n-landing.sub-banner-panel.hc2 .sub-banner-text {
		margin: 15em 0 0!important;
	}


}
@media (max-width: 450px) {
	.ifpr-hope-healing-program .n-landing.sub-banner-panel.hc2 .sub-banner-text {
		margin: 23.5em 0 0!important;
	}
	
	[class*=" maternity-services"] .n-landing.sub-banner-panel.hc2 .sub-banner-text, [class*=" maternity-services"] .n-landing.sub-banner-panel.hc2.new .sub-banner-text {
		top: -58%;
	}
}



/* End Sub Banner hc2 Responsive */

.cms-layout .sub-banner-panel.hc2 .sub-banner-text img {
	top: auto;
	height: auto !important;
}

body.cms-admin .sub-banner-panel.hc2 .zone-tab {
	margin-top: 10px !important;
}