/*
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:
----------------------------------------------------------------
# Fonts
# Custom Properties
# Normalize v8.0.1
# Fuel Normalize
# Custom Elements
# Forms
## Search Form
# Accessibility
# Header
# Footer
# Contact Section
# Title Underlines
# Animations
## Collage Animations

# Print
# IE11 Notice
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Regular'), local('Roboto-Regular'),
        url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Italic'), local('Roboto-Italic'),
        url('fonts/Roboto-Italic.woff2') format('woff2'),
        url('fonts/Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold'), local('Roboto-Bold'),
        url('fonts/Roboto-Bold.woff2') format('woff2'),
        url('fonts/Roboto-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'),
        url('fonts/RobotoCondensed-Regular.woff2') format('woff2'),
        url('fonts/RobotoCondensed-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: #162961;
	--accent-color: #802872;
	--lt-blue: #94C8DF;
	--khaki-color: #E8D0B4;
	--btn-blue: #D8EDFF;

	--course-green: #94C120;
	--webinar-blue: #009FE3;
	--meeting-orange: #F9B232;
	--scholar-pink: #E6007E;

	--slate-blue: #3A7790;
	--grey-blue: #2B647B;

	/* Text */
	--title-font: 'Roboto Condensed', sans-serif;
	--title-color: var(--primary-color);

	--content-font: 'Roboto', sans-serif;
	--content-color: #4a4a4a;

	/* Accessibility */
	--outline-color: #69F;
}


