/*
Theme Name: Fuel5 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: 5.0.6
Text Domain: fmj
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Custom Properties
# Fonts
# Normalize
# Fuel Normalize
# Custom Elements
# Forms
## Search Form
# Accessibility
# Header
# Footer
# Location Section
# Contact Section
# Animations

# Print
# IE11 Notice
--------------------------------------------------------------*/

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

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

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

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

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


/*--------------------------------------------------------------
# Custom Properties
--------------------------------------------------------------*/
:root {
	/* Structure */
	--contain-padding: 9vw;

	/* Design */
	--primary-color: #98002E;
	--accent-color: #CFAB7A;
    --green-color: #05818A;
    --lt-blue-color: #65C8FF;

	/* Text */
	--title-font: 'Lora', sans-serif;
	--title-color: var(--primary-color);

	--content-font: 'Montserrat', sans-serif;
	--content-color: #000;

	/* Accessibility */
	--outline-color: #69F;
}

@media (min-width: 91.5em){
	:root {
		/* Structure */
		--contain-padding: calc(50vw - 30rem);
	}
}

@media (min-width: 120em){
	:root {
		/* Structure */
		--contain-padding: 18rem;
	}
}


/*--------------------------------------------------------------
# Normalize v8.0.1
--------------------------------------------------------------*/
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[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:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}


