/* General */
ul.fancy li:before {
	color: #103F79;
}

ul.fancy li {
	margin: .2em;
}

.transplant-video {
	max-width: 640px;
}
.cms-content body {
	overflow-y: hidden;
}
.table.heart-screening{
	margin: 0 10% 0 10%;
}

.table.heart-screening .header-side {
	width: 21%;
}
.content-panel .heart-screening.table > * > * {
    background-color: #D0282E;
    color: #FFFFFF;
}

.content-panel .heart-screening.table h3, .content-panel .heart-screening.table h4 {
    color: #FFFFFF;
}

.content-panel .heart-screening.table {
	border-collapse: collapse;
}

.content-panel .heart-screening.table > * > * {
	border-bottom: .5em solid #FFFFFF;
	
}

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

/* Layout Styles */
main {
	background-image: none;
	overflow: hidden;
}

.main img {
	height: auto !important;
}

.sidebox #SideZone {
	-webkit-flex: 0 0 43%;
	-ms-flex: 0 0 43%;
	flex: 0 0 43%;
	padding-top: 2em;
}

.no-flexbox .sidebox #SideZone {
	width: 43%;
}

.landing.v2 .sidebox {
	padding: 0;
}

.mobile-width li {
	width: 50%;
}

.landing.v2 .sidebox #SideZone {
	-webkit-flex: 0 0 43%;
	-ms-flex: 0 0 43%;
	flex: 0 0 43%;
	padding-top: 0;
	background-color: #EEEEEE; /* lighten($text,90%) */
}

.no-flexbox .landing.v2 .sidebox #SideZone {
	width: 43%;
}

.sidebox #MainZone {
	-webkit-flex: 1 1 52%;
	-ms-flex: 1 1 52%;
	flex: 1 1 52%;
}

.no-flexbox .sidebox #MainZone {
	width: 52%;
}

.landing.v2 .sidebox #MainZone {
	-webkit-flex: 0 0 57%;
	-ms-flex: 0 0 57%;
	flex: 0 0 57%;
	padding-right: 0;
}

.no-flexbox .landing.v2 .sidebox #MainZone {
	width: 57%;
}

.landing.v2 .fancy-list.hc2 {
	padding-left: 8%;
	padding-right: 8%;
}

.landing.v2 .content-panel {
	padding: 2em 8%;
}

.landing.v2 .main {
	max-width: 1700px;
}

h1 {
	color: #103F79; /* $primary */
	font-size: 2.5em;
}

#FeedZone {
	background-color: #ECECEC; /* lighten($text,89%) */
}

#ContactZone {
	background-color: #103F79; /* $primary */
}

.cut-out {
	position: relative;
	border: 1px solid #DDDDDD;
}

.landing .sidebox {
	padding-bottom: 0;
}

.content-panel h1 {
	margin-top: 1rem;
	color: #103F79; /* $primary */
	text-align: center;
	margin: .1em;
}

.content-panel h2 {
	color: #103F79; /* $primary */
	text-align: center;
	margin: 0;
}

.cs-hospital .content-panel h2 {
	color:#0082c8;
}

.cs-hospital .content-panel.iframe-wrapper h2 {
	color:#fff;
}

.content-panel h3 {
	color: #103F79; /* $primary */
}

.content-panel .third {
	width: 33.3%;
}
/* End Layout Styles */

/* iFrame Side */
.iframe-wrapper {
	box-shadow: -23px 0 35px -25px #AABFD4;
	width: 50%;
}

.no-boxshadow .iframe-wrapper {
	border-left: 1px solid #DDDDDD;
}

h2.iframe-header, h2.iframe-header.blue {
	background: #103F79 !important;
	color: #F6FAFF;
	font-size: 1.4em !important;
	padding: .5em;
	text-align: center;
}

h2.iframe-header.pink {
	background-color: #F6489F !important;
	color: #F6FAFF;
	font-size: 1.4em;
}

h2.iframe-header.red {
	background-color: #D0282E !important;
	color: #F6FAFF;
	font-size: 1.4em;
}

h2.iframe-header.babyblue {
	background-color: #6DAFE0 !important;
	color: #F6FAFF;
	font-size: 1.4em;
}

.wrap-iframe {
	display: block;
	margin: 1% auto 2%;
	width: 355px;
	height: 350px;
	overflow: hidden;
}

.cms-admin.cms-layout #SideZone .iframe-wrapper .cms-zone:first-child {
	margin-bottom: 0 !important;
}
/* End iFrame Side */

/* Content List */
.content-list h2 {
	line-height: 1;
	margin: .5em 0;
}

.content-list h2:empty {
	display: none;
}

.content-list h3 {
	color: #FFFFFF;
	margin: .25em 0 0;
	padding: .5em 2.75em .6em 1em;
	transition: .25s ease;
	font-weight: normal;
	font-size: 1.1em;
	position: relative;
	background-color: #103F79; /* $primary */
	line-height: 1.2;
}

