/**
* Fuel Theme
* Version 6.4.0
**/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Content Header
# Content
# Sidebar
# Secondary Pages
## Content CTA
## Benefits of Hearing Aids Page
## About Us Page
## Single Bio Pages
## Single Career Page
## Single Location Pages
## Schedule Appointment Page
## Site Map
## Overview Pages
## Manufacturer Pages
## Search Results
## Blog Page & Posts
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Content Header
--------------------------------------------------------------*/
body:not(.post-template-default.single-post) header.main-header .wp-block-post-date {display: none;}
/*.author-block {padding-left: var(--contain-padding);padding-right: var(--contain-padding);margin: 0;}*/
.author-block { display: none; }
.author-type {color: var(--content-color);}
.main-header {min-height: 0;padding-top: clamp(2.2rem,11.7vw,6.4rem);padding-bottom: clamp(3rem,12.6vw,6.9rem);position: relative;overflow: visible;z-index: 1;}
.main-header:before {content: '';width: 0.35rem;height: 0.35rem;background: var(--accent-color);position: absolute;right: 0;bottom: 1.5rem;left: 0;z-index: 1;margin: auto;transform: scale(0);transition: 500ms ease;transition-delay: 500ms;}
.js-intersected.main-header:before { transform: scale(1); }
.main-header:after {content: '';width: 1px;height: 2.3rem;background: var(--accent-color);position: absolute;right: 0;bottom: -0.8rem;left: 0;z-index: 99;margin: auto;transform: scale(0);transform-origin: top;transition: 500ms ease;transition-delay: 1000ms;}
.js-intersected.main-header:after { transform: scale(1); }
.main-header .wp-block-cover__inner-container {position: initial;z-index: 0;}
.main-title {z-index: 1;position: relative;}
.main-header .bg-ENT-logo {position: absolute;top: auto;right: 0;bottom: 0;z-index: 0;width: 27.7%;max-width: 16.8rem;height: fit-content;margin: 0;transition: 500ms ease;transition-delay: 1.5s;}
.main-header.js-intersected .bg-ENT-logo { opacity: 1 !important; }

@media (min-width: 68.5em) { 
    .main-header:before {bottom: 4.9rem;}
    .main-header:after {height: 6.5rem;bottom: -1.6rem;}
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.entry-wrapper {padding-top: 2rem;padding-bottom: clamp(2rem, 5vw, 4rem);gap: 2rem clamp(0.9rem, -4rem + 11.667vw, 3rem);margin: 0;}

/* @see https://hover.fuel.team/ */
.entry-content :where(p, li):not([class]) a {color: var(--primary-color);padding: 0 0.05rem;text-decoration: underline;text-decoration-color: var(--primary-color);background: linear-gradient(0deg, var(--primary-color), var(--primary-color)) no-repeat right bottom 0.2em / 100% 0;transition: background-size 350ms, color 350ms;}
.entry-content :where(p, li):not([class]) a:is(:hover, :focus-visible) {color: #fff;text-decoration-color: var(--primary-color);background-size: 100% 100%;}
.entry-content h2.wp-block-heading {color: var(--primary-color);position: relative;}
.entry-content h2.wp-block-heading:after {content: '';height: 1px;width: 1.5rem;background: var(--primary-color);position: absolute;right: auto;bottom: -0.45rem;left: 0;margin: auto;}
.entry-content ul.wp-block-list { list-style: square; color: var(--primary-color); }

#main a:not( .dialog-trigger, .phone-tree-number, .wp-block-file a, .wp-block-post-title a, .wp-block-post-excerpt__more-text a, #sidebar a, .wp-block-query-pagination a, .bio-box, .wp-block-button__link, .wp-element-button, .bio-location-link, .provider-list a, .infoPanel-padding .button, .map-quick-links > a, .infoPanel-padding > a, .loc-block a) {display: inline-block;color: var(--primary-color);text-decoration: underline;text-decoration-color: var(--primary-color);background: linear-gradient(0deg, var(--primary-color), var(--primary-color)) no-repeat right bottom 0.2em / 100% 0;transition: background-size 350ms, color 350ms;}
#main a:not( .dialog-trigger, .phone-tree-number, .wp-block-file a, .wp-block-post-title a, .wp-block-post-excerpt__more-text a, #sidebar a, .wp-block-query-pagination a, .bio-box, .wp-block-button__link, .wp-element-button, .bio-location-link, .provider-list a, .infoPanel-padding .button, .map-quick-links > a, .infoPanel-padding > a, .loc-block a):is(:hover, :focus-visible) { color: #fff; text-decoration-color: var(--primary-color); background-size: 100% 100%; }

@media (min-width: 68.5em) { 
	.entry-content h2.wp-block-heading:after { width: 2rem; bottom: -0.65rem; }
}


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

#sidebar {
	.sidebar-title-container {background: var(--primary-color);display: flex;justify-content: center;}
	.wp-block-heading {position: relative;display: inline-block;}
	.wp-block-heading:before {content: '';width: 0.3rem;height: 0.3rem;background: var(--accent-color);position: absolute;inset: 0 auto 0 0;margin: auto;}
	.wp-block-heading:after {content: '';width: 0.3rem;height: 0.3rem;background: var(--accent-color);position: absolute;inset: 0 0 0 auto;margin: auto;}
}

#sidebar {
	ul {list-style: none;text-align: center;padding: 0;}
	.cat-item {color: var(--primary-color);}
	.cat-item a { color: var(--primary-color); }
	.cat-item a:is(:hover, :focus-visible) {text-decoration: underline;}
}


