/*
Theme Name: diabetesprevention
Theme URI: 
Description: Custom theme for Diabetes Prevention Center
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



/* 
 * FONT FAMILIES 
 */


@font-face {font-family: 'UniversLTStd-UltraCn';src: url('webfonts/35B4E8_0_0.eot');src: url('webfonts/35B4E8_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/35B4E8_0_0.woff2') format('woff2'),url('webfonts/35B4E8_0_0.woff') format('woff'),url('webfonts/35B4E8_0_0.ttf') format('truetype');}
@font-face {font-family: 'UniversLTStd-LightCn';src: url('webfonts/35B4E8_2_0.eot');src: url('webfonts/35B4E8_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/35B4E8_2_0.woff2') format('woff2'),url('webfonts/35B4E8_2_0.woff') format('woff'),url('webfonts/35B4E8_2_0.ttf') format('truetype');}
@font-face {font-family: 'UniversLT-CondensedBold';src: url('webfonts/35B4E8_1_0.eot');src: url('webfonts/35B4E8_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/35B4E8_1_0.woff2') format('woff2'),url('webfonts/35B4E8_1_0.woff') format('woff'),url('webfonts/35B4E8_1_0.ttf') format('truetype');}



body,
input,
textarea,
select {
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
}

h1,
#pre, 
.fact h3,
.fixed-fact h3,
.share-your-story h3,
.did-you-know h2:first-child {
	/* Universe Ultra Condensed */
	font-family: 'UniversLTStd-UltraCn',Arial,sans-serif;
}

h2, 
h3,
label,
.session.in-search-results {
	/* Universe Light Condensed */
	font-family: 'UniversLTStd-LightCn',Arial,sans-serif;
}

.button,
input[type=submit],
#footer-menu > li > a,
.session.in-search-results h3 {
	/* Universe Condensed Bold */
	font-family: 'UniversLT-CondensedBold',Arial,sans-serif;
}



/*
 * FONT SIZES 
 */

/* set base (rem) font size to 10px */
/* a base of ten is nice because it makes calculating relative sizes (em, rem) easier (i.e. 1.2rem = 12; 1.6rem = 16) */
html {font-size: 10px;} 
						
body {font-size: 1.8rem;} /* set default font-size here (in this case 18px) */


/*  SCALE FONTS proportionately for mobile */
/* 	for "mobile" screens
	let's scale the fonts proportionately to maintain the scale on all devices 
		useful for headers or menus where you want the placement to be similiar on all mobile devices
		i.e.: https://cl.ly/27290V0J2F3w
	320px = smaller mobile devices
	420px = larger mobile devices
*/
@media(min-width: 320px) and (max-width: 420px){
	/*html {font-size: 2.5vw;}*/ /* base is based on viewport width (~10px) */
	/*body {font-size: 2rem;}*/  /* set default ~18px (320 viewport = 18px; 420px viewport = 24px)  */ 
}
/*@media(min-width: 376px) and (max-width: 420px){
	html {font-size: 2.5vw;} 
	body {font-size: 2rem;}  
}*/
/* 	

	NOTES: stick to using em's that reference the body font size.
	Only use font size on a container element when scaling the font size for that particular module
	i.e.   	.shoutbox { font-size: 110%; }

*/




/* 
 * BASE ELEMENT RESETS 
 */

body {
	background: #EFF1F8; 
	color: #4C3E61; 
	line-height: 1.35;
	margin: 0; 
	padding: 0;
	-webkit-font-smoothing: antialiased;
}

label {
	color: #675F6C;
	font-size: 2.2rem;
	font-weight: normal;
	width: 100%;
}
input,
textarea,
select,
.form-control {
	background: #fff;
	border: 1px solid #bfc3c5;
	border-radius: 3px;
	color: #95989A;
	font-size: 2rem;
	line-height: 1;
	height: auto;
	padding: 1rem 1.5rem 0.5rem;
	width: 100%;
}
input[type=radio],
input[type=checkbox] {
	background: none;
	border: none;
	margin: 4px;
	width: auto;
}
input[type=submit] {
	background: #4376D0;
	border: none;
	border-radius: 6px;
	color: #fff;
	display: inline-block;
	font-size: 2rem;
	padding: 1.5rem 4rem 1rem;
	text-transform: uppercase;
	width: auto;
}
input[type=submit]:hover {
	background: #5c8ee6;
}
input[type=submit]:focus {
	background: #2955a5;
	outline: none;
}
input[readonly=readonly] {
	border: none !important; 
	padding: 0 !important;
}
.disabled {
	text-decoration: line-through; 
	cursor: not-allowed;
}
.js-toolset-maps-distance-center {
	width: 100%;
}




h1 {
	color: #4376D0;
	font-size: 6rem;
	font-weight: normal;
	/*letter-spacing: -1.4px;*/
	line-height: 1;
	margin: 1.5em 0 0.25em;
}
h2 {
	color: #AA4473;
	font-size: 3.2rem;
	font-weight: normal;
	line-height: 1;
	margin: 2em 0 0.25em;
}
@media(min-width: 991px){
	h2:first-child {
		margin-bottom: 0.55em;
		margin-top: 3.6em;
	}
}

h1 + h2 {
	margin-top: 0.75em;
}
h3 {
	color: #4C3E61;
	font-size: 2.6rem;
	font-weight: 600;
	margin: 1.5em 0 0.25em;
}
h2 + h3 {
	margin-top: 1em;
}
@media(min-width: 991px){
	.et_pb_text_inner h1:first-child {
		margin-top: 1em;
	}
	.et_pb_text_inner h2:first-child,
	.et_pb_text_inner h3:first-child {
		margin-top: 0;
	}
}

h4 {
	font-weight: bold;
}



p {
	margin: 0 0 1em;
}

li {
	margin: 0;
}

a {
	border-bottom: 2px solid #05ac94;
	/*color: #029883;*/
	color: #05ac94;
	line-height: 1.35;
	text-decoration: none;
	transition: all 0.3s;
}

a:hover {
	border-bottom-color: #337ab7;
	color: #337ab7;
}

#logo a,
a.button,
.share-your-story a,
#primary-menu a,
#fp-nav ul li a {
	border: none;
}

a:hover, a:focus {
	text-decoration: none;
}
a img {
	border: none;
}

