/*
Theme Name: Fuel Junior
Theme URI: http://fuelmedical.com/
Description: Base child theme for all fuel medical development projects
Author: Fuel Medical
Author URI: http://fuelmedical.com/
Template: fuel
Version: 4.3.6
Text Domain: fuel-junior
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Fonts
# Normalize
# Standard Tags
# WordPress Elements
# Custom Elements
# Forms
#   Forms - Image Captcha
# Shortcodes
# Site Structure
# Header
# Menu - Small Screen
# Menu - Large Screen
# Content
# Sidebar
# Footer
# Home
# Secondary Pages
# Print
# WIREFRAME - DELETE ON LOCAL
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Bold'), local('OpenSans-Bold'),
        url('./fonts/OpenSans-Bold.woff2') format('woff2'),
        url('./fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Italic'), local('OpenSans-Italic'),
        url('./fonts/OpenSans-Italic.woff2') format('woff2'),
        url('./fonts/OpenSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
        url('./fonts/OpenSans-Regular.woff2') format('woff2'),
        url('./fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
        url('./fonts/OpenSans-BoldItalic.woff2') format('woff2'),
        url('./fonts/OpenSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
        url('./fonts/Ubuntu-Medium.woff2') format('woff2'),
        url('./fonts/Ubuntu-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
        url('./fonts/Ubuntu-Regular.woff2') format('woff2'),
        url('./fonts/Ubuntu-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
:root{
	--lightPurple:#901CA1;
	--lightPurpleRGB: 144, 28, 161;
	--darkPurple:#800085;
	--darkPurpleRGB: 128, 0, 133;
	--white: #fff;
	--black:#000;
	--red: #FF0000;
	--lightBlue: #6D96AE;
	--lightGreen: #27A371;
	--grayGradeant: linear-gradient(180deg, #F1F1F1 0%, #DFDFDF 100%);
}



*, *:before, *:after {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {
	box-sizing: border-box;
	font-family: sans-serif;
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	line-height: 1.5;
}

body, table, tbody, thead, tr, th, td, iframe, div, section, article, aside, header, footer, main, menu, nav, h1, h2, h3, h4, h5, h6, hr, form, fieldset, legend, button, input, select, optgroup, option, textarea, ul, ol, li, dl, dt, dd, blockquote, p, details, summary, pre, figure, img, audio, canvas, video, object, embed, span, a, strong, b, em, i, u, s, cite, abbr, sub, sup, mark, del, ins, code, kbd, samp, var {
	vertical-align: top;
	margin: 0;
	border: 0;
	padding: 0;
	font-family: inherit;
	font-size: 1em;
	line-height: inherit;
	text-transform: none;
	color: inherit;
	background: none;
	overflow: visible;
}

iframe, div, section, article, aside, header, footer, main, menu, nav, h1, h2, h3, h4, h5, h6, hr, form, fieldset, legend, ul, ol, dl, dt, dd, blockquote, p, details, summary, pre, figure, figcaption {
	display: block;
}

img, audio, canvas, video, object, embed {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

svg:not(:root) {
	overflow: hidden;
}

[hidden], template {
	display: none;
}

textarea {
	overflow: auto;
	resize: vertical;
}

button, input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled], input[disabled] {
	cursor: default;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
	outline: ButtonText dotted 1px;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active, a:hover {
	outline-width: 0;
}

a:focus {
	outline: dotted thin;
}

code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/*--------------------------------------------------------------
# Standard Tags
--------------------------------------------------------------*/
html {
	font-size: 125%;
	-webkit-overflow-scrolling: touch;
}

body {
	font-family:  'Open Sans', Arial, sans-serif;
	color: #000000;
	position: relative;
	min-width: 18rem;
	font-size: 1em;
	line-height: 1.5;
	background: #f5f5f5;
}

iframe, img, svg, audio, canvas, video, object, embed {
	vertical-align: middle;
	max-width: 100%;
}

img, svg {
	height: auto;
}

iframe {
	margin: 0 auto 1.5em auto;
}

pre, dl, figure {
	margin: 0 0 1.5em 0;
}

dd {
	margin: 0 1.5rem 1.5em;
}

dt {
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Ubuntu', sans-serif;
	color:#000;
	margin: 1.5em 0 0.5em 0;
	line-height: normal;
	font-weight: 500;
}

h1 {
	font-size: 2em;
	font-size: clamp(2rem, 2.5vw, 2.4rem);
}

h2 {
	font-size: 1.6em;
	font-size: clamp(1.6rem, 2.6vw, 2rem);
	color: var(--lightPurple);
}

h3 {
	font-size: 1.2em;
	font-size: clamp(1.2rem, 2vw, 1.6rem);
	color: var(--lightPurple);
}

h4 {
	font-size: 1.1em;
	font-size: clamp(1.1rem, 2vw, 1.2rem);
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 0.75em;
}

p {
	margin: 0 0 1em 0;
	font-size: clamp(.85rem, 1.2vw, 1rem);
	line-height: 1.7;
}

ul, ol {
	margin: 0 0 1.5em 2.5em;
  font-size: clamp(.85rem, 1.2vw, 1rem);
}

li>ul, li>ol {
	margin: 0 0 0 1.5em;
	font-size: clamp(.85rem, 1.2vw, 1rem);
}

li {
	margin: 0 0 0.5em 0;
}
ul li::marker{color: var(--green);}

blockquote, figcaption {
	margin: 0 0 1.5em 0;
}

table {
	font-size: clamp(.85rem, 1.2vw, 1rem);
	margin: 0 0 1.5em 0;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}

th {
	font-weight: bold;
}

a {
	color: var(--lightPurple);
	text-decoration: none;
	transition: all 300ms ease;
}

a:hover {
	color: #d2a4d9;
}

a:focus-visible {outline: -webkit-focus-ring-color auto 1px;}

strong, b {
	font-weight: 700;
}

em, i, dfn, cite, blockquote, figcaption {
	font-style: italic;
}

blockquote em, blockquote i, figcaption em, figcaption i {
	font-style: normal;
}

u, ins {
	text-decoration: underline;
}

s, del {
	text-decoration: line-through;
}

small {
	font-size: 0.75em;
}

sub, sup {
	position: relative;
	vertical-align: baseline;
	font-size: 0.75em;
	line-height: 0;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

abbr[title] {
	border-bottom: 1px dotted;
}

/*--------------------------------------------------------------
# WordPress Elements
--------------------------------------------------------------*/
#wpadminbar {
	background: #1376b9;
}

.entry-meta, .entry-by {
	display: none;
}

.single-post .entry-meta {
	display: block;
	padding-top: 1.5em;
	color: var(--white);
}

.alignleft, .alignright, .aligncenter, .wp-post-image {
	display: block;
	clear: both;
	margin: 0 auto 1.5em auto;
}

.aligncenter, .has-text-align-center {
	text-align: center;
}

@media only screen and (min-width: 38.5em) {
	.alignleft {
		clear:none;
		float: left;
		margin: 0 2rem 2em 0;
		max-width: 48%
	}

	.alignright {
		clear: none;
		float: right;
		margin: 0 0 2em 2rem;
		max-width: 48%
	}
}

.wp-caption {
	margin: 0 0 1.5em 0;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8em 0;
}

.wp-block-embed.is-type-video .wp-block-embed__wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

.wp-block-embed.is-type-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (min-width:38.5em){ /*616px*/
	.list-col-2 {
		column-count: 2;
		column-gap: 2em;
		margin-left: 1rem;
		color: #000;
	}
}

.wp-block-file {
	border-bottom: 1px solid #085596;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0.5em 0;
}

.wp-block-file a {
	padding: 0.5em;
	text-align: center;
}
.wp-block-file a:last-of-type {
	color: white;
	background: #ff9d00;
	border: 1px solid transparent;
	border-radius: 0.25em;
	font-weight: bold;
}

.wp-block-file a:last-of-type:hover {
	background: transparent;
	color: #ff9200;
	border: 1px solid;
}

@media only screen and (min-width:38.5em){ /*616px*/
	.wp-block-file {
		justify-content: space-between;
	}
}

