/*
School's Out Washington 2016-2017 Redesign
Copyright 2017 School's Out Washington, except where noted
All code by Jon Sayer, except where noted -> jonsayer.com
HONI SOIT QUI MAL Y PENSE

Table of Contents

1.1: body
1.2: typography
1.3: Overall layout and grid system, standard
1.4: Homepage layout, standard

2.1: Primary navigation bar, top level
2.2: Primary navigation bar, drop-down
2.3: Primary navigation bar, second drop-down overrides

3.0: Footer

4.0: Utility Elements

5.1: Workshop listing page specific styles


*/
/* 1.1: body*/

body {
	margin:0 auto;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#58595b;
}

/* 1.2: typography */

a {
	color:#1d88ca;
	text-decoration:none;
}
p a, main li a, #bread a {
	font-weight:600;
}

a:hover, 
a:active {
	color:#1d88ca;
	text-decoration:underline;
}


/* h1, h2, h3, h4,
h5, h6  { color: #111; font-family:MrEavesSanOT-Reg }*/


/* h1, h2, h3, h4,
h5, h6  { color: #f58020; font-family:MetaCaps } */


h1, h2, h3, h4,
h5, h6  { font-weight: bold; color: #58595b; font-family:Merriweather }


h1 { font-size: 2.75em; margin: .87em 0; }
h2 { font-size: 2em; margin: 1.25em 0 0.75em 0; }
h3 { font-size: 1.5em; margin: 2em 0 .75em 0;}
h4 { font-size: 1.17em; margin: .83em 0 }
h5 { font-size: .83em; margin: 1.5em 0 }
h6 { font-size: .75em; margin: 1.67em 0 }
h2.green-line { padding-top:1em;border-top: 1px dotted #58595b; clear:both;}




/* h1 { font-size: 2.25em; margin: .67em 0; color: #61bc47 }
h2 { font-size: 1.75em; margin: .75em 0; color: #61bc47 }
h3 { font-size: 1.5em; margin: .75em 0;}
h4 { font-size: 1.17em; margin: .83em 0 }
h5 { font-size: .83em; margin: 1.5em 0 }
h6 { font-size: .75em; margin: 1.67em 0 }*/ 
/* h2.green-line {padding-top:.75em;border-top: 1px solid #a0d690;}*/
h2 a img, h3 a img, h4 a img, h5 a img, h6 a img {
	display:block;
    float:left;
  	margin: -2px 10px 0 0;
}
h3.extra-margin {margin-top:2.5em;}
strong {font-weight:bold;}
li {margin-bottom:0.5em;}
.sidebar p {font-size:.875em;}
p.mini {font-size:0.75em}
img.social{margin: 0 .5em 0 0;}

/* 1.3: Overall layout and grid system, standard */

header:before, 
header:after,
main:before, 
main:after,
footer:before, 
footer:after,
.frontTrio:before, 
.frontTrio:after{
	content:"";
	display: table;
	clear:both;
}
header, 
main, 
footer,
.frontTrio {
	width : 100%;
	max-width : 70em; 
	margin-left:auto;
	margin-right:auto;
	clear:both;
	padding:0 0.3125em;
}
.frontTrio {
	margin-bottom:2em;
}
.noSplash {
	background-color:#1d88ca;/* #61bc47 , #fff */
	width:100%
    color:#fff;
}
.noSplash a,
.noSplash span.uLine{
	color:#fff;
}
main{
	padding-bottom:1.875em;
	display:block;
  	min-height:600px
}
.first {
	margin-top:0;
}
#logo{
	margin:2.75em 0 .78125em 0;
	width:12.8125em;
	height:5.4375em;
	padding:0;
}
#logo a {
  	background-image:url('//cdn.shopify.com/s/files/1/0515/3189/t/9/assets/SOWA-logo.png?v=2802142093956751745');
	background-size: 100%;
	display:block;
	width:100%;
	height:100%;
}
.noSplash #logo a {
	background-image:url('//cdn.shopify.com/s/files/1/0515/3189/t/9/assets/SOWA-logo-white.png?v=3192181689755259246');
}
#headerButtons{
	margin:0;
	padding:0;
}
#utilityButtons{
	float:right;
	font-size:.75em
}
#utiliNav {
	margin-top: 2.85em;
}
#search-box{
	font-size:.75em;
	width:15.5834em;
	border:0;
	border-radius:0.4167em;
	margin: 0.5em 2.333em 1.583em 25px;
	padding:0.333em 2.5em 0.333em 1.167em;
	font-weight:normal;
	color:#a4a4a4;
  	background:#efefef url("//cdn.shopify.com/s/files/1/0515/3189/t/9/assets/mag-glass.png?v=6259548656980487010") no-repeat 17.33em 0.4em;
}
[class*='col-'] {
	box-sizing: border-box; 
	float: left;
	min-height: 0.0625em;
	padding: 0.625em; 
}
.col-1{
	width: 16.66%; 
}
.col-2{
	width: 33.33%; 
}
.col-3{
	width: 50%; 
}
.col-4{
	width: 66.66%;
}
.col-5{
	width: 83.33%;
}
.col-6{
	width: 100%;
}
.col-x {
	
}
.sidebar {
	padding-left:5em;
}
.pageContentPad {
  	padding-right:3em;
}
/* 1.4: Homepage layout, standard */
#homeSplash {
	margin-left:auto;
	margin-right:auto;
	margin-top: 0;
	clear:both;
	height:28.125em;
	padding:0;
  	overflow:hidden;
  	background:#1d88ca url('//cdn.shopify.com/s/files/1/0515/3189/t/9/assets/footer-logo.png?v=13303112941792211607') 63.75em 3.75em no-repeat;
  	color:#fff;
}
#homeSplash a, #quickLinks h2  {color:#fff;}

