/**
* Fuel Theme
* Version 6.4.4
**/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Content Header
# Content
# Sidebar
# Secondary Pages
## Meet Our Team Page
## Single Bio Pages
## Single Location Pages
## Culture & Careers page
## Single Career Page
## Patient Forms Page
## Search
## 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); }


/*--------------------------------------------------------------
# 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: 2px;text-underline-offset: 0.1rem;padding-bottom: 0.2em;background: linear-gradient(0deg, var(--accent-color), var(--accent-color)) no-repeat right bottom / 0 2px;transition: background-size 350ms;}
.entry-content :where(p, li):not([class]) a:is(:hover, :focus-visible) {text-decoration-color: var(--accent-color);background-size: 100% 2px;background-position-x: left;}

h2.wp-block-heading {font-size: clamp(1.7rem, 4.4vw, 2.4rem);position: relative;margin-bottom: 2.5rem;}
h2.wp-block-heading:not(#sidebar h2):after {content: '';background: var(--color1);height: 1px;width: 8rem;position: absolute;bottom: -1.05rem;left: 0;}
h2.wp-block-heading.has-text-align-center:after { right: 0; margin: auto; }
h3.wp-block-heading {font-size: clamp(1.2rem, 3.7vw, 2rem);color: var(--black);}


/* Content CTA */
.content-cta-text { max-width: 22rem; }
.content-cta .phone:is(:hover, :focus-visible) { text-decoration: underline; }


