/*
Theme Name: Let It Ripple
Theme URI: http://meyouand.us/
Author: Marc Phu
Author URI: http://meyouand.us
Version: 1.0
*/
/*
================================================== 
Font Load
==================================================
*/
@font-face { font-family: 'FunctionProLightRegular'; src: url('fonts/FunctionPro-Light-webfont.eot'); src: url('fonts/FunctionPro-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/FunctionPro-Light-webfont.woff') format('woff'), url('fonts/FunctionPro-Light-webfont.ttf') format('truetype'), url('fonts/FunctionPro-Light-webfont.svg#FunctionProLightRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FunctionProLightItalic'; src: url('fonts/FunctionPro-LightOblique-webfont.eot'); src: url('fonts/FunctionPro-LightOblique-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/FunctionPro-LightOblique-webfont.woff') format('woff'), url('fonts/FunctionPro-LightOblique-webfont.ttf') format('truetype'), url('fonts/FunctionPro-LightOblique-webfont.svg#FunctionProLightItalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FunctionProBookRegular'; src: url('fonts/FunctionPro-Book-webfont.eot'); src: url('fonts/FunctionPro-Book-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/FunctionPro-Book-webfont.woff') format('woff'), url('fonts/FunctionPro-Book-webfont.ttf') format('truetype'), url('fonts/FunctionPro-Book-webfont.svg#FunctionProBookRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FunctionProBookItalic'; src: url('fonts/FunctionPro-BookOblique-webfont.eot'); src: url('fonts/FunctionPro-BookOblique-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/FunctionPro-BookOblique-webfont.woff') format('woff'), url('fonts/FunctionPro-BookOblique-webfont.ttf') format('truetype'), url('fonts/FunctionPro-BookOblique-webfont.svg#FunctionProBookItalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FunctionProDemiRegular'; src: url('fonts/FunctionPro-Demi-webfont.eot'); src: url('fonts/FunctionPro-Demi-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/FunctionPro-Demi-webfont.woff') format('woff'), url('fonts/FunctionPro-Demi-webfont.ttf') format('truetype'), url('fonts/FunctionPro-Demi-webfont.svg#FunctionProBookRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FunctionProBookBold'; src: url('fonts/FunctionPro-Bold-webfont.eot'); src: url('fonts/FunctionPro-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/FunctionPro-Bold-webfont.woff') format('woff'), url('fonts/FunctionPro-Bold-webfont.ttf') format('truetype'), url('fonts/FunctionPro-Bold-webfont.svg#FunctionProBookBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FunctionProExtraBoldRegular'; src: url('fonts/FunctionPro-ExtraBold-webfont.eot'); src: url('fonts/FunctionPro-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/FunctionPro-ExtraBold-webfont.woff') format('woff'), url('fonts/FunctionPro-ExtraBold-webfont.ttf') format('truetype'), url('fonts/FunctionPro-ExtraBold-webfont.svg#FunctionProExtraBoldRegular') format('svg'); font-weight: normal; font-style: normal; }

/*
================================================== 
Reset
==================================================
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ }
article, aside, details, figcaption, figure, footer, header, nav, section { display: block; }
ol, ul { list-style: none; }
table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a:hover, a:active, a:focus { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline: 0; }
a img { border: 0; }
img { display: block; }
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body { -webkit-font-smoothing: antialiased; }
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*
================================================== 
Layout (wrap, row, col)
==================================================
*/
.superwide { width: 100%; } /* This is if you need a background container behind each .row */
.row:before, .row:after, [class*='up-'] { content: ""; display: table; clear: both; }
[class*='col-'] { min-height: 1px; width: 100%; padding: 0 10px; margin: 0 auto 10px; /* outline: 1px solid #eee; */ }
[class=*='colcol'] { padding: 0; } /* Use .colcol on each column-within-column to remove extra padding */
/* Only use if you want boxes to be proportional throughout all viewports. Beware of using percentages for columns-in-columns because it will be percentages within percentages.
.col-1 { width: 16.66%; } 
.col-2 { width: 33.33%; } 
.col-3 { width: 49.99%; } 
.col-4 { width: 66.66%; } 
.col-5 { width: 83.33%; } 
.col-6 { width: 99.99%; }
*/
@media only screen and (min-width: 680px) { /* 680px is also equal to 4 columns, and fits tablet portraits. */
	.row { max-width: 680px; margin: 0 auto; }
}
@media only screen and (min-width: 1024px) {
	.row { max-width: 1020px; }
	[class*='col-'] { float: left; }
	.col-1 { width: 170px; } 
	.col-2 { width: 340px; } 
	.col-3 { width: 510px; } 
	.col-4 { width: 680px; } 
	.col-5 { width: 850px; } 
	.col-6 { width: 1020px; }
}
.center-col { float: none; margin: 0 auto; } /* Use to un-float and center a box */
.nopadding-col { padding: 0 } /* Removes container padding for columns-in-columns */
/*Methods*/
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; } /*The clear float is applied to the container with the float elements! */
.hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.desktop-layout-init { display: none; }
.mobile-layout-init { display: block; }
.float-left { float: left; }
.float-right { float: right; }
.box-table { display: table; width: 100%; height: 100%; }
.box-cell { display: table-cell; vertical-align: middle; height: 100%; }


/*
================================================== 
Header
==================================================
*/
header { width: 100%; background: #fff; z-index: 1000; }
header .col-6 { position: relative; margin-bottom: 0; }
.site-title img { height: 80px; width: auto; }
#header .menu-toggle { cursor: pointer; position: absolute; top: 30px; right: 10px; }
#header .menu-toggle svg { fill: #3c3c58; }
#nav-main { overflow: hidden; display:none; }
/* #nav-main .menu { display: none; }  */
#nav-main .children { display: none; } /* Hide child pages from menu */
.menu-header-menu-container { margin-bottom: 15px; }
.menu-header-menu-container a { font-family: 'FunctionProBookBold'; color: #3c3c58; text-decoration: none; font-size: 20px; line-height: 30px; }
#header .social li { margin-bottom: 15px; }
#header .social svg { fill: #3c3c58; }
.sitesearch { fill: #3c3c58; /* width: 30px; */ height: 30px; margin-bottom: 20px; }
.search-text-box { display: inline-block; }
.search-submit-box { display: inline-block; }
.sitesearch input[type="search"] { width: 55px; border: 0; border-radius: 0; border-bottom: 1px solid #fff; opacity: 0.5; transition: all 1s; color: #3c3c58; }
.sitesearch:hover input[type="search"],
.sitesearch input[type="search"]:focus,
.search input[type="search"],
.screen-mobile input[type="search"] { width: 150px; opacity: 1; border-bottom: 1px solid #3c3c58; }
.emailsignup { font-family: 'FunctionProDemiRegular'; font-size: 10px; line-height: 30px; }
.emailsignup p:first-child { font-family: 'FunctionProDemiRegular'; font-size: 10px; line-height: 14px; margin-bottom: 5px; text-align: left; }
.emailsignup p:last-child span:first-child { border: 1px solid #3c3c58; display:inline-block; width: 110px; height: 30px; padding-left: 10px; }
.emailsignup p:last-child {  text-transform: uppercase;  }
.emailsignup p:last-child span:last-child { border: 1px solid #3c3c58; display:inline-block; width: 110px; height: 30px; padding-left: 10px; color: #fff; background: #3c3c58; width: 65px; text-align: center; }
@media only screen and (min-width: 1024px) {
	.menu-toggle { display: none; }
	#header { background: #fff url(assets/header-bg1.png) repeat-x; z-index: 1000; position: fixed; height: 150px; overflow: hidden; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); }
	#bodycontent { padding-top: 150px; min-height: 1000px;}
	.site-title { width: 400px; }
	.site-title img { height: 120px; width: auto; }
	#header .col-6 { height: 150px; }
	#header.menu-toggle { display: none; }
	.menu-header-menu-container { position: absolute; bottom: 0; left: 10px; margin: 0; }
	#nav-main { display: block; }
	#nav-main .menu { display: block; }
	.menu-header-menu-container li { float: left; margin: 0 40px 0 0;}
	.menu-header-menu-container a { color: #fff;  font-size: 12px; line-height: 30px; text-transform: uppercase; letter-spacing: 1px; }
	#nav-main a:hover,
	.current-menu-item a,
	.current-page-ancestor a,
	.single .menu-item-262 a,
	.archive .menu-item-262 a,
	.single-content .menu-item-264 a,
	.post-type-archive-content .menu-item-264 a { color: #378790; }
	 /* Correcting .single and .archive overlap in the Education Hub sections  */
	.single-content .menu-item-262 a, 
	.post-type-archive-content .menu-item-262 a { color: #fff; } 
	#header .social { position: absolute; bottom: -7px; right: 0; z-index: 1001; }
	#header .social li { float: left; margin-bottom: 0; }
	#header .social a { width: 12px; }
	#header .social-instagram { width: 14px; margin-left: 10px; }
	#header .social-twitter { width: 14px; margin-left: 10px; }
	#header .social svg { fill: #fff; }
	.sitesearch { position: absolute; top: 10px; right: 0; width:200px; height: 40px; text-align: right; }
	#header .emailsignup { position: absolute; top: 50px; right: -15px; }
	.emailsignup p:first-child { text-align: right; padding-right: 14px;}
	
}
.screen.mobile .menu-toggle { display: block; }
.screen-mobile #nav-main { /* display: none;  */padding: 20px 0; } /* Hide menu for mobile on init */
.screen.tablet .menu-toggle { display: block; }
.screen-tablet #nav-main { /* display: none; */ } /* Hide menu for tablet on init */
.screen-desktop .menu-toggle { display: none; }
.screen-desktop #nav-main { /* display: block; */ } /* Show menu for desktop on init */


/*
================================================== 
Footer
==================================================
*/
#footer { clear: both; /* height: 70px; */ background: #3c3c58; color: #fff; font-family: 'FunctionProBookBold'; font-size: 10px; line-height:20px; padding: 20px 0 40px; }
#footer .copyright { float: left; }
#footer .social .contact { width: 55px; line-height: 16px; }
#footer .social .contact a { color: #fff; text-transform: uppercase; width: 100%;  }
#footer .social { float: right;  margin-right: 10px; }
#footer .social li { float: left; }
#footer .social svg { fill: #fff; }
#footer .social a { width: 12px; }
#footer .social-twitter { width: 14px; margin-left: 20px; }
#footer .social-instagram { width: 14px; margin-left: 10px; }
#footer .emailsignup p:first-child { text-align: left; }
#footer #e2ma_signup_submit_button { background: #fff; color: #3c3c58; }

/*
================================================== 
Typography
==================================================
*/
.mce-content-body { margin: 20px; }
/*Markup*/
body { font-family: 'FunctionProBookRegular', sans-serif; font-size: 12px; line-height: 20px; color: #3c3c58; }
p { margin-bottom: 20px; }
a { color: #378790; text-decoration: none; }
a:hover { }
a:visited { }
/*Repeatables*/
.textLeft { text-align: left; }
.textCenter { text-align: center; }
.textA { font-family: 'FunctionProBookBold', sans-serif; font-size: 40px; line-height: 48px; }
.textB { font-family: 'FunctionProLightRegular', sans-serif; font-size: 40px; line-height: 48px; }
.textC { font-family: 'FunctionProBookBold', sans-serif; font-size: 20px; line-height: 30px; }
.textD { font-family: 'FunctionProBookRegular'; font-size: 20px; line-height: 24px; margin-bottom: 40px; }
.textUpper { text-transform: uppercase; }
.textBold { font-family: 'FunctionProBookBold', sans-serif; }
.textBlue { color: #3c3c58; }
.textTeal { color: #378790; }
.textOrange, .textOrange a { color: #ec462e; }
.textCyan { color: #56cfe6; }
.textGrey { color: #f1f1f1; }
.buttonA { display: inline-block; background: #3c3c58; margin-bottom: 20px; color: #fff !important; font-size: 12px; line-height: 40px; padding: 0 20px;  font-family: 'FunctionProBookBold'; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; letter-spacing: 1px; 
-moz-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.4);	box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.4);
}
/*Posts & Pages*/
.entry-body h1, .h1, #tinymce h1{ font-family: 'FunctionProLightRegular'; font-size: 50px; line-height: 54px; color: #ec462e; margin-bottom: 20px; }
@media only screen and (min-width: 680px) {
	.entry-body h1, .h1, #tinymce h1{ font-size: 70px; line-height: 84px;  }
}
.entry-body h2, .h2, #tinymce h2  { font-size: 20px; line-height: 24px; font-family: 'FunctionProBookBold'; margin-bottom: 10px; }
/* .entry-body h3, #tinymce h3  { font-size: 20px; line-height: 20px; font-weight: bold; } */
/* .entry-body h4, #tinymce h4  { font-size: 14px; line-height: 20px; font-weight: bold; } */
/* .entry-body h5, #tinymce h5  { font-size: 12px; line-height: 20px; font-weight: bold; } */
/* .entry-body h6, #tinymce h6  { font-size: 10px; line-height: 20px; font-weight: bold; } */
.entry-body hr, #tinymce hr { background: url(assets/squiggle.svg) no-repeat center top; border: 0; height: 5px; margin: 25px 0; }
.entry-body p, #tinymce p { font-family: 'FunctionProBookRegular'; font-size: 20px; line-height: 24px; margin-bottom: 40px; }
.entry-body .p-big, #tinymce .p-big { font-family: 'FunctionProBookRegular'; font-size: 27px; line-height: 32px; margin-bottom: 40px; }
.entry-body .p-bold, #tinymce .p-bold { font-family: 'FunctionProDemiRegular'; font-size: 20px; line-height: 24px; margin-bottom: 40px; }
.entry-body .blockA h2 { text-align: center; }
.entry-body .blockA p { text-align: center; }
.entry-body .blockA p img { margin: 0 auto; }
.entry-body a, #tinymce a { color: #378790; }
.entry-body .blockA img { width: 200px; height: auto; }
@media only screen and (min-width: 680px) {
	.entry-body .blockA { max-width: 680px; margin: 0 auto; clear: both; overflow: hidden;}
	.entry-body .blockA h2 { text-align: left; }
	.entry-body .blockA p { text-align: left; }
	.entry-body .blockA .blockLeft { width: 25%; float: left; }
	.entry-body .blockA .blockRight { width: 73%; float: right; }
	.entry-body .blockA img { width: 100%; height: auto; }
}
.entry-body ul, #tinymce ul,
.entry-body ol, #tinymce ol { font-family: 'FunctionProBookRegular'; font-size: 20px; line-height: 24px; margin: 0 0 40px 20px; list-style: decimal;}
.entry-body ul, #tinymce ul { list-style: disc; }
.entry-body li > ul, #tinymce li > ul,
.entry-body li > ol, #tinymce li > ol { margin: 0 0 0 20px; }
.entry-body dt { font-weight: bold; }
.entry-body dd { margin: 0 1.5em 1.5em; }
.entry-body b, #tinymce b,
.entry-body strong, #tinymce strong { font-weight: bold; }
.entry-body dfn, #tinymce dfn,
.entry-body cite, #tinymce cite,
.entry-body em, #tinymce em,
.entry-body i { font-family: 'FunctionProBookItalic'; }
.entry-body blockquote, #tinymce blockquote { font-family: 'FunctionProLightRegular'; font-size: 20px; line-height: 22px; color: #ec462e; text-align: center; }
.entry-body blockquote p, #tinymce blockquote p { margin-bottom: 10px; }
.entry-body .p-byline, #tinymce .p-byline { font-family: 'FunctionProBookBold'; font-size: 12px; line-height: 18px; text-align: center; }
.entry-body address { margin: 0 0 1.5em; }
.entry-body pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%; }
.entry-body code, 
.entry-body kbd, 
.entry-body tt, 
.entry-body var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
.entry-body abbr, 
.entry-body acronym {	border-bottom: 1px dotted #666; cursor: help; }
.entry-body mark, 
.entry-body ins { background: #fff9c0; text-decoration: none; }
.entry-body sup,
.entry-body sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; }
.entry-body sup { bottom: 1ex; }
.entry-body sub { top: .5ex; }
.entry-body small { font-size: 75%; }
.entry-body big { font-size: 125%; }
.entry-body figure { margin: 0; }
.entry-body table { max-width: 680px; margin: 0 auto 20px; border-top: 1px solid #3c3c58; border-left: 1px solid #3c3c58; font-size: 20px; line-height: 24px; }
.entry-body td { border-bottom: 1px solid #3c3c58; border-right: 1px solid #3c3c58; padding: 10px; }
.entry-body th { font-weight: bold; }
.entry-body img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }
/* Extra Formats */
.entry-body .blockMore { display:none; }
.entry-body .triggerMore, .entry-body .triggerLess { text-align: center; font-size: 16px; text-decoration: underline; cursor: pointer; }
@media only screen and (min-width: 680px) {
	.entry-body .triggerMore, .entry-body .triggerLess { text-align: left; padding: 0 15px; }	
}
.entry-body .wp-video { margin: 0 auto; }
/*WP Classes*/
.aligncenter { display: block; margin: 0 auto; }
.entry-body .alignright { float: right; } 
.entry-body .alignleft { float: left; } 
/*Comments*/
.comment-content a { word-wrap: break-word; }
.bypostauthor { }
/*Forms*/
button, input, select, textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	/* 	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); */
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
/* 	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); */
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: 'FunctionProBookRegular';
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/*
================================================== 
Home
==================================================
*/
.home-hero { background: #000; width: 100%; /* height: 300px;  */overflow: hidden; position: relative; }
.home-hero video { width: 100%; height: auto; object-fit: contain; display: none; }
.home-teaser-1-up .teaser { width: 100%; }
.teaser { margin: 0 auto 10px; overflow: hidden; }
.teaser-box { padding: 40px 0; }
.home-hero { margin-bottom: 10px; }
.home-hero .teaser-box p { max-width: 600px; margin: 0 auto 20px; padding: 0 15px; }
.home-teaser-1up .teaser p { max-width: 470px; margin: 0 auto 20px; padding: 0 15px; }
.home-teaser-2up .teaser p { max-width: 500px; margin: 0 auto 20px; padding: 0 15px;  }
.home-teaser-3up .teaser p { max-width: 320px; margin: 0 auto 20px; padding: 0 15px;  }
.block3 { position: relative; }
.block9 { position: relative; }
.home .loop-fit { display: none; }
@media only screen and (min-width: 680px) {
	.home-hero { height: 300px; }
	.teaser { display: table; height: 100%; }
	.teaser-box { display: table-cell; height: 100%; vertical-align: middle; padding: 0; }
	.teaser-box-vMiddle { vertical-align: middle; }
	.teaser-box-vBottom { vertical-align: bottom; }
	.home-hero, .home-teaser-1up, .home-teaser-2up, .home-teaser-3up { margin-bottom: 10px; }
	.home-teaser-1up { overflow: hidden; width: 100%; height: 500px;  }
	.home-teaser-1up .teaser { width: 100%; }
	.home-teaser-2up { overflow: hidden; width: 100%; height: 500px; }
	.home-teaser-2up .teaser { width: 50%;  float: left;  }
	.home-teaser-2up .teaser:nth-child(1) { border-right: 5px solid #fff;}
	.home-teaser-2up .teaser:nth-child(2) { border-left: 5px solid #fff;}
	.home-teaser-3up { overflow: hidden; width: 100%; height: 333px; }
	.home-teaser-3up .teaser:nth-child(1) { border-right: 5px solid #fff;}
	.home-teaser-3up .teaser:nth-child(2) { border-left: 5px solid #fff; border-right: 5px solid #fff;}
	.home-teaser-3up .teaser:nth-child(3) { border-left: 5px solid #fff;}
	.home-teaser-3up .teaser { width: 33.333333333%; float: left; }
}
@media only screen and (min-width: 1020px) {
	.home-hero .teaser { position: absolute; top: 0;  width: 100%; }
	.home-hero { height: 550px; }
	.home-hero video { display: block; }
	.home .loop-fit { display: block; }
	.block3 .teaser { position: absolute; top: 0; width: 100%; }
	.block9 .teaser { position: absolute; top: 0; width: 100%; }
	
}

/*
================================================== 
Films Index
==================================================
*/
.film-list-item { border-bottom: 10px solid #fff; height: 400px;  }
.film-list-video { width: 100%; /* height: 300px;  */overflow: hidden; position: relative; }
.film-list-video video { width: 100%; height: auto; object-fit: contain; display: none; }
.film-list-table { display: table; padding: 20px; width: 100%; height: 400px; }
.film-list-cell { display: table-cell; text-align: center; vertical-align: middle; }
.film-list-name { margin-bottom: 20px; }
.film-list-lead-text { max-width: 620px; margin: 0 auto 30px; }
@media only screen and (min-width: 1000px) {
	.film-list-item { position: relative; height: 550px; overflow: hidden; }
	.film-list-video { height: 550px;  }
	.film-list-video video { display: block; }
	.film-list-table { position: absolute; z-index: 999; height: 550px; top: 0; }
}

/*
================================================== 
Films Single
==================================================
*/
.content-films-single .entry-body { margin-top: 60px; }

/*
================================================== 
Education Hub
==================================================
.eh-start-
.eh-output-
.eh-single-
*/
/* START PAGE */
@media only screen and (min-width: 1024px) {
	#bodycontent.eh-start { padding-top: 180px; }
}
.eh-start-title { text-align: center; }
.eh-interface { margin-bottom: 20px; }
.eh-choose-panel { background: #f1f1f1; text-align: center; padding: 20px 0; line-height: 60px; }
.eh-choose-panel { font-family: 'FunctionProDemiRegular'; font-size: 16px; color: #3C3C58; }
.eh-choose-panel select { font-family: 'FunctionProDemiRegular'; font-size: 16px; color: #fff; }
.eh-choose-panel select { display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none;  border-radius: 0; border: none; background: #3C3C58; padding: 0 10px; background-color: #3C3C58; background-image: url(assets/select-arrows.svg); background-repeat: no-repeat; margin: 0 10px; }
#qmt-purpose { width: 150px; height: 40px; background-position: 130px center; }
#qmt-resource { width: 160px; height: 40px; background-position: 140px center; }
#qmt-strengths { width: 190px; height: 40px; background-position: 170px center; }
#qmt-ages { width: 100px; height: 40px; background-position: 80px center; }
.eh-select-submit { width: 32px; height: 32px; vertical-align: middle; }
.eh-start .eh-textsearch { display: none; }
/*.eh-start #qmt-jewish { display: none; } UNDO hide jewish filter on Education-Hub search page */
.eh-textsearch { margin-top: 28px; color: #C2C2C2; font-family: 'FunctionProDemiRegular'; font-size: 14px; }
.eh-textsearch-label { margin-right: 10px; }
.eh-textsearch-box { display: inline-block; border: 1px solid #56CFE6; line-height: 28px;}
.eh-textsearch input[type='search'] { border: none; background: none; }
.eh-textsearch input[type='search']::-webkit-input-placeholder {  color: #C2C2C2; font-family: 'FunctionProDemiRegular'; font-size: 14px; }
.eh-textsearch input[type='submit'] { border: none; background: #56CFE6; width: 30px; height: 30px; border-radius: 0; padding: 0; font-family: 'FunctionProBookBold'; font-size: 10px; color: #fff; text-shadow: none;	 }
[class*='eh-start-block-'] { width: 300px; margin: 0 auto; }
[class*='eh-start-block-'] a { display: block; width: 300px; line-height: 300px; margin-bottom: 20px; text-align: center; }
#qmt-jewish { margin-top: 20px; padding: 10px 0; }
#qmt-jewish input[type="submit"] { border-radius: 0; background: none; border: 1px solid black; font-family: 'FunctionProDemiRegular'; font-size: x-large; padding: 5% 15%;}
@media only screen and (min-width: 1024px) { 
	#qmt-jewish { float: left; }
	.eh-textsearch { float: right; } 
}

@media only screen and (min-width: 680px) {
	.eh-start-blocks { background: url(assets/squiggle-long.svg) no-repeat 0 40px; overflow: hidden;}
	[class*='eh-start-block-'] { width: 100px; float: left; margin-right: 12px; }
	[class*='eh-start-block-']:last-child { margin-right: 0; }
	[class*='eh-start-block-'] a { display: block; width: 100px; line-height: 100px; }	
}
@media only screen and (min-width: 1024px) {
	[class*='eh-start-block-'] { width: 150px; margin-right: 20px; }
	[class*='eh-start-block-']:last-child { margin-right: 0; }
	[class*='eh-start-block-'] a { display: block; width: 150px; line-height: 150px; }
	.eh-start-blocks .bump { margin-top: 208px; }
}
.eh-output-resource-title { font-family: 'FunctionProBookBold'; font-size: 20px; height: 50px; background: url(assets/squiggle-long.svg) no-repeat 10px 30px; }
.eh-output-resource-block { padding: 10px 0 50px;  }
.eh-start-blocks h1 { font-family: 'FunctionProBookBold'; font-size: 16px; line-height: 20px; text-align: center; text-transform: uppercase; margin-bottom: 50px;  }
.eh-start-blocks img { width: 100%; height: auto; }
/* OUTPUT PAGE */
.eh-output .col-1 { float: left; width: 170px; height: 220px; overflow: hidden; }
/* .eh-block-guide .eh-block-thumb { background: yellow; } */
/* .eh-block-film .eh-block-thumb { background: black; } */
/* .eh-block-game .eh-block-thumb { background: orange; } */
/* .eh-block-lesson .eh-block-thumb { background: red; } */
/* .eh-block-research .eh-block-thumb { background: purple; } */
.eh-pagination { clear: both; margin-top: 90px; }
#qmt-prev-page { float: left; }
#qmt-next-page { float: right; }
.eh-pagination input[type="submit"] { padding: 0; border: 0; text-shadow: none; font-family: 'FunctionProBookRegular'; background: none; text-decoration: underline; font-size: 14px; }
.eh-block a { font-family: 'FunctionProBookBold'; font-size: 14px; text-decoration: none; color: #3C3C58;}
.eh-block-link { font-weight: bold; color: #000; text-decoration: none; }
.eh-block-link:hover { text-decoration: underline; }
.eh-block-thumb { border: 1px solid #c2c2c2; width: 150px; height: 150px; overflow: hidden; margin-bottom: 10px; }
.eh-block-thumb img { width: 100%; height: auto; }
@media only screen and (min-width: 680px) {
	.eh-block-thumb { width: 150px; height: 150px;}
	.eh-block-thumb img { width: 100%; height: auto;}
}
.eh-block-meta { font-size: 8px; display: none; }
.eh-singlecontent .entry-title a { font-family: 'FunctionProLightRegular'; font-size: 50px; line-height: 60px; color: #ec462e; margin-bottom: 20px; }
.eh-singlecontent .entry-source { font-size: 16px; line-height: 28px; margin-bottom: 40px; }
.eh-singlecontent .entry-body { margin-bottom: 80px; }
.eh-output-similar .col-1 { float: left; width: 170px; height: 220px; overflow: hidden; }
.eh-output-extra { font-size: 20px; line-height: 24px; }
.eh-return-link { text-transform: uppercase; font-family: 'FunctionProBookBold', sans-serif; line-height: 40px; }

/*
================================================== 
News Index, Single, Archive, Search
==================================================
*/
.entry-title a { text-decoration: none;/*  color: #3c3c58; */ }
.entry-body { margin-top: 10px; }
.page-id-90 [id*='post-'], .archive [id*='post-'], .search [id*='post-'] { border-bottom: 1px solid #eee; padding-bottom: 80px; margin-bottom: 80px; }
.page-id-90 .entry-meta { display: none; }
@media only screen and (min-width: 1024px) {
	.page-id-90 #bodycontent { padding: 150px 0 80px; }
	.single #bodycontent { padding: 200px 0 80px; }
	.archive #bodycontent { padding: 200px 0 80px; }
	.search #bodycontent { padding: 200px 0 80px; }
}
#nav-posts a { color: #3c3c58; text-decoration: none; display: inline-block; font-family: 'FunctionProBookBold'; font-size: 12px; line-height: 40px; border: 1px solid #3c3c58; padding: 0 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#nav-posts .prev { float: left; }
#nav-posts .next { float: right; }

/*
================================================== 
Widgets
==================================================
*/
.widgets { overflow: hidden; padding-top: 40px; }
	@media only screen and (min-width: 1024px) { .widgets { padding-top: 0; } }
.widget { margin-bottom: 40px; }
.widget-title { font-family: 'FunctionProBookBold'; font-size: 16px; }
.textwidget { font-size: 16px; }
.textwidget li { margin-bottom: 10px; }

/*
================================================== 
Graphics
==================================================
*/
/* body { background: url(assets/grid-1020w-6c-150cw-20gw.svg) repeat-y center top; } */
.menu-toggle { width: 30px; height: 30px; }
.menu-toggle svg { fill: #000; }
.menu-toggle:hover svg { fill: #666; }
.social a { display: inline-block; width: 30px; height: 30px; }
.social a svg { fill: #000; }
.social a:hover svg { fill: #fff; }
.loop-fit { width: 100%; height: 300px; overflow: hidden; margin-bottom: 40px; }
.loop-fit video { width: 100%; height: auto; object-fit: contain; display: none; } /* For looping videos */
@media only screen and (min-width: 680px) { .loop-fit { width: 100%; height: 400px; } }
@media only screen and (min-width: 1024px) { .loop-fit { height: 550px; } .loop-fit video { display: block; } }
.embed-responsive { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 60px; } 
.embed-responsive iframe, .embed-responsive object, .embed-responsive embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media only screen and (min-width: 1024px) { 
	.embed-responsive { height: 550px; padding: 0; } 
	.embed-responsive iframe, .embed-responsive object, .embed-responsive embed { position: relative; width: 100%; height: 550px; }
	.entry-body .embed-responsive { width: 100%; /*max-width: 680px;*/ height: 100%; margin: 0 auto 60px; }
	.entry-body .embed-responsive iframe, .entry-body .embed-responsive object, .entry-body .embed-responsive embed { /* height: 400px; */ }
}

/*
================================================== 
Cycle Slideshow
==================================================
*/
.cycle-slide img { width: 100%; height: auto; }


/*
================================================== 
Everything else
==================================================
*/
.countdown-box {
  margin: 0 auto;
  width: 355px;
}
.countdown-box .countdown-container {
  height: 130px;
}
.countdown-box .time {
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
  display: inline-block;
  text-align: center;
  position: relative;
  height: 95px;
  width: 65px;

  -webkit-perspective: 479px;
  -moz-perspective: 479px;
  -ms-perspective: 479px;
  -o-perspective: 479px;
  perspective: 479px;

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.countdown-box .count {
  background: #202020;
  color: #f8f8f8;
  display: block;
  font-family: 'Oswald', sans-serif;
  font-size: 2em;
  line-height: 2.4em;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  top: 0;
  width: 100%;

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-transform-style: flat;
  -moz-transform-style: flat;
  -ms-transform-style: flat;
  -o-transform-style: flat;
  transform-style: flat;
}
.countdown-box .count.top {
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  border-radius: 5px 5px 0 0;
  height: 50%;

  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.countdown-box .count.bottom {
  background-image: linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -moz-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -ms-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -o-linear-gradient(rgba(255,255,255,0.1), transparent);
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-radius: 0 0 5px 5px;
  line-height: 0;
  height: 50%;
  top: 50%;

  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.countdown-box .count.next {
}
.countdown-box .label {
  font-size: normal;
  margin-top: 5px;
  display: block;
  position: absolute;
  top: 95px;
  width: 100%;
}
/* Animation start */
.countdown-box .count.curr.top {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 3;
}
.countdown-box .count.next.bottom {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  z-index: 2;
}
/* Animation end */
.countdown-box .flip .count.curr.top {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;

  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.countdown-box .flip .count.next.bottom {
  -webkit-transition: all 250ms ease-in-out 250ms;
  -moz-transition: all 250ms ease-in-out 250ms;
  -ms-transition: all 250ms ease-in-out 250ms;
  -o-transition: all 250ms ease-in-out 250ms;
  transition: all 250ms ease-in-out 250ms;

  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
@media screen and (max-width: 48em) {
  .countdown-box {
    width: 100%;
  }
  .countdown-box .countdown-container {
    height: 100px;
  }
  .countdown-box .time {
      height: 70px;
      width: 48px;
  }
  .countdown-box .count {
    font-size: 1.5em;
    line-height: 70px;
  }
  .countdown-box .label {
    font-size: 0.8em;
    top: 72px;
  }
}

/*
================================================== 
My Emma
==================================================
*/


/*
================================================== 
Old IE
==================================================
*/
.lt-ie9 #layout { width: 700px; margin: 0 auto; }
.lt-ie9 .menu-toggle { display: none; }
.lt-ie9 #nav-main .menu { display: block; }

/* CUSTOM CSS FOR SPECIFIC PAGES */
/* body.page-id-28562 #body-content */ #CnP_inlineform { height: 2340px; }
#CnP_inlineform iframe { height: 100%; }
.page-id-28562 .content-generic .entry-body { padding-top: 0; }
.page-id-28562 #bodycontent {
  background-image: url(https://s3.amazonaws.com/letitripple-media/wp-content/uploads/2019/04/16190151/RoadStill.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}