/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 10, 2017 */
@font-face {
    font-family: 'pyriform_tones_nfregular';
    src: url('../fonts/pyriformtonesnf-webfont.woff2') format('woff2'),
         url('../fonts/pyriformtonesnf-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*light_blue:#64A3EA*/
/*medium_blue:#3C72B0*/
/*dark_blue:#000C9C*/

/*cart toggle button*/
#cart-toggle-wrapper{
  position:absolute;
  top:0;
  right:0;
}
.shopify-buy-frame.shopify-buy-frame--toggle:not(.is-sticky){
  padding:0;
}
.shopify-buy__cart-toggle-s{
  padding:0;
  background: #8CBFFE;
}
.shopify-buy__cart-toggle-s svg{
  fill:#fff;
  height:70%;
  margin:15%;
}
.shopify-buy__cart-toggle__count{
  position: absolute;
  background: #000C9C;
  left: -1.2rem;
  top: -0.4rem;
  opacity: 0.6;
  border-radius: 100%;
  height: 1.5em;
  line-height:1.5em;
  min-width: 1.5em;
  text-align: center;
}


.visuallyhidden{
  display: none;
}
/*cart*/
.shopify-buy-frame--cart.shopify-buy-cart-wrapper {
    max-width: 90%;
}
.shopify-buy__cart{
  background:#fff;
}
.shopify-buy-cart-wrapper.is-active .shopify-buy__cart{
  -webkit-box-shadow: -12px 10px 35px 0px rgba(0,0,0,0.45);
  -moz-box-shadow: -12px 10px 35px 0px rgba(0,0,0,0.45);
  box-shadow: -12px 10px 35px 0px rgba(0,0,0,0.45);
}
.shopify-buy__cart__header{
  height:3em;
  background-color: #65A3E9;
  color:#fff;
}
.shopify-buy__cart__title{
  line-height:3em;
  padding-left:1em;
}
.shopify-buy__btn--close{
  position:absolute;
  font-size:100%;
  top: .25em;
  right: 0.5em;
  padding: 0;
  height: 2.5em;
  width: 2.5em;
  background: none;
  border: none;
  color: #fff;
}
.shopify-buy__btn--close span{
  font-size:2em;
}

.shopify-buy__cart-scroll{
  padding:1em;
}
.shopify-buy__cart-item{
  position:relative;
  margin-bottom:2em;
}
.shopify-buy__cart-item__image {
  width: 65px;
  height: 65px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
}
.shopify-buy__quantity-decrement, .shopify-buy__quantity-increment {
  color: #4c4c4c;
  display: block;
  height: 1.5em;
  float: left;
  width: 1.5em;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  font-size: 100%;
  text-align: center;
  border: 1px solid #767676;
  position: relative;
}
.shopify-buy__quantity {
  color: black;
  width: 2em;
  height: 1.5em;
  font-size: 1em;
  border: none;
  text-align: center;
  -moz-appearance: textfield;
  -webkit-appearance: none;
  display: inline-block; 
  padding: 0;
  border-radius: 0;
  border-top: 1px solid #767676;
  border-bottom: 1px solid #767676;
  float: left;
  box-sizing: border-box;
}
.shopify-buy__quantity-container {
    margin-left: 80px;
    margin-top:0.5em;
}
.shopify-buy__cart-item__price {
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 1em;
}
.shopify-buy__cart-item__variant-title {
    color: #4c4c4c;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 80px;
}
.shopify-buy__cart-item__title {
    margin-left: 80px;
    display: block;
}
.shopify-buy__cart-item__variant-title,
.shopify-buy__cart-item__price,
.shopify-buy__quantity-container {
  font-size:80%;
}




.shopify-buy__cart__notice{
  font-size:80%;
  line-height: 1.2em;
}
.shopify-buy__cart-bottom{
  padding:1em;
  border-top: 2px solid #ddd;
}
.shopify-buy__cart-bottom p{
  margin-bottom:0.5em;
}
.shopify-buy__cart__subtotal__text{
  width:50%;
  float:left;
}
.shopify-buy__cart__subtotal__price{
  width:50%;
  float:left;
  text-align: right;
}

/*product dropdown and buy button*/
.shopify-buy__product__variant-selectors{
  width:60%;
  display: inline-block;
  vertical-align: middle;
}
.shopify-buy-frame--product select{
  font-size: 100%;
  padding: 0.5em;
  width: 100%;
  box-sizing: border-box;
  height: 2.5em;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #aaa;
}
.shopify-buy-frame--product label{
  display:none;
}
.shopify-buy-frame--product svg{
  width: 2em;
  fill:#888;
  position: absolute;
  pointer-events: none;
  cursor:pointer;
  top: 0;
  right: 0;
  height: 2.5em;
  font-size: 100%;
  line-height: 2.5em;
  background: #fff;
  padding-right: 0.5em;
  border: 1px solid #aaa;
  border-width: 1px 1px 1px 0;
  box-sizing: border-box;
}
.shopify-buy__option-select-wrapper{
  margin-right:0.5em;
  position: relative;
}
.shopify-buy__btn-wrapper{
  width:40%;
  display: inline-block;
  vertical-align: middle;
}
.shopify-buy-frame--product button,
.shopify-buy__btn{
  width: 100%;
  border: none;
  background-color: #65A3E9;
  color: #fff;
  font-size: 100%;
  height: 2.5em;
  cursor: pointer;
}
#buy{
  border-top:2px solid #ddd;
  padding:0.8em 0.5em 1em 0.5em;
  background-color:#fff;
}


