/*
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.4.3
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: 'Source Sans Pro';
    src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackItalic'),
        url('fonts/SourceSansPro-BlackItalic.woff2') format('woff2'),
        url('fonts/SourceSansPro-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
} */

/* @font-face {
    font-family: 'Source Sans Pro';
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
        url('fonts/SourceSansPro-Bold.woff2') format('woff2'),
        url('fonts/SourceSansPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
 */
/* @font-face {
    font-family: 'Source Sans Pro';
    src: local('Source Sans Pro Black'), local('SourceSansPro-Black'),
        url('fonts/SourceSansPro-Black.woff2') format('woff2'),
        url('fonts/SourceSansPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
} */

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

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

@font-face {
    font-family: 'Source Sans Pro';
    src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'),
        url('fonts/SourceSansPro-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/SourceSansPro-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
        url('fonts/SourceSansPro-SemiBold.woff2') format('woff2'),
        url('fonts/SourceSansPro-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),
        url('fonts/SourceSansPro-LightItalic.woff2') format('woff2'),
        url('fonts/SourceSansPro-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
} */

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

/* @font-face {
    font-family: 'Source Sans Pro';
    src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'),
        url('fonts/SourceSansPro-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/SourceSansPro-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
} */

/* @font-face {
    font-family: 'Source Sans Pro';
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
        url('fonts/SourceSansPro-Light.woff2') format('woff2'),
        url('fonts/SourceSansPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'),
        url('fonts/SourceSansPro-ExtraLight.woff2') format('woff2'),
        url('fonts/SourceSansPro-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
 */
/* @font-face {
    font-family: 'Fira Sans Condensed';
    src: local('Fira Sans Condensed Black Italic'), local('FiraSansCondensed-BlackItalic'),
        url('fonts/FiraSansCondensed-BlackItalic.woff2') format('woff2'),
        url('fonts/FiraSansCondensed-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: local('Fira Sans Condensed Black'), local('FiraSansCondensed-Black'),
        url('fonts/FiraSansCondensed-Black.woff2') format('woff2'),
        url('fonts/FiraSansCondensed-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: local('Fira Sans Condensed ExtraBold Italic'), local('FiraSansCondensed-ExtraBoldItalic'),
        url('fonts/FiraSansCondensed-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/FiraSansCondensed-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: local('Fira Sans Condensed ExtraBold'), local('FiraSansCondensed-ExtraBold'),
        url('fonts/FiraSansCondensed-ExtraBold.woff2') format('woff2'),
        url('fonts/FiraSansCondensed-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Fira Sans Condensed';
    src: local('Fira Sans Condensed Bold'), local('FiraSansCondensed-Bold'),
        url('fonts/FiraSansCondensed-Bold.woff2') format('woff2'),
        url('fonts/FiraSansCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: local('Fira Sans Condensed SemiBold Italic'), local('FiraSansCondensed-SemiBoldItalic'),
        url('fonts/FiraSansCondensed-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/FiraSansCondensed-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: local('Fira Sans Condensed Medium Italic'), local('FiraSansCondensed-MediumItalic'),
        url('fonts/FiraSansCondensed-MediumItalic.woff2') format('woff2'),
        url('fonts/FiraSansCondensed-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: local('Fira Sans Condensed SemiBold'), local('FiraSansCondensed-SemiBold'),
        url('fonts/FiraSansCondensed-SemiBold.woff2') format('woff2'),
        url('fonts/FiraSansCondensed-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

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

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

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
*, *: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: 'Source Sans Pro', sans-serif;
	color: #4a4a4a;
	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 {
	margin: 1.5em 0 0.5em 0;
	line-height: normal;
	font-weight: 700;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.75em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.25em;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 0.75em;
}

p {
	margin: 0 0 1em 0;
}

ul, ol {
	margin: 0 0 1.5em 2.5em;
}

li>ul, li>ol {
	margin: 0 0 0 1.5em;
}

li {
	margin: 0 0 0.5em 0;
}

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

table {
	margin: 0 0 1.5em 0;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}

th {
	font-weight: bold;
}

a {
	color: #3f8abf;
	text-decoration: none;
	transition: all 300ms ease;
}

a:hover {
	color: #326e99;
}

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

strong, b {
	font-weight: 700;
}

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

.hours-note em { font-style: normal; line-height: 1.8; font-size: 1.35em; }

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;
	color:  #fff;
}

.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-flow: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 0.5em 0;
}

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

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

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

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

.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: #333;
}

.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 {
	display: block;
	position: relative;
	margin: auto;
	padding: 0 1.5rem;
	width: 100%;
}

@media only screen and (min-width:38.5em) {
	.contain {
		padding-left: 3rem;
		padding-right: 3rem;
	}
}

@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 {
	color: #FF6121;
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	border-radius: 0.4em;
	padding: 0.5em 1em;
	font-size: 1em;
	font-weight: bold;
	line-height: normal;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: all 300ms;
	padding: 1em;
	max-width: 10em;
	margin: auto;
	display: block;
}

.button:hover, .button:active, .button:focus,
.wp-block-button__link:hover, .wp-block-button__link:active, .wp-block-button__link:focus {
	color: #fff;
	background: #FF6121;
	text-decoration: none;
	outline: none;
}

.button:focus-visible {outline:#FF6121 dashed 3px; outline-offset: 6px;}

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

.gfield {
	margin: 0 0 0.7rem;
	border: 1px solid #999;
	border-radius: 0.3rem;
	padding: 0.3rem;
	list-style: none;
	overflow: hidden;
	background: #fff;
}

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

.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;
}

.gform_confirmation_message {
	font-size: 1.1em;
	padding:  1em;
	border:  1px solid #fff;
	color:  #fff;
}

.gform_submission_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: #3f8abf;
}

.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: #FF6121
}

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

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

.captcha-image svg:hover {
	color: #3f8abf;
}

.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-flow: column;
	flex-wrap: wrap;
	justify-content: space-around;
	position: relative;
	background: rgb(229, 227, 223);
	z-index: 10;
}

#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;*/
	position: initial;
	top: 0;
	left: -100%;
	bottom: 0;
	z-index: 998;
	width: 100%;
	background: #03698B;
	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 #3688A4;
}

#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: #fff;
	padding: 1em;
	/*background: #03698B;*/
	background-repeat: no-repeat;
	/*background-position-x: -30em;*/
	background-position-x: 0;
	text-decoration: none;
	font-size: 1.1em; 

}

#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: initial;
	top: 0;
	left: 100%;
	bottom: 0;
	width: 100%;
	transition: left 300ms;
	background: #03698B;;
}

#map_holder #super_panel a {
	display: inline-block;
	color: #fff;
	line-height: 1.25;
	font-size: 1.25em;

}

.quick-links { background: rgba(255, 255, 255, 0.15); padding: 1.5em 1em; display: flex; justify-content: space-around; }
#map_holder #super_panel .quick-links a { line-height: 1.75; font-size: .9em; 	text-align: center; } 

#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: #03698B;;
	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;
	z-index: 10;
	position: relative;
	/*border-bottom: 1px solid rgba(27, 96, 167, 0.5);*/
}