strong, b {
	font-weight: 800; /* extra-bold */
}

hr {
	margin-top: 3rem;
	margin-bottom: 3rem;
	border: 0;
	border-top: 1px solid #95989A;
}





/* 
 * Site-wide general classes 
 */


.dpc-container {
	width: 80%;
    max-width: 1080px;
    margin: auto;
}
@media (max-width: 420px){
	.container {
		padding-right: 2vw;
		padding-left: 2vw;
	}	
}

 
.circle-image {
	border-radius: 100%;
	box-shadow: 0 0 8px rgba(0,0,0,0.16);
	max-width: 100%;
	height: auto;
}


/* clear-fix */
.cf:before,
.cf:after {content: ""; display: table;}
.cf:after {clear: both;}
/* For IE 6/7 (trigger hasLayout) */
.cf {zoom: 1;}


/* aspect ratio */
[data-aspect-ratio] {display: block; max-width: 100%; position: relative;}
[data-aspect-ratio]:before {content: ''; display: block;}
[data-aspect-ratio] * {display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}

[data-aspect-ratio="3:1"]:before {padding-top: 33.33%;}
[data-aspect-ratio="2:1"]:before {padding-top: 50%;}
[data-aspect-ratio="16:9"]:before {padding-top: 56.25%;}
[data-aspect-ratio="3:2"]:before {padding-top: 66.66%;}
[data-aspect-ratio="4:3"]:before {padding-top: 75%;}
[data-aspect-ratio="1:1"]:before {padding-top: 100%;}



.assistive-text, .menu-toggle, .screen-reader-text {display: none;}






.alignleft {
	clear: left;
	float: left;
	margin: 0 1em 1em 0;
}
.alignright {
	clear: right;
	float: right;
	margin: 0 0 1em 1em;
}




.page-title-banner {
	background: #fff;
	border-bottom: 10px solid #4376D0;
	padding: 4rem;
	text-align: center;
}
.page-title-banner.green {
	border-bottom-color: #00B99F;
}
.page-title-banner.purple {
	border-bottom-color: #774898;
}
.page-title-banner h1 {
	margin: 0;
}

.container .page-title-banner:not(.siteorigin-panels-stretch) {
	left: -2rem;
	position: relative;
	width: 100vw;
}
@media (min-width: 420px) {
	.container .page-title-banner:not(.siteorigin-panels-stretch) {
		left: -15px;
	}
}
@media (min-width: 767px){
	.container .page-title-banner:not(.siteorigin-panels-stretch) {
		left: calc( (-100vw + 720px) / 2);
	}
}
@media (min-width: 992px){
	.container .page-title-banner:not(.siteorigin-panels-stretch) {
		left: calc( (-100vw + 940px) / 2);
	}
}
@media (min-width: 1200px){
	.container .page-title-banner:not(.siteorigin-panels-stretch) {
		left: calc( (-100vw + 1140px) / 2);
	}
}









.button {
	background: #4376D0;
	border: none;
	border-radius: 6px;
	color: #fff;
	display: inline-block;
	font-size: 2rem;
	line-height: 1;
	margin-top: 0.4em;
	padding: 1.5rem 4rem 1rem;
	text-transform: uppercase;
	vertical-align: middle;
}

/* Internet Explorer 10+, Microsoft Edge Browser */
/* accommodate for the line height rendering differences in IE due to inherent issues with the font */
_:-ms-lang(x), .button { padding: 1.5rem 4rem 1.5rem; } 



.button:hover,
.button:focus {
	background: #5c8ee6;
	color: #fff;
}

.button.red {
	background: #AA4473;
}
.button.red:hover {
	background: #B7587D;
	color: #fff;
}
.button.green {
	background: #00B99F;
}
.button.green:hover {
	background: #20C7B0;
	color: #fff;
}
.button.purple {
	background: #8B5BAC;
}
.button.purple:hover {
	background: #9770B2;
	color: #fff;
}




/* Fact */
.fact,
#et_builder_outer_content .fact {
	background: #fff;
	box-shadow: 0 3px 6px #00000016;
	color: #4C3E61;
	display: -ms-flexbox;
	display: flex;
	font-size: 2rem;
	font-style: italic;
	line-height: 1.35;
	margin: 2em 0;
	padding-right: 3rem;
}
.fact > *,
#et_builder_outer_content .fact > * {
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	margin: 0;
	padding: 2rem 0 2rem 3rem;
}
#et_builder_outer_content .fact p:last-of-type {
	padding-bottom: 2rem;
}

#et_builder_outer_content .fact h3,
.fact h3 {
	font-weight: normal;
}
.fact h3,
#et_builder_outer_content .fact h3 {
	color: #4376D0;
	font-size: 6rem;
	font-style: normal;
	line-height: 0.9;
	text-transform: uppercase;
}
@media (max-width: 780px){
	.fact,
	#et_builder_outer_content .fact {
		font-size: 1.5rem;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}
	.fact h3,
	#et_builder_outer_content .fact h3 {
		font-size: 4rem;
	}
}






/* testimonial pullquote  */
.testimonial-pullquote,
#et_builder_outer_content .testimonial-pullquote {
	background: #fff;
    border: 1px solid #9599ab;
    border-radius: 8px;
    font-size: 2rem;
    font-style: italic;
}
.testimonial-pullquote .image,
#et_builder_outer_content .testimonial-pullquote .image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 7px 7px 0 0;
}
.testimonial-pullquote .testimonial,
#et_builder_outer_content .testimonial-pullquote .testimonial {
	padding: 4rem 6rem;
	position: relative;
}
.testimonial-pullquote .testimonial:before,
#et_builder_outer_content .testimonial-pullquote .testimonial:before {
	background: url(images/testimonial-pullquote-leftdoublequote.svg) no-repeat center;
	background-size: contain;
	content: '';
	height: 6rem;
	left: -3rem;
	position: absolute;
	top: 1rem;
	width: 6rem;
}
#et_builder_outer_content .testimonial-pullquote .dp_field_tinymce {
	margin-bottom: 1em;
}
#et_builder_outer_content .testimonial-pullquote .testimonial__submitter-name {
	display: block;
	font-size: 22px;
}
#et_builder_outer_content .testimonial-pullquote .testimonial__submitter-location {
	display: block;
	font-size: 16px;
	font-weight: bold;
}