#homeSplash #carouselWrapper {
	position:relative;
    overflow: hidden;
  	padding:0;
}
#homeSplash #carouselWrapper #carousel {
	width: 20000em;
    position: relative;
	list-style: none;
}
#homeSplash #carouselWrapper #carousel a{
	float:left;
}
#homeSplash #carouselWrapper #carousel a img {
	
}
.blueWrap {
  background:#1d88ca;
  padding:3em 0 3em 0;
  clear:both;
  color:#fff;
}
.blueWrap h1 {
  color:#fff;
  clear:both;
  padding-bottom:1em;
  font-size: 2.9em;
}
.blueWrap h2, .frontOneThirdText h3 {
  color:#fff;
}
.frontOneThird {
  text-align:center;
  display:table; 
  max-height:800px;
  overflow:hidden;
  color:#fff
}
.frontOneThirdText {
  max-height:23.31em;
  overflow:hidden;
}
.frontTrio .col-2 {
  padding-left:0;
  padding-right:0;
}
.frontTrio .prominent_button {
  width:33%;
  font-size:1.5em;
  font-weight:bold;
  margin-top:2em;
  border-radius:25px;
}
.frontTrio .prominent_button a {
  padding:.9em;
}
.frontOneThird h3 {
  font-size:1.95em;
}
.frontOneThird p {
  padding: 0 2.5em 2em 2.5em;
  line-height:1.8em;
  font-size:1.15em;
}
.frontOneThird img {
  max-width:298px;
  display:block;
  margin:0 auto;
  border-radius:149px;
}
.homeH2 {
  font-size:2.5em;
  padding:2em 0;
}
.blueWrap .homeH2 {
  padding:1em 0 1em 0;
}

.fourprong {
  margin-bottom:3em;
}
.fourprong h3 {
  margin-top:0;
}
.fourprong img {
  border-radius:100px;
}
.extra-right {
  padding-right:1.5em;
}
.extra-left {
  padding-left:1.5em;
}
.frontQuoteBox {
  color:#fff;
}
.impact {
  width:200px;
  height:200px;
  border-radius:100px;
  display:block;
  margin:1em auto;
}
.annualImpact {
  color:#fff;
  display:table-cell;
  vertical-align:top;
  width:25%;
  padding: 0 0.625em 1.5em 0.625em;
}
.annualImpact h3 {
  color:#fff;
}
/* jcarousel control code modified from here: 
	http://sorgalla.com/jcarousel/assets/style.css 
*/
.jcarousel-control-prev,
.jcarousel-control-next {
  	font-size:10em;
    position: absolute;
  	top:0;
    width: 100px;
    height: 100%;
    text-align: center;
    background: rgba(17, 17, 17, 0.1);
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
}
.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
	color: #fff;
  	text-decoration: none;
    background: rgba(17, 17, 17, 0.4);
}
.jcarousel-control-prev {
    left: 0;
}
.jcarousel-control-next {
    right: 0;
}
.jcarousel-pagination {
    position: absolute;
    left: 0;
  	width:100%;
    text-align:center;
    margin: 0;
  	padding-top:2px;
  	padding-bottom:6px;
}
.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    height: 15px;
    width: 15px;
    line-height: 15px;
    background: #6ab7df;
    color: #fff;
    border-radius: 10px;
    text-indent: -9999px;
    margin-right: 10px;
    -webkit-box-shadow:  1px 1px 3px #333;
    -moz-box-shadow:  1px 1px 3px #333;
    box-shadow:  1px 1px 3px #333;
}
.jcarousel-pagination a.active {
    background: #fff;
    color: #ccc;
    opacity: 1;
    -webkit-box-shadow: 0 0 2px #333;
    -moz-box-shadow: 0 0 2px #333;
    box-shadow: 0 0 2px #333;
}

/* 1.5: Inside page layout, standard */
#subSplash {
	background-color: #fff;
	background-size: 100% auto;
	margin-left:auto;
	margin-right:auto;
	margin: 0;
	clear:both;
	height:12.5em;
	position:relative;
	z-index:-200;
}
#bread {
	margin:0.78125em 0;
	padding-left:0;
	font-size:0.8em;
}