.content-list h3.active {
	background-color: #6DAFE0; /* $highlight */
	color: #FFFFFF;
}

.content-list h3:after, .content-list h3.active:after {
	font-family: 'icomoon-ult';
	font-size: 1em;
	line-height: 1em;
	position: absolute;
	right: 1em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.content-list.pink h3 {
	background-color: #F987C0;
}

.content-list.red h3 {
	background-color: #D0282E; /* $tertiary */
}

.no-canvas .content-list h3:after, .no-canvas .content-list h3.active:after {
	top: .55em;
}

.content-list h3:after {
	font-family: 'icomoon-ult';
	content: '\e145';
}

.content-list h3.active:after {
	font-family: 'icomoon-ult';
	content: '\e147';
}

.content-list h3:hover {
	cursor: pointer;
	background-color: #6DAFE0; /* $highlight */
	color: #FFFFFF;
}

.content-list .cl-section {
	padding: 1% 2%;
}

.content-list .article {
	padding: 1em 2.5em;
}

.accordion-container-lp .accordion-holder ul li.acc-item .acc-title h4 {
	text-transform: none;
}

.collapsing-list li.acc-item {
	min-height: 3.6em;
	border-bottom: 3px solid #FFFFFF;
}

.accordion-holder h2 {
	margin: 1em 0;
	font-size: 1.5em;
}
/* End Content List */

/* Content List Modification */
.landing .content-list h2 {
	color: #103F79; /* $primary */
	font-size: 1.5em;
}

.landing .content-list h2:empty {
	display: none;
}

.landing .content-list h2 span.blue {
	color: #103F79; /* $primary */
}

.landing .content-list.pink h2 {
	color: #F6489F;
}

.landing .content-list h2 span.pink {
	color: #F6489F;
}

.landing .content-list.red h2 {
	color: #D0282E;
}

.landing .content-list.red .cl-section.article h2 {
	color: #2C2C2E;
	margin: 1rem 0;
	line-height: 1.1;
}

.landing .content-list.red .cl-section.article h3 span {
	color: #2C2C2E;
	margin: 1rem 0;
	font-size: 1.2;
	padding: .5em 0 0 0;
	background-color: #FFFFFF;
	line-height: 1.1;
	font-weight: bold;
}

.landing .content-list.red .cl-section.article ul {
	list-style: disc;
	margin: 1em 0;
	padding-left: 2.5em;
}

.landing .content-list.pink .cl-section.article h2 {
	color: #2C2C2E;
	margin: 1rem 0;
	line-height: 1.1;
}

.landing .content-list.pink .cl-section.article h3 span {
	color: #2C2C2E;
	margin: 1rem 0;
	font-size: 1.2;
	padding: .5em 0 0 0;
	background-color: #FFFFFF;
	line-height: 1.1;
	font-weight: bold;
}

.landing .content-list.pink .cl-section.article ul {
	list-style: disc;
	margin: 1em 0;
	padding-left: 2.5em;
}

.landing .content-list.blue .cl-section.article h2 {
	color: #2C2C2E;
	margin: 1rem 0;
	line-height: 1.1;
}

.landing .content-list.blue .cl-section.article h3 span {
	color: #2C2C2E;
	margin: 1rem 0;
	font-size: 1.2;
	padding: .5em 0 0 0;
	background-color: #FFFFFF;
	line-height: 1.1;
	font-weight: bold;
}

.landing .content-list.blue .cl-section.article ul {
	list-style: disc;
	margin: 1em 0;
	padding-left: 2.5em;
}

.landing .content-list h2 span.red {
	color: #D0282E; /* $tertiary */
}

.landing .content-list h3 {
	margin: 0;
	padding: 0;
}

.landing .content-list h3 span {
	margin: .25em 0 0;
	padding: .5em 2.75em .6em 1em;
	display: block;
	background-color: #103F79;
	color: #F6FAFF;
	text-align: left;
}

.landing .content-list h3:after, .content-list h3.active:after {
	font-family: 'icomoon-ult';
	font-size: 1em;
	line-height: 1em;
	position: absolute;
	right: 1em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #FFFFFF;
}

.cms-layout.landing .content-list:before {
	content: 'Blue Child Items Accordion';
	display: block;
	position: absolute;
	width: 100%;
	bottom: 100%;
	font-size: 1rem;
	color: white;
	background: #3b93cd;
	padding: .1em .5em;
	border-top-left-radius: .3em;
	border-top-right-radius: .3em;
}

.landing .content-list.red h3 span {
	background-color: #D0282E;
}

.landing .content-list.red h3.active span {
	background-color: #E56564;
}

.cms-layout.landing .content-list.red:before {
	content: 'Red Child Items Accordion';
	display: block;
	position: absolute;
	width: 100%;
	bottom: 100%;
	font-size: 1rem;
	color: white;
	background: #3b93cd;
	padding: .1em .5em;
	border-top-left-radius: .3em;
	border-top-right-radius: .3em;
}

.landing .content-list.pink h3 span {
	background-color: #F6489F;
}

.cms-layout.landing .content-list.pink:before {
	content: 'Pink Child Items Accordion';
	display: block;
	position: absolute;
	width: 100%;
	bottom: 100%;
	font-size: 1rem;
	color: white;
	background: #3b93cd;
	padding: .1em .5em;
	border-top-left-radius: .3em;
	border-top-right-radius: .3em;
}

.landing .content-list h3.active span {
	background-color: #6DAFE0; /* $highlight */
}

.landing .content-list.blue h3 span {
	background-color: #103F79; /* $primary */
}

.landing .content-list.blue h3.active span {
	background-color: #6DAFE0; /* $highlight */
}

.landing .content-list.pink h3 span {
	background-color: #F6489F;
}

.landing .content-list.pink h3.active span {
	background-color: #F987C0;
}

.cms-admin.cms-layout #SideZone .cms-zone {
	margin-bottom: 2.4em !important;
}
/* End Content List Modification */