@media (max-width: 980px){
	.testimonial-pullquote,
	#et_builder_outer_content .testimonial-pullquote {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	.testimonial-pullquote .testimonial,
	#et_builder_outer_content .testimonial-pullquote .testimonial {
		padding: 2rem 3rem;
	}
	.testimonial-pullquote .testimonial:before,
	#et_builder_outer_content .testimonial-pullquote .testimonial:before {
		height: 4rem;
	}
}








/* Share your Story */
.share-your-story {
	margin: 0 0 8rem;
}
@media (max-width: 780px){
	.share-your-story {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
}





/* Boxed content */
.boxed {
	margin: 3em 0;
	padding: 3em;
}
.boxed--fat {
	margin: 5em 0;
	padding: 5em;
}
@media(max-width: 768px){
	.boxed {
		padding: 2em;
	}
	.boxed--fat {
		margin: 3em 0;
		padding: 2.5em;
	}
}
.boxed--white {
	background: #fff;
}

.boxed h1:first-child {
	margin-top: 0em;
}
.boxed h2:first-child {
	margin-top: 0.5em;
}
.boxed h3:first-child {
	margin-top: 0.5em;
}

.boxed--with-image {
	display: flex;
	align-items: stretch;
	padding: 0;
}

.boxed--with-image > * {
	flex: 1;
	padding: 3em;
}

.boxed--fat.boxed--with-image > * {
	flex: 1;
	padding: 5em;
}
.boxed--with-image .boxed__image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media(max-width: 991px){
	.boxed--with-image {
		flex-direction: column;
	}
	.boxed--with-image .boxed__image {
		order: -1;
	}
	.boxed--with-image .boxed__image:before {
		content: '';
		display: block;
		padding-top: 50%;
	}
}




.et_divi_builder #et_builder_outer_content .et_pb_row.coverage-row {
	background: #fff;
	padding: 3em 3em 2em;
}
.et_divi_builder #et_builder_outer_content .et_pb_row.coverage-row:focus {
	background: #f6f6f6;
	position: relative;
	z-index: 1;
}
.et_divi_builder #et_builder_outer_content .et_pb_row.coverage-row .et_pb_image_wrap img {
	border: 1px solid #95989A;
	box-shadow: 0 0 8px rgba(0,0,0,0.16);
	height: auto;
	padding: 15px;
	width: 100%;
}



/* Did you know */
.did-you-know h2:first-child {
	color: #785391;
	font-size: 6rem;
	margin-top: -1.5em;
}





/* Tweaks to Page builder grid system to match Bootstrap */
@media(min-width: 768px){
	.panel-layout {
		margin-left: -15px;
		margin-right: -15px;
	}
}


/* Bootstrap grid additions */
@media (max-width: 420px){
	/* ?? */
	.container {
		padding-right: 2rem;
		padding-left: 2rem;
	}

}





/* 
 * full width split columns 
 */

@media(max-width: 991px){
	.flex-row > * {
		padding: 1rem 3rem 4rem;
	}
}
@media(min-width: 992px){
	.flex-row {
		display: flex;
		align-content: flex-start;
	}
	.flex-row > * {
		padding: 2rem 4rem 8rem;
	}
}


/*.stretch-to-right-edge {
	position: relative;
}
.stretch-to-right-edge::before {
	background: #fff;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	z-index: -1;
}

@media(max-width: 779px){
	.stretch-to-right-edge::before {
		margin-left: -15px;
		left: auto;
		width: 100vw;
	}
}
@media(max-width: 480px){
	.stretch-to-right-edge::before {
		margin-left: -2rem;
	}	
}
@media(min-width: 780px){
	.stretch-to-right-edge::before {
		width: calc( 100% + ((100vw - 750px)/2) );
	}
}
@media(min-width: 992px){
	.stretch-to-right-edge::before {
		width: calc( 100% + ((100vw - 970px)/2) );
	}
}
@media(min-width: 1200px){
	.stretch-to-right-edge::before {
		width: calc( 100% + ((100vw - 1170px)/2) );
	}
}



.stretch-to-left-edge {
	position: relative;
}
.stretch-to-left-edge::before {
	background: #fff;
	content: '';
	height: 100%;
	right: 0;
	position: absolute;
	top: 0;
	z-index: -1;
}

@media(max-width: 780px){
	.stretch-to-left-edge::before {
		margin-left: -15px;
		right: auto;
		width: 100vw;
	}
}
@media(max-width: 420px){
	.stretch-to-left-edge::before {
		margin-left: -2rem;
	}	
}
@media(min-width: 781px){
	.stretch-to-left-edge::before {
		width: calc( 100% + ((100vw - 750px)/2) );
	}
}
@media(min-width: 992px){
	.stretch-to-left-edge::before {
		width: calc( 100% + ((100vw - 970px)/2) );
	}
}
@media(min-width: 1200px){
	.stretch-to-left-edge::before {
		width: calc( 100% + ((100vw - 1170px)/2) );
	}
}*/

















/* 
 * 
 */

#header {
	background: #4376D0;
	color: #fff;
	z-index: 1000;
}
body.home #header {
	top: 0;
    left: 0;
    position: fixed;
    width: 100%;
}
#logo a span {
	display: none;
}

#primary-menu {
	font-weight: bold;
}
#primary-menu a {
	text-decoration: none;
	position: relative;
}







#content {
	padding-top: 2em;
}








