@import url(all.min.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
     
:root {
    --offWhite: #f0f0f0;
    --paleBlue: #4974a1;
    --blue: #18497c;
    --mediumBlue: #0b3766;
    --darkBlue: #04274b;
    --lightGrey: #cfcfcf;
    --grey: #8d8c8c;
    --darkGrey: #535353;
    --red: #ef000a;
}

h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: var(--blue);
    font-size: 2rem;
    line-height: 100%;
}
@media (min-width: 768px) {
    h1 {
        font-size: 3rem;
    } 
}
h1 span {
    display: block;
    font-weight: 400;
    font-size: 1.5rem;
    letter-spacing: 3px;
}
@media (min-width: 768px) {
    h1 span {
       font-size: 2rem;
    } 
}

#content.interior h1 {
	margin-bottom:.5em;
}

h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: var(--blue);
    font-size: 1.85rem;
    line-height: 150%;
}
@media (min-width: 768px) {
    h2 {
        font-size: 2.5rem;
    }
}
h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: var(--blue);
    font-size: 1.25rem;
    line-height: 150%;
}
@media (min-width: 768px) {
    h3 {
        font-size: 1.75rem;
    }
}
h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 150%;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: var(--grey);
    margin-bottom: 20px;
    margin-top: 20px;
}
@media (min-width: 768px) {
    h4 {
        margin-top: 0px;
    } 
}
h5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 150%;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    margin-top: 15px;
}
@media (min-width: 768px) {
    h5 {
        margin-top: 0px;
    } 
}
#headerWrapper {
    padding: 0px;
border-bottom-style: solid;
border-bottom-width: 7px;
border-bottom-color: #000000;
position: scroll;
z-index: 200;
top: 0px;
}
@media (min-width: 992px) {
    #headerWrapper {
    position: fixed;
    }  
}
#header {
    background-color: var(--blue);
}
#header .col-md-6:nth-child(1) {
    padding-top: 5px;
    text-align: center;
}
@media (min-width: 768px) {
    #header .col-md-6:nth-child(1) {
        text-align: left;
    } 
}
#header .col-md-6:nth-child(2) {
    padding-top: 10px;
}
#mainNav {
    background-color: var(--darkBlue);
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: var(--lightGrey);
}
#mainNav a:link, #mainNav a:visited {
    font-family: 'Roboto Condensed', sans-serif;
    color: var(--lightGrey);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 1.125rem;
}
#mainNav a:hover {
    color: var(--paleBlue);
}
#mainNav .dropdown-menu a {
    color: var(--blue);
}

@media (min-width: 1250px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.30rem;
		padding-left: 1.30rem;
	}
}

@media (min-width: 1400px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.75rem;
		padding-left: 1.75rem;
	}
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, .5)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border:2px solid #cfcfcf;
  margin-top:3px;
  margin-bottom:3px;
} 

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: #eeeeee;
    box-shadow: none;
}


#callBadge {
    background-color: var(--offWhite);
    text-align: center;
    width: 250px;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
    #callBadge {
       margin-left: auto;
       margin-right: 0px;
    } 
}
#callBadge p:nth-child(1) {
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--red);
    font-size: .9125rem;
}
#callBadge p:nth-child(2) {
    margin-top: -20px;
}
#callBadge a:link, #callBadge a:visited {
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    color: var(--red);
    font-weight: 700;
    font-size: 1.65rem;
    letter-spacing: 1px;
    
}
#callBadge a:hover {
    color: var(--paleBlue);
}

#hero {
    background-image: url(../images/backHero3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
   padding: 0px;
    margin-top: 0px;
    text-align: center;
}
@media (min-width: 992px) {
    #hero {
       margin-top: 142px;
    }
}
#hero .overlay {
	background-image: linear-gradient(rgba(144,186,226,.4) 35%, rgba(25,25,25,0) 65%);
    padding-top: 25px;
    padding-bottom: 175px;
}
@media (min-width: 768px) {
    #hero .overlay {
        padding-top: 35px;
        padding-bottom: 465px;
    }  
}
#hero .overlay img {
    width: 50%;
}
@media (min-width: 768px) {
    #hero .overlay img {
        max-width: 25%;
    } 
}
#hero p:nth-child(2) {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-size: 2rem;
    font-weight: 500;
    line-height: 90%;
}
@media (min-width: 768px) {
    #hero p:nth-child(2) {
        font-size: 4rem;
    } 
}
#serviceCarousel .carousel-inner img {
    width: 100%;
}
#facilityCarousel .carousel-inner img {
	width:100%;
}
@media (min-width:992px) {
	#facilityCarousel .carousel-inner img {
		max-height:50vh;
		width:auto;
	}
}