/* Colored Content Zones */

.colored-content {
	padding: 1em;
}

.colored-content .main {
    padding: 2% 3%;
}

.red.colored-content.content-panel, .red.colored-content .content-body {
	background-color: #d0282e;
}

.beige.colored-content.content-panel, .beige.colored-content .content-body {
	background-color: #D3D3D3;
}

.colored-content .content-body {
	padding-top: 2em;
}

.colored-content .content-zone {
    background-color: #FFFFFF;
    padding: 0.5em 1em;
}

.colored-content .content-container.flex {
    align-items: normal;
    justify-content: space-between;
}

/* End Colored Content Zones */

/* Responsive @ 1300px */
@media (max-width: 1300px) {
	color
	.landing.v2 .sidebox #SideZone : #F6489F {
		-webkit-flex: 1 1 43%;
		-ms-flex: 1 1 43%;
		flex: 1 1 43%;
	}

	.landing.v2 .sidebox #MainZone {
		-webkit-flex: 0 0 57%;
		-ms-flex: 0 0 57%;
		flex: 0 0 57%;
	}

	h2.iframe-header.pink {
		font-size: 1.5em !important;
	}
}
/* End Responsive @ 1300px */

/* Responsive @ 900px */
@media (max-width: 900px) {
	.landing.v2 .fancy-list.hc2, .landing.v2 .content-panel {
		padding: 0 2%;
	}

	.landing.v2 .sidebox {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	
	.colored-content .content-container.flex {
	    flex-direction: column;
	}
	
	.colored-content .content-container.flex .half {
	    width: 100%;
	}
	
	.red.colored-content .content-container.flex .half:first-child {
	    border-bottom: 2em solid #d0282e;
	}
}
/* End Responsive @ 900px */

/* Responsive @ 817px */
@media (max-width: 817px) {
	.content-panel.leftlandingcol {
		padding-top: 0;
	}

	.wrap-iframe {
		margin-bottom: -1em;
	}

	.landing .sidebox {
		display: block;
	}

	.iframe-wrapper {
		width: 100%;
	}

	.n-landing.sub-banner-panel.hc2 .sub-banner-text {
		padding-top: 30%;
		min-width: 100%;
	}

	h2.iframe-header.pink {
		padding: .8em;
	}
	
	.flex.mobile-column {
	    flex-direction: column;
	    align-items: center;
	}
	
	.flex.mobile-column > * {
	    width: 100%;
	}
}
/* End Responsive @ 817px */

/* Responsive @ 800px */
@media (max-width: 800px) {
	.content-panel .third.right, .content-panel .third.left {
		width: 100%;
		float: none;
	}

	.Orthopedic-Services .n-landing.sub-banner-panel.hc2 .sub-banner-text {
		margin-top: 16em;
	}

	h2.iframe-header.pink {
		margin-bottom: 1em;
		padding: .8em;
	}

	.n-landing .wrap-iframepink {
		background-color: #FFFFFF;
	}

	.transplant-video {
		max-width: 100%;
	}
	.table.heart-screening{
	margin: 0 3% 0 3%;
	background-color: #D0282E;
}
}
/* End Responsive @ 800px */

/* Responsive @ 550px */
@media (max-width: 550px) {
	.mobile-width li {
	width: 100%;
}

.accordion-holder ul {
    margin-top: 0em !important;
}

	.table.heart-screening .header-side {
		width: 100%;
	}

	.table.heart-screening .header-top {
		display: none;
	}
	.content-panel .table.heart-screening > * > *:first-child, .content-panel .table.heart-screening > * > *:nth-child(2){
		border-bottom:none;
	
	}
	.content-panel .table.heart-screening > * > * {
		padding: 0 1em .5em;
}
}
/* End Responsive @ 550px */


/* Responsive @ 480px */
@media (max-width: 480px) {
	.wrap-iframe {
		overflow: visible;
		width: auto;
		height: auto;
		margin-bottom: 0em;
	}
}
/* End Responsive @ 480px */