/* desktop. 1024 and up */
@media (min-width: 992px) {
	
	#header-inner {
		align-items: center;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
		width: 100%;
	}

	#header-inner > * {
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
	}


	#primary-nav-menu-toggle {
		display: none;
	}
	#primary-navigation {
		display: block !important;
	}
	
	#primary-menu {
		list-style: none;
		margin: 0;
		padding: 0;
		letter-spacing: 1px;
		line-height: 1;
		text-align: right;
		width: 100%;
		white-space: nowrap;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
	}
	
	#primary-menu li {
		display: inline-block;
		vertical-align: middle;
		white-space: normal;
		text-align: center;
	}

	#primary-menu a {
		display: inline-block;
		padding: 0.25em 0;
		position: relative;
		font-size: 14px;
		color: #fff;
		letter-spacing: 0.8px;
	}

	#primary-menu li.red a {
		font-family: 'Open Sans',Helvetica,Arial,sans-serif;
		font-size: 14px;
		padding: 10px 14px;
		background: #AA4473;
		border-radius: 6px;
		letter-spacing: 0.8px;
	}
	
	#primary-menu li.red a:hover {
		background: #B7587D;
	}
	
	#primary-menu li.red,
	#primary-menu li.red:hover {
		background: transparent;
		margin: 0;
	}

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

	#primary-menu li.current-menu-item a,
	#primary-menu li.current-menu-parent a,
	#primary-menu li.current-menu-ancestor a/*,
	#primary-menu li.current-menu-item a::after,
	#primary-menu li.current-menu-parent a::after,
	#primary-menu li.current-menu-ancestor a::after*/ {
		color: #D9ECF4;
		border-bottom: 2px solid #D9ECF4;
	}

}

/* Size and spacing adjustments to the header area for desktop versions */
@media(min-width: 992px){
	#logo {
		font-size: 15px;
		margin: 2rem;
		margin-left: 0;
	}
	#logo img {
		height: 38px;
		width: auto;
	}
	#primary-menu {
		font-size: 1.3rem;
	}
	#primary-menu li {
		padding: 0 1rem;
	}
	#primary-menu a {
		font-size: 12px;
	}
	#primary-menu li.red a {
		font-size: 12px;
	}
}
 @media(min-width: 1200px){
	#logo {
		font-size: 15px;
		margin: 2.5rem;
		margin-left: 0;
	}
	#logo img {
		height: 60px;
		width: auto;
	}
	#primary-menu {
		font-size: 1.5rem;
	}
	#primary-menu li {
		padding: 0 1.3rem;
	}
	 #primary-menu a {
		font-size: 14px;
	}
	#primary-menu li.red a {
		font-size: 14px;
	}
}
@media (min-width: 1400px) and (max-aspect-ratio: 2/1){
/*	#logo {
		margin: 4rem;
		margin-left: 0;
	}
	#logo img {
		
	}
	#primary-menu {
		font-size: 1.8rem;
	}
	#primary-menu li {

	}*/
	
}

/* tablet and mobile. 991 and below */
@media (max-width: 991px){
	body {
		padding-top: 68px;
	}
	#header {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
	}
	#header-inner {
		position: relative;
	}
	
	#primary-nav-menu-toggle {
		left: 6vw;
		position: fixed;
		top: 25px;
		z-index: 20;
	}
	#logo {
		text-align: center;
		margin: 12px 0;
	}
	#logo,
	#logo img {
		height: 40px;
		vertical-align: top;
	}

	#primary-navigation {
		background: #2E58AB;
		box-sizing: border-box;
		display: none; 
		left: 0;
		min-height: 100vh;
		overflow-y: scroll;
		padding: 10vh 6vw;
		position: fixed;
		top: 0;
		width: 100vw;
		z-index: 10;
	}

	#primary-menu {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5;
		list-style: none;
		letter-spacing: 1px;
		margin: 0 0 2em;
		padding: 0;
		text-align: left;
	}
	#primary-menu li {
		padding: 0;
		border-bottom: 1px solid #ffffff30;
	}
	#primary-menu li:last-child {
		border-bottom: none;
	}
	#primary-menu li.red {
		margin: 30px 0 0 0;
	}
	#primary-menu li.red a {
		font-size: 16px;
		padding: 10px 14px;
		font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	}
	#primary-menu a {
		color: #fff;
		display: block;
		padding: 15px 0;
		position: relative;
	}
	#primary-menu li.current-menu-item a,
	#primary-menu li.current-menu-parent a,
	#primary-menu li.current-menu-ancestor a {
		color: #D9ECF4;
	}

	#primary-menu li a:hover {
		color: #FCED89;
	}

	#primary-menu li a::after,
	#primary-menu li a::after,
	#primary-menu li a::after {
		background: #D9ECF4;
	}

}














.search-form {
	
}
.search-form input.search-field {
	border: none;
	border-radius: 3rem;
	color: #A980B2;
	/*font-size: 2rem;*/
	font-weight: 400;
	height: 38px;
	line-height: 38px;
	padding: 0 1.25em;
	text-transform: uppercase;
	width: auto;
}
.search-form input.search-field {
	width: calc(100% - 55px);
}
.search-form input.search-field:focus {
	outline: none;
}
.search-form input.search-field::placeholder {
	color: #A980B2;
}

.search-form button.search-submit {
	background: none;
	border: none;
	font-size: 1.5em;
}
/* 992px and up */
@media(min-width: 992px){
	#header .search-form {
		display: none;
	}
}
/* 991px and below */
@media (max-width: 991px){

	#footer .search-form {
		display: none;
	}

}







#footer {
	background: #532C6E;
	color: #fff;
	padding: 4.5em 5vw;
}

#footer-menu {
	/*display: flex;
	justify-content: space-between;*/
	margin: 0; 
	padding: 0;
}
#footer-menu li {
	list-style: none;
}

#footer-menu a {
	border: none;
	color: #FCED89;
	display: block;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}
#footer-menu ul {
	margin: 0 0 2.5em;
	padding: 0;
}
#footer-menu ul a {
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	margin: 0;
	padding: 0.25em 0;
	text-transform: none;
}
#footer-menu ul a:hover {
	text-decoration: underline;
}
@media(min-width: 781px){
	#footer-menu > li {
		width: 22%;
		float: left;
		margin-right: 4%;
	}
	#footer-menu > li:last-child {
		margin-right: 0;
	}

}
@media(min-width: 420px) and (max-width: 780px){
	#footer-menu > li {
		width: 48%;
		float: left;
		margin-right: 4%;
	}
	#footer-menu > li:nth-child(2n) {
		margin-right: 0;
	}
	
}



#footer .copyright {
	text-align: center;
	margin: 4em 0 auto;
}







/* 
 * TOOLSET 
 */

/* Hide fields in ZIP search form */
@media(min-width: 420px){
	form[data-viewid="22"] {
		display: flex;
		align-items: flex-start;
	}
}

form[data-viewid="22"] .hide,
form[data-viewid="22"] span,
form[data-viewid="22"] img,
form[data-viewid="22"] select,
form[data-viewid="22"] button,
form[data-viewid="22"] input,
form[data-viewid="22"] .js-toolset-maps-distance-current-location {
	display: none !important;
}