/*--------------------------------------------------------------
# Fuel Normalize
--------------------------------------------------------------*/
*, *::before, *::after { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html { font-family: sans-serif; font-size: 125%; line-height: 1.5; -webkit-overflow-scrolling: touch; }
body {position: relative;min-width: 18rem;font-family: var(--content-font);font-size: clamp(0.9rem, 1.25vw, 1rem);line-height: 1.5;color: var(--content-color);background: #f5f5f5;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 0.5em 0;font-family: var(--title-font);font-weight: 400;line-height: normal;/* color: var(--title-color); */}
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 0.8em; }

@media (min-width: 68.5em) { 
    h1 { font-size: 2em; }
    h2 { font-size: 1.6em; }
    h3 { font-size: 1.3em; }
    h4 { font-size: 1.1em; }
    h5 { font-size: 1em; }
    h6 { font-size: 0.8em; }
}


p {margin: 0 0 1.2rem;}
ul, ol { margin: 0; padding: 0; list-style: none; }
li { margin: 0; }
iframe, img, svg, audio, canvas, video, object, embed { vertical-align: middle; max-width: 100%; }
img, svg { height: auto; }
img { object-fit: cover; }
img[src*=".jpg"] { background: #eee; }
iframe { margin: 0 auto 3rem auto; }
figure { margin: 0; }
blockquote { margin: 0 0 1.6em; }
table { margin: 0 0 1.6em; border-collapse: separate; border-spacing: 0; width: 100%; }
th { font-weight: bold; }
blockquote, figcaption { font-style: italic; }
blockquote em, blockquote i, figcaption em, figcaption i { font-style: normal; }
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; }
a { text-decoration: none; color: var(--accent-color); transition: color 300ms, background-color 300ms; }
a[href^="tel:"] {white-space: nowrap;}
a:hover { color: var(--primary-color); }
a:focus {outline-offset: 0.2rem;outline-style: solid;outline-color: var(--lt-blue-color);outline-width: 1px;}
button { margin: 0; border: 0; padding: 0; color: var(--accent-color); background: transparent; cursor: pointer; }
button:hover { color: var(--primary-color); }
input { margin: 0; border: 0; padding: 0; color: inherit; background: none; }
pre, code { max-width: 100%; overflow: auto; }


/*--------------------------------------------------------------
# Custom Elements
--------------------------------------------------------------*/
#wpadminbar { background: #002B49; }
.site-wrapper { margin: auto; width: 100%; max-width: 96rem; background: #fff; }
.site-wrapper > * { width: 100%; }
.clear { clear: both; }
.contain {display: block;position: relative;margin: auto;padding-right: var(--contain-padding);padding-left: var(--contain-padding);width: 100%;}
.button, .wp-block-button__link {display: inline-block;vertical-align: middle;padding: clamp(0.4rem, 1.25vw, 0.6rem) clamp(1.6rem, 2.6vw, 2.4rem);border: 1px solid var(--content-color);font-size: clamp(0.9rem, 1.25vw, 1rem);line-height: normal;text-align: center;text-decoration: none;color: var(--content-color);cursor: pointer;transition: 300ms;}
.button:hover, .button:active, .wp-block-button__link:hover, .wp-block-button__link:active {color: #fff;background: var(--green-color);text-decoration: none;border-color: var(--green-color);}
.button:focus, .wp-block-button__link:focus {outline-offset: 0.2rem;outline-style: solid;outline-color: var(--lt-blue-color);outline-width: 1px;}
.button.green-button { color: #fff; background: var(--green-color); border-color: var(--green-color); }
.button.green-button:hover, .button.green-button:active { color: var(--green-color); background: #fff; }
.button.white-button { color: #fff; background: rgba(0,0,0,0.55); border-color: #fff; }
.button.white-button:hover, .button.white-button:active { color: var(--green-color); background: #fff; }
.icon-item {display: block;position: relative;margin: 0 0 0.8rem;padding: 0 0 0 1.8em;}
.icon-item svg { position: absolute; top: 0.15em; left: 0; width: 1.2em; height: 1.2em; }
.alert-bar .button { color: #FFFFFF; }
.wp-block-button .wp-block-button__link.wp-element-button {
    background: var(--green-color);
    color: #fff;
    border-color: var(--green-color);
    border-radius: 0;
}
.wp-block-button__link.wp-element-button:hover {
    background-image: linear-gradient(90deg, #058992 6%, #83C4C9 50%, #058992 93%);
}
@media (max-width: 48.375em) {
    .career-media-wrapper {
        display: flex;
        flex-direction: column;
    }
    .career-media-wrapper .wp-block-media-text__media {
        order: 1;
    }
    .career-media-wrapper .wp-block-media-text__content {
        order: 0;
    }
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.gform_heading { display: none; }
.gform_fields { margin: 0; }
.gfield {margin: 0 0 0.8rem;padding: 0.64rem 0.3rem;list-style: none;overflow: hidden;background: #fff;box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);position: relative;}
.gfield.fuelCAPTCHA { position: absolute; }
.gfield .medium, .gfield .large { padding: 0.2rem 0.9rem; width: 100%; color: var(--content-color); background: #fff; outline: none; }
.gfield_label {display: block;padding: 0 0.4rem 0;font-size: 0.9rem;line-height: 1;font-style: italic;}
.gform_footer { position: relative; margin-top: 0.7rem; }
button.gform_button {display: block;background: var(--green-color);border: 1px solid var(--green-color);color: #fff;margin: 3rem auto 0;position: relative;} 
.gform_button:hover {background-image: linear-gradient(90deg, #058992 6%, #83C4C9 50%, #058992 93%);}
.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: spin 1.1s infinite linear; }
.gform_confirmation_message {font-family: inherit;font-size: 1.1em;font-weight: normal;border: 2px solid green;border-radius: 0.2rem;padding: 1rem;text-align: center;color: green;background: rgba(255,255,255,0.9);}
.gform_submission_error { margin: 0 0 1rem; font-family: inherit; font-size: 0.8em; font-weight: normal; line-height: 1.5; color: #cc2d3f; }
.validation_message {padding: 0 0.4rem;font-size: 0.7em;color: #cc2d3f;position: absolute;top: 0;right: 0;}

@media (min-width: 68.5em) { 
    .gform_button { margin: 2.3rem 0 0; }
}


/*--------------------------------------------------------------
## Search Form
--------------------------------------------------------------*/
.search-form { display: flex; }
.search-form label { width: 100%; }
.search-field { padding: 0.5em 1em; width: 100%; line-height: 1.5; color: var(--content-color); background: #eee; }
.search-submit {padding: 0.5em 1em;line-height: 1.5;color: #fff;background: var(--green-color);}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
a, button, summary, .gfield { outline-style: solid; outline-color: transparent; outline-offset: 0; outline-width: 2px; }
a { outline-offset: 0.5rem; }
a:focus-visible, button:focus-visible, summary:focus-visible, .gfield:focus-within { outline-color: var(--outline-color); }
.skip-to-content { display: block; position: absolute; top: -10000rem; left: 1rem; 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: 1rem; }
.screen-reader-text { position: absolute; top: auto; left: -10000rem; height: 1px; width: 1px; overflow: hidden; }
.js-required { padding: 2rem; text-align: center; color: #000; }


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {padding-top: 1.6rem;padding-bottom: 1.8rem;text-align: center;}
.header-logo { z-index: 1; position: relative; }
.header-links { display: none; }
.header-menu, .header-phone { display: none; }
.call-or-text { display: none;}

@media (min-width: 68.5em) { 
    .header {display: grid;grid-template-areas:'logo nav''logo phone';justify-items: end;text-align: left;padding-top: 1.1rem;padding-right: 3rem;padding-bottom: 0.7rem;padding-left: 3rem;}
    .header-logo { grid-area: logo; justify-self: start; height: clamp(4rem, 8.8vw, 8.5rem);}
    .header-logo img { max-height: 100%; }
    .header-menu {grid-area: nav;display: flex;z-index: 1;list-style: none;}
    .header-menu li:nth-child(n+2) {margin-left: 1.6rem;}
    .header-menu a { color: var(--content-color); }
    .header-menu a:hover {color: var(--green-color);}
    .header-menu svg {margin-right: 0.2rem;width: 1.2rem;height: 1.2rem;vertical-align: text-bottom;}
    .header-phone-container { grid-area: phone; z-index: 1; }
	.header-phone {display: block;color: #000;font-weight: 700;font-size: clamp(1.5rem, 2.5vw, 2rem);line-height: 1.22;}
    .header-phone:hover {color: var(--green-color);}
    .header-phone svg path {transition: 300ms;}
    .header-phone:hover svg path {fill: var(--green-color);}
    .call-or-text { display: block; text-align: right; margin-bottom: 0; }
}

@media (min-width: 82.5em) { 
    .header { padding-right: 6rem; padding-left: 6rem; }
    .header-menu li:nth-child(n+2) {margin-left: 3.3rem;}
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {color: #fff;background-image: url(./images/footer-bg-img.jpg);background-size: cover;}
.footer a { color: #fff; }
.footer a:hover { text-decoration: underline; color: #fff; }
.footer-blocks {display: flex;flex-wrap: wrap;gap: 2rem;padding-top: 2.2rem;font-size: 0.9em;}
.footer-title {margin-bottom: 1rem;color: inherit;border-bottom: 1px solid #fff;padding-bottom: 1rem;font-size: 0.9rem;line-height: 1.32;}
.footer-branding { width: 100%; }
.footer-branding-container { border-bottom: 1px solid #fff; text-align: center; }
.footer-logo {display: inline-block;padding-bottom: 0.5rem;}
.footer-social {display: flex;justify-content: flex-end;padding-top: 1rem;}
.footer-social svg { vertical-align: 0rem; }
.footer-locations {width: 100%;padding-bottom: 2.7rem;border-bottom: 1px solid #fff;}
.footer-locations .footer-title { width: 100%; }
.footer-locations-list a { display: inline-block; margin: 0.3em 0; line-height: normal; }
.footer-locations-container .locations-section-addr-line, 
.footer-locations-container .locations-section-addr-line a {color: #fff;font-size: 0.8rem;}
.footer-locations-container .locations-section-addr-line a:hover { color: #fff; text-decoration: underline; } 
.footer-locations-container .locations-section-addr-line a:hover svg path { fill: #fff; }
.footer-links { display: none; }

@media (min-width: 32.5em) { 
    .footer-locations-list { column-count: 2; column-gap: 1.5rem; }
}

@media (min-width: 40em) { 
    .footer-locations-container {display: grid;grid-template-areas:'left-top right''left-middle right''left-bottom right';width: 100%;max-width: 30rem;margin: 0 auto;}
}

@media (min-width: 68.5em) { 
    .footer { background-position: top right; }
    .footer-blocks {flex-wrap: nowrap;justify-content: space-between;gap: 2.2rem;padding-top: 0.9rem;}
    .footer-title { text-align: left; }
    .footer-branding {margin-right: 0rem;width: 20%;}
    .footer-locations {padding-bottom: 0;border-bottom: none;width: 60%;}
    .footer-locations-container { justify-content: space-between; }
    .footer-links {display: block;width: 20%;}
    .footer-links a { display: inline-block; margin: 0.3em 0; line-height: normal; font-size: 0.8rem; }
}

@media (min-width: 82.5em) { 
    .footer-branding {width: 100%;max-width: 12.5rem;margin-right: 3rem;}
    .footer-locations {width: 50%;padding-top: 1.9rem;}
    .footer-locations-container .locations-section-addr-line, .footer-locations-container .locations-section-addr-line a {margin: 0 0 1rem;}
    .footer-links {display: block;width: 20%;padding-top: 1.9rem;}
}


/* Copyright section */ 
.footer-end {padding-top: 0.65rem;padding-bottom: 5rem;text-align: center;font-size: 0.8em;line-height: 1.5;}
.copyright {margin-bottom: 1.2rem;}
.policy-nav ul { display: flex; justify-content: center; }
.policy-nav li { padding: 0 0.5rem; position: relative; white-space: nowrap }
.policy-nav li:nth-child(n+1)::before { content: '|'; position: absolute; right: -2px; }
.policy-nav li:last-child::before { display: none; }

@media (min-width: 68.5em) { 
    .footer-end {padding-top: 0;padding-bottom: 0;}
    .footer-end-container {display: grid;grid-template-areas: 'copyright nav';justify-items: start;padding-top: 0.5rem;padding-bottom: 0.8rem;margin-top: 2.5rem;border-top: 1px solid #fff;}
    .copyright { grid-area: copyright; margin: 0; }
    .policy-nav { grid-area: nav; justify-self: end; }
}


/*--------------------------------------------------------------
# Location Section
--------------------------------------------------------------*/

.locations-section { padding-top: 4.3rem; position: relative; }
.locations-section-top-bg-img {position: absolute;top: -60vw;left: -20vw;width: 80%;z-index: 0;}
.locations-title {text-align: center;margin: 0 0 1.6rem;font-weight: 600;font-size: clamp(1.2rem, 2.5vw, 2rem);}
.locations-title-container { position: relative; }
.locations-title-container:before {content: '';width: 1.2rem;height: 1.1rem;background-image: url(./images/aztec-2-green-icon.svg);background-size: cover;position: absolute;right: 0;top: -2.1rem;left: 0;margin: auto;}
.locations-section-container {margin: 0 0 0;padding: 0 0 0;}
.locations-section-left-col {padding: 1rem 1.8rem 2.5rem;}
.locations-section-addr-line {margin: 0 0 1.3rem;position: relative;padding: 0 0 0 1.9rem;}
.locations-section-addr-line:last-of-type { margin: 0 0 0; }
.locations-section-addr-line, .locations-section-addr-line a {color: var(--content-color);line-height: 1.5;}
.locations-section-addr-line.location-phone-line { font-weight: bold; }
.locations-section-addr-line svg {position: absolute;width: 0.9rem;z-index: 1;top: 0.25rem;left: 0;}
.locations-section-addr-line a svg rect, .locations-section-addr-line a svg path { transition: 300ms; }
.locations-section-addr-line a:hover {text-decoration: underline;color: var(--green-color);text-decoration: none;}
.locations-section-addr-line a:hover svg rect { fill: var(--primary-color); }
.locations-section-addr-line a:hover svg path {fill: var(--green-color);}
.location-section-hours-table { display: flex; align-items: flex-start; flex-flow: column; }
.location-section-hours-table .hours-row {justify-content: flex-start;margin: 0 0 0.25rem;} 
.location-section-hours-table .hours-day { min-width: 3.5rem; }
.location-section-hours-table .hours-time {text-align: left;}
.time-note {font-style: italic;font-size: 0.8rem;}
.locations-section-right-col {display: block;height: 83.8vw;max-height: 21rem;background-image: url(./images/loc-map-img.svg);background-size: cover;background-position: center;position: relative;box-shadow: 0 0 0.6rem rgb(0 0 0 / 25%);}
.locations-section-bottom-bg-img { display: none; }

@media (min-width: 38.5em) {
    .locations-section-top-bg-img {position: absolute;top: -15rem;left: -10rem;max-width: 26.5rem;}
    .locations-section-left-col {display: grid;align-items: flex-start;grid-template-areas:'left-top right''left-middle right''left-bottom right';padding: 2.2rem 2rem 2rem;}
    .location-address-line {grid-area: left-top;} 
    .location-phone-line { grid-area: left-middle; } 
    .location-fax-line { grid-area: left-bottom; }
    .location-hours-line { grid-area: right; }
    .locations-section-addr-line.location-fax-line { margin: 0 0 0; }
}

@media (min-width: 58.5em) {
    .locations-section {padding-top: 8.2rem;padding-bottom: 6rem;}
    .locations-section-top-bg-img {width: 38vw;max-width: 730px;height: 40.2vw;max-height: 39.6rem;top: -8rem;left: -3.7rem;}
    .locations-title.underline-title {line-height: 1.2;margin: 0 0 6.4rem;} 
    .locations-title:after { bottom: -0.8rem; width: 4rem; }
    .locations-title-container:before {width: 2.4rem;height: 2.3rem;top: 0;right: auto;bottom: 0;left: -3.2rem;} 
    .locations-section-container {width: auto;max-width: none;margin: 0 var(--contain-padding);display: flex;z-index: 1;position: relative;}
    .locations-section-left-col {padding: 2rem 0 2rem 1.5rem;display: flex;flex-wrap: wrap;width: 50%;}
    .locations-section-right-col {width: 50%;max-height: 25rem;}
    .locations-section-addr-line {margin: 0 0 1.6rem;width: 100%;}
    .locations-section-addr-line, .locations-section-addr-line a { font-size: 1rem; }
    .locations-section-addr-line.location-fax-line { margin: 0 0 1.6rem; }
    .locations-section-bottom-bg-img {text-align: right;display: block;position: absolute;bottom: 0;right: 0;width: 25%;z-index: 0;}
}
            
@media (min-width: 68.5em) {
    .locations-title.underline-title { opacity: 0; }
    .locations-title-container:before { transform: rotate(30deg); transition: 500ms ease-in-out; transition-delay: 500ms; }
    .js-intersected .locations-title-container:before { transform: rotate(0deg); }
    .locations-section-left-col {opacity: 0;animation-delay: 500ms;}
    .locations-section-right-col { opacity: 0; animation-delay: 1000ms; }
    .locations-section-addr-line { margin: 0 0 1.6rem; }
    .locations-section-addr-line, .locations-section-addr-line a {font-size: 1rem;}
}

@media (min-width: 82.5em) {
    .locations-section { padding-bottom: 9.6rem; }
    .locations-section-left-col {display: grid;width: 55%;padding: 3rem 2rem 3rem 0;align-content: flex-start;grid-template-areas:'left-top right''left-middle right''left-bottom right';}
    .locations-section-addr-line { margin: 0 0 2.5rem;}
    .locations-section-addr-line.location-fax-line { margin: 0 0 0; }
    .locations-section-right-col { width: 45%; }
}

@media (min-width: 100em) {
    .locations-section-bottom-bg-img {bottom: -6rem;}
}


/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.contact-section {padding-top: 4.3rem;padding-bottom: 3.75rem;position: relative;}
.contact-section h2:after { content: ''; width: 2.75rem; height: 0.15rem; background: var(--primary-color); position: absolute; left: 0; bottom: -.3em; right: 0; margin: auto; }
.contact-intro { padding: 0 0.8rem; text-align: center; }
.contact-title { text-align: center; font-weight: 600; font-size: clamp(1.2rem, 2.5vw, 2rem); position: relative; }
.contact-title-container { position: relative; } 
.contact-title-container:before { content: ''; width: 1.2rem; height: 1.1rem; background-image: url(./images/aztec-3-green-icon.svg); background-size: cover; position: absolute; right: 0; top: -2.1rem; left: 0; margin: auto; }
.contact-emergency {font-weight: bold;padding: 0 1rem;}
.contact-statement { margin: 0 0 1.6rem; }
.contact-form { padding: 0 0.6rem 3.4rem; }
.contact-section-left-col { position: relative; }
.contact-section-left-col:after {content: '';width: 50%;height: 0.15rem;background: var(--primary-color);position: absolute;bottom: -0.85rem;left: 0;}
.contact-section-left-col {height: 40.8vw;min-height: 17.5rem;max-height: 39.2rem;background-image: url(./images/contact-section-img.jpg);background-size: cover;background-position: center;}

@media (min-width: 38.5em) {
    .contact-intro, .contact-form { padding-right: 1.5rem; padding-left: 1.5rem; }
    .contact-emergency { padding: 0 0 0; }
}

@media (min-width: 48.5em) {
    .contact-section-right-col-container { width: 100%; max-width: 25rem; margin: 0 auto; }
    .contact-intro, .contact-form {padding-right: 0;padding-left: 0;}
}

@media (min-width: 68.5em) {
    .contact-section {display: flex;padding-top: 0;} 
    .contact-section-left-col {width: 51%;opacity: 0;}
    .contact-section-left-col:after {width: 100%;bottom: -2.15rem;transform: scale(0,1);transform-origin: left;transition: 500ms ease-in-out;transition-delay: 500ms;}
    .js-intersected .contact-section-left-col:after { transform: scale(1,1); }
    .contact-section-right-col {order: 2;width: 49%;padding-left: 3.5rem;} 
    .contact-section-right-col-container {max-width: 22.2rem;margin: 0;}
    .contact-form { padding-bottom: 0; }
    .contact-intro { text-align: left; }
    .contact-title {text-align: left;}
    .contact-title.underline-title:after { margin: 0; }
    .contact-title-container:before {width: 2.4rem;height: 2.4rem;top: 0;right: auto;bottom: 0;left: -2.8rem;}
    .contact-statement { margin: 0 0 3rem; }
	
	.contact-section h2:after { width: 6rem; right: auto; bottom: -.5rem; }
}

@media (min-width: 82.5em) {
    .contact-section { padding-bottom: 7.7rem; }
    .contact-section-right-col { padding-top: 2.4rem; padding-left: 7.85%; }
    .contact-section-right-col-container { max-width: 25rem; }
    .contact-title.underline-title { margin-bottom: 5rem; }
    .contact-title-container:before { left: -3.2rem; }
    .contact-form { max-width: 22.2rem; }
}


/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
@keyframes fade-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fade-up {
    0% { opacity: 0; transform: translateY(5rem); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes fade-slide-right {
    0% { opacity: 0; transform: translateX(-3rem); }
    100% { opacity: 1; transform: translateX(0); }
}

@keyframes fade-slide-left {
    0% { opacity: 0; transform: translateX(3rem); }
    100% { opacity: 1; transform: translateX(0); }
}

@media (min-width: 68.5em) { 
    .js-intersected .fade-in {animation-name: fade-in;animation-duration: 1s;animation-fill-mode: forwards;}
    .js-intersected .fade-up {animation-name: fade-up;animation-duration: 1s;animation-fill-mode: forwards;}
    .js-intersected .fade-slide-right {animation-name: fade-slide-right;animation-duration: 500ms;animation-fill-mode: forwards;}
    .js-intersected .fade-slide-left {animation-name: fade-slide-left;animation-duration: 500ms;animation-fill-mode: forwards;}
}


/*--------------------------------------------------------------
# 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, .sidebar, .header, .footer, #comments, .page-navigation, .pagination, .wp-prev-next, .respond-form { display: none !important; }
    .contain { padding-left: 0; padding-right: 0; max-width: none; }
}


/*--------------------------------------------------------------
# IE11 Notice
--------------------------------------------------------------*/
.ie11-alert { display: none; }

@media all and (-ms-high-contrast:none) {
    .ie11-alert { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background: #fff; color: #000; }
    .ie11-content { max-width: 45rem; max-height: 10rem; font-size: 2rem; text-align: center; margin: 10% auto 0; }
    .ie11-alert a { color: #4169e1; }
}