/**
* Fuel Theme
* Version 6.3.0
**/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Content Header
# Content
# Sidebar
# Secondary Pages
## Meet Our Team page
## Single Bio Pages
## 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-block {
	padding-left: var(--contain-padding);
	padding-right: var(--contain-padding);
	margin: 0;
}

.author-type {
	color: var(--content-color);
}

.main-header {
	padding-bottom: clamp(10.5rem, 18.2vw, 17.5rem) !important;
}

.main-header .wp-block-cover__inner-container {
	position: unset;
	z-index: 1;
}

.main-header time {
	color: var(--primary-color);
}

@media (max-width: 68.49em) {
	.main-header {
		padding-top: 2.5rem !important;
		padding-bottom: clamp(4rem, 19.6vw, 6rem) !important;
		min-height: unset;
		min-height: clamp(9rem, 25vw, 25rem);
	}

	.main-title {
		text-align: center;
	}
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.wp-block-template-part {
	margin: 0;
}

.entry-wrapper {
	padding-top: 2rem;
	padding-bottom: clamp(2rem, 5vw, 4rem);
	gap: 2rem 3rem;
	margin: 0;
}

.entry-content li::marker {
	color: var(--wp--preset--color--primary);
}

#main:has(#contact_section) {
	margin-bottom: 0;
}

/* @see https://hover.fuel.team/ */
.entry-content p:not([class]) a,
.entry-content li:not([class]) a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.1rem;
	padding: 0 0.2em;
	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 p:not([class]) a:is(:hover, :focus-visible),
.entry-content li:not([class]) a:is(:hover, :focus-visible) {
	color: #fff;
	background-size: 100% 100%;
	background-position-x: left;
}

.wp-block-image img {
	border-radius: 8px;
}

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

#sidebar ul {
	list-style: none;
}

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

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

.phone-cta {
	text-decoration: none;
}

.content-cta {
	position: relative;
}

.cta-shape {
	position: absolute;
	bottom: 0;
	left: 0;
	min-width: 100%;
	margin-top: 0;
}

.content-cta a {
	text-decoration: none;
	z-index: 1;
}

.content-cta a svg {
	border-radius: 50%;
	transition: background-color 300ms;
	background-color: var(--white);
}

.content-cta a:hover svg {
	background-color: var(--accent-color);
}

.content-cta a svg path {
	transition: fill 300ms;
}

.content-cta a:hover svg path {
	fill: white;
}

.sidebar-top {
	position: relative;
	border-bottom: 1px solid white;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.sidebar-shape {
	position: absolute;
	bottom: -2px;
	left: 0;
}

#sidebar .button {
	margin: 0 !important;
}


@media (max-width: 68.49em) {
	.content-cta {
		padding-bottom: 0.8rem !important;
		padding-top: 1.2rem !important;
	}

	.content-cta a svg {
		width: 1.5rem;
		height: 1.5rem;
	}

	#sidebar h2 {
		padding-top: 0.8rem !important;
		padding-bottom: 1.4rem !important;
	}
}

/* 5 Steps */
.five-steps-top {
	position: relative;
	width: calc(100% + 3rem);
	left: -1.5rem;
}

.five-steps-top .wave-svg {
	position: absolute;
	top: -1.4rem;
	top: clamp(-1.4rem, 4vw, -2rem);
	left: 0;
}

.five-steps-top .number {
	position: absolute;
	top: -3rem;
	left: calc(50% - 1.4rem);
}

.page-id-5013 .wp-block-media-text {
	row-gap: 3rem;
}

.page-id-5013 .wp-block-media-text__content {
	position: relative;
}