form[data-viewid="22"] input[type="submit"],
form[data-viewid="22"] input#toolset-maps-distance-center {
	display: block !important;
}
/*form[data-viewid="22"] .form-group {
	float: left;
	width: 70%;
}*/
form[data-viewid="22"] input[type="submit"] {
	/*float: left;*/
	margin-left: 1rem;
}
@media (max-width: 420px){
	.form-group {
		margin: 0;
	}
	form[data-viewid="22"] input[type="submit"] {
		margin: 0 0 3rem;
		width: 100%;
	}
}



/* class id search form */
.class-id-search-form input[type="submit"] {
	margin-top: 0.5em;
	width: 100%;
}
.class-id-search-form .form-group {
	margin: 0 0 1em;
}
@media(min-width: 768px){
	.class-id-search-form .form-group {
		display: block;
	}
	.class-id-search-form .form-group > * {
		display: inline-block;
		max-width: 60%;
	}
	.class-id-search-form input[type="submit"] {
		width: auto;
		margin-left: 1em;
		margin-top: 0;
	}
}



/* Sessions */
.session.single {
	background: #fff;
    padding: 3rem;
    margin: 10rem 0;
}
.session.single h2 {
	margin: 0 0 0.25em;
}
.session.single .day-time {
	font-size: 2.2rem;
	font-weight: bold;
}

/* in search results */
.session.in-search-results {
	background: #EAEBEF;
	border-radius: 5px;
	font-size: 2rem;
	margin: 0 15px 3rem 15px;
}
.session.in-search-results:hover {
	background: #F7F7F8;
	box-shadow: 2px 4px 6px #00000040;
	color: #4376D0;
}
.session .class-name {
	font-size: 2.5rem;
}
.session h2 {
	color: #AA4473;
	font-size: 3.2rem;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 0.25em;
}
.session.in-search-results h3 {
	font-size: 2rem;
	font-weight: normal;
	margin-top: 0;
}
.session.in-search-results:hover h3 {
	color: #4376D0;
}
.session.in-search-results .header {
	padding: 3rem 2.5rem 1em;
}
.session.in-search-results a {
	color: inherit;
}



.session.in-search-results .venue {
	line-height: 1em;
}
.session.in-search-results .venue-name {
	font-size: 2rem;
}
.session.in-search-results .venue-address {
	font-size: 1.7rem;
}

.session.in-search-results .row:last-of-type > * {
	padding-bottom: 0;
}



/* Orientation dates */
.orientation_dates.text {
	display: block;
	font-size: 2rem;
	margin: 0;
	text-align: right;
}
.orientation_dates.text span {
	display: inline-block; 
	margin: 0 1rem 0 0;
}
.orientation_dates.text .disabled {
	color: #BDB8C1;
}
@media(max-width: 767px){
	.orientation_dates.text {
		text-align: left;
		margin: 1em 0;
	}
}

/* zip code search */
#zip-search-results {
	background: #fff;
	display: none;
	padding: 2em;
	transform: translateX(50vw);
}
@media(max-width: 600px){
	#zip-search-results {
		padding: 1em;
	}
}
#zip-search-results.user-has-searched {
	animation: slideIn 1s;
	animation-fill-mode: forwards;
	display: block;
}
#wpv-view-layout-22-TCPID19 {
	display: block !important;
	opacity: 1 !important;
}

@keyframes slideIn {
	from {
		transform: translateX(50vw);
	}
	to {
		transform: translateX(0);
	}
}



@media (min-width: 981px){
	.et_divi_builder #et_builder_outer_content .et_pb_gutters3 .zip-search-divi-row > .et_pb_column_1_2:first-child {
		width: 40%;
	}
	.et_divi_builder #et_builder_outer_content .et_pb_gutters3 .zip-search-divi-row > .et_pb_column_1_2:last-child {
		width: 52%;
	}
}



/* CLASS ID SEARCH */
#class-id-search-results {
	margin-bottom: 3em;
}













/* Divi Builder Customizations */ 
/*#et_builder_outer_content p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}*/
#et_builder_outer_content .et_pb_section:last-of-type .et_pb_row:last-of-type {
	padding-bottom: 4em;
}
@media all and (max-width: 380px) { 

	/* prepend "body" element selector to make this rule more specific than the divi styles */
	body.et_divi_builder #et_builder_outer_content .et_pb_row {
		width: 88%;
	}

} 



/* Bootstrap Customizations */
.row:last-of-type > * {
	padding-bottom: 4em;
}





















/*** MENU TOGGLE ***/
.menu-toggle-box {
	width: 25px;
	height: 19px;
	display: inline-block;
	position: relative;
}

.menu-toggle-inner {
	display: block;
	top: 50%;
	margin-top: -1.5px;
}

.menu-toggle-inner,
.menu-toggle-inner::before,
.menu-toggle-inner::after {
	width: 25px;
	height: 3px;
	background-color: #fff;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}
.menu-toggle-inner::before,
.menu-toggle-inner::after {
	content: "";
	display: block;
}

.menu-toggle-inner::before {
	top: -8px;
}

.menu-toggle-inner::after {
	bottom: -8px;
}

.menu-toggle-stand.is-active .menu-toggle-inner {
	transform: rotate(90deg);
	background-color: transparent;
	transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
}

.menu-toggle-stand.is-active .menu-toggle-inner::before {
	top: 0;
	transform: rotate(-45deg);
	transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.menu-toggle-stand.is-active .menu-toggle-inner::after {
	bottom: 0;
	transform: rotate(45deg);
	transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.menu-toggle-stand.is-active .menu-toggle-inner::before,
.menu-toggle-stand.is-active .menu-toggle-inner::after {
	background-color: #fff;
}





/*** CONTACT FORM 7 CF7 ***/
div.wpcf7-mail-sent-ok {
	background: #F3B91A;
	border: none;
	color: #fff;
}
div.wpcf7-response-output {
	background: #DF5926;
	border: none;
	color: #fff;
}
div.wpcf7-validation-errors {
	background: #FCED89;
	color: #532c6e;
	border: none;
	padding: 1em 2em;
	margin: 1em 0;
}
span.wpcf7-not-valid-tip {
	border: none;
	color: #DF5926;
}
.wpcf7-form-control.g-recaptcha {
	margin: 0 0 2em;
}






/* desktop */
@media (min-width: 769px) {



}

/* desktop AND tablet */
@media (min-width: 641px){



}

/* tablet */
@media (max-width: 768px) and (min-width: 641px) {



}

/* tablet AND phone */
@media (max-width: 768px){



}

/* phone */
@media (max-width: 640px) {

	

}






/*** WP ADMIN BAR ***/
@media (max-width: 991px){

	.logged-in #header,
	/*.logged-in #primary-nav-menu-toggle,*/
	.logged-in #content {
		margin-top: 32px;
	}

	.logged-in #primary-nav-menu-toggle {
		top: 53px;
	}

}
@media (max-width: 780px){

	.logged-in #primary-nav-menu-toggle {
		top: 69px;
	}

	.logged-in #header,
	/*.logged-in #primary-nav-menu-toggle,*/
	.logged-in #content {
		margin-top: 46px;
	}

}