/* 2.1: Primary navigation bar, top level */
#hamburglar,
div#searchActivate {
	display:none;
}
nav {
	color:#1d88ca;
	clear:right;
	font-weight:600;
	font-size:1.20em;
	padding:0 0 0 0;
  	z-index:200;
}
.noSplash header nav{
	color:#fff;
}
nav ul {
	clear:both;
	margin:0;
	padding:0;
	float:right;
	list-style-type:none;
}
nav ul li {	
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
	cursor: pointer;
	margin:0;
	padding:0;
}
nav li a {
	display:block;
	padding:10px 0px 17px 0;
	margin-top:2px;
}
.noSplash header nav li a{
	color:#fff;
}
nav li:hover a {
	background-color:#39a0d4;
	color:#fff;
	text-decoration:none;
  	padding:10px 0px 17px 10px;
	margin-left:-10px;
}
nav li.firstNavItem:hover a{
	padding:10px 0px 17px 20px;
	margin-left:-20px;
}
nav ul li.lastNavItem:hover a {
	padding:10px 20px 17px 10px;
	margin-left:-30px;
	position:relative;
	left:20px;
}
nav li a:hover {
	background-color:#6ab7df;
}
nav li:hover a .daLine {
	color:#39a0d4;
}
nav li a:hover .daLine {
	color:#6ab7df;
}
/* 2.2: Primary navigation bar, drop-down */
nav ul li ul.firstSub,
nav li ul.firstSub li ul.secondSub {
	position:absolute;
	visibility:hidden;
	border:0px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	float:right;
	width:226px;
	box-shadow: 3px 3px 3px rgba(17, 17, 17, 0.3);
	border-radius: 0 0 10px 10px;
  	z-index:200;
}

nav li.lastNavItem ul.firstSub {
	margin-left:-100px;
}
nav li ul.firstSub li,
nav li ul.firstSub li ul.secondSub li {
	width:100%;
	display:inline;
	float:none;
	text-align:left;
	margin:0;
	padding:0;
	font-weight:400;
	font-size:.95em;
}
nav li ul.firstSub li a:link, 
nav li ul.firstSub li ul.secondSub li a:link {
	display:block;
	background-color:#39a0d4;
	padding:15px 15px 15px 20px;
	margin-top:0;
}
nav li ul.firstSub li a:hover, 
nav li ul.firstSub li ul.secondSub li a:hover {
	text-decoration:none;
	background-color:#6ab7df;
}
nav li ul.firstSub li:last-child  a:link{
	padding-bottom:20px;
	border-radius: 0 0 10px 10px;
}
/*2.3: Primary navigation bar, second drop-down overrides*/
nav li ul.firstSub li ul.secondSub {
	visibility:hidden;
}
nav li ul.firstSub li ul.secondSub {
	margin-left:236px;
	position:absolute;
	top:0;
}
nav li ul.firstSub li ul.secondSub li a,
nav li ul.firstSub li ul.secondSub li a:link {
	background-color:#6ab7df;
}
nav li ul.firstSub li ul.secondSub li:last-child a:link {
	margin-top:-1px;
}
nav li ul.firstSub li ul.secondSub li a:hover {
	background-color:#9ccfe9;
}
/* 2.4 Hiding the murder weapons */
nav li.menuCloserTop,
nav li ul.firstSub li.menuCloser2nd,
nav li ul.firstSub ul.secondSub li.menuCloser3rd{
	display:none;
}
/* 3.0: Footer */
#footerContainer {
	width:100%;
	clear:both;
	background: #1d88ca;
}

footer{
  	background:url('//cdn.shopify.com/s/files/1/0515/3189/t/9/assets/footer-logo.png?v=13303112941792211607') 43.75em 3.75em no-repeat;
	padding:0.9375em 0 1.875em 0;
}
footer p,
footer li,
footer a,
footer h4
{
	color:#fff;
}
footer a:hover {
	color:#fff;
}
footer h4{
	font-size:1em;
}
footer ul {
	padding:0;
}
footer li {
	list-style:none;
	margin-bottom: 10px;
	font-size:.875em;
}
footer span.phone {
	display:block;
	margin-bottom:4px;
}