.screen-reader-text {
	position: absolute;
	top: auto;
	left: -10000rem;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.pagination {
	margin: 2em 0;
	text-align: center;
}

.wp-block-columns, .wp-block-media-text{display: flex; flex-wrap: wrap;}
.wp-block-media-text{ margin-bottom: 2em;}
.wp-block-column, .wp-block-media-text__media, .wp-block-media-text__content{width: 100%;}
.wp-block-media-text__content > :first-child{margin-top: 0;}

@media only screen and (min-width: 48.5em) {
.wp-block-columns, .wp-block-media-text{flex-wrap: nowrap;}
/*.wp-block-media-text.has-media-on-the-right{flex-direction: row-reverse;}*/
.wp-block-column{max-width: 50%;}
.wp-block-column:first-child, .wp-block-media-text__media{margin-right: .5rem}
.wp-block-column:last-child, .wp-block-media-text__content{margin-left: .5rem}
.page-id-209 .wp-block-media-text__media{max-width: 32%;}
.wp-block-media-text__media{max-width: 42%;}
.page-id-214 .wp-block-media-text__media { max-width: 32%;}
.wp-block-media-text__content{max-width: 67%;}
.has-media-on-the-right .wp-block-media-text__media{margin-right: 0; margin-left: .5rem;}
.has-media-on-the-right .wp-block-media-text__content{margin-left: 0; margin-right: .5rem}
}

@media only screen and (min-width: 68.5em) {
	.pagination {
		text-align: left;
	}
  .wp-block-media-text{margin-bottom: 6em;}
  .wp-block-column:first-child,
  .wp-block-media-text__media,
  .has-media-on-the-right .wp-block-media-text__content{margin-right: 1rem}
  .wp-block-column:last-child,
  .wp-block-media-text__content,
  .has-media-on-the-right .wp-block-media-text__media{margin-left: 1rem}
}

.page-numbers {
	display: inline-block;
	margin: 0.5em 0.2em;
	/* border-radius: 0.2em; */
	width: 2em;
	overflow: hidden;
	line-height: 2;
	text-align: center;
	color: #fff;
	background: var(--lightPurple);
}

.page-numbers svg {
	vertical-align: top;
	margin-top: 0.5em;
	width: 1em;
	height: 1em;
}

.page-numbers.current {
	background: #777;
}

a.page-numbers:hover {
	color: #fff;
	background: #555;
}

@media only screen and (min-width: 68.5em) {
	.pagination {
		text-align: left;
	}
}

/*--------------------------------------------------------------
# Custom Elements
--------------------------------------------------------------*/
.clear:after {
	content: '';
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

.contain {
	padding-right: 1.5em;
	padding-left: 1.5em;
	display: block;
	position: relative;
	margin: auto;
	width: 100%;
}
.icon-wrapper{ display: block; position: relative; padding-left: 1.5rem; }
.icon-wrapper  svg{display: block; position: absolute; height:1rem; width:1rem; left:0; top:.2rem;}
.btn-wrapper{display: flex; justify-content: center;}
.btn-wrapper > *{margin: 0 .5rem 1.5rem .5rem; }
.m-hide{ display: none; }
.no-margin-bottom{margin-bottom: 0;}
.short{max-width: 41em;}
@media only screen and (min-width:38.5em) {
	.contain {
		padding-left: 3rem;
		padding-right: 3rem;
	}
}
@media only screen and (min-width:68.5em) {
  .m-hide{
    display: block;
  }
  .d-hide{display: none;}
  .btn-wrapper{justify-content: flex-start;}
  .btn-wrapper > *{margin-bottom: 0;}
  .btn-wrapper > :first-child{margin-left: 0;}
  .btn-wrapper > :last-child{margin-right: 0;}
}
@media only screen and (min-width:82.5em) {
	.contain {
		padding-left: calc(50% - 30rem);
		padding-right: calc(50% - 30rem);
	}
}

.skip-to-content {
	display: block;
	position: absolute;
	top: -10000rem;
	left: 1em;
	z-index: 99999;
	padding: 0.5em 1em;
	background: #eee;
	box-shadow: 1px 1px 0.2em rgba(0, 0, 0, 0.5);
	transition: none;
}

.skip-to-content:focus {
	top: 1em;
}

.button, .wp-block-button__link {
  position: relative;
  color: var(--white);
  background: var(--lightPurple);
  display: inline-block;
  vertical-align: middle;
  padding: 0.75em 1em;
  font-size: 1em;
  min-width: 13em;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 .1em .2em 0 rgba(0,0,0,0.50);
  transition: all 300ms;
  overflow: hidden;
  z-index: 0;
}
.button.gray{background: var(--grayGradeant);color: var(--black);}
.button.white{background: var(--white);color: var(--black);}
.button:hover, .button:active, .button:focus,
.wp-block-button__link:hover, .wp-block-button__link:active, .wp-block-button__link:focus {
	color: var(--black);
	text-decoration: none;
	outline: none;
}
.button.white:hover,
.button.gray:hover{color: var(--white)}
.button::after,
.wp-block-button__link::after{content: ""; display: block; position: absolute; height:100%; width:100%; background: var(--white); z-index: -1; left: 0; top:0;transform: translateX(-100%);
transition: transform 500ms;}
.button:hover::after,
.wp-block-button__link:hover::after{transform: translateX(0);}
.button.white::after,
.button.gray::after{background: var(--lightPurple);}
.button:focus-visible {outline:var(--lightPurple) dashed 3px; outline-offset: 6px;}

.custom-alert-bar {
    background: linear-gradient(45deg, rgba(2, 36, 74, 1), rgba(21, 91, 142, 1));
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.gform_fields {
	margin: 0;
}

.gfield {
	margin: 0 0 0.7rem;
	padding: 0.3rem;
	list-style: none;
	overflow: hidden;
	background: #F4F4F4;
}

.gfield .medium {
	padding: 0 0.9rem;
	width: 100%;
	color: #4a4a4a;
}

.gfield_label {
	display: block;
	padding: 0.1rem 0.4rem 0;
	font-size: 0.7em;
	line-height: normal;
}

.ginput_recaptcha {
	margin: auto;
	padding: 1em 0 0;
	max-width: 304px;
	overflow: hidden;
}

.gform_footer {
	position: relative;
	margin-top: 0.7rem;
}

.gform_button {
	width: 100%;
}

.gform_ajax_spinner {
	position: absolute;
	top: 0;
	right: 0.5rem;
	bottom: 0;
	margin: auto;
	border: 0.2em solid rgba(0, 0, 0, 0.4);
	border-left: 0.2em solid #07B084;
	border-radius: 50%;
	width: 1.2em;
	height: 1.2em;
	animation: rotate 1.1s infinite linear;
}

.validation_error {
	margin: 0 0 1rem;
	font-size: 0.8em;
	color: #cc2d3f;
}

.validation_message {
	padding: 0 0.4rem;
	font-size: 0.7em;
	color: #cc2d3f;
}


/*--------------------------------------------------------------
#   Forms - Image Captcha
--------------------------------------------------------------*/
.captcha-image {
	display: block;
	font-size: 0.8em;
	text-align: center;
}

.captcha-image .cf7ic_instructions {
	display: block;
	margin-bottom: 0;
	padding: 0.1rem 0.4rem 0;
	text-align: left;
}

.gfic_screenreader {
	display: inline-block;
	position: absolute;
	top: -10000rem;
	left: 1em;
	z-index: 99999;
	background: #eee;
	box-shadow: 1px 1px 0.2em rgba(0, 0, 0, 0.5);
	transition: none;
	border-radius: 2em;
	width: 1.5rem;
	height: 1rem;
	line-height: 1;
}

.captcha-image .gfic_screenreader svg {
	width: 1rem;
	height: 0.5rem;
	margin: 0;
	font-size: 1em;
	position: relative;
	top: -2px;
}

.gfic_screenreader:focus {
	position: relative;
	top: 0.25rem;
	left: 0;
}

.captcha-image .cf7ic_choice {
	display: inline-block;
	min-width: 3.2em;
	font-weight: bold;
	text-align: left;
	color: var(--lightPurple);
}

.captcha-image svg {
	margin: 0 0.3em;
	padding: 0;
	width: 1em;
	height: 1em;
	font-size: 2em;
	transition: all 0.4s linear;
}

.captcha-image label {
	display: inline-block;
}

.icon-fallback,
.captcha-image label>input {
	opacity: 0;
	width: 0;
	height: 0;
	margin: 0;
}

.captcha-image label>input+svg {
	border: 2px solid transparent;
	cursor: pointer;
	color: var(--lightPurple);
}

.captcha-image label>input:checked+svg {
	color: #326e99;
}

.captcha-image label>input:focus+svg {
	outline: 1px dashed #ccc;
}

.captcha-image svg:hover {
	color: var(--darkPurple);
}

.kc_captcha .wpcf7-not-valid .captcha-image {
	border: 1px solid red
}

/* CAPTCHA Placeholder */
.gfic-loader .captcha-image .cf7ic_choice {
	color: #e5e5e5;
}


/*--------------------------------------------------------------
# Shortcodes
--------------------------------------------------------------*/
#map_holder {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	position: relative;
	background: rgb(229, 227, 223);
}

#map_holder .map-filters {
	flex: 1 1 100%;
	display: flex;
	justify-content: center;
	background: #1B60A7;
	color: #fff;
	padding: 0.5em;
	line-height: initial;
}

#map_holder .map-filters select {
	background: #fff;
	color: #1b60a7;
	border-radius: 4px;
	border: 1px solid #1B60A7;
	padding: 0.3rem;
}

#map_holder .map-filters>div {
	margin-right: 1em;
}

#map_holder .map-filters>div:last-of-type {
	margin: 0;
}

#map_holder .map-filters .map-title {
	padding-top: 0.2em;
	font-size: 1.2em;
}

#map_holder #filter_notice {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 99;
	margin: auto;
	padding: 0.5em;
	font-size: 0.9em;
	text-align: center;
	color: #fff;
	background: rgba(76, 157, 47, 0.8);
	box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.5);
}

#map_holder #info_panel {
	flex: 1 1 25%;
	color: #fff;
	position: absolute;
	top: 0;
	left: -100%;
	bottom: 0;
	z-index: 998;
	width: 100%;
	background: #003764;
	overflow: visible;
}

#map_holder #info_panel::-webkit-scrollbar {
	width: 0.3em;
}

#map_holder #info_panel::-webkit-scrollbar-thumb {
	background-color: #888;
}

#map_holder #info_panel::-webkit-scrollbar-track {
	background-color: #f0f0f0;
}

#map_holder #info_panel .info-box {
	font-size: 0.8em;
	border-bottom: 1px solid #999;
}

#map_holder #info_panel .info-box>h3 {
	font-size: 1em;
	margin: 0;
}

#map_holder #info_panel .info-box a,
#super_panel a {
	display: block;
	overflow: hidden;
	cursor: pointer;
	font-weight: normal;
}

#map_holder #info_panel .info-box a {
	color: #87C3FF;
	padding: 1em;
	background: linear-gradient(270deg, #1B60A7 0%, #003764 100%);
	background-repeat: no-repeat;
	background-position-x: -30em;
}

#map_holder #info_panel .info-box a:hover {
	background-position-x: 0;
}

#map_holder .info-box a {
	display: block;
}

#map_holder #map_canvas {
	min-width: 15em;
	min-height: 20em;
	height: auto !important;
	box-flex: 3.0;
	flex: 3 0 75%;
}

#map_holder #map_canvas .info-box h3 {
	margin: 0 0 0.2em;
}

#map_holder #legend {
	background: rgba(255, 255, 255, 0.8);
	padding: 1em;
	margin: 1em;
	z-index: -1;
	position: absolute;
	bottom: 0.7em;
	right: 0;
}

#map_holder #legend h3 {
	margin: 0;
	text-decoration: underline;
}

#map_holder #legend div {
	margin-top: 0.5em;
}

#map_holder #legend img {
	width: 1em;
	margin-right: 0.5em;
}

#map_holder #info_panel .info-box:last-of-type {
	border: none;
}

#map_holder #super_panel {
	font-size: 0.8em;
	position: absolute;
	top: 0;
	left: 100%;
	bottom: 0;
	width: 100%;
	transition: left 300ms;
	background: #003764;
}

#map_holder #super_panel a {
	display: inline-block;
	color: #fff;
	line-height: 1.5;
}

#map_holder #super_panel a:after {
	content: "";
	display: block;
	height: 1px;
	width: 0;
	background: #fff;
	margin: 0 auto;
	transition: all 300ms ease;
}

#map_holder #super_panel a:hover:after {
	width: 100%;
}

#map_holder .info-img {
	background-size: cover;
	height: 10em;
	position: relative;
}

#map_holder .title-box {
	background: #5AB937;
	padding: 1em;
	position: relative;
}

#map_holder .title-box.has-image {
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	width: 100%;
	bottom: 0;
}

#map_holder .title-box #back_to_panel {
	position: absolute;
	top: 100%;
	width: 100%;
	height: 3em;
	left: 0;
	cursor: pointer;
	transition: all 0.4s ease;
	border-bottom: 1px solid rgba(27, 96, 167, 0.5);
}

#map_holder .title-box #back_to_panel:after {
	content: "Back to all locations";
	color: #5AB937;
	position: relative;
	top: 0.8rem;
	left: 1.4rem;
}

#map_holder .title-box #back_to_panel:hover:after {
	font-weight: bold;
}

#map_holder .title-box #back_to_panel svg {
	position: relative;
	top: 0.5rem;
	left: 0.5rem;
	width: 1rem;
}

#map_holder .title-box #back_to_panel svg path {
	fill: #5AB937;
}

#map_holder .title-box h3 {
	margin: 0;
	font-size: 1.2em;
	font-weight: normal;
}

#map_holder .title-box h3 .category {
	display: block;
	font-size: 0.7rem;
	color: #fff;
}

#map_holder .title-box h3 .category:before {
	content: 'A division of: '
}

#map_holder #super_panel .fuel-average-rating,
#map_holder #super_panel .fuel-average-rating .checked,
#map_holder #super_panel .fuel-average-rating .checked~i {
	color: #fff;
}

#map_holder #super_panel .fuel-average-rating i {
	color: #8eb6f8;
}

#map_holder .details-box {
	padding: 3.4em 1em 1em
}

#map_holder .details-svg {
	float: left;
	font-size: 1em;
	width: 1em;
	height: 1em;
	margin: 0.3em 1em 0 0;
}

#map_holder .short-hours {
	display: inline-block;
}

#map_holder .location-hours {
	display: inline-block;
	max-width: 80%;
	max-width: fit-content;
}

#map_holder .gm-style .gm-style-iw .hover-info-box {
	width: 15em;
	position: relative;
	left: -0.7em;
	top: -0.4em;
	padding-left: 1em;
}

#map_holder .gm-style .gm-style-iw .info-img2 {
	float: left;
	margin: 0 1em -0.8em -1em;
	width: 5em;
	height: 5em;
	background-size: cover;
}

#map_holder .gm-style .gm-style-iw .infobox-title {
	line-height: 1.2;
	font-size: 1em;
	text-overflow: ellipsis;
	margin: 0;
	overflow: hidden !important;
	padding-top: 1em;
}

#map_holder .gm-style .gm-style-iw .fuel-average-rating .half-under {
	overflow: hidden !important;
}

@media only screen and (min-width: 68.5em) {
	#map_holder #info_panel {
		height: 40em;
	}

	#map_holder #info_panel {
		overflow-y: scroll;
	}

	#map_holder #info_panel,
	#map_holder #super_panel {
		position: relative;
		left: 0;
	}
}


.static-map {
	position: relative;
}

