/*
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.12
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: 'Lato';
    src: local('Lato'), local('Lato-Regular'),
        url('fonts/Lato-Regular.woff2') format('woff2'),
        url('fonts/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

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

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


/*--------------------------------------------------------------
# Custom Properties
--------------------------------------------------------------*/
:root {
	/* Structure */
	--contain-padding: clamp(9vw, calc(50vw - 30rem), 18rem);

	/* Design */
	--primary-color: #21837A;
	--primary-color-dark: #1D726A;
	--accent-color: #D84D94;

	/* Text */
	--title-font: 'Lato', sans-serif;
	--stylized-font: 'Ephesis', cursive;
	--title-color: var(--primary-color);

	--content-font: 'Lato', sans-serif;
	--content-color: #4A4A4A;
	--text-link: #C92F7D;

	/* Accessibility */
	--outline-color: var(--accent-color);
}


/*--------------------------------------------------------------
# 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.9vw,1rem);line-height: 1.8;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: clamp(1.4rem, 4vw, 2.4rem); }
h2 { font-size: clamp(1.3rem, 4vw, 2rem); }
h3 {font-size: clamp(1.1rem, 2.8vw, 1.5rem);}
h4 { font-size: clamp(1rem, 4vw, 1.4rem); }
h5 { font-size: clamp(0.9rem, 4vw, 1.2rem); }
h6 { font-size: clamp(0.8rem, 4vw, 1rem); }
h1.stylized, h2.stylized, h3.stylized {font-family: var(--stylized-font);font-weight: 400;}

p {margin: 0 0 1.2em;}
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, button:focus, summary:focus, .gfield:focus { outline-color: var(--accent-color);outline-style: dashed;outline-width: 1px;outline-offset: 0.2rem; }
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%;}
.icon-item {display: block;position: relative;margin: 0 0 1.2rem 2.2rem;padding: 0 0 0;}
.icon-item svg {position: absolute;top: 0.15rem;left: -2.2rem;height: 1.4rem;}
.button, a.wp-block-button__link.wp-element-button, .entry-content .button-read-more, .mobile-menu-btn .menu-item-title {display: inline-block;vertical-align: middle;border-radius: 0;padding: 0.45rem 1.5rem;font-size: 1rem;line-height: 1.9;text-align: center;text-decoration: none;color: #000;background: #fff;cursor: pointer;transition: all 300ms;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.20);position: relative;transition: all 300ms;overflow: hidden;z-index: 1;}
.button:before, a.wp-block-button__link:before, .mobile-menu-btn .menu-item-title:before {content: '';position: absolute;top: -1.5rem;left: -1.5rem;width: 4rem;height: 4rem;background: var(--accent-color);transition: transform .5s ease;transform-origin: left;-webkit-clip-path: polygon(0% 0%, 100% 0%, 45% 55%, 0% 100%);clip-path: polygon(0% 0%, 100% 0%, 45% 55%, 0% 100%);z-index: -1;}
.button:hover:before, a.wp-block-button__link:hover:before, .mobile-menu-btn .menu-item-title:hover:before {transform: scale(10);}
.button:hover, .button:active, a.wp-block-button__link:hover, a.wp-block-button__link:active, .mobile-menu-btn .menu-item-title:hover, .mobile-menu-btn .menu-item-title:active {color: #fff;}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.gform_required_legend { display: none; }
.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, .gfield .large { padding: 0.2rem 0.9rem; width: 100%; color: var(--content-color); background: #fff; outline: none; }
.gfield_label { display: block; padding: 0.1rem 0.4rem 0; font-size: 0.7em; line-height: normal; }
.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: spin 1.1s infinite linear; }
.gform_confirmation_message { font-family: inherit; font-size: 1.1em; font-weight: normal; }
.gform_submission_error {margin: 0 0 1rem;font-family: inherit;font-size: 0.8em;font-weight: normal;line-height: 1.5;color: #cc2d3f;font-weight: bold;text-align: center;background: rgba(255,255,255,0.5);}
.validation_message { padding: 0 0.4rem; font-size: 0.7em; color: #cc2d3f; }


/*--------------------------------------------------------------
## 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(--accent-color);}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
a, button, summary, .gfield { outline-style: solid; outline-color: transparent; outline-offset: 0; outline-width: 2px; }
a {outline-offset: 0.2rem;}
.button { outline-offset: 0; }
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: 0.8rem 3rem;text-align: center;}
.header-logo:focus { outline-color: transparent; }
.header-logo:focus-visible { outline-color: var(--accent-color); }
.header-links { display: none; }
.header-menu, .header-phone { display: none; }

@media (min-width: 68.5em) {
    .header {display: grid;grid-template-areas:'logo nav''logo phone';justify-items: end;align-content: center;text-align: left;padding: 0 2rem 1rem;} 
    .header-logo {grid-area: logo;justify-self: start;margin-top: 1rem;} 
    .header-menu {grid-area: nav;display: flex;align-items: flex-start;padding-top: 0.7rem;} 
    .header-menu li:nth-child(n+2) {padding-left: 2.4rem;} 
    .header-menu li a {display: inline-block;font-size: 1rem;line-height: 1.5;color: #000;}
    .header-menu li a:hover, .header-menu li a:focus {color: var(--accent-color);} 
    .header-menu li a svg {width: 1.4rem;height: 1.4rem;vertical-align: -0.35rem;}
    .header-menu li a svg path, .header-menu li a svg rect {transition: 300ms ease;}
    .header-menu li a:hover svg rect, .header-menu li a:focus svg rect {fill: var(--accent-color);}
    .header-menu li a:hover svg path, .header-menu li a:focus svg path {fill: #fff;}
    .header-phone-container {display: flex;justify-content: flex-end;margin-top: 0.5rem;}
    .header-phone-num { display: block; }
    .header-phone-num:first-of-type {}
    .header-phone {font-size: 2rem;display: block;color: #000;}
    .header-phone:hover, .header-phone:focus {color: var(--primary-color);}
    .header-phone svg { width: 1.6rem; height: 1.6rem; }
	.header-phone svg path { transition: 300ms all ease; }
	.header-phone:hover svg path, .header-phone:focus svg path {fill: var(--primary-color);}
    .header-phone-num-label {font-size: 0.9rem;line-height: 1.2;font-weight: 700;display: block;margin: 0 0 0;text-align: center;}
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {color: #fff;background: var(--primary-color);line-height: 1.2;position: relative;}
.footer-bg-mtn {width: 22.22vw;max-width: 13rem;height: 15.5vw;max-height: 9.2rem;position: absolute;bottom: 3.25rem;left: 0;}
.footer a {color: #fff;}
.footer-blocks {display: flex;flex-wrap: wrap;justify-content: center;gap: 1.2rem;padding-top: 0.8rem;font-size: 0.9rem;line-height: 1.7;z-index: 1;}
.footer-block {width: 100%;}
.footer-title {padding-bottom: 0.8rem;border-bottom: 1px solid #000;margin-bottom: 1.7rem;font-size: 1.2rem;color: #fff;}
.footer-social { display: flex; justify-content: center; align-items: self-end; padding-top: 1rem; }
.footer-social li { padding: 0 0.5rem; }
.footer-social a svg, .footer-social a svg path {transition: 300ms ease;}
.footer-social a:hover svg { background: #fff; }
.footer-social a:hover svg path { fill: #000; }
.footer-locations-wrapper { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; width: 100%; }
.footer-links { display: none; }

@media (min-width: 38.5em) { 
	.footer-blocks {padding-top: 2rem;gap: 1.2rem 2rem;}
	.footer-block {width: calc(50% - 1rem);}
	.footer-links { display: block; }
}

@media (min-width: 68.5em) { 
    .footer-bg-mtn { bottom: 0; }
    .footer a {position: relative;}
    .footer a:after { content: ''; position: absolute; bottom: -0.15rem; left: 0; width: 100%; height: 0.05rem; background-color: #fff; transition: opacity 300ms,transform 300ms; transform: scale(0,1); transform-origin: left; }
    .footer a:hover:after { transform: scale(1,1); }
    .footer-logo:after, .footer-social li a:after { display: none;}
    .footer-blocks {padding-top: 3.9rem;flex-wrap: nowrap;justify-content: space-between;gap: 1.5rem;}
}

@media (min-width: 68.5em) and (max-width: 82.5em) { 
	.footer-blocks, .footer-end { padding-right: 1.5rem; padding-left: 1.5rem; }
}

@media (min-width: 92em) { 
	.footer-blocks { gap: 3.6rem; }
}

/* Copyright section */
.footer-end {padding-top: 1.5rem;padding-bottom: 5rem;text-align: center;font-size: 0.8em;line-height: 1.5;z-index: 1;}
.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 { display: grid; grid-template-areas: 'border border' 'copyright nav'; justify-items: start; padding-top: 0; padding-bottom: 2rem; margin-top: 2.5rem; }
	.copyright {grid-area: copyright;margin: 0;}
	.policy-nav { grid-area: nav; justify-self: end; }
}