/* 4.0: Utility Elements */
.right{float:right;}
.left{float:left;}
img.left {float:left;margin:0 2em 2em 0;}
img.right {float:right;margin:0 0 2em 2em;}
.clear{clear:both;}
.clear-left{clear:left;}
.clear-right{clear:right;}
.centerize{margin-left:auto;margin-right:auto;float:none;text-align:center}
.no-pad{padding:0;}
.no-marg{margin:0;}
.no-left-pad{padding-left:0;}
.no-right-pad{padding-right:0;}
.no-top-pad{padding-top:0;}
.red {color:red;}
.serifize { font-family:Merriweather }
.embiggen {font-size:1.75em;}
.oneThirdLeftMargin {margin-left: 30%;}
.twoHundredcircle{border-radius:100px;}
.prominent_button {
	width: 120px;
	overflow: hidden;
	margin-bottom:15px;
	text-align: center;
	background-color:#f58020;
	border: 0;
	border-radius: 5px;
}
iframe {
	max-width:100%;
  	border-width:0;
  	overflow:hidden;
}
.prominent_button a, 
.prominent_button a:visited,
input.prominent_button {
	width:auto;
    padding: 12px;
    display: block;
	color: #fff;
  	cursor: pointer;
}
.prominent_button a:hover, 
.prominent_button a:active,
input.prominent_button:hover,
input.prominent_button:active {
	background-color: #f4b379;
	color: #fff;
	text-decoration:none;
}
.mid_prominent{font-size:2em;width:50%}
.xtra_prominent{
	width:100% !important;
	font-size:2em;
}
.xtra_prominent a,
input.xtra_prominent {
	padding:0.5em 0;
  	cursor: pointer;
}
.blue_button {
	background-color:#1d88ca;
}
.blue_button a:hover {
	background-color:#39a0d4 !important;
}
#utiliNav .prominent_button {
	float:right;
}
.noSplash .prominent_button a, 
.noSplash .prominent_button a:visited,
.blueWrap .prominent_button a, 
.blueWrap .prominent_button a:visited {
	color:#1d88ca;
	background-color:#fff;
}
.noSplash .prominent_button a:hover, 
.noSplash .prominent_button a:active,
.blueWrap .prominent_button a:hover,
.blueWrap .prominent_button a:active{
	background-color: #E7FFFF;
}

.support-logo-box {
	max-width:220px;
	margin-right:15px;
	float:left;
	max-height:100px;
	margin-bottom:20px;
	text-align:center;
}
.support-logo-box a {
	display: inline-block;
	vertical-align: middle;
}
.support-logo-box a img {
	margin-top:0;
	max-width:100%;
	max-height:100%;
}
table tr th {
	background-color:#d1e7f4;
    min-width:6em;
}
table tr {
	
}
table tr td {
	text-align:center;
  	border-bottom:1px solid #d1e7f4;
  	padding: 0.5em;
}
table tr:last-child td {
	border-bottom:0;
}
table tr td:first-child {
	text-align:left;
}
/* 5.1: List pages specific styles */
article.eventItem a,
article.blogItem,
ol.searchResults li {
	font-weight:lighter;
	color:#545454;
	display:block;
	padding:40px 20px;
	margin-left:-20px;
	overflow: auto;
	border-bottom: 1px solid #cde7f4;
}
article.eventItem h4 {
  	color:#1d88ca;
}
article.blogItem,
ol.searchResults li {
	padding:40px 20px 40px 0;
	margin-left:0;
}
article.eventItem a:hover {
	background-color:#E7FFFF;
	text-decoration:none;
}
article.blogItem:first-of-type,
ol.searchResults li:first-of-type{
  padding-top:0;
}
article.eventItem a .imgContainer{
	width:150px;
	height:150px;
	float:left;
	margin: 5px 28px 5px 0;
}
article.blogItem .imgContainer {
    max-width:250px;
    max-height:250px;
    float:left;
    margin: 5px 28px 5px 0;
}
article.eventItem a .imgContainer img,
article.blogItem .imgContainer img,
ol.searchResults li .imgContainer a img{
	max-height:100%;
	max-width:100%;
}
article.eventItem a .eventStat1,
article.eventItem a .eventStat2,
article.eventItem a .eventStat3 {
	font-size:0.9em;
	margin: 0 0px 8px 0;
	width:25%;
	font-weight:bold;
}

article.eventItem a .eventStat1:after {
	height:0.2em;
	background:#545454;
	width:10%;
	display:block;
	margin-top:12px;
	content:"";
	height:3px;
}
article.eventItem a .eventStat3 {
	clear:left;
	margin:0 0 0 178px;
}
article.eventItem a .eventStatWide {
  	width:50%;
}
#filterMenu ul,
#subPageMenu ul {
	list-style:disc;
	padding-left:15px;
	padding-bottom:28px;
	margin:0;
	font-size:0.8em;
}
#subPageMenu select {
  margin-bottom:28px;
}
#filterMenu ul li,
#subPageMenu ul li {
	margin:0 0 5px 0;
}
#filterMenu h4 {
	border-top: 1px solid #cde7f4;
	margin-top:0;
	padding-top:.83em;
  	color:#f58020;
}
#filterMenu h3 {
	color:#f58020
}
#subPageMenu h3 {
	border-bottom: 1px solid #cde7f4;
    margin-top:0;	
  	color:#f58020;
  	font-family: 'Open Sans', sans-serif;
    padding-bottom:.83em;
  	font-size: 1.5em
}
ol.searchResults {
	padding-left:0;
}
ol.searchResults li .imgContainer {
	width:100px;
	height:100px;
	float:left;
	margin: 5px 28px 5px 0;
}
ol.searchResults li .imgContainer a {
	width:100%;
  	height:100%;
}
ol.searchResults li .imgContainer a img {
	
}
div.pagination {
	text-align:center;
  	font-weight:bold;
}
div.pagination span.prev {
	display:block;
  	float:left;
}
div.pagination span.next {
	display:block;
  	float:right;
}
div.pagination span.current {
	font-weight:bold;
}
/* 5.2: Workshop individual page styles */
img.aboutInstructor {
	max-width:150px;
	float:left;
	margin:0.45em 2em 2em 0;
    border-radius: 75px;
}
img.mainEventImage {
	width:100%;
	margin-top:0.8em;
}
img.icoana {
	float:left;
	margin:0.5em 1em 1em 1em;
}
p.border-top {
	border-top: 1px dotted #545454;
  	padding-top:1em;
}
#workshopDescription h4 {
  	padding-top:1em;
  	margin-top:1em;
}
#workshopDescription h4.first {
  	margin-top:0;
  	padding-top:0.8em;
}
#eventInfo .border-top {
	margin-top:16px;
	padding-top:16px;
	border-top: 1px dotted #545454;
}
#eventInfo .loc-address {
  	margin-left:80px;
}
#priceBox {
	font-size:2em;
	text-align:center;
}
#price {
	color:#61bc47;
	font-weight:bold;
	font-size:1.1em;
}
#product-select{
	margin-bottom:1em;
}
.biodivider {
	margin:0 auto;
  	height:0;
  	border-bottom:1px solid #fce5d2;
  	width:50%;
}
/* 5.3 Blog post */
.blogFeaturedImage, 
#blogBody img {
	margin: 0.3em 2em 1em 0;
  	display:block;
}
.sidebar select {
	width:100%;
  	font-size:1em;
  	font-family:'Open Sans', sans-serif;
  	padding-left:5%;
}
.sidebar select option {
	padding:5%;
}