/*--------------------------------------------------------------
# Secondary Pages
--------------------------------------------------------------*/

/* Remove these two rules if you are displaying the teams as a bio grid */
.bio .wp-block-column:has(.wp-block-post-featured-image)  { order: -1; /* Move bio image to top on mobile */ }

@media (max-width: 48.8125em) {
	.bio .wp-block-post-title,.bio .wp-block-post-title + p {text-align: center;}
}


/*--------------------------------------------------------------
## Content CTA
--------------------------------------------------------------*/
.content-cta:before {content: '';width: 0.35rem;height: 0.35rem;background: var(--accent-color);position: absolute;right: 0;bottom: 1.3rem;left: 0;z-index: 1;margin: auto;}
.content-cta:after {content: '';width: 1px;height: 2rem;background: var(--accent-color);position: absolute;right: 0;bottom: -0.7rem;left: 0;z-index: 1;margin: auto;}
.content-cta {
	.dialog-trigger {font-size: 1.6rem;color: var(--white);} 
	.dialog-trigger:is(:hover, :focus-visible) { color: var(--accent-color); text-decoration: underline; }
	.dialog-trigger svg { width: 1rem; }
}

@media (min-width: 31.25em) { /* 500px */
	.content-cta {
		.dialog-content-wrapper {
			.phone-tree {flex-wrap: wrap;justify-content: space-between;padding: 1.5rem 0 0;gap: 0.8rem 1rem;}
			.phone-tree-number {
				max-width: calc((100% / 2) - 0.5rem);
			    strong {font-size: 0.8rem; white-space: break-spaces;}
			}
		}
	}
}

@media (min-width: 48em) { /* 768px */
	.content-cta {
		.dialog-content-wrapper {
			.phone-tree {padding: 2rem 1.5rem;gap: 0.8rem;justify-content: center;}
			.phone-tree-number {max-width: calc((100% / 3) - 0.55rem);}
		}
	}
}


/*--------------------------------------------------------------
## Benefits of Hearing Aids Page
--------------------------------------------------------------*/
.ben-ha-columns-row .wp-block-columns { gap: 2.5rem 0; }
.ben-ha-bottom-row { width: 100%; max-width: 40rem; margin: auto; }
.ben-ha-bottom-row .wp-block-image { position: relative; }
.ben-ha-bottom-row .wp-block-image:before { content: ''; width: 2rem; height: 2rem; border-top: 1px solid var(--primary-color); border-right: 1px solid var(--primary-color); position: absolute; inset: -0.5rem -0.5rem auto auto; }
.ben-ha-bottom-row .wp-block-image:after {content: ''; width: 2rem; height: 2rem; border-bottom: 1px solid var(--primary-color); border-left: 1px solid var(--primary-color); position: absolute; inset: auto auto -0.5rem -0.5rem;}
.ben-ha-bottom-row-inner { max-width: 36rem; margin: 1.8rem auto 0; }

@media (min-width: 48.875em) { /* 782px */
	.ben-ha-columns-row.blue-grad-bg { padding-top: 3.2rem; padding-bottom: 3.2rem; }
	.ben-ha-columns-row .wp-block-columns {gap: 0 4.2rem;max-width: var(--wp--style--global--wide-size);margin: 0 auto 2.4rem;}
	.ben-ha-columns-row .wp-block-columns:last-of-type { margin: 0 auto; }
}