#map_holder .title-box #back_to_panel:after {
	content: "Back to all locations";
	position: relative;
	/*top: 0.8rem;*/
	left: 0 ;
	color: #03698B;
	background: rgba(255, 255, 255, 0.6);
	width: 100%;
	display: block;
	padding: .5em;
	font-size: 1.25em;
	padding-left:  2em;
	transition: all .5s ease; 
}

#map_holder .title-box #back_to_panel:hover:after { background: rgba(255, 255, 255, 1); }

#map_holder .title-box #back_to_panel:before{
	content:  ''; 
	position: absolute;
	width:  2em;
	height:  2em; 
	background: url('./images/back-arrow.png') no-repeat;
	left: .5em;
	top: .85em;
	width: 2em;
	z-index: 1;
}



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

#back_to_panel > svg { display: none; }

#map_holder .title-box h3 {
/*     margin: 1em 0 0 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

}

.health-services { padding: 1em; }
.health-services p { color: #fff;  font-size: 1em; font-style: italic; }
.entry-content .health-services p { color: #fff;  font-size: 1em; font-style: italic; }

#map_holder .details-box a{ 
	font-size: 1.3em;
 }

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

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

#map_holder #info_panel .info-box a {transition: all .5s ease;}
#map_holder #info_panel .info-box a:hover { background: #3688A4; }

#map_holder #info_panel .loc-403.info-box a { background: #005876; }
#map_holder #info_panel .loc-403.info-box a:hover { background: #3688A4;}

.entry-content #map_holder #info_panel .info-box a {
    text-decoration: none;
}
.entry-content #map_holder #info_panel .info-box a:hover {
    text-decoration: underline #fff 1px;
}


@media only screen and (min-width: 68.5em) {
	#map_holder{ flex-flow: row; }
	#map_holder #info_panel {
		/* height: 40em; */
		position: absolute;
		/*display: flex;*/
		flex-flow: column;
	}

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

	#map_holder #info_panel,
	#map_holder #super_panel {
		position: relative;
		left: 0;
		justify-content: space-between;
	}

	
	#map_holder #info_panel .info-box a {padding: 2em 1em; font-size: 1.2em;}
	#map_holder .details-box { height: 100%; }
}




@media only screen and (min-width: 82.5em) {
	#map_holder #info_panel .info-box a {font-size: 1.5em;  }
	

}


.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 {
	background: #eee
}*/

/*.location-hours .today td {
	font-weight: bold
}
*/
.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.2em 0.2em 0 0;
	margin: 0.5em 0 0;
	border: 1px solid #4a4a4a;
	border-bottom-color: #333;
	padding: 0.2em 1em 0.3em;
	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-col-logo { max-width: 13em; margin: 0 auto; padding:  1em 0; }
.header-col-links { display: none; }