@media (min-width: 68.5em) and (max-width: 100em) { 
	.copyright, .policy-nav { background: var(--primary-color); padding: 0.2rem 0.5rem; }
}


/*--------------------------------------------------------------
# Location Section
--------------------------------------------------------------*/
.locations-section {padding-top: 4.3rem;padding-bottom: 1.8rem;position: relative;}
.locations-title {margin: 0 0 1.2rem;font-weight: 600;font-size: clamp(1.3rem, 3.7vw, 2rem);font-weight: 400;color: #000;}
.locations-section-container {margin: 0 0 0;padding: 0 0 0;}
.locations-section-left-col {padding: 1rem 1.5rem 2.5rem;}
.locations-section-addr-line {margin: 0 0 1.2rem;position: relative;padding: 0 0 0 2.2rem;}
.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 svg {position: absolute;z-index: 1;top: 0;left: 0;height: 1.4rem;}
.locations-section-addr-line a:hover {text-decoration: underline;}
.location-section-hours-table { display: flex; align-items: flex-start; flex-flow: column; }
.location-section-hours-table .hours-row {justify-content: flex-start;} 
.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;width: 66.6vw;max-width: 22rem;height: 66.6vw;max-height: 22rem;margin: 0 auto;position: relative;}
.locations-section-map-img-container {display: block;text-align: center;position: relative;} 
.locations-section-map-img-container:after {content: '';position: absolute;top: 0.9rem;right: 0.9rem;bottom: 0.9rem;left: 0.9rem;background-image: url(./images/bg-img-corners.svg);background-size: 100%;}
.locations-section-map-img {display: block;}