.static-map a {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.static-map a:before {
	content: "Get Directions";
	position: absolute;
	width: 10em;
	height: 1.9em;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 2px solid #fff;
	border-radius: 0.3em;
	padding: 0.1em;
	text-align: center;
	color: #fff;
	box-shadow: 0 0 0 40em rgba(0, 0, 0, 0.5), inset 0 0 20em rgba(0, 0, 0, 0.5);
	font-size: 1.25em;
	font-weight: normal;
	line-height: 1.25;
	opacity: 0;
	transition: all 0.4s ease;
}

.static-map:hover a:before {
	opacity: 1;
}

.location-hours {
	max-width: 15em
}

.location-hours td {
	padding: 0.1em 0.25em
}

.location-hours tr:nth-child(odd) td {
}

.location-hours .today td {
}

.fuel-rating,
.fuel-rating2,
.fuel-average-rating {
	display: inline-block;
	direction: rtl;
	text-align: center;
	line-height: 1
}

.fuel-rating i {
	font-size: 2em
}

.fuel-rating i,
.fuel-rating2 i,
.fuel-average-rating i {
	display: inline-block;
	margin: 0.25em 0.1em;
	width: 1em;
	height: 1em
}

.fuel-rating label {
	display: inline-block
}

.fuel-rating label>input {
	display: none
}

.fuel-rating label>input+i {
	border: 2px solid transparent;
	cursor: pointer
}

.fuel-rating label>input:checked+i {
	color: #ffd700
}

.fuel-rating:hover i {
	transition: all 0.2s linear
}

.fuel-rating:hover label>input:checked+i,
.fuel-rating:hover .checked~label i {
	color: #888
}

.fuel-rating label i:hover {
	color: #ffd700!important;
	transform: scale(1.4)
}

.fuel-rating label:hover~label i {
	color: #ffd700!important
}

.fuel-rating .checked~label i,
.fuel-rating2 .checked,
.fuel-rating2 .checked~i,
.fuel-average-rating .checked,
.fuel-average-rating .checked~i,
.fuel-average-rating .checked-before~i {
	color: #ffd700
}

#reviews_blanket {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	background: rgba(0, 0, 0, 0.0980392)
}

.reviews-alert {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	margin: auto;
	padding: 1.25em;
	width: 12.5em;
	height: 12.5em;
	font: 1em Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #333;
	background: #fff;
	box-shadow: 0 0.5em 2.2em 0.4em rgba(0, 0, 0, 0.14), 0 0.5em 0.75em -0.3em rgba(0, 0, 0, 0.12), 0 1.2em 2em 0.15em rgba(0, 0, 0, 0.2)
}

.rating_total {
	float: left;
	margin: 0 0.625em 0 0;
	line-height: 1.75
}

.fuel-average-rating i {
	font-size: 1em;
}

.fuel-average-rating .half-under {
	margin-left: -1.1em;
	position: relative;
	z-index: 3;
	overflow: hidden;
	width: 0.5em;
	margin-left: -0.6em
}

.half-under svg {
	width: 1em;
	height: 1em;
	max-width: none
}

.fuel-average-rating .half-star {
	position: relative;
	z-index: 1
}

.toggler {
	border-radius: 0;
	margin: 0.5em 0 0;
	border: 1px solid #4a4a4a;
	border-bottom-color: #333;
	padding: 0.2em 2em 0.3em 1em;
	color: #fff;
	background: #4a4a4a;
	cursor: pointer;
	transition: background-color 0.4s ease, color 0.4s ease
}

.toggler:hover {
	border: 1px solid #4a4a4a;
	color: #4a4a4a;
	background: transparent
}

.toggler svg {
	width: 1em;
	height: 1em;
	position: relative;
	top: 0.2em;
	left: -0.5em;
	transform: all 0.4s ease
}

.toggler.js-active svg {
	transform: rotate(-180deg)
}

.toggle {
	display: none;
	margin-bottom: 1em;
	border: 1px solid #4a4a4a;
	border-top: 0;
	border-radius: 0 0 0.2em 0.2em;
	padding: 1em 1em 0 1em;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.quiz {
	text-align: center
}

.quiz-status-steps {
	display: flex;
	flex: 0 0 auto;
	justify-content: space-between;
	margin: 1em auto;
	list-style: none;
	max-width: 20em
}

.quiz-status-step {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin: 0
}

.quiz-status-step:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	margin: auto;
	width: 0;
	max-width: 0%;
	height: 0.1em;
	background: #ddd;
	transition: max-width 400ms
}

.quiz-complete:after {
	width: 11vw;
	max-width: 250%;
	background: #999
}

.quiz-status-step:last-child:after {
	display: none
}

.quiz-status-circle {
	display: block;
	position: relative;
	z-index: 1;
	border: 0.15em solid #ddd;
	border-radius: 50%;
	width: 1.25em;
	height: 1.25em;
	color: #ddd;
	background: #ddd;
	transition: all 400ms
}

.quiz-status-circle:before {
	vertical-align: top;
	font-size: 0.75em;
	line-height: 1.3
}

.quiz-current .quiz-status-circle {
	border-color: #999;
	transform: scale(1.2)
}

.quiz-complete .quiz-status-circle {
	border-color: #999;
	color: #fff;
	background: #999
}

.quiz-start {
	margin-top: 1em
}

.quiz-step {
	position: relative;
	z-index: 1;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: opacity 500ms, max-height 0ms 500ms
}

.quiz-step-content {
	padding: 1em
}

.quiz-step.quiz-current {
	z-index: 2;
	max-height: 100em;
	opacity: 1;
	transition: opacity 500ms 500ms, max-height 0ms 500ms
}

.quiz-answer {
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.quiz-answer-radio {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0
}

.quiz-answer-text {
	margin: 1em 1em 0
}

.quiz-legal {
	font-size: 0.8em
}

/*--------------------------------------------------------------
# Site Structure
--------------------------------------------------------------*/
#wrapper {
	margin: auto;
	max-width: 96rem;
	background: #fff;
}
#wrapper, #wrapper > * {
	width: 100%;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header-cols{display: flex; justify-content: center; padding:1em;}
.header-cols .logo{position: relative; display: block; max-width: 20em}
#menu-top-menu{list-style: none; display:flex; margin: 0;}
#menu-top-menu a{position: relative; display: block;padding-left: 1.75em; margin-left:2em; color: var(--black);}
#header  .phone{color: var(--black);font-size: 1.8em;font-size: clamp(1.8em, 2.49vw, 2.4em);font-family: 'Ubuntu', sans-serif; font-weight: 500;}
#menu-top-menu a:hover,
#header  .phone:hover{color: var(--lightPurple);}
#menu-top-menu a:focus,
#header .phone:focus{outline: solid var(--lightPurple) .05em;}
#menu-top-menu svg{max-width: 1em; max-height: 1em;position: absolute; left:0; top:.2em;}
.header-col-links{text-align: right;}

@media only screen and (min-width: 68.5em) {
	.header-cols{justify-content: space-between;}
}

@media only screen and (min-width: 68.5em) {
  .header-cols{padding-right: 3.1em;}
  .header-cols .logo{max-width: clamp(20em, 30vw, 28.75em);}
}

/*--------------------------------------------------------------
# Menu - Small Screen
--------------------------------------------------------------*/
@media only screen and (max-width: 68.49em) {
	.menu-buttons {
		background: var(--lightPurple);
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 999;
		margin-bottom: -100em;
		padding-bottom: 100em;
		width: 100%;
		border-top: solid .05em var(--white);
	}

	.menu-button {
		color: #fff;
		background: var(--lightPurple);
		display: block;
		flex: 0 1 auto;
		border-left: 1px solid rgba(255, 255, 255, 0.2);
		padding: 0.6em 0 0.6em;
		width: 8em;
		line-height: 1;
		text-align: center;
	}

	.menu-button:first-child {
		border-left: 0;
	}

	.menu-button-icon {
		display: block;
		margin-bottom: 0.25em;
		font-size: 1.1em;
	}

	.menu-button-icon svg {
		width: 1em;
		height: 1em;
	}

	.menu-button-label {
		display: block;
		font-size: 0.6em;
	}

	.menu-close {
		color: #fff;
		background: #222;
		display: none;
	}

	.menu-button:hover,
	.menu-buttons .menu-close.js-active {
		color: #fff;
		background: var(--black);
	}

	.menu-buttons .js-activate.js-active {
		display: none;
	}

	.menu-buttons .js-deactivate.js-active {
		display: block;
	}

	.menu-tab {
		background: var(--white);
		position: fixed;
		top: 100%;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 998;
		padding: 1em 0 5em;
		overflow: auto;
		transition: top 700ms;
	}

	.menu-tab.js-active,
	.menu-tab:target {
		top: 0;
	}

	#primary-menu,
	#primary-menu ul {
		position: relative;
		z-index: 2;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#primary-menu {
		margin: auto;
		max-width: 22rem;
		font-size: .85em;
	}

	#primary-menu ul {
		background: var(--white);
	}

	#primary-menu li {
		position: relative;
		z-index: 1;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#primary-menu a {
		color: var(--black);
		display: block;
		position: relative;
		padding: 0.5em 2.5em 0.5em 1.5em;
	}

	#primary-menu a:hover,
   #primary-menu .js-active>a{
		background: var(--darkPurple);
		color: #fff;
	}

	#primary-menu .menu-item-has-children>a:after {
		content: '';
		position: absolute;
		top: 1.05em;
		right: 1.5em;
		height: .7em;
		width: .7em;
		margin: -0.25em 0 0 0.5em;
		border-style: solid;
		border-color: transparent;
		border-top-color: rgba(var(--lightPurpleRGB),0.4);
		border-left-color: var(--lightPurple);
		border-width: .2em 0 0 .2em;
		border-radius: .1em .08em .08em .08em;
		transform: rotate(-135deg);
		transition: all 200ms;
	}

	#primary-menu .js-active>a:after {
		transform: rotate(45deg);
	}
  #primary-menu>li>a:hover::after,
  #primary-menu>.js-active>a::after{
    border-color: var(--white);
  }

	#primary-menu ul li {
		overflow: hidden;
		max-height: 0;
		transition: max-height 500ms;
	}

	#primary-menu ul a {
		padding-left: 2.5em;
	}

	#primary-menu ul ul a {
		padding-left: 3.5em;
	}

	#primary-menu ul ul ul a {
		padding-left: 4.5em;
	}

	#primary-menu .js-active>ul>li {
		max-height: 5em;
	}

	#primary-menu .js-active>ul>.js-active {
		max-height: 100em;
		transition: max-height 500ms;
	}

	.nojs #primary-menu ul li {
		max-height: none;
	}

	.nojs #primary-menu .menu-item-has-children>a:after {
		display: none;
	}

	.menu-search {
		display: none;
	}

	.menu-search-form {
		margin: auto;
		padding: 1em 1.5em;
		max-width: 22rem;
		list-style: none;
	}

	.menu-search-form .search-form {
		display: flex;
	}

	.menu-search-form label {
		width: 100%;
	}

	.menu-search-form .search-field {
		padding: 0.5em 1em;
		color: var(--white);
		width: 100%;
		line-height: 1.5;
		background: #7F7F7F;
		-webkit-appearance: textfield;
	}
  .menu-search-form .search-field::Placeholder{color: var(--white);}

	.menu-search-form .search-submit {
		padding: 0.5em 1em;
		line-height: 1.5;
		color: #fff;
		background: var(--darkPurple);
	}

  #menu-top-menu-1{list-style: none; margin: 0 auto; text-align: center;max-width: 14rem;}
  #menu-top-menu-1 svg{height:1em; width:1em;margin-right: .5em;}
  #menu-top-menu-1 a{color: var(--white); background: var(--lightPurple); display: block;padding: .5em;}
  #primary-menu > li{border-bottom: solid var(--black) .05em;}
}