html.fp-enabled { margin-top: 0 !important; }




























































































 














/*
 * HOMEPAGE 
 */

/* Fonts/colors */
.slide h1,
#pre {
	text-transform: uppercase;
}

.slide h1 {
	color: #93ADD2;
	margin: 0;
}
.slide h1 .pre {
	color: #4575B7;
}
.slide h2 {
	margin-top: 0;
}
.slide hr {
	border-top: 2px solid #4376D0;
	margin: 0;
}
#pre {
	color: #4575B7;
}

.slide-body {
	padding-top: 3rem;
}

.fact h2 {
	margin: 0;
	color: #4376D0;
}
.fixed-testimonial {
	color: #fff;
	font-size: 2.75vh;
	font-style: italic;
	text-shadow: 0 3px 6px #00000016;
}









#fixedElements {
	height: 100%;
	left: 0;
	position: fixed;
    top: 0;
    width: 100%;   
    z-index: -1;
}

#fixedAside {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}


#homepageSlidesController {
	border-radius: 100%;
	bottom: 12vh;
    cursor: pointer;
    display: none;
    left: 5vw;
    position: absolute;
    transition: background 0.5s;
}
@media(min-width: 450px){
	#homepageSlidesController {
		display: block;
	}
}
#homepageSlidesController:hover {
	background: #ffffff90;
}
#homepageSlidesController .next,
#homepageSlidesController .top {
	border-radius: 100%;
	height: 5vw;
	max-height: 150px;
	max-width: 150px;
	min-height: 75px;
	min-width: 75px;
	width: 5vw;
}
#homepageSlidesController .next {
	background: url(images/homepageSliderNext.svg) no-repeat center;
}
#homepageSlidesController .top {
	display: none;
	background: url(images/homepageSliderTop.svg) no-repeat center;
}







.fixed-testimonial {
	position: absolute;
	top: 83vh;
	left: 10vh;
	opacity: 0;
	padding: 12px 0 0 4em;
	transition: opacity 1s;
	width: 46vh;
	z-index: 2;
}
.active .fixed-testimonial {
	opacity: 1;
}
.fixed-testimonial:before {
	background: url(images/testimonial-pullquote-leftdoublequote_white.svg) no-repeat center;
	background-size: contain;
	content: '';
	height: 3em;
	left: 0;
	position: absolute;
	top: 1rem;
	width: 3em;
}





.factGroup {
	/* control arc sizing and position here */
	box-sizing: border-box;
	opacity: 0;
	position: absolute;
	transition: opacity 2s;
	z-index: -1;

	height: 200vh;
	width: 200vh;
	
	right: -140vh;
	top: -15vh;
}
.factGroup.active {
	opacity: 1;
}
.factGroup.active.up {
	z-index: 1;
}