@media (min-width: 38.5em) {
    .locations-section-left-col {display: grid;align-items: flex-start;grid-template-areas:'top top''left-top right''left-middle right''left-bottom right';padding: 0 0 2.5rem;max-width: 30rem;margin: 0 auto;}
    .locations-title {grid-area: top;} 
    .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: 4rem;padding-bottom: 6rem;}
    .locations-title:after { bottom: -0.8rem; width: 4rem; }
    .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: 27rem;}
    .locations-section-addr-line {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; }
}
            
@media (min-width: 68.5em) {
	.locations-section { padding-top: 6.5rem; }
    .locations-section-left-col {animation-delay: 500ms;padding-top: 2.9rem;padding-right: 2.5rem;padding-left: 0;margin: 0;width: 55%;max-width: none;}
    .locations-section-right-col {margin: 0;width: 45%;max-width: none;}
    .locations-section-addr-line, .locations-section-addr-line a {font-size: 1rem;}
	.locations-section-map-img-container:after {opacity: 0;transform: scale(1.1);transition: 500ms ease;transition-delay: 500ms;}
	.js-intersected .locations-section-map-img-container:after {opacity: 1;transform: scale(1);}
}

@media (min-width: 82.5em) {
	.locations-section {padding-bottom: 10rem;}
    .locations-section-left-col {display: grid;align-content: flex-start;}
    .locations-section-addr-line {}
    .locations-section-addr-line.location-fax-line { margin: 0 0 0; }
    .locations-section-right-col {/* width: 45%; */}
}

@media (min-width: 92em) {
	.locations-section-left-col {padding-right: 5.3rem;}
}


