.primarycare-see-doctor__btn:focus {
background: #FFC72C !important;
color: #003B5C !important;
}  *,
*:before,
*:after {
box-sizing: border-box;
} body {
margin: 0;
} .center {
text-align: center;
} .banner-sub-page {
position: relative;
max-height: 615px;
overflow: hidden;
} .banner-sub-page img {
width: 100%;
} .banner-sub-page img.mobile-img {
display: none;
} .banner-sub-page .details {
max-width: 32rem;
width: 1140px;
position: absolute;
left: 5%;
top: 32%;
margin: 0 auto;
color: #2e2e2e;
} .banner-sub-page .details h2 {
text-transform: uppercase;
margin-bottom: 10%;
font-size: 1.7337rem;
margin: 0;
} .banner-sub-page .details h2 span {
font-size: 1.7337rem;
text-transform: none;
} .banner-sub-page .details h3 {
font-size: 1.3622rem;
margin: 0;
} .banner-sub-page .details p {
margin: 0;
font-size: 0.8669rem;
} .banner-sub-page .details a {
background-color: #FCE08D;
padding: 1rem 2rem;
font-size: 22px;
margin: 2rem 0;
color: #003B5C;
text-decoration: none;
display: inline-block;
width: 100%;
text-align: center;
border-radius: 0; font-size: 1.1146rem;
font-weight: 700;
max-width: 440px;
}
.banner-sub-page .details a:hover {
background-color: #FFC72C;
color: #003B5C;
}
.banner-sub-page .details a:focus {
background-color: #FCE08D !important;
border: 2px solid #FFC72C;
color: #003B5C !important;
} .wave {
height: 100px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
margin-top: -100px;
z-index: 1;
position: relative;
} .wave2 {
height: 100px;
width: 100%;
background: url(//uclahcn.staging.forgewerks.com/wp-content/uploads/2022/02/wave2.png);
background-repeat: no-repeat;
background-size: cover;
margin-top: -100px;
z-index: 1;
position: relative;
} .body-text {
background: #f8f5ee;
width: 100%;
padding: 50px 15px;
} .body-text.blue {
background-color: #003B5C;
} .body-text.blue h2 {
color: #fff;
font-size: 2.9721rem;
font-weight: 400;
} .body-text.blue a.btn {
padding: 1rem 1rem;
font-size: 0.9288rem;
margin: 2rem 5px;
color: #000;
text-decoration: none;
display: inline-block;
text-align: center;
border-radius: 5px;
box-shadow: 0 1px 4px rgba(1, 1, 1, 0.5);
width: 14.3125rem;
max-width: 100%;
font-weight: 700;
} .body-text.blue a.btn.blue {
background: #2173b0;
color: #fff;
} .body-text.blue a.btn.yellow {
background-color: #FCE08D;
color: #003b5c;
border-radius: 0;
}
.body-text.blue a.btn.yellow:hover {
background-color: #FFC72C;
color: #003b5c;
}
.body-text.blue a.btn.yellow:focus {
background-color: #FCE08D !important;
color: #003b5c !important;
border: 2px solid #FFC72C;
} .body-text h2 {
font-size: 2.9721rem;
color: #003b5c;
font-weight: 400;
} .body-text h3 {
color: #003b5c;
font-size: 1.9228rem;
margin: 0 0 20px;
font-weight: 700;
} .body-text p {
font-size: 1.0255rem;
line-height: 30px;
} .body-text .img {
width: 40%;
padding: 0 50px;
} .body-text .img img {
width: 100%;
} .body-text .img h5 {
margin-top: 10px;
font-size: 18px;
} .body-text .details {
width: 60%;
display: flex;
justify-content: center;
flex-direction: column;
} .body-text .details.right {
text-align: right;
} .body-text .details h5 {
display: none;
margin-top: 10px;
font-size: 18px;
} .map-wrapper {
text-align: center;
background-color: #fff;
} .map-wrapper h2 {
color: #003b5c;
text-align: center;
line-height: 3.625rem;
font-size: 2.9721rem;
font-weight: 400;
} .map-wrapper p {
text-align: center;
line-height: 1.625rem;
font-size: 0.9907rem;
padding-bottom: 2rem;
} .map-wrapper img {
max-width: 100%;
height: auto;
width: 59.9375rem;
} .map-wrapper .section-overlay {
background-size: auto;
opacity: 1;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
background-position-x: left;
background-position-y: top;
height: 100px;
margin-bottom: 3.5rem;
}  .d-flex {
display: flex;
width: 1140px;
margin: auto;
max-width: 100%;
} .d-flex .column-3 {
padding: 0 15px;
width: 33.33%;
} .d-flex .column-3 img {
width: 100%;
} .d-flex.dir-column {
flex-direction: column;
}  @media screen and (max-width: 1168px) {
.banner-sub-page .details {
top: 15%;
}
.banner-sub-page .details h2,
.banner-sub-page .details h2 span {
font-size: 1.3rem;
}
.banner-sub-page .details h2 span {
display: block;
}
.banner-sub-page .details h3 {
font-size: 1.1rem;
}
.banner-sub-page .details br {
display: none;
}
.banner-sub-page .details a {
padding: 0.5rem 2rem;
}
} @media screen and (max-width: 1068px) {
.banner-sub-page .details {
padding: 25px 70px;
width: 100%;
top: 2%;
}
.banner-sub-page .details a {
width: 250px;
}
.banner-sub-page .details br {
display: none;
}
.banner-sub-page .details h2 span {
display: block;
}
} @media screen and (max-width: 768px) {
.banner-sub-page {
max-height: 100%;
}
.banner-sub-page .details {
left: 0;
bottom: -2.5%;
top: inherit;
text-align: center;
padding: 25px 0;
display: flex;
flex-direction: column;
}
.banner-sub-page .details .primarycare-banner-txt-wrapper {
display: none;
}
.banner-sub-page .details p {
font-size: 0;
}
.banner-sub-page .details a {
padding: 0.7rem 1rem;
font-size: 16px;
margin: 0;
}
.banner-sub-page img.desktop-img {
display: none;
}
.banner-sub-page img.mobile-img {
display: block;
}
.wave {
display: none;
}
.wave2 {
height: 45px;
}
.body-text {
padding: 25px 15px;
}
.body-text .d-flex {
flex-direction: column;
}
.body-text .d-flex div {
width: 100% !important;
text-align: center !important;
}
.body-text .d-flex div.details {
order: 2;
}
.body-text .d-flex div.details h3 {
margin-top: 20px;
}
.body-text .d-flex div.img {
order: 1;
}
.body-text .d-flex .column-3 {
margin-bottom: 20px;
display: none;
}
.body-text .d-flex .column-3:last-child {
display: block;
}
.body-text .img h5 {
display: none;
}
.body-text .details h5 {
display: block;
}
.body-text.blue a.btn.blue {
margin: 0 5px;
}
.map-wrapper h2 {
font-size: 1.9195rem;
line-height: 1.9375rem;
}
.body-text .section-box h2 {
font-size: 1.9195rem;
padding: 25px;
}
.body-text .details h3 {
font-size: 24px;
}
.body-text.blue a.btn {
font-size: 0.8669rem;
padding: 0.5rem 1rem;
margin: 1rem 0;
}
}