/* 404
============================================================= */

.page--404 {}

.page--404 .section--main-content {
	margin-bottom: 3rem;
}

/* Search
============================================================= */

.page--search {}

.page--search .section--header {
	text-align: center;
	padding-top: 4rem;
	margin-bottom: 2rem;
}

@media screen and (min-width: 48em) {
	.page--search .section--header {
		padding-top: 6rem;
		margin-bottom: 4rem;
	}
}

/* Directory Index
============================================================= */

.page--directory-index {}

.page--directory-index .section--header {
	text-align: center;
	padding-top: 4rem;
	margin-bottom: 2rem;
}

.page--directory-index .site--main section.top-content {
	margin: 0;
}

@media screen and (min-width: 48em) {
	.page--directory-index .section--header {
		padding-top: 6rem;
		margin-bottom: 4rem;
	}
}


/* Microsite paging, based on Intranet Paging */
.microsite-directory .c--pagination {
	display: none !important;
	/* This is to hide the paging controls from the CDS. We'll roll our own*/
}

.bio-pagination {
	margin-top: 5rem;
	margin-bottom: 0;
}

.controls {
	display: flex;
	justify-content: center;
}

.bio-pagination .page-button {
	background-color: #ffffff;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iLTAuNjI5IC0wLjkzOCAxMiAyMCI+PHBhdGggZmlsbD0iI2JmNTcwMCIgZD0iTTEwLjM0NCw4LjcwM2MtMC40MDgtMC40MDgtOC4yLTguMzQtOC4yLTguMzRDMS45MTUsMC4xMzMsMS41ODgsMCwxLjI0NiwwQzAuOTE0LDAsMC42MDUsMC4xMiwwLjM3OCwwLjMzOCBjLTAuNDk0LDAuNDc1LTAuNTA2LDEuMjU2LTAuMDI2LDEuNzQ0TDcuNjUsOS40OTVsLTcuMjk4LDcuNDEzYy0wLjQ4LDAuNDg3LTAuNDY5LDEuMjcsMC4wMjUsMS43NDNDMC42MTEsMTguODc2LDAuOTIsMTksMS4yNDgsMTkgYzAuMzQsMCwwLjY1Ny0wLjEzMywwLjg5Ni0wLjM3M2MwLDAsNy44MjQtNy45NTQsOC4xNDktOC4yNzlDMTAuNzE5LDkuOTIyLDEwLjcxNiw5LjA3NCwxMC4zNDQsOC43MDN6Ii8+PC9zdmc+');
	background-position: 56.25% center;
	background-repeat: no-repeat;
	width: 2.875rem;
	height: 2.875rem;
	position: relative;
	border: .0625rem solid #d5d5d5;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
}

.bio-pagination .page-button.prev {
	transform: rotate(180deg);
}

.bio-pagination .page-button.disabled {
	background-color: #d8d8d8;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iLTAuNjI5IC0wLjkzOCAxMiAyMCI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTEwLjM0NCw4LjcwM2MtMC40MDgtMC40MDgtOC4yLTguMzQtOC4yLTguMzRDMS45MTUsMC4xMzMsMS41ODgsMCwxLjI0NiwwQzAuOTE0LDAsMC42MDUsMC4xMiwwLjM3OCwwLjMzOCBjLTAuNDk0LDAuNDc1LTAuNTA2LDEuMjU2LTAuMDI2LDEuNzQ0TDcuNjUsOS40OTVsLTcuMjk4LDcuNDEzYy0wLjQ4LDAuNDg3LTAuNDY5LDEuMjcsMC4wMjUsMS43NDNDMC42MTEsMTguODc2LDAuOTIsMTksMS4yNDgsMTkgYzAuMzQsMCwwLjY1Ny0wLjEzMywwLjg5Ni0wLjM3M2MwLDAsNy44MjQtNy45NTQsOC4xNDktOC4yNzlDMTAuNzE5LDkuOTIyLDEwLjcxNiw5LjA3NCwxMC4zNDQsOC43MDN6Ii8+PC9zdmc+');
	cursor: default;
}

.bio-pagination .page-select {
	font-size: 1rem;
	line-height: 1.5rem;
	padding: 0 1.5rem;
	margin-left: 1em;
	margin-right: 1em;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	border: 0px;
	outline: 0px;
	height: 2.875rem;
	width: 15rem;
	background-color: #f8f8f8;
	color: black;
}

.bio-pagination .page-select option {
	text-align: center;
	color: black;
}

/* Directory Entry
============================================================= */

.page--directory-entry {}

.page--directory-entry .top-container[min-width~="48rem"] .title-container {
	max-width: 35rem;
	padding-left: 2rem;
}

.page--directory-entry .main-content {
	margin-bottom: 4rem;
}

@media screen and (min-width: 48em) {
	.page--directory-entry .main-content {
		margin-bottom: 6rem;
	}
}

@media screen and (min-width: 64em) {
	.page--directory-entry .main-content {
		margin-bottom: 8rem;
	}
}

.page--directory-entry .section--tabs {}

.page--directory-entry .section--tabs .tabs {
	margin: 1.5rem 0 3rem 0;
	border: 0 solid #caccd2;
	border-bottom-width: 0.0625rem;
}

.page--directory-entry .section--tabs .tabs .tab {
	display: inline-block;
	width: 50%;
	max-width: 12rem;
}

.page--directory-entry .section--tabs .tabs .tab .tab-link {
	width: 100%;
	height: -webkit-calc(100% + 0.0625rem);
	height: calc(100% + 0.0625rem);
	padding: 0.875rem;
	position: relative;
	bottom: -0.0625rem;
	font-size: 1rem;
	line-height: 1.25rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .0625rem;
	text-align: center;
	color: #767676;
	cursor: pointer;
}

.page--directory-entry .section--tabs .tabs .tab .tab-link .tinytext {
	font-size: .5rem;
}

.page--directory-entry .section--tabs .tabs .tab .tab-link.active {
	background-color: #ffffff;
	border: .0625rem solid #caccd2;
	border-top-width: 0;
	border-bottom-width: 0;
	color: #00808b;
	position: relative;
}

.page--directory-entry .section--tabs .tabs .tab .tab-link.active:before {
	content: '';
	position: absolute;
	top: 0;
	left: -.0625rem;
	width: -webkit-calc(100% + .125rem);
	width: calc(100% + .125rem);
	height: .1875rem;
	background-color: #00808b;
}

.page--directory-entry .section--tabs .panel:not(.active) {
	display: none;
	visibility: hidden;
}

.page--directory-entry #consulting_clinician {
	position: relative;
}

.page--directory-entry #bubble {
	color: #000000;
	font-size: 12px;
	line-height: 14px;
	position: absolute;
	margin-left: 75px;
	padding: 15px 20px 10px 10px;
	border: 2px solid #000000;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height: auto;
	width: 270px;
	z-index: 1000;
}

@media screen and (max-width: 48em) {
	.page--directory-entry #bubble {
		margin-left: 30px;
	}
}

/* creates the large black  triangle */
.page--directory-entry #bubble:before {
	content: "";
	position: absolute;
	top: -20px;
	/* controls vertical position */
	bottom: auto;
	left: 150px;
	border-style: solid;
	border-width: 0px 10px 20px 10px;
	border-color: #000000 transparent;
	/* reduce the damage in FF3.0 */
	display: block;
	width: 0;
}

/* creates the smaller white triangle */
.page--directory-entry #bubble:after {
	content: "";
	position: absolute;
	top: -18px;
	bottom: auto;
	left: 150px;
	border-style: solid;
	border-width: 0px 10px 20px 10px;
	border-color: #fff transparent;
	/* reduce the damage in FF3.0 */
	display: block;
	width: 0;
}

.page--directory-entry #bubble #bubble_close_button {
	display: none;
}

@media screen and (max-width: 64em) {
	.page--directory-entry #bubble #bubble_close_button {
		display: inline;
		color: #777;
		text-decoration: none;
		position: absolute;
		right: 5px;
		top: 5px;
		border: none;
	}

	.page--directory-entry #bubble #bubble_close_button:after {
		content: '×';
	}
}


.page--directory-entry .directory-addresses {
	float: left;
	margin: 0 0 5rem 0;
}

.page--directory-entry .directory-addresses-col {}

.page--directory-entry .directory-address-text {
	font-size: 1rem;
	line-height: 1.5rem;
	color: #6E7881;
}

.page--directory-entry .directory-address-text a {
	word-break: break-word;
}

.page--directory-entry .directory-address-text i:before {
	margin-left: 5px;
	font-size: .8rem;
	vertical-align: text-top;
}

.page--directory-entry .directory-address-title {
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #6E7881;
}

@media screen and (max-width: 64em) {
	.page--directory-entry .directory-addresses {
		margin: 0 0 5rem 0;
	}
}

.page--directory-entry #map {
	height: 500px;
	width: 90%;
	margin: 1rem auto 0 auto;
}

.page--directory-entry #publications .item .link {
	font-size: .875rem;
	line-height: 1.5rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .0625rem;
	border-bottom: 0;
}

.page--directory-entry #publications .item .link:hover {
	text-decoration: none;
}