.arc {
	border-radius: 100%;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
    z-index: 1;
}
.arc::before {
	border-radius: 100%;
	border-style: solid;
	border-width: 3vh;
	box-sizing: border-box;
	content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.arc-image {
	/* adjust size of background image here to match the portion of the arc that is shown */
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    left: 0;
    position: absolute;
    top: 15vh;
    width: 60vh;   
}

/* */
.factGroup:nth-child(1n) .arc-image {
	background-color: #72CFC2;
}
.factGroup:nth-child(2n) .arc-image {
	background-color: #95D3E1;
}
.factGroup:nth-child(3n) .arc-image {
	background-color: #96B2D9;
}
.factGroup:nth-child(4n) .arc-image {
	background-color: #B09BBE;
}

.factGroup:nth-child(1n) .arc::before {
	/*border-color: #1CB89Fa8;*/
	border-color: rgba(28, 184, 159, 0.66);
}
.factGroup:nth-child(2n) .arc::before {
	/*border-color: #41B5CAa8;*/
	border-color: rgba(65, 181, 202, 0.66);
}
.factGroup:nth-child(3n) .arc::before {
	/*border-color: #658BC0a8;*/
	border-color: rgba(101, 139, 192, 0.66);
}
.factGroup:nth-child(4n) .arc::before {
	/*border-color: #77558Fa8;*/
	border-color: rgba(119, 85, 143, 0.66);
}







.fixed-fact {
	align-items: center;
	background: #fff;
	border-radius: 100%;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	font-size: 1.8rem;
	font-style: italic;
	justify-content: center;
	padding: 2vh;
	position: relative;
	text-align: center;
	z-index: 3;

	width: 28vh;
	height: 28vh;
	
	top: 34vh;
	left: 2vh;

	/* NOTE TO SELF: to calculate these transform origin values...
		take half of the width of the arc, 
		then accomodate for the width of the fact, 
		and the position of the fact relative to the arc 
		(ie. 150/2 = 75. 75-20 = 55) 
	*/
	/* (x , y) (98vh - 14vh, 66vh - 14vh) */
	-webkit-transform-origin: calc(84vh) calc(54vh);
	transform-origin: calc(84vh) calc(54vh);
}

.fixed-fact h3 {
	color: #4376D0;
	font-size: 7vh;
	font-style: normal;
	font-weight: normal;
	line-height: 0.9;
	margin: 0 0 0.1em;
	text-transform: uppercase;
}
.fixed-fact p {
	font-size: 2vh;
	margin: 0;
	width: 100%;
}









/* FACT ANIMATION */


/*** clockwise ***/
/* direction: down */

@media(min-width: 450px) {
.down.active .fixed-fact,
.inFromBottom {
	/* coming in from the bottom */
	/* from -90 to 0 */
	animation-name: inFromBottom;
	animation-duration: 1s;
	animation-timing-function: ease-out;
}
.down .fixed-fact,
.outToTop {
	/* going out towards to the top */
	/* from 0 to 90 */
	animation-name: outToTop;
	animation-duration: 1s;
	animation-timing-function: ease-in;
}


/*** counter clockwise ***/
/* direction: up */

.up.active .fixed-fact,
.inFromTop {
	/* coming in from the top */
	/* from  90 to 0 */
	animation-name: inFromTop;
	animation-duration: 1s;
	animation-timing-function: ease-out;
}
.up .fixed-fact,
.outToBottom {
	/* going out towards to the bottom */
	/* from 0 to -90 */
	animation-name: outToBottom;
	animation-duration: 1s;
	animation-timing-function: ease-in;
}
}


@keyframes inFromBottom {
    from {
    	transform: rotate(-90deg)
    }
    to {
    	transform: rotate(0deg)
    }
}
@keyframes outToTop {
    from {
    	transform: rotate(0deg)
    }
    to {
    	transform: rotate(90deg)
    }
}

@keyframes inFromTop {
    from {
    	transform: rotate(90deg)
    }
    to {
    	transform: rotate(0deg)
    }
}
@keyframes outToBottom {
    from {
    	transform: rotate(0deg)
    }
    to {
    	transform: rotate(-90deg)
    }
}





/* animate slide h1 */
@media(min-width: 450px){
	.slide h1 {
		opacity: 0;
		animation-name: factH1Out;
		animation-duration: 0s;
		animation-timing-function: ease-out;
		animation-fill-mode: backwards;
	}
	.active.slide h1 {
		animation-name: factH1In;
		animation-duration: 0.2s;;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
		animation-delay: 0.6s;
	}
}


@keyframes factH1Out {
    from {
    	opacity: 1;
    	transform: none;
    }
    to {
    	opacity: 0;
    	transform: translate3d(-15%,0,0);
    }
}
@keyframes factH1In {
    from {
    	opacity: 0;
    	transform: translate3d(-15%,0,0);
    }
    to {
    	opacity: 1;
    	transform: none;
    }
}





/* animate slide h2 */
@media(min-width: 450px) {
	.slide h2 {
		opacity: 0;
		animation-name: fadeOutLeft;
		animation-duration: 0s;
		animation-timing-function: ease-out;
		animation-fill-mode: backwards;
	}
	.active.slide h2 {
		animation-name: fadeInLeft;
		animation-duration: 0.2s;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
		animation-delay: 0.7s;
	}



	/* animate slide hr */
	.slide hr {
		opacity: 0;
		animation-name: fadeOutLeft;
		animation-duration: 0s;
		animation-timing-function: ease-out;
		animation-fill-mode: backwards;
	}
	.active.slide hr {
		animation-name: fadeInLeft;
		animation-duration: 0.2s;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
		animation-delay: 0.8s;
	}



	/* animate slide body */
	.slide .slide-copy {
		opacity: 0;
		animation-name: fadeOutLeft;
		animation-duration: 0s;
		animation-timing-function: ease-out;
		animation-fill-mode: backwards;
	}
	.active.slide .slide-copy {
		animation-name: fadeInLeft;
		animation-duration: 0.2s;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
		animation-delay: 0.9s;
	}




	.slide .slide-button {
		opacity: 0;
		animation-name: fadeOutLeft;
		animation-duration: 0s;
		animation-timing-function: ease-out;
		animation-fill-mode: backwards;
	}

	.active.slide .slide-button {
		animation-name: fadeInLeft;
		animation-duration: 0.2s;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
		animation-delay: 1s;
	}



	.slide .fact {
		opacity: 0;
		animation-name: fadeOutLeft;
		animation-duration: 0.2s;
		animation-timing-function: ease-out;
		animation-fill-mode: backwards;
	}
	.active.slide .fact {
		animation-name: fadeInLeft;
		animation-duration: 0.2s;
		animation-timing-function: ease-out;
		animation-fill-mode: forwards;
		animation-delay: 1.2s;
	}

}

@keyframes fadeOutLeft {
    from {
    	opacity: 1;
    	transform: none;
    }
    to {
    	opacity: 0;
    	transform: translate3d(0,0,0);
    }
}
@keyframes fadeInLeft {
    from {
    	opacity: 0;
    	transform: translate3d(-6%,0,0);
    }
    to {
    	opacity: 1;
    	transform: none;
    }
}

@media(max-width: 450px){
	.fp-section,
	.fp-tableCell {
		height: auto !important;
	}
}


















#fp-nav.left {
	left: 0;
	top: 0;
	margin-top: 0 !important; 
	padding-top: 68px; /* (to accomodate for the height of the header) */
	box-sizing: border-box;
	height: 100vh;
	position: fixed;
	z-index: 900;
}
#fp-nav ul {
	list-style: none;
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

	-webkit-flex-direction: row-reverse; /* Safari 6.1+ */
	flex-direction: column;
	margin: 0; padding: 0;
	height: 100%;
	width: 25px;
}
#fp-nav ul li {
	-webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
	-webkit-flex: 1;       /* Safari 6.1+. iOS 7.1+, BB10 */
	-ms-flex: 1;           /* IE 10 */
	flex: 1;               /* NEW, Spec - Firefox, Chrome, Opera */
	margin: 0;
}
#fp-nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
#fp-nav ul li a span,
#fp-nav ul li:hover a span,
#fp-nav ul li:hover a.active span,
#fp-nav ul li a.active span {
	width: 100%;
	height: 100%;
	margin: 0;
	border-radius: 0;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 0.5s;
}
#fp-nav ul li a span {
	display: block;
	position: absolute;
}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span {
	left: 50%;
	opacity: 1;
}


#fp-nav ul li a.active {

}
#fp-nav ul li:first-child a {
	background: #72CFC2;
}
#fp-nav ul li:nth-child(2) a {
	background: #95D3E1;
}
#fp-nav ul li:nth-child(3) a {
	background: #96B2D9;
}
#fp-nav ul li:nth-child(4) a {
	background: #B09BBE;
}

