/*
* style-yyyymmdd.css
* Copyright 2018, Sarva Yoga of Media, LLC and Jack Dixon
* www.sarvayogamedia.com and www.dixonmedia.com
*/
@charset "utf-8";@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
*{margin:0;padding:0;}
*{box-sizing:border-box;}
html{box-sizing:border-box;}

/****** root variables ******/
:root {
--blu: #002464;
--wht: #fafafa;
--blu-hover: rgb(0,106,140);
--blu-lt: rgb(0,86,140);
--ylw: rgba(255, 255, 0, .1);
--grn-lt: #002464;
--ylw-dk: #f8f3b7;
--ylw-md: #fcfade;
--red-dk: #7c0a02;
--red-md: #ff1212;
--red-lt: #ff3636;
--shadow: 2px 2px 4px 0px rgba(56, 110, 43, 0.75);
}

/* STRUCTURE */
/* mobile first */
body, header, nav, main, article, footer{display:flex;}
body, main{flex-direction:column;}
.container{margin:0;padding:0;}
header{background-color:var(--blu);color:white;border-bottom:solid var(--blu) .625rem;justify-content:center;flex:0 1 60%;} /* between headerlogo and hamburger icon */
nav{flex-wrap:wrap;}
main{flex-flow:column nowrap;flex:1 1 100%;}
.aside{flex-flow:row wrap;justify-content:center;align-content:flex-start;}
.aside article{display:flex;flex-flow:column nowrap;}
.aside-r a{color:#fff;font-weight:600;}
footer{flex-flow:row wrap;justify-content:center;align-content: center;height:3em;}

/* STYLING */
/* Typography */
html, body {font-family: 'Open Sans', sans-serif;font-size: 100%;line-height: 1.5;}
h1, h2{font-family: 'Oswald', sans-serif;font-weight:400;font-variant:normal;text-align: center;justify-self:center;color:rgb(0,0,96);padding:0 .5rem .5rem .5rem;}
h1{letter-spacing: .01em;}
h3, h4, h5, h6, p{font-family: 'Open Sans', sans-serif;color:rgb(0,0,96);padding:0 .5rem;}
h1{font-size:1.4em;}
h2{font-size: 1.3em;}
h3{font-size: 1.2em;}
h4{font-size: 1.15em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;font-weight:600;}
p{color:rgb(0,0,96);font-size:.95em;line-height:1.35;margin-bottom:1em;} /* font size 1 rem on larger screens */
p.small {
    font-size: .9em;
    border: 1px solid var(--blu);
    border-radius: 8px;
    margin: 2em 1em 0 1em;
    padding: 1em;
}
/*p.smallprint{margin-bottom:.25rem;font-size: 85%;}
p.tinyprint{margin-bottom:.25rem;font-size: 75%;}*/
.ctr{text-align:center;}
.fw6{font-weight: 600;}
.fw6i{font-weight:600;font-style:italic;}
.fw4r{font-weight: 400;color: var(--red-dk);}
.fw6r{font-weight: 600;color: var(--red-dk);}
.f-italic{font-style: italic;}
a{font-family: 'Open Sans', sans-serif;}
article {display:flex;flex-flow:row wrap;}
article a{color: var(--blu);}
header h1{font-size:2em;color:white;}
header h2{padding:.5em;font-weight:400;font-size:1.6em;flex:1 1 100%;}
header p{font-size:.9em;font-weight:600;flex:1 1 100%;}
.page-heading{margin-top:.5rem;}
div .aside{padding:0;}
footer p{font-size:95%;}
footer p.fw6{font-weight:600;}

/*  HEADER  */
header div{flex:0 1 100%;}

/*  NAV  */
nav{background-color:var(ylw-lt);font-size:1rem;text-align:center;}
.headerlogo{background:var(--blu) url("/images/sh-logo.webp") no-repeat left;background-position:2% 25%;padding:1em;flex:0 1 20%;} /*to match hamburger icon*/
nav .menu a{padding:.5rem 0;text-decoration:none;background-color:var(--blu-lt);color:#fff;font-weight:600;border-bottom:1px solid #ccc;font-size:100%;}
nav .menu a:last-of-type{border-bottom: 0;}
nav a:hover{background:var(--blu-hover);}
nav .menu{display:none;}
nav img{background-color:var(--ylw-lt);border-bottom:solid var(--grn-md) .625rem;width:3.5em;height:auto;flex:0 1 3.75rem;}
     /* Hide checkbox */
input[type=checkbox] {position: absolute;top: -9999px;left: -9999px;}
nav label {display:block;margin:0;padding:2.5em 1.25em;border-bottom:solid var(--blu) .625rem;background-color:var(--blu);color:white;flex:0 1 20%;} /*to match headerlogo*/
     /* checked */
input[type=checkbox]:checked ~ .menu{display:block;font-size:1.1rem;text-align:center;border-bottom:solid var(--grn-md) .1875rem;display:flex;flex-direction:column;flex:0 0 100%;}
nav label:before{content: "\2630";font-size:1.1em;font-weight:600;}
input[type=checkbox]:checked ~ label:before{content:"\2169";font-size:1.1em;font-weight:600;}
nav .menu{background-color:var(--blu-lt);}
.sticky {position: fixed !important;top: 0;width: 100%;z-index: 9999;}
.sticky + main {padding-top: 4rem;}
/* end navigation CSS ***************************************** */
/* LANGUAGE SELECTOR */
.lang-switcher {
  display: flex;
  justify-content:space-around;
  //*border: 1px solid var(--blu);
  border-radius: 4px;
  background:var(--ylw);*/
  width:95%;
  margin:auto;
  padding:.25em;
  overflow: hidden;
  /*box-shadow: 3px 3px 0 #1a1a1a;*/
}
.lang-btn {
  background: var(--ylw);
  border: solid 1px var(--blu);
  /*border-right: 2px solid #1a1a1a;*/
  border-radius:4px;
  width:32%;
  padding: 1em;
  font-size: 0.9em;
  font-weight: 600;
  cursor: pointer;
  color: var(--blu);
  transition: background 0.15s, color 0.15s;
}
/*.lang-btn:last-child { border-right: none; }*/
.lang-btn:hover  { background: #f0ebe3; color: #1a1a1a; }
.lang-btn.active { background: var(--blu); color: #fff; }
/*  MAIN CONTENT  */
.button{display:inline-block;background-color: var(--blu);color:white;font-size:1.2em;text-align:center;text-decoration:none;padding:1.2em;border-radius:4px;cursor:pointer;}
.main-content, .main-content2{justify-content:center;padding:.5em;background-color:var(--wht);}
.main-content h1{text-align:center;}
.headline{display:flex;justify-content:center;align-items:center;width:90%;margin:auto;padding:1em;order:1}
.headline > h1{justify-self:center;justify-content:center;text-align: center;}
.centerfield{display:flex;flex-flow:row wrap;justify-content:space-around;margin:2em auto;}
.left{display:flex;flex-flow:row nowrap;float:left;margin:auto;}
.right{display:flex;flex-flow:row wrap;border:1px solid var(--blu);border-radius:8px;margin:auto;}
.left, .right{justify-content:space-around;width:90%;margin:auto;}
#missiion-hdg{font-size:125%;color:white;background:var(--blu);border-radius:8px 8px 0 0;text-align:center;width:100%;}
#mission-hdg h2{color:white;font-size:1.2em;}
#mission-stmts{justify-self:center;border:1px solid var(--blu);border-radius:8px;width:90%;margin:auto;}
.mission-stmt a{color:rgb(0,0,96);text-decoration: none;font-size:1.1em;font-weight:600;}
#statements{display:flex;flex-flow:row wrap;justify-content: space-evenly;background:var(--ylw);padding:1em;}
.volunteer{padding:1em 0;}
.donate{padding:1em 0;}
.volunteer .button, .donate .button{width:8em;}
.volunteer a, .donate a{font-size:1.2;font-weight:600;text-decoration:none;}
#qrcode{width:38%;height:38%;margin-right:auto;padding:1em 1.5em;}
#pls-donate{font-size:.85em;width:60%;margin:auto;padding:1.3em;}
#glf{font-size: .75em;border: 1px solid var(--blu);border-radius: 8px;width:90%;margin: 1em;padding:2em;}
#news {
    font-size: 110%;
    background: var(--ylw);
    border: 2px solid var(--blu);
    border-radius: 8px;
    padding: 0 1em 1em 1em;
    margin: 1em 2em;
    justify-self:center;
    width:90%;
    margin:auto;
}
#news h3{text-align:center;padding:.5em;}
.news-article {
    text-align: center;
    font-size: medium;
    padding: .5em;
}
/* FLEXBOX */
.row-wrap{display: flex;flex-flow:row wrap;}
.full-width{width: 100%;justify-content:space-evenly;}
.flex-pricing-options{display: flex;flex-flow:row wrap;} /* on class-passes page */
/*  FOOTER  */
footer{padding:.5rem 0 0 0;background-color:var(--grn-md);color:#fff;}
footer div{text-align:center;}
footer a{color:#fff;font-weight: 600;}

/* BUTTONS */
button{background-color:var(--blu);border:none;border-radius:4px;-webkit-border-radius:4;;-moz-border-radius:4;line-height:1.1;font-family:'Open Sans', sans-serif;font-size:1em;font-weight:bold;text-decoration:none;color:#ffffff;}
button a{text-decoration:none;color:#fff;font-weight: 600;}
button:hover{background-color: var(--blu-hover);}
button:focus{outline:0;}

/* MISCELLANEOUS */
blockquote{margin:1rem 3rem;}
hr{1px solid var(--blu);opacity:0.5;margin:1em;}
img{border-radius: 4px;}
.logo{display: none;}
.map-responsive{margin:.75rem;overflow:hidden;padding-bottom:.5rem;position:relative;max-width:100%;height:auto;}
.marquee{margin:.75rem 0 0 0;font-size:.85rem;font-weight:600;text-align: center;}
.marquee p{margin:0;padding:0;}
.mobil, .tablet{padding:1em;}
.mobilenav{margin:.75rem;display:flex;flex-flow:row nowrap;justify-content:space-between;}
.mobilenav button{width: 32%;height:3.375rem;}
.nomobile{display:none;}
.topspace{margin-top: .5rem}
ul{margin-left: 2rem;margin-bottom:1rem;padding-right:2rem;font-size: 95%;}
.video{margin:1rem;border-radius: 4px;}
.widget{margin:0 .75rem;padding:.5rem;background:var(--ylw-lt);color: var(--grn-dk);flex:0 1 auto;border-radius:4px;}
.widget-sched{margin:.75rem;color: var(--grn-dk);flex:0 1 auto;}
.login .heading, .shopping-cart .heading{padding-top:.75rem;font-size: 1.25rem;}
.login .heading a, .shopping-cart .heading a{font-family: 'Oswald', sans-serif;font-weight:400;text-decoration: none;}

/* comment form (Contact Us) & get directions form (About Us) */
.form{margin-top:1rem;}
.comment-form{display: flex;flex-flow:column nowrap;justify-content:center;flex:0 1 100%;}
.comment-form p{display:flex;flex-flow:column nowrap;max-width: 90%;margin-left:5%;margin-right:5%;}
input{height:2rem;}
input, textarea{border-radius:4px;}
.contact-name{flex:0 1 60%;}
.contact-email{max-width: 20rem;}
.contact-company{max-width: 20rem;}
.contact-subject{max-width:20rem;}
.contact-message{max-width: 50rem;}
.contact-page-hdg{justify-content:center;}
.sendbtn{margin-top:.5rem;border:1px solid var(--grn-md);border-radius: 4px;height:2em;width:30%;background:var(--grn-md);color:#fff;font-size: 1.1em;line-height:1.5;font-weight:600;}
.antispam{display: none;}
#name{width:60%;}
#email{width:60%;}
#company{width:60%;}
#emailsubject{width:60%;}
#message{width:100%;}

/*  MEDIA QUERIES  */
@media screen and (min-width:601px){
/* structure */
/* styling */
header h2{font-size:1.5rem;}
header p{margin-bottom:.5rem;font-size:1rem;}
nav .menu{flex:0 0 100%;flex-flow:row wrap;justify-content:center;display:none;}
nav .menu a{margin:0;padding:.5rem 1rem;border-bottom:1px solid #ccc;}
input[type=checkbox]{display: none;}
nav label:before{content:"Menu \25BC";} /*down arrow*/
nav label{display: block;flex:0 1 20%;}
input[type=checkbox]:checked ~ label:before{content:"Menu \25B2";} /*up arrow*/
.main-content, .main-content2{order:1;flex:1 1 100%;}
.main-content, .main-content2 h2{text-align: center;}
.headline h1{font-size:1.8em;}
img{max-width: 100%;}
.nomobile{display:block;}
#qrcode{width: 30%;height:30%;}
/* tabbed content */
/*.tabcontent * .rightpanel{display:block;padding:.5rem;flex:0 1 calc(35% - 1em);text-align:center;order:3;}
.tabcontent * .leftpanel{padding-right:2em;flex:0 1 calc(65% - 1em);font-size:.9em;order:2;}*/
}

@media screen and (min-width:751px){
/* structure */
h1{font-size:1.4rem;}
h2{font-size: 1.3rem;}
header h2{font-size:1.6rem;}
header p{margin:0 0 .5rem 0;font-size:1rem;}
nav .menu a{background-color:var(--blu);}
main{flex-flow:row wrap;}
.main-content{flex:1 4 calc(60% - 1em);} /* aside-r is (40% - 1em) */
.headline{order:1;}
.headline p{font-size:1.1em;}
.right{width:80%;}
#qrcode{width:25%;height:25%;}
#please-donate{font-size:1em;}
#glf{font-size:.9em;}
#news{width:80%;}
.info{order:2}
.image{order:4}
.notes{order:3}
/* styling */
input[type=checkbox]:checked ~ .menu{display:block;background:var(--grn-lt);font-size:1.1rem;text-align:center;display:flex;flex-direction:row;flex:0 0 100%;}
input[type=checkbox]:checked ~ .menu a{background-color:var(grn-lt);font-size:1rem;padding:.75rem 1rem;outline:none;border:0;flex:0 1 auto;}
img{margin:.5rem 0;max-width: 70%;}
.mobilenav{display:none;}
.nomobile{display:block;}
.notablet{display:none;}
.pricing-option{flex:0 1 100%;}
.widget{max-width:95%;}
.desc, .desc-priv{min-height:0;}
#mission-stmts{width:75%; margin:auto;}
/* tabbed content */
/*.tabcontent * .leftpanel{flex:0 1 100%; width:100%;font-size:.9em;order:2;}
.tabcontent * .rightpanel{display: none;}*/
}

@media screen and (min-width:1025px){
/* structure */
h1{font-size:1.6rem;}
h2{font-size:1.5rem;}
p{font-size:1em;}
nav{background-color:var(--blu);justify-content:center;}
.headerlogo{display:none;}
/* styling */
header{margin:0;padding-left:0;background:none;color:var(--blu);border:0;font-size:1.6rem;}
img{max-width:100%;}
.logo{display:flex;flex:3;background:none;border:none;height:auto;padding:.5em;}
nav .menu{background-color:var(--blu);display:flex;}
nav .menu a{background-color:var(--blu);outline:none;border:0;padding:.65em .95em;font-size:1.08em;flex:0 1 auto;}
nav .menu a:hover{background-color:var(--blu-hover);}
nav label{display:none;}
nav img{border:0;}
.about-us:after{content:" Us";}
.contact-us:after{content:" Us";}
.main-content{flex:2 2 calc(65% - 2em);}
.headline{width:80%;}
#qrcode{width:20%;width:20%;}
#glf{font-size:1em;}
.grid-mbsr{margin:2rem;display:grid;grid-gap:3rem 1rem;grid-template-columns:[intro] 1fr [meditation] 1fr;grid-template-rows:repeat(6, 1fr);}
.grid-video{margin:2rem;display:grid;grid-gap:1rem 1rem;grid-template-columns:[intro] 1fr [meditation] 1fr;grid-template-rows:repeat(2, 1fr);}
.info{order:2}
.image{order:3}
.notes{order:4}
.notablet{display:block;}
footer{padding:.875rem;}
/* miscellaneous */
.mobile{display:none;}
.tablet{display:none;}
/* tabbed content */
/*.tabcontent * .rightpanel{display:block;padding:.5rem;flex:0 1 calc(35% - 1em);text-align:center;order:3;}
.tabcontent * .leftpanel{padding-right:2em;flex:0 1 calc(65% - 1em);font-size:.9em;order:2;}*/
}

@media screen and (min-width:1201px){
h1{font-size:1.7rem;}
header{font-size: 1.7rem;}
.main{flex-flow:row nowrap;}
.main-content, .main-content2{order:2;flex:2.2;}
.main-content, .main-content2 h2{text-align: center;}
}