.page--directory-entry #publications .item .link .icon {
	display: inline-block;
	color: #005f86;
	margin-right: .5rem;
	vertical-align: middle;
	width: 1.5rem;
	height: 1.5rem;
}

.page--directory-entry #publications .item .link .text {
	display: inline-block;
	color: #005f86;
	vertical-align: middle;
}

.page--directory-entry #publications .item .link .text:hover {
	text-decoration: underline;
}

.page--directory-entry #publications .item .link:hover .icon,
.page--directory-entry #publications .item .link:hover .text {
	color: #00466b;
}

.page--directory-entry .fa-fw {
	font-size: 1.375rem;
}

.page--directory-entry .fa-external-link {
	margin-left: 0.4rem;
	font-size: 0.7rem;
}

.page--directory-entry .fa-external-link:before {
	vertical-align: super;
}

.page--directory-entry .research-links .h-type ul li:before {
	display: none;
}


/* Care Teams Index
============================================================= */

.page--care-teams-index {
	background-color: #fbfbfb;
}

.page--care-teams-index .top-content .module:not(:last-child) {
	margin-bottom: 0;
}

.page--care-teams-index .module--banner {
	margin-bottom: 0;
}

/* Care Teams Entry
============================================================= */

.page--care-teams-entry {}

.page--care-teams-entry .section--main-text-block {
	margin-bottom: 4rem;
}

/* Specialists
----------------------------- */

.page--care-teams-entry .section--specialists {
	margin-bottom: 3rem;
}

.page--care-teams-entry .section--specialists .content {
	margin-bottom: 1rem;
}

.page--care-teams-entry .section--specialists .specialist {
	position: relative;
	padding-left: 1.5rem;
	margin-bottom: 3rem;
}

.page--care-teams-entry .section--specialists .specialist:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: .25rem;
	height: 3.125rem;
	background-color: #e6e0ce;
}

/* Clinics
----------------------------- */

.page--care-teams-entry .section--clinics {}

.page--care-teams-entry .section--clinics .content {
	margin-bottom: 1rem;
}

/* Conditions
----------------------------- */

.page--care-teams-entry .section--conditions {
	margin-bottom: 3rem;
}

.page--care-teams-entry .section--conditions .condition {
	display: block;
}

/* Treatments
----------------------------- */

.page--care-teams-entry .section--treatments {
	margin-bottom: 3rem;
}

/* Clinics Index
============================================================= */

.page--clinics-index {}

.page--clinics-index .top-content .module:not(:last-child) {
	margin-bottom: 0;
}

/* Clinics Entry
============================================================= */

.page--clinics-entry {}

.page--clinics-entry .section--header {
	text-align: center;
	padding-top: 4rem;
	margin-bottom: 2rem;
}

@media screen and (min-width: 48em) {
	.page--clinics-entry .section--header {
		padding-top: 6rem;
		margin-bottom: 4rem;
	}
}

.page--clinics-entry .main-content .section {
	margin-bottom: 3rem;
}

.page--clinics-entry .section--conditions .content .sidebar a {
	display: block;
}

/* Clinics Site Entry
============================================================= */

.page--clinics-site-entry {}

.page--clinics-site-entry .section--header {
	text-align: center;
	padding-top: 2rem;
	margin-bottom: 1rem;
}

@media screen and (min-width: 48em) {
	.page--clinics-site-entry .section--header {
		margin-bottom: 2rem;
	}
}

.page--clinics-site-entry .main-content .section {
	margin-bottom: 3rem;
}

.page--clinics-site-entry .section--conditions .content .sidebar a {
	display: block;
}


/* Clinical Trials Index
============================================================= */

.page--clinical-trials-index {}

.page--clinical-trials-index .top-content .section--trials-header {
	margin-top: 6rem;
}

.page--clinical-trials-index .top-content h1 {
	text-align: center;
}

.page--clinical-trials-index .main-content {
	padding-bottom: 10rem;
}

/* Conditions Index
============================================================= */

.page--conditions-index {
	background-color: #fbfbfb;
}

.page--conditions-index .top-content .module:not(:last-child) {
	margin-bottom: 0;
}

.page--conditions-index .alphalist {
	margin: 0 auto 2rem auto;
	text-align: left;
}

.page--conditions-index .alphalist a {
	display: inline-block;
	text-align: center;
	background-color: white;
	color: #3F808A;
	border: 2px solid #3F808A;
	width: 3rem;
	height: 3rem;
	line-height: 100%;
	padding: .3rem .25rem .25rem .25rem;
	font-size: 2rem;
	font-weight: bold;
	margin: 0 1rem 1rem 0;
	cursor: pointer;
}

.page--conditions-index .alphalist a:hover {
	background-color: #3F808A;
	color: #ececec;
}

.page--conditions-index .selected-letter {
	background-color: #3F808A !important;
	color: white !important;
}

.page--conditions-index .deadlink {
	display: inline-block;
	text-align: center;
	background-color: #ececec;
	color: #68686D;
	border: 2px solid #68686D;
	width: 3rem;
	height: 3rem;
	line-height: 100%;
	padding: .3rem .25rem .25rem .25rem;
	font-size: 2rem;
	font-weight: bold;
	margin: 0 1rem 1rem 0;
}

.page--conditions-index .condition-list {
	orphans: 1;
	widows: 1;
	gap: 1.5rem;
}

.page--conditions-index .condition-list article {
	display: inline-block;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 1px;
	padding: 1.25rem;
	width: 100%;
}

.page--conditions-index .condition-list ul {
	list-style: none;
}

.page--conditions-index .condition-list ul li {
	padding: 4px;
}

.page--conditions-index .condition-title {
	font-weight: 600;
	font-size: 1.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #dfdfdf;
}

/* Conditions Entry
============================================================= */

.page--conditions-entry {}

.page--conditions-entry .top-content {
	margin-bottom: 0;
}

@media screen and (min-width: 48em) {
	.page--conditions-entry .top-content {
		margin-bottom: 0;
	}
}

.page--conditions-entry .section--sidebar-text-block .item {
	display: block;
}

.page--conditions-entry .main-content {
	margin-bottom: 3rem;
}

@media screen and (min-width: 48em) {
	.page--conditions-entry .main-content {
		margin-bottom: 3rem;
	}
}

.page--conditions-entry .main-content .section {
	margin-bottom: 3rem;
}

.page--conditions-entry .section--meet-your-team {
	background-color: #fbfbfb;
	padding-top: 3rem;
	padding-bottom: 1rem;
	margin-bottom: 3rem;
}

.page--conditions-entry .section--meet-your-team .meet-your-team-wrapper {
	max-width: 100rem;
	padding: 0 1rem;
	margin: 0 auto;
	margin-bottom: 3rem;
}

@media screen and (min-width: 48em) {
	.page--conditions-entry .section--meet-your-team .meet-your-team-wrapper {
		padding: 0 2rem;
	}
}

.page--conditions-entry .section--meet-your-team:last-child {
	margin-bottom: 0;
}

/* Departments and Institutes Index
============================================================= */

.page--departments-and-institutes-index {
	background-color: #fbfbfc;
}

.page--departments-and-institutes-index .section--header {
	text-align: center;
	padding-top: 4rem;
}

@media screen and (min-width: 48em) {
	.page--departments-and-institutes-index .section--header {
		padding-top: 6rem;
	}
}

.page--departments-and-institutes-index .section--cards {}

.page--departments-and-institutes-index .section--cards .card:not(:last-child) {
	margin-bottom: 3rem;
}

/* Departments and Institutes Entry
============================================================= */

.page--departments-and-institutes-entry {}

/* Documentation Index
============================================================= */

.page--documentation-index {}

.page--documentation-index .documentation-wrapper {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	display: block;
	padding: 60px;
}

.page--documentation-index .documentation-children .divider {
	border-top: 1px dashed #333333;
	margin-top: 60px;
}

/* Documentation Detail
============================================================= */

.page--documentation-entry {}

.page--documentation-entry .documentation-wrapper {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	display: block;
	padding: 60px;
}

.page--documentation-entry .documentation-children .divider {
	border-top: 1px dashed #333333;
	margin-top: 60px;
}


/* FAQ Index
============================================================= */

.page--faq-index {}

.page--faq-index .section--items {}

.page--faq-index .section--items .faq-section {}

.page--faq-index .section--items .faq-section:not(:last-child) {
	margin-bottom: 3rem;
}

.page--faq-index .section--items .faq-section .header {}

.page--faq-index .section--items .faq-section .entries {}

.page--faq-index .section--items .faq-section .entries .entry {
	margin-bottom: 3rem;
}

.page--faq-index .section--items .faq-section .entries[min-width~="48rem"] .entry {
	padding-right: 4rem;
}

.page--faq-index .section--items .faq-section .entries .entry h3 {
	margin-bottom: 1.5rem;
}

.page--faq-index .section--items .faq-section .entries .entry h3 a {
	color: currentColor;
}

.page--faq-index .section--items .faq-section .entries .entry .list {
	padding: 0;
}

.page--faq-index .section--items .faq-section .entries .entry .list .item {
	margin-bottom: 1.5rem;
}

.page--faq-index .section--items .faq-section .entries .entry .list .item:before {
	display: none;
}

