/* Color Tokens */
.color-tokens {
	color: #00678F; /* $primary */
	background-color: #F5866C; /* $secondary */
	border-top-color: #0F563E; /* $tertiary */
	border-right-color: #939598; /* $text */
	border-bottom-color: #DDEBF8; /* $light */
	border-left-color: #2C2C2E; /* $dark */
}
/* End Color Tokens */

/* Basic Content */
.content-panel img.third {
	width: auto;
	height: auto !important;
	max-width: 33%;
}

.content-panel img.two-thirds {
	width: auto;
	height: auto !important;
	max-width: 66%;
}

.content-panel img.fourth {
	width: auto;
	height: auto !important;
	max-width: 25%;
}

.content-panel img.left {
	margin: 2% 2% 2% 0;
}

.content-panel img.right, .content-panel iframe.right {
	margin: 2% 0 2% 2%;
}

.content-panel img.no-vert {
	margin-top: 0;
	margin-bottom: 0;
}

.content-panel .marg-auto, .content-panel .fancy.spotlight.marg-auto {
	margin-right: auto;
	margin-left: auto;
}

.content-panel table {
	max-width: 100%;
}

.content-panel .btn, .content-panel h1 a, .content-panel h2 a, .content-panel h3 a, .content-panel h4 a {
	text-decoration: none;
}

.content-panel hr {
	clear: both;
}

.content-panel iframe {
	max-width: 100%;
	border: none;
}

.content-panel .hidden {
	visibility: hidden;
}

.content-panel .half .buildflash, .content-panel .half [data-player], .content-panel .half [data-player] div {
	height: auto !important;
	max-width: 100%;
}

.content-panel .right.half .buildflash, .content-panel .right.half [data-player], .content-panel .right.half [data-player] div {
	float: right;
	margin-left: 1em;
}

.m-bottom, .fancy.spotlight.right.m-bottom, .fancy.spotlight.left.m-bottom {
	margin-bottom: 2%;
}

.content-panel img.half {
	width: auto;
	height: auto !important;
	max-width: 50%;
}

.content-panel iframe.half {
	width: 50%;
}

.content-panel table td {
	vertical-align: top;
}

.content-panel table td > p:first-child {
	margin-top: 0;
}
/* End Basic Content */

/* Force Videos to Auto-Resize */
.video-wrap {
	width: 100% !important;
	height: auto !important;
	position: relative;
	max-width: 640px;
}

.video-wrap.full-width {
	max-width: 100%;
}

.wide .video-wrap.full-width {
	max-width: 900px;
	margin: 0 auto;
}

.video-wrap video {
	width: 100% !important;
	height: auto !important;
}

.video-wrap .jwplayer {
	width: 100% !important;
	height: 0 !important;
	top: 0;
	left: 0;
	padding-bottom: 56.25% !important;
}
/* End Force Videos to Auto-Resize */

/* Spotlight */
.spotlight {
	padding: 2em 3.4em;
	background-color: #f8f8f8;
}

.wide .spotlight {
	padding: 2em 10%;
}

.spotlight > h2, .spotlight > h3, .spotlight > h4 {
	padding-top: 0;
}

.spotlight.v1 {
}
/* End Spotlight */

/* Fancy Lists */
ul.fancy {
	padding-left: 0;
}

.no-generatedcontent ul.fancy {
	padding-left: 1.5em;
}

ul.fancy li {
	position: relative;
	padding-left: 1.5em;
	margin-bottom: 1em;
	list-style: none;
}

ul.fancy li:before {
	position: absolute;
	top: .05em;
	left: 0;
	font-family: 'icomoon-ult';
	color: #F5866C; /* $secondary */
	content: '\e0ea';
}

ul.fancy.v2 li {
	position: relative;
	padding-left: 3.5em;
	margin-bottom: 2.5em;
	font-size: 1.125em;
	color: #00678F; /* $primary */
}

ul.fancy.v2 li:last-child {
	margin-bottom: 1.5em;
}

ul.fancy.v2 li span {
	position: absolute;
	left: -.3em;
	width: 2.7em;
	height: 1.5em;
	border-right: 1px solid #00678F; /* $primary */
	border-left: 1px solid #00678F; /* $primary */
}

ul.fancy.v2 li:before {
	top: -.5em;
	padding: .5em;
	color: #00678F; /* $primary */
	content: '\e7c2';
	box-shadow: 0 1px 0 #00678F, 0 -1px 0 #00678F; /* $primary */
}

ul.fancy.v3 li {
	padding-left: 12%;
	margin-bottom: 1.5em;
}

ul.fancy.v3 li:last-child {
	margin-bottom: 0;
}