#fp-nav ul li:first-child a span {
	background: #1CB89F;
}
#fp-nav ul li:nth-child(2) a span {
	background: #41B5CA;
}
#fp-nav ul li:nth-child(3) a span {
	background: #658BC0;
}
#fp-nav ul li:nth-child(4) a span {
	background: #77558F;
}

@media (max-width: 450px){
	/* override the fullpage js inline styles here cuz we want to show the nav on mobile */
	#fp-nav {
		display: block !important;
	}
	#fp-nav.left {

	}
	#fp-nav ul {
		display: block;
		list-style: none;
		margin: 0; 
		padding: 0;
	}
	#fp-nav ul li {
		height: calc(25vh - 17px);
		width: 25px;
	}
}


.slide .iScrollVerticalScrollbar {
	display: none !important;
}










/* 
 * toggle between mobile/desktop versions 
 */

/* narrower than square (mobile-ish)  */
@media (max-aspect-ratio: 1/1), (max-width: 700px) {
	
	#fixedAside {
		display: none;
	}
	#homepageSlides .section .inner {
		width: 100vw;
	}
	#pre {
		display: none;
	}

}
@media (max-width: 450px){
	#homepageSlides .section .inner-centered {
		padding-top: 10vh;
	}
	#homepageSlides .section:first-child .inner-centered {
		padding-top: 10vh;
	}
}
/* wider than square (desktop-ish) */
@media (min-aspect-ratio: 1/1) and (min-width: 701px) {

	#homepageSlides .fact {
		display: none;
	}

	.slide h1 .pre {
		visibility: hidden;
	}

}





/* Slide content width and positioning */
/* square and up (desktop-ish) */
@media (min-aspect-ratio: 1/1) and (min-width: 701px) {
	/*body {background: mediumpurple !important;}*/

	#pre-wrapper {
		position: fixed;
		top: 0;
		left: 0;
	}
	#homepageSlides .section .inner,
	#pre-wrapper {
		width: 68vw;	
	}
	#homepageSlides .section .inner {
		min-height: 100vh;
		box-sizing: border-box;
	}
	#homepageSlides .section .inner-centered,
	#pre-container {
		width: 80%;
		padding: 20vh 5vw 5vw;
		margin: 0 auto;
	}
	.slide h1,
	#pre {
		font-size: 10rem;
		line-height: 1em;
	}
	.slide h2 {
		font-size: 3rem;
	}
	.slide-body {
		font-size: 1.8rem;
	}

	#fp-nav ul li {
		width: 26px;
	}

}


@media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 4/3) {
	/*body {background: teal !important;}*/
	
	/* show less "fact" on narrower screens */
	.factGroup {
		right: -160vh;
	}
	.ar-image {
		width: 40vh;
	}

	.fixed-fact {
		top: 36vh;
		left: 6vh;
		/* (x , y) (98vh + 14vh, 66vh + 14vh) */
		-webkit-transform-origin: calc(112vh) calc(88vh);
		transform-origin: calc(112vh) calc(88vh);
	}

	.fixed-testimonial {
		font-size: 2rem;
		left: 8vh;
		top: 83vh;
		width: 30vh;
	}

}

@media (min-aspect-ratio: 16/9){
	/*body {background: coral !important;}*/
	/*.fixed-fact {
		margin-top: 4vh;
		margin-left: 4vh;
	}*/

}

/* adjust font sizes slightly at smaller widths */
@media (min-aspect-ratio: 1/1) and (max-width: 1280px){
	.slide h1, #pre { 
		font-size: 7rem; /* base this on rem's so that they can scale together (since they are in different containers ) */
	}
	.slide .slide-body {
		font-size: 86%; /* we can the rest of the test proportionately by scaling the slide body element font size */
	}

}	
/* adjust font sizes for really short and wide ratios */
@media (min-aspect-ratio: 2/1) and (max-width: 1400px) {
	/*body {background: maroon !important;}*/
	.slide h1, #pre { 
		font-size: 7rem;
	}
	.slide .slide-body {
		font-size: 86%;
	}
}

/* set fixed styles for the fact after a certain height, so shit don't get too big yo */
@media (min-height: 860px){
	.fixed-fact {
		height: 240px;
		width: 240px;
	}
	.fixed-fact h3 {
		font-size: 58px;
	}
	.fixed-fact p {
		font-size: 16px;
	}
}

@media(max-width: 450px){
	#fp-nav ul li {
		width: 5vw;
	}
}
/* Square and below (mobile) */
@media (max-aspect-ratio: 1/1), (max-width: 700px){

	#homepageSlides .section .inner-centered,
	#pre-container {
		padding: 18vh 5vw 0 15vw;
	}
	.slide-body {
		font-size: 1.5rem;
	}	
}

/* Divi Overrides */
/* body #et-boc .et-l .hentry,
body #et-boc .et-l a,
body #et-boc .et-l a:active,
body #et-boc .et-l blockquote,
body #et-boc .et-l div,
body #et-boc .et-l em,
body #et-boc .et-l form,
body #et-boc .et-l h1,
body #et-boc .et-l h2,
body #et-boc .et-l h3,
body #et-boc .et-l h4,
body #et-boc .et-l h5,
body #et-boc .et-l h6,
body #et-boc .et-l hr,
body #et-boc .et-l iframe,
body #et-boc .et-l img,
body #et-boc .et-l input,
body #et-boc .et-l label,
body #et-boc .et-l li,
body #et-boc .et-l object,
body #et-boc .et-l ol,
body #et-boc .et-l p,
body #et-boc .et-l span,
body #et-boc .et-l strong,
body #et-boc .et-l textarea,
body #et-boc .et-l ul,
body #et-boc .et-l video {
    text-align: initial;
	margin: initial;
	padding: initial;
	border: initial;
	outline: none;
	vertical-align: baseline;
	background: initial;
	letter-spacing: initial;
	color: initial;
	box-shadow: initial;
	-webkit-box-shadow: initial;
	-moz-box-shadow: initial;
	text-shadow: initial;
	border-radius: initial;
	-moz-border-radius: initial;
	-webkit-border-radius: initial;
	-webkit-transition: initial;
	transition: initial;
} */