/**
* Fuel Theme
* Version 6.2.0
**/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Content Header
# Content
# Sidebar
# Secondary Pages
## Single Location pages
## Single Bio pages
## Culture & Careers page
### Single Career page
## About Us page
## Meet Our Team page
## Patient Forms page
## Request Appointment Page
## Contact page
## Manufacturer Pages
## Search Pages
## Blog
## Pagination
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Content Header
--------------------------------------------------------------*/
.main-header {background: var(--secondary-hero-gradient);display: flex;flex-wrap: wrap;justify-content: center;align-content: center;text-align: center;min-height: 12.5rem;padding-top: 1rem;padding-bottom: 1rem;}
.main-header::after {content: '';position: absolute;inset: 0;background-image: url('data:image/svg+xml,');background-repeat: no-repeat;background-position: bottom right;background-size: 50% 50%;}
#main-title, .main-title {color: var(--white);position: relative;z-index: 1;margin: 0;font-size: 1.6rem;}
body:not(.post-template-default.single-post) header.main-header .wp-block-post-date { display: none; }
.wp-block-post-date {color: var(--white);z-index: 1;max-width: 100%;position: absolute;bottom: 0.25rem;font-size: 0.9rem;}
.author-block { padding-left: var(--contain-padding); padding-right: var(--contain-padding); }
.author-type { color: var(--content-color); }
@media (min-width: 68.5em) {
.main-header { justify-content: flex-start; }
.main-header::after {background-size: 36% 50%;}
#main-title, .main-title { font-size: 2rem; }
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.entry-wrapper {padding-top: 2rem;padding-bottom: 2rem;gap: 2rem 1rem;}
.entry-content h2.wp-block-heading {font-size: clamp(1.2rem,3vw,1.6rem);color: var(--content-color);padding-bottom: 1.8rem;margin: 2.8rem 0 1.8rem;position: relative;}
.entry-content h2.wp-block-heading:first-of-type {/* margin-top: 0; */}
.entry-content h2.wp-block-heading:after {content: '';background: var(--content-color);height: 1px;width: 100%;max-width: 16.1rem;position: absolute;right: 0;bottom: 0;left: 0;}
.entry-content h3.wp-block-heading {font-size: clamp(1rem,2.6vw,1.4rem);color: var(--content-color);}
.entry-content li::marker { color: var(--content-color); }
/* @see https://hover.fuel.team/ */
.entry-content p:not([class]) a {text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 0.1rem;padding: 0 0.2em;text-decoration-color: var(--primary-color);background: transparent;transition: background-color 350ms, color 350ms;}
.entry-content p:not([class]) a:is(:hover, :focus-visible) {color: #fff;background: var(--primary-color);}
@media (max-width: 60em) {
.wp-block-columns.entry-wrapper { flex-wrap: wrap !important; }
.wp-block-columns.entry-wrapper .wp-block-column { flex-basis: 100% !important; }
}
/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
#sidebar {--sidebar-wall-pad: clamp(0.7rem, 3vw, 1.6rem);max-width: 28rem;margin: 0 auto;}
.wp-block-template-part:has(#sidebar), #sidebar { height: 100%; }
#sidebar ul {list-style: none;padding-left: var(--sidebar-wall-pad);padding-right: var(--sidebar-wall-pad);text-align: center;margin-bottom: 2rem;}
.category-sidebar { margin-bottom: 1.5rem; }
.category-sidebar li:not(:first-child) { margin-top: 0.2rem; }
.category-sidebar li a:hover { text-decoration: underline; }
/* Sidebar Contact Form */
#sidebar .gform_wrapper, .category-sidebar { border: 1px solid var(--primary-color); }
#sidebar .gform_title, .category-sidebar .wp-block-heading { background: var(--darkblue); text-align: center; color: var(--white); margin: 0; padding: 1.32rem 1.6rem; font-size: 1.4rem; }
#sidebar .full-width-form-content { display: none; }
#sidebar *:is(.gform_description, .gform-body) { padding-left: var(--sidebar-wall-pad); padding-right: var(--sidebar-wall-pad); }
#sidebar .gform_wrapper { position: sticky; top: 4rem; margin: 0; }
#sidebar .gform_description {font-size: 0.8rem;text-align: center;}
#sidebar .contact-content, #sidebar .contact-emergency {display: block;text-align: center;font-size: 0.8rem;}
.sidebar-form-content {display: inline-block;margin: 0 0 1rem;max-width: 16.5rem;}
/*--------------------------------------------------------------
# Secondary Pages
--------------------------------------------------------------*/
.content-cta {background: var(--primary-color);color: var(--white);padding: 1.8rem 1.6rem 2.6rem;text-align: center;outline-style: solid;outline-color: var(--white);outline-width: 1px;outline-offset: -1rem;margin-top: 2.4rem;}
.content-cta p {max-width: 25.5rem;margin: 0 auto 1.3rem;}
.content-cta .phone {font-size: clamp(1rem, 4vw, 2rem);text-decoration: none;background: none;text-underline-offset: 0.5rem;padding-bottom: 0.3em;color: var(--accent-color);}
.content-cta .phone:is(:hover, :focus-visible) { text-decoration: underline; }
/*--------------------------------------------------------------
## Single Location pages
--------------------------------------------------------------*/
.single-location #main .icon-item {color: var(--content-color);}
.single-location .icon-item:is(a):is(:hover, :focus-visible) { text-decoration: underline; }
.single-location .icon-item svg {
color: var(--primary-color);
}
.single-location .hours-note { display: inline-block; font-style: italic; font-size: clamp(0.8rem,3.6vw,0.9rem); margin-top: 0.5rem; }
/*--------------------------------------------------------------
## Single Bio pages
--------------------------------------------------------------*/
.single-bio .entry-wrapper { padding-bottom: clamp(3rem,25.5vw,14rem); }
@media (max-width: 83.75em) {
.single-bio .entry-wrapper.wp-block-columns { flex-wrap: wrap !important; justify-content: center; }
.entry-wrapper .wp-block-column:nth-child(3) { flex-basis: 50% !important; }
}
#bio-details { position: sticky; top: 4rem; max-width: 10rem; margin: 0 auto; text-align: center; }
#bio-details .name { color: vaR(--primary-color); }
/*--------------------------------------------------------------
## Culture & Careers page
--------------------------------------------------------------*/
.careers-list { justify-content: flex-start; flex-wrap: wrap; }
#main .career-box { border: 1px solid var(--primary-color); padding: 0; flex: 0 1 32%; min-width: 15rem; text-decoration: none; background: none; }
#main a.career-box:is(:hover, :focus-visible) { background: none; }
.career-box .career-header { display: block; background: var(--primary-color); margin: 0; padding: 0.8rem 1.2rem; }
.career-box .career-header > * { color: var(--white); margin: 0; }
.career-box p { margin-left: 1.6rem; margin-right: 1.6rem; }
.career-box svg, .job-details svg { width: 0.9rem; height: 0.9rem; }
.career-box .button { display: block; width: fit-content; margin: auto; transition: background-color 0.3s ease, color 0.3s ease; }
.career-box:is(:hover, :focus-visible) .button { background-color: var(--white); color: var(--wp--preset--color--accent); }
/*--------------------------------------------------------------
### Single Career page
--------------------------------------------------------------*/
.single-career #sidebar .wp-block-categories-list { display: none; }
.job-details { width: 100%; }
.job-details.zebra tr:nth-child(odd) th::before { background: var(--grey); }
.job-details th { width: 2rem; }
/*--------------------------------------------------------------
## About Us page
--------------------------------------------------------------*/
.about-us-heart-img {min-height: clamp(20rem, 58.2vw, 38.4rem);display: flex;}
.about-us-heart-img-text-block {background: var(--transparent-blue);color: var(--white);padding: 2rem 2rem 2.6rem 1.6rem;text-align: center;outline-style: solid;outline-color: rgba(255,255,255,0.75);outline-width: 1px;outline-offset: -1rem;position: relative;}
.about-us-heart-img-text-block::after {content: '';display: block;width: 57%;max-width: 22.2rem;height: 0.6rem;margin: auto;position: absolute;right: 0;bottom: -0.6rem;background-image: url('data:image/svg+xml,');background-size: 100% auto;background-repeat: no-repeat;background-position: top center;}
h2.about-us-heart-img-title.wp-block-heading { padding-bottom: 0; margin-bottom: 0; }
h2.about-us-heart-img-title.wp-block-heading:after { display: none; }
.about-us-welcome-section {padding-top: 4rem;padding-bottom: 3.8rem;}
.about-us-bg-logo { display: none; }
@media (min-width: 48.5em) {
.about-us-heart-img-text-block {padding: 2.4rem 2rem 3.6rem 6rem;max-width: 39rem;}
.about-us-welcome-section { max-width: 36rem; padding-right: 0; padding-left: 0; }
}
@media (min-width: 58.5em) {
.about-us-heart-img-text-block {padding: 3.9rem 5.6rem 5.3rem 10rem;}
.about-us-heart-img-text-block::after { height: 0.9rem; bottom: -0.8rem; }
}
@media (min-width: 68.5em) {
.about-us-bg-logo {display: block;position: absolute;top: 2rem;left: 0;left: calc(50% - 30.5rem);z-index: -1;}
.entry-content h2.about-us-welcome-section-title { margin-top: 0; }
}
@media (min-width: 82.5em) {
.about-us-heart-img {overflow: visible;padding: 0;}
.about-us-heart-img-text-block {position: relative;left: -2.7rem;margin: 0 !important;z-index: 1;}
}
@media (min-width: 100em) {
.about-us-heart-img {max-width: 68.2rem;}
}
/*--------------------------------------------------------------
## Meet Our team page
--------------------------------------------------------------*/
.meet-our-team-container { position: relative; padding-right: var(--contain-padding); padding-left: var(--contain-padding); }
.meet-our-team-container .about-us-bg-logo { display: none; }
.full-content-teams-list .wp-block-columns:not(:last-child) {margin-bottom: 5rem;}
.full-content-teams-list .wp-block-columns {flex-direction: column-reverse;}
.full-content-teams-list .wp-block-column:has(.wp-post-image) { text-align: center; }
.full-content-teams-list .wp-post-image { display: inline-block; }
.full-content-teams-list .wp-post-image::after { content: ''; display: block; width: 100%; height: 0.6rem; margin: auto; position: relative; background-image: url('data:image/svg+xml,'); background-size: 100% auto; background-repeat: no-repeat; background-position: top center; }
.full-content-teams-list img { width: 100%;max-width: 15rem;height: auto;position: relative;}
.full-content-teams-list h2.wp-block-heading {padding-bottom: 0.6rem;margin-top: 0;}
.full-content-teams-list .credentials {color: var(--content-color);font-size: 1.2rem;font-family: var(--content-font);}
.full-content-teams-list .wp-block-columns { gap: 1rem 3rem; }
@media (prefers-reduced-motion: no-preference) {
.full-content-teams-list-img { display: inline-block; }
.full-content-teams-list-img::after { content: ''; display: block; width: 100%; height: 0.6rem; margin: auto; position: relative; background-image: url('data:image/svg+xml,'); background-size: 100% auto; background-repeat: no-repeat; background-position: top center; }
.full-content-teams-list-img::after { transform-origin: center; transform: scaleX(0); transition: transform 500ms ease 0.9s; }
.js-intersected .full-content-teams-list-img::after { transform: scaleX(1); }
}
@media (min-width: 48.875em) { /* 782px */
.full-content-teams-list .wp-block-columns {flex-direction: row;}
}
@media (min-width: 75em) {
.meet-our-team-container { padding-right: 0; padding-left: 0; }
}
@media (min-width: 82.5em) {
.meet-our-team-container .about-us-bg-logo {display: block;position: absolute;top: 2rem;left: -11rem;z-index: -1;}
}
/*--------------------------------------------------------------
## Patient Forms page
--------------------------------------------------------------*/
.wp-block-file a:not(.wp-element-button):is(:hover, :focus-visible) { text-decoration: underline; }
.wp-block-file *+.wp-block-file__button {margin: 0;background: var(--primary-color);padding: 0.5rem 1.2rem;}
.wp-block-file *+.wp-block-file__button:is(:hover, :focus-visible) { background-color: var(--accent-color); }
@media (min-width: 37.56em) { /* 601px */
.wp-block-file a:not(.wp-element-button) { width: calc(100% - 7rem); text-align: left; }
}
/*--------------------------------------------------------------
## Request Appointment Page
--------------------------------------------------------------*/
.phone-cta { display: block; font-size: clamp(1rem, 4vw, 2rem); text-align: center; }
.phone-cta svg { width: clamp(1rem, 4vw, 2rem); height: clamp(1rem, 4vw, 2rem); margin-right: 0.4rem; }
/*--------------------------------------------------------------
## Contact page
--------------------------------------------------------------*/
.entry-content #location_section, .entry-content .location-section-columns { max-width: none; }
.entry-content #location_section {padding-top: clamp(0rem,10.8vw, 5.9rem);padding-bottom: 0;}
.entry-content .location-section-columns {padding-bottom: clamp(0rem,17.1vw,9.6rem) !important;}
/*--------------------------------------------------------------
## Manufacturer Pages
--------------------------------------------------------------*/
.hide { display: none !important; }
.manufacturer .wp-block-media-text { grid-template-columns: 32% 1fr; }
.manufacturer .wp-block-media-text.has-media-on-the-right { grid-template-columns: 1fr 32%; }
.manufacturer .wp-block-media-text__media::after { display: none; }
.manufacturer .manu-logo figure img { width: auto; height: auto; max-width: 100%; }
@media (max-width: 37.5em) {
.manufacturer .manu-logo figure { text-align: center; }
#main .wp-block-media-text__content { padding: 0; }
}
@media (min-width: 58.5em) {
#main .manufacturer .wp-block-media-text { margin-bottom: 3.6rem; }
}
/*--------------------------------------------------------------
## Search Pages
--------------------------------------------------------------*/
.entry-content .wp-block-post-title {margin-top: 0;text-align: left;}
.entry-content .wp-block-post-title:after { right: auto; }
.search-results .entry-content ul li:before { display: none; }
.search-results .wp-block-post-title a:is(:hover, :focus-visible) { color: var(--primary-color) !important; }
.wp-block-post {border-bottom: 1px solid var(--primary-color);margin-bottom: 2rem;}
.wp-block-post-excerpt__more-text { text-align: center; }
.no-results { display: none; }
.search-no-results .no-results {display: block;}
.no-results-msg { margin: 2rem 0; text-align: center; color: #cc2d3f; }
.no-results .wp-block-search__inside-wrapper { padding: 0 0 0 0.5rem; }
.no-results .wp-block-search__button {padding: 0.5rem 1rem;background: var(--primary-color);transition: 300ms ease;color: var(--white);}
.no-results .wp-block-search__button:is(:hover, :focus-visible) {background: var(--accent-color);color: var(--primary-color);}
@media (min-width: 48.875em) { /* 782px */
.wp-block-post-excerpt__more-text { text-align: left; }
}
/*--------------------------------------------------------------
## Blog
--------------------------------------------------------------*/
.wp-block-post {margin-top: 0;padding-bottom: 1rem;border-bottom: 1px solid var(--primary-color);margin-bottom: 2rem;}
.wp-block-query li:first-of-type .wp-block-post-title { margin-top: 0; }
@media (min-width: 68.5em) {
.wp-block-post-date { text-align: left; bottom: 0.5rem; }
}
/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.wp-block-query-pagination>.wp-block-query-pagination-next, .wp-block-query-pagination>.wp-block-query-pagination-numbers, .wp-block-query-pagination>.wp-block-query-pagination-previous {margin: 0;color: var(--primary-color);}
.wp-block-query-pagination>.wp-block-query-pagination-next:is(:hover, :focus-visible), .wp-block-query-pagination>.wp-block-query-pagination-previous:is(:hover, :focus-visible) {text-decoration: underline;}
.wp-block-query-pagination>.wp-block-query-pagination-numbers {display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 0.5rem;margin: 0;width: 100%;}
.page-numbers {display: flex;justify-content: center;align-items: center;background: var(--primary-color);color: #fff;width: 1.5rem;height: 1.5rem;text-align: center;border-radius: 5px;}
.page-numbers:is(:hover, :focus-visible):not(.dots, .current) {background: var(--accent-color);}
.page-numbers.current {background: #9b9b9b;}
@media (max-width: 60em) {
.wp-block-query-pagination>.wp-block-query-pagination-next, .wp-block-query-pagination>.wp-block-query-pagination-previous {margin: 0 auto !important;}
.wp-block-query-pagination>.wp-block-query-pagination-numbers {justify-content: center;}
}
@media (min-width: 75em) {
body .wp-block-query-pagination {flex-wrap: nowrap;justify-content: flex-start;}
.wp-block-query-pagination>.wp-block-query-pagination-numbers {width: auto;}
.wp-block-query-pagination>.wp-block-query-pagination-next, .wp-block-query-pagination>.wp-block-query-pagination-previous { white-space: nowrap; }
}