ul.fancy.v3 li:before {
	width: 8%;
	height: 100%;
	background-image: url(/images/landing-images/check-mark.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
}

ul.fancy.v3 li h5, ul.fancy.v3 li p {
	margin: 0;
	font-size: 1em;
}

.no-generatedcontent ul.fancy li {
	padding-left: .25em;
	list-style: disc;
}

ul.timeline {
	position: relative;
	padding-left: 3em;
	overflow: hidden;
	list-style: none;
}

.no-generatedcontent ul.timeline {
	list-style: disc;
}

ul.timeline:before {
	position: absolute;
	top: 0;
	left: 1em;
	display: block;
	width: .5em;
	height: 100%;
	background-color: #00678F; /* $primary */
	border-radius: .25em;
	content: '';
}

ul.timeline li {
	position: relative;
	padding: .5em .75em;
	margin-bottom: .5em;
	background-color: #BDEDFF; /* lighten($primary,82%) */
	opacity: 0;
	transition: .75s ease;
	-webkit-transform: translateX(10%);
	-ms-transform: translateX(10%);
	transform: translateX(10%);
}

ul.timeline li.active, .cms-edit-content ul.timeline li {
	opacity: 1;
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
}

ul.timeline li:before {
	position: absolute;
	right: 100%;
	z-index: 2;
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin-right: 1em;
	background-color: #F5866C; /* $secondary */
	border: .25em solid #00678F; /* $primary */
	border-radius: 6em;
	content: '';
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	transition: .25s ease;
}

ul.timeline li:hover:before {
	-webkit-transform: scale(1.25);
	-ms-transform: scale(1.25);
	transform: scale(1.25);
}

ul.timeline li:after {
	position: absolute;
	top: .75em;
	right: 100%;
	display: block;
	border-top: .5em solid transparent;
	border-right: 1em solid #DAF5FF; /* lighten($primary,90%) */
	border-bottom: .5em solid transparent;
	content: '';
}

.listStyle {
	color: #00678F; /* $primary */
}

.listStyle p {
	color: #939598;
}
/* End Fancy Lists */

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

.content-list {
	margin-bottom: 1em;
}

.content-list h3 {
	position: relative;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	font-size: .8em;
	margin: 0;
	font-style: normal;
	font-family: 'Work Sans', sans-serif;
	letter-spacing: .1em;
	transition: .25s ease;
	background-color: #00678F; /* $primary */
	padding: 1em 3.3em 1em 1.3em;
	border-bottom: 3px solid #0F563E; /* $tertiary */
	cursor: pointer;
}

.content-list h3:hover {
	color: #FFFFFF;
	background-color: #0F563E; /* $tertiary */
	border-color: #00678F; /* $primary */
}

.content-list h3:before {
	position: absolute;
	top: 50%;
	right: 1.9em;
	display: block;
	width: 4px;
	height: 1.3em;
	margin-top: -0.575em;
	background-color: #DDEBF8; /* $light */
	content: '';
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: .3s ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.content-list h3:after {
	position: absolute;
	top: 50%;
	right: 1.3em;
	display: block;
	width: 1.4em;
	height: 4px;
	margin-top: -1px;
	background-color: #DDEBF8; /* $light */
	content: '';
	transition: .5s ease;
}

.content-list h3.active:before {
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.no-csstransforms .content-list h3.active:before {
	display: none;
}

.content-list [data-type=section] {
	padding: 2% 3%;
	margin: 0;
	background-color: #F1F1F1; /* $bg */
}

.content-list [data-type=section] ul {
	list-style: disc;
	padding-left: 1em;
	margin: 1em 0;
}

.content-list [data-type=section] ul li {
	margin-bottom: .25em;
}

.content-list [data-type=section] ul li ul {
	list-style: circle;
}

.content-list [data-type=section] h4 {
	color: #0F563E; /* $tertiary */
}

.content-list [data-type=item] {
	padding: 0;
}
/* End Content List */

/* Columns */
.content-panel .column {
	padding: 0;
	margin: 0;
	overflow: hidden;
	clear: both;
	list-style: none;
}

.content-panel .column.center {
	text-align: center;
}

.content-panel .column img.left, .content-panel .column img.right {
	margin-top: 0;
	margin-bottom: 0;
}

.content-panel .column ul {
	margin: 0 0 1em;
	list-style: disc;
}

.content-panel .column .results-list ul {
	list-style: none;
}

.content-panel .column ul li {
	list-style: inherit;
}

.content-panel .column ul.fancy li {
	list-style: none;
}

.content-panel .column li.text-r {
	text-align: right;
}

.content-panel .column > * {
	float: left;
	margin: 0 0 2% 0;
	list-style: none;
}

.content-panel .column.one > * {
	width: 100%;
}

.content-panel .column.two > * {
	width: 47%;
	margin-right: 1%;
}

.content-panel .column.two > *.third {
	width: 33%;
}

.content-panel .column.two > *.two-thirds {
	width: 66%;
}

.content-panel .column.two > *:nth-child(2n+1) {
	clear: both;
}

.content-panel .column.three > * {
	width: 33%;
}

.content-panel .column.three > *:nth-child(3n+1) {
	clear: both;
}

.content-panel .column.four > * {
	width: 25%;
}

.content-panel .column.four > *:nth-child(4n+1) {
	clear: both;
}

.no-hashchange .content-panel .column > * {
	margin-bottom: 5%;
}
/* End Columns */

/* Tables */
.content-panel .table {
	display: table;
	width: 100%;
	padding: 0;
	margin: 1em 0;
	list-style: none;
	table-layout: fixed;
}

.content-panel .table.short-left {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 100%;
}

.content-panel .table.short-left li div {
	width: 24%;
}

.content-panel .table.short-left li div + div {
	width: 75%;
}

.content-panel .table.header-top > *:first-child > div > h3, .content-panel .table.header-top > *:first-child > div > h2 {
	margin: 0 0 .4em;
	color: #DDEBF8; /* $light */
}

.content-panel .table li input {
	width: 100%;
}

.content-panel .table.third {
	width: 33%;
}

.content-panel .table.center {
	text-align: center;
}

.content-panel .table div.center {
	text-align: center;
}

.content-panel .table > * {
	display: table-row;
}

.no-display-table .content-panel .table > * {
	display: block;
}

.content-panel .table > * > * {
	display: table-cell;
	padding: 1%;
	margin: 0;
	vertical-align: middle;
}

.no-display-table .content-panel .table > * > * {
	float: left;
	width: 48%;
}

.content-panel .table.zebra > *:nth-child(even) {
	background-color: #C8F0FF; /* lighten($primary,85%) */
}

.content-panel .table.vert-top > * > * {
	vertical-align: top;
}

.content-panel .table.border > * > * {
	border: 1px solid #00678F; /* $primary */
}

.content-panel .table.border {
	border: 1px solid #00678F; /* $primary */
}

.content-panel .table.border.header-top > *:first-child > * {
	border: 1px solid #00678F; /* $primary */
}

.content-panel .table.header-top > *:first-child {
	color: #DDEBF8; /* $light */
	background-color: #00678F; /* $primary */
}

.content-panel .table.header-side > * > *:first-child {
	color: #fff;
	background-color: #00678F; /* $primary */
}

.content-panel .table.border.header-top > *:first-child > h4 {
	color: #F5866C; /* $secondary */
}

.content-panel .table.border.header-side > * > *:first-child {
	border-color: #00678F; /* $primary */
}

.content-panel .table.header-side > * > h4:first-child {
	color: #F5866C; /* $secondary */
}

.content-panel .table .spacer {
	color: #DDEBF8; /* $light */
}

.content-panel .table span.spacer {
	display: none;
}

.content-panel .table .table-head, .content-panel .table.zebra .table-head {
	color: #DDEBF8; /* $light */
	background-color: #00678F; /* $primary */
}

.content-panel .table .third {
	float: none;
	width: 33%;
}

.content-panel .table .two-thirds {
	float: none;
	width: 66.6%;
}

.content-panel .table li div.text-r {
	text-align: right;
}

table.directory tr:nth-child(even) {
	background-color: #C8E2EA;
}
/* End Tables */

/* Responsive @ 1200px */
@media screen and (max-width:1200px) {
	.content-panel .table.short-left {
		display: table;
	}

	.content-panel .table.short-left li div {
		width: 50%;
	}

	.content-panel .table.short-left li div + div {
		width: 100%;
	}
}
/* End Responsive @ 1200px */

/* Responsive @ 768px */
@media (max-width:768px) {
	.content-panel .column.three > * {
		float: none;
		width: 100%;
	}

	.content-panel .column.four > * {
		width: 47%;
	}

	.Medical-Staff-Brunswick-Campus .content-panel .table .third {
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}
}
/* End Responsive @ 768px */

/* Responsive 550px */
@media (max-width: 550px) {
	.fancy.spotlight.half, .fancy.spotlight .half {
		width: 100%;
	}

	.content-panel .column li.text-r .btn {
		margin-top: 1em;
	}

	.content-panel .column li.text-r {
		text-align: center;
	}
}
/* End Responsive 550px */

/* Responsive @ 480px */
@media (max-width:480px) {
	.content-panel .column.two > * {
		float: none;
		width: 100%;
	}

	.content-panel .column.four > * {
		float: none;
		width: 100%;
	}

	.content-panel .table.no-break > * > * {
		display: table-cell;
	}

	.content-panel .table > *.table-head {
		display: none;
	}

	.content-panel .table > * > *:first-child {
		border-bottom: none;
	}

	.content-panel .table > * > *:last-child {
		border-top: none;
	}

	.content-panel .table .spacer {
		color: inherit;
	}

	.content-panel .table.label .table-head {
		display: none;
	}

	.content-panel .table > * > *, .content-panel .table .third, .content-panel .table .two-thirds {
		display: block;
	}

	.content-panel .table.label > * > *:before {
		display: block;
		content: ' 'attr(data-label)':';
	}

	.content-panel .table.short-left li div {
		width: 100%;
	}

	.content-panel .table.short-left li div + p {
		width: 100%;
	}

	.content-panel .table > * > *, .content-panel .table .third {
		width: 100%;
	}
}
/* End Responsive @ 480px */

.content-panel .table.top > * > * {
	vertical-align: top;
}