/* 5.4 Forms */
label {
	width:9em;
  	float:left;
  	clear:left;
  	font-weight:bolder;
}
label.radio-label {
	float:none;
}
/* 5.5 Cart */
#cart h4 {
	clear:left;
  	float:left;
  	margin:2em 0;
  	box-sizing:border-box;
}
#cart p {
  	clear:left;
}
#cart label {
	width:45%;
  	margin: .75em 8% 1.75em 0;
  	font-size: 1em;
  	font-weight:normal;
}
#cart label.reg-check-label {
	float:none;
  	margin:0;
  	width:80%;
}
#cart input[type=text],
#cart select,
#resourceSearchContainer #searchQuery,
#resourceSearchContainer select{
	width:42.5%;
  	padding:0.25em 0 0.25em 2.5%;
  	float:left;
 	margin: .7em 0 1.5em 0;
  	font-size:1em;
  	font-family: 'Open Sans', sans-serif;
  	border-radius:5px;
}
#cart select,
#resourceSearchContainer select{
	width:46%;
}
#cart select option {
	padding:0.25em 0 0.25em 2.5%;
}
#cart #checkout {
	max-width:50%;
  	clear:left;
  	margin: 2em 0 2em 0;
}
#ready2Continue {
	margin-top:4em;
}
/* 5.6 Account pages */
.addressBox {
	padding:0 1em 0 1em;
  	background-color:#E7FFFF;
  	margin:0 2em 2em 0;
}
/* 5.7 YPQI calendar page list */
#collectionDescription table {
	border-spacing: 10px;
    border-collapse: separate;
}
#collectionDescription table th {
 	background-color:#fff; 
  	border-bottom: 1px solid #fce5d2;
  	padding:10px 0;
  	margin:0 10px;
  	font-size:0.9em;
}
#collectionDescription table td{
	vertical-align: top;
  	text-align:left;
}
#collectionDescription table td p {
	margin-top:0;
}
#collectionDescription table td a {
	font-size:0.9em;
}
#YPQIworkshopsTable {
	width:100%;
}
#YPQIworkshopsTable tr th {
	background-color:#6ab7df;
  	color:#fff;
  	padding:10px;
}
#YPQIworkshopsTable tr:nth-child(even) {
    background-color: #DEF4FF;
}
#YPQIworkshopsTable tr td a {
	font-size:1.1em;
}
#YPQIworkshopsTable tr td {
	border-bottom:0;
  	font-size:0.9em;
}
/* 5.8 Staff page */
#staffbox,#glossaryBox {display:none;padding:21px;}
#staffbox p, #staffbox h2, #staffbox h4 {
  	margin-left:182px;
  	max-width:520px;
}
.teamBox-container {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
.teamBox {
    width:250px;
    text-align:center;
    display:inline-block;
    min-height:290px;
    vertical-align: text-top;
}
.teamBox p {
    font-style: italic;
    margin:0;
    min-height:3em;
}
.teamBox a {
    display:inline-block;
    width:150px;
    height:150px;
    text-align:center;
    overflow:hidden;
}
.teamBox a img, #staffbox img {
    border-radius:75px;
    cursor:pointer;
}

/* 5.9 Bridge-specific styles */
.radio-group {
  	padding-left:0em;
}

.radio-group li {
	list-style:none;
}

.fade-out-btn {
  	background-color:rgb(244, 179, 121);
}

/* 6.0 For screens narrower than 1120 px */