.main-header { background: url('./images/main-header-bg.jpg') no-repeat; background-size: cover; background-position: 50% 35%; padding:  2em 1em 3em 1em; position: relative;}
.main-header:before { content: ''; position:  absolute; top: 0; left: 0; width: 100%; height: .2em; background:  #3688A4; }
.main-title.entry-title { font-size: 1.6em; line-height: 1.25; text-align: center; font-weight: 400; color:  #fff; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);}

.entry-meta { text-align: center; }

.header-phone-link { text-align: right; }
.header-phone-link a { position: relative; }
.header-phone-link a:before { content:''; position: absolute; left: -1.25em; top: .3em; width: 1.5em; height: 1.5em; background: url('./images/callcircle.svg') no-repeat;  }
.header-phone-link a:hover { color:  #FF6121; }
.header-phone-link a:focus { color:  #FF6121; }
/*.header-phone-link svg { margin-top: 1.2em; }*/


@media only screen and (min-width:38.5em) {
	.main-title.entry-title { padding-left: 3rem; }
	.main-header { padding: 2em 1em 3em 0; }
}

@media only screen and (min-width:68.5em) {
	.header-phone-link{ margin-top: -1.5em;  }


	.main-header:before{ display: none; }
	.main-title.entry-title  { text-align: left; font-size: 2.8em; line-height: 1.19 ;  }
	.header-col-logo { max-width: 22em; margin: 0 ; padding: .75em 0 .75em 3rem;  }
	.header-col-links { display: block; padding-right: 3rem ;}
	.header-cols { display: flex; justify-content: space-between; }


	.header-col-links .phone { color: #231F20; font-size: 2.85em; font-weight:  400; }
	#menu-top-menu { display: flex }
	#menu-top-menu li { list-style: none; margin-left: 1em; }
	#menu-top-menu li a{ color: #03698B ; background: rgba(3, 105, 139, 0.2); padding:  1em; padding: .5em 2.5em; display: block; font-size: 1em; }
	#menu-top-menu li a svg { margin-top: -.25em;  }
	.phone-header-display > ul > li { display: flex; justify-content: space-between; }
	#menu-top-menu li a:hover{ color: #fff; background: #03698B ; }
	#menu-top-menu li a:hover svg { color: #fff; }
	#menu-top-menu li a:focus { color: #fff; background: #03698B ; }
	#menu-top-menu li a:focus svg { color: #fff; }

	.logo-link svg { width: 13.5em; transition: transform .5s ;  ; }
	.logo-link:hover svg { transform:  scale(1.015); }
	.logo-link:focus svg { transform:  scale(1.015); }

	.entry-meta { text-align: left; padding-left:  3rem; }

	.header-col-links .cta-button-arrow { margin-left: .25em; margin-top: .25em; }
	.header-col-links .cta-button-arrow svg { margin-top: -.65em; margin-left: .25em; transform: rotate(180deg); width: .5em; height: .5em;}

	.header-col-links { position: relative; }
	.phone-header-display { display:  none; background: #03698B ; padding:  1em; position: absolute; z-index:  1000; width:  28em; right:  3rem; }
	.phone-header-display ul { margin: 0;  }
	.phone-header-display ul li { margin: 0;  }
	.phone-header-display a { color: #fff; flex-shrink: 0; margin-left: .5em;}
	.phone-header-display-title { color: #fff; flex-shrink: 0; margin-right: .5em; }
	.phone-header-display-title svg { margin-top: -.25em; margin-left: -.25em; }
	.dots {  border-bottom: 2px dotted #fff; width:  95%; margin-top: 1em; height: .25em;}
}

@media only screen and (min-width:82.5em) {
	.main-title.entry-title { padding-left: calc(50% - 30rem); }
	.entry-meta { padding-left: calc( 50% - 30rem );}
	
	.header-col-logo { padding: .75em 0 .75em 8rem;  }
	.header-col-links {padding-right: 8rem ;}
}

/*--------------------------------------------------------------
# Overview Pages
--------------------------------------------------------------*/
.page-id-110 .contact-left { display: none; }
.contact-details { background: #fff; padding: 1em; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); }

.overview-wrap > .wp-block-group__inner-container { display: flex; flex-flow: column ; padding-left:  1em; padding-right:  1em; }
.overview-wrap > .wp-block-group__inner-container .overview-left { padding-right: 1em; padding-bottom: 1em; padding-top: 1em; }
.overview-wrap > .wp-block-group__inner-container .overview-right { padding-left: 1em; padding-bottom: 1em; padding-top: 1em; }
.overview-wrap > .wp-block-group__inner-container .overview-image-left { order: -1;  max-width: 18em; margin: 2em auto 0 auto;}
.overview-wrap > .wp-block-group__inner-container .overview-image-right { order: -1;  max-width: 18em; margin: 2em auto 0 auto;}
.overview-wrap > .wp-block-group__inner-container .overview-image-left { position: relative; }
.overview-wrap > .wp-block-group__inner-container .overview-image-right { position: relative;}

.page-id-245 .overview-wrap > .wp-block-group__inner-container .overview-image-left { margin: 2em auto 3.5em auto;}
.page-id-245 .overview-wrap > .wp-block-group__inner-container .overview-image-right { margin: 2em auto 3.5em auto;}

/* phonak page */
.manuf-top > .wp-block-group__inner-container { margin-top: 3em; display: flex; flex-flow: column; }
.manuf-logo { max-width: 13em; margin: 1em auto; order: -1;  }

/* about page */
.about-page-contain > .wp-block-group__inner-container{ padding:  1em; max-width: 40em; margin: 1.5em auto 0 auto; }
.about-heading:before { left: 0; right: 0; margin: auto; }



.bio-box {max-width: 45em;padding: 2em;margin: 0 auto 3em auto;  position: relative;}
.bio-box img { max-width: 7.75em;  } 

.bio-image img {  max-width: 10em; opacity: 0; transform: translateY(2em); transition: all .5s ease; display: block;  }
.bio-image.js-intersected img { opacity: 1; transform: translateY(0);  } 

.provider-logos img { max-width: 15em; margin: .5em auto; display: block; }

.about-image-bar { background:  #3688A4; height: 8.5em; width: 100%; margin: 2em 0; display: none;  }

/* bha page */
.bha-one { border-radius: 50%; width: 16em; height: 15em; background: rgba(54, 136, 164, 0.2); }
.bha-two { border-radius: 50%; width: 16em; height: 15em; background: rgba(54, 136, 164, 0.2); }
.bha-three { border-radius: 50%; width: 16em; height: 15em; background: rgba(54, 136, 164, 0.2); }

.overview-left h2 { margin-top: .5em }
.overview-right h2 { margin-top: .5em }

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes rise {
  to {
    opacity:  1; 
    transform: translateY(0);
  }
}

.overview-wrap > .wp-block-group__inner-container .overview-image-left { opacity: 0; transform: translateY(3em);  }
.overview-wrap > .wp-block-group__inner-container .overview-image-right  { opacity: 0; transform: translateY(3em);   }

.overview-wrap > .wp-block-group__inner-container .overview-image-left.js-intersected  { animation: rise 1s ease forwards;  }
.overview-wrap > .wp-block-group__inner-container .overview-image-right.js-intersected   { animation: rise 1s ease forwards;   }

@media only screen and (min-width:38.5em) {
	.overview-wrap > .wp-block-group__inner-container{ padding-left:  3rem; padding-right:  3rem;  }
}

@media only screen and (min-width:68.5em) {
    .overview-left h2 { margin-top: 1.5em }
    .overview-right h2 { margin-top: 1.5em }
    
    .bio-name { opacity: 0; transform: translateX(2em); transition: all 1s ease; }
    .bio-box.js-intersected .bio-name { opacity: 1; transform: translateX(0); }
    
	.page-id-110 .contact-wrap { display: block;  }
	.page-id-110 .contact-right { max-width: 30em; margin: -2.5em auto 0 auto; }
	.page-id-110 .contact-details { display: flex; justify-content: space-between; padding-bottom: 5em ; }
	.contact-details-left { max-width: 50%; padding-right: 2em; padding-left: 2em; padding-right: 2em;}

	.about-image-bar { margin-bottom: 8em; display: block; position: relative; }
	.about-image-bar:after { content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: #fff; transition: all 1s ease; }
    .js-intersected.about-image-bar:after { width: 0% ; } 
	.about-image-bar img { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); margin-top:  -.5em;  }
	.about-image-one { transform: rotate(-5.94deg); z-index: 1; opacity: 0; transition: all .5s 1s ease;} 
	.about-image-two { transform: rotate(8.58deg); z-index: 2; margin-top: -2em; opacity: 0; transition: all .5s 1.5s ease;} 
	.about-image-three { transform: rotate(-2.78deg); z-index: 3; opacity: 0; transition: all .5s 2s ease;} 
	.about-image-four { transform: rotate(8.84deg); z-index: 2; opacity: 0; transition: all .5s 2.5s ease;} 
	
	.js-intersected.about-image-bar .about-image-one { opacity: 1; } 
	.js-intersected.about-image-bar .about-image-two { opacity: 1; } 
	.js-intersected.about-image-bar .about-image-three { opacity: 1; } 
	.js-intersected.about-image-bar .about-image-four { opacity: 1; } 

	.about-image-bar > .wp-block-group__inner-container {display: flex; }

	.provider-logos > .wp-block-group__inner-container { display: flex; justify-content: space-between; }
	.provider-logos img { max-width: 10em; margin: .5em 0; display: block; }

	.overview-wrap > .wp-block-group__inner-container{  margin-top: 2em; margin-bottom: 8.5em;  flex-flow:  row; justify-content: space-between;}
	.page-id-250 .overview-wrap > .wp-block-group__inner-container { margin-bottom: 1.5em; }

    .overview-wrap > .wp-block-group__inner-container .overview-left { padding-right:  3em; position: relative; position: relative; z-index: 1; }
    .overview-wrap > .wp-block-group__inner-container .overview-right { padding-left: 1.5em; padding-right: 1em; position: relative; z-index: 1;  }

    .overview-wrap > .wp-block-group__inner-container .overview-left:before { content: ''; position: absolute; left: -2em; top: 1em; right:  5em; width: 115%; height: 100%; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); z-index: -1; }
    .overview-wrap > .wp-block-group__inner-container .overview-right:before { content: ''; position: absolute; left: -4em;right: 0;z-index: -1; top: 0; width: 115%; height: 100%; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); z-index: -1; }

    /*.overview-wrap > .wp-block-group__inner-container  .overview-image-left { margin-left:  3rem; }
    .overview-wrap > .wp-block-group__inner-container  .overview-image-right { margin-right: 3em; }*/

    .entry-content .overview-left h2{ margin-bottom: .5em; }
    .entry-content .overview-right h2{ margin-bottom: .5em; }
    
    .overview-wrap > .wp-block-group__inner-container .overview-image-left {  order: 0 ; margin-top: -1em; max-width: 27em; width:  100%; height: 100%;  z-index: 10; flex-shrink: 0;  }
    .overview-wrap > .wp-block-group__inner-container .overview-image-right  {  order: 0 ; margin-top: -.5em ; max-width: 27em; width: 100%; z-index: 10; flex-shrink: 0;  }

    .page-id-245 .overview-wrap > .wp-block-group__inner-container .overview-image-right { margin-top: 3em; }
    .page-id-250 .overview-wrap > .wp-block-group__inner-container .overview-image-right { margin-top: 3em; }
    .page-id-250 .overview-wrap > .wp-block-group__inner-container .overview-image-left { margin-top: 3em; }
   

    .overview-wrap > .wp-block-group__inner-container .overview-image-left img {  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);}
    .overview-wrap > .wp-block-group__inner-container .overview-image-right  img {  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);  }

    .overview-wrap > .wp-block-group__inner-container .overview-image-left img { max-width:  25em ; width:  100%; margin-right: 2em; }
    .overview-wrap > .wp-block-group__inner-container .overview-image-right img { max-width:  25em ; width: 100%; }

    .page-id-242 .overview-wrap > .wp-block-group__inner-container .overview-left { padding-top: 3em; }

    /* phonak page */
    .page-id-250 .overview-wrap > .wp-block-group__inner-container .overview-left:before { box-shadow: none; }
    .page-id-250 .overview-wrap > .wp-block-group__inner-container .overview-right:before { box-shadow: none; }
	.page-id-250 .overview-wrap > .wp-block-group__inner-container .overview-image-left img { box-shadow: none; }
    .page-id-250 .overview-wrap > .wp-block-group__inner-container .overview-image-right  img { box-shadow: none; }

    
    .manuf-top > .wp-block-group__inner-container { flex-flow: row;  }
    .manuf-logo { order: 0; margin-top:  3em; }
    .manuf-left { max-width: 65%; margin-right: 2em; }
    .manuf-logo { max-width: 30%; }

    /* bha page */
    .page-id-245 .overview-wrap > .wp-block-group__inner-container .overview-left:before { box-shadow: none; }
    .page-id-245 .overview-wrap > .wp-block-group__inner-container .overview-right:before { box-shadow: none; }

	.overview-wrap > .wp-block-group__inner-container .overview-image-left { max-width: fit-content; }
    .overview-wrap > .wp-block-group__inner-container .overview-image-right { max-width: fit-content; }

    .bha-one { border-radius: 50%; width: 16em;height: 15em;background: rgba(54, 136, 164, 0.2); opacity:  0; transform:  translateY(1em); }
    .bha-one.js-intersected { animation: rise .5s ease forwards }
    .bha-two { border-radius: 50%; width: 16em;height: 15em;background: rgba(54, 136, 164, 0.2); opacity:  0; transform:  translateY(1em);}
    .bha-two.js-intersected { animation: rise .5s ease forwards }
    .bha-three { border-radius: 50%; width: 16em;height: 15em;background: rgba(54, 136, 164, 0.2);opacity:  0; transform:  translateY(1em); }
    .bha-three.js-intersected { animation: rise .5s ease forwards }

    .bha-squares > .wp-block-group__inner-container { display: flex; flex-flow: wrap; }
    .bha-square { width: 50%; padding-right: 2em; }

    .bha-one svg path { stroke-dasharray: 1018; stroke-dashoffset: 1018; }
    .bha-one.js-intersected svg path { animation:  dash 2.5s .75s ease forwards; }

    .bha-two svg path { stroke-dasharray: 1018; stroke-dashoffset: 1018; }
    .bha-two.js-intersected svg path { animation:  dash 2.5s .75s ease forwards; }

    .bha-three svg path { stroke-dasharray: 1018; stroke-dashoffset: 1018; }
    .bha-three.js-intersected svg path { animation:  dash 2.5s .75s ease forwards; }

    /* about page */
    .bio-box { padding: 2em 6em 2em 8em; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); margin-bottom: 6em; }
    .bio-image { position: absolute; left: -4em; top: -3em; }
    .entry-content .about-heading { margin-bottom: 3em;  }
    .entry-content h2.bio-name { margin-top: .5em ; }
    .about-page-contain > .wp-block-group__inner-container{ margin: 3em auto 6.5em auto; }

    .page-id-233 .overview-wrap > .wp-block-group__inner-container .overview-right { padding-right: 4em; }
    .page-id-265 .overview-wrap > .wp-block-group__inner-container .overview-right { padding-right: 4em; }
    .page-id-242 .overview-wrap > .wp-block-group__inner-container .overview-right { padding-right: 4em; }
    
  
}

@media only screen and (min-width:82.5em) {
	.overview-wrap > .wp-block-group__inner-container{ padding-left:  calc(50% - 30rem); padding-right:  calc(50% - 30rem);  }

    .page-id-233 .overview-wrap > .wp-block-group__inner-container .overview-image-left img{ margin-left: -6em ; width: 25em; }
    .page-id-265 .overview-wrap > .wp-block-group__inner-container .overview-image-left img{ margin-left: -6em ; width: 25em; }
    .page-id-242 .overview-wrap > .wp-block-group__inner-container .overview-image-left img{ margin-left: -6em ; width: 25em; }
    
    .overview-wrap > .wp-block-group__inner-container .overview-right:before { width: 105%;} 
    
  
}


/*--------------------------------------------------------------
# Menu - Small Screen
--------------------------------------------------------------*/
@media only screen and (max-width: 68.49em) {
    .menu-arrow { display: none; }
	.menu-buttons a:nth-child(2) svg { margin-left: .5em; }
	.menu-buttons a:nth-child(3) svg { margin-left: .5em; }
	.menu-buttons {
		background:  #3688A4;
		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:  1px solid #fff;
	}

	.menu-button {
		color: #fff;
		background:  #3688A4;
		display: block;
		flex: 0 1 auto;
		border-left: 1px solid #fff;
		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:  #3688A4;
	}

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

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

	.menu-tab {
		background: #03698B;
		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;
	}

	#primary-menu ul {
		background: #005D7D;
	}

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

	#primary-menu a {
		color: #fff;
		display: block;
		position: relative;
		padding: 0.5em 2.5em 0.5em 1.5em;
	}

	#primary-menu a:hover {
		background: #3688A4;
		color: #fff;
	}

	#primary-menu .menu-item-has-children>a:after {
		content: '';
		position: absolute;
		top: .5em;
		right: 1.5em;
		/*border-style: solid;
		border-color: transparent;
		border-top-color: #fff;
		border-width: 0.5em 0.4em 0 0.4em;*/
		/* top: 1.05em;
		right: 1.5em; */
        background: url('./images/arrowwhite.svg') no-repeat;
        width:  1em; 
        height:  1em;
        transform: rotate(180deg);
		transition: all 200ms;
	}

	#primary-menu .js-active>a:after {
		transform: rotate(0deg);
		top: 1.25em;
		right: 1em;
	}

	#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;
	}
	
	.menu-search-form li { 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;
		width: 100%;
		line-height: 1.5;
		background: #eee;
		-webkit-appearance: textfield;
	}

	.menu-search-form .search-submit {
		padding: 0.5em 1em;
		line-height: 1.5;
		color: #fff;
		background: #FF6121;
	}
	.mobile-top-nav .top-nav a svg { color: #FF6121 }
    .mobile-top-nav .top-nav ul { margin: 0 ;  }
    .mobile-top-nav .top-nav li { list-style: none; }
    .mobile-top-nav .top-nav li a { font-size:  1.25em ;color:  #FF6121; background: #fff; text-align: center; border-radius: 5px; padding:  .5em 1em; display:  block; margin: 1em auto; max-width: 90%;}
 
    .mobile-logo{ max-width: 13em; margin: 1em auto; } 
}

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

	#menu {
		position: -webkit-sticky;
		position: sticky;
		top: -.1em;
		z-index: 999;
		background: #3688A4 ;
	}

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

	#primary-menu {
		background: transparent;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		position: relative;
		text-align: center;
		padding-left: 2rem;
		padding-right: 2rem; 
	}



	#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: #595959;
		display: block;
		position: relative;
		padding: 0.6em 0.5em;
		text-align: left
	}

	#primary-menu a:hover {
		/*color: #595959;*/
		background: #eee;
	}

	#primary-menu>li>a {
		color: #fff;
		text-align: center;
		font-size: 1.2em;
	}

	#primary-menu>li>a:focus,
	#primary-menu>li>a:hover,
	#primary-menu>.js-active>a {
		color: #fff;
		background: #03698B;
	}

	#primary-menu>.menu-item-has-children>a:after {
		content: '';
		display: inline-block;
		vertical-align: top;
		margin: 0.55em 0 0 0.5em;
		background: url('./images/menuarrow.svg') no-repeat;
        top: 0;
        right: -1em;
        width: .6em;
        height: .6em;
        transition: all 200ms
	}

	#primary-menu>.js-active>a:after,
	.nojs #primary-menu>li:hover>a:after {
		transform: rotate(90deg);
    }

	/*#primary-menu > li > a > svg { color:  red; }*/
	/* #primary-menu li.js-active > a > svg { transform: rotate(45deg); } */

	#primary-menu>.menu-item-has-children>ul {
		position: absolute;
		top: 100%;
		left: 50%;
		z-index: 10;
		margin-left: -6.5rem;
		padding: 1rem 0;
		width: 13rem;
		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;
	}
	
	.mega-three svg { position: absolute; left: 0.6em; top: 0.4em; }
	.mega-three .menu-arrow { position: absolute; width: 1.5em; height: 1.5em; top: 20%; right: .5em; background: #03698B; border-radius: 50%; transition: all .5s ease; }
    .mega-three.js-active .menu-arrow { background: #FF6121 ; }
    .mega-three:hover .menu-arrow { background: #FF6121 ;  }

	#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: 1.4em;
		color:  #03698B;
	}

	#primary-menu ul a:hover {
		background: rgba(54, 136, 164, .2);
	}
	
	#primary-menu ul a:focus {
		background: rgba(54, 136, 164, .2);
	}

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

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