#content {
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url(../images/backMain.png);
    background-repeat: repeat-y;
}
#content.index p.oscan {
	font-family: 'Roboto', sans-serif;
    color: var(--red);
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 125%;
}

#content.index p.intro,
#content.interior p.intro {
    font-family: 'Roboto', sans-serif;
    color: var(--paleBlue);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 125%;
    margin-top: 25px;
    padding-left: 0px;
    padding-right: 0px;
}
@media (min-width: 768px) {
    #content.index p.intro,
	#content.interior p.intro {
        font-size: 1.5rem;
        line-height: 150%;
		max-width:1000px;
    } 
}
#content.index p, #content.index ul {
    font-family: 'Roboto Condensed', sans-serif;
    color: var(--darkGrey);
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 768px) {
    #content.index p, #content.index ul {
        font-size: 1.175rem;
        padding-left: 75px;
        padding-right: 75px;
    } 
}
#content.index p.red {
	color:var(--red);
}
@media (min-width: 992px) {
	#content.interior {
	    margin-top: 150px;
	}
}
#content.interior p, #content.interior ul, .accordion-padding {
    font-family: 'Roboto Condensed', sans-serif;
    color: var(--darkGrey);
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 768px) {
    #content.interior p, #content.interior ul, .accordion-padding {
        font-size: 1.175rem;
        padding-left: 35px;
        padding-right: 35px;
    } 
}

@media (min-width: 992px) {
    #content.interior p, #content.interior ul, .accordion-padding {
        font-size: 1.175rem;
        padding-left: 75px;
        padding-right: 75px;
    } 
}

#content.interior ul.internships {
    padding-left: 45px;
    padding-right: 15px;
}
@media (min-width: 768px) {
    #content.interior ul.internships {
        padding-left: 80px;
        padding-right: 50px;
    } 
}

@media (min-width: 992px) {
   #content.interior ul.internships {
        padding-left: 105px;
        padding-right: 75px;
    } 
}

#content.interior ul.facility {
	padding-left: 2rem;
}

.accordion {
	margin-top:2rem;
}

@media (min-width: 992px) {
	#content.staff {
	    margin-top: 150px;
	}
}
#content.staff p {
    font-family: 'Roboto Condensed', sans-serif;
    color: var(--darkGrey);
    font-size: 1rem;
    font-weight: 400;
    line-height: 150%;
}
@media (min-width: 768px) {
    #content.staff p {
        font-size: 1.175rem;
    } 
}

/*#content .pati {
    background-color: var(--blue);
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 0px;
}*/
#content .btn {
    background-color: var(--blue);
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 0px;
}
#content .btn:hover {
    background-color: var(--paleBlue); 
}
#content .line {
    display: block;
    height: 7px;
    width: 125px;
    margin-top: 25px;
    margin-bottom: 25px;
    background-color: var(--grey);
    margin-left: auto;
    margin-right: auto;
}

#content #patient-forms-notice p {
	font-size:150%;
	color: var(--red);
}

.patientForms.btn:link,
.patientForms.btn:visited {
	background-color:var(--blue);
	color:#ffffff;
}
.patientForms.btn:hover {
	background-color: var(--paleBlue);
}

#servicesIntro {
    background-color: var(--blue);
    padding: 0px;
    overflow: hidden;
}
#servicesIntro .col-md-5 {
    padding: 0px;
}
#servicesIntro .col-md-7 {
    padding-top: 40px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 40px;
}
@media (min-width: 768px) {
    #servicesIntro .col-md-8 {
        padding-left: 150px;
        padding-right: 150px;
    } 
}
#servicesIntro h2 {
    color: #ffffff;
}
#servicesIntro p {
    font-family: 'Roboto Condensed', sans-serif;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 400;
    line-height: 130%;
}
@media (min-width: 768px) {
    #servicesIntro p {
        font-size: 1.175rem;
    } 
}
#servicesIntro .btn {
    background-color: #ffffff;
    color: var(--blue);
    border-radius: 0px;
    text-transform: uppercase;
    -webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
}
#servicesIntro .btn:hover {
    background-color: var(--paleBlue);
    color: #ffffff;
}
#servicesIntro .dropdown-menu a {
    color: var(--blue);
    text-transform: uppercase;
}
#successStories {
	padding-top:50px;
	padding-bottom:50px;
}
/* Padding removed 5-31-2024 when using Overview video - used to be 75px */
@media (min-width:768px) {
	#successStories {
		padding-top:0;
		padding-bottom:0;
	}
}