/*--------------------------------------------------------------
# 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.85;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, 4vw, 1.6rem); }
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); }

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); }
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: 1em 0; padding: 0 0 0 1.8em; }
.icon-item svg { position: absolute; top: 0.15em; left: 0; width: 1.2em; height: 1.2em; }
.button, .wp-block-button__link, .entry-content a.wp-block-button__link, .excerpt-read-more .button {display: inline-block;vertical-align: middle;border-radius: 0;padding: 1rem 1.6rem;font-size: 1rem;line-height: normal;text-align: center;text-decoration: none;color: var(--primary-color);background: var(--btn-blue);cursor: pointer;transition: all 300ms;outline: 1px solid #802872;outline-offset: 4px;}
.button:hover, .button:active, .wp-block-button__link:hover, .wp-block-button__link:active, .entry-content a.wp-block-button__link:hover, .entry-content a.wp-block-button__link:active {color: #fff;background: var(--accent-color);}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.gform_heading { display: none; }
.gform_fields { margin: 0; }
.gfield {margin: 0 0 0.7rem;border: 1px solid #7BB3E7;border-radius: 0.3rem;padding: 0.13rem 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 0.4rem 0;font-size: 0.7rem;line-height: normal;color: var(--primary-color);}
.gform_footer {position: relative;margin-top: 0.7rem;text-align: center;}
.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;color: green;text-align: center;border: 2px solid green;border-radius: 0.2rem;padding: 0.5rem 1rem 1rem;}
.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; }


/*--------------------------------------------------------------
## 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: #777; }


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
a, button, summary, .gfield { outline-style: solid; outline-color: transparent; outline-offset: 0; outline-width: 2px; }
a { outline-offset: 0.5rem; }
.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-top: 0.5rem;padding-bottom: 0.5rem;text-align: center;}
.header-links { display: none; }
.header-menu, .header-phone { display: none; }
.header-menu { display: block; }

@media (min-width: 68.5em) { 
	.header {padding: 0 0 0 1.6rem;width: auto;display: inline-block;/* position: relative; */}
	.header-logo {margin-top: 0.5rem;margin-bottom: 0.5rem;display: inline-block;}
	.header-menu-container {display: block;position: absolute;top: 0.75rem;right: 0;width: 100%;}
	.header-menu {display: flex;justify-content: flex-end;}
	.header-menu a {font-size: clamp(1rem,2.2vw,1.2rem);color: var(--primary-color);display: block;margin: 0 1.5rem 0 0;}
	.header-menu .menu-item:first-of-type a {position: relative;}
	.header-menu .menu-item:first-of-type a:after { content: ''; position: absolute; top: 0; right: -0.75rem; bottom: 0; width: 1px; background: var(--primary-color); height: 1.6rem; margin: auto; } 
	.header-menu a:hover { color: var(--accent-color); text-decoration: underline; }
	.header-menu a:hover .view-all-icon path { stroke: var(--accent-color); }
	.header-menu svg {margin-left: 0.4rem;height: 0.8rem;vertical-align: 0;}
	.header-phone { grid-area: phone; display: block; }
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {color: #fff;background: var(--slate-blue); .footer {color: #fff;background: var(--slate-blue); };}
.footer a { color: #fff; }
.footer a:hover { text-decoration: underline; color: #fff; }
.footer-blocks {display: flex;flex-wrap: wrap;justify-content: center;gap: 2rem;padding-top: 2.4rem;padding-bottom: 3.2rem;font-size: 0.9em;}
.footer-logo {display: block;}
.footer-social { display: flex; justify-content: center; gap: 0 1.2rem; margin-top: 1.25rem; }
.footer-social a svg { transition: 300ms ease; }
.footer-social a:hover svg {transform: scale(1.2);}
.footer-quote-text {font-size: clamp(1.2rem,3vw,1.45rem);line-height: 1.5;text-align: center;font-style: italic;}

@media (min-width: 68.5em) { 
	.footer-blocks {flex-wrap: nowrap;justify-content: space-between;gap: 1.5rem;}
	.footer-quote {display: flex;align-items: center;}
}

@media (min-width: 82.5em) { 
	.footer-branding { padding-left: 0.7rem; }
	.footer-social { justify-content: flex-start; padding-left: 4.8rem; margin-top: 1rem; }
	.footer-quote {padding-right: 1.8rem;}
}

/* Copyright section */ 
.footer-end {padding-top: 1.5rem;padding-bottom: 5rem;text-align: center;font-size: 0.8em;line-height: 1.5;background: var(--grey-blue);}
.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: flex; justify-content: space-between; align-items: center; padding-top: 0; padding-bottom: 0; min-height: 4rem; }
	.copyright {margin: 0;font-size: 0.75rem;line-height: 1.3;}
	.policy-nav li a { font-size: 0.75rem; line-height: 1.3; }
}


/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.contact-section {background: linear-gradient(0deg, #E8D0B4 0%, rgba(232, 208, 180, 0.20) 100%);padding: clamp(2.9rem,11.7vw,6.4rem) 0.9rem;position: relative;}
.contact-form-container {background: #fff;box-shadow: 0px 0px 16px rgba(0, 14, 50, 0.15);border-radius: 0.2rem;z-index: 2;position: relative;padding-top: clamp(1.2rem,4.8vw,2.6rem);padding-right: clamp(0.6rem,9.1vw,5rem);padding-bottom: clamp(1.6rem,7.3vw,4rem);padding-left: clamp(0.6rem,9.1vw,5rem);}
.contact-title {font-size: clamp(1.2rem,3.7vw,2rem);text-align: center;}
.contact-statement {margin: 0 0 0.6rem;font-size: clamp(0.7rem,1.7vw,0.9rem);}
.newsletter-signup {padding: 0 0 0;border: none;margin: 0 0 0.8rem;}
.newsletter-signup legend { display: none; }
.newsletter-signup .gfield-choice-input[type=checkbox] {margin-right: 0.5rem;height: 1rem;width: 1rem;outline-style: auto;outline-color: #7BB3E7;}
.newsletter-signup label {display: inline-block;font-size: 0.7rem;vertical-align: top;}
.contact-section #cf-collage {position: absolute;right: 0;bottom: 0;z-index: 1;}
.contact-section #contact-pg-bottom-collage { display: none; }

@media (min-width: 38.5em) { 
	.contact-form-container {width: 100%;max-width: 35rem;margin: 0 auto;}
	.newsletter-signup {margin: 0 0 0 1rem;max-width: 9rem;display: inline-block;font-size: 0.7rem;color: var(--primary-color);}
	.newsletter-signup:first-of-type {margin: 0 1rem 0 0;}
}

@media (min-width: 68.5em) { 
    .contact-section {background: #fff;}
    .contact-section:after {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 50%;background-image: linear-gradient(0deg, #E8D0B4 0%, rgba(232, 208, 180, 0.20) 100%);z-index: 0;}
    #cf-collage {left: 50%;width: 50%;}
	.gfield_label { font-size: 0.8rem; }
	.ginput_container_select .gfield_select { font-size: 0.8rem; }
	.newsletter-signup {margin: 0 0 0;}
}


/*--------------------------------------------------------------
# Title Underlines
--------------------------------------------------------------*/
.title-underline-diamond, .entry-content .title-underline-diamond {position: relative;margin-bottom: 1.7rem;}
.title-underline-diamond:before {content: url(./images/orange-diamond-icon.svg);position: absolute;top: 100%;right: 0;left: 0;height: 1.7rem;display: flex;align-items: center;margin: auto;z-index: 1;line-height: 0;}
.title-underline-diamond.left-underline-diamond:after {content: '';height: 2px;background: #D85058;position: absolute;right: 1.5rem;bottom: calc((1.7rem / -2) - 1px);left: 1px;margin: auto;z-index: 0;transform: scale(0.45,1);transform-origin: left;transition: 500ms ease;}
.title-underline-diamond.center-underline-diamond:before {justify-content: center;}
.title-underline-diamond.center-underline-diamond:after {content: '';height: 2px;background: #D85058;position: absolute;right: 0;bottom: calc((1.7rem / -2) - 1px);left: 0;margin: auto;z-index: 0;/* transform: scale(0,1); */transform-origin: center;transition: 500ms ease;max-width: 6rem;}
.js-intersected .title-underline-diamond.left-underline-diamond:after,
.js-intersected .title-underline-diamond.center-underline-diamond:after {transform: scale(1,1);}

@media (min-width: 68.5em) {
	.title-underline-diamond, .entry-content .title-underline-diamond { margin-bottom: 3.4rem; }
	.title-underline-diamond:before {height: 3.4rem;}
	.title-underline-diamond.left-underline-diamond:after {bottom: calc((3.4rem / -2) - 1px);}
	.title-underline-diamond.center-underline-diamond:after {top: calc(100% + 1.7rem);}
}


/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/

@keyframes fade-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fade-slide-right {
    0% {opacity: 0;transform: translateX(-3rem);}
    100% { opacity: 1; transform: translateX(0); }
}

@keyframes slide-right {
    0% {transform: scale(0,1);}
    100% { transform: scale(1,1); }
}

@keyframes fade-in-slide-up {
    0% { opacity: 0; transform: translateY(1rem); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes expand-outward {
    0% { transform: scale(0); }
    100% { transform: scale(1); }
}

@keyframes slow-grow {
    0% {transform: scale(0.75);}
    100% { transform: scale(1); }
}

@keyframes hover-grow {
    0% {transform: scale(1);}
    100% { transform: scale(1.6); }
}

@keyframes popAnimation {
    0% {transform: scale(0.5); opacity: 0;}
    80% {transform: scale(1.1)}
    100% {transform: scale(1); opacity: 1}
}


@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-1100 {animation-delay: 1100ms;}
	.delay-1200 {animation-delay: 1200ms;}
	.delay-1300 {animation-delay: 1300ms;}
	.delay-1400 {animation-delay: 1400ms;}
	.delay-1500 {animation-delay: 1500ms;}

	/* Fade In */
	.fade-in {opacity: 0;}
	.js-intersected .fade-in {animation-name: fade-in;animation-duration: 500ms;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: 500ms;animation-fill-mode: forwards;}

	/* Slide Right */
	.slide-right { transform-origin: left; transform: scale(0,1); }
	.js-intersected .slide-right {animation-name: slide-right;animation-duration: 600ms;animation-fill-mode: forwards;}

	/* Expand Outward */
	.expand-outward { transform: scale(0); }
	.js-intersected .expand-outward {animation-name: expand-outward;animation-duration: 300ms;animation-fill-mode: forwards;}

	/* Slow Grow */
	.slow-grow { transform: scale(0.75); }
	.js-intersected .slow-grow {animation-name: slow-grow;animation-duration: 500ms;animation-fill-mode: forwards;}
}


/*--------------------------------------------------------------
## Collage Animations
--------------------------------------------------------------*/

@media (prefers-reduced-motion:no-preference) {

	/* Home Hero Collage */
	#lg-square-collage path:nth-child(4) { opacity: 0; transition: 500ms ease; transition-delay: 400ms; }
	#lg-square-collage path:nth-child(32) { opacity: 0; transition: 500ms ease; transition-delay: 500ms; }
	#lg-square-collage path:nth-child(30) { opacity: 0; transition: 500ms ease; transition-delay: 600ms; }
	#lg-square-collage path:nth-child(9) { opacity: 0; transition: 500ms ease; transition-delay: 700ms; }
	#lg-square-collage path:nth-child(28) { opacity: 0; transition: 500ms ease; transition-delay: 800ms; }
	#lg-square-collage path:nth-child(15) { opacity: 0; transition: 500ms ease; transition-delay: 900ms; }
	#lg-square-collage path:nth-child(35) { opacity: 0; transition: 500ms ease; transition-delay: 1000ms; }
	#lg-square-collage path:nth-child(19) { opacity: 0; transition: 500ms ease; transition-delay: 1100ms; }  
	.js-intersected #lg-square-collage path { opacity: 1; }

	/* Contact Form Collage */
	#cf-collage path:nth-child(4) { opacity: 0; transition: 500ms ease; transition-delay: 400ms; }
	#cf-collage path:nth-child(32) { opacity: 0; transition: 500ms ease; transition-delay: 500ms; }
	#cf-collage path:nth-child(30) { opacity: 0; transition: 500ms ease; transition-delay: 600ms; }
	#cf-collage path:nth-child(9) { opacity: 0; transition: 500ms ease; transition-delay: 700ms; }
	#cf-collage path:nth-child(28) { opacity: 0; transition: 500ms ease; transition-delay: 800ms; }
	#cf-collage path:nth-child(15) { opacity: 0; transition: 500ms ease; transition-delay: 900ms; }
	#cf-collage path:nth-child(35) { opacity: 0; transition: 500ms ease; transition-delay: 1000ms; }
	#cf-collage path:nth-child(19) { opacity: 0; transition: 500ms ease; transition-delay: 1100ms; }  
	#cf-collage path:nth-child(12) { opacity: 0; transition: 500ms ease; transition-delay: 1200ms; }  
	#cf-collage path:nth-child(10) { opacity: 0; transition: 500ms ease; transition-delay: 1300ms; }  
	#cf-collage path:nth-child(26) { opacity: 0; transition: 500ms ease; transition-delay: 1400ms; }   
	.js-intersected #cf-collage path { opacity: 1; }

	/* Menu Top Collage */
	.menu-top-collage path:nth-child(4) { opacity: 0; transition: 500ms ease; transition-delay: 400ms; }
	.menu-top-collage path:nth-child(32) { opacity: 0; transition: 500ms ease; transition-delay: 500ms; }
	.menu-top-collage path:nth-child(30) { opacity: 0; transition: 500ms ease; transition-delay: 600ms; }
	.menu-top-collage path:nth-child(9) { opacity: 0; transition: 500ms ease; transition-delay: 700ms; }
	.menu-top-collage path:nth-child(28) { opacity: 0; transition: 500ms ease; transition-delay: 800ms; }
	.menu-top-collage path:nth-child(15) { opacity: 0; transition: 500ms ease; transition-delay: 900ms; }
	.menu-top-collage path:nth-child(35) { opacity: 0; transition: 500ms ease; transition-delay: 1000ms; }
	.menu-top-collage path:nth-child(19) { opacity: 0; transition: 500ms ease; transition-delay: 1100ms; }  
	.menu-top-collage path:nth-child(12) { opacity: 0; transition: 500ms ease; transition-delay: 1200ms; }  
	.menu-top-collage path:nth-child(10) { opacity: 0; transition: 500ms ease; transition-delay: 1300ms; }  
	.menu-top-collage path:nth-child(26) { opacity: 0; transition: 500ms ease; transition-delay: 1400ms; }   
	.menu-open .menu-top-collage path { opacity: 1; }

	/* Menu Bottom Collage */
	.menu-bottom-collage path:nth-child(4) { opacity: 0; transition: 500ms ease; transition-delay: 400ms; }
	.menu-bottom-collage path:nth-child(22) { opacity: 0; transition: 500ms ease; transition-delay: 500ms; }
	.menu-bottom-collage path:nth-child(20) { opacity: 0; transition: 500ms ease; transition-delay: 600ms; }
	.menu-bottom-collage path:nth-child(9) { opacity: 0; transition: 500ms ease; transition-delay: 700ms; }
	.menu-bottom-collage path:nth-child(28) { opacity: 0; transition: 500ms ease; transition-delay: 800ms; }
	.menu-bottom-collage path:nth-child(25) { opacity: 0; transition: 500ms ease; transition-delay: 900ms; }
	.menu-bottom-collage path:nth-child(19) { opacity: 0; transition: 500ms ease; transition-delay: 1000ms; }  
	.menu-bottom-collage path:nth-child(12) { opacity: 0; transition: 500ms ease; transition-delay: 1100ms; }  
	.menu-bottom-collage path:nth-child(26) { opacity: 0; transition: 500ms ease; transition-delay: 1200ms; }   
	.menu-bottom-collage path:nth-child(2) { opacity: 0; transition: 500ms ease; transition-delay: 1300ms; }  
	.menu-bottom-collage path:nth-child(6) { opacity: 0; transition: 500ms ease; transition-delay: 1400ms; }  
	.menu-open .menu-bottom-collage path { opacity: 1; }

	/* Contact Page Bottom Collage */
	#contact-pg-bottom-collage path:nth-child(4) { opacity: 0; transition: 500ms ease; transition-delay: 400ms; }
	#contact-pg-bottom-collage path:nth-child(32) { opacity: 0; transition: 500ms ease; transition-delay: 500ms; }
	#contact-pg-bottom-collage path:nth-child(30) { opacity: 0; transition: 500ms ease; transition-delay: 600ms; }
	#contact-pg-bottom-collage path:nth-child(9) { opacity: 0; transition: 500ms ease; transition-delay: 700ms; }
	#contact-pg-bottom-collage path:nth-child(28) { opacity: 0; transition: 500ms ease; transition-delay: 800ms; }
	#contact-pg-bottom-collage path:nth-child(15) { opacity: 0; transition: 500ms ease; transition-delay: 900ms; }
	#contact-pg-bottom-collage path:nth-child(35) { opacity: 0; transition: 500ms ease; transition-delay: 1000ms; }
	#contact-pg-bottom-collage path:nth-child(19) { opacity: 0; transition: 500ms ease; transition-delay: 1100ms; }  
	#contact-pg-bottom-collage path:nth-child(12) { opacity: 0; transition: 500ms ease; transition-delay: 1200ms; }  
	#contact-pg-bottom-collage path:nth-child(10) { opacity: 0; transition: 500ms ease; transition-delay: 1300ms; }  
	#contact-pg-bottom-collage path:nth-child(26) { opacity: 0; transition: 500ms ease; transition-delay: 1400ms; }   
	#contact-pg-bottom-collage path:nth-child(39) { opacity: 0; transition: 500ms ease; transition-delay: 1500ms; }  
	#contact-pg-bottom-collage path:nth-child(43) { opacity: 0; transition: 500ms ease; transition-delay: 1600ms; }  
	#contact-pg-bottom-collage path:nth-child(22) { opacity: 0; transition: 500ms ease; transition-delay: 1700ms; }  
	#contact-pg-bottom-collage path:nth-child(47) { opacity: 0; transition: 500ms ease; transition-delay: 1800ms; }   
	.js-intersected #contact-pg-bottom-collage path { opacity: 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; }
}












