/* 
Theme Name: Vanilla
Author: James Shakespeare
Author URI: http://jshakespeare.com 
Version: 1.0 
Description: A bare-bones starting theme based on Initializr. Uses child loops atatched to pages specified in page.php. Based on a 940px layout with media queries available for 748px, mobile landscape (450px) and portrait (300px).
*/ 

/* =============================================================================
   Initializr Styles
   ========================================================================== */
   
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) {    overflow: hidden;}
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }

/* =============================================================================
   Primary styles
   Author: 
   ========================================================================== */

/* -------------------- FONTS -------------------- */
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/LeagueGothic-Regular-webfont.eot');
    src: url('fonts/LeagueGothic-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LeagueGothic-Regular-webfont.woff') format('woff'),
         url('fonts/LeagueGothic-Regular-webfont-webfont.woff2') format('woff2'),         
         url('fonts/LeagueGothic-Regular-webfont.ttf') format('truetype'),
         url('fonts/LeagueGothic-Regular-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* -------------------- FILTERY STUFF -------------------- */

.is-animated {
  -webkit-animation: .2s zoom-in;
          animation: .2s zoom-in;
}

@-webkit-keyframes zoom-in {
  0% {
   -webkit-transform: scale(.1);
           transform: scale(.1);
  } 
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes zoom-in {
  0% {
   -webkit-transform: scale(.1);
           transform: scale(.1);
  } 
  100% {
    -webkit-transform: none;
            transform: none;
  }
}

/* -------------------- ELEMENT DEFAULTS -------------------- */

.frame1, .frame2, .frame3 { overflow:visible; box-sizing:border-box; min-height:100%; width:100%;}
.frame1 {border:10px solid #3B0B45;}
.frame2 {top:0px; left:0px; right:0px; border:10px solid #BD2968; /*#4BBD8A */}
.frame3 {top:0px; left:0px; right:0px; border:10px solid #E9E445; min-height:628px;}

body{
  font-family: 'Roboto',Arial, sans-serif;
  font-size: 16px;
  line-height:1.375;
  background: #fff;
  color: #000;
  min-width:300px;
}

nav li a, h1, h2, h3, h4, .filter li a, .btn, .event-main strong, .jgrid-item div  { font-family:"LeagueGothicRegular", Helvetica, Arial; }

.page-press .page-images img:hover {opacity:.8;}
#body-container {padding:10px 30px 30px; box-sizing:border-box; }
p{  line-height: 1.6em; margin: 0 0 10px 0;  }
a, a:visited{   color: #ad0f52 /*#BD2968*/; text-decoration: none; }
a:hover {color:#3B0B45;}
/* headings */
h1.page-title {display:none;}
.col-right h1.page-title {display:block; text-align:left;    text-transform: uppercase;
    text-align: left; color:#3b0b45;}
.col-right h3 {text-align:left; margin-top:40px;}    
  .col-right.col-pad {padding-left:30%;}
.col-left {width:30%; float:left;}
.col-right {width:70%; float:left;}
.page-images {padding:30px;}
.page-images img {width:100%; height:auto;}
h1, h2, h3, h4, h5{  font-weight: normal; margin: 0; color: #2b002d; text-align:center;}
h1{ font-size: 2em;   }
h2{ font-size: 1.6em; }
h3{ font-size: 1.4em; }
h4{ font-size: 1.4em; }
h1 {margin-top:1.5rem; color:#555;}
h2 {margin:10px 0;}
.col-right h5 {text-align:left; padding-top:10px; font-weight:bold;}
.nerdname {
  position: relative;
  text-align:left;
  padding-top: 25px;
  }
  .nerdname a {
    position: absolute;
    right: 0;
    text-decoration:none;
  }

.btn .fa-asterisk {
    font-size: 1rem;
    position: relative;
    bottom: 1px;
    color: #fcf866;
  }

.purchase-options h2, .extra-links h2 {font-size:1.25rem;}
.purchase-options a.btn {margin-right:5px;}
.extra-links ul {padding-left:0;}
#footer-bottom {text-align:center; padding-top:20px;}
.prod-image {margin:20px auto; width:30%; float:left; text-align:center;}
.prod-image img {max-height:340px; width:auto; max-width:100%;}
.product-desc {margin: 50px auto 25px auto; max-width:750px; float:left; width:65%; padding-left:5%;}
.purchase-options {text-align:center;}
#mailinglist input  {border-radius:0;}

#mailinglist #qns_name, #mailinglist #qns_email, #mailinglist .submit {display:block;}
#mailinglist label {display:inline-block; padding:10px 10px 10px 0;}
#mailinglist #qns_name, #mailinglist #qns_email {padding:5px; min-width:240px;}
#mailingfooter a{white-space:nowrap}

/* -------------------- Nav -------------------- */
nav {text-align:center;}
nav #menu-main li a {  font-size:2rem; display:inline-block; padding:0 10px;}
nav #menu-supernav li a {  font-size:1.25rem; display:inline-block; padding:0 10px;}
nav li a { text-decoration:none;}
header nav li.current_page_item a, header nav li a:hover, ul.filter a:hover {    color:#3B0B45;  }

/*nav #menu-main li:first-child a {padding-left:0;}*/
nav li {display:inline;}

li.current-menu-item a, .single-product .shop-section a,.single-tvradioshow .tv-radio-section a { background: #e9e445}
ul.filter {list-style:none; margin-top:0;}
ul.filter li {list-style:none;}
ul.filter a {text-decoration:none; font-size:1.5rem;  color: rgba(189, 41, 104, 0.6); display:inline-block; padding:5px 10px; text-align:center;}

ul.filter a.active {background:#4BBD8A; color:#fff;}
nav ul {margin-bottom:1rem;}
nav ul.filter li:first-child a {padding-left:10px;}


ul.products {list-style:none; margin:20px 0; padding:0;}
.products li a {text-decoration:none; min-height:230px; display:block;}
.products li {width:20%; float:left; }
.products li a img {
  height: 160px;
    width: auto;
    max-width:100%;
    margin: 10px auto 10px;
    display: block;
}

.products li a strong {text-align:center; display:block; text-decoration:none; font-size:1rem; width:90%; margin:15px auto;}
.products li a:hover img {opacity:.8;}

blockquote {text-align:center; margin:0; padding:0; line-height:1; font-size:.875rem; color:#767676;}


* { box-sizing: border-box; }
/* ---- grid ---- */


/* clearfix */
.home-grid:after {
  content: '';
  display: block;
  clear: both;
}
.cross-promotion:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

/* ---- jgrid-item --- */
.jgrid-item {
  width: 25%;
  float:left;
  margin-bottom:-5px;
  font-size:2vw;
  }

 .ajgrid-item:before{
    content: "";
    display: block;
    padding-top: 25%;
} 
.jgrid-item--width2 { width:  50%; }

.jgrid-item .grid-container{padding-top:110.5%; height:0;    position: relative;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    border:5px solid #fff;

  }
.jgrid-item .grid-container > div {
  position:absolute; 
  top:10px;
  left:10px;
}
.jgrid-item .embed-container {    border:5px solid #fff;
}

.jgrid-item .btn {position:absolute;bottom:10px; right:10px; background:#3b0b45; margin:0;}

.item5 {clear:left;}

.grid-container:hover {cursor:pointer; opacity:.9;}
/* ---- grid-item ---- */


.youtube img {
    width: 100%;
    top: 0;
    left: 0;
    opacity: 1;
}

.youtube img:hover {
  opacity:.85;
  }

.jgrid-item .youtube img {opacity:1;}

.jgrid-item .youtube img:hover {opacity:.7;} 


div.quote {
  margin:0 0 20px 0;
  font-family:LeagueGothicRegular, sans-serif;
  font-size: 22px;
}
.hcome-griditem {width:25%; display:inline-block; height:200px;}
.home-video {width:50%; display:inline-block; height:200px;}
.embed-responsive {width:50%; display:inline-block;}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
embed, iframe, object, video {
    margin-bottom: 1.6em;
    max-width: 100%;
    vertical-align: middle;
}

/* exp*/
.youtube .play-button, .youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
}
.youtube .play-button, .youtube .play-button:before, .youtube iframe, .youtube img {
    position: absolute;
}
.youtube .play-button, .youtube img {
    cursor: pointer;
}
.youtube .play-button {
    z-index: 1;
    opacity: .8;
    border-radius: 6px;
}

.youtube .play-button, .youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
}
.youtube .play-button, .youtube .play-button:before, .youtube iframe, .youtube img {
    position: absolute;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26px;
    border-color: transparent transparent transparent #fff;
}

.youtube {
    background-color: #000;
    position: relative;
    padding-top: 56.25%;
    cursor: pointer;
        margin-bottom: 30px;
    overflow: hidden;
}


.youtube .play-button, .youtube .play-button:before, .youtube iframe, .youtube img {
    position: absolute;
}
.youtube .play-button, .youtube img {
    cursor: pointer;
}

.youtube img {
  top: -17%;
}

.youtube img.maxresdefault {
  top:0;
}

.youtube h3 {
  position: absolute;
    bottom: 0;
    color: #fff;
    padding: 10px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    left: 0;
    line-height: 1.125;
    text-align: left;
  background: rgba(60, 10, 69, .85);
    width: 100%;}
/* end exp */

.channel {clear:both;    position: relative;
    left: -5px;}
.channel-item {
  width:33.33%; float:left; box-sizing:border-box; border:5px solid #fff; margin-bottom:10px;
}

.channel h2 {text-align:left; position:relative; padding:10px 0 0 5px;}
.channel h2 a.btn {position:absolute; right:5px; margin:0;}
.channel h2 a:first-child {text-decoration:none; color:#3b0b45;}

div.quote i.fa-quote-left, div.quote i.fa-quote-right {font-size:36px; color:#D675A2; padding:10px;}
div.quote i.quote-alt1 { color:#65E6AD; }
div.quote i.quote-alt2 { color:#EEEC5B; }

#menu-supernav {margin-bottom:.5rem;}
/* Events Styling */
.event-main a {text-decoration:none; }
#livedates {font-size:14px;}
#livedates td {line-height: 1.42857143;
    vertical-align: top;
    padding:8px 0;
   }
    #livedates > td { border-top: 1px solid #ddd; }
.event-dow { font-size:11px; text-transform:uppercase; text-align:center; padding-top:7px;}

.event-month { line-height:1; padding-top:7px; font-size: 12px; text-transform:uppercase; color: #4BBD8A; font-weight:bold; text-align:center;}


.event-dd {/* min-width:60px; */  }
.event-dd > div, .mobile-event-dd > div {background:#3b0b45; color:#fff; margin-right:20px; padding:7px 5px 0;}
.mobile-event-dd > div:last-child {padding-bottom:8px}
.event-icon { width:100px;}

.event-main {/* width:55%;*/ }
.event-day { font-size:24px; text-align:center; padding-top:0 !important;}

.event-main strong{font-size:18px; display:block; margin-bottom:3px; font-size:24px; font-weight:normal; color:#3b0b45;}

.event-tickets .btn { margin-bottom:5px;}

.mobile-row {display:none;}

.show-date { font-size:12px;}

.navbar-default #menu-main-menu li.current_page_item li {color:#fff ;}


.navbar-default #menu-main-menu li.current_page_item a {color:#ccc !important;}

.restrictions { font-size:12px; color: #650e59; font-weight:bold;}

.summaryline { margin-top:3px; font-size:14px; color:#3b0b45; font-style:italic;}

a.ticketsbtn {text-transform: uppercase}


/* TV radio page */
.tv-radio-meta {display:none;    position: fixed;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    padding:20px 50px;
    box-sizing:border-box;
    overflow:auto;
    z-index:9;
    background: rgba(255,255,255,.95);}
    .tv-radio-meta img {margin-top: 30px;}

.col-right h2 {text-align:left;}
body.popped {position:fixed; width:100%; height:100%; overflow:hidden; box-sizing: border-box}
.ind-tv-radio {width:33.3%; float:left;  }
.ind-tv-radio .inner {margin:15px; padding:15px; background:#4BBD8A; height:200px;}
.ind-tv-radio .inner:hover {cursor:pointer;background:#555; }
.ind-tv-radio .inner:hover h2 {color:#fff;}

a.close {
  position: fixed;
    right: 15px;
    font-size: 26px;
    top: 20px;
    padding: 20px 30px;
    text-decoration: none;
}
a.close:hover {background:#4BBD8A;}

#map-one {
    height: 550px;
    width: 80%;
    margin-bottom: 25px;
}
.popup h3 {
    font-size: 24px !important;
}

.mincontent {min-height:380px;}
/* -------------------- WIDTHS -------------------- */

header, section.s1, .container, footer, #body-wrapper{  width: 95%; max-width:1170px; clear: both; margin: 0 auto;  }
h4{ font-size: 1.2em; }
h5{ font-size: 1em;   }
footer {text-align:center;}

/* -------------------- WIDTHS -------------------- */

section.s2{  width: 460px; }
section.s3{  width: 300px;}
section.s4{  width: 220px;} 

/* -------------------- LAYOUT -------------------- */

section{   float: left; margin: 0 0 0 30px; }
.wrapper{  width: 100%; clear: both; }
section:first-child{ margin-left: 0;  }

/* header */

#header-logo { margin:25px 23%; text-align:center; display:block; background: url(img/header_nerds.jpg) right center no-repeat; padding:24px 0; background-size:contain;}
#header-logo img {width:330px; height:auto; padding:30px 0; margin-left:-33px; -webkit-filter: drop-shadow(2px 1px 2px #fff); */
    filter: drop-shadow(2px 1px 2px #fff);}
.extra-links { padding:30px 0; text-align:center;}
.extra-links ul {list-style:none;}
.extra-links a { display:block; padding:3px 0; }
/* -------------------- CLASSES -------------------- */

.left{   float: left; }
.right{   float: right; }
.clear{    clear: both; }
.center{   text-align: center; }

/* typo */

.large{  font-size: 1.4em; line-height: 1em;   }
.italic{  font-style: italic; }
.meta{   font-size: .8em; }

/* buttons - for unifying styles across button-like <a>, <button>, <input type="submit"> and <input type="reset"> */
.single-podcast .container {
    max-width: 767px;
}
.single-podcast h1 {text-align:left}

footer form input[type=text], .page-join-our-mailing-list form input[type=text], #searchform input[type=text] {
  height: 42px;
    position: relative;
    top: -2px;
    padding-left: 5px;
}

#searchform {padding:20px 0;}
span.btn, a.btn, button, input[type=submit], input[type=reset]{ padding: 10px;
font-size:1.25rem; color: #fff; background: #4BBD8A; text-decoration: none; position: relative; margin: 0 20px 10px 0; line-height: 1.1em; display: inline-block; 
border:none; font-family: "LeagueGothicRegular", Helvetica, Arial; }
#searchform {text-align:center;}
a.btn:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover {background:#555; color:#fff;}
.cross-promotion {
  background: #e9e445;
  padding:5px 5px;
  margin-top:20px;
}
td a.soldout {background:#ccc !important}

#mailinglist input[type=text], #searchform input[type=text] {  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
 margin-bottom: .5rem; border-radius:0; border:1px solid #ccc;}

.grid-container img {max-width:80%; height:auto; display:block; margin:0 auto; position:relative; left:-5px;}
.grid-container > div > span {padding-right:10px; display:block;}
.purchase-options a.btn:last-child {margin-right:0;}
blockquote.desktop-row {padding-bottom:20px;}
.cp-item, .tr-item {text-decoration:none; position:relative; width:33.333333%; border-right: 5px solid #e9e445;
    border-left: 5px solid #e9e445;  display:inline-block; /*height:180px;*/ background:#4bbd8a; box-sizing: border-box; }
.cp-item > div, .tr-item > div { height:100%; width:100%; background: rgba(59, 11, 69, .2); padding-top:100%;}

.tr-item > div {background: rgba(59, 11, 69, .15)}
.cp-item:hover > div, .tr-item:hover > div {background:rgba(0, 0, 0, 0.35);}
.cp-item:hover, .tr-item:hover { opacity:.9;}
.cp-item h3, .tr-item h3 {color:#fff; 
   vertical-align: middle; text-decoration:none; font-size:1.75rem; 
  text-shadow: 0 1px 1px rgba(0, 0, 0, 1); position: absolute;
    bottom: 0;
    left: 0px; width:100%;    bottom: 5px;
    line-height: 1.125;}
.cp-item:hover h3, .tr-item:hover h3  {color:#fff; text-shadow:0;}
.tr-item {border-color:#fff;  border:0; display:block; float:left;}

.cp-item {margin:5px 0;}

blockquote h5 {padding:5px 0 ; }
/* -------------------- MEDIA QUERIES -------------------- */

@media all and (min-width: 1200px) { 
.jgrid-item  {font-size:1.75rem;}

}
/* 1200 */
@media all and (min-width: 991px) and (max-width: 1199px) { 
.grid-item > div {font-size:1.5rem;}
.products li {width:25%;}

}
/* 748px  */
@media all and (min-width: 768px) and (max-width: 990px) { 
.youtube h3 {font-size:1.125rem;}
  .products li {width:33.33%;}
#body-container {padding:0;}
.grid-item > div {font-size:1.375rem;}
  .jgrid-item {font-size:1.8vw;}

  #menu-supernav {margin-top:.5rem;}
  .products li a img {height:170px;}
  .products li a {min-height:230px;}

}


/* Mobile Landscape */
@media all and (min-width: 0) and (max-width: 767px) { 
  .products li {width:50%;}
  #map-one { width:100%; }
  .popup h3 {font-size:1rem !important;}
.page-press .col-left {padding-top:30px;}
.page-press .col-right h3 {margin-top:10px;}
#body-container {padding:0;}

  .channel-item {
  width:100%;
  float:none; 
}

.wp-caption-text {font-size:.875rem;}
#menu-supernav {margin-top:.5rem;}


  .col-left, .col-right {float:none; width:100%;}
    .cp-item, .tr-item {float:none; width:100%; margin: 0 0 5px;}
    .cp-item:last-child {margin-bottom:0;}

  .col-right.col-pad {padding:0;}
  .page-images {padding:0;}
.jgrid-item > div {font-size:1.375rem;}
.jgrid-item .grid-container {padding:0; height:auto;}
.jgrid-item .grid-container > div {position:static; padding:10px 10px 80px; min-height:160px; }
.jgrid-item {
  width: 100%;
  margin-bottom:5px;
}
.jgrid-item--width2 {margin-bottom:0;}

.grid-item > iframe {height:auto; }

.grid-item {
  height: auto;
  float: none;
 
}


  .ind-tv-radio {width:100%; float:none;}
    
  img{   max-width: 100%; }
  /* events */
  

  .desktop-row {display:none;}

  .mobile-row {
    display: table-row;
    font-size:18px;
  }

  .mobile-desc {
    width:54.9%;
    float:left;
    margin-top:5px;
    font-size:13px;
  }


  .mobile-event-dd {
    width:17%;
    float:left;
    margin-top:5px;
    font-weight:bold;
  }

  .mobile-btns {
    width:28%;
    margin-top:5px;
    float:right;
  }

  .mobile-btns a, .mobile-btns .soldout {
    display:block;
    float:right;
    margin-bottom:5px;
   
  }

  .mobile-btns a {
    font-size:18px;
    padding: 3px 7px;   
  }  

  .mobile-row .mobile-icon {
        font-family: "LeagueGothicRegular", sans-serif;
    background-repeat:no-repeat;background-position:0 0 ;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display:block;
  position:relative;
  no-repeat center;background-size:100% 100%;-webkit-background-size:100% 100%;padding-bottom:45.625%;
  }


  .mobile-row strong {
      bottom: 4px;
  color: #fff;
  left: 8px;
  position: absolute;
  right: 8px;
  font-size: 32px;
  line-height:32px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, .5);
  }

}

/* Mobile Portrait */
@media all and (min-width: 0px) and (max-width: 479px) {

  .prod-image {width:100%; float:none;}
  .product-desc {padding-left:0; width:100%; margin-top:10px;}

#mailinglist input {width:100%; border-radius:0;} 
#mailingfooter .submit {display:block; margin:10px auto;}
#mailingfooter input[type=text]{display:block; margin: 10px auto 0;}
  .frame1, .frame2, .frame3 {border-width:7px;}
  .nerdname {padding-top:0;}
  .page-who-runs-fotsn .col-right {padding-bottom:25px;}
  .products li  a {min-height:0;}
/*  #livedates {margin: 0 -1.5%; width:103%;}*/
  .channel h2 a, .channel h2 a.btn {
    font-size: 1.125rem;
}
/*body.page-home .inner-cont {width:102%; margin: 0 -1%;}*/

 p {font-size:.875rem;}
 .mobile-event-dd {width:22%;}
 .mobile-desc {width:49.9%;}
 .mobile-btns a {margin-right:0; padding:15px 7px;}
  nav #menu-supernav li a {font-size: 1rem;padding:3px 5px 0;}
  #header-logo {margin:10px 0;}
  nav #menu-main li a {font-size:1.125rem; padding:0 5px;}
  #randomquote {display:none;}
  h1 {margin:1rem 0 .5rem; font-size:1.5rem;}
  #header-logo img {margin-left:-9%}
  ul.filter a {font-size:1.0625rem; padding:5px;}
  nav ul.filter li:first-child a {padding-left:5px;}
#body-container {padding:0;}
#header-logo img { width:80%; height:auto; }
.products li {width:100%; min-height:0;}
.products li a img {height:auto; max-width:80%; }
nav li a {font-size:16px;}
  section{   margin: 0 !important; }
  section{  margin-bottom: 20px !important; }
  .container.white{ padding: 0; margin: 20px 0; background: transparent; }
  
  img{   max-width: 100%; height:auto; }


  
}

/* Small Mobile Portrait */
@media all and (min-width: 0px) and (max-width: 320px) { 
    .frame1, .frame2, .frame3 {border-width:5px;}

  .purchase-options a.btn {margin-right: 3px;
    margin-bottom: 6px;}
 .mobile-event-dd {width:25%;}
 .mobile-desc {width:46.9%;}
 .mobile-event-dd > div:last-child {padding-bottom:5px;}
 .mobile-btns a {margin-right:0; padding:7px 7px;}

.youtube h3 {font-size:1rem;}
.channel h2 a, .channel h2 a.btn {
    font-size: .875rem;
  }
nav #menu-main li a {font-size:15px;}
nav #menu-supernav li a {font-size:13px; margin-top:3px;}
h1.page-title {font-size:1.5rem}
p{font-size: .875rem; overflow-wrap:break-word;}
}



/* -------------------- PSEUDO -------------------- */

/* selection colours */

::-moz-selection { background: #4BBD8A; color: #fff; text-shadow: none; }
::selection { background: #4BBD8A; color: #fff; text-shadow: none; }


/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}