/*
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.4
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
--------------------------------------------------------------*/


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

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

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

@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: #fff;
	background: #32373c;
	display: inline-block;
	vertical-align: middle;
	border-radius: 0.25em;
	padding: 0.5em 1em;
	font-size: 1em;
	font-weight: bold;
	line-height: normal;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: all 300ms;
}

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

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

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

.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-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 {
	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
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Menu - Small Screen
--------------------------------------------------------------*/
@media only screen and (max-width: 68.49em) {
	.menu-buttons {
		background: #222;
		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%;
	}

	.menu-button {
		color: #fff;
		background: #222;
		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: #444;
	}

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

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

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

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

	#primary-menu .menu-item-has-children>a:after {
		content: '';
		position: absolute;
		top: 1.05em;
		right: 1.5em;
		border-style: solid;
		border-color: transparent;
		border-top-color: #fff;
		border-width: 0.5em 0.4em 0 0.4em;
		transition: all 200ms;
	}

	#primary-menu .js-active>a:after {
		transform: rotate(-180deg);
	}

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

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

	#menu {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 999;
		background: #9b9b9b;
	}

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

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

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

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

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

	#primary-menu>.menu-item-has-children>a:focus {
		outline: 1px dotted !important;
	}

	#primary-menu>.menu-item-has-children>a:after {
		content: '';
		display: inline-block;
		vertical-align: top;
		margin: 0.55em 0 0 0.5em;
		border-style: solid;
		border-color: transparent;
		border-top-color: #fff;
		border-width: 0.3em 0.25em 0 0.25em;
		transition: all 200ms
	}

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

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

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

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

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

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.entry-sidebar .entry-content,
.entry-no-sidebar .entry-content {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.entry-content > :first-child, .entry-content > script:first-child + * { margin-top: 0; }

/*--------------------------------------------------------------
# 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;
}
.widget-title {
	margin: 0 0 0.7rem 0;
}

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

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

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

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

/* 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: #777;
}
.entry-search .no-results {
	margin: 2rem 0;
	text-align: center;
	color: #cc2d3f;
}

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

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