#description{
  background:#F2F2F2;
  padding-top:0.5em;
  padding-bottom:0.5em;
}
#homepage #description{
  background: #fff;
}

html, 
body,
menu,
p, ul,
h1, h2, h3, h4, h5, h6{
  padding:0;
  margin:0;
}
a{
  text-decoration: none;
  color:inherit;
}
h1, h2, h3, h4, h5, h6{
  font-weight:normal;
  font-size:100%;
}
header{
  position: relative;
  background: url('../images/banner.jpg') no-repeat center;
  padding:1em 0;
  background-size:cover;
}
header img{
  max-width:600px;
}
main{
  background:#fff;
  padding-bottom:1em;
}

/*font sizes*/
html{
  font-size:100%;
}
body{
  background-color: #65A3E9;
  font-family:sans-serif;
  font-size:120%;
  line-height:1.5em;
  min-width:500px;
}
menu a, menu span{
  font-size: 1.3em;
}
@media screen and (max-aspect-ratio: 2/3) and (min-width: 600px){
  body{
    font-size:250%
  }
  h3 span{
    font-size:1.6em;
  }
}
h3{
  font-family: 'pyriform_tones_nfregular';
  padding: .8em 8.5em 0 .5em;
}
h3 span{
  font-size:2em;
}



/*menu*/
menu,
footer{
  line-height:3em;
  height:3em;
  background-color: #65A3E9;
  color:#fff;
}
menu>.content{
  height:3em;
}
menu a, menu span{
  color:#fff;
  text-decoration: none;
  margin-right:1em;
  cursor:pointer;
}
#toggle-model-menu{
  padding-left:0.5em;
}
#model-menu{
  display:none;
  position: absolute;
  padding:0 0.5em;
  z-index: 2;
  top: 100%;
  background-color: #65A3E9;
}
#model-menu li{
  list-style:none;
}
i.fa{
  cursor:pointer;
  text-align: center;
}
.fa-shopping-cart{
  background-color: #8CBFFE;
  color:#fff;
  position:absolute;
  right:0;
  top:0;
}




/*card name/ icons*/
#homepage #card-name{
  text-align:center;
  background: #fff;
}
#homepage #show-video{
  border-color:#3C72B0;
  color:#3C72B0;
  margin-right:0;
}
#video-zoom{
  position:absolute;  
  top:0;
  right:0;
  margin-left:0.5rem;
}
#show-video{
  border:2px solid #fff;
  width:auto;
  padding:0 0.4em;
  cursor:pointer;
  box-sizing:border-box;
}
#show-video p{
  margin-top:-1px;  
}
#zoom{
  background-color: #fff;
  color:#000;  
}
#zoom .fa{
  font-size:1.2em;
}
#show-video, #zoom{
  display: inline-block;
  zoom:1;  
  vertical-align: top;
}
#card-name{
  min-height:3em;
  background-color: #3C72B0;
  color:#fff;
}