/* new from dubuqe menu */

	#primary-menu>.mega-menu>.sub-menu,
	#primary-menu>.menu-mega>.sub-menu {
		display: grid;
		grid-template-columns: 1fr;
		min-height: 38em;
		align-items: start;
		align-content: flex-start;
		padding: 1rem 1rem 1rem 0;
		right: -0;
		left: 0;
		/* max-height: calc(100vh - 7.6em); */
		overflow: auto;
	}
	
	#primary-menu>.mega-menu>.sub-menu>li>.sub-menu {
		position: absolute;
		top: 1rem;
		right: 5em;
		width: 58%;
		/* height: 80vh; */
		display: none;
		gap: 1rem;
	}
	#primary-menu>.mega-menu>.sub-menu>li.js-active>.sub-menu {
		display: flex;
	}
	#primary-menu>.mega-menu>.sub-menu>li.js-active.no-groups>.sub-menu {
		display: block;
	}
	#primary-menu>.mega-menu>.sub-menu>li.js-active>a {
		pointer-events: none;
	}

	#primary-menu>.mega-menu>.sub-menu>li,
	#primary-menu>.menu-mega>.sub-menu>li {
		position: static;
		width: 30%;
		font-weight: bold;
		background: rgba(54,136,164,.2);
		margin: 0 .5rem .5rem 1rem;
	}