@media all and (max-width: 75em) {
  header, 
  main, 
  footer, 
  #tagline-box,
  #frontTrio {
    max-width:65em;
  }
  nav {
    font-size:.95em;
  }
  nav li.lastNavItem ul.firstSub {
    margin-left:-126px;
  }
  footer{
    background:url('footer-logo.png') 500px 60px no-repeat;
      }
}
@media all and (max-width: 70em) {
  header, 
  main, 
  footer, 
  #tagline-box,
  #frontTrio {
    max-width:60em;
  }
  footer{
    background:url('footer-logo.png') 500px 60px no-repeat;
      }
}

@media all and (max-width: 65em) {
  header, 
  main, 
  footer,
  #frontTrio {
    max-width:55em;
  }
  #tagline-box {
    width:100%;
    max-width:100%;
    padding:0;
  }
  #homeSplash {
    padding:0;
  }
  #homeSplash #tagline-box {width:100%}
  #homeSplash #tagline-box #tagline {
    background-color:#61bb46;
    font-weight:bold;
    font-size: 1.5em;
    margin:260px 0 0 0;
    border-radius: 0;
    margin:0;
    padding-left:0;
    padding-right:0;
    text-align:center;
    width:100%;
  }
  article.eventItem a .imgContainer {
    margin-right:10px;
  }
  article.eventItem a .eventStat3 {
    margin-left:0;
  }
  .sidebar {
    padding-left:3em;
  }

  footer{
    background:url('footer-logo.png') 450px 60px no-repeat;
      }
}

/* Tablet */
@media all and (max-width: 56em), (max-device-width: 896px) {
  header, 
  main, 
  footer,
  #frontTrio {
    max-width:50em;
  }
  #tagline-box {
    width:100%;
    max-width:100%;
  }
  header {position:relative}
  header #headerButtons #utiliNav {
    margin-top:0;
    float:left;
  }
  header #headerButtons #utiliNav  .prominent_button {
    position: absolute;
    top: 26px;
    right: 5px;
  }
  #logo {
    margin:15px 0 15px 0;
    float:left;
  }
  #utilityButtons{
    position:absolute;
    right:5px;
    top:0;
  }
  #search-box {
    position:absolute;
    right:0;
    top:70px;
    width:135px;
    background:#efefef url('search.png') no-repeat 152px 9px;
      height:27px;
      margin: 0 2px 10px 0;
      padding:4px 30px 4px 14px;
      font-size:1em;
      }
  nav{float:left;}
  article.eventItem a .imgContainer {
    margin-bottom:20px;
  }
  article.eventItem a .eventStat3 {
    margin-left:160px;
  }
  .sidebar {
    padding-left:0;
  }
  .pageContentPad {
    padding-right:0;
  }
  .col-1{
    width: 50%; 
  }
  footer .col-1:nth-child(odd){
  	clear:left;
  }
  .col-2{
    width: 100%; 
  }
  .col-3{
    width: 100%; 
  }
  .col-4, .col-x{
    width: 100%;
  }
  .col-5{
    width: 100%;
  }
  .col-6{
    width: 100%;
  }
  img.mainEventImage {
    float:right;
    width:40%
  }
  img.icoana {
    margin-left:0;
  }
  section#eventInfo p,#priceBox {
    width:30%;
    padding-left:10%;
    padding-right:10%;
  }
  section#eventInfo input#add-to-cart {
    width:50% !important;
  }
  footer{
    background:url('footer-logo.png') 50px 60px no-repeat;
      }
  .frontTrio .prominent_button {
    width:350px;
  }
  .annualImpact {
    width:50%;
  }
}

@media all and (max-width: 52em), (max-device-width: 832px) {
  header, 
  main, 
  footer,
  #frontTrio {
    max-width:45em;
  }
  article.eventItem a .eventStat3 {
    margin-left:0;
  }
  article.eventItem a .eventStat1,
  article.eventItem a .eventStat2,
  article.eventItem a .eventStat3
  {
    width:30%;
  }
  #staffbox p, #staffbox h2, #staffbox h4 {
    margin-left:0;
  }
  	
}
@media all and (max-width: 47em), (max-device-width: 752px) {
  header, 
  main, 
  footer,
  #frontTrio {
    max-width:40em;
  }
  article.eventItem a .eventStat1,
  article.eventItem a .eventStat2,
  article.eventItem a .eventStat3
  {
    width:50%;
    margin-bottom:20px;
  }
  article.eventItem a .eventStat1:after {
    height:0;
    background:#fff;
    width:0;
    display:none;
    margin-top:0;
    content:"";
    height:0;
  }
  article.eventItem a .eventStat3 {
    clear:none;
  }
  article.eventItem a .eventStatWide{
    width:100%
  }
}