.page-id-5013 .wp-block-media-text__content::before {
	content: '';
	width: calc(100% + 3rem);
	height: 100%;
	background: linear-gradient(180deg, #C6E0F1 0%, #FFFFFF 100%);
	position: absolute;
	top: 0;
	left: -1.5rem;
	z-index: -1;
}

@media (min-width: 68.5em) {
	.page-id-5013 .entry-content .wp-block-media-text:not(:last-child) {
		margin-bottom: 7rem !important;
	}
}

.awards-cols figure {
	width: fit-content;
	margin: auto;
	max-width: 15rem;
}

body .awards-cols img {
	border-radius: unset;
}

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

.wp-block-post-featured-image a,
.bio-details figure {
	position: relative;
}

.wp-block-post-featured-image a::before,
.bio-details figure::before {
	content: '';
	width: 100%;
	height: 100%;
	border: 1px solid var(--accent-color);
	border-radius: 8px;
	position: absolute;
	bottom: 8px;
	right: 8px;
}

.wp-block-post-featured-image a::after,
.bio-details figure::after {
	content: '';
	width: 0.8rem;
	height: 0.8rem;
	background-color: var(--accent-color);
	border-radius: 50%;
	position: absolute;
	top: -0.8rem;
	left: -0.8rem;
}

.wp-block-post-featured-image :where(img) {
	border-radius: 8px;
}

.page-id-14 .entry-wrapper {
	padding-bottom: 0;
}
.mtt-staff-wrapper{
 position: relative;
 z-index:0;
}
.mtt-staff-accent{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
	height: auto;
    z-index: -1;
}


/*--------------------------------------------------------------
## Single Bio pages
--------------------------------------------------------------*/
.single-bio .entry-wrapper {
	gap: 2rem clamp(0rem, 4.5vw, 4rem);
	justify-content: center;
}

/*--------------------------------------------------------------
## Single Career page
--------------------------------------------------------------*/
.job-details {
	width: 100%;
}

.job-details.zebra tr:nth-child(odd) th::before {
	background: var(--primary-trans);
}

.job-details th {
	width: 2.4rem;
	padding: 0;
}

.job-details td {
	color: var(--primary-color);
	padding-left: 0;
}

.job-details circle {
	display: none;
}

.career {
	max-width: 18rem;
}

.career .wp-block-group {
	max-width: 18rem;
}

.career .wp-block-read-more:hover {
	color: var(--white);
}

.page-id-5168 .wp-block-quote::before {
	display: none;
}

/*--------------------------------------------------------------
## Contact Page
--------------------------------------------------------------*/
.entry-content .location a {
	color: var(--content-color);
	text-decoration: none;
}

/*--------------------------------------------------------------
## Event Page
--------------------------------------------------------------*/
.event-wrapper {
	flex-wrap: wrap;
	justify-content: center;
	gap: 3.5rem;
}

.event-card {
	max-width: 28rem;
	width: 100%;
	border: 1px solid var(--primary-color);
	overflow: hidden;
	border-radius: 8px;
}

.event-pic img,
.event-pic picture {
	aspect-ratio: 560/250;
	display: block;
	max-height: 100%;
}

.event-info {
	padding: 0.8rem 1.2rem;
	color: var(--primary-color);
	font-size: 0.9rem;
}

.event-card h3 {
	text-align: center;
	color: var(--primary-color);
	font-family: var(--content-font);
	font-weight: bold;
	background-color: rgba(0, 116, 185, .1);
	margin: 0;
	padding: 1.2rem;
	line-height: .9;
	font-size: 1.2rem;
}

.event-info svg {
	margin-right: 0.5rem;
}

.event-date {
	margin-bottom: 0.6rem;
	display: block;
}

.event-pic:is(:empty) {
	aspect-ratio: 56/25;
	background: url('../images/event-card.svg');
	background-size: cover;
}

/*--------------------------------------------------------------
## 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 img {
	border-radius: 0;
}

.manufacturer .wp-block-media-text__media::after,
.manufacturer .wp-block-media-text__media::before {
	display: none;
}

.manufacturer .manu-logo figure img {
	width: auto;
	height: auto;
	max-width: 100%;
}

@media (max-width: 37.5em) {
	.manufacturer .manu-logo figure {
		text-align: center;
	}

	#main .wp-block-media-text__content {
		padding: 0;
	}
}

/*--------------------------------------------------------------
## Blog
--------------------------------------------------------------*/
.wp-block-query li:first-of-type .wp-block-post-title {
	margin-top: 0;
}