/* MUST READ BEFORE MAKING CHANGES */

/* 
Anytime you make a change to this style sheet you MUST: 
1. Update the version number in the related javascript file.
2. Update the stylesheet version in Kentico on the root page
3. Update the javascript version in Kentico on the root page.
Explaination here: https://prismahealth-my.sharepoint.com/:v:/g/personal/kyle_sobus_prismahealth_org/EYUmSg3Uou1LqYdLnBYylFgBpM3uf3TrFBEjG7DFHsW9sw?e=JaVFNW
*/

/* Admin - Preview Mode */
html.previewMode .c-header {
	position: relative;
}
/* --- Wysiwyg sticky editor */
html.previewMode .fr-box.fr-basic:hover .fr-toolbar {
	z-index: 2 !important;
}
html.previewMode .c-routing-card__image.lazyload {
	background-image: url(https://academics-admin.prismahealth.org/getmedia/b49ce00e-eed7-4caf-9ed0-09126b22ed02/Routing-Card-Placeholder.png);
	opacity: 1 !important;
}

/* Rule */
.fr-view hr {
	display: inline-block;
	clear: both;
	width: 100%;
}

/* Footer Navigation - Additional Links */
.website-footer__secondary-links {
	font-weight: bold;
	font-size: 16px;
	font-size: 1rem;
	color: #c62378;
	text-align: left;
	display: flex;
}
.website-footer__secondary-links li {
	float: left;
	margin: 0 25px 0 0;
}
.website-footer__secondary-links a {
	color: #d30a7c;
}
.website-footer__secondary-links a:hover {
	color: #830065;
}

.website-footer__secondary {
	padding-left: 0px;
}
@media (min-width: 1024px) {
	.website-footer__secondary-links {
		margin-right: 210px;
	}
}

@media (max-width: 768px) {
	.website-footer__secondary {
		margin: -16px;
		padding: 16px;
	}
	.website-footer__secondary-links li {
		width: 100%;
		margin: 0 0 10px 0;
	}
}

/* Heros */
@media screen and (min-width: 1504px) {
	html .full-width .c-hero__image {
		width: calc(100vw + 0px);
	}
}

/* -- Missing hero image */
@media (min-width: 1120px) {
	.c-hb-area .c-hero.no-image {
		margin-top: 4em;
	}
}

/* Logo - Link */
a.is-logo--widescreen-link {
	max-height: 118px;
}
.logo-wrap--widescreen,
img.is-logo--widescreen {
	pointer-events: none;
}
a.is-logo--widescreen-link {
	pointer-events: all;
}

/* General */
.c-back-to-top.show {
	-webkit-box-shadow: 0px 2px 8px -3px rgb(0 0 0 / 25%) !important;
	box-shadow: 0px 2px 8px -3px rgb(0 0 0 / 25%) !important;
}
/* Map Close Button */
button.gm-ui-hover-effect {
	top: 6px !important;
	right: 2px !important;
}
.gm-ui-hover-effect > span {
	background-color: #333;
	width: 24px !important;
	height: 24px !important;
	margin: 0px !important;
}

/* Filter cursor */
#remote-filters-root details {
	cursor: pointer;
}

/* Rich Text padding in columns */
.widget-section.three-column-widgetzone .fr-view,
.widget-section.three-column-widgetzone .s-richtext,
.widget-section.two-column-widgetzone .fr-view,
.widget-section.two-column-widgetzone .s-richtext {
	padding: 50px 0;
}

/* 5050 */
.c-fifty-fifty__image {
	box-shadow: inset 0px 0px 80px -70px black;
}

/* Callout */
.c-callout {
	max-width: 814px;
}
.c-callout h2 {
	font-family: freude, museo, serif;
	color: #f33f6e;
	font-size: 18px;
	font-size: 1.5rem;
	font-weight: 400;
	margin-bottom: 1rem;
}

/* Launchpads */
.c-launchpad {
	background: #fff;
}