/* Smaller Tablet */
@media all and (max-width: 43em), (max-device-width: 672px) {
  header, 
  main, 
  footer,
  #frontTrio {
    max-width:35em;
  }
  #homeSplash {
    width:105%;
  }
  .jcarousel-control-prev,
  .jcarousel-control-next {
    font-size:5em;
    width:70px;
  }
  .jcarousel-control-next {
    right:-32px
  }
  a#hamburglar {
    display:block;
    color:#fff;
    height:1.5625em;
    padding:0.3125em 0.9375em 0.3125em 2.4375em;
    background: #0788ca url('//cdn.shopify.com/s/files/1/0515/3189/t/9/assets/burger.png?v=12967240473141876037') no-repeat top left;
      background-position:0.5em 0.5em;
      background-size: 20px 16px;
      }
  a#hamburglar:hover {
    background-color:#39a0d4;
    text-decoration:none;
    display:block;
  }
  nav ul {
    display:none;
    overflow:scroll
  }
  nav ul.openMainNav {
    display:block;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    font-size:1.5em;
    height:100%;
    margin:0;
    background-color: #0788ca;
    z-index:5;
  }
  nav ul li {	
    float:none;
    text-align:center;
    background-color: #0788ca;
    width:100%;
    margin-bottom:-3px;
    border-bottom:.1em solid #39a0d4;
  }
  nav ul a {
    color:#fff;
    width:100%;
  }
  nav li.menuCloserTop span.X{
    position:absolute;
    top:7px;
    right:25px;
    border:1px solid #39a0d4;
    padding:2px 5px 2px 5px;
  }
  nav ul.openMainNav li ul.firstSub,
  nav ul.openMainNav li ul.firstSub,
  nav ul.openMainNav li ul.firstSub li ul.secondSub {
    z-index:10;
    display:block;
    position:fixed;
    top:0;
    left:0;
    max-width:100%;
    width:100%;
    font-size:0.9em;
    height:100%;
    background-color: #39a0d4;
    margin:0!important;
  }
  nav ul.openMainNav li ul.firstSub li,
  nav ul.openMainNav li ul.firstSub li ul.secondSub li	{
    float:none;
    text-align:center;
    background-color: #39a0d4;
    width:100%;
  }
  nav ul.openMainNav li ul.firstSub a{
    color:#fff;
    width:100%;
    border-bottom:.1em solid #0788ca !important;
  }
  nav ul.openMainNav li ul.firstSub a:hover{
    background-color: #0788ca;
  }
  .daLine {
    display:none;
  }
  nav ul.openMainNav li ul.firstSub li ul.secondSub,
  nav ul.openMainNav li ul.firstSub li ul.secondSub li,
  nav ul.openMainNav li ul.firstSub li ul.secondSub li a:link{
    background-color:#6ab7df;
  }
  nav ul.openMainNav li ul.firstSub li ul.secondSub li a:hover{
    background-color:#9ccfe9;
  }
  nav ul.openMainNav li ul.firstSub li ul.secondSub li a {
    border-bottom:.1em solid #39a0d4 !important;
  }
  nav ul.openMainNav li {
    position:relative;
    top:60px;
  }
  nav ul.openMainNav li.menuCloserTop {
    position:absolute;
    top:0;
    left:0;
  }
  nav ul.openMainNav li ul.firstSub li,
  nav ul.openMainNav li ul.firstSub li ul.secondSub li	{
    position:static;
    top:0;
  }
  .topLevel, .subParent {
    pointer-events: none;
  }
  nav li.menuCloserTop,
  nav ul.openMainNav li ul.firstSub li.menuCloser2nd,
  nav ul.openMainNav li ul.firstSub ul.secondSub li.menuCloser3rd {
    display:inherit;
    text-align:left;
  }
  img.mainEventImage {
    float:left;
    width:100%;
    margin-bottom:1em;
  }
  section#eventInfo p
  {
    width:80%;
    font-size:1.25em;
  }

  section#eventInfo #priceBox {
    width:80%;
    padding-left:5%;
    padding-right:15%;
    font-size:2.5em;
  }
  section#eventInfo input#add-to-cart {
    width:100% !important;
    font-size:2.5em;
  }
  #YPQIworkshopsTable td,
  #YPQIworkshopsTable th{
    font-size:0.8em;
  }
}

/* Larger Phone */
@media all and (max-width: 36em), (max-device-width: 576px) {
  body{
    min-width:100% !important;
    margin-left:0;
    margin-right:0;}
  body {
  	min-width:100vw !important;
  }
  header, 
  main, 
  footer,
  #frontTrio {
    max-width:100%;
    margin-left:0;
    margin-right:0;
  }
  main{box-sizing:border-box;}
  header{
    padding-left:0;
  }
  #homeSplash,.jcar-control,.jcarousel-pagination {
    display:none;
  }
  .neverHideSplash {
  	display: initial !important;
    width:100%;
  }
  .jcarousel-control-next {
    right:-25px
  }
  #homeSplash #tagline-box #tagline {
    font-size:1.2em;
  }
  header #headerButtons #utiliNav  .prominent_button {

  }
  #search-box {

  }
  nav{}

  .col-1{
    width: 100%; 
  }
  #YPQIworkshopsTable td,
  #YPQIworkshopsTable th{
    font-size:0.7em;
  }
  #staffbox {
    padding:0
  }
  .blueWrap {
    padding:3em 0 0 0;
    min-width:100% !important;
    margin-left:0;
    margin-right:0;
  }
  .blueWrap h1 {
    font-size: 1.8em;
  }
  .homeH2 {
    font-size:1.7em;
  }
  .extra-right,.extra-left {
  	padding-left:0;
    padding-right:0;
  }
  .fourprong img {
  	float:none!important;
    display:block;
    margin:0 auto 1em auto;
    text-align:center;
  }
  .fourprong h3 {
    clear:both;
    text-align:center;
  }
  .frontTrio .prominent_button {
    width:auto;
  }
  .annualImpact {
    width:100%;
    float:left;
    clear:both;
  }
  .embiggen {
  	font-size:1.1em;
  }
  .frontQuoteBox img {
  	float:none!important;
    display:block;
    margin:0 auto 1em auto;
    text-align:center;
  }
  #cart #checkout {
  	max-width: 80%;
  }
}