.page--faq-index .section--items .faq-section .entries .entry .list .item .link {
	font-weight: 700;
	border-bottom: 0;
}

.page--faq-index .section--items .faq-section .entries .entry .list .item .link.view-all {
	font-size: 1rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	letter-spacing: 0.0625rem;
}

/* FAQ Entry
============================================================= */

.page--faq-entry {}

.page--faq-entry .section--items {
	width: 100%;
	margin: 0 auto;
}

.page--faq-entry .section--items .faq-list {}

.page--faq-entry .section--items .faq-item {
	background-color: #ffffff;
	border: .0625rem solid #d7d7d7;
	border-radius: .1875rem;
	padding: 1.75rem 1.5rem 2rem .75rem;
}

.page--faq-entry .section--items .faq-item:not(:last-child) {
	margin-bottom: 1.5rem;
}

.page--faq-entry .section--items .faq-question {}

.page--faq-entry .section--items .faq-question .faq-toggle {
	width: 100%;
	cursor: pointer;
}

.page--faq-entry .section--items .faq-question .faq-toggle .text {
	text-align: left;
	padding-left: 1.75rem;
}

.page--faq-entry .section--items .faq-question .faq-toggle .text .h3 {
	display: inline;
	margin-left: -2rem;
}

.page--faq-entry .section--items .faq-question .faq-toggle .text .h3:hover {
	color: #00808b;
}

.page--faq-entry .section--items .faq-question .faq-toggle.is-expanded .text .h3 {
	color: #00808b;
}