@media (min-width: 68.5em) { 
	.ben-ha-bottom-row .wp-block-image:before { inset: -0.8rem -0.8rem auto auto; }
	.ben-ha-bottom-row .wp-block-image:after { inset: auto auto -0.8rem -0.8rem; }
	.ben-ha-columns-row.blue-grad-bg { padding-bottom: 4.3rem; }
}


/*--------------------------------------------------------------
## About Us Page
--------------------------------------------------------------*/
.entry-wrapper:has(.about-us-columns) {background: linear-gradient(180deg, rgba(32, 76, 110, 0.10) 0%, rgba(255, 255, 255, 0) 100%);}
.about-us-columns { max-width: 60rem; gap: 2.5rem; }
.about-us-bottom-title:after { display: none; }
.about-us-title-col { max-width: 23.8rem; } 
.about-us-text-col { max-width: 30.9rem; }
.about-us-img-collage { max-width: fit-content; }
.about-us-img-collage .wp-block-image { position: relative; }
.about-us-img-collage .wp-block-image::before {content: '';width: 2rem;height: 2rem;border-top: 1px solid var(--primary-color);border-left: 1px solid var(--primary-color);position: absolute;inset: -0.5rem auto auto -0.5rem;}
.about-us-img-collage .wp-block-image::after {content: '';width: 2rem;height: 2rem;border-bottom: 1px solid var(--primary-color);border-right: 1px solid var(--primary-color);position: absolute;inset: auto -0.5rem -0.5rem auto;}
.about-us-img-collage img { background: none; }

@media (min-width: 68.5em) { 
	.about-us-columns { gap: 5rem; }
	.about-us-bottom-title {font-size: 2.4rem;}
	.about-us-img-collage .wp-block-image::before {inset: -0.8rem auto auto -0.8rem;}
	.about-us-img-collage .wp-block-image::after {inset: auto -0.8rem -0.8rem auto;}
}


/*--------------------------------------------------------------
## Single Bio Pages
--------------------------------------------------------------*/
.single-bio .entry-wrapper {gap: 2rem clamp(0rem, 5.8vw, 3.2rem);}

.bio-details {
	.wp-block-post-featured-image { max-width: 16rem; margin: auto; }
	.bio-name { position: relative; }
	.bio-name:after { content: ''; height: 1px; width: 1.5rem; background: var(--primary-color); position: absolute; right: 0; bottom: -0.45rem; left: 0; margin: auto; }
}

.bio-name-creds {color: var(--primary-color) !important;}