/* Phone */
@media all and (max-width: 31em) {
  body{
    min-width:100% !important;
  }
  .mobileOverflowFix {
    overflow:scroll;
  }
  body{width:100%;}
  header, 
  main, 
  footer,
  #footerContainer,,
  #frontTrio {
    max-width:100%;
    width:100%;
    margin:0 !important;
    padding:0 1em;
    float:none;
    box-sizing: border-box;
  }
  .jcarousel-control-next {
    right:-15px;
  }
  .oneThirdLeftMargin {
    margin-left: 0;
    clear:left;
  }
  /* override noSplash */
  .noSplash {
    background-color:#fff !important;
    width:100% !important;
    color:#545454; !important;
  }
  .noSplash #logo a {
    background-image:url('//cdn.shopify.com/s/files/1/0515/3189/t/9/assets/SOWA-logo.png?v=2802142093956751745');
      }
  .noSplash a {
    color:#1d88ca;
  }
  .noSplash span.uLine{
    color:#545454;
  }
  .noSplash .prominent_button a, 
  .noSplash .prominent_button a:visited {
    color:#fff !important;
    background-color:#f58020 !important;
  }
  .noSplash .prominent_button a:hover, 
  .noSplash .prominent_button a:active{
    background-color: #f4b379  !important;
    color: #fff !important;
  }
  #subSplash {
    display:none;
  }
  nav{
    position:relative;
    top:0;
    right:0;
    padding:0;
    margin:0;
    float:none;
    width:100%
  }
  #utilityButtons{
    font-size:1em;
    right:10px;
    top:7px;
  }
  header #headerButtons #utiliNav  .prominent_button {
    box-sizing: border-box;
    position:absolute;
    top:0;
    left:0;
    border-radius:0;
    font-size:1.2em;
    width:40%;
    width:40vw;
    padding:0;
    height:40px;
  }
  header #headerButtons #utiliNav  .prominent_button a{
    padding:0.3em 0;
  }
  #search-box{
    display:none;
    top:220px;
    right:10px;
    z-index:500;
    font-size:2em;
    height:1.75em;
    width:75%;
    background:#efefef url("//cdn.shopify.com/s/files/1/0515/3189/t/9/assets/mag-56.png?v=3030089810656184865") no-repeat right center;
      }
  #logo{
    margin:4em auto 1em auto;
    width:100%;
  }
  #logo a {
    width:100%;
    background-size:auto;
    background-position:center;
    background-repeat:no-repeat;
  }
  a#hamburglar {
    width:90%;
    padding:0.2em 5%;
    font-size:1.5em;
    background-position:4.5em 0.5em;
    background-size: 25px 20px;
  }
  div#searchActivate { 
    display:block;
    position:absolute;
    background-image:url('//cdn.shopify.com/s/files/1/0515/3189/t/9/assets/mag-white.png?v=13336789078143749722');
      background-repeat:no-repeat;
      background-position:0.25em 9px;
      right:0;
      top:0;
      width:44.6px;
      height:44.6px;
      cursor:pointer;
      }

  #homeSplash {
    background: #ffffff url('//cdn.shopify.com/s/files/1/0515/3189/t/9/assets/schools-bus-2000.jpg?v=11995178828664999503') no-repeat center -20px;
      background-size: 100% auto;

      }
  main {
    width:100%;
    margin:0 2.5%;
  }
  article.eventItem a .eventStat1,
  article.eventItem a .eventStat2,
  article.eventItem a .eventStat3
  {
    width:100%;
    clear:left;
    margin-bottom:25px;
  }
  #YPQIworkshopsTable td,
  #YPQIworkshopsTable th{
    font-size:0.5em;
  }
  section#eventInfo p.loc-address {
    margin-left:100px;
    padding:0;
    width:200px;
  }
  footer {
    width:100%
  }
  footer div:nth-child(2) h4:last-of-type {
    padding-top:30px;
  }
  #cartform table tr th,
  #cartform table tr td{
    //max-width:80px;
  }
  #cartform table tr th,
  #cartform table tr td.remove {
    font-size:0.8em;
  }
  #cartform table tr td.remove,
  #cartform table tr th.remove {
    max-width:50px;
  }
  #cartform table tr td.item {
    font-size:0.6em;
  }
  .customer_address_table input,
  .customer_address_table select{
    max-width:9em;
  }
  .customer_address_table select {
    margin-left:0 !important;
  }
}