/**
* Fuel Theme
* Version 6.4.4
**/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Content Header
# Content
# Sidebar
# Secondary Pages
## About Us page
## Meet Our Team page
## Single Bio pages
## Single Location pages
## Contact page
## Culture & Careers page
## Single Career page
## Manufacturer Pages
## Blog
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Content Header
--------------------------------------------------------------*/
body:not(.post-template-default.single-post) header.main-header .wp-block-post-date {display: none;}
.author-type {color: var(--content-color); }
.main-header {background-color: var(--tan);background-size: contain;background-repeat: no-repeat;background-position: top right;background-image: url('data:image/svg+xml,');}
.main-header:after { content: ''; height: 0.65rem; position: absolute; inset: auto 0 0; background-size: contain; background-image: url('data:image/svg+xml,'); }
@media (min-width: 68.5em) {
.main-header { padding-top: 7.06rem !important; padding-bottom: 7.06rem !important; }
.main-header:after { height: 0.8rem; }
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.entry-wrapper {margin-top: 2rem;padding-bottom: clamp(2rem, 5vw, 4rem);gap: 2rem clamp(0.9rem, -4rem + 11.667vw, 3rem);}
/* @see https://hover.fuel.team/ */
.entry-content :where(p, li):not([class]) a {text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 0.1rem;text-decoration-color: var(--accent-color);background: linear-gradient(0deg, var(--accent-color), var(--accent-color)) no-repeat right bottom 0.2em / 100% 0;padding: 0 0.1rem 0.25rem;}
.entry-content :where(p, li):not([class]) a:is(:hover, :focus-visible) {background-position-x: left;color: #fff;text-decoration-color: var(--accent-color);background-size: 100% 100%;}
.entry-content h2 { color: var(--dkgrey); position: relative; }
.entry-content h2:not(.section-title-diamond, .no-diamond, .wp-block-post-title):before {content: '';width: 0.6rem;height: 0.6rem;position: absolute;inset: -0.6rem auto auto -0.7rem;margin: auto;background-size: contain;background-repeat: no-repeat;background-image: url('data:image/svg+xml,');}
.entry-content h3 { color: var(--brown); font-size: clamp(1.2rem,3vw,1.6rem); }
.entry-content li.wp-block-post {padding-bottom: 1rem;border-bottom: 1px solid var(--accent-color);margin-top: 1.5rem;}
.entry-content ul {list-style: none;margin-bottom: 1rem;padding-left: 1.2rem;}
.entry-content ul li { position: relative; }
.entry-content ul li:not(.bio):before {content: '';width: 0.6rem;height: 0.6rem;position: absolute;inset: 0.65rem 0 0 -1.2rem;background-repeat: no-repeat;background-image: url('data:image/svg+xml,');}
.entry-content a:not( .wp-block-post-excerpt__more-link, .content-cta .phone, .wp-block-file *+.wp-block-file__button, .page-numbers, .wp-block-query-pagination-previous, .wp-block-query-pagination-next, .address, .phone, .fax, .hours, .cult-car-btn a) {color: var(--primary-color);text-decoration: underline;padding: 0 0.1rem;text-decoration-color: var(--primary-color);background: transparent;transition: background-color 350ms, color 350ms;}
.entry-content a:not( .wp-block-post-excerpt__more-link, .content-cta .phone, .wp-block-file *+.wp-block-file__button, .page-numbers, .wp-block-query-pagination-next, .wp-block-query-pagination-previous, .address, .phone, .fax, .hours, .cult-car-btn a, .location-card-map a:has(>img) ):is(:hover, :focus-visible) {color: #fff;background: var(--primary-color);}
@media (min-width: 68.5em) {
.entry-content h2:before {width: 0.8rem;height: 0.8rem;inset: -0.5rem auto auto -0.5rem;}
.entry-content h2:not(.section-title-diamond, .no-diamond, .wp-block-post-title):before {width: 0.8rem;height: 0.8rem;inset: -0.75rem auto auto -1.1rem;}
}
/* Content CTA */
.content-cta { position: relative; }
.content-cta:before {content: '';width: 2rem;height: 2rem;position: absolute;inset: 0.75rem auto auto 0.75rem;z-index: 1;background-size: contain;background-image: url('data:image/svg+xml,');}
.content-cta:after {content: '';width: 2rem;height: 2rem;position: absolute;inset: auto 0.75rem 0.75rem auto;z-index: 1;background-size: contain;background-image: url('data:image/svg+xml,');}
.content-cta-text { max-width: 23rem; }
@media (min-width: 68.5em) {
.content-cta:before, .content-cta:after {width: 3rem;height: 3rem; }
}
/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.wp-block-template-part:has(#sidebar) { height: 100%; }
#sidebar {
& > .wp-block-group:before { content: ''; width: 2rem; height: 2rem; position: absolute; inset: 0.75rem auto auto 0.75rem; z-index: 1; background-size: contain; background-position: top left; background-repeat: no-repeat; background-image: url('data:image/svg+xml,'); }
& > .wp-block-group:after { content: ''; width: 2rem; height: 2rem; position: absolute; inset: auto 0.75rem 0.75rem auto; z-index: 1; background-size: contain; background-image: url('data:image/svg+xml,'); }
.widget:before {content: '';width: 2rem;height: 2rem;position: absolute;inset: 0.5rem auto auto 0.5rem;z-index: 1;background-size: contain;background-image: url('data:image/svg+xml,');}
.widget:after {content: '';width: 2rem;height: 2rem;position: absolute;inset: auto 0.5rem 0.5rem auto;z-index: 1;background-size: contain;background-image: url('data:image/svg+xml,');}
ul li a:is(:hover, :focus-visible) { text-decoration: underline; }
}
@media (min-width: 68.5em) {
#sidebar {
& .wp-block-group:before, & .wp-block-group:after { width: 3rem; height: 3rem; }
.widget:before, .widget:after { width: 3rem; height: 3rem; }
}
}
/*--------------------------------------------------------------
# Secondary Pages
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## About Us page
--------------------------------------------------------------*/
#about_us_pg {
.wp-block-columns {padding-right: var(--wp--style--root--padding-right);padding-left: var(--wp--style--root--padding-left);max-width: 60rem;margin: auto;}
.wp-block-column.about-us-pg-left-col, .wp-block-column.about-us-pg-right-col { }
.about-us-pg-sidebar {background: var(--cream);padding: 1.6rem 1.2rem 2.1rem 1.2rem;top: calc(0px + var(--wp-admin--admin-bar--position-offset, 0px));position: sticky;z-index: 10;}
.about-us-pg-sidebar:before {content: '';width: 3rem;height: 3rem;position: absolute;inset: 0.75rem auto auto 0.75rem;z-index: 1;/* opacity: 0; *//* transform: translate(-0.5rem, -0.5rem); *//* transition: 500ms ease; *//* transition-delay: 1000ms; */background-size: contain;background-image: url('data:image/svg+xml,');}
.about-us-pg-sidebar:after {content: '';width: 3rem;height: 3rem;position: absolute;inset: auto 0.75rem 0.75rem auto;z-index: 1;/* opacity: 0; *//* transform: translate(0.5rem, 0.5rem); *//* transition: 500ms ease; *//* transition-delay: 1000ms; */background-size: contain;background-image: url('data:image/svg+xml,');}
.about-us-pg-sidebar .wp-block-heading { text-align: center; font-size: 1.6rem; color: var(--dkgrey); }
.about-us-pg-img-container {padding-top: 1.5rem;}
}
@media (min-width: 48.875em) { /* 782px */
#about_us_pg {
.wp-block-columns { display: block; }
.about-us-pg-left-col { margin-bottom: 2rem; }
}
}
@media (min-width: 68.5em) {
#about_us_pg {
.wp-block-columns { display: flex; padding-right: 0;padding-left: 0;max-width: 60rem;margin: auto;gap: 0 2.9rem;}
.about-us-pg-left-col { margin-bottom: 0; }
.about-us-pg-sidebar { padding: 1.6rem 2rem 2.1rem 2rem; }
}
}
/*--------------------------------------------------------------
## Meet Our Team page
--------------------------------------------------------------*/
.meet-team-pg {
.bio-list:first-of-type {margin-bottom: 4rem;}
.bio .wp-block-post-featured-image {max-height: 13.2rem;position: relative;}
.bio .wp-block-post-featured-image:before {content: '';position: absolute;width: 0.8rem;height: 0.8rem;z-index: 2;background-size: contain;background-image: url('data:image/svg+xml,');}
.pro-staff-bio-group .bio-list .bio .wp-block-post-featured-image:before {background-image: url('data:image/svg+xml,');}
.bio-list ul {margin-bottom: 0;padding-left: 0;gap: 0.5rem;}
li.wp-block-post.bio { padding-bottom: 0; border: none; margin: 0; }
.bio-name {border: none;font-family: var(--title-font);color: var(--dkgrey) !important;margin: 0 !important;position: relative;justify-content: flex-start;}
.bio-creds { font-size: 0.8rem; }
.pro-staff-bio-group .bio-name:after { background: var(--accent-color); }
}
@media (min-width: 68.5em) {
.entry-wrapper:has(.meet-team-pg) { padding-top: 1.2rem; }
.meet-team-pg {
.bio-list ul { gap: 2.5rem 2rem; }
.bio .wp-block-post-featured-image:before { width: 2.4rem; height: 2.4rem; }
.bio-name {margin: 0.6rem 0 0.8rem !important;justify-content: center;}
.bio-name:after {content: '';height: 1px;width: 2rem;background: var(--primary-color);position: absolute;inset: auto auto -0.4rem auto;transition: 300ms ease;transform: scale(0,1);}
.js-intersected .bio-name:after {--delay: calc(var(--i, 0) * 500ms);animation: popAnimation 400ms ease var(--delay) forwards;}
.bio.type-bio:has(.cover-link:is(:hover, :focus-visible)) .bio-name:after { transform: scale(1.5, 1) !important; }
}
}
/*--------------------------------------------------------------
## Single Bio pages
--------------------------------------------------------------*/
.single-bio .entry-wrapper {gap: 2rem clamp(1rem, 5.9vw, 3.2rem);}
.bio-details { margin: 0.6rem 0 0.8rem !important; position: relative; }
.bio-details-divider.wp-block-separator { max-width: 2rem; margin: 0.6rem auto 0.4rem; }
.bio-details .wp-block-post-featured-image img {object-position: top;}
/*--------------------------------------------------------------
## Single Location pages
--------------------------------------------------------------*/
.single-location .location-info a::after { content: "";display: block;height: 1px;background: currentColor;transform: scaleX(0);transform-origin: left;transition: transform 0.3s;}
.single-location .location-info a:is(:hover, :focus-visible)::after { transform: scaleX(1); }
/* Styling for bios list on location page */
.single-location .entry-wrapper .provider-list { display: flex;flex-wrap: wrap;margin-top: 0.5rem;container-type: inline-size;container-name: provider;}
.single-location .entry-wrapper .provider-list a:is(:hover, :focus-visible) {background: var(--accent-color);color: var(--white);}
.wp-block-column:has(.location-info) .provider-list a {
position: relative;max-width: 12rem;padding: 0 !important;background: none !important;
.bio-image { display: inline-block; overflow: hidden; }
.bio-image img {object-position: top;max-height: 13.2rem;transition: 300ms ease;}
.bio-label { display: inline-block; text-align: center; }
.bio-name {display: inline-block;width: 100%;color: var(--dkgrey);font-family: 'Lora', serif;position: relative;margin-bottom: 0.5rem;}
.bio-name:after {content:'';height: 1px;width: 2rem;background: var(--primary-color);position: absolute;inset: auto 0 -0.4rem 0;margin: auto;}
.bio-cred { color: var(--dkgrey); font-size: 0.8rem; }
}
.wp-block-column:has(.location-info) .provider-list a:is(:hover, :focus-visible) .bio-image img { transform: scale(1.1); }
.single-location .entry-wrapper .provider-list a {
flex: 1 1 50%;min-width: 10rem;padding: 0.25rem 0 0.25rem 0.25rem;
@container provider (min-width: 400px) {
&:is(:nth-child(4n+1), :nth-child(4n+2)) {background-color: var(--wp--preset--color--grey);}
}
@container provider (max-width: 399px) {
&:nth-child(odd) {background-color: var(--wp--preset--color--grey);}
}
}
/*--------------------------------------------------------------
## Contact page
--------------------------------------------------------------*/
.entry-wrapper:has(.location-section-cover) { padding: 0; margin: 0 !important; }
.entry-content .location-cta ul { margin-bottom: 0; padding-left: 0; }
.entry-content .location-cta ul li {padding-bottom: 0;border-bottom: none;margin-top: 0;}
.entry-content .location-cta ul li:before { display: none; }
@media (min-width: 68.5em) {
.location-section-cover { padding-top: 4.5rem !important; padding-bottom: 10rem !important; }
}
/*--------------------------------------------------------------
## Culture & Careers page
--------------------------------------------------------------*/
.page-id-4716 .main-header h1 { max-width: 40rem; }
.career-meta:has(p:empty) { display: none; }
.curr-empl-container {
.wp-block-heading:before { margin: auto; }
.wp-block-quote { max-width: 36rem; }
}
.curr-open-container .wp-block-heading { text-align: center; }
.curr-open-container .wp-block-heading:before { margin: auto; }
.careers-list {
display: flex;flex-wrap: wrap;justify-content: center;gap: 2rem 0;
.career-box {
display: inline-block;width: 100%;max-width: 18rem;position: relative;
&:before {content: "";background: var(--brand-gradient);position: absolute;inset: 0rem;border-radius: 1.6rem 0 0 0;padding: .05em;z-index: 1;-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
}
.career-header {
display: block;background: var(--grey-gradient);margin: 0;padding: 0.6rem 1.2rem;border-radius: 1.6rem 0 0 0;color: var(--white);font-size: 0.8rem;
h3 { margin: 0 0 0; color: var(--white); font-size: clamp(1.2rem,2.8vw,1.5rem); }
}
.career-body {display: block;padding: 0.9rem 1.2rem 1.9rem !important;}
.icon-item { color: var(--content-color); }
.icon-item strong { color: red; }
.icon-item.wp-block-button {margin: 0;padding: 0;text-align: center;}
}
@media (min-width: 48.125em) { /* 770px */
.curr-open-container .wp-block-heading { text-align: left; }
.curr-open-container .wp-block-heading:before {margin: 0;}
.careers-list {
gap: 2rem 1.5rem;
.career-box {width: calc((100% / 2) - 0.75rem);}
}
}
@media (min-width: 68.5em) {
.careers-list {
max-width: none;gap: 3.2rem;
.career-box {width: calc((100% / 3) - 2.2rem);}
}
}
/*--------------------------------------------------------------
## Single Career page
--------------------------------------------------------------*/
.job-details {width: 100%;}
.job-details.zebra tr:nth-child(odd) th::before {background: var(--grey);}
.job-details th {width: 2rem;}
/*--------------------------------------------------------------
## Manufacturer Pages
--------------------------------------------------------------*/
.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::before, .manufacturer .wp-block-media-text__media::after {display: none;}
.manufacturer .manu-logo figure img {width: auto;height: auto;max-width: 100%;}
/* Hide old content CTA in manufacturer content since we are using content cta synced block pattern */
.manufacturer .use-content-cta-block { display: none; }
@media (max-width: 37.5em) {
.manufacturer .manu-logo figure {text-align: center;}
#main .wp-block-media-text__content {padding: 0;}
}
/*--------------------------------------------------------------
## Blog
--------------------------------------------------------------*/
main .wp-block-post { container-type: inline-size; container-name: post; }
.wp-block-post-date { text-align: center; color: var(--dkgrey); font-size: 0.9rem !important; }
.wp-block-post-title > a { color: var(--dkgrey); }
.wp-block-post-title > a:is(:hover, :focus-visible) { text-decoration: underline; }
/* @media (min-width: 40em) { */
@container post (min-width: 33rem) {
.wp-block-query .wp-block-post-featured-image:where(.alignleft,.alignright) { max-width: 10rem; }
}
/* Pagination numbers */
.wp-block-query-pagination-numbers { display: flex; gap: clamp(0.5rem, 0.143rem + 1.429vw, 1rem); }
.page-numbers { text-align: center; border: 1px solid; border-radius: 3rem; width: 2.4em; height: 2.4em; line-height: 2.2; }
.page-numbers:is(:hover, .focus-visible), .page-numbers.current { background: var(--accent-color); border: 1px solid var(--accent-color); color: #fff; }
/* Pagination next/prev */
a[class^="wp-block-query-pagination-"] { color: transparent; overflow: hidden; white-space: nowrap; position: relative; width: 0.8em; }
a[class^="wp-block-query-pagination-"]:hover { color: transparent; }
a[class^="wp-block-query-pagination-"]::before { content: ''; position: absolute; inset: 0 auto 0 0; margin: auto; background: var(--accent-color); clip-path: url(#menu_chevron); width: 0.8em; height: 0.5em; transition: background-color 0.3s; }
.wp-block-query-pagination-next::before { transform: rotate(-90deg); }
.wp-block-query-pagination-previous::before { transform: rotate(90deg); }
a[class^="wp-block-query-pagination-"]:is(:hover, :focus-visible)::before { background: var(--wp--preset--color--primary); }