/* Block Quote */
.wp-block-quote {
	background: var(--grey);border: none;font-size: 1rem;padding-top: 3rem;margin: 2rem 0 0;text-align: center;
	&::before {inset: 1.1rem 0 auto;z-index: 1;width: 1.2rem;height: 1.2rem;margin: auto;padding: 0 0.8rem;background-color: var(--grey);background-repeat: no-repeat;background-position: center;background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.93799 4.501C8.93799 4.448 11.11 5.936 11.461 9.101L11.488 9.414L11.489 9.42C11.68 12.739 9.36499 17.277 4.30799 19.459C4.19548 19.5075 4.06905 19.5131 3.95273 19.4745C3.83641 19.436 3.73828 19.3561 3.67699 19.25L2.56699 17.331C2.53389 17.2737 2.5125 17.2104 2.50404 17.1448C2.49558 17.0792 2.50023 17.0125 2.51772 16.9487C2.53521 16.8849 2.56518 16.8252 2.60591 16.7731C2.64664 16.7209 2.69731 16.6774 2.75499 16.645C4.46499 15.683 5.79799 14.174 6.59999 12.343C5.40999 12.133 4.55499 11.64 3.98199 10.983C3.31499 10.217 3.07699 9.283 3.07699 8.466C3.07699 6.252 4.77999 4.461 6.93699 4.501M16.937 4.501C18.937 4.448 21.109 5.936 21.46 9.101L21.487 9.414L21.488 9.42C21.679 12.739 19.364 17.277 14.307 19.459C14.1945 19.5075 14.0681 19.5131 13.9517 19.4745C13.8354 19.436 13.7373 19.3561 13.676 19.25L12.566 17.331C12.5329 17.2737 12.5115 17.2104 12.503 17.1448C12.4946 17.0792 12.4992 17.0125 12.5167 16.9487C12.5342 16.8849 12.5642 16.8252 12.6049 16.7731C12.6456 16.7209 12.6963 16.6774 12.754 16.645C14.464 15.683 15.797 14.174 16.599 12.343C15.409 12.133 14.554 11.64 13.981 10.983C13.314 10.217 13.076 9.283 13.076 8.466C13.076 6.252 14.781 4.461 16.937 4.501Z" fill="black"/></svg>');}
	&::after { display: none; }
	p {max-width: 21.9rem;margin: auto; position: relative; }
	p:first-of-type:after {content: '';position: absolute;inset: -1.8rem 0 auto;height: 1rem;background-repeat: no-repeat;background-position: center;background-size: contain;background-image: url('data:image/svg+xml,<svg width="422" height="6" viewBox="0 0 422 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M421.527 2.66666C421.527 1.1939 420.333 -2.6226e-06 418.861 -2.6226e-06C417.388 -2.6226e-06 416.194 1.1939 416.194 2.66666C416.194 4.13942 417.388 5.33333 418.861 5.33333C420.333 5.33333 421.527 4.13942 421.527 2.66666ZM5.33331 2.66666C5.33331 1.1939 4.1394 -2.6226e-06 2.66666 -2.6226e-06C1.19391 -2.6226e-06 0 1.1939 0 2.66666C0 4.13942 1.19391 5.33333 2.66666 5.33333C4.1394 5.33333 5.33331 4.13942 5.33331 2.66666ZM418.861 2.66666V2.16666L2.66666 2.16666V2.66666V3.16666L418.861 3.16666V2.66666Z" fill="black"/></svg>');}
}


/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.wp-block-template-part:has(#sidebar) { height: 100%; }
.category-sidebar a:is(:hover) { text-decoration: underline; }


/*--------------------------------------------------------------
# Secondary Pages
--------------------------------------------------------------*/
.entry-wrapper .wp-block-post:not(.type-bio, .type-career, .type-location) { padding-bottom: 1rem; border-bottom: 1px solid var(--accent-color); margin-top: 0; margin-bottom: 1rem; }
.phone-cta:is(:hover, :focus-visible) {text-decoration: underline;}


/*--------------------------------------------------------------
## Meet Our Team Page
--------------------------------------------------------------*/
.bio .wp-block-post-featured-image img {width: 100%;max-width: 17rem;height: 100%;max-height: 17rem !important;}
.toggle { outline: none; }
.toggle summary { background: var(--grey); color: var(--content-color); }
.toggle[open] summary { background: #ccc; }
.toggle summary:after { background: var(--content-color); }
.toggle-content { background: var(--grey); }


/*--------------------------------------------------------------
## Single Bio Pages
--------------------------------------------------------------*/
.single-bio .entry-wrapper {gap: 2rem clamp(0rem, 1.2vw, 1rem);max-width: 59rem;}


/*--------------------------------------------------------------
## 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 { flex: 1 1 50%; min-width: 10rem; padding: 0.25rem 0 0.25rem 0.25rem; }
.single-location .entry-wrapper .provider-list a { 
	@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); }
	}
}
.single-location .entry-wrapper .provider-list a:is(:hover, :focus-visible) { background: var(--accent-color); color: var(--white); }


/*--------------------------------------------------------------
## Culture & Careers Page
--------------------------------------------------------------*/
.career-meta:has(p:empty) { display: none; }
.cult-carr-quote {border: 1px solid var(--black);text-align: center;padding: 1.6rem 1.5rem 2.7rem;margin: 3rem 1rem 2rem !important;position: relative;}
.cult-carr-quote:before { content: ''; width: 2rem; height: 2rem; position: absolute; inset: -1rem auto auto -1rem; background-color: var(--black); background-repeat: no-repeat; background-position: center; background-image: url('data:image/svg+xml,<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.42857 14L5.71428 14L8.57143 8.4L8.57143 -9.99118e-07L1.22392e-06 -1.74846e-06L4.89568e-07 8.4L4.28571 8.4L1.42857 14ZM12.8571 14L17.1429 14L20 8.4L20 0L11.4286 -7.49338e-07L11.4286 8.4L15.7143 8.4L12.8571 14Z" fill="white"/></svg>'); }
.career-meta { gap: 0.5rem; }
a.button.wp-block-read-more { background-color: var(--wp--preset--color--accent); border-radius: 6px; border-color: var(--wp--preset--color--accent); border-width: 1px; border-style: solid; color: var(--white); font-family: inherit; font-size: inherit; font-style: inherit; font-weight: 400; letter-spacing: inherit; line-height: normal; padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem; text-decoration: none; text-transform: inherit; }
a.button.wp-block-read-more:is(:hover, :focus-visible) { background-color: var(--white); color: var(--wp--preset--color--accent); }

@media (min-width: 40em) { /* 800px */
	.cult-carr-quote { margin: 4rem auto 2rem !important; width: 100%; max-width: 59rem; }
	.cult-carr-quote p {font-size: 1.2rem;max-width: 44rem;margin-right: auto;margin-left: auto;}
}

@media (min-width: 68.5em) {
	.career-listings .wp-block-post-template { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}


/*--------------------------------------------------------------
## Single Career Page
--------------------------------------------------------------*/
.job-details { width: 100%; }
.job-details.zebra tr:nth-child(odd) th::before { background: var(--grey); }
.job-details th { width: 2rem; }


/*--------------------------------------------------------------
## Patient Forms Page
--------------------------------------------------------------*/
.wp-block-file a:not(.wp-element-button):is(:hover, :focus-visible) { text-decoration: underline; }


/*--------------------------------------------------------------
## Search
--------------------------------------------------------------*/
.wp-block-search__inside-wrapper { padding: 0 0 0 0.5rem; }
.wp-block-search__button.wp-element-button { border: none; }
.wp-block-search__button.wp-element-button:is(:hover, :focus-visible) { background: var(--primary-color); color: var(--white); }


/*--------------------------------------------------------------
## 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::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; }

/* @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); }