/*--------------------------------------------------------------
# Menu - Large Screen
--------------------------------------------------------------*/
@media only screen and (min-width: 68.5em) {
	.menu-buttons {
		display: none
	}

	#menu {
		background: var(--white);
		position: sticky;
		top: 0;
		z-index: 999;
		border-bottom: solid .1em #979797;
		box-shadow: 0 .2em .5em .1em rgb(0 0 0 / 50%);
	}

	#primary-menu {
		background: transparent;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		position: relative;
		text-align: center;
		font-size: .85em
	}

	#primary-menu,
	#primary-menu ul {
		margin: 0;
		padding: 0;
		list-style: none
	}

	#primary-menu ul {
		background: #fff;
	}

	#primary-menu li {
		display: block;
		position: relative;
		z-index: 4;
		margin: 0;
		padding: 0;
		list-style: none;
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid
	}

	#primary-menu>li {
		flex: 1 0 auto
	}

	#primary-menu>.js-active,
	.nojs #primary-menu>li:hover {
		z-index: 5
	}

	#primary-menu a {
		color: #000000;
		display: block;
		position: relative;
		padding: 1em 0.5em;
		text-align: left;
	}

	#primary-menu a:hover {
		color: var(--black);
		background: #eee;
	}

	#primary-menu>li>a {
		text-align: center;
	}

	#primary-menu>li>a:hover,
	#primary-menu>.js-active>a {
		color: #fff;
		background: var(--darkPurple);
	}

	#primary-menu>.menu-item-has-children>a:after {
		content: '';
		display: inline-block;
		vertical-align: top;
		height: .7em;
		width: .7em;
		margin: 0.25em 0 0 0.5em;
		border-style: solid;
		border-color: transparent;
		border-top-color: rgba(var(--lightPurpleRGB),0.4);
		border-left-color: var(--lightPurple);
		border-width: .2em 0 0 .2em;
		border-radius: .1em .08em .08em .08em;
		transform: rotate(-135deg);
		transition: all 200ms;
	}
	#primary-menu>li>a:hover::after,
	#primary-menu>.js-active>a::after{
		border-color: var(--white);
	}
	#primary-menu>.js-active>a:after,
	.nojs #primary-menu>li:hover>a:after {
		transform: rotate(45deg) translateY(.2em) translateX(.2em);
	}

	#primary-menu>.menu-item-has-children>ul {
		position: absolute;
		top: 100%;
		left: 50%;
		z-index: 10;
		margin-left: -6.5rem;
		padding: 1rem 0;
		width: 18rem;
		max-height: 25rem;
		box-shadow: 0.05rem 0.05rem 0.25rem rgba(0, 0, 0, 0.2);
		opacity: 0;
		transform: scale(0.7);
		transform-origin: 50% 0;
		pointer-events: none;
		visibility: hidden;
		transition:transform 500ms, opacity 300ms, visibility 0ms 500ms;
	}

	#primary-menu>.js-active>ul,
	.nojs #primary-menu>li:hover>ul {
		transform: scale(1);
		opacity: 1;
		visibility: visible;
		transition: transform 500ms, opacity 300ms;
		pointer-events: auto
	}

	#primary-menu ul a {
		padding: 0.5em 1.5em;
		font-size: 0.9em
	}

	#primary-menu ul a:hover {
		background: rgba(var(--lightPurpleRGB),0.2);
	}

	#primary-menu>.menu-full {
		position: static
	}

	#primary-menu>.menu-full>ul {
		left: 3rem;
		right: 3rem;
		margin: 0;
		width: auto
	}

	#primary-menu>.mega-menu>.sub-menu,
	#primary-menu>.menu-mega>.sub-menu {
		display: flex;
		flex-flow: row wrap;
		padding: 1rem 1rem 1rem 0
	}

	#primary-menu>.mega-menu>.sub-menu>li,
	#primary-menu>.menu-mega>.sub-menu>li {
		flex: 1 1 0;
		padding-left: 1rem
	}

	#primary-menu .mega-menu>ul>li>a,
	#primary-menu .menu-mega>ul>li>a {
		font-weight: bold;
		border-bottom: 1px solid #333;
		color: #333;
		background: none;
		cursor: default
	}

	#primary-menu>.menu-col-2>ul {
		margin-left: -13rem;
		width: 33rem;
	}

	#primary-menu>.menu-col-3>ul {
		margin-left: -19.5rem;
		width: 40rem
	}

	#primary-menu>.mega-menu>.sub-menu>.menu-span-2,
	#primary-menu>.menu-mega>.sub-menu>.menu-span-2 {
		flex: 2 1 0
	}

	#primary-menu .menu-span-2>ul {
		column-count: 2;
		column-gap: 1rem
	}

	#primary-menu>.mega-menu>.sub-menu>.menu-span-3,
	#primary-menu>.menu-mega>.sub-menu>.menu-span-3 {
		flex: 3 1 0
	}

	#primary-menu .menu-span-3>ul {
		column-count: 3;
		column-gap: 1rem
	}

	#primary-menu>.menu-home,
	#primary-menu>.menu-search {
		width: 3em;
		max-width: 4em
	}

	#primary-menu>.menu-left>ul {
		left: 0;
		margin-left: 0;
		transform-origin: 0 0;
	}

	#primary-menu>.menu-right>ul {
		left: auto;
		right: 0;
		margin-left: 0;
		transform-origin: 100% 0;
	}

	#primary-menu>.menu-home>a,
	#primary-menu>.menu-search>a {
		position: relative;
		overflow: hidden;
	}

	#primary-menu .menu-search a:after {
		display: none;
	}

	#primary-menu>.menu-search>.sub-menu {
		right: 0;
		left: auto;
		margin: 0;
		padding: 0;
		width: 20rem;
		transform-origin: top right
	}

	.menu-search-form {
		display: none
	}

	#primary-menu .menu-search-form {
		display: block
	}

	.menu-search-form .search-field {
		padding: 1em;
		width: 100%;
		font-size: 0.9em;
		line-height: 2;
		-webkit-appearance: textfield
	}

	.menu-search-form .search-submit {
		display: none
	}
}

@media only screen and (min-width:82.5em) {
	.primary-menu>.menu-full>ul {
		left: calc(50% - 30rem);
		right: calc(50% - 30rem);
	}
	#primary-menu{font-size: clamp(.85em, 1.2vw, 1em);}
}
@media only screen and (min-width:90em){
  .contain.menu-tab{padding-left: calc(50% - 32rem);padding-right: calc(50% - 32rem);}
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.entry-sidebar .entry-content,
.entry-no-sidebar .entry-content {
	padding-top: 3rem;
	padding-bottom: 1rem;
}
.entry-content > :first-child, .entry-content > script:first-child + * { margin-top: 0; }

@media only screen and (min-width: 68.5em){
    .entry-sidebar .entry-content,
    .entry-no-sidebar .entry-content {
	    padding-bottom: 3rem;
    }
}


/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.entry-sidebar .widget-area {
	margin: 0 auto;
	padding-bottom: 3rem;
	max-width: 24rem;
}
.widget {
	display: block;
	margin: 0 0 1.5em 0;
}
.widget:last-child {
	margin-bottom: 0;
}

#block-2.widget.widget_block {
    height: 60rem;
    position: sticky;
    top: 1rem;
}

#block-3.widget.widget_block {
    height: 60rem;
}

@media only screen and (min-width:68.5em) {
	.entry-sidebar {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}
	.entry-sidebar .entry-content {
		flex: 1 1 auto;
	}
	.entry-sidebar .widget-area {
		flex: 0 0 auto;
		margin-left: 4%;
		/* padding-top: 3rem; */
		width: 18rem;
	}
	#secondary .gform_widget {
		position: -webkit-sticky;
		position: sticky;
		top: 4.5rem;
	}
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer{font-size: .85em}
#menu-social-menu,
#menu-social-menu li{margin: 0; list-style: none;margin-right: 1em}
#menu-social-menu li:last-child{margin-right: 0}

#menu-social-menu{display: flex;justify-content: center;margin-top: 1.5em;}
#footer .social-links a{color: var(--black);}
#footer .social-links a::after{background: var(--black);}
.social-links svg{height:1em; width:1em; margin-right: .5em;}
.footer-cols{display: flex; flex-wrap: wrap;justify-content: space-around;}
.footer-cols .left{background: var(--white);color:var(--black);box-shadow: 0 .1em .65em 0 rgba(0,0,0,0.50);padding: 1.5em;width: 100%;text-align: center;}
.footer-cols .right{position: relative;box-shadow: 0 .1em .65em 0 rgba(0,0,0,0.50);background: var(--lightPurple);color:var(--white);padding:1.5em;width: 100%;overflow: hidden;z-index: 0;}
#footer a{display: inline-block; color: var(--white); position: relative;}
#footer a::after{content: ""; display: block; position: absolute; width:100%; height:.05em; background: var(--white);transform: scaleX(0); transition: transform 500ms;}
#footer a:hover::after{transform: scaleX(1);}
.footer-heading{font-weight: bold;margin-bottom: 1em;}
.footer-logo{max-width: 14rem;position: relative; display: block;}
.site-info{text-align: center;padding-top: 1.4em;padding-bottom: 6em;font-size: .8em;}
#menu-copyright-menu{list-style: none;margin: 0;padding-top: 1em;font-size: inherit;}
#menu-copyright-menu a{color: var(--black);}
#menu-copyright-menu a::after{background: var(--black);}
.footer-cols .right > *{margin-left: 1em;margin-right: 1em;min-width: 13em;}
#menu-footer-menu,
#menu-footer-menu li{list-style: none; margin: 0;}
.footer-locations-wrapper{padding-bottom: 1.5em;}
.footer-location > :first-child{margin-bottom: 1.5em;}
#footer .location-hours{margin-bottom: 0;font-size: 1em;}
#footer .location-hours td{padding-top: 0; padding-bottom: 0;}
.footer-cols .right .logo-icon{position: absolute;opacity: .3;width: 34em;max-width: 40em;left: -8em;top: -16em;z-index: -1;}
.footer-location.greenville-footer { padding-top: 1rem; }
.footer-location .footer-office-heading {margin-bottom: 0; font-weight: 700;}
.greenville-footer-hours {padding-top: 1rem;}

@media only screen and (min-width:58.5em) {
.footer-cols{flex-wrap: nowrap;}
.footer-cols .left{max-width: 33%;text-align: right;padding-right: 2em;}
.footer-cols .right > *{min-width: 0;}
.footer-locations-wrapper{padding-bottom: 0;}
#menu-social-menu{justify-content: flex-end;}
#menu-copyright-menu{display: flex; justify-content: center;}
#menu-copyright-menu li{position: relative; padding-right: .5em; margin-right: .5em;}
#menu-copyright-menu li::after{content: ""; position: absolute; height:.7em; width:.05em; top:.5em; right:0; background: var(--black);}
#menu-copyright-menu li:last-child::after{display: none;}
}

@media only screen and (min-width:68.5em){
.site-info{padding-bottom: 1em;}
.footer-cols .right .logo-icon{left: -2.5em;top: -14em;}
}

@media only screen and (min-width:82.5em) {
  #footer{font-size: 1em;}
  .footer-cols .left{max-width: 37%;padding-top: 1.6em;padding-right: 3em;}
  .footer-cols .right{padding-right: calc(50% - 33em);padding-top: 1.6em;padding-left: 3.8em;}
  .site-info.contain{display: flex;justify-content: space-between;}
  #menu-copyright-menu{padding-top: 0;}
}

button#lc_text-widget--btn.lc_text-widget--bubble {
    bottom: 100px !important;
}

/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/
.home-header{position: relative;background: var(--grayGradeant);color: var(--black);padding-top: 2.1em;padding-bottom: 1.8em;max-width: 79.8rem;margin: auto;margin-top: 0;margin-bottom: 0;overflow: hidden;z-index: 0;}
.home-header .logo-icon{position: absolute;width: 20em;top:-1.5em;left:-5em;z-index: -1;color: rgba(var(--lightPurpleRGB), .36);}

.hero{position: relative;background-image: url('./images/hero.jpg');background-position: top 0 right -7rem;background-size: cover;padding-top: 19.55em;font-family: 'Ubuntu';line-height: 1.2;z-index: 0;font-weight: 500;}
.hero .logo-icon{display: none;}
.hero-content{font-size: 1.6em;padding: 1.1em 1em;background: var(--lightPurple);color: var(--white);text-align: center;}

.best-of-wrap { display:flex; justify-content: center; padding-top: 1.5em; padding-bottom: 1.5em; }

.welcome{text-align: center;padding:1.6em;}
.welcome .home-aelcome-header{margin-top: .2em;font-size: 1.6em;color: var(--lightPurple);}
.welcome .left > span{font-size: 1.2em;font-family: 'Ubuntu';}
.welcome .btn-wrapper{flex-wrap: wrap;font-family: 'ubuntu', sans-serif;}
.welcome-video-description{font-size: 1.2em;font-family: 'Ubuntu', sans-serif; color: var(--lightPurple);}