/* Features */
.c-feature-routing__card {
	width: auto;
	flex: 1;
	min-width: 250px;
}

/* Video */
.c-video__transcript-text {
	border-top: 1px solid #d0d0d0;
	padding-top: 16px;
}

/* Tab Accordion */
.c-tabcordion {
	max-width: 830px;
}
.c-tabcordion--tabs .tab {
	flex: 1;
}

/* Accordion */
.c-accordion__content.active {
	max-height: 8001px !important;
}
.c-accordion__toggle {
	cursor: pointer;
}

/* Pediatric Specialty Hero */
@media print, screen and (min-width: 769px) {
	section.c-specialty-masthead {
		max-width: 830px;
		padding: 30px 40px 40px;
		box-shadow: 0px 0px 20px -20px black;
	}
}

/* Hero Hub */
body main.hubpagecontroller {
	padding-top: 0px !important;
}
body .is-hub-page .c-hb-area .c-hero--standard {
	margin-top: 0px !important;
}

/* Breadcrumbs */
.c-crumbs__list li a {
	color: #db0a7c;
	font-weight: 500;
	letter-spacing: 0.2px;
	text-shadow: 1px 1px 1px rgb(255 255 255 / 50%);
}

@media screen and (min-width: 1120px) {
	.hubpagecontroller .c-crumbs {
		position: absolute;
		top: 40px;
	}
}

/* Breadcrumbs - Locations */
.c-location-hero__back {
	top: 50px;
}

/* Formidable Forms */
.salesforce-form {
	position: relative;
	min-height: 200px;
	width: 100%;
	max-width: 630px;
}

.salesforce-form:before {
	content: "";
	border: 7px solid #830065;
	border-top: 7px solid #ffffff;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 1s linear infinite;
	position: absolute;
	top: 60px;
	left: 50%;
	margin-top: -30px;
	z-index: 1;
}

.salesforce-form > div {
	opacity: 0;
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* Modal - Popup email */
.modal {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 105;
	display: none;
	opacity: 0;
	transition: opacity 1s;
}
.modal.active {
	display: block;
	animation: fadeIn 600ms;
	animation-fill-mode: forwards;
}
.modal > .shade {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: black;
	opacity: 0.8;
	z-index: 105;
	cursor: pointer;
}
.modal > .modal-container {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	min-width: 40%;
	max-width: 95%;
	z-index: 106;
	transform: translate(-50%, -50%);
	overflow: hidden;
}
@media (max-width: 767px) {
	.modal > .modal-container > .modal-content {
		width: 95%;
		padding: 2em 1em;
	}
}
.modal > .modal-container > .content {
	padding: 3em 3em;
	background: #fff;
}
.modal > .modal-container > .close {
	cursor: pointer;
	background-color: #830065;
	position: absolute;
	top: 0;
	right: 0;
	content: "\f00d";
	text-decoration: none;
	padding: 10px 15px;
	line-height: 1;
	white-space: pre-wrap;
	color: #fff;
	transition: 200ms ease;
}
.modal > .modal-container > .close:hover {
	background-color: #6b0052;
}
.modal > .modal-container > .close:after {
	content: "\f00d";
	text-decoration: none;
	display: inline-block;
	white-space: pre-wrap;
	font-weight: 300;
	font-family: Font Awesome\5 Pro;
	font-size: 2em;
}

@media (max-width: 767px) {
	.modal > .modal-container {
		width: auto;
		max-height: 100vh;
		transform: none;
		left: 0;
		right: 2%;
		left: 2%;
		top: 2%;
		bottom: 2%;
		overflow: auto;
	}

	.modal > .modal-container > .content {
		padding: 3em 1em;
		overflow: auto;
	}
	.modal > .modal-container > .content h2 {
		line-height: 1.2;
	}

	.modal > .modal-container > .content .frm_style_prisma-health.with_frm_style .form-field {
		margin-bottom: 1em;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-ms-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}