body {background:#F4F4F4; font-size:0.938em; color:#303030; font-family:'Open Sans',sans-serif; font-weight:400;}
html {font-size:1em;}
#wrapper {background:#fff;}

/* Nav */
.navbar-header {width:100%; position:relative;}
.navbar {border-radius:0;}
.navbar-default {background-color:#fff; border-color:none;}
.navbar {border:none; min-height:10px; margin-bottom:10px;}
.navbar-nav {width:100%;}
.navbar-default .navbar-nav>li>a {color:#7F7F7F; background-color:#fff; font-size:1.071em;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color:#0099FF; background-color:#fff;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color:#0099FF; background-color:#fff;}
.navbar-collapse {padding-right:0; padding-left:0;}
.navbar-nav>li {margin-right:14px;}
.navbar-nav>li>a {line-height:1.2em; display:block; padding:0;}
.navbar-nav li:last-child a {border-right:none;}
.navbar-nav {margin:0;}

/* header */
header {padding:10px 0 20px 0;}
div.logo {float:left; width:auto; font-size:33px; font-weight:300; line-height:1em; max-width:250px;}
div.logo a {display:block;}
div.contact {font-family:'Open Sans',sans-serif; font-weight:400; width:auto; padding-left:375px; text-align:right; padding:10px 0 0 0; line-height:1.2em; font-size:16px; color:#7F7F7F;}
div.contact span.tel {padding-bottom:0.3em; font-size:20px; display:inline-block; color:#0099FF;}
div.contact br {display:none;}
div.contact a {color:#1E3F8C; font-weight:300;}
div.contact a:hover {color:#0099FF;}
div.contact i {font-size:20px;}



/* Content */
div.inner {padding:20px;}
h1 {font-size:2em; margin:0; color:#7F7F7F; font-weight:normal; font-family:'Open Sans',sans-serif; font-weight:400;}
h1 span {font-weight:300; color:#0099FF; padding:30px 0 30px 20px; margin-left:20px; border-left:3px solid #fff; display:inline-block;}
h2 {font-size:1.429em; margin:0 0 0.4em 0; color:#2D2D2D; font-family:'Open Sans',sans-serif; font-weight:700;}
h3 {font-size:1.143em; font-weight:bold; margin:0 0 0.4em 0; color:#0099FF;}
table {margin-bottom:1em;}
table td, table th {vertical-align:top;}
table td.time {width:160px;}
table th a {-ms-word-break:break-all; word-break:break-all; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto;}
p {margin:0 0 1.2em 0; text-align:justify;}
div.content ul, div.content ol {margin:0 0 1.2em 0;}
a {color:#0099FF; text-decoration:none; transition:all 0.3s ease-out;}
a:hover, a:focus {color:#333; text-decoration:none;}
p.note {font-size:0.846em;}
.header {background:#fff;}
.content {background:#fff; padding:28px 0 40px 0; min-height:400px;}
.mainTitle {background:#F4F4F4;}
.mainImg {margin:-25px 0 20px 0;}
img[src$=".svg"] {width:100%;}
.intro {font-size:20px;}

/* Home */
body.home .content {padding-top:0;}
div.home {padding-bottom:25px; width:100%; padding:0;}
div.slideshow {width:100%; float:none;}
.rslides {position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0;}
.rslides ul {margin-left:0;}
.rslides li {-webkit-backface-visibility:hidden; padding-bottom:0; position:absolute; display:none; width:100%; left:0; top:0;}
.rslides li:first-child {position:relative; display:block; float:left;}
.rslides img {display:block; height:auto; float:left; width:100%; border:0;}
div.homeLinks {width:374px; float:left;}
div.homeLinks .linkPanel a {color:#fff; font-size:1.286em; font-family:'Open Sans',sans-serif; font-weight:400;}
div.homeLinks .linkPanel a span {display:block; background:url(/images/home-arrow.png) no-repeat 11px 50%; background-color:#0099FF; width:100%; padding:6px 0 6px 26px;}
div.homeLinks .linkPanel a:hover span {background-color:#1D408E;}
div.introText {font-size:1.385em; font-family:'Open Sans',sans-serif; font-weight:300; padding:0 10px 0 0;}
div.introText span {color:#0099FF;}

.noticeBanner {background-color:#0099FF; color:#fff; padding:20px; margin:0 0 30px 0;}
.noticeBanner h3 {margin-bottom:1.2em; font-size:1.385em; line-height:1.4em;}
.appointmentsPanel {background:#fff; padding:20px; line-height:24px; color:#1E3F8C; text-align:left;}
.appointmentsPanel p {text-align:left;}

.articleBanners {display:flex;}
.articleBanner {flex:0 0 50%; max-width:50%;}
.a1 a {background-position:top left; background-image:url(/images/covid-19-runner.jpg);}
.a2 a { background-position: top left -100px; background-image:url("/images/active-womens-clinic.jpg");}
.articleBanner a {background-color:#1E3F8C; background-repeat:no-repeat; background-size:cover; color:#fff; padding:20px; margin:0; display:block; border-top:1px solid #fff; border-bottom:1px solid #fff; position:relative; padding-bottom:100px; min-height:320px;}
.articleBanner a::before {content:""; background:#000; opacity:0.35; width:100%; height:100%; position:absolute; top:0; left:0; transition:all 0.5s ease-out;}
.articleBanner a:hover::before  {background:#0099FF; opacity:0.5;}
.articleBanner span {display:block; z-index:2; position:relative; max-width:60%;}
.articleBannerTitle {font-size:1.385em; line-height:1.4em; font-weight:bold;}
.articleBanner.a2 a::after {content:""; position:absolute; bottom:15px; right:15px; background:url("/images/active-women's-clinic-rev.svg") no-repeat 50% 50%; background-size:contain; width:100px; height:80px;}

/* footer */
footer {padding-bottom:120px; border-top:1px solid #F4F4F4;}
footer .footerLogos {background:#fff;}
footer .footerLogos ul {list-style-type:none;-webkit-padding-start:0; margin-top:1em;}
footer .footerLogos ul li {display:inline; margin:0 12px 5px 0;}
footer .footerLogos ul li .clinicLogo {max-width:100px;}
footer .footerLogos ul li a:hover img {opacity:0.8; filter:alpha(opacity=80);}
footer .footerNote {font-size:0.846em; padding:20px 0 0 0;}
footer p.author {padding:10px 0; color:#999;}
footer p.author a {color:#666;}
footer p.author a:hover {color:#333;}

/* Team */
ul.teamList {padding:0; margin:0; list-style-type:none;}
ul.teamList li {float:left; display:block; padding-bottom:5px; margin-right:15px;}
ul.teamList li a { display:block;}
ul.teamList li a:hover img {opacity:0.8;}

/* Patient Info */
.size {font-style:italic; font-size:0.714em;}

/* Services */
.linksList a {border:1px solid #ccc; display:block; margin:0 0 20px 0;}
.linksList a:hover {border-color:#0099FF;}

/* Clinics */
ul.clinicList {padding:0; margin:0 -10px 20px 0 !important; list-style-type:none; display:flex;}
ul.clinicList li {flex:0 0 33.333%; padding:0 10px; margin-bottom:12px;}
ul.clinicList li a:hover img {opacity:0.8;}
.clinicLogo {width:100%; max-width:220px; height:auto;}

/* Sub Nav */
.well {padding:0 0 17px 0; margin-bottom:20px; background-color:#fff; border:0; border-radius:0; box-shadow:none;}
div.content .nav {-webkit-padding-start:0; -webkit-margin-before:0;}
div.content .well .nav>li>a {color:#333333; background-image:url(/images/nav-arrow-off.png); background-repeat:no-repeat; background-position:0 10px; padding:3px 0 0 14px;}
div.content  .well .nav > li > a:hover {text-decoration:none; background-color:#fff; color:#0099FF; background-image:url(/images/nav-arrow.png);}
div.content .nav li.active a {text-decoration:none; background-color:#fff; color:#0099FF; background-image:url(/images/nav-arrow.png);}
div.content  .nav-list > li > a {text-align:left;}
div.content .well .nav-header {color:#666; text-transform:uppercase; font-size:0.923em; padding-top:2px;}
div.content .well .nav-header.spacer {padding-top:5px;}
.sideNav {padding-right:30px; padding-left:0;}

/* quote */
.quote {position:relative; border:1px solid #ccc; padding:15px 15px 15px 15px; margin:0 0 25px 0; border-radius:10px;}
.speech {position:absolute; bottom:-8px; left:40px; height:8px; width:10px; background:url(/images/speech.png) no-repeat;}

/* Contact */
.error {color:#C00; padding:0 0 8px 0;}
#locationMap {width:100%; height:195px; margin-bottom:20px;}
#locationMap iframe {border:none; width:100%; height:195px;}
.locationPic {margin-bottom:10px;}
.appointmentsPanel {background:#F4F4F4; padding:20px; margin:25px 0; line-height:24px;}
.appointmentsPanel p {margin-bottom:0;}
.mt-0 {margin-top:0;}
	
@media (max-width:1200px) {	
	/* Home */
	div.homeLinks {width:299px;}
	div.homeLinks .linkPanel a span {padding:6px 0 6px 26px;}
	.a1 a {background-position:top left -90px;}
	.articleBanner a {min-height:355px;}
	.a2 a {background-position:top center;}
}
@media (max-width:992px) {
	/* Home */
	div.homeLinks {width:100%; float:none;}
	div.homeLinks .linkPanel a {width:50%; float:left;}
	.a1 a {background-position:top center}
	.articleBanner span {max-width:80%;}
}
@media (max-width:768px) {
	.navbar-default .navbar-toggle {margin:0; background-color:#F4F4F4; border:1px solid #F4F4F4; border-radius:0; color:#0099FF; width:100%;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {color:#fff; background-color:#0099FF; border:1px solid #0099FF; outline:none;}
	.navbar-nav>li {width:100%;}
	.navbar-nav>li>a {border-right:none; border-bottom:1px solid #F4F4F4; min-height:20px; padding:7px 0 7px 15px;}
	.sideNav {padding-right:15px; padding-left:15px;}
	/* header */
	div.contact br {display:inline;}
	.mainTitle {background:#fff; padding:0 15px;}
	.mainTitle .container {background:#F4F4F4;}
	/* Home */
	.articleBanner {flex:0 0 100%; max-width:100%;}
	.a1 a {background-position:top left;}
	.articleBanners {flex-wrap:wrap;}
	.articleBanner span {max-width:50%;}
}
@media (max-width:680px) {
	/* header */
	div.logo {float:none; text-align:center; margin:0 auto;}
	div.contact {text-align:center; padding:20px 0 0 0;}
	div.contact br {display:inline;}
}
@media (max-width:576px) {
	/* Home */
	.a1 a {background-position: top center;}
}
@media (max-width:560px) {
	/* Title */
	h1 {padding:15px 0 0 0;}
	h1 span {padding-left:0; padding-bottom:0; padding-top:0; margin-left:0; border-left:none; display:block;}
}
@media (max-width:490px) {
	/* Home */
	.articleBanner span {max-width:80%;}
}
@media (max-width:480px) {
	/* Clinics */
	ul.clinicList {flex-wrap:wrap;}
	ul.clinicList li {flex:0 0 50%;}
}
@media (max-width:420px) {
	/* Header */
	.appGroup {display:block;}
}
@media (max-width:350px) {
	/* Home */
	div.homeLinks .linkPanel a {font-size:1.154em;}
	/* Header */
	div.contact {font-size:1em;}
}
@media (max-width:320px) {
	/* Footer */
	footer .footerLogos ul li {display:block;}
}