#successStories h2 {
	text-align:center;
	padding:0 50px 25px 50px;
}
@media (min-width:1200px) {
	#successStories h2 {
		text-align:center;
		padding: 0 75px;
	}
}
@media (min-width:1500px) {
	#successStories h2 {
		padding: 0 105px;
	}
}
#successStories p {
	font-family: 'Roboto', sans-serif;
    color: var(--darkGrey);
    font-size: 1.0rem;
    font-weight: 500;
	padding:0 50px;
	margin-bottom:25px;
}
@media (min-width:768px) {
	#successStories p {
		font-size:1.125rem;
		margin-bottom:0;
	}
}
@media (min-width:1200px) {
	#successStories p {
		padding: 0 90px;
		font-size:1.125rem;
	}
}
@media (min-width:1500px) {
	#successStories p {
		padding: 0 105px;
		font-size:1.125rem;
	}
}

#jobOpp {
    background-color: var(--blue);
    padding: 30px 20px;
	text-align:center;
}
@media (min-width:768px) {
	#jobOpp {
		padding:50px;
	}
}

#jobOpp h2 {
	color:#ffffff;
}

#jobOpp .btn {
    background-color: #ffffff;
    color: var(--blue);
    border-radius: 0px;
    text-transform: uppercase;
    -webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
}
#jobOpp .btn:hover {
    background-color: var(--paleBlue);
    color: #ffffff;
}
#jobOpp .dropdown-menu a {
    color: var(--blue);
    text-transform: uppercase;
}

#map {
    padding: 0px;
    max-height: 750px;
    overflow: hidden;
}
/* @media (min-width: 768px) {
    #map {
        max-height: 350px;
    } 
}*/
@media (min-width:1600px) {
	#map {
		max-height:450px;
	}
}

#map .col-md-6 {
    padding: 0px;
}

#map .img-exterior { /* image is only 800 px wide, not enough for img-fluid on wide screen */
    max-width: 100%;
    height: auto;
    min-height: 100%;
    width: auto;
}

#hours {
    padding-top: 75px;
    padding-bottom: 75px;
    background-color: var(--paleBlue);
    color: var(--offWhite);
}
#hours h4 {
	font-size:1.2rem;
	margin-bottom:12px;
}
#hours ul {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.05rem;
    font-weight: 400;
	padding-left:1.0rem;
	margin-bottom:1.2rem;
}

.sitemap a:link,
.sitemap a:visited {
	color: var(--darkGrey);
}
#content.interior.sitemap ul {
	list-style:none;
	padding-left:15px;
}

#footer {
    padding-top: 50px;
    padding-bottom: 25px;
    background-color: #000000;
    color: var(--lightGrey);
}
#footer h4 {
	margin-top:20px;
}
#footer p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: .95rem;
    font-weight: 400;
}
#footer a:link, #footer a:visited {
color: var(--lightGrey);
text-decoration: none;
}
#footer a:hover {
    color: #ffffff;
}
.fa-facebook-square {
    font-size: 2.5rem;
    margin-right: 15px;
}
.fa-linkedin {
    font-size: 2.5rem;
    margin-right: 15px;
}
.fa-instagram {
    font-size: 2.5rem;
    margin-right: 15px;
}
.fa-youtube {
    font-size: 2.5rem;
}
#subFooter {
    margin-top: 10px;
    
}
#subFooter p {
    font-size: 75%;
}

.float-end {
    margin-left: 20px;
    margin-bottom: 20px;
}
@media (min-width:768px) {
	.float-end {
		margin-left: 35px;
		margin-bottom: 35px;
	}
}
.bioPic {
	border: 2px solid var(--darkBlue);
	margin-top:.5rem;
}