:root {
	--midnight: #003E7E;
	--gold: #FFD200;
	--darkblue: #000F3E;
	--space: #102B5F;
	--azure: #009CE5;
	--sky: #AFD5E9;
	--sunrise: #F4AA3B;
	--sunlight: #FFE471;
	--earth: #D3C1AE;
	--sand: #EDE4E1;
	--violet: #A2047D;
	--petal: #BA7C97;
	--bloom: #F0C8BF;
	--teal: #168F9C;
	--turquoise: #1DB8BF;
	--lightteal: #77D8D8;
	--black: #2E2E2D;
	--white: #FFFFFF;
	--radius-s: 5px;
	--radius-m: 8px;
}

/* General
============================================================================== */

body {
	font-family: "Poppins", sans-serif;
	line-height: 1.4;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
	font-family: "Poppins", sans-serif;
	color: var(--midnight);
}

img {
	border-radius: var(--radius-m);
    width: auto;
	height: auto;
}

#content {
	margin-top: 25px;
}

iframe {
	max-width: 100%; /* To fix mobile bug with embedded YouTube videos. Still doesn't look great, but not as broken as before. */
}

/* Header
============================================================================== */

#header {
	min-height: 131px;
}

.header-blue-stripe {
	background-color: var(--midnight);
}

nav {
	border-bottom: var(--teal) 2.5px solid;
}

#fullnav {
	z-index: 50; /* Fixes bug with google search suggestions box */
}

nav ul li {
	font-family: "Poppins", sans-serif;
	text-transform: none;
}

nav ul li a {
	font-family: "Poppins", sans-serif !important;
	color: var(--midnight) !important;
}

nav ul li a:hover {
	color: var(--midnight) !important;
}

nav ul ul li {
	color: var(--midnight) !important;
}

table.gsc-search-box {
	border-radius: var(--radius-s);
	overflow: hidden;
}

.header-phone, .header-phone a {
	font-weight: 700;
}

/* Footer
============================================================================== */

footer > .container {
	border-top: solid 2px var(--teal);
}

#footerSocial li img {
	border-radius: var(--radius-s);
}

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


.home_banner_background {
	background-position: center right;
}

@media (max-width: 1200px) {
	.home_banner_background {
		height: 33vw;
	}
}

@media (min-width: 1800px) { /* For ultrawide monitors */
	.home_banner_background {
		height: 28vw;
		background-position: bottom right;
	}
}

.home_banner_button {
	border-radius: var(--radius-s);
	min-width: 130px;
	text-transform: none;
}

.home_banner_button,
.home_banner_button:visited {
	background: var(--midnight);
}

.home_banner_button:hover {
	background: var(--space);
}

.announcementBanner {
	background: #afd5e9;
}

#physician_name_hold, #physician_specialty {
	border-radius: var(--radius-s);
	overflow: hidden;
}

.pay-a-bill-button {
	border: solid 2px var(--midnight);
	border-radius: var(--radius-s);
	text-transform: none;
	padding: 6px 15px;
}

.pay-a-bill-button, .pay-a-bill-button:visited {
	color: var(--midnight); /* Override default <a> color */
}

.pay-a-bill-button:hover, .pay-a-bill-button:hover:visited {
	background-color: var(--midnight);
	color: white;
}

.centerHeading {
	text-transform: none;
	font-weight: 700;
}

.openForYou {
	padding: 0;
	margin-bottom: 45px;
}

.openForYou__background {
	background-image: url("/images/utmc2020/open-for-you-background.png");
}

.openForYou__links a {
	background-color: var(--midnight);
	border-radius: var(--radius-s);
	text-transform: none;
}
.openForYou__links a:hover {
	background-color: var(--space);
}

.openForYou__content {
	margin: 40px 0;
}

.openForYou__text {
	width: 90%;
	text-shadow: 0px 0px 3px black, 0px 0px 40px rgba(0,0,0,0.5);
	color: var(--white);
	font-size: 1.1em;
	font-weight: 500;
}

@media (max-width: 767px) {
	.openForYou__content {
		margin: 0 0 40px;
		border-top: 2px solid var(--teal);
		padding-top: 30px;
	}

	.openForYou__text {
		width: 100%;
		text-shadow: none;
		color: var(--black);
		font-weight: 400;
	}
}

/* Common/template pages
============================================================================== */

#title,
#topLineNav {
	background: var(--white);
}

#title h2 {
	color: var(--midnight);
	border-bottom: solid 1px var(--midnight);
	font-family: "Poppins", sans-serif !important;
	margin-top: 20px;
}

#topLineNav {
	padding-bottom: 0;
}

#topLineNav ul li,
#topLineNav ul li a,
#topLineNav ul li a:hover {
	font-family: "Poppins", sans-serif !important;
	color: var(--midnight) !important;
	padding: 3px 0 0px;
}

#topLineNav ul li:last-child {
	margin-right: 0;
}

#lftNav h4 {
	font-family: "Poppins", sans-serif;
	text-transform: none;
}

#masterpagebody h1,
#masterpagebody h2,
#masterpagebody h3,
#masterpagebody h4,
#masterpagebody h5,
#masterpagebody h6,
#masterpagebody h1 strong,
#masterpagebody h2 strong,
#masterpagebody h3 strong,
#masterpagebody h4 strong,
#masterpagebody h5 strong,
#masterpagebody h6 strong {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
}

#masterpagebody h3 {
	color: var(--midnight);
	text-transform: none;
}
#masterpagebody h2 { /* h2 should not be used in masterpagebody, but it has been, so... */
	color: var(--midnight);
	text-transform: none;
}

#masterpagebody ul {
	list-style: disc;
}

#masterpagebody .blueBtn { /* This is an outdated element that should not be used anymore. This is just a quick improvement. */
	font-size: 14px;
	padding: 5px 15px;
}

.clinic_btn {
	background: var(--midnight);
	border-radius: var(--radius-s);
	text-transform: none;
}
.clinic_btn:hover {
	background-color: var(--midnight);
}

#clinic_contact {
	border: solid 2px var(--teal);
	border-radius: var(--radius-m);
}

#clinic_contact .clinicPhone {
	color: var(--midnight);
}

#top_lvl_banner_img {
	margin-bottom: 35px !important;
}

#top_lvl_banner_img, #top_lvl_banner_img #topslider, #top_lvl_banner_img .nivo-slice {
	border-radius: var(--radius-m) !important;
}

/* Google search results page
============================================================================== */

#___gcse_1 table.gsc-search-box tr td.gsc-input {
	border: solid 2px var(--midnight);
}

/* Link button, imitates clinic button
============================================================================== */

a.link_button, .link_button a {
	background: var(--midnight);
	border-radius: var(--radius-s);
	text-transform: none;
}

a.link_button:hover, .link_button a:hover {
	background-color: var(--space);
}