.page--faq-entry .section--items .faq-question .faq-toggle .text .icon {
	display: inline-block;
	vertical-align: middle;
	width: 2rem;
	height: 2rem;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.page--faq-entry .section--items .faq-question .faq-toggle.is-expanded .text .icon {
	-webkit-transform: none;
	transform: none;
}

.page--faq-entry .section--items .faq-answer {
	padding-left: 2rem;
	padding-right: 1rem;
}

.page--faq-entry .section--items .faq-answer .faq-content {
	padding-top: 1rem;
}

/* Homepage
============================================================= */

.page--homepage {}

/* Banner
----------------------------- */
.page--homepage .section--homepage-banner .banner {
	display: block;
	min-height: 62.5vmin;
	background-position: center center;
	background-size: cover;
}

.page--homepage .section--homepage-banner[min-width~="64rem"] .banner {
	min-height: 40rem;
}

@media screen and (min-height: 60.625em) {
	.page--homepage .section--homepage-banner[min-width~="64rem"] .banner {
		min-height: 62.5vmin;
	}
}

.page--homepage .section--homepage-banner-and-buttons .banner-image {
	min-height: 62.5vmin;
	background-position: center top;
	background-size: cover;
}

/* Banner auto vertical height removed to keep it short */
@media screen and (min-height: 60.625em) {
	.page--homepage .section--homepage-banner-and-buttons[min-width~="64rem"] .banner-image {
		min-height: 62.5vmin;
	}

	.page--homepage .section--homepage-banner-and-buttons[min-width~="64rem"] .banner-content {
		min-height: 62.5vmin;
	}
}

.page--homepage .blog-banner {
	position: relative;
	width: 100vw;
	left: calc(-50vw + 50%);
	display: block;
	min-height: 50vmin;
	background-position: center center;
	background-size: cover;
	text-align: center;

}

.page--homepage .blog-banner-text {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 75%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.page--homepage .blog-banner-text .blog-banner-body p {
	font-size: 3.75rem;
	line-height: 1.1;
}

.page--homepage .blog-banner-text .link {
	font-size: 1.125rem;
	text-transform: uppercase;
	background-color: white;
	color: #252e3a;
	opacity: 0.875;
	padding: 1.75rem 2rem !important;
	font-weight: 700;
	display: inline-block;
}

.page--homepage .feature {
	float: left;
}

.page--homepage .see-all {
	float: right;
	color: #bf5700;
	text-decoration: none;
	border: none;
}

.page--homepage .featured-title {
	margin-bottom: 0px;
}

.page--homepage .featured-link {
	font-style: italic;
	color: #9cadb7;
	margin-bottom: 0px;
}


.page--homepage .section--homepage-banner .wrapper {
	width: 100%;
	max-width: 80rem;
	margin: 0 auto;
	padding: 0 1rem;
	position: relative;
}

.page--homepage .main-content {
	position: relative;
}

@media screen and (min-width: 48em) {
	.page--homepage .section--homepage-banner .wrapper {
		padding: 2rem 2rem;
	}
}


.page--homepage .section--homepage-banner-and-buttons .wrapper {
	width: 100%;
	max-width: 80rem;
	margin: 0 auto;
	padding: 0 1rem;
	position: relative;
}

@media screen and (min-width: 48em) {
	.page--homepage .section--homepage-banner-and-buttons .wrapper {
		padding: 2rem 2rem;
	}
}




/*hide most of the home page when it gets small */
@media screen and (max-width: 64em) {

	.section--homepage-banner {
		display: none;
	}

	/*
	.page--homepage .top-content {
		display: none;
	}
	*/
	.page--homepage .blog-banner {
		display: none;
	}

	.page--homepage .module--image-text-block-cta {
		display: none;
	}
}


/* Homepage Refresh Overrides and New Styles
============================================================= */

.banner-image-container {
	max-width: 1600px;
	margin: auto;
}

.banner-content {
	max-width: 1600px;
	width: 100%;
}


/* Prepended brightness and saturate to turn image completely black before applying full filter */
.white-filter {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(325deg) brightness(102%) contrast(101%);
}

.banner-col-one {
	border-style: solid;
	border-color: #ffffff;
	border-width: 2px 0px 0px 2px;
	height: 100%;
	padding: 0;
}

.banner-col-two {
	border: 1px solid #ffffff;
	height: 100%;
	padding: 0;
}

/* Mobile @ 768 */
@media screen and (max-width: 47.9375em) {
	.page--homepage .blog-listing-image {
		padding-bottom: 1.5rem !important;
	}

	.page--homepage .top-content {
		margin: 0 auto 1rem auto;
	}

	.help-button-text {
		font-size: .75rem;
	}

	.banner-col-one {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.banner-col-two {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.site--subheader {
		margin-bottom: 1rem;
	}

	.banner-content-wrapper {
		position: absolute;
		bottom: 3rem;
		left: 2rem;
		right: 10%;
	}

	.banner-headline {
		font-size: 2rem;
		line-height: 2rem;
	}

	.banner-subheadline {
		line-height: 1.5rem;
	}

}

@media screen and (min-width: 48em) {
	.page--homepage .top-content {
		margin: 0 auto 3rem auto;
	}

	.page--homepage .blog-listing-image {
		padding-right: 0 !important;
	}

	.ghost-banner {
		display: none !important;
	}

	.banner-content-wrapper {
		position: absolute;
		bottom: 60%;
		left: 6rem;
		right: 30%;
	}

	.page--conditions-index .condition-list {
		column-count: 2;
	}

}

@media screen and (min-width: 64em) {
	.banner-content-wrapper {
		position: absolute;
		bottom: 4rem;
		left: 6rem;
		right: 50%;
	}

	.page--conditions-index .condition-list {
		column-count: 3;
	}
}


/* Blog listing pages
============================================================= */
.blog-page {
	width: 100%;
	margin: auto;
	box-sizing: border-box;
}

/* .blog-page .site--subheader > .wrapper {
	max-width: 1440px; 
 } */

.blog-page h1,
.blog-page h2,
.blog-page .blog-title,
.related-blogs h2 {
	font-family: "Charis", serif;
	/* font-family: 'Open Sans', sans-serif;*/
}

.blog-page .blog-title {
	font-size: 3.5rem;
	line-height: 1em;
	padding-bottom: 25px;
	text-align: center;
}

.blog-page .bloglist img {
	width: 100%;
    max-width: 1000px;
    object-fit: cover;
	aspect-ratio: 40/21;
}

.blog-page .blog_entry {
	width: 100%;
	margin: auto;
	padding: 15px;
	min-width: 240px;
	flex-direction: column;
}

.blog-page .blog_entry a:has(img){
	display: flex;
	width: 100%;
	padding-bottom: 4px;
}

.blog-heading {
	font-size: 2.7rem;
}

.blog-page .blog_entry .blog-list-body p {
	font-size: 1rem;
	line-height: 1.25rem;
	padding-right: 10px;
}

.blog-list-body .h-type p {
	padding-right: 10px;
}

.blog-page .top-content {
	margin-bottom: 0;
}

/* Blog inner menu */
.blog-page .menu {
	margin: 0 10px 0 -6px;
	padding-bottom: 50px;
	box-sizing: border-box;
}

.blogmenu {
	width: 100%;
	max-width: 620px;
	margin: auto;
}



.blog-page .blogmenu .navbar-nav {
	display: flex;
	justify-content: start;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	width: 100%;
}

.blogmenu>.container {
	max-width: 1400px;
	padding: 3px 0px 0px;
	width: 100%;
}

.blogmenu .bg-cerulean-button>a.dropdown-switch,
.blogmenu .bg-cerulean-button>a.dropdown-switch:active,
.blogmenu .bg-cerulean-button>a.dropdown-switch:focus {
	background-color: #005f86;
	color: white;
}

.blogmenu .bg-cerulean-button>a.dropdown-switch:hover {
	background-color: #295277;
	color: white;
}

.blogmenu .dropdown-menu li>a {
	color: #005f86;
}

.blogmenu .categories ul {
	background-color: #005f86;
	color: white;
}

.blogmenu .categories ul>li:hover {
	background-color: #295277;
	color: white;
}


.blogmenu .categories ul a {
	color: white;
}

.blogmenu .categories ul a:hover,
.blogmenu .categories ul a:focus {
	background-color: #295277;
	color: white;

}


.blog-tags-a li {
	width: 100%;
}

.blog-tags-a li a {
	line-height: 1.5rem;
	padding-left: 30px;
}

.blog-tags::before {
	font-family: "Font Awesome 5 Free";
	text-align: center;
	font-size: 1rem;
	/*color:#3F808A;*/
	color: #ccc;
	font-weight: 900;
	content: "\f02b";
}


/* Caret Dropdown Icon for mobile toggle*/
.blogmenu .navbar-toggler.dropdown-switch::after {
	display: inline-block;
	font-size: 1.85rem;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f107";
	position: absolute;
	left: 88%;
}

.blogmenu button.color-bg-cerulean-blue {
	width: 100%;
	text-align: left;
	margin-left: 18px;
	padding: 10px;
	padding-left: 20px;
	background-color: #f5f5f5;
	color: #000;
	font-size: 1.65rem;
}

.main-menu .navbar-nav .dropdown-switch::after {
	margin-left: 10px;
}

/*  Blog featured items  */
.blog-page .blog-featured {
	width: 100%;
	margin: auto;
	margin-top: -20px;
}

.blog-page .blog-featured .col-lg {
	padding: 7px;
}

.blog-feature.large-cell {
	max-width: 550px;
	margin: auto;
	padding-bottom: 50px;
}

.blog-page .blog-featured h1.blog-heading {
	margin-bottom: 10px;
}

/* Blog entry */
.blog-page .bloglist {
	padding: 2px;
}

.blog-page .blog-featured .blog-heading {
	text-align: center;
}

.blog-page .bloglist .blog-heading.latest {
	margin: 0;
	text-align: center;
}

.blog-page .blog-title h1 {
	font-size: 3.5rem;
	line-height: 1;
	margin-bottom: 0.5rem;
}

.blog-page .blog-title h2 {
	display: block;
	font-family: "Open Sans", sans-serif;
	font-size: 1.75rem;
	line-height: 2.5rem;
}

.blog-detail {
	width: 100%;
	padding-bottom: 10px;
	font-size: .85em;
	line-height: 15px;
	display: inline-block;
	padding-top: 5px;
}

.blog-detail .blog-list-date:not(:first-child):before {
	content: " | ";
}

.blog-detail .credits {
	max-width: 75%;
	float: left;
	vertical-align: middle;
	font-size: 1.25rem;
	line-height: 1.5rem;
	font-weight: 400;
}

.bloglist .blog_list_title {
	margin-bottom: 10px;
}

.blog-list-title a {
	color: #005f86;
}

.blog_list_title a:hover,
.blog_list_title a:active,
.blog_list_title a:focus {
	color: #285c72;
}

.blog-list-category,
.blog-list-date {
	font-weight: 900;
}

small .blog-list-category {
	font-weight: normal;
}

.blog-list-category:not(:last-child):after {
	content: ', ';
	color: #3F808A;
}

.blog-list-category:last-of-type:after {
	content: '';
	height: 0;
}

.blog-list-categories small {
	position: relative;
}

.blog-list-categories {
	padding-top: 15px;
}

/* blog entry */
.blog-detail .social-right {
	float: right;
}

.blog-detail small {
	line-height: 10px;
	vertical-align: middle;
}

.blog-detail .c--share-buttons.social-right {
	margin-bottom: -15px;
	position: relative;
	top: -5px;
}

.blog-detail .c--share-buttons.social-right>.label>.h5 {
	font-size: 14px;
	line-height: 10px;
}

.blog-detail .c--share-buttons.social-right>.buttons>.share-button {
	height: 26px;
	width: 26px;
}

.blog-detail .c--share-buttons.social-right>.buttons svg {
	height: 15px;
	width: 15px;
}

.blog-page .blog_entry figure,
.blog-page .blog_entry figure img {
	padding: 0;
	margin: 0;
}

.blog-page .blog_entry figure {
	position: relative;
	top: -35px;
}

figcaption {
	font-style: italic;
}

/* exists utha-pages add 1rem to border bottom */
.blog-page .blog_list {
	width: 100%;
	margin: auto;
}

.blog_list .blog_entry {
	margin-bottom: 1rem;
}

.blog-page .bloglist .body-content-column.latest-blogs>.blog_entry {
	border-bottom: 2px solid #f5f5f5;
	margin-bottom: 50px;
	flex-direction: column;
}

.blog-page .blog-bottom {
	margin: 50px 0 50px 0;
	border-top: 1px solid #ccc;
}

.blog-bottom .about {
	padding: 50px 0 0;
}

.blog-bottom .about h2 {
	font-size: 1.5rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.2;
}

.blog-bottom .about p {
	font-size: 1rem;
	line-height: 1.5;
}

.blog-page .more_blogs {
	margin: 20px auto;
	display: flex;
	justify-content: center;
}

.blog-page .outro-content {
	padding: 0 2em;
}

.blog-page .blog-col-right {
	position: relative;
	top: 15px;
	background: #f5f5f5;
	padding: 5px;
}

.blog-video .col-4,
.blog-popular .col-4,
.blog-latest .col-4 {
	display: flex;
	flex-wrap: wrap;
	height: 16vh;
	flex-grow: 1;
}

.blog-video img,
.blog-popular img,
.blog-latest img {
	max-height: 130px;
	min-width: 70px;
	object-fit: cover;
	vertical-align: top;
	/*  border-color: #b1bec4;
	box-shadow: 0 4px 4px 0 #b1bec4;*/
}

.blog-video .col-4 {
	min-height: 90px;
	text-align: center;
}

.blog-video .col-4::before {
	position: absolute;
	margin: auto;
	font-family: "Font Awesome 5 Free";
	top: 41%;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 5rem;
	content: "\f144";
	z-index: 10;
}


.blog-right {
	background: #f5f5f5;
	font-size: 1rem;
	line-height: 1.2em;
	padding: 0 10px 10px;
}

.blog-right h4 {
	font-size: 2.25rem;
}

.blog-right .row,
.blog-right h4 {
	padding: 10px;
}

.blog-right .row>.col-4 {
	/*padding:5px;*/
}

.blog-right .row>.col-4>.imgbt {
	margin: 0;
	padding: 0;
}

.blog-right .col-8 {
	padding: 4px;
}

.blog-right .row {
	background-color: #f5f5f5;
	box-sizing: border-box;
}

/*.blog-right .row:hover {
   background-color:#fbfbfc;
   transition: background-color 800ms linear;
 }
 .blog-right .row.searchblog:hover{
   background-color:#f5f5f5;
 }*/
.blog-right a {
	color: #005f86;
	border: 0;
}

.blog-right a:hover,
.blog-right a:active,
.blog-right a:focus {
	color: #285c72;
	border: 0;
	outline: none;
	box-shadow: 0 0 0 0 transparent;
}

/*.blog-right p {text-align:left;}*/
.blog-right:last-child {
	margin-bottom: 35px;
}

.blog-right>.c--share-buttons {
	padding: 10px;
}

.row.searchblog {
	width: 100%;
	margin: auto;
	padding: 0 10px 35px 10px;
	overflow: visible;
}

.search-page .searchblog {
	padding: 0;
	max-width: 600px;
}

.searchblog-form {
	display: flex;
	width: 100%;
}

.searchblog .center {
	/*padding:10px;*/
}

.searchblog .query-text-blog {
	width: 70%;
	height: 42px;
	border: 1px solid grey;
	margin: 5px;
	padding-left: 20px;
	box-sizing: border-box;
	transition: 0.3s;
	background: #fff;
}

.searchblog .query-text-blog:focus {
	border-color: #005f86;
	box-shadow: 0 0 5px 0 #005f86;
	background: #fff;
}

.searchblog .btn-search {
	width: 30%;
	min-width: 90px;
	text-align: center;
	background-color: #005f86;
	border-radius: 24px;
	position: relative;
	height: 42px;
	margin: 5px;
	padding: 6px;
	text-transform: uppercase;
	font-weight: 600;
}

.searchblog .btn-search:hover {
	background-color: #285c72;
	border-color: #005f86;
	box-shadow: 0 0 5px 0 #005f86;
}


@media screen and (max-width: 48em) {

	.module--multi-column-image-and-text-block .wrapper .column-container {
		padding-left: 0;
		padding-right: 0;
	}

}


@media screen and (max-width: 600px) {
	blog-detail .credits {
		max-width: 100%;
	}

	.blog-detail .c--share-buttons.social-right {
		float: left;
		margin-bottom: 0;
		top: 0;
		width: 100%;
	}

	.blog-page .blog-featured .blog-heading {
		margin-top: -20px;
		padding-bottom: 10px;
	}
}

.more_blogs {
	background-color: #3F808A;
	color: white !important;
	border-bottom: none;
	width: 10rem;
	height: 1.9rem;
	padding: .5rem !important;
	margin: 0 auto 0 auto;
	text-align: center;
	cursor: pointer;
	font-size: .8rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: .9rem;
	text-align: center;
	margin: 20px auto;
}

@media only screen and (min-width:38.4em) {

	.blogmenu .navbar-toggler.dropdown-switch::after {
		position: absolute;
		left: 91%;
	}
}

@media only screen and (min-width:49.6em) {
	.blog-page .menu {
		margin: 0;
	}

	.blogmenu .dropdown-menu .dropdown-toggle:after {
		border-top: .3em solid transparent;
		border-right: 0;
		border-bottom: .3em solid transparent;
		border-left: .3em solid;
		border-radius: 0;
	}

	.blogmenu a.nav-link:focus {
		border-radius: 0;
	}

	.blogmenu .dropdown-menu {
		border-radius: 0;
		position: relative;
		top: 12px;
		left: -3px;
		min-width: 300px;
		border: 3px solid #bbdafe;
		padding: 20px 0 20px 2px;
	}

	.blogmenu .dropdown-menu li {
		position: relative;
		line-height: 1.5rem;
		font-size: .9rem;
	}

	.blogmenu .dropdown-menu>li:hover {
		background-color: #f1f1f1;
	}

	.blogmenu .bg-cerulean-button.categories>ul {
		right: 5px;
		left: auto;
		padding: 20px 0 20px 0;
	}

	.blog-tags-a .dropdown-item::before {
		position: absolute;
		top: 4px;
		left: 14px;
		font-family: "Font Awesome 5 Free";
		text-align: center;
		font-size: 1rem;
		color: #ccc;
		font-weight: 900;
		content: "\f02b";
	}

	.blog-tags-a li a {
		padding-left: 40px;
	}

	.blog-page .blog_entry {
		padding-bottom: 50px;
	}

	.blog-page .blog-heading {
		margin: 0;
	}

	.blog-page .blog_entry figcaption {
		color: grey;
	}

	.blog-feature {
		max-width: 600px;
	}

	.blog-page .bloglist .blog-heading.latest {
		text-align: left;
		margin: 0 0 -6px 5px;
	}

	.searchclinic .input-icon span {
		position: absolute;
		left: 140px;
		top: 8px;
		padding: 9px 8px;
		color: #aaa;
		transition: 0.3s;
	}

	.clinics-acc .mobi {
		display: none;
	}

	.clinics-acc .wd {
		display: block;
	}

	.clinics-acc .fa-angle-down,
	.clinics-acc .fa-angle-up {
		display: none;
	}

	.clinics-page .section--header,

	/* .blog-page .outro-content, 
	.blog-page .blogmenu {
	max-width:1260px;
	margin:auto;
	} */
	.blog-page .col-lg-8 {
		padding: 0;
	}

	.row.searchblog {
		padding: 0 4px 20px 5px;
	}

	.blog-video .col-4,
	.blog-popular .col-4,
	.blog-latest .col-4 {
		display: flex;
		flex-wrap: wrap;
		height: 11vh;
		max-height: 150px;
		flex-grow: 1;
	}

	.blog-video .col-4::before {
		position: absolute;
		width: 100%;
		margin: auto;
		font-family: "Font Awesome 5 Free";
		font-size: 3rem;
		content: "\f144";
		z-index: 10;
	}
}

@media only screen and (min-width:988px) {
	.blogmenu .nav-item.categories {
		border-bottom: none;
		position: absolute;
		right: 10px;
		z-index: 100;
	}

	.blogmenu .nav-item {
		border-bottom: 1px solid #ccc;
		flex: 0 0 18%;
	}

	.blogmenu .nav-item:nth-child(4) {
		max-width: fit-content;
	}

	.blogmenu button.color-bg-cerulean-blue:hover {
		background-color: #00466b;
		color: white;
		width: fit-content;
	}

	.blog-page .blog-featured .blog-heading.featured {
		text-align: left;
		margin-left: -3px;
	}
}

@media only screen and (min-width:60em) {
	.blogmenu {
		width: 100%;
		max-width: 100%;
		margin: auto;
	}

}

@media only screen and (min-width:64em) {

	.blog-video .col-4,
	.blog-popular .col-4,
	.blog-latest .col-4 {
		display: flex;
		flex-wrap: wrap;
		height: 12vh;
		flex-grow: 1;
	}
}

@media only screen and (min-width:90em) {

	.clinics-page .section--header,
	.blog-page .main-content,
	.blog-page .top-content,
	.blog-page .outro-content,
	.blog-page .blogmenu {
		max-width: 1400px;
		margin: auto;
	}

	.blogmenu .nav-item>ul {
		right: auto;
		left: -3px;
		top: 21px;
	}

	.blog-video .col-4::before {
		top: 41%;
	}

}

/* Portraits
============================================================= */

.page--portrait-entry .site--header {
	margin-bottom: 0;
}

.page--portrait-entry .wrapper {
	display: none;
}

.page--portrait-index .top-content {
	padding: 0;
	margin-bottom: 0;
}

.page--portrait-index .home-banner {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	background-color: #626d75;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.page--portrait-index .home-banner .video,
.section--homepage-banner-and-buttons .video {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.page--portrait-index .home-banner .video video,
.section--homepage-banner-and-buttons .video video {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translateX(-50%) translateY(-50%);
	object-fit: cover;
}

.page--portrait-index .home-banner .overlay {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page--portrait-index .home-banner .overlay.none {
	display: none;
}

.page--portrait-index .home-banner .overlay.orange.left {
	background: rgba(191, 87, 0, .75)
}

.page--portrait-index .home-banner .overlay.orange.bottom {
	background: rgba(191, 87, 0, .75)
}

.page--portrait-index .home-banner .overlay.black.left {
	background: rgba(0, 0, 0, .6)
}

.page--portrait-index .home-banner .overlay.black.bottom {
	background: rgba(0, 0, 0, .6)
}

/* Homepage banner styles mobile */
.section--homepage-banner-and-buttons .overlay {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.section--homepage-banner-and-buttons .overlay.orange {
	background: rgba(191, 87, 0, .75)
}

.section--homepage-banner-and-buttons .overlay.black {
	background: rgba(0, 0, 0, .6)
}

@media (min-width: 64em) {
	.page--portrait-index .home-banner .overlay.orange.left {
		background: linear-gradient(90deg, rgba(191, 87, 0, 1) 10%, rgba(191, 87, 0, 0) 90%)
	}

	.page--portrait-index .home-banner .overlay.orange.bottom {
		background: linear-gradient(0deg, rgba(191, 87, 0, 1) 10%, rgba(191, 87, 0, 0) 90%)
	}

	.page--portrait-index .home-banner .overlay.black.left {
		background: linear-gradient(90deg, rgba(0, 0, 0, .6) 40%, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, 0) 60%)
	}

	.page--portrait-index .home-banner .overlay.black.bottom {
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 20%, rgba(0, 0, 0, 0.62) 70%, rgba(0, 0, 0, 0.72) 80%)
	}

	/* Homepage banner styles desktop */
	.section--homepage-banner-and-buttons .overlay.orange {
		background: linear-gradient(0deg, rgba(191, 87, 0, 1) 10%, rgba(191, 87, 0, 0) 90%)
	}

	.section--homepage-banner-and-buttons .overlay.black {
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 20%, rgba(0, 0, 0, 0.62) 70%, rgba(0, 0, 0, 0.72) 80%)
	}
}

.page--portrait-index .home-banner .header {
	display: flex;
	justify-content: center;
	min-height: 56.25vmin;
	width: 100%;
	height: 30vh;
}

/* LG */
@media screen and (min-width: 992px) {
	.page--portrait-index .home-banner .header {
		height: 90vh;
	}
}

.page--portrait-index .featured-content-title {
	font-size: 2rem;
	line-height: 2.75rem;
}

/* LG */
@media screen and (min-width: 992px) {
	.page--portrait-index .featured-content-title {
		font-size: 2.5rem;
		line-height: 3rem;
	}
}

.page--portrait-index .home-banner .header .wrapper {
	position: relative;
	width: 100%;
	max-width: 96rem;
	display: flex;
	padding-top: 1.5rem;
	padding-bottom: 8.5rem;
}

.page--portrait-index .home-banner .header .wrapper.left {
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.page--portrait-index .home-banner .header .wrapper.bottom {
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	padding-top: 20rem !important;
	padding-bottom: 0 !important;
}

.page--portrait-index .round-button {
	border-radius: 2rem;
}

/* Bottom Text Mods */
.remove-overlay {
	margin-top: 0 !important;
	padding-top: 2rem;
}

.remove-shadow {
	box-shadow: none !important;
}

/* End Mods */

.page--portrait-index .home-banner .header .wrapper .row {
	width: 100%;
}

.page--portrait-index .home-banner .header .wrapper .text {
	text-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.5);
}

@media (min-width: 80em) {
	.page--portrait-index .home-banner .header .wrapper .text h1 {
		font-size: 3.75rem;
	}
}

.page--portrait-index .home-banner .header .wrapper.left .text {
	max-width: 32rem;
}

.page--portrait-index .home-banner .video-control-container {
	position: absolute;
	left: 0;
	bottom: 0;
	padding-bottom: 6rem;
}

.page--portrait-index .home-banner .video-control {
	border-radius: 50%;
	cursor: pointer;
}

.page--portrait-index .home-banner .video-control:hover {
	background-color: rgba(0, 0, 0, .25);
}

.page--portrait-index .home-banner .video-control .video-icon {
	width: 2.5rem;
	height: 2.5rem;
	color: #ffffff;
}

.page--portrait-index .home-banner .video-control .video-icon.play {
	display: none;
}

.page--portrait-index .home-banner .video-control .video-icon.pause {
	display: block;
}

.page--portrait-index .home-banner .video-control.is-paused .video-icon.play {
	display: block;
}

.page--portrait-index .home-banner .video-control.is-paused .video-icon.pause {
	display: none;
}

h2.portrait {
	margin-bottom: 1rem;

}

.page--portrait-index .site--header,
.page--landing-index .site--header {
	margin-bottom: 0;
}

.page--portrait-index .site--subheader,
.page--landing-index .site--subheader {
	display: none;
}

.page--portrait-index .section--about .banner {
	position: relative;
	/* Not necessary, grid covers content centering, and this breaks in IE.
	display: flex;
	flex-direction: row;
	justify-content: center;
	*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.page--portrait-index .section--about .banner .background-container {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	clip: rect(0, auto, auto, 0);
	clip-path: inset(0px 0px);
}

.page--portrait-index .section--about .banner .background-container .background {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	/* Uncomment line below to enable fixed background */
	/* position: fixed; */
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.page--portrait-index .section--about .banner .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .65);
}

.page--portrait-index .section--about .banner .wrapper {
	min-height: 33.3333vmin;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

@media (min-width: 48em) {
	.page--portrait-index .section--about .banner .wrapper {
		padding-top: 10rem;
		padding-bottom: 10rem;
	}
}

.page--portrait-index .section--about .banner .wrapper .text-container>* {
	max-width: 48rem;
}

@media (min-width: 64em) {
	.page--portrait-index .section--about .banner .wrapper .cta-container {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
}

.page--portrait-index .section--portrait-feature {}

/* Landing Tempalte
============================================================= */

.page--landing-index .top-content {
	padding: 0;
	margin: 0;
}

.page--landing-index .section--landing-header .banner {
    position: relative;
    display: grid;
    justify-content: center;
	grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

.page--landing-index .banner img {
	grid-column: 1 / -1;
	grid-row: 1 / -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page--landing-index .section--landing-header video {
	height: auto;
    grid-column: 1 / -1;
    grid-row: 1 / -1;
}

.page--landing-index .banner .overlay {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    width: 100%;
    height: 100%;
}

.page--landing-index .banner .overlay.black {
    background-color: rgba(0,0,0,0.25);
}

.page--landing-index .banner .overlay.orange {
    background-color: rgba(191,87,0,0.375);
}

.page--landing-index .section--landing-header .header {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
	display: flex;
}

.page--landing-index .banner .header .wrapper {
	width: 100%;
    align-self: flex-end;
	max-width: 100vw;
	margin: 0 auto;
}

.page--landing-index .banner .video-control {
	border-radius: 50%;
	cursor: pointer;
}

.page--landing-index .banner .video-control:hover {
	background-color: rgba(0,0,0,.25);
}

.page--landing-index .banner .video-control .video-icon {
	width: 2.5rem;
	height: 2.5rem;
	color: #ffffff;
}

.page--landing-index .banner .video-control .video-icon.play  { display: none; }
.page--landing-index .banner .video-control .video-icon.pause { display: block; }
.page--landing-index .banner .video-control.is-paused .video-icon.play  { display: block; }
.page--landing-index .banner .video-control.is-paused .video-icon.pause { display: none; }

.page--landing-index .banner .video-control .video-icon {
	filter: drop-shadow(0 .125rem .25rem rgba(0,0,0,0.825));
}

.page--landing-index .banner .header .wrapper .text {
	text-shadow: 0 .125rem .25rem rgba(0,0,0,0.825);
}

.page--landing-index .main-content {
	margin: 0;
}


@media (min-width: 64em) {
	.page--landing-index .section--landing-header video {
		width: 100%;
	}
	.page--landing-index .banner .header .wrapper {
		padding-bottom: 6.5rem;
	}
}

@media (min-width: 80em) {
	.page--landing-index .banner .header .wrapper .text h1 {
		font-size: 3.75rem;
	}
}

/* XXL Custom */
@media screen and (min-width: 1400px) {
	.page--portrait-index .section--portrait-feature {
		width: 70%;
		margin-bottom: 5rem;
	}
}

/* XXL Custom */
@media screen and (min-width: 1800px) {
	.page--portrait-index .section--portrait-feature {
		width: 50%;
		margin-bottom: 5rem;
	}
}

.page--portrait-index .section--about [class*="h-sb-"] {
	padding-top: 0rem;
}

/* Portrait Entry */
.page--portrait-entry .portrait-banner-image .banner-wrapper {
	display: none;
}

/* XL */
@media screen and (min-width: 1200px) {
	.page--portrait-entry .portrait-banner-image .banner-wrapper {
		display: block;
		max-width: 50rem;
		padding-top: 7rem;
		padding-right: 10rem;
		text-align: center;
		margin-left: auto;
		padding-bottom: 4rem;
	}
}

.page--portrait-entry .portrait-banner-image .banner-space {
	position: relative;
	background-color: #ffffff;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	height: 75vmin;
}

.page--portrait-entry .portrait-banner-image {
	margin-left: -2rem;
	margin-right: -2rem;
	padding-bottom: 1rem;
}

/* LG */
@media screen and (min-width: 992px) {
	.page--portrait-entry .portrait-banner-image {
		padding-bottom: 3rem;
	}
}

.page--portrait-entry .portrait-banner-image .banner-intro {
	color: #fff;
	font-size: 2.5rem;
	font-weight: 800;
	line-height: 3.25rem;
	margin-bottom: 2rem;
}

.page--portrait-entry .portrait-banner-image .banner-title {
	color: #fff;
	font-size: 2rem;
}

.page--portrait-entry .portrait-banner-image .banner-secondary-title {
	color: #fff;
	font-size: 1.25rem;
	font-style: italic;
}

.page--portrait-entry .section--portrait-header {
	padding: 20px 0px
}

.page--portrait-entry .title-wrapper img {
	height: 7rem;
}

/* LG */
@media screen and (min-width: 992px) {
	.page--portrait-entry .title-wrapper img {
		height: 20rem;
	}
}

.page--portrait-entry .main-content {
	margin-bottom: 0;
}

.page--portrait-entry .top-content {
	margin-bottom: 0px;
}

.page--portrait-entry .top-container,
.page--portrait-entry .middle-container,
.page--portait-entry .bottom-container {
	margin-bottom: 4rem;
}

.portrait-separator {
	background-color: #273B4D;
	height: 55px;
	margin-bottom: 4rem;
	margin-left: -2rem !important;
	margin-right: -2rem !important;
}

.page--portrait-entry .video-wrapper {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}

.page--portrait-entry .youtube {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page--portrait-entry .section--three-reasons {}

/* XL */
@media screen and (min-width: 1200px) {
	.page--portrait-entry .section--three-reasons {
		width: 70%;
		margin-bottom: 7rem;
	}
}

.page--portrait-entry .section--video-feature {}

/* XL */
@media screen and (min-width: 1200px) {
	.page--portrait-entry .section--video-feature {
		width: 60%;
		padding-top: 3rem;
		margin-bottom: 10rem;
	}
}

.page--portrait-entry .portrait-secondary-title {
	font-size: 1.25rem;
	font-weight: bold;
}

.page--portrait-entry .media-container-wrapper {
	background-color: #f6f7f8;
	padding-bottom: 4rem;
	padding-top: 4rem;
}

/* LG */
@media screen and (min-width: 992px) {
	.page--portrait-entry .media-container-wrapper {
		margin-left: -2rem;
		margin-right: -2rem;
	}
}

/* XL */
@media screen and (min-width: 1200px) {
	.page--portrait-entry .media-container-wrapper {
		padding-top: 7rem;
		padding-bottom: 10rem;
	}
}

.page--portrait-entry .portrait-entry-banner {
	margin-bottom: 7rem;
}

/* Gray Cards */

.page--portrait-entry .icon-column {
	margin-bottom: 8rem;
}

/* LG */
@media screen and (min-width: 992px) {
	.page--portrait-entry .icon-column {
		margin-bottom: 1.5rem;
	}
}

.page--portrait-entry .gray-card-icon-container {
	position: relative;
}

.page--portrait-entry .gray-card-icon {
	position: absolute;
	padding: 1rem;
	background-color: #273B4D;
	left: 0;
	right: 0;
	width: 11rem;
	margin-left: auto;
	margin-right: auto;
	top: -100px;
	border-radius: 10rem;
	border: 10px solid #fff;
	box-shadow: .5rem .75rem .75rem 0 rgba(116, 116, 116, .33);
}

.page--portrait-entry .gray-card {
	background-color: #E9EAEA;
	padding: 2rem;
	padding-top: 4rem;
	font-size: 1.125rem;
	color: #626C73;
	border-radius: 5rem;
	margin-bottom: 7rem;
}

.page--portrait-entry .gray-card-svg {
	width: 100%;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(325deg) brightness(102%) contrast(101%);
}

.page--portrait-entry .gray-card .section-text p {
	font-family: "Benton Sans Reg" !important;
	font-display: swap;
	font-style: normal;
	font-weight: normal;
	color: #626C73;
	padding-top: 3.5rem;
}

/* LG */
@media screen and (min-width: 992px) {
	.page--portrait-entry .gray-card .section-text p {
		padding-top: 4.5rem;
	}
}

.page--portrait-entry .gray-card .section-text p a {
	font-family: "Benton Sans Bd" !important;
	font-display: swap;
	font-style: normal;
	font-weight: normal;
	color: #626C73;
	font-weight: 800;
}

.page--portrait-entry .portrait-text-large p {
	font-family: "Benton Sans Lt" !important;
	font-display: swap;
	font-style: normal;
	font-weight: normal;
	font-size: 1.25rem;
	line-height: 1.875rem;
}

/* LG */
@media screen and (min-width: 992px) {
	.page--portrait-entry .portrait-text-large p {
		font-size: 1.45rem;
		line-height: 2.125rem;
	}
}

.page--portrait-entry .portrait-content {
	margin-bottom: 10rem;
}

.page--portrait-entry .portrait-content-title h1 {
	font-size: 5rem;
	font-weight: 800;
}

.page--portrait-entry .portrait-content .portrait-title {
	font-weight: 700;
	font-size: 1.5rem;
}

.page--portrait-entry .portrait-content .portrait-secondary-title {
	font-size: 1rem;
	font-weight: normal;
}

.page--portrait-entry .portrait-content .portrait-text-large {
	font-size: 1.5rem;
}

/* XL */
@media screen and (min-width: 1200px) {
	.page--portrait-entry .gray-card {
		margin-bottom: 2rem;
	}
}

/* Featured Text Block */
.page--portrait-entry .featured-text-block {
	background-color: #273B4D;
	padding-top: 4rem;
	padding-bottom: 4rem;
}

@media screen and (min-width: 1200px) {
	.page--portrait-entry .featured-text-block {
		background-color: #273B4D;
		margin-left: -2rem !important;
		margin-right: -2rem !important;
		padding-top: 10rem;
		padding-bottom: 10rem;
	}
}

.page--portrait-entry .media-cards-wrapper .media-card {
	padding-left: 10px;
	padding-right: 10px;
}

.page--portrait-entry .featured-text-block .title-text {
	color: #ffffff;
	font-size: 1.5rem;
	font-weight: 800;
	margin-bottom: 1rem;
}

.page--portrait-entry .featured-text-block .body-text p {
	font-family: "Benton Sans Reg" !important;
	font-display: swap;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	font-size: 1.25rem;
}

.page--portrait-entry .featured-text-block .body-text a {
	font-family: "Benton Sans Bd" !important;
	font-display: swap;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
}

.page--portrait-entry .featured-text-block .body-text a:hover {
	text-decoration: underline;
}

/* Featured Text Block Large */
.page--portrait-index .featured-text-block-large {
	background-color: #273B4D;
	padding-top: 4rem;
	padding-bottom: 4rem;
	margin-bottom: 5rem;
}

.page--portrait-index .featured-text-block-large .container {}

/* LG */
@media screen and (min-width: 992px) {
	.page--portrait-index .featured-text-block-large .container {
		width: 54%;
	}
}

@media screen and (min-width: 1200px) {
	.page--portrait-index .featured-text-block-large {
		background-color: #273B4D;
		margin-left: -2rem !important;
		margin-right: -2rem !important;
		padding-top: 6.75rem;
		padding-bottom: 6.75rem;
		margin-bottom: 8rem;
	}
}

.page--portrait-index .featured-text-block-large .title-text {
	color: #ffffff;
	font-size: 2.125rem;
	font-weight: 800;
	line-height: 2.75rem;
	margin-bottom: 1rem;
}

.page--portrait-index .featured-text-block-large .body-text {
	color: #ffffff;
	font-size: 1.45rem;
	line-height: 2.125rem;
}

/* LG */
@media screen and (min-width: 992px) {
	.page--portrait-index .featured-text-block-large .title-text {
		font-size: 2.125rem;
		line-height: unset;
	}

	.page--portrait-index .featured-text-block-large .body-text {
		font-size: 1.45rem;
	}
}

.page--portrait-index .featured-text-block-large .body a {
	font-weight: 800;
	color: #ffffff;
}

.page--portrait-index .featured-text-block-large .body a:hover {
	text-decoration: underline;
}

.page--portrait-index .text-container.featured h2 {
	font-family: "Benton Sans Bd";
}

.page--portrait-index .text-container.featured h3 {
	font-family: "Benton Sans Reg";
}

.page--portrait-index .featured-content-background {
	padding-top: 10rem;
	padding-bottom: 10rem;
}

/* Clinics
============================================================= */
/* Clinics */
.clinics-page {
	width: 100%;
	/* max-width: 1280px;*/
	margin: auto;
	padding-bottom: 80px;
}

.clinics-page h1,
.clinics-page h2 {
	font-family: "Charis", serif;
}

.clinics-page h1 {
	text-align: center;
	padding-bottom: 25px;
	font-size: 5rem;
}

/*  clinics header + search */
.clinics-page .section--header {
	max-width: 1400px;
	margin: auto;
	text-align: center;
	margin-bottom: 30px;
	padding: 20px;
}

.clinics-page .clinic-search {
	width: 100%;
	margin: auto;
	background-color: #ced6da;
}

.clinics-page .main-content {
	/*border:1px solid blue;min-height:400px;*/
}

.clinics-page .body-content {
	/*border:1px solid green;min-height:400px;*/
}

.clinics-page .submit-button {
	min-width: 110px;
}

.clinic-bx {
	background: #f5f5f5;
	padding: 10px;
	min-height: 100px;
}

.clinic-bx p>i {
	padding: 10px;
	position: relative;
	left: 0;
}

.clinic-search h4 {
	padding: 5px;
	font-size: 1.5rem;
}

.searchclinic .searchclinic-form {}

/* ----------- start accordion styles -----------*/
.clinics-acc .card {
	border: none;
}

.clinics-acc .card-header {
	background: #fff;
	border: none;
	border-top: 1px solid #ccc;
}

.clinics-acc .accordian .card-header .h2 {
	font-family: "Charis", serif;
	font-size: 48px;
}

.clinics-acc .accordian .card-body h4 {
	width: 100%;
}

.accordion .fas {
	font-size: 30px;
	font-weight: bold;
	position: absolute;
	top: 15px;
	right: 30px;
}

.clinics-acc .wd {
	display: none;
}


/* Request Appointment
============================================================= */

.page--request-appointment {}

.page--request-appointment .orange-asterisk {
	font-family: "Charis", serif;
	color: #bf5700;
	font-style: normal;
	font-size: 1.75rem;
}

.page--request-appointment .bottom-content>.content-wrapper {
	max-width: 64rem;
	margin: 0 auto;
}

.page--request-appointment .section--fine-print {
	margin-bottom: 6rem;
	text-align: center;
}

.page--request-appointment .form-utha-request.hide {
	display: none;
}

.page--request-appointment .form-utha-request.returning .bitte-field.new {
	display: none;
}

.page--request-appointment .form-utha-request.am-patient .bitte-field.show-if-not-patient {
	display: none;
}

.page--request-appointment .form-utha-request.listed-language .bitte-field.show-if-other-language {
	display: none;
}

.page--request-appointment .form-complete {}

.page--request-appointment .form-complete.hide {
	display: none;
}

/* Story
============================================================= */

.page--story {}

.page--story .c--card.generic .card-wrapper {
	background-color: transparent;
}


/* SEM Entry
Note: This entry was transform from code sent by TM, it suffers from potential collision issues with the form and other content on the page
The future fix would be to not use absolutely positioned elements that span rows, or have some sort of JS checking device to add padding
to a row if there is a potential collision.
============================================================= */

/* Story Index
============================================================= */

.page--story-index .c--card.generic .card-wrapper {
	background-color: transparent;
}

/*============================================================= */

.page--sem-entry .section--banner .wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-position: center center;
	background-size: cover;
}

.page--sem-entry .section--banner .wrapper .container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 80rem;
	min-height: 33.3333vmin;

}

.page--sem-entry .section--banner .wrapper .container .body {
	width: 100%;
	padding: 4rem 1.5rem;
	text-align: left;
}

.page--sem-entry .section--banner[min-width~="48rem"] .wrapper .container .body {
	padding: 8rem 1.5rem;
}


.page--sem-entry .section--banner .wrapper .container .body .text-block:not(:last-child) {
	margin-bottom: 1.5rem;
}

.page--sem-entry .section--do-something-about {
	background-color: #ffffff;
	padding: 6rem 1.5rem 6rem 1.5rem;
	margin-bottom: 0rem;
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
}

.page--sem-entry .section--top-modules {
	background-color: #ececec;
	/* fbfbfb */
	padding: 4rem 1.5rem 6rem 1.5rem;
	margin-bottom: 0;
	width: 100%;
}

/* Special exception to reduce space after this module */
.page--sem-entry .section--top-modules .module--multi-column-image-and-text-block .column-container .column {
	margin-bottom: 0rem;
}

/* Special exception to make the images wider within this module */
.page--sem-entry .section--top-modules .module--multi-column-image-and-text-block .column-container .column .image-container .image-wrapper {
	max-width: 100%;
}

.page--sem-entry .section--doctor-text-block {
	margin-bottom: 2rem;
}

.page--sem-entry .main-content>.content-wrapper {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}


.page--sem-entry .main-content[min-width~="80rem"]>.content-wrapper {
	padding-left: 0;
	padding-right: 0;
}

.page--sem-entry .main-content>.content-wrapper .module:not(:last-child) {
	margin-bottom: 3rem;
}

.page--sem-entry .bottom-content>.content-wrapper {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.page--sem-entry .bottom-content .section--meet-your-team .wrapper .header-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.page--sem-entry .bottom-content .section--meet-your-team[max-width~='32rem'] .wrapper .header-wrapper {
	display: block;
}

.page--sem-entry .bottom-content .section--meet-your-team .wrapper .header-wrapper .header {
	margin-bottom: 1.5rem;
}

.page--sem-entry .bottom-content .section--meet-your-team .c--cards-wrapper {
	margin: 0 -1.5rem;
}

.page--sem-entry .bottom-content .section--meet-your-team .cards-wrapper>.col {
	min-width: 16rem;
	padding-top: .75rem;
}

.page--sem-entry .bottom-content .section--meet-your-team .cards-wrapper .c--card {
	padding: 0;
}

.page--sem-entry .bottom-content .section--meet-your-team .c--card.directory,
.page--sem-entry .bottom-content .section--meet-your-team .c--card.directory .card-wrapper {
	height: 100%;
}



/* Form */
.page--sem-entry .section--banner .sem-form {
	position: relative;
	background: #ffffff;
	padding: 2.5rem 2rem 2.5rem 2rem;
	border-radius: .25rem;
	box-shadow: 0 0.375rem 1rem rgba(0, 0, 0, .1);
	border: .0625rem solid rgba(239, 239, 239, 1);
}

.page--sem-entry .section--banner[min-width~="64rem"] .sem-form {
	background: transparent;
	padding: 0;
	border-radius: 0;
	box-shadow: inherit;
	border: 0 solid transparent;
}

.page--sem-entry .section--banner .sem-form .sem-form-wrapper {
	position: relative;
}

.page--sem-entry .section--banner[min-width~="64rem"] .sem-form .sem-form-wrapper {
	position: absolute;
	top: -6.25rem;
	z-index: 2;
}

.page--sem-entry .section--banner .sem-form .sem-form-wrapper .sem-form-header {
	background: #bf5700;
	padding: 1rem;
	width: 100%;
	color: #ffffff;
	margin-bottom: 1.5rem;
	text-align: center;
}

/* This has to be reworked to not use % */
.page--sem-entry .section--banner[min-width~="64rem"] .sem-form .sem-form-wrapper .sem-form-header {
	width: 100%;
	position: relative;
	margin-bottom: 0;
	text-align: center;
}

.page--sem-entry .section--banner .sem-form .sem-form-wrapper .sem-form-body {
	width: 100%;
	position: relative;
	background-color: #ffffff;
}

.page--sem-entry .section--banner[min-width~="64rem"] .sem-form .sem-form-wrapper .sem-form-body {
	max-width: calc(100% - 2rem);
	margin: 0 auto;
	padding: 1rem 2rem 2.5rem 2rem;
	border-radius: 0 0 .25rem .25rem;
	box-shadow: 0 0.375rem 1rem rgba(0, 0, 0, .1);
	border: .0625rem solid rgba(239, 239, 239, 1);
}

.page--sem-entry .section--banner[min-width~="64rem"] .sem-form .sem-form-wrapper .sem-form-body .body-header {
	text-align: center;
	margin-bottom: .5rem;
}

.page--sem-entry .form-utha-request.hide {
	display: none;
}

.page--sem-entry .form-utha-request.returning .bitte-field.new {
	display: none;
}

.page--sem-entry .form-utha-request.am-patient .bitte-field.show-if-not-patient {
	display: none;
}

.page--sem-entry .form-utha-request.listed-language .bitte-field.show-if-other-language {
	display: none;
}

.page--sem-entry .form-complete {}

.page--sem-entry .form-complete.hide {
	display: none;
}

/* Bitte Updates */
.page--sem-entry .section--banner .sem-form .bitte-field:not(:last-child) {
	margin-bottom: 1rem;
}

.page--sem-entry .section--banner .sem-form .bitte-field.inline-check .radiogroup {
	margin-bottom: 0;
}

/* Newletters Index
============================================================= */

.page--newsletters-index {}

.page--newsletters-index .section--header {
	text-align: center;
	padding-top: 4rem;
	margin-bottom: 2rem;
}

.page--newsletters-index .section {
	margin-bottom: 3rem;
}


/* Directory Index
============================================================= */


/* Locations
============================================================= */

.page--locations #map {
	height: 500px;
	width: 90%;
	margin: 1rem auto 0 auto;
	border-radius: 10px;
}

.page--locations #location-filter-form {
	font-family: 'Open Sans', sans-serif;
}

.page--locations #location-filter-form #location-filter-title {}

.page--locations #location-filter-form #search-filter {}

.page--locations #location-filter-form .filter-dropdown-container label {}

.page--locations #location-filter-form .filter-dropdown-container input {}

.page--locations #location-filter-form .filter-dropdown-container select {

	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('/assets/icons/drop-down-arrow.svg');
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}

.page--locations .card {
	border-radius: 0.25rem;
	box-shadow: 0 0.375rem 1rem rgb(0 0 0 / 10%);
	border: .0625rem solid rgba(239, 239, 239, 1);
	background-color: #ffffff;
}

.page--locations .card-title {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

.page--locations .card-footer {
	background-color: transparent;
	border-top: none;
	padding: .75rem 1.25rem 1.25rem 1.25rem;
}

.page--locations .locations {
	min-height: 20rem;
	margin: 1rem auto 0 auto;
}

.page--locations .address-text {
	font-family: 'Open Sans', sans-serif;
	font-size: .875rem;
}

.page--locations .icon-links .icon {
	display: inline-block;
	color: #005f86;
	vertical-align: baseline;
	width: 1.5rem;
	height: 1.5rem;
}

.page--locations .icon-links a {
	font-family: 'Open Sans', sans-serif;
	font-size: .875rem;
	font-weight: 600;
	color: #005f86;
}

.page--locations ul li {
	list-style: none;
}

.page--locations .menu-external-icon {
	font-size: .75rem;
	vertical-align: text-bottom;
	height: 18px;
}

.page--locations .icon-links .h-icon {
	font-size: 1rem;
}

.page--locations .btn-primary-link {
	font-size: .875rem;
	padding: .5rem 2rem .5rem 2rem;
}

.page--locations .location-card {
	margin-bottom: 2rem;
}

.page--locations .location-icon {
	height: 1rem;
}

.page--locations .location-popover {
	width: 200px;
}

.page--locations .location-popover .h-icon {
	justify-content: left;
}

.page--locations .gm-style .gm-style-iw-c {
	position: absolute;
	box-sizing: border-box;
	overflow: hidden;
	top: 0;
	left: 0;
	transform: translate(-50%, -100%);
	background-color: white;
	border-radius: 8px;
	padding: 1.5rem !important;
	max-width: 800px !important;
	box-shadow: 0 2px 7px 1px rgb(0 0 0 / 30%);
}

.page--locations .gm-style .gm-style-iw-d {
	overflow: visible !important;
}

.page--locations .location-popover img {
	max-width: 100%;
}

.page--locations .gm-ui-hover-effect {
	top: -1px !important;
	right: -1px !important;
}

/* LG */
@media screen and (min-width: 992px) {
	.page--locations .location-popover {
		width: auto;
		max-width: 650px;
	}

	.page--locations .location-popover .text-column {
		padding-left: 1.5rem;
	}
}

.page--locations .location-popup {
	text-align: center;
}

.page--locations .location-popup-title {
	font-weight: 700;
	color: #005f86;
}

.page--locations .location-popup-address {
	text-align: left;
}

/* MD */
@media screen and (min-width: 768px) {
	.page--locations .location-card {
		margin-bottom: 2.75rem;
	}
}


@media screen and (max-width: 990px) {

	.blog-video .col-4,
	.blog-popular .col-4,
	.blog-latest .col-4 {
		min-height: 130px;
	}
}

@media screen and (max-width: 64em) {
	.page--location table tr {
		border-bottom: 3px solid #ddd;
		display: block;
	}

	.page--location table td {
		display: block;
		text-align: left;
		width: 100%;
		height: auto !important;
		padding: 10px 10px 0 10px;
	}

	.page--location .location-td {
		width: 100%;
	}
}