.fet-images{display: flex; flex-wrap: wrap; justify-content: center;}
.fet-image{margin-top: .9em;}

.tinnitus {display: flex; flex-wrap: wrap; justify-content: center;text-align: center;}
.tinnitus .left {position: relative;order: 1; background-image: url('./images/tinnitus.jpg'); background-size: cover; width:100%; padding-top: 21.85em; }
.tinnitus .left > p{background: rgba(var(--lightPurpleRGB), 75%); font-size: 1.2em;color: var(--white); padding:1.1em; margin-bottom: 0;font-weight: bold;}
.tinnitus .right{order:0; padding:1.5em;}
.tinnitus .home-tinnitus-header{margin-top: .25em; margin-bottom: 1em;font-size: 1.6em;color: var(--lightPurple);}
.tinnitus .right > :nth-child(2){text-align: left;margin-bottom: 1.5em;max-width: 21em;}
.tinnitus .right > :nth-child(6){font-weight: 600;}
.tinnitus .right .btn-wrapper{padding-top: 2em;}

.hearing {display: flex; flex-wrap: wrap; justify-content: center;text-align: center; flex-direction: row-reverse; }
.hearing .right {position: relative;order: 1; background-image: url('./images/hearing.webp'); background-size: cover; width:100%; background-repeat: no-repeat; padding-top: 21.85em;}
.hearing .right > p{background: rgba(var(--lightPurpleRGB), 75%); font-size: 1.2em;color: var(--white); padding:1.1em; margin-bottom: 0;font-weight: bold;}
.hearing .left {order:0; padding:1.5em;}
.hearing .home-tinnitus-header{margin-top: .25em; margin-bottom: 1em;font-size: 1.6em;color: var(--lightPurple);}
.hearing .left > :nth-child(2){text-align: left;margin-bottom: 1.5em;max-width: 23.05em;}
.hearing .left .btn-wrapper{padding-top: 2em;}