.bio-location-link-container {
	width: 100%;justify-content: center;display: flex;flex-wrap: wrap;margin-top: 0;
    .bio-location-title {font-size: clamp(1rem,2.2vw,1.2rem);text-align: center;margin-top: 1.5rem !important;}
    .bio-location-link {background: var(--ltgrey);border: none;color: var(--primary-color);position: relative;padding: 0.6rem 1.6rem 0.6rem 1rem;margin-top: 0.8rem;font-size: clamp(0.8rem,1.6vw,1rem);width: 100%;transition: 0.3s ease;}
    .bio-location-link:before {content: '';background: var(--primary-transparent-2);width: 1.1rem;height: initial;position: absolute;inset: 0 0 0 auto;transition: 0.3s ease;}
    .bio-location-link:after {content: '';height: 0.5rem;width: 0.25rem;position: absolute;inset: auto 0.4rem auto auto;transition: 0.3s ease;background-size: cover;background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="13" viewBox="0 0 7 13" fill="none"> <path d="M1.06067 1.06067L6.06067 6.06067L1.06067 11.0607" stroke="%23204C6E" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"/> </svg>');}
    .bio-location-link:is(:hover, :focus-visible) {
    	background: var(--primary-color); color: var(--white);
    	&:before { background: rgba(255,255,255,0.2); }
    	&:after { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="13" viewBox="0 0 7 13" fill="none"> <path d="M1.06067 1.06067L6.06067 6.06067L1.06067 11.0607" stroke="%23ffffff" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"/> </svg>');}
	}

    .bio-location-link-btn { 
    	margin-top: 2rem !important; 
    	.wp-element-button {font-size: clamp(0.8rem,1.6vw,1rem);padding: 0.6rem 1.6rem 0.6rem 1rem;text-align: left;}
    	.wp-element-button:before { inset: 0 0.45rem 0 auto; }
    }
}

@media (min-width: 48.875em) { /* 782px */
    .bio-location-link-btn { 
    	width: 100%;
    	.wp-block-button { width: 100%; }
	}
}

.toggle { outline: none; }
.toggle summary {background: var(--ltgrey);border: none;color: var(--primary-color);position: relative;}
.toggle summary:is(:hover, :focus-visible) { background: var(--primary-color);color: var(--white); }
.toggle summary:is(:hover, :focus-visible):after { background: var(--white); }
.toggle summary:before {content: '';background: var(--primary-transparent-2);width: 2.5rem;height: 2.5rem;position: absolute;inset: 0 0 auto auto;}
.toggle summary:after { background: var(--primary-color); position: absolute; inset: 0 0 0 calc(100% - 2.5rem); margin: auto; }
.toggle[open] summary { background: var(--ltgrey); color: var(--primary-color)}
.toggle[open] summary:before { background: var(--primary-color); }
.toggle[open] summary:after { background: var(--white); }
.toggle-content {background: var(--ltgrey);padding-top: 0.1px;padding-left: 2.5rem;position: relative;}
.toggle-content:before {content: '';width: 0.35rem;height: 0.35rem;background: var(--primary-color);position: absolute;top: 0.4rem;/* right: 0; *//* bottom: 0; */left: 0.95rem;z-index: 1;margin: auto;}
.toggle-content:after {content: '';width: 1px;background: var(--primary-color);position: absolute;top: 0.7rem;right: auto;bottom: 1.3rem;left: 1.1rem;margin: auto;}

/* Meet My Team Toggle */
.wp-block-fuel-fuel-toggle-block[open]:has(.bio-list) { --expanded: 400px !important; }

.mtt-main {
	.bio-list { margin: 1rem auto; }
 	.bio-list .bio-box:is(:hover, :focus-visible) { background: var(--white) !important; }
}

@media (min-width: 68.5em) {
	.mtt-main {
		display: flex;flex-wrap: nowrap;justify-content: space-between;
	    .bio-list {justify-content: flex-start;gap: 1.5rem;width: 100%;max-width: calc(50% - 0.5rem);margin: 1rem 0;}
	 	.bio-list .bio-box {max-width: 100% !important;}
	    .bio-list .bio-name {font-size: 1rem;position: relative;}
	    .bio-list .bio-name:after {content: '';width: 1.6rem;height: 1px;position: absolute;inset: auto 0 -0.35rem -0.4rem;background-color: var(--primary-color);}
	    .bio-list .bio-cred {font-size: 0.8rem;}
	}
}


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


/*--------------------------------------------------------------
## Single Location Pages
--------------------------------------------------------------*/
.single-loc-container {
	.icon-item-container {width: 100%;margin-bottom: 1rem;}
	.icon-item {max-width: 100%;color: var(--primary-color);padding: 0 0.1rem;margin-top: 0;margin-bottom: 0;margin-left: 1.8rem !important;text-decoration-color: var(--primary-color);background: linear-gradient(0deg, var(--primary-color), var(--primary-color)) no-repeat right bottom 0.2em / 100% 0;transition: background-size 350ms, color 350ms;}
	a.icon-item {text-decoration: underline;}
	a.icon-item:is(:hover, :focus-visible) { color: #fff; text-decoration-color: var(--primary-color); background-size: 100% 100%; }
	a.icon-item:is(:hover, :focus-visible) svg path { fill: var(--primary-color); } 
	.icon-item svg { left: -1.8em; }
	.icon-item svg path {fill: var(--primary-color);}
	.hours-note {display: inline-block;font-style: italic;font-size: 0.8rem;margin-top: 0.5rem;}
}

/* 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 { display: flex !important;flex: 1 1 50%;min-width: 10rem;padding: 0.25rem 0 0.25rem 0.25rem; }
.single-location .entry-wrapper .provider-list a {
	padding: 0;
	@container provider (min-width: 400px) {
		&:nth-child(odd) { background-color: var(--wp--preset--color--grey) !important; }
	}
	@container provider (max-width: 399px) {
		&:nth-child(odd) { background-color: var(--wp--preset--color--grey) !important; }
	}
}

.single-loc-container {
	.provider-list { display: flex; flex-wrap: wrap; gap: 1rem; }
	.provider-list a { 
		position: relative; 
		&:before {content: '';position: absolute;inset: 0 0 0 calc(100% - 1.1rem);background: var(--primary-transparent-2);transition: 300ms ease;}
	    &:after {content: '';width: 0.35rem;height: 0.65rem;position: absolute;inset: 0 0 0 calc(100% - 1.05rem);margin: auto;transition: 300ms ease;background-image: url('data:image/svg+xml,<svg width="7" height="13" viewBox="0 0 7 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.06055 1.06067L6.06055 6.06067L1.06055 11.0607" stroke="%23204C6E" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"></path> </svg>');}
	}
	.provider-list .bio-image {grid-area: img;width: 5rem;height: 5rem;margin-right: 0.75rem;overflow: hidden;}
	.provider-list img {transition: 300ms ease;}
	.provider-list .bio-label {grid-area: label;line-height: normal;display: flex;flex-wrap: wrap;align-content: center;color: var(--primary-color);gap: 0.8rem;}
	.provider-list .bio-name {font-size: 0.9rem;position: relative;}
	.provider-list .bio-name:after {content: '';width: 1.6rem;height: 1px;position: absolute;inset: auto 0 -0.35rem -0.4rem;background-color: var(--primary-color);}

	/* Hover State */
	.provider-list a:is(:hover, :focus-visible) {
		&:before { background: var(--primary-color); }
		&:after { background-image: url('data:image/svg+xml,<svg width="7" height="13" viewBox="0 0 7 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.06055 1.06067L6.06055 6.06067L1.06055 11.0607" stroke="%23FFFFFF" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"></path> </svg>'); }	
		.bio-image img { transform: scale(1.1); }
	}
}

@media (min-width: 68.5em) {
	.single-loc-container {
		.single-loc-top-info {
		    display: grid; grid-template-areas:'top-left right''middle-left right''bottom-left right';gap: 0.5rem 1.2rem;align-items: normal;
		   
		    .address.icon-item { grid-area: top-left; }
		    .phone.icon-item { grid-area: middle-left; }
		    .fax.icon-item { grid-area: bottom-left; }
		    .hours.icon-item { grid-area: right; }
		}
	}
}













/*--------------------------------------------------------------
## Schedule Appointment Page
--------------------------------------------------------------*/
.online-scheduling-portal {min-height: 24rem;width: 100%;}

.page-id-22 { 
	.entry-wrapper { padding-top: 0; }
	.wp-block-template-part:has(#contact_section) { display: none; }
}

.sched-appt-top-img-container {
    width: 100%; max-width: 35rem;
    .wp-block-heading { width: fit-content; margin: auto; }
    .wp-block-heading:after { display: none; }
}

.sched-appt-how-to-row {margin-top: 2rem;margin-bottom: 3rem;}
.sched-appt-how-to-row-columns {
	.wp-block-column {padding-left: 2.5rem; position: relative; }
	.wp-block-column svg {position: absolute;top: -0.3rem;left: 0;}
}

.sched-appt-locations {
	.loc-block {display: flex;flex-wrap: wrap;align-content: flex-start;background: var(--ltgrey);max-width: 19rem;color: var(--primary-color);}
	.loc-332.loc-block { display: none; }	
	.loc-block-post-title {background: var(--primary-color);width: 100%;text-align: center;color: var(--white);padding: 0.6rem 1rem !important;}
	.loc-block > span {width: 100%;margin-bottom: 1rem;padding-right: 1rem;padding-left: 2.5rem;position: relative;font-size: 0.9rem;}
	.loc-block .loc-block-post-custom-meta { padding-right: 0; padding-left: 0; }
	.loc-block > span svg { position: absolute; top: 0.35rem; left: 1rem; }
	.loc-block a { color: var(--primary-color); }
	.loc-block a:not(.loc-block-buttons .wp-element-button):is(:hover, :focus-visible) { text-decoration: underline; }
	.hours-row {display: block;}
	.hours-day { margin-right: 0.25rem; }
	.loc-block-buttons { display: block; width: 100%; text-align: center; margin-bottom: 1.5rem; }	
}

@media (min-width: 48.875em) { /* 782px */
	.sched-appt-locations {
		display: flex;flex-wrap: wrap;justify-content: center;gap: 0.8rem;		
		.loc-block {width: calc(50% - 0.4rem);margin: 0 !important;}
	}
}

@media (min-width: 68.5em) {
	.sched-appt-locations {
		gap: 1.6rem; justify-content: flex-start;
		.loc-block {width: calc(33% - 0.9rem);margin: 0;}
	}
}


/*--------------------------------------------------------------
## Site Map
--------------------------------------------------------------*/
.sp-html-sitemap {
	a {color: var(--primary-color);padding: 0 0.1rem;text-decoration: underline;text-decoration-color: var(--primary-color);background: linear-gradient(0deg, var(--primary-color), var(--primary-color)) no-repeat right bottom 0.2em / 100% 0;transition: background-size 350ms, color 350ms;}
	a:is(:hover, :focus-visible) { color: #fff; text-decoration-color: var(--primary-color); background-size: 100% 100%; }
}


/*--------------------------------------------------------------
## Overview Pages
--------------------------------------------------------------*/
.blue-grad-bg {background: linear-gradient(180deg, rgba(32, 76, 110, 0.10) 0%, rgba(32, 76, 110, 0.00) 100%);max-width: none;width: 100vw;margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;margin-left: calc(var(--wp--style--root--padding-right) * -1) !important;padding-top: 1rem;padding-right: calc(var(--wp--style--root--padding-right) * 1) !important;padding-left: calc(var(--wp--style--root--padding-right) * 1) !important;}

@media (min-width: 37.56em) { /* 601px */
    .blue-grad-bg {padding-top: 2rem; padding-bottom: 2rem;}
    .blue-grad-bg .wp-block-media-text {max-width: var(--wp--style--global--wide-size);margin: auto;}
}

@media (min-width: 75em) { /* 1200px */
	.blue-grad-bg {padding-top: 3.2rem;padding-right: calc(var(--wp--style--root--padding-right) * 2) !important;padding-bottom: 3.2rem;padding-left: calc(var(--wp--style--root--padding-right) * 2) !important;}
}


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


/*--------------------------------------------------------------
## Search Results
--------------------------------------------------------------*/
.wp-block-query-no-results {
	.wp-block-search {
	    max-width: 24rem;border-radius: 0;	    
	    .wp-block-search__inside-wrapper { padding: 0;border-color: var(--primary-color); }
	    .wp-block-search__input {border-right: 1px solid red !important;color: var(--content-color);}
	    .wp-element-button {background: var(--accent-color);color: var(--primary-color);padding-right: 1.2rem;border-left: 1px solid var(--primary-color);}
	    .wp-element-button:before {display: none;}
	    .wp-element-button:is(:hover, :focus-visible) {background: var(--primary-color);color: var(--white);border-color: var(--white);}
	}
}


/*--------------------------------------------------------------
## Blog Page & Posts
--------------------------------------------------------------*/
.wp-block-query li:first-of-type .wp-block-post-title { margin-top: 0; }
.wp-block-post {container-type: inline-size;container-name: post;}
li.wp-block-post {
	padding-bottom: 1rem;border-bottom: 1px solid var(--primary-color);
	.wp-block-post-title a { color: var(--primary-color); }
	.wp-block-post-title a:is(:hover, :focus-visible) { text-decoration: underline; }
}	

.wp-block-post-date { text-align: center; font-size: 0.8rem !important; }

/* @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 { 
	margin-top: 2.5rem;
	.wp-block-query-pagination-numbers { display: flex;gap: clamp(0.5rem, 2vw, 1rem);}
	.page-numbers {text-align: center;border: 1px solid var(--primary-color);border-radius: 3rem;width: 2.4em;height: 2.4em;line-height: 2.2;color: var(--primary-color);}
	.page-numbers:not(.dots):is(:hover, .focus-visible), .page-numbers.current {background: var(--primary-color);border: 1px solid var(--primary-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(--primary-color);clip-path: url(#menu_chevron);width: 0.8em;height: 0.5em;transition: 300ms ease;}
a[class^="wp-block-query-pagination-next"]:is(:hover, :focus-visible)::before {transform: rotate(-90deg) translateY(0.25rem);}
a[class^="wp-block-query-pagination-previous"]:is(:hover, :focus-visible)::before {transform: rotate(90deg) translateY(0.25rem);}
.wp-block-query-pagination-next::before {transform: rotate(-90deg);}
.wp-block-query-pagination-previous::before {transform: rotate(90deg);}