/*     #primary-menu .mega-menu>ul>li>a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #19154E; 
    left: 0;
    top: 0;
    transform: translateX(0);
    transform:scaleX(0);
    transform-origin: left;
    transition: transform .5s ease;
    z-index: -1;
} */
	#primary-menu .mega-menu>ul>li>a:hover::before,
	#primary-menu .mega-menu>ul>li>a:focus::before,
	#primary-menu .mega-menu>ul>li.js-active>a::before{
        transform:scaleX(1);
    }
	#primary-menu .mega-menu .sub-menu .sub-menu>.menu-item-has-children>a {
		font-weight: bold;
		/* border-bottom: 1px solid #3f8abf; */
		cursor: default;
		position: relative;
	}
	
	#primary-menu .mega-menu .sub-menu .sub-menu>.menu-item-has-children>a:after{
	     content: '';
	     position: absolute;
	     left: 1.25em;
	     bottom: 0; 
	     height: .25em;
	     width: 95%;
	     border-bottom: 1px solid #3f8abf;
	 }
	
	#primary-menu .mega-menu .sub-menu .sub-menu>.menu-item-has-children {
		width: fit-content;
		flex: 0 1 auto;
	}

/* old menu items overwritten by dubuque    #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: 26rem
	}

	#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
	}
	
	#primary-menu ul.sub-menu li a{ font-size: 1em; font-weight: 400; }
}

@media only screen and (min-width:82.5em) {
	.primary-menu>.menu-full>ul {
		left: calc(50% - 30rem);
		right: calc(50% - 30rem);
	}
	
	#primary-menu { padding-left: 6.5rem; padding-right: 6.5em; }
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.entry-sidebar .entry-content,
.entry-no-sidebar .entry-content {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.single-location .entry-content { padding-top: 3rem; }

.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-top: 3rem;
	    padding-bottom: 3rem;
    }
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.entry-sidebar .widget-area {
	margin: 0 auto;
	/* padding-top: 3rem; */
	padding-bottom: 3rem;
	max-width: 24rem;
}
.widget {
	display: block;
	margin: 0 0 1.5em 0;
}
.widget:last-child {
	margin-bottom: 0;
}
.widget-title {
	margin: .75em 0 0.7rem 0;
	position: relative;
	font-family: 'Fira Sans Condensed';
	font-size: 1.4em; 
}
.widget-title:before { content: ''; position: absolute; top: -.5em; left: 0; right: 0; margin: auto; width: 2em; height: .25em; border-top: 2px solid #9BC3D1;  }

.gform_widget { padding: 1em; background: #03698B; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);}
.widget-title { text-align: center; color: #fff; font-weight: 400;   }
.gfield_label { color: #03698B }
.gform_description p { color: #fff; font-size: .8em; line-height: 1.5; }

.gform_required_legend { display: none;  }
.widget_categories { padding: 1em; background: #03698B; }
.widget_categories a { color: #fff; }
.widget_categories li {list-style: none;}

@media only screen and (min-width:68.5em) {
    .contact-wrap .gform_description p {  font-size: .9em; }
    
    .gform_description p { color: #fff; font-size: .7em; line-height: 1.71; }
    
	.main-header { padding: 2em 1em 6.5em 1em;}

	.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%;
		width: 21rem;
		padding-top: 3rem;
	}
	#secondary .gform_widget {
		position: -webkit-sticky;
		position: sticky;
		top: 4.5rem;
	}
	.widget-title{
		font-size: 1.6em; 
	}
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer { padding-top: 1em;  background: #03698B; font-family:   'Source Sans Pro', sans-serif;}
footer a { color: #fff; font-size: .85em; }
footer p { color: #fff; }
footer h3 { color: #fff; font-family: 'Fira Sans Condensed', sans-serif ; font-size: 1.1em; position: relative; margin-bottom: 2em; font-weight: 400;}
footer h3:after { content: ''; position: absolute; left: 0; bottom: -.75em; width: 100%; height: .25em; border-bottom: 2px solid #9BC3D1; }
.footer-logo-social { max-width: 18em; margin: 0 auto; }
.social-links, .footer-links { display: none; }
.footer-social { display: flex; justify-content: space-between; width:  14em; margin-top: 2em; margin-bottom: 3em;  }
.footer-locations { max-width: 18em; margin: 0 auto;  }
.site-info { text-align:  center; color: #fff; padding-top: 2em; padding-bottom:  2em; margin-top:  2em; border-top: 1px solid #fff;  }
.site-info p { font-size: .7em; }
.site-info a { font-size: .7em; }
/*.secondary-navigation .menu { margin-left: 0;  }*/
.copyright { font-size: .7em ;  }
.copyright-navigation .menu {  margin-left: 0; padding: 1em 0 ; display:  flex; flex-wrap:  wrap; justify-content: center;}
.copyright-navigation .menu li { list-style: none; width:  33%; position:  relative;}
.copyright-navigation .menu li:after { content:'|'; position: absolute; right: -.25em ; top: -.15em ; height: 1em; width: .5em; color: #fff;   }
.copyright-navigation .menu li:nth-child(3):after { display: none; }
.copyright-navigation .menu li:nth-child(5):after { display: none; }

.footer-address { position: relative; padding-left: 1em; margin-bottom:  1em; }
.footer-phone { position: relative; padding-left: 1em; }
.footer-address:before {content:  ''; position: absolute; left: -.25em;top: .25em;height: 2.5em; width:  1em; background: url('./images/footerarrow.svg') no-repeat;}
.footer-phone:before { content:  ''; position: absolute; left:  0; top: .25em; height: 2em; width: 1em; background: url('./images/footerphone.svg') no-repeat; }

footer a { position: relative; display:  block; }
footer a:hover { color: #fff; }
footer a:before { content:''; position: absolute; left: 0 ; bottom: 0; height: .1em; width: 0%; background: #fff; transition: all .5s ease;  }
footer a:hover:before { width: 100%; }
footer a:focus:before { width: 100%; }

footer .footer-social a { font-size: .9em; }
.footer-social a svg { margin-top: -.25em; }

.footer-locations-wrapper ul { margin-left: 0;  }
.footer-locations-wrapper ul li { list-style: none; position: relative; margin-left:  1.25em; }
.footer-locations-wrapper ul li:before { content: ''; position: absolute; /*left: -1em; top: .25em;*/left: -1.25em; top: .35em;  width: 1em; height: 1em; background: url('./images/orangearrow.svg') no-repeat;  }

.footer-locations-wrapper ul li a span { display: none; }

.footer-logo { max-width: 11em; margin: 1em auto; }

footer .footer-locations-wrapper ul li a.footer-city-state { font-size: .7em; }

.single-location .location-hours { color: #03698B ; } 


.loc-address { position: relative; margin-left:  1.25em; }
.loc-address:before { content: ''; position: absolute; left: -1.25em; top: .5em;  width: 1em; height: 1em; background: url('./images/orangearrow.svg') no-repeat;  }

.loc-phone { position: relative; margin-left:  1.25em; }
.loc-phone:before { content: ''; position: absolute; left: -1.25em; top: .5em;  width: 1em; height: 1em; background: url('./images/mobile.svg') center/contain no-repeat;  }

.single-location .entry-content .location-hours { position: relative; margin-left:  1.25em; }
.single-location .entry-content .location-hours:before { content: ''; position: absolute; left: -1.25em; top: .5em;  width: 1em; height: 1em; background: url('./images/orangeclock.svg') center/contain no-repeat;  }

.location-content { position: relative; padding-left:  .5em; margin-bottom:  2em; }
.entry-content .location-content p { margin: 0; line-height: 1.5; }
.location-content:before { content: ''; position: absolute; left: 0; top: 0 ; height: 100%; width: .25em; border-left: 2px solid #03698B;  }

#menu-footer-menu li a { display: inline-block; }
.footer-locations-wrapper a { display: inline-block; }

@media only screen and (min-width:68.5em) {
    footer { text-align: left; padding-bottom:  0; position: relative; overflow: hidden; z-index: 10;}
    footer h3 { font-size: 1.4em; margin-bottom: 1.25em; }
    footer h3:after { bottom: -.5em; }
    footer p {  font-size: .9em; }
    footer a {  font-size: 1em; line-height: 1.75;}
    .secondary-navigation { margin: 0;  }
    .secondary-navigation .menu li {  list-style: none;}
    .footer-cols { display: flex; justify-content: space-around; max-width:  none; }
    .footer-location { display: flex; justify-content: space-around }
    .footer-locations { width: 45%; }
    .site-info { display: flex; justify-content: space-between; padding-top:  1em; }
    .footer-logo { display: block; margin-top:  2em; position: relative; height:  5em; width: 18em; margin-right:  2em; }
    .footer-logo:after { content: ''; position: absolute; bottom: .5em; left: 2em; width: 82.5%; height: .25em; border-bottom: 1px solid #fff; }
    .footer-social{ margin-top: 1.5em; text-align: right; display: flex; }
    .footer-social a {padding:  .5em;}

    #menu-footer-menu{ margin: 0;  }
    #menu-footer-menu li a:before { bottom: 0; height: .1em;   }

    .footer-logo:after { display: none; }

    .footer-logo-social { max-width: none; margin: 0; }
    .footer-locations { width: 100%; max-width: none; margin: 0;  }
    .footer-links { display: block; flex-shrink: 0; margin-left: 2em;}
   /* .footer-location-col { padding: 0 4em; }*/
   
   .copyright-navigation .menu li { width: 100%; }

   .footer-locations-wrapper ul li { display: block; flex-shrink: 0; width: 12em; }
   .footer-locations-wrapper ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
   .footer-locations-wrapper ul li:before { left: -1.25em; top: .35em; }
   footer .footer-locations-wrapper ul li a { font-size: .9em; }

    /* copyright section */
    #menu-copyright-menu { display: flex; margin-top: 0; margin: 0 ;  }
    #menu-copyright-menu li {  position: relative; list-style: none;}
    #menu-copyright-menu li:after { content:'|'; position: absolute; right: -.25em ; top: -.15em ; height: 1em; width: .5em; color: #fff;   }
    #menu-copyright-menu li:last-child:after {  content: '';  }
    .copyright-navigation ul li a {  padding: 0 1em; }
    .site-info { display: flex; justify-content: space-between;  padding-bottom: 0; margin: 2em 0 0 0 ; max-width: none; text-align: left; }
    .copyright-navigation .menu { padding: 0 ; flex-wrap: nowrap; justify-content: initial; }
    .copyright { max-width: none; margin: 0 ; font-size: .8em ;  }
    .copyright-navigation { max-width: none; margin: 0 ; }
    .location-hours { font-size: .9em; }
    .copyright-navigation .menu li:nth-child(3):after { display: block; }
    .site-info p { font-size: .8em; }
    .site-info a { font-size: .8em; line-height: 1.75;}

    .single-location .location-hours { font-size: 1em; } 

}

@media only screen and (min-width:82.5em) {
    
         .footer-locations-wrapper ul li { width: 16em; }
         footer .footer-locations-wrapper ul li a { font-size: 1em; }
}

/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/

@keyframes basicAnimation{
	to{
		opacity:  1; 
		transform: translateX(0);
	}
}

.home-header { background: url('./images/home-header.jpg') center/cover no-repeat; padding-top:  3.5em; padding-bottom: 4.5em; position: relative; z-index:  10; overflow: hidden; }
.home-header:before { content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(6, 72, 95, 0.8); z-index: -1; }
.compassionate { display: block; font-size: 2.2em; line-height: 1.20; font-family: 'Fira Sans Condensed', sans-serif; opacity:  0; transform:  translateX(-2em); animation:  basicAnimation 2s 1.5s ease forwards; }
.specialized { display:  block; opacity:  0; transform:  translateX(-5em); animation:  basicAnimation 2s 2s ease forwards; font-size: 1.2em; }
.home-header-content { color: #fff; text-align: center; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); font-family: 'Fira Sans Condensed', sans-serif; display: block; }

.home-sub-header { padding: 1em; }
.home-sub-header-welcome { font-family: 'Fira Sans Condensed', sans-serif; color: #03698B; line-height: 1.25; margin-bottom:  0; position: relative; display:  block; display:  flex; }
.line {  width: 0%; height: .25em; border-top: 1px solid #9BC3D1; margin-top: 0.65em; margin-left: .25em; transition:  all 2s ease; }
.home-sub-header.js-intersected .line { width: 100%; }
.welcome { font-size: .8em; flex-shrink: 0;}
.home-sub-header h1 { font-family: 'Fira Sans Condensed', sans-serif; color: #03698B; margin-top: .5em; font-weight: 400; font-size: 1.4em;  line-height:  1.29}


.home-sub-header .button { display: block; padding: 1em; text-align: center; border: 1px solid #FF6121;  margin: 1em auto; max-width: 13em;}
.about-button { color: #fff; background: #FF6121 ; }
.about-button:hover { color: #FF6121 ; background: #fff ; }
.about-button:focus { color: #FF6121 ; background: #fff ; }

.cta-wrap { max-width: 30em; margin: 0 auto 4em auto; overflow: hidden; }
.cta-content{ padding: 1em 1em 3em 1em; margin: 1em; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); }
.cta-content h2 { font-size: 1.4em; line-height: 1.29 ; margin-top: 1em; font-weight: 400; font-family: 'Fira Sans Condensed', sans-serif; position: relative; }
.cta-content h2:before { content: ''; position: absolute; top: -.5em; left: 0; width: 2.5em; height: .25em; border-top: 2px solid #9BC3D1 ; }
.cta-button { color: #FF6121; border: none; font-weight: 700; text-align: left; font-size: .9em; }
.cta-button-arrow { width:  1em; height:  1em; background: #FF6121; border-radius: 50%; display: inline-block; margin-top: .5em; margin-left: .75em; transition:  transform .5s ease;}
.cta-button-arrow svg { width: .6em; height: .6em; margin-top: -1.1em; transform: rotate(90deg); margin-left: .225em;  }
.cta-ent-image { margin-top: -3em; }
.cta-ent-image img{ box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); }

.cta-image { transition:  all 1s ease; opacity:  0; transform:  translateX(4em);  }
.cta.js-intersected .cta-image { opacity:  1; transform:  translateX(0); }

.cta:nth-child(2) .cta-image { transition:  all 1s ease; opacity:  0; transform:  translateX(-4em);  }
.cta:nth-child(2).js-intersected .cta-image { opacity:  1; transform:  translateX(0); }

.contact { padding:  6em 1em; background: url('./images/crosses-bg-1920-fix.svg') center/cover no-repeat; }
.contact-wrap { max-width: 18em ; margin:  0 auto; }
.contact-left { background: #fff; padding:  1em; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); margin-left: 1.5em; margin-right: 1.5em; }
.contact-left h2 {font-family: 'Fira Sans Condensed', sans-serif;font-size:  1.4em ; line-height:  1.29; font-weight:  400; color:  #03698B; position: relative; margin-bottom:  .5em; text-align: center; margin-top: .75em;}
.contact-left h2:before { content: ''; position: absolute; top: -.5em; left: 0; right:  0; margin:  auto; width: 2.5em; height: .25em; border-top: 2px solid #9BC3D1 ; }
.contact-right { background: #03698B; padding:  1em; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); }
.entry-content .contact-right p { color: #fff; }

.locations-map-wrapper { overflow: hidden; }

.main-heading { text-align:  center; margin-bottom:  1.5em; color: #326e99; font-size: 1.4em;line-height: 1.29; margin-top: 1em; font-weight: 400; font-family: 'Fira Sans Condensed', sans-serif; position: relative; }
.main-heading:before { content: '';position: absolute;top: -.5em;left: 0; right:  0; margin:  auto; width: 2.5em;height: .25em;border-top: 2px solid #9BC3D1; }

.panel-title a span { display: block; font-size: .8em; }


@keyframes bgAnimate{
	to{
		transform:  translateX(0);
	}
}

@media only screen and (min-width:68.5em) {
	.home-header { padding-top: 10.5em; padding-bottom: 12.9em;}
	.home-header:before {  left: 0; width:  42.5%; height: 100%; transform:  translateX(-100%); animation:  bgAnimate 1s 1s ease forwards; }
	.home-header-content { text-align: left; font-size: 2.6em; }
	.compassionate { font-size: 2.3em ; }
	.specialized { font-size: 1.15em; }

	.home-sub-header-right { margin-left: 45%; margin-top:  5em; max-width: 37em; margin-bottom: 4em; position: relative;}
	.home-sub-header { position: relative; }
	.home-sub-header:before { content: ''; position: absolute; background: url('./images/sub-header-logo.svg') no-repeat; width:  38em; height:  23em; left:  0; top:  0; }
	.home-sub-header  p { font-size: 1em; line-height: 1.90; }
	.home-sub-header .button { display: inline-block; margin-right: 2em; }
	.welcome { font-size: 1em; }
	.home-sub-header h1 { font-size: 2em;}

	.cta-wrap { max-width: 75em; }
	.cta { display: flex; margin-bottom: 5em; margin-left:  3em; }
	.cta:nth-child(2){ flex-flow: row-reverse; margin-left:  0; margin-right: 3em; }
	.cta:nth-child(2) .cta-ent-image { margin-left: 0; margin-right: -3em;  }
	.cta:nth-child(2) .cta-content { padding: 3em 3em 2em 5em; }

    .cta-image { align-items: center; display: flex; max-width: 34rem; width: 100%;  }
    .cta.js-intersected .cta-image { opacity:  1; transform:  translateX(2em); }
    .cta:nth-child(2).js-intersected .cta-image { opacity:  1; transform:  translateX(-2em); }

	.cta-ent-image { flex-shrink: 1; margin-top:  0; margin-left: -3em;}
	.cta-content { padding: 3em 5em 3em 3em; flex-shrink:  4; }
	.cta-content h2 { font-size: 2em; }
	.cta-content p { font-size: 1em; line-height: 1.9; }
	.cta-content .cta-button { font-size: 1.2em; }

	.cta:hover .cta-button-arrow { transform: translateX(1em); }
	.cta:focus .cta-button-arrow { transform: translateX(1em); }

	.contact-wrap { max-width: 60em ; display: flex; }
	.contact-left { display: flex; flex-flow:  column; align-items: center; text-align: center; height:  24em; max-width: 33em; padding: 4em 2em 2em 2em ; margin-left: 0;margin-right: 0;margin-top: 2em;}
	.contact-left h2 { font-size: 2em ; }
	.contact-left p { font-size: 1.2em; line-height: 1.83; }
	.contact-right { padding: 2em;  }
	.entry-content .contact-left p { font-size: 1.2em; line-height: 1.83; }
	.entry-content .contact-right p { font-size:  .85em; line-height:  1.65; }


	.location-heading{ font-size: 2em; }
}

@media only screen and (min-width:82.5em) {
	.cta-content { flex-shrink:  1; }
	.cta-ent-image { flex-shrink: 0; }
}

/*--------------------------------------------------------------
# Site Fonts
--------------------------------------------------------------*/

/*

font-family: 'Source Sans Pro', sans-serif;
font-family: 'Fira Sans Condensed', sans-serif;

*/

.entry-content h2 {font-family: 'Fira Sans Condensed', sans-serif;font-size:  1.4em ; line-height:  1.29; font-weight:  400; color:  #03698B; position: relative; margin-bottom:  .5em; }

.entry-content h2:before { content: ''; position: absolute; top: -.5em; left: 0; width: 0; height: .25em; border-top: 2px solid #9BC3D1 ; transition:  width 1s ease; }
.entry-content h2.js-intersected:before {  width: 2.5em; }

.entry-content h3 {font-family: 'Fira Sans Condensed', sans-serif; font-size:  1.1em ; line-height: 1.36 ; font-weight:  400; color:  #3688A4;}
.entry-content h4 {font-family: 'Fira Sans Condensed', sans-serif;  font-size:  1em ; line-height: 1.36 ; font-weight:  400; color:  #3688A4;}
.entry-content h5 {font-family: 'Fira Sans Condensed', sans-serif;  font-size:  1em ; line-height: 1.36 ; font-weight:  400; color: #3688A4;}
.entry-content h6 {font-family: 'Fira Sans Condensed', sans-serif; font-size:  1em ; line-height: 1.36 ; font-weight:  400; color: #3688A4;}

p { font-family:  'Source Sans Pro', sans-serif; font-size: .85em ; line-height: 1.88; color:  #4A4A4A; }
/*ul li { font-family:  'Source Sans Pro', sans-serif;  font-size: .85em ; line-height: 1.88; color:  #03698B; list-style: none; position: relative;}
ol li { font-family:  'Source Sans Pro', sans-serif;  font-size: .85em ; line-height: 1.88; color:  #4A4A4A;}*/

.entry-content p { font-family:  'Source Sans Pro', sans-serif; font-size: .85em ; line-height: 1.88; color:  #4A4A4A; }
.entry-content ul li { font-family:  'Source Sans Pro', sans-serif;  font-size: .85em ; line-height: 1.88; color:  #03698B; list-style: none; position: relative;}
.entry-content ol li { font-family:  'Source Sans Pro', sans-serif;  font-size: .85em ; line-height: 1.88; color:  #4A4A4A;}

.entry-content a { color:   #FF6121 ; }

.entry-content a.page-numbers { color:  #fff ; }

.entry-content ul li:before { content: ''; position: absolute; top: .75em; left: -1em; width: .4em; height: .4em; border-radius: 50%; background: #03698B;  }
.entry-content ul {margin: 0 0 0 1em;}

.entry-content a {
    text-decoration: underline;
}
.entry-content a:hover {
    text-decoration: underline #FF6121 2px double;
}

.page-id-115 .entry-content a:hover {
    text-decoration: none;
}

.entry-content .button, .entry-content .wp-block-button__link,
.entry-content .button:hover, .entry-content .wp-block-button__link:hover {
    text-decoration: none;
}

.gform_submission_error { font-family: 'Fira Sans Condensed', sans-serif; font-size: 1.4em;line-height: 1.29; font-weight: 400;color: #FF6121; position: relative;margin-bottom: .5em; }
.entry-content .gform_submission_error { color: #FF6121; }

@media only screen and (min-width:68.5em) {
	.entry-content h2 { font-size:  2em ; line-height: 1.2; margin-bottom:  1em;}
	.entry-content h3 { font-size:  1.4em ; line-height: 1.29; }
	.entry-content h4 { font-size:  1.2em ; line-height: 1.29; }
	.entry-content h5 { font-size:  1.2em ; line-height: 1.29; }
	.entry-content h6 { font-size:  1.2em ; line-height: 1.29; }

	.entry-content p { font-size: 1em ; line-height: 1.9; }
	.entry-content ul li { font-size: 1em ; line-height: 1.9; }
	.entry-content ol li { font-size: 1em ; line-height: 1.9; }

}

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


.content-cta { padding-top: 2em; margin-top:  1em; border-top: 1px solid #3688A4; }
.content-cta p{ text-align: center; }

.single-location iframe { border: 1px solid #03698B; }

/* 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: #eee;
}
.entry-content .search-submit {
	padding: 0.5em 1em;
	line-height: 1.5;
	color: #fff;
	background: #FF6121;
}
.entry-search .no-results {
	margin: 2rem 0;
	text-align: center;
	color: #cc2d3f;
}

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

.page-id-115 .main-heading { margin-top: 1.5em; margin-bottom: 1.5em;  }

@media only screen and (min-width:68.5em) {
	.content-cta { padding-left: 3em; padding-right: 3em;  }
	/* loc page */
	.loc-page-wrapper { display: flex; justify-content: space-between; }
	.loc-page-right { margin-right: 10%; }
}

@media only screen and (min-width:82.5em) {
	/* loc page */
	
	.loc-page-right { margin-right: 25%; }
}

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