.services{text-align: center;}
.services .home-service-header{max-width: 17rem;color:var(--lightPurple);transition: all 500ms;}
.services-container{display: flex;flex-wrap: wrap;justify-content: space-around;padding-top: 2em;max-width: 79.8rem;margin: auto;}
.services a{position: absolute;display: flex;align-items: flex-end;justify-content: center;color:var(--black);height:100%;width:100%;left: 0;top:0;padding-bottom: 2rem;}
.service-item{position: relative;z-index: 0;max-width: 19em;border: 1px solid #979797;box-shadow: 0 .3em .2em .1em rgba(135,135,135,0.50);padding: 2.5em 1em;padding-bottom: 5.2em;margin-bottom: 1.5em;transition: all 500ms;}
.service-item:hover{background: var(--lightPurple); color: var(--white);}
.service-item:hover a,
.service-item:hover a svg,
.service-item:hover .home-service-header{color:var(--white);}
.home-service-header{margin: 2.25em 0;margin-top: 0;}
.service-content-wrapper > p{max-width: 24em;margin: auto;}
.service-content-wrapper a svg{transform: rotate(-90deg) translateY(.5em) translateX(.25em);color: var(--lightPurple);transition: all 500ms}

.testimonial-videos { 
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 3rem 0;
    gap: 4rem;
}
.tv-title { color: var(--lightPurple); font-size: 1.6rem; }
.tv-col1, .tv-col2 { display: flex; flex-direction: column; max-width: 34.6125rem; }
.tv-col1 iframe,
.tv-col1 div,
.tv-col2 iframe { max- height: 19.4695rem !important; max-width: 34.6125rem !important; }
@media only screen and (min-width: 43.75em) {
    .tv-col1 iframe,
    .tv-col1 div,
    .tv-col2 iframe { height: 19.4695rem !important; width: 34.6125rem !important; }
}

.mobile-view .service-content-wrapper{overflow: hidden;animation-name: service-close; animation-delay: 15ms; animation-duration: 500ms; animation-fill-mode: both;}
.mobile-view .service-content-wrapper.js-active{animation-name: service-open;}
.mobile-view.services-container{display: block;border-top: solid .05em var(--black);width:100%;padding-top: 0;}
.mobile-view .service-item{border:none; box-shadow: none; border-bottom: solid .05em var(--black);width:100%;max-width: 100%;transition: all 500ms;background: var(--white);padding:0;margin: 0;}
.mobile-view .mobile-service-activator{padding: 2.45em 1.5em;width: 100%;}
.mobile-view .mobile-service-activator:focus{outline: none;}
.mobile-view .mobile-service-activator h3{margin: 0 auto; transition: all 0ms;}
.mobile-view .mobile-service-activator.js-active,
.mobile-view .mobile-service-activator.js-active h3,
.mobile-view .service-content-wrapper.js-active{background: var(--lightPurple); color: var(--white);}
.mobile-view .service-content-wrapper.js-active a,
.mobile-view .service-content-wrapper.js-active a svg{color: var(--white)}
.services .mobile-view a{position: relative; height: auto; width:100%;margin-top: 1.5em}
.mobile-view .service-item:hover .home-service-header{color: var(--lightPurple);}
.mobile-view .service-item:hover .js-active .home-service-header{color: var(--white)}
.location .content-wrapper .left{max-width: 28em; margin: auto;}
.location .content-wrapper .right{display: flex;flex-wrap: wrap;justify-content: center;}
.location .content-wrapper .right .home-address,
.location .content-wrapper .right .home-hours{width:100%; max-width: 18em}
.location .content-wrapper .right .home-address{margin-right: 2em;}

.reviews{text-align: center;}
.stars-5{max-width: 12em;margin-top: 2em;}
.review-quote{width:1.2em;display: block;margin: auto;margin-top: 2em;margin-bottom: .2em;}
.home-review{padding:1em;}
.home-review p span{font-weight: 400; display: block;margin-top: .85em; font-style: italic;}

.location{position: relative;z-index: 0;overflow: hidden;padding-bottom: 1.4em;}
.location > .logo-icon{position: absolute;top:-0;left: calc(50% - 33em);z-index: -1;width:47em;max-width: 47em;color: rgba(var(--lightPurpleRGB), .36);}
.home-location-header{font-size: 1em;font-weight: bold;color: var(--black);margin: 0;margin-bottom: .5em;}
.location .home-header{background: none;text-align: center;}
.location .icon-wrapper{margin-top: 2em;}
.location .icon-wrapper svg{color: var(--lightPurple);}
.location .right{padding:0 1.5em}
.location .right a{position: relative; display: inline-block; color:var(--black);}
.location .right a::after{content: ""; display: block; position: absolute; width:100%; height:.05em; background: var(--lightPurple); left:0; bottom: 0; transform: scaleX(0); transition: transform 300ms;}
.location .right a:hover::after{transform: scaleX(1);}
.location-heading { text-align: center; }

.badges{display: flex;flex-wrap: wrap;justify-content: space-around;align-items: center;box-shadow: 0 2px 13px 0 rgba(0,0,0,0.50);padding-top: 1em;padding-bottom: 1em;}
.badges > *{display: block;width:100%;max-width: 40%;height:auto;margin: .5em;}


.contact .contact-header{color:var(--lightPurple);text-align: center;margin-top: 0;}
.contact .contact-wrapper{padding:1em;padding-top: 2.4em;}
.contact .contact-wrapper > :nth-child(2){font-size: 1.2em;}
.elevate-emp{display: block;position: relative;padding-left: 1.3em;/* padding-top: .7em;padding-bottom: .7em */;font-size: 1em;border-left: solid .1em var(--lightPurple);}
.contact .elevate-emp{font-size: clamp(.85rem, 1.2vw, 1rem); margin-top: 1rem; }
.contact::after{content: ""; display: block; width: 100%; height:19.45em; background-image: url('./images/contact.jpg'); background-position: center; background-size: cover;}

@media only screen and (min-width:38em){
  .hero{background-position: center;}
  .badges > *{max-width: 7em;}
}

@media only screen and (min-width:48em){
  .hero{padding-left: 3em;padding-left: clamp(5em, calc(50% - 29.5em),18.45em);overflow: hidden;}
  .hero::after{content:"";display: block;position: absolute;bottom:0;left: 0;height: 1em;width:100%;background: var(--white);z-index: -1;}
  .hero-content{max-width: 15em; bottom: -1em;background: rgba(var(--lightPurpleRGB),.8);}
  .hero .logo-icon{display: block;position: absolute;width: 42em;color: var(--lightPurple);opacity: .19;top: -9em;left: -28em;left: calc(8% - 24em);z-index: -1;}
  
  .best-of-wrap { position: relative; }
  .best-of-wrap img { position: absolute; left: 70%; top: -7.5em; max-width: 10em; }
  .welcome{display: flex;justify-content: center;align-items: center;}
  .welcome .left,
  .welcome .right{width: 33rem;max-width: 50%;text-align: left;}
  .welcome .left{margin-right: .5em}
  .welcome .right{margin-left: .5em;}
  .welcome .left .btn-wrapper{justify-content: flex-start;padding-top: 1.5em;}
  .welcome .left .btn-wrapper > :first-child{margin-right: 1em;}
  .welcome .left > p{max-width: 25.3em;}
  .welcome .home-aelcome-header{margin-bottom: 1.1em;}
  .welcome-video iframe{margin-left: 0;}
  .fet-images{justify-content: space-between;max-width: 94%;margin: auto;}
  .fet-images .fet-image{max-width: 32%;}
  
  .tinnitus {flex-wrap: nowrap;padding-top: 1.5em;max-width: 85em;}
  .tinnitus .right{order:1;text-align: left;width: 33.7em;max-width: 50%;}
  .tinnitus .left {order: 0;margin-right: 1.5em;width: 29.6em;max-width: 50%;}
  .tinnitus .left > p{width: 13em;text-align: right;position: absolute;right: -1.5em;bottom: 26%;}
  
  .hearing {flex-wrap: nowrap;padding-top: 4.5em;max-width: 85em;}
  .hearing .left {order:1;text-align: left;width: 39.95rem; max-width: 50%;}
  .hearing .right {order: 0; margin-right: 1.5em; width: 29.6em; max-width: 50%; background-size: contain; padding-top: 0;top: 6.8rem; }
  .hearing .right > p{width: 90%;text-align: center;position: absolute;right: 1em; top: -5.8rem; }
  
  .services .home-header{margin-top: 1em;}
  .reviews .content-wrapper{display: flex; justify-content: space-between; max-width: 79.8em; margin: auto; margin-top: 2em;border: .05em solid #979797; box-shadow: 0 .3em .2em .1em rgba(135,135,135,0.50);}
  .reviews .home-review{position: relative;width:100%;max-width: 22.6em;padding-bottom: 4em;}
  .home-review p span{position: absolute;width:100%;bottom: 2em;left:0;}
  .location .content-wrapper .right .home-address,
  .location .content-wrapper .right .home-hours{width:auto; max-width: 100%;}
  .contact{display: flex;justify-content: flex-end;}
  .contact::after{height: auto;max-width: 50%;}
  .contact .contact-wrapper{padding-bottom: 5em;max-width: 26.65em;}
  .contact .contact-header{text-align: left;}
}
@media only screen and (min-width:68.5em){
    
.best-of-wrap img { max-width: 100%; left: unset; right: 4.5%; top: -15.25em; }
.welcome{padding-top: 2.8em;}
.location .content-wrapper{display:flex;justify-content: space-between;align-items: flex-start;max-width: 66rem;margin: auto;padding-bottom: 5em; gap: 2rem; }
.location .content-wrapper .left{margin: 0;}
.location .content-wrapper .right{justify-content: flex-start;}
.location .content-wrapper .right .home-address{margin-right: 2em;}
.welcome .left .btn-wrapper > *{margin-top: 1em;}
.welcome .left .btn-wrapper > :nth-child(2){margin-left: 0;}
.welcome .right{margin-left: 3em;}
.service-item{max-width: 24%;}
.location .content-wrapper .right .home-address > .icon-wrapper:first-child,
.location .content-wrapper .right .home-hours .icon-wrapper{margin-top: 0}
.location .content-wrapper .right .home-address > .icon-wrapper:last-child{margin-bottom: 2em;}
.location-heading { margin-top: 0; text-align: left; }
.location > .logo-icon{left: calc(50% - 58em);top: -5em;}
.contact .contact-wrapper{margin-right: 2em;}
.contact .contact-wrapper > :nth-child(2){margin-bottom: 1.5em;}
.contact-wrapper > p:nth-child(4){margin-bottom: 2em;}
}
@media only screen and (min-width:82.5em){
.hero-content{font-size: clamp(1.6em, 2.5vw, 2.4em);padding-bottom: 1.5em;}
.hero::after{height: clamp(1em, 2.4vw, 2.25em);}
.welcome .left > span{font-size: clamp(1.2em, 2.4vw, 1.6em)}
.welcome .home-aelcome-header{font-size: clamp(1.6em, 2.4vw, 2.4em);margin-top: .2em;margin-bottom: 1em;}
.welcome .left .btn-wrapper{padding-top: 3.95em;}
.welcome{padding-left: clamp(0em, 12.3vw, 12.55em);padding-bottom: 7.25em;}
.welcome-video-description{font-size: clamp(1.2em, 2.4vw, 1.6em); color: var(--lightPurple); }
.welcome .right{padding-top: 4em;}

.tinnitus .left{margin-right: 6.5em;}
.tinnitus .home-tinnitus-header{font-size: clamp(1.6em, 2.4vw, 2em);margin-top: 1.5em;}
.tinnitus .right > :nth-child(2){margin-bottom: 2.75em;}
.tinnitus .right > :nth-child(4){padding-top: 1em;}
.tinnitus {padding-top: 5.8em;}
.tinnitus .left > p{font-size: clamp(1.2em, 2.4vw, 1.6em);bottom: 22%;padding-right: 1.6em;right: -2.5em;}

.hearing .right {margin-right: 0; top: 9rem}
.hearing .home-tinnitus-header{font-size: clamp(1.6em, 2.4vw, 2em);margin-top: 1.5em;}
.hearing .left > :nth-child(2){margin-bottom: 2.75em;}
.hearing .left > :nth-child(4){padding-top: 1em;}
.hearing {padding-top: 5.8em;}
.hearing .right > p{font-size: clamp(1.2em, 2.4vw, 1.6em);padding-right: 1.6em; top: }
.hearing-path-span { font-size: 1.7rem; }

.services .home-header{margin-top: 4.6rem;}
.services-container{padding-top: 3.25em;}

.badges{margin-bottom: 4em; }

.location .content-wrapper .right .home-address{margin-right: 3.5em;}
.location .content-wrapper .icon-wrapper{padding-left: 2.1em;}
.location .content-wrapper{padding-bottom: 10em;}
.contact .contact-wrapper{margin-right: 3.8em; height: 60rem; }

}

/*--------------------------------------------------------------
# Secondary Pages
--------------------------------------------------------------*/
.widget .gform_description .elevate-emp{margin-bottom: 1em;}
.widget .widget-title { font-size: clamp(1.6rem, 2.6vw, 2rem); }
.woocommerce-page .widget .widget-title { text-align: left; padding: 0; color: var(--lightPurple); background: none; }
#text-2 ul { list-style: disc; margin-left: 1.5rem; }
.widget_product_categories .product-categories { list-style: disc; margin-left: 1.5rem; }
.main-header{position: relative; display: block;background-image: url('./images/hero.jpg');background-position: center;background-size: cover;padding-top: 13.2em; padding-bottom: 6.2em; overflow: hidden; z-index: 0;}
.main-title.entry-title{margin: 0; color:var(--white);}
.main-header::before{content:''; display: block; position: absolute; height:100%; width:100%; left:0; top:0; background: rgba(var(--darkPurpleRGB),.7); z-index: -1;}
.main-header > .logo-icon{color:var(--white); position: absolute;width:19em; top:-3em; left:-5em; opacity: .25;z-index: -1;}
.widget .gform_description{font-size:.8em;}


@media only screen and (min-width:68.5em){
  .widget .gform_description > span:nth-child(2){display:block; margin-bottom:1em;}
  .main-header > .logo-icon{width: 24em;}
}

@media only screen and (max-width: 60.63em) {
    .main-header { background-size: contain }
}

.third-party-contact-form #form-builder #_builder-form {padding-left: 0 !important; padding-right: 0 !important; }
.post-32492 .contain.entry-wrapper.entry-no-sidebar { background: linear-gradient(to bottom, #0000000D, #FFFFFF); }

/* Lenire Page */
#page-31452 .main-header {
    background-image: url("./images/lenire-hero.webp");
    padding-top: 9.2rem;
    padding-bottom: 9.2rem;
    background-repeat: no-repeat;
    background-size: cover;
}
#page-31452 .main-header::before {
    background: transparent;
}
#page-31452 .js .js-intersect.hero .logo-icon, .js .main-header > .logo-icon {
    fill: #901CA1;
}
.wp-block-media-text.has-media-on-the-right.lenire-1,
.wp-block-media-text.has-media-on-the-right.lenire-3 {
    flex-direction: revert;
}

/* Lowercountry to Elevate */
.post-32492 .main-header::before {
    background: transparent;
}
.post-32492 .contain.main-header {
    background-image: url('https://elevateaudiology.com/wp-content/uploads/2025/06/lowercountry_to_elevate_header.webp');
    background-repeat: no-repeat;
}
.post-32492 .contain.main-header svg {
    display: none;
}
.post-32492 .main-title.entry-title {
    visibility: hidden;
}
.lowcountry-purple-wrapper,
.lowcountry-paper-wrapper,
.lowcountry-letter-wrapper,
.lowcountry-contact-wrapper {
    margin: auto;
}
.lowcountry-purple-wrapper {
    padding: 2rem 1rem 10rem 1rem;
    background: rgba(144, 28, 161, 0.85);
    color: #FFFFFF;
    max-width: 47.35rem;
    position: relative;
    top: -11rem;
}
.lowcountry-purple-header {
    font-size: 2rem;
    font-weight: 400;
    max-width: 40.7rem;
    margin: auto;
    line-height: 2.8rem;
}
.lowcountry-purple-wrapper .lowcountry-purple-pgh {
    color: #FFFFFF;
    padding: 1rem 0;
    max-width: 37rem;
    margin: auto;
}
.lowcountry-paper-wrapper {
    background-image: url('https://elevateaudiology.com/wp-content/uploads/2025/06/paper.webp');
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 50.2rem;
    position: relative;
    top: -17.5rem;
    left: -2.3rem;
    transform: rotate(358deg);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    z-index: 10;
}
.lowcountry-paper-wrapper .wp-block-columns {
    justify-content: center;
    padding: 2.5rem;
}
.lowcountry-paper-col-one {
    max-width: 35.446rem;
    flex-basis: inherit;
}
.lowcountry-paper-col-two {
    max-width: 7.9rem;
    align-items: center;
    display: flex;
}
.lowcountry-letter-wrapper {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    padding: 2.5rem;
}
.lowcountry-letter-wrapper {
    max-width: 46.7rem;
    z-index: 1;
    position: relative;
    bottom: 17.5rem;
    left: 3rem;
    transform: rotate(1deg);
    padding-bottom: 4rem;
}
.lowcountry-letter-wrapper p {
    max-width: 41.3rem
}
.lowcountry-contact-wrapper {
    position: relative;
    bottom: 10rem;
}
.lowcountry-contact-address {
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 400;
}
.lowcountry-contact-phone {
    font-size: 1.2rem;
    line-height: 2.8rem;
    font-weight: 400;
}
.post-32492 .clear.entry-content.entry-page {
    padding-bottom: 0;
}
@media only screen and (max-width: 56.25em) {
    .lowcountry-paper-wrapper {
        transform: rotate(0deg);
        left: -0.5rem;
    }
    .lowcountry-letter-wrapper {
        transform: rotate(0deg);
        left: 0.5rem;
    }
}

.hide { display: none; }

/* About Us */
.about-us-vid-wrapper .wp-block-columns {
    flex-direction: row;
    justify-content: center;
}
.page-id-31636 .wp-block-media-text {
    display: flex;
}

/* Auditory Processing */
.auditory-processing-image-1 {margin-bottom: 2rem;}
.auditory-processing-image-1 .wp-block-media-text__content { display: flex; align-items: center; }
.aud-process-left-border {padding-left: 0.3rem; border-left: solid .3em var(--lightPurple);}
.aud-process-tedx { max-width: 27.75rem; }

/*--------------------------------------------------------------
# Overview Pages
--------------------------------------------------------------*/
.ov-solid{text-align: center; background: var(--lightPurple); padding:1.5em; display: flex; justify-content: center;}
.ov-solid *{color: var(--white);}
.ov-solid > .wp-block-group__inner-container{max-width: 34.6em;margin:auto;}
.ov-solid h2{margin-top: 0;}
.ov-center{max-width: 43.6em; margin: auto; text-align: center; margin-bottom: 2em;}
.ov-center > .wp-block-group__inner-container > :first-child{margin-top: 0;}

.post-202 .main-header{background-image: url('./images/hl-page.jpg');}
.post-208 .main-header{background-image: url('./images/ha-page.jpg');}
.post-225 .main-header{background-image: url('./images/tn-page.jpg');}
.post-32743 .main-header{background-image: url('./images/el180.webp');}
.post-202 .main-header::before,
.post-208 .main-header::before,
.post-225 .main-header::before,
.post-32743 .main-header::before {display: none;}
.post-202 .main-header > .logo-icon,
.post-208 .main-header > .logo-icon,
.post-225 .main-header > .logo-icon,
.post-32743 .main-header > .logo-icon {color: var(--lightPurple);}

.ha-manu-section{justify-content:center;box-shadow: 0 2px 13px 0 rgb(0 0 0 / 50%); padding: 1.5em 1em;}
.ha-manu-section .wp-block-column{max-width:8em;}

.hear-nw-carousel.fm-carousel.vertical { background-color: #EBEBEB; padding: 0 0 0 clamp(2rem,5vw,4rem); }
.hear-nw-carousel .fm-carousel-overflow,
.hear-nw-carousel .fm-carousel-overflow .fm-carousel-container li{ background-color: #F5F5F5; }
.hear-nw-carousel .fm-carousel-bullets { display: none; }

@media only screen and (min-width:48.5em){
    .ha-manu-section{align-items:center;}
    .ha-manu-section .wp-block-column{margin-right:1em;}
    .ha-manu-section .wp-block-column:last-child{margin-right:0; margin-left:0;}
    .ha-manu-section figure{margin-bottom:0;}
}

@media only screen and (min-width:68.5em){
  .post-202 .main-title.entry-title,
  .post-208 .main-title.entry-title,
  .post-225 .main-title.entry-title,
  .post-32743 .main-title.entry-title {text-align: center;}
}

@media only screen and (min-width:82.5em){
  .ov-center{margin-bottom: 4em;}
  .post-202 .main-header,
  .post-208 .main-header,
  .post-225 .main-header,
  .post-32743 .main-header {padding-top: 11rem; padding-bottom: 11rem;}
  .post-202 .main-header > .logo-icon,
  .post-208 .main-header > .logo-icon,
  .post-225 .main-header > .logo-icon,
  .post-32743 .main-header > .logo-icon {width: 31em;}
  .ha-manu-section .wp-block-column{margin-right:2em;}
}

/* Lenire */
.white-section-one,
.grey-section-one,
.grey-section-two {
    padding-right: calc(50% - 30rem);
    padding-left: calc(50% - 30rem);
}

@media only screen and (max-width: 68.49em) {
    .white-section-one .wp-block-columns.lenire-columns,
    .grey-section-one h2,
    .grey-section-one p,
    .grey-section-two .wp-block-column,
    .grey-section-two .wp-block-quote.grey-two-reviews {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

.grey-section-one, .grey-section-two {
    background: linear-gradient(to bottom, #EAEAEA 0%, #EAEAEA 10%, #FFFFFF 50%, #FFFFFF 100%);
}
.lenire-columns {
    display: flex;
    flex-direction: row;
}
.lenire-columns .wp-block-column h2 {
    margin-top: 0;
}
.grey-one-pgh {
    max-width: 33.7rem;
}
.grey-two-reviews {
    max-width: 50rem;
}

/*--------------------------------------------------------------
# About us
--------------------------------------------------------------*/
.about-intro h2{margin-top: 0;}
.post-111 .ov-solid{ flex: 1;}
.post-111 .ov-solid .wp-block-group__inner-container{max-width: 22em;}
.post-111 .elevate-video{margin: auto; max-width: 34rem; margin-top: -3em;}
.elevate-emp.about{font-size: clamp(.85rem, 1.2vw, 1rem); border-left-width: 1em;}
.about-list{padding-top:2em}
@media only screen and (min-width:48.5em){
.post-111 .wp-block-media-text__media{max-width: 15em;}
.about-intro{margin-bottom: 3em;}
.elevate-emp.about{;margin-top: 1em; margin-bottom: 2em;}
}

@media only screen and (min-width:82.5em){
  .post-111 .wp-block-media-text__media{max-width: 19em;}
  .elevate-emp.about{margin-bottom: 3em;}
  .about-list{padding-top:4em}
}


/* New About Us Design */
.elevate-adu-ms {
    max-width: 50.86rem;
}
.wp-block-media-text.alignwide.is-stacked-on-mobile.is-vertically-aligned-top.short2,
.wp-block-media-text.alignwide.is-stacked-on-mobile.short2 {
    max-width: 49.51rem;
}
.wp-block-media-text.has-media-on-the-right.mission-statement-photo,
.wp-block-media-text.has-media-on-the-right.fam-bam-photo {
    flex-direction: row;
}
.wp-block-media-text.alignwide.has-media-on-the-right.is-stacked-on-mobile.fam-bam-photo .wp-block-media-text__content {
    max-width: 32.71em;
}
.about-us-video {
    margin: auto;
    padding: 1em 0;
    display: flex;
    flex-direction: column;
}
.about-us-vid {
    height: 100%;
    width: 100%;
    margin: 0;
    flex: 1;
}

@media only screen and (min-width: 48.43em) {
    .about-us-video {
        flex-direction: row;
    }
}

/* New NEW about us design */
.about-us-intro {
    font-size: 1.6em;
    color: var(--lightPurple);
    max-width: 46.85rem;
    margin: auto;
    padding: 2em 1em 1em 1em;
}
.about-us-hr {
    max-width: 12em;
    border: var(--lightPurple) 1px solid;
    margin: auto;
}
.about-us-ea strong { 
    margin: 1em 0;
    position: relative;
    background: #fff;
    top: 1.5em;
    padding: 0 0.3em;
}
.about-us-list-fulewrapper {
    max-width: 59em;
    margin: auto;
}
.about-us-list-wrapper {
    border: var(--lightPurple) solid 2px;
    padding: 2em 1em;
}
.about-us-list-wrapper div ul {
    max-width: 20.9em;
}
.about-us-list-col2 {
    position: relative;
}
.best-logo-img {
    padding: 1em 0 0 0;
}
.about-us-offices img {
    width: 100%;
}
.about-us-description {
    background: rgba(144, 28, 161, 0.75);
    max-width: 45.95em;
    margin: auto;
    padding: 2em 2em;
    position: relative;
    bottom: 0em;
}
.about-us-description p {
    color: #fff;
}
.learn-why {
    max-width: 23.95em;
    margin: auto auto 1em auto;
    color: var(--lightPurple);
}
.about-us-mtt {
    background-image: url(./images/about-us-mtt.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
    max-width: 79.85em;
    margin: auto;
    padding: 20px;
    text-align: center;
    
}
.about-us-mtt-medtex figure {
    text-align: center;
}
.about-us-mtt-medtex div {
    max-width: 37.80em;
    padding-right: 2em;
    padding-left: 2em;
}
.about-us-bio-name {
    font-size: 1.2em;
    color: var(--lightPurple);
    margin-bottom: 0;
    font-weight: 400;
}
.about-us-bio-title {
    font-size: 1em;
    font-weight: 400;
}
@media only screen and (max-width: 26.67em) {
    .learn-why {
        padding: 0 1em;
    }
}
@media only screen and (min-width: 48.5em) {
    .about-us-list-wrapper {
        border: var(--lightPurple) solid 2px;
        padding: 2em 4em;
    }
    .about-us-description {
        padding: 3em 4.6em;
        bottom: 6em;
    }
    .spacer-before-vid {
        display:none;
    }
    .about-us-mtt-medtex figure {
        text-align: end;
    }
    .about-us-mtt-medtex div {
        max-width: 37.80em;
        padding-right: 1em;
        padding-left: 1em;
    }
}
@media only screen and (min-width: 68.5em) {
    .about-us-intro {
        padding: 2em 0 1em 0;
    }
}
@media only screen and (min-width: 72.62em) {
    .best-logo-img { display: none; }
    .about-us-list-col2::before {
    content: '';
    position: absolute;
    top: 0;
    right: -13.1em;
    background-image: url(./images/awards-about-us.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 11.4em;
    height: 100%;
}
}

.toggler { background-color: rgba(248, 248, 248, 1); color: rgba(0, 0, 0, 1); font-size: 1rem; font-weight: 400; border: none; position: relative; }
.toggler svg { display: none; }
.toggler::after {
    content: '';
	display: block;
	background-image: url(./images/plus.svg);
	width: 1rem;
	height: 1rem;
	position: absolute;
	right: 1.5%;
    top: 25%;
}
.toggler.js-active::after {
    background-image: url(./images/minus.svg);
}
.toggle { border: none; outline: none; background-color: rgba(248, 248, 248, 1); font-style: italic; font-size: 1rem; }

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.post-115 .entry-wrapper{overflow: hidden; z-index: 0;}
.post-115 .entry-content > .logo-icon{color: rgba(var(--lightPurpleRGB),.3);position: absolute;width: 40em;max-width: 40em;left: -7em;top: -3.2em;z-index: -1;}
.post-115 .main-header{background-image: url('./images/lc-page.jpg');}
.contact-page .wp-block-column:first-child{display: none}
.contact-page .wp-block-column:nth-child(2){max-width: 16em;margin: auto;}
.contact-page .wp-block-column:first-child figure{margin-bottom: 0;}
.contact-page .wp-block-column:nth-child(2) figure{width:100%; box-shadow: 0em .1em .2em rgba(0,0,0,0.5);}
.contact-page-content svg{color: var(--lightPurple);}
.contact-page-header{color: var(--black);font-size: 1em; font-weight: bold;}


@media only screen and (min-width:48.5em){
  .contact-page{box-shadow: 0em .1em .2em rgba(0,0,0,0.5);}
  .contact-page .wp-block-column:first-child{display: block;max-width: 27%;margin-right:0;}
  .contact-page .wp-block-column:nth-child(2){position: relative;max-width: 44em;margin: 0;}
  .contact-page .wp-block-column:nth-child(2) figure{position: relative;width:100%;height: 100%;margin: 0;overflow: hidden; box-shadow: none;}
  .contact-page .wp-block-column:nth-child(2) figure img{position: absolute;width: 110%; max-width: 110%;left: -.5em;}
  .contact-page-content{padding-top: 1em;}
}

/*--------------------------------------------------------------
# Request Appointment
--------------------------------------------------------------*/
.r-a-page > :first-child{position: relative; padding: 0 1.5em; overflow: hidden; z-index: 0;}
.r-a-page > :first-child .logo-icon{position: absolute;left: -19em;top: -12em;width: 40em;max-width: 40em;color: rgba(var(--lightPurpleRGB),.3);z-index: -1;}
.r-a-page > :first-child .wp-block-group{max-width: 23em;margin-left: auto;}
.r-a-page > :nth-child(2){padding: 3em 1.5em; background-image: url('./images/contact.jpg'); background-position: center; background-size: cover;}
.r-a-page > :nth-child(2) .fuel-gf-wrapper{max-width: 23em;margin-right: auto;}
@media only screen and (min-width:48.5em){
  .r-a-page > :first-child{margin-right: 0;}
  .r-a-page > :nth-child(2){margin-left: 0;}
}
@media only screen and (min-width:68.5em){
  .r-a-page > :first-child{padding-right: 4em;}
  .r-a-page > :nth-child(2){padding-left: 6em;}
.r-a-page > :first-child .elevate-emp{margin-left: -1.5em;}
}
@media only screen and (min-width:82.5em){
  .r-a-page > :nth-child(2){padding-top:11.4em; padding-bottom: 13.6em;}
  .r-a-page > :first-child{padding-top: 4.4em;}
  .r-a-page > :first-child .logo-icon{left: -5em;top: -3.5em;width: 43em;max-width: 43em;}
}

/*--------------------------------------------------------------
# Request Appointment
--------------------------------------------------------------*/
.bha-intro{margin-bottom: 2em;}
.post-209 .solid-image{padding-top: 3em; padding-bottom: 9em; background-image: url('./images/bha.jpg'); background-position: center; background-size: cover; color: var(--white); text-align: center;}
.post-209 .solid-image .wp-block-column{max-width: 17em;}
.post-209 .solid-image h3{color: var(--white);margin-bottom: 1.9em;}
.post-209 .solid-image h2{max-width: 21rem; background: var(--lightPurple); margin-left: auto; margin-right: auto; color: var(--white); padding-top: .5em; padding-bottom: .75em;}
@media only screen and (min-width:82.5em){
  .bha-intro{margin-bottom: 5em;}
}

/*Hearing Treatment Options*/
.overview-hto .overview-intro-block {padding: 0 1.5em;padding-top: 2rem;}
.entry-content .overview-intro {min-height: 0;}
.overview-intro .overview-content{margin: auto;max-width: 44em;}
.overview-intro-block {margin-bottom: 1.5em;font-size: 1.2em;font-style: italic;line-height: 1.5;text-align: center;}
.overview-hto-diagram {display: flex;justify-content: center;min-height: 0;}
.hto-diagram-labels {display: flex;flex-flow: column nowrap;justify-content: space-between;padding: 1em 0.5em 1em 0;}
.hto-diagram-label {letter-spacing: 0.2em;color: var(--black);font-size: 0.9em;font-weight: bold;text-transform: uppercase;writing-mode: vertical-rl;text-orientation: upright;}
.hto-diagram-label:last-child {}
.hto-diagram-options {display: flex;flex-flow: column nowrap;justify-content: space-between;padding: 0 1em;}
.hto-diagram-option {display: block;line-height: 1.2;color: var(--black);}
.hto-diagram-bar {border-radius: 0.2em;height: auto;min-height: 30em;width: 2em;background: linear-gradient(180deg, var(--lightGreen) 0%, var(--lightBlue) 50%, var(--red) 100%);}
.post-205 h2{position: relative; color: var(--blue);}
.post-205 h2::before{content: ""; display: block; position: absolute; width:.4em; height:.4em; background: var(--green);border-radius: 100%; left:-.5em;top:-.2em;}
.post-205 .entry-content{position: relative; z-index: 0;overflow: hidden;}
#option_implant h2{color:var(--red);}
#option_has h2{color:var(--lightBlue);}
#option_psap h2{color:var(--lightGreen);}

@media only screen and (min-width: 32.5em){
	.overview-man-list {display: flex;flex-flow: row wrap;justify-content: center;align-items: flex-start;margin: 1em 0;}
	.overview-man-item {margin: 1em;}
}
@media only screen and (min-width: 38.5em){
	.overview-hto .overview-intro-block {padding-left: 3em;padding-right: 3em;}

}
@media only screen and (min-width: 48.5em){
	.overview-hto-diagram {flex-flow: row wrap;justify-content: center;min-height: 0;padding: 0;}
	.hto-diagram-labels {flex-flow: row nowrap;width: 100%;padding: 0.2rem 1.5rem;}
	.hto-diagram-label {letter-spacing: 0.5em;writing-mode: initial;text-orientation: initial;}
	.hto-diagram-options {flex-flow: row nowrap;align-items: flex-end;padding: 0.5rem 3rem;width: 100%;}
	.hto-diagram-bar {border-radius: 2em;width: 100%;height: 2em;min-height: 0;max-width: 50em;background: linear-gradient(90deg, var(--lightGreen) 0%, var(--lightBlue) 50%, var(--red) 100%);}
}

@media only screen and (min-width: 58.5em){
.entry-content .overview-intro {margin-bottom: 3em;}
.overview-section {display: flex;justify-content: flex-start;align-items: center;}
.overview-section{border-bottom: 0;padding-bottom: 5%;min-height: 32em;}
.overview-hto-diagram {font-size: 1.1em;}
.overview-hto {display: block;}
}
@media only screen and (min-width: 68.5em){
	.overview-hto-diagram {font-size: 1.2em;}

}
@media only screen and (min-width: 82.5em){
	.overview-hto-diagram {padding: 0;font-size: 1.4em;}
	.hto-diagram-labels {padding: 0.2em calc(50% - 30rem);}
	.hto-diagram-options {padding: 0.5em calc(50% - 30rem);}
  .post-205 .manu-logos .wp-block-image{padding-right: 1em; padding-left: 1em}

}

/*Manufacturer pages*/
.manu-intro{margin-bottom:2em; }
.manu-intro .wp-block-image{max-width: 15em;margin: auto; margin-bottom: 2em;}
.manu-intro img{width: 100%;}
@media only screen and (min-width: 48.5em){
  .manu-intro img{width:100%;}
  .manu-intro .wp-block-column:first-child{max-width: 11em;}
  .manu-intro .wp-block-column:nth-child(2){max-width: 39em;}
  .manu-page .wp-block-media-text__media{margin-right:1em;margin-top: 0;}
  .manu-page .wp-block-media-text__media > img{width:100%;}
  .manu-page .has-media-on-the-right .wp-block-media-text__media{margin-right:0; margin-left: 1em;}
  .manu-page .wp-block-media-text__content{max-width: 34em;}
}
@media only screen and (min-width: 82.5em){
  .manu-page .wp-block-media-text{padding-left: 4em;}
  .manu-page .wp-block-media-text.has-media-on-the-right{padding-left: 0; padding-right: 4em;}
  .manu-page .wp-block-media-text__media{width:25em;}
  .manu-intro{margin-bottom: 6em}
}

/*Hearing Aid Pricing & Financing page*/
.hapf-intro{max-width: 44.3em;margin: auto; text-align: center;}
.hapf-intro .elevate-emp{text-align: left;max-width: 28em;margin: auto;margin-bottom: 4em; font-weight: bold;}
.hapf-col-offset .elevate-emp{font-size: 1em;}
.post-214 p{margin-bottom: 1.5em;}
.post-214 .wp-block-table{padding: .5em 1.5em; background: #F2F2F2}
.post-214 .wp-block-table tr{position: relative;display: flex;flex-wrap: wrap; justify-content: center;padding: 1.5em 0;border-bottom: solid #979797 .05em;}
.post-214 .wp-block-table td{width:100%;}
.post-214 .wp-block-table td:first-child{max-width: 28em; margin-right: 2em;}
.post-214 .wp-block-table td:nth-child(2){margin-top: 1em;}
.bat-section h3{color: var(--black);font-size: clamp(1.2rem, 2vw, 1.3rem);margin-bottom: 2em;margin-top: 2.5em;}
.post-214 .bat-sizes p{margin-bottom: 0;font-family: 'Ubuntu';font-weight: 500;font-size: 2em;}
.bat-sizes .wp-block-column{display: flex; justify-content: center; align-items: center; width: 9.45; background-color: rgba(var(--lightPurpleRGB),1); color:var(--white);}
.bat-sizes .wp-block-column:nth-child(2){background-color: rgba(var(--lightPurpleRGB),.89);}
.bat-sizes .wp-block-column:nth-child(3){background-color: rgba(var(--lightPurpleRGB),.75);}
.bat-sizes .wp-block-column:nth-child(4){background-color: rgba(var(--lightPurpleRGB),.62);}
.bat-section > .wp-block-group__inner-container > p:last-child{padding: 2em; box-shadow: 0em .1em .55em rgba(0,0,0,0.5); margin-top: 2em; margin-bottom: 4em; text-align: center; }
.bat-section > .wp-block-group__inner-container > p:last-child >span{color: var(--lightPurple); font-weight: bold;}
.oow-section{background: #F2F2F2;margin-bottom: 2em;}
.oow-section > .wp-block-group__inner-container > figure{margin-bottom: 0; padding-bottom: 0;}
.oow-section > .wp-block-group__inner-container > p:last-child{padding: 2em; padding-top: 1em;}
.fa-section .elevate-emp{font-size: 1em;}
@media only screen and (min-width: 48.5em){
  .post-214 .wp-block-table tr{flex-wrap: nowrap; justify-content: space-between;}
  .post-214 .wp-block-table td:nth-child(2){text-align: right; margin-top: 0}
  .bat-sizes.wp-block-columns{justify-content: space-between;}
  .bat-sizes .wp-block-column{margin-right: 1em; height:6.45em;}
  .bat-sizes .wp-block-column:last-child{margin-left: 0; margin-right: 0;}
}
@media only screen and (min-width: 82.5em){
  .post-214 p{margin-bottom: 3em;}
/*   .hapf-intro p,
.post-214 .wp-block-media-text__content >p{line-height: 1.9;} */
  .hapf-intro .elevate-emp{margin-bottom: 5.5em; margin-top: 1.5em;}
  .bat-sizes .wp-block-column{margin-right: 2em}
  .hapf-col-offset > .wp-block-column:first-child{max-width: 59%;}
  .hapf-col-offset > .wp-block-column:nth-child(2) {max-width: 36%;}
  .bat-section > .wp-block-group__inner-container > p:last-child{margin-top: 3em; margin-bottom: 8em;}
  .oow-section{margin-bottom: 6em;}
}


/*Woo Commerce*/
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{min-width: auto; background: var(--lightPurple); color: var(--white); overflow: hidden;border-radius: 0;}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{color: var(--lightPurple);}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{float: none;padding-bottom: 3em;}
.woocommerce .products ul, .woocommerce ul.products{display: flex; flex-wrap: wrap;align-items: stretch;}
.woocommerce ul.products li.product .button{position: absolute; bottom: 0; left: 0; width:100%; }
.woocommerce nav.woocommerce-pagination ul{width: auto;display: flex;justify-content: center;}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{background: var(--white); color:var(--lightPurple);}
.input-text.qty,
.form-row{background: #F4F4F4}
.woocommerce-page table.cart td.actions .input-text{width:8em;}
.widget ul{list-style: none; margin-left: 0;}
/* Search Page */
.entry-content .search-form {
	display: flex;
}

.entry-content .search-form label {
	width: 100%;
}

.entry-content .search-field {
	padding: 0.5em 1em;
	width: 100%;
	line-height: 1.5;
	background: #F4F4F4;
}
.entry-content .search-submit {
	padding: 0.5em 1em;
	line-height: 1.5;
	color: #fff;
	background: var(--lightPurple);
}
.entry-search .no-results {
	margin: 2rem 0;
	text-align: center;
	color: #cc2d3f;
}

/* 404 Page */
.entry-404 .search-form {
	margin: 2rem 0 0;
}



/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/

@media only screen and (min-width: 68.5em){
  /*No JS set up*/
.js-intersect .hero-content,
.js-intersect.hero .logo-icon,
.js-intersect.welcome .left,
.js-intersect.welcome .right,
.js-intersect.fet-images .fet-image,
.js-intersect.tinnitus .left > p,
.js-intersect.tinnitus .right,
.js-intersect.hearing .right > p,
.js-intersect.hearing .left,
.js-intersect .service-item,
.js-intersect.reviews,
.js-intersect.location .content-wrapper .left,
.js-intersect.contact::after,
.main-header > .logo-icon,
.js-intersect .wp-block-media-text__media{animation-name: no-js; animation-fill-mode: both; animation-duration: 800ms; animation-delay: 2s;animation-timing-function: ease-out;}
/*JS Animations set up*/
.js .js-intersect .hero-content,
.js .js-intersect.welcome .left,
.js .js-intersect.welcome .right,
.js .js-intersect.fet-images .fet-image,
.js .js-intersect.tinnitus .left > p,
.js .js-intersect.tinnitus .right,
.js .js-intersect.hearing .right > p,
.js .js-intersect.hearing .left,
.js .js-intersect .service-item,
.js  .js-intersect.reviews,
.js .js-intersect.location .content-wrapper .left,
.js .js-intersect.contact::after,
.js .js-intersect .wp-block-media-text__media{animation-name: fade-down; animation-delay: 0ms; animation-play-state: paused;}
.js .js-intersect.hero .logo-icon,
.js .main-header > .logo-icon{animation-name: grow-in; animation-duration: 2s; animation-delay: 0ms; animation-play-state: paused;}
.js .js-intersect.welcome .left,
.js .js-intersect.tinnitus .left > p,
.js .js-intersect.hearing .right > p,
.js .js-intersect.location .content-wrapper .left{animation-name: fade-right;}
.js .js-intersect.fet-images .fet-image:nth-child(2){animation-delay: 500ms;}
.js .js-intersect.fet-images .fet-image:nth-child(3){animation-delay: 1s;}
.js .js-intersect .service-item:nth-child(2){animation-delay: 300ms;}
.js .js-intersect .service-item:nth-child(3){animation-delay: 600ms;}
.js .js-intersect .service-item:nth-child(4){animation-delay: 900ms;}
.js .js-intersect .service-item:nth-child(5){animation-delay: 1200ms;}
.js .js-intersect .service-item:nth-child(6){animation-delay: 1500ms;}
.js .js-intersect .service-item:nth-child(7){animation-delay: 1800ms;}
.js .js-intersect .service-item:nth-child(8){animation-delay: 2100ms;}
/*JS Animation Execute*/
.js .js-intersect.js-intersected .hero-content,
.js .js-intersect.js-intersected.hero .logo-icon,
.js .js-intersect.js-intersected.welcome .left,
.js .js-intersect.js-intersected.welcome .right,
.js .js-intersect.js-intersected.fet-images .fet-image,
.js .js-intersect.js-intersected.tinnitus .left > p,
.js .js-intersect.js-intersected.tinnitus .right,
.js .js-intersect.js-intersected.hearing .right > p,
.js .js-intersect.js-intersected.hearing .left,
.js .js-intersect.js-intersected .service-item,
.js  .js-intersect.js-intersected.reviews,
.js .js-intersect.js-intersected.location .content-wrapper .left,
.js .js-intersect.js-intersected.contact::after,
.js .main-header > .logo-icon,
.js .js-intersect.js-intersected .wp-block-media-text__media{animation-play-state: running;}
}


@keyframes no-js {
  from{opacity: 0}
    to{opacity: 1}
}
@keyframes grow-in{
  from{transform: scale(0); transform-origin: top left;}
    to{transform: scale(1); transform-origin: top left;}
}
@keyframes fade-down{
  from{opacity: 0; transform: translateY(-2em);}
    to{opacity: 1; transform: translateY(0);}
}
@keyframes fade-right{
  from{opacity: 0; transform: translateX(-2em);}
    to{opacity: 1; transform: translateX(0);}
}

@keyframes service-open {
  0%{display: block; height:0px;}
    100%{display: block; height:var(--theHeight);}
}
@keyframes service-close {
  0%{height:var(--theHeight); display: block;}
  99%{height:0px; display: block;}
  100%{height:0px; display: none;}
}
@keyframes rotate {
	0% { transform: rotate(0); }
	100% { transform: rotate(360deg); }
}

/*--------------------------------------------------------------
# Print
--------------------------------------------------------------*/
@media print {
	@page {
		margin: 0.5cm;
	}

	* {
		background: transparent !important;
		color: black !important;
		text-shadow: none !important;
		-webkit-filter: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}

	a, a:visited {
		color: #444 !important;
		text-decoration: underline;
	}

	abbr[title]:after {
		content: ' ('attr(title) ')';
	}

	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr, img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	p, h1, h2, h3 {
		orphans: 3;
		widows: 3;
	}

	h1, h2, h3 {
		page-break-after: avoid;
	}

	.primary-menu, .site-sidebar, .site-header, .site-footer, #comments, .menu-buttons, .page-navigation, .pagination, .wp-prev-next, .respond-form {
		display: none;
	}

	.contain {
		padding-left: 0;
		padding-right: 0;
		max-width: none;
	}
}