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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Content Header
# Content
# Sidebar
# Secondary Pages
## Meet Our Team page
## Single Bio Pages
## 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);
}

/*--------------------------------------------------------------
# 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 {
	padding: 0 0.2em;
	text-decoration: underline;
	text-decoration-color: var(--primary-color);
	background: linear-gradient(0deg, var(--primary-color), var(--primary-color)) no-repeat right bottom / 0 100%;
	transition: background-size 350ms, color 350ms;
}

.entry-content :where(p, li):not([class]) a:is(:hover, :focus-visible) {
	color: #fff;
	background-size: 100% 100%;
	background-position-x: left;
}

.content-cta a:is(:hover, :focus-visible) {
	color: var(--accent-color);
}

:root :where(.wp-block-quote)::before {
	content: '';
	width: clamp(1rem, 2vw, 1.5rem);
	aspect-ratio: 1/1;
	background: url('../images/quote.svg');
	background-size: cover;
	position: absolute;
	top: calc(clamp(0.5rem, 1vw, 0.75rem) * -1);
	left: calc(clamp(0.5rem, 1vw, 0.75rem) * -1);
}

.wp-block-quote {
	width: 100%;
	margin-left: unset;
	margin-right: unset;
	border-color: var(--accent-color);
	border-right: none;
	border-bottom: none;
	font-style: italic;
	color: var(--primary-color);
	margin-bottom: 2.4rem;
}

.white-waves {
	max-width: unset;
}

.error404 .entry-wrapper .wp-block-search__button {
	border-radius: 0 !important;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.wp-block-template-part:has(#sidebar) {
	height: 100%;
}

/*--------------------------------------------------------------
# Secondary Pages
--------------------------------------------------------------*/
@media (prefers-reduced-motion: no-preference) {

	.entry-content>.wp-block-media-text:first-child .wp-block-media-text__media::before,
	.entry-content>.wp-block-media-text:first-child .wp-block-media-text__media::after {
		opacity: 1;
		transform: rotate(0deg);
		transition: opacity 500ms ease, transform 500ms ease;

		@starting-style {
			opacity: 0;
			transform: rotate(45deg);
		}
	}

	.entry-content>.wp-block-media-text:first-child .wp-block-media-text__media::after {
		transition-delay: 250ms;
	}
}


.page-id-12 .entry-wrapper>.wp-block-fuel-dynamic-spacer {
	display: none;
}


.contact-page-wrapper .has-white-color {
	color: var(--primary-color) !important;
}

.contact-page-wrapper h2 {
	display: none;
}

.contact-page-wrapper .cover-link {
	color: transparent !important;
	margin: unset !important;
	width: 100%;
}

.custom-block-file {
	display: flex;
	justify-content: space-between;
	padding: 1rem;
	margin-top: unset;
	gap: 0.5rem;
}

.custom-block-file:nth-of-type(even) {
	background-color: #FFF3ED;
}

.custom-block-file .button {
	padding: 0.4rem 2.3rem 0.4rem 1.6rem;
	background-color: var(--wp--preset--color--light-accent);
	border-radius: 72px;
	position: relative;
	border: 1px solid var(--light-accent);
}

.custom-block-file .button::before {
	content: '';
	height: 0.35rem;
	width: 0.65rem;
	clip-path: url(#menu_chevron);
	background: var(--primary-color);
	position: absolute;
	top: calc(50% - 0.1rem);
	right: 0.7rem;
	z-index: 1;
	transform: rotate(270deg);
	transition: right 300ms;
}

.custom-block-file .button:is(:hover, :focus-visible) {
	background-color: var(--white);
}

.custom-block-file .button:is(:hover, :focus-visible)::before {
	right: .5rem;
}

.patient-form-button-wrapper {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	min-width: fit-content;
}

.patient-form-row-wrap {
	display: flex;
	align-items: center;
	color: var(--primary-color)
}

/*--------------------------------------------------------------
## Meet Our Team page
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Single Bio pages
--------------------------------------------------------------*/
.single-bio .entry-wrapper {
	gap: 2rem clamp(0rem, 1.2vw, 1rem);
	padding-bottom: clamp(2rem, 6vw, 6rem);
}

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

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