/**
* 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
## 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-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;}
.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;}
.main-header:after {content: '';width: 1px;height: 2.3rem;background: var(--accent-color);position: absolute;right: 0;bottom: -0.8rem;left: 0;margin: auto;}
.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;}

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

@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; } 
	.dialog-trigger:is(:hover, :focus-visible) { color: var(--accent-color); text-decoration: underline; }
	.dialog-trigger svg { width: 1rem; }
}


/*--------------------------------------------------------------
## 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(32, 76, 110, 0.00) 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 {
	.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%; }
    	.wp-element-button {  }

	}
}

.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);
	&: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;}


/*--------------------------------------------------------------
## 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 {
	& > .wp-block-group { align-items: flex-start; }
	.icon-item {width: fit-content;color: var(--primary-color);padding: 0 0.1rem;margin-left: 1.8em !important;/* 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.icon-item { text-decoration: underline; }
	a.icon-item:is(:hover, :focus-visible) {
		color: #fff; text-decoration-color: var(--primary-color); background-size: 100% 100%; 
		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;}
}


/*--------------------------------------------------------------
## 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-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.5rem);}
a[class^="wp-block-query-pagination-previous"]:is(:hover, :focus-visible)::before {transform: rotate(90deg) translateY(0.5rem);}
.wp-block-query-pagination-next::before {transform: rotate(-90deg);}
.wp-block-query-pagination-previous::before {transform: rotate(90deg);}