/*--------------------------------------------------------------
# Contact Section 
--------------------------------------------------------------*/
.contact-section {background-image: url(./images/contact-bg.jpg);background-size: cover;background-position: center;padding: 2rem 0.8rem;}
.contact-section-container {background: rgba(255, 255, 255, 0.80);padding: 0.4rem 0.7rem 1.8rem;position: relative;}
.contact-section-container:before {content: '';position: absolute;top: 0.4rem;right: 50%;bottom: 0.4rem;left: 0.4rem;background-image: url(./images/side-corners-mobile.svg);background-size: contain;background-repeat: no-repeat;z-index: 0;}
.contact-section-container:after {content: '';position: absolute;top: 0.4rem;right: 0.4rem;bottom: 0.4rem;left: 50%;background-image: url(./images/side-corners-mobile.svg);background-size: contain;background-repeat: no-repeat;transform: rotateY(180deg);z-index: 0;}
.contact-section-left-col, .contact-section-right-col { position: relative; z-index: 1; }
.contact-title {font-size: clamp(3.2rem,9.1vw,6rem);text-align: center;font-weight: 400;color: #000;margin: 0 0 0rem;}
.contact-emergency { font-size: 0.8rem; line-height: 1.5; color: #000; font-weight: 700; }
.contact-statement { font-size: 0.8rem; line-height: 1.5; color: #000; }
.gfield {box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);border: none;border-radius: 0.2rem;margin: 0 0 0.6rem;}
.gfield_label {font-size: 0.6rem;color: #000;}
.gform_footer { text-align: center; margin-top: 1.2rem; }
.gform_button { width: auto; }

@media (min-width: 38.5em) {
	.contact-section { padding: 3rem 0; }
	.contact-section-container {max-width: 26rem;margin: 0 auto;padding: 1rem 1.5rem 1.8rem;}
}

@media (min-width: 68.5em) {
	.contact-section {padding-top: 6rem;padding-right: 3rem;padding-bottom: 6rem;padding-left: 3rem;}
	.contact-section-container {max-width: none;display: flex;padding: 3.4rem 3.3rem 6rem;}
    .contact-section-container:before { background-image: url(./images/side-corners.svg); top: 0.8rem;bottom: 0.8rem;left: 0.8rem; }
    .contact-section-container:after { background-image: url(./images/side-corners.svg); top: 0.8rem;right: 0.8rem;bottom: 0.8rem; }
    .contact-section-left-col {width: 50%;} 
	.contact-section-right-col {width: 50%;display: flex;justify-content: center;padding-top: 2rem;}	
	.contact-form {width: 25vw;max-width: 24rem;}
	.gfield {margin: 0 0 0.8rem;}
}

@media (min-width: 75em) {
	.contact-title { text-align: left; } .contact-emergency, .contact-statement { font-size: 1rem; }
	.contact-section-right-col { padding-top: 3rem; }
}

@media (min-width: 100em) {
	.contact-section {padding: 9rem 0;}
	.contact-section-container {max-width: 71rem;padding: 3.4rem 6.5rem 6rem;}
	.contact-section-right-col { justify-content: flex-end; }
}


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

@keyframes fade-in {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes fade-in-slide-up {
	0% { opacity: 0; transform: translateY(1rem); }
	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); }
}

@keyframes bump-up {
	0% { transform: translateY(0); }
	40% { transform: translateY(-0.5rem); }
	60% { transform: translateY(-0.33rem); }
	80% { transform: translateY(-0.42rem); }
	100% { transform: translateY(-0.33rem); }
}

@keyframes expand-outward-circle {
	0% { transform: scale(0); }
	100% { transform: scale(1); }
}

@keyframes expand-outward {
	0% { transform: scale(0); }
	80% { transform: scale(1.2); }
	100% { transform: scale(1); }
}

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


@media (prefers-reduced-motion:no-preference) and (min-width: 68.5em) {
	.delay-100 {animation-delay: 100ms;}
    .delay-150 {animation-delay: 150ms;}
    .delay-200 {animation-delay: 200ms;}
	.delay-250 {animation-delay: 250ms;}
    .delay-300 {animation-delay: 300ms;}
    .delay-350 {animation-delay: 350ms;}
    .delay-400 {animation-delay: 400ms;}
    .delay-450 {animation-delay: 450ms;}
    .delay-500 {animation-delay: 500ms;}
    .delay-600 {animation-delay: 600ms;}
    .delay-700 {animation-delay: 700ms;}
    .delay-750 {animation-delay: 750ms;}
    .delay-800 {animation-delay: 800ms;}
    .delay-900 {animation-delay: 900ms;}
    .delay-1000 {animation-delay: 1000ms;}
    .delay-1200 {animation-delay: 1200ms;}

    /* Fade In */
    .fade-in {opacity: 0;}
    .js-intersected .fade-in {animation-name: fade-in;animation-duration: 1s;animation-fill-mode: forwards;}

    /* Fade In/Slide Up */
    .fade-in-slide-up {opacity: 0;transform: translateY(1rem);}
    .js-intersected .fade-in-slide-up {animation-name: fade-in-slide-up;animation-duration: 700ms;animation-fill-mode: forwards;}

    /* Fade In/Slide Right */
    .fade-slide-right {opacity: 0;transform: translateX(-3rem);}
    .js-intersected .fade-slide-right {animation-name: fade-slide-right;animation-duration: 750ms;animation-fill-mode: forwards;}
    
    /* Fade In/Slide Left */
    .fade-slide-left { opacity: 0; transform: translateX(3rem); }
    .js-intersected .fade-slide-left {animation-name: fade-slide-left;animation-duration: 500ms;animation-fill-mode: forwards;}

    /* Expand Outward */
	.expand-outward { transform: scale(0); }
    .js-intersected .expand-outward { transform: scale(1); }
}


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