/* MORRISON HOSPITAL */

/*@import url('base.css');*/






/* TOP BAR */
#topBar {
	background-color:var(--red);
	text-align:center;
}
#topBar h4 {
	font-family: raleway, sans-serif;
	font-weight: 600;
	font-style: normal;
	color:var(--white);
	text-transform: uppercase;
	font-size:16px;
	line-height:1;
}





/* MENU BAR */
.header-container {
	width:100%;
	display:flex;
	padding:20px 0;
}
#headerLogoContainer {
	flex:2;
}
#headerLogoContainer img {
	max-width:150px;
}
nav.header {
	flex:10;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
}
@media(max-width:767px) {
	#headerLogoContainer {
		flex:1;
	}
	nav.header {
		flex:1;
	}
	#search-form .search-input {
		max-width:90px;
	}
}
#search-form {
	background-color:var(--offWhite);
	border-radius:20px;
	padding-left:20px;
	height:25px;
}
#search-form .search-input {
	border:none;
	background-color:transparent;
	heeight:25px;
}
#search-form .search-input:focus-visible {
	border:none;
	outline:none;
}
#search-form .btn {
	border-radius:20px;
	background-color:transparent;
	padding-top:1px;
	padding-bottom:1px;
}
.dropdown-nav {
	font-family: raleway, sans-serif;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
	font-size:16px;
	line-height:1;	
}
.dropdown-nav a {
	text-decoration:none;
}
.dropdown-nav > ul > li {
	font-size:13px;
}
.dropdown-nav ul ul {
	padding: 10px 20px 0 20px;
	border-radius:0 0 20px 20px;
}
.dropdown-nav ul ul ul {
	display:block;
	position:relative;
	left:0;
	right:0;
	padding:0 0 0 20px;
}
.dropdown-nav .reversed li {
	text-align:left;
}
.dropdown-nav ul .reversed ul ul {
	right:auto;
}
.dropdown-nav a:hover:before {
	content:"+";
	font-size:36px;
	font-weight:bold;
	display:block;
	position:absolute;
	left:-10px;
	top:-1px;
}
@media(max-width:1199px) {
	.dropdown-nav > ul > li {
		font-size:10px;
	}	
	.dropdown-nav a:hover:before {
		font-size:30px;
		top:0;
		left:-8px;
	}
}
#hamburger {
	font-size:20px;
	margin-right:10px;
}




/* HOME BILLBOARD */
#my-pics {
	width:100% !important;
	aspect-ratio:2.14;
}
#my-pics:after {
	content:"";
	background-image:url("/img/curve-bottom.svg");
	background-size:cover;
	background-position:center top;
	position:absolute;
	bottom:0;
	width:100%;
	aspect-ratio:20;
}
#my-pics .item {
	aspect-ratio:2.14;
	background-size:cover;
	background-position:center center;
	align-items: center;
}
#my-pics .item .container {
	display:flex;
	align-items:center;
	height:100%;
}
#my-pics .item .container > div {
	display:flex;
	flex-direction:column;
}
@media(max-width:767px) {
	#my-pics .item {
		aspect-ratio:1;
		background-position:center bottom;
		background-color:var(--darkBlue);
		background-repeat:no-repeat;
		background-size:100% auto;
	}
	#my-pics .item .container {
		height:50%;
	}
	#my-pics p {
		color:var(--white);
	}
}
@media(max-width:599px) {
	#my-pics h2 {
		font-size:22px;
	}
	#my-pics p {
		font-size:11px;
	}
	#my-pics .button {
		font-size:12px;
		/*background-position:;*/
		padding:10px 20px 10px 40px;
	}
}
@media(max-width:499px) {
	#my-pics h2 {
		font-size:18px;
	}
	#my-pics p {
		font-size:10px;
	}
}
@media(max-width:399px) {
	#my-pics .item {
		aspect-ratio:.75;
	}
	#my-pics .item .container {
		height:60%;
	}	
}







/* HOME INTRO */
#homeIntro {
	text-align:center;
	margin-top:50px;
}




/* HOME SERVICES */
#homeServices {
	padding-bottom:50px;
}
.serviceBoxes {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 50px;
	margin-bottom:60px;
}
.serviceBox {
	aspect-ratio:.63;
	background-size:cover;
	background-position: center center;
	border:3px solid var(--red);
	border-radius:40px;
	text-decoration:none;
	position:relative;
}
.serviceBox > span {
	display:flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
	text-align:center;
	background-color:rgba(var(--redRGB),1);
	padding:10px;
	border-radius:35px;
	position: absolute;
	width:calc(100% - 40px);
	height:85px;
	left:50%;
	top:100%;
	transform:translate(-50%, -50%);
	transition:height ease .3s, top ease .3s, transform ease .3s;
}
.serviceBox h3 {
	font-family: korolev-compressed, sans-serif;
	font-weight: 700;
	font-style: normal;	
	color:var(--white);
	text-transform:uppercase;
}
.serviceBox p {
	color:var(--white);
	font-weight: 500;
	line-height:0;
	transform:scaleY(0);
	opacity:0;
	visibility: hidden;
	transition:	line-height ease .1s, 
					transform ease .1s, 
					opacity ease .3s;
}
.serviceBox:hover {
	text-decoration:none;
}
.serviceBox:hover > span {
	background-color:rgba(var(--redRGB),.7);
	height:calc(100% - 40px);
	top:50%;
	transform:translate(-50%, -50%);
}
.serviceBox:hover p {
	line-height:1;
	opacity:1;
	visibility: visible;
	transform:scaleY(1)
}
@media(max-width:767px) {
	.serviceBoxes {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(4, 1fr);
	}	
}
@media(max-width:399px) {
	.serviceBoxes {
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: repeat(8, 1fr);
	}	
}







/* HOME CALLOUTS */
.homeCallout {
	background-color:var(--darkBlue);
	background-size:cover;
	background-position:center center;
}
.homeCallout:before {
	content:"";
	background-image:url("/img/curve-top.svg");
	background-size:cover;
	background-position:center bottom;
	position:absolute;
	width:100%;
	aspect-ratio:20;
}
.homeCallout .gradientOverlay {
	background-image:linear-gradient(to left, 
		rgba(0,0,0,.8) 0%, 
		rgba(0,0,0,.6) 50%,
		rgba(0,0,0,0)  70%);
	padding:100px 0;
}
@media(max-width:767px) {
	.homeCallout {
		background-position: center left 25%;
	}
	.homeCallout .gradientOverlay {
		background-image:linear-gradient(to top, 
			rgba(0,0,0,.9) 0%, 
			rgba(0,0,0,.7) 50%,
			rgba(0,0,0,0)  70%);
		padding:300px 0 50px 0;
	}	
}





/* HOME TESTIMONIALS */
#homeTestimonials {
}
#homeTestimonials > .container {
	background-image:url("/img/blue-bubble.svg");
	background-repeat:no-repeat;
	background-size:auto calc(100% - 100px);
	background-position:bottom left;
	margin-bottom:20px;
}
#homeTestimonials .redBubble {
	margin:50px 0;
}
#testimonial-carousel-banner {
	background-image:url("/img/red-bubble-arrow.svg");
	background-repeat:no-repeat;
	background-position:bottom right 140px;
	background-size:contain;
	padding-bottom:50px;
	background-size: auto 50px;
}
#homeTestimonials .carousel-inner {
	background-color:var(--red);
	border-radius:120px;
	height:300px;
}
/*#homeTestimonials .carousel-inner:after {
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	height:50px;
	width:50px;

}*/
#homeTestimonials .carousel-inner .item {
	padding:50px 100px;
	/*display:flex;
	flex-direction:column;
	justify-content: center;*/
}
#homeTestimonials .testimonial-inner {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
#homeTestimonials .carousel-inner .item p {
	font-family: roca, sans-serif;
	font-weight: 400;
	font-style: italic;	
	font-size:18px;	
}
#homeTestimonials .fa-quote-left {
	font-family: roca, sans-serif;
	font-weight: 700;
	font-style: normal;	
	color:var(--lightBlue);	
	font-size:60px;
}
#homeTestimonials .fa-quote-left:before {
	content:"“";
	position: absolute;
	/*left:60px;
	top:50px;*/
	left:-30px;
	top:-20px;
}
#homeTestimonials .fa-quote-right:before {
	display:none;
}
#homeTestimonials .carousel-control {
	display:flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	opacity:1;
	color:var(--white);
	background-image:none !important;
	margin-bottom:50px;
}
#homeTestimonials .carousel.slide {
	width:auto;
}





/* HOME EVENTS */
#homeEvents {
	background-color:var(--darkBlue);
	padding:20px 0 20px 0;
}
#theEventBoxes > div {
	width:100%;
	display:flex;
	gap:20px;
	margin-bottom:20px;
}
#homeEvents .event-item {
	display:block;
	flex:1;
	padding:20px;
	background-color:var(--white);
	border:2px solid var(--lightBlue);
	border-radius:20px;
	text-decoration:none;
}
#homeEvents .item-date {
	color:var(--darkBlue);
}
#homeEvents .event-item h3 {
	color:var(--red);
}
#homeEvents .item-details, #homeEvents .item-details p {
	color:var(--darkBlue);
}
@media(max-width:767px) {
	#theEventBoxes > div {
		flex-direction:column;
	}
}







/* HOME MAP SECTION */
#homeMap {
	background-color:var(--white);
	padding:30px 0 0 0;
	margin-top:50px;
}
#homeMap iframe {
	width:100%;
	aspect-ratio:1;
}





/* HOME CAREERS */
#homeCareers {
	background-color:var(--darkBlue);
	background-image:url("/img/heart-stethoscope.svg");
	background-repeat:no-repeat;
	background-size:auto 110%;
	background-position:right -3vw center;
	height:400px;
	display:flex;
}
#homeCareers > .container {
	display:flex;
	flex-direction:column;
	justify-content: center;
}






/* UNDER PAGE */
.internal-banner {
	position:relative;
	width:100% !important;
	aspect-ratio:3;
	background-size:cover;
	background-position:center center;
	background-attachment:scroll;
}
.internal-banner:after {
	content:"";
	background-image:url("/img/curve-bottom.svg");
	background-size:cover;
	background-position:center top;
	position:absolute;
	bottom:0;
	width:100%;
	aspect-ratio:20;
}
.breadcrumb {
	background:none;
	margin-bottom:0;
}
.internalIntro {
	display:flex;
	align-items:center
}

@media(max-width:767px) {
	.internalIntro {
		flex-direction:column;
	}
	.internalIntro .introIcon {
		text-align:center;
	}
	.internalIntro .introIcon img {
		max-width:250px;
	}	
}
.callout {
	border-radius:30px;
	border:solid 0px rgba(255,255,255,0);
	padding:30px;
	margin-bottom:30px;
}
.callout > h1, .callout > h2, .callout > h3, .callout > h4, .callout > h5, .callout > h6 {
	margin-top:10px;
}
.contactFooter {
	background-color:var(--darkBlue);
	margin-top:30px;
}
.contactFooter > .container {
	background-image:url('/img/phone-icon.svg');
	background-repeat:no-repeat;
	background-position:left 15% center;
	background-size:auto 105%;
	padding-top:30px;
	padding-bottom:30px;
}







/* FOOTER */
#footerWrap {
	background-color:var(--offWhite);
	padding-top:20px;
	padding-bottom:20px;
}
#footerWrap p, #footerWrap ul, #footerWrap li {
	font-family: raleway, sans-serif;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;	
}
#footerLogo img {
	max-width:150px;
}
.footerAddress {
	text-align:center;
}
.footerMenu ul {
	list-style: none;
	padding:0;
}
.footerMenu a {
	text-decoration:none;
	color:var(--black);
}
@media(max-width:767px) {
	#footerWrap > .container > div {
		text-align:center;
	}
}