/*modals*/
.modal, .modal-bg{
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
.modal{
  display:none;
  z-index:1;
  text-align:center;
}
.modal-bg{
  background:#000;
  opacity:0.5;
}
.modal-positioner, .vertical-aligner{
  height:100%;
}
.modal-positioner, .modal-content, .vertical-align, .vertical-aligner{
  position: relative;
  display:inline-block;
  vertical-align: middle;
}



/*card description*/
#description .content{
  height:4.5em;
  overflow:hidden;
}
#description.no-overflow .content,
#description.show .content{
  height:auto;
}
#description.no-overflow #more-less{
  display: none;
}

#more-less{
  background-color: #F2F2F2;
  cursor:pointer;
  position:absolute;
  bottom:0;
  right:0;
  background: -moz-linear-gradient(left,  rgba(242,242,242,0) 0%, rgba(242,242,242,1) 20%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(242,242,242,0) 0%,rgba(242,242,242,1) 20%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(242,242,242,0) 0%,rgba(242,242,242,1) 20%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2f2f2', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */
}
#more-less u{
  display:block; 
  margin:0 2.5rem;
}
#more-less #more{
}
#more-less #less{
  display:none;  
}
#description.show #less{
  display:block;  
}
#description.show #more{
  display:none;  
}

#buy-ui{

}
#fb-buttons{
  margin:2em 0;
  text-align: center;
}
.fb-like iframe{
  transform: scale(2);
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
}

.clearfix:after{
  content: "";
  display: table;
  clear: both;
}

.square{
  text-align:center;
  height:2.5em;
  width:2.5em;
  line-height:2.5em;
  margin:.25em .5em .25em 0;
}




img{
  display:block;
  width:100%;
  margin:0 auto;
}
menu, #card-name, #description, #buy, .padded{
  position: relative;
/*  padding:0.5em;
*/}
.padded{
  padding:0 0.5em;
}
.narrow .content{
  padding:0 0.5em;
}
.content{
  position:relative;
  margin:0 auto;
}

@media all and (orientation:landscape) {
  main{
    padding-top:1em;
  }

  .fb-like iframe{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
  }
  #card-info, #card-image{
    display:inline-block;
    zoom:1;
    width:46%;
    vertical-align: top;
    margin:0 2%;
  }
  .content, #card-info{
    max-width:1200px;
  }
  .narrow .content{
    max-width:800px;
  }
  #more-less{
    display:none;
  }
  #description{
    background: none;
  }
  #description .content{
    height:auto;
  }
  .shopify-buy-frame--cart.shopify-buy-cart-wrapper {
    max-width: 450px;
  }
}

body.touch #zoom-image-container.zoom{
  position:fixed;
  width:100%;
  height:100%;
  overflow:scroll;
  top:0;
  left:0;
  z-index: 1;
}
body.touch #zoom-image{
  position:relative;
  width:auto;
  height:100%;
}

#zoom-image{
  position:absolute;
  width:2000px;
  visibility: hidden;
  top:0;
  left:0;
}
#zoom-image-container{
  position:absolute;
}
#zoom-image-container.zoom #zoom-image{
  visibility: visible;
}

#image-container{
  position: relative;
  overflow:hidden;
}
.slideshow{
  overflow:hidden;
  position:relative;
}
.slideshow #image-container{
  /*position:absolute;*/
  width:8822px; /*number of slides * 802*/
  left:0;
  position:relative;
}
.slide{
  display:inline;
  float:left;
}
.left, .right{
  top:50%;
  width:50px;
  margin-top:-64px;
  position:absolute;
  z-index: 1;
  cursor:pointer;
}
.left{
  left:0;
}
.right{
  right:0;
}


.no-product .shopify-buy-frame--product{
  display: none;
}