/*
Theme Name: Squarespace
Author: Squarespace
Version: 1.0
Author URI: https://www.squarespace.com
License: E-Commerce Template Wordpress
License URI: https://www.squarespace.com
*/
  html {
    height:100%;
    font-size:1em;
    font-size:100%;
    line-height:1.4;
    margin:0;
    padding:0;
    border:0;
    vertical-align:baseline;
  }
  body {
    margin:0;
    padding:0;
    font-size:1.3vw;
    line-height:1.2;
    letter-spacing: 0;
    color:#000;
    background:#fff;
    font-family: squarespace-ui-font;
  }
  * {
  box-sizing: border-box;
  -webkit-font-smoothing: inherit;
}
 
  h1,h2,h3,h4,h5,h6{color:#000;line-height:1.2;margin: 10px auto;font-style: normal;font-weight: normal;}
  h1 {font-size: 59px;}
    img{width:100%;height:auto;}

    table {
    border-collapse: collapse;
    width: 100%;
	}
    thead{background: #0f161c;}
	th, td {
	  padding: 8px;
	  text-align: left;
	  border: 1px solid #32495c;
	}
	tr:hover {background-color: #f57907;}
  a {
    color:#000;
    text-decoration:none;
    cursor: pointer;
  }
  a:hover {
    color:#000
  }
  div,
  input,
  label {
    display:block;
    overflow:hidden;
    position:relative;
  }
  


 
#siteWrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.header {
  z-index: 99;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  line-height: 1;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  transition: background 140ms ease-in-out 140ms,transform 140ms ease-in-out;
}

 .header-inner {
  max-width: 1800px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 100%;
  height: inherit;
  background:#af69ee;
  padding-top: 2vw;
  padding-bottom: 2vw;
  padding-left: 3vw;
  padding-right: 3vw;
}

.header-title-nav-wrapper {
  display: flex;
  flex-wrap: nowrap;
  flex: 1 0 67%;
  align-items: center;
}
.header-nav {
  width: 32%;
  flex: 1 1 32%;
}

.header-nav-list {
  display: inline-flex;
  flex-wrap: wrap;
}
.header-nav-list li{list-style:none;margin-right: 2.4vw;}
.header-nav-list li a{color:#fff}
.header-title {
  width: 30%;
  flex: 1 1 32%;
  text-align: center;
}
.header-title-logo {
  width: auto;
  font-size: 0;
}
.header-title-logo a {
  display: inline-block;
  max-width: 100%;
  max-height: 7rem;
}
.header-title-logo img {
  width: auto;
  max-width: 100%;
  max-height: 7rem;
}
.header-actions {
  flex-grow: 0;
  flex-shrink: 1;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  width: 33%;
}
.header .Cart-inner {
  position: relative;
  display: flex;
  color: #fff;
}
.header-actions-action .icon, .header-menu-actions-action .icon {
  flex-shrink: 0;
  height: 25px;
  width: 25px;
}
:not(.header--menu-open) .header-actions .icon--fill svg {
  fill: currentColor;
  color: #fff;
}
.icon-cart-quantity:not(.legacy-cart) {
  position: relative;
  text-align: center;
  padding-left: calc(3px + 25px / 15);
}
.header-actions-action .cart-style-icon .icon-cart-quantity:not(.legacy-cart), .header-menu-actions-action .cart-style-icon .icon-cart-quantity:not(.legacy-cart) {
  line-height: 25px;
}
.header-actions-action {
  margin: 0 0 0 1vw;
  color: #fff;
}
.header-actions-action a {

  color: #fff;
}
.header-display-mobile {
  display: none;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: center;
}

#page {
  /*! z-index: 9; */
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}
section.page-section{/*padding-top: 127.433px !important;*/}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.section-background, .section-background .section-background-content, .section-background .section-background-canvas, .section-background .section-background-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page-section > .content-wrapper {
  max-width: 1800px;
  margin: 0 auto;
  box-sizing: border-box;
}
.page-section > .content-wrapper {
  width: 100%;
  box-sizing: content-box;
  position: relative;
}
.page-section > .content-wrapper {
  display: flex;
}
.page-section.full-bleed-section > .content-wrapper {
  max-width: 100%;
}
.page-section.horizontal-alignment--center > .content-wrapper {
  justify-content: center;
}
page-section.content-width--wide .content, .page-section.content-width--narrow.content-collection .content, .page-section.content-width--medium.content-collection .content {
  width: 100%;
}
.page-section.content-width--wide .content, .page-section.content-width--narrow.content-collection .content, .page-section.content-width--medium.content-collection .content {
  width: 100%;
}
.n-columns-2 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  font-weight: 700;
}
.n-columns-2 a {
  text-align: center;
}
ul.menu{list-style:none;width: 100%;display: block;padding: 0;margin: 0;}
.menu li{float: left;width: 50%;}
.menu li a{
 color: #fff;
 padding: 4px 10px;
 text-align: center;
 display: block;
 font-size: 1.3vw;
}
.login, .register {
  color: #fff;
  padding: 13px 10px;
}
.login, .login-button {
  background: linear-gradient(to bottom, #00ff00 0%, #560000 100%);
  border: 2px solid #000;
  box-shadow: 0px 0px 3px #f00;
}
.register, .register-button {
  background: linear-gradient(to bottom, #ffff00 0%, #001756 100%);
  border: 2px solid #000;
  box-shadow: 0px 0px 3px #f00;
}
.page-section .collection-content-wrapper, .page-section .gallery-content-wrapper {
  width: 100%;
  padding-right: 3vw;
  padding-left: 3vw;
  margin: 0 auto;
  box-sizing: border-box;
}
.products.collection-content-wrapper, .ProductList.ProductItem-relatedProducts {
  /*padding-top: 3vw;*/
  padding-bottom: 3vw;
}
.products.collection-content-wrapper {
  padding-bottom: 0vw;
}

.products.collection-content-wrapper:not(.ProductItem-relatedProducts), .tweak-products-width-inset .ProductList.ProductItem-relatedProducts:not(.ProductItem-relatedProducts) {
  max-width: 1800px;
  padding-left: 3vw;
  padding-right: 3vw;
  margin: 0 auto;
}
.ProductItem-nav .ProductItem-nav-breadcrumb, .ProductItem-nav .ProductItem-nav-pagination {
  display: none;
}
.ProductItem-nav {
  text-align: left;
}
.ProductItem-nav {
  padding-bottom: 60px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  text-align: left;
}
  .ProductItem-nav {
    padding-bottom: 60px;
  }
.ProductItem .ProductItem-summary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-flow: row-reverse;
}
.ProductItem-gallery {
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  user-select: none;
  margin: 0;
  width: 44%;
}
.ProductItem {
  max-width: 1800px;
  padding-left: 3vw;
  padding-right: 3vw;
  margin: 0 auto;
}
.tweak-product-basic-item-gallery-placement-right .ProductItem-gallery {
  flex-direction: row-reverse;
}
.ProductItem-gallery-slides {
  position: relative;
  flex-grow: 1;
  max-width: 100%;
  overflow: hidden;
}
.ProductItem-gallery-slides::before {
  content: '';
  display: block;
}

.ProductItem-gallery-slides-item.selected {
  z-index: 2;
}


.ProductItem-gallery .product-image-zoom-duplicate {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
}
.ProductItem-details {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: left;
  width: 56%;
  padding-top: 60px;
  padding-right: 5vw;
}
.ProductItem-details .ProductItem-product-price {
  order: 1;
  margin-bottom: 25px;
  display: block;
}
.ProductItem-details .quantity-label {
  margin-bottom: .5em;
}
.ProductItem-details .product-quantity-input input {
  text-align: left;
  box-sizing: border-box;
  padding: 1.5rem;
  line-height: normal;
  color: inherit;
}
.ProductItem-details .product-quantity-input input {
  border: 1px solid grey;
}

.ProductItem-details .sqs-add-to-cart-button-wrapper {
  margin-bottom: 25px;
}
.sqs-add-to-cart-button-inner{background:#af69ee;padding:17px;margin:25px auto;color: #fff;text-align: center;}
.ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button {
  box-sizing: border-box;
  width: 100%;
}
.products-list{flex-flow: wrap !important;}
.archive .ProductItem-details, .category .ProductItem-details, .author .ProductItem-details, .blog .ProductItem-details{width: 100%;}
.ProductItem-details-excerpt{width: 100%;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.ProductItem-details-excerpt article{flex: 0 0 32%;max-width: 32%;margin: 7px;display: flex;flex-wrap: wrap;justify-content: center;text-align: center;}
.ProductItem-details-excerpt article h2{font-size:1.5rem;}
footer#footer-sections {
  background: #af69ee;
  color: rgb(255, 255, 255);
  font-family: arial;
  text-align: center;
  padding: 30px 0px 30px 0px;
  margin-top: auto;
  position: relative;
  z-index: 0;
}
footer#footer-sections a{color:#fff}


@media screen and (max-width: 767px) {
  .header-display-desktop{display:none;}
  .header-display-mobile{display:block;}
	 .header .header-announcement-bar-wrapper {
    padding: 6vw;
  }
   .header .header-layout--with-commerce .header-title-nav-wrapper, .header .header-layout--with-user-accounts .header-title-nav-wrapper, .header .header-layout--with-button .header-title-nav-wrapper {
    flex: 1 0 calc(100% - 75px * 2 - 1vw);
  }
  .header-inner{padding-left: 25px;padding-right: 25px;}
  .header-title{width: 60%;flex: 1 1 60%;margin: auto;text-align: center;}
  .header-nav{width: 25%;flex: 1 1 25%;}
  .header-actions{width: 25%;}
  .header-title-logo img{}
  .sqs-cart-quantity{font-size:1rem}
  section.page-section {
  padding-top: 75.2px !important;
}
  .ProductItem .ProductItem-summary {
  flex-flow: column;
}
  .ProductItem-gallery, .ProductItem-details {
    padding-bottom: 25px;
    width: 100%;
    padding: 0;
  }
  .site-wrapper, .sqs-catalog-item-list {
    font-size: 1rem;
  }
    #siteWrapper .sqs-button-element--primary, .sqs-block-form-lightbox .sqs-button-element--primary {
    font-size:  1.2rem;
  }
  .ProductItem-details-title{ font-size:  2.8rem;}
  .ProductItem-details-excerpt article{flex: 0 0 100%;max-width: 100%;}
  .menu li a{font-size: 1.2rem;}
  side-menu-m .site-logo {
      grid-area:title;
      max-width: 100%;
      top: 16px;
    }
  
    .side-menu a {
      text-decoration:none;
      color:black
    }
    .side-btn {
      display:none
    }
    .side-icon {
      grid-area:hamburger;
      cursor:pointer;
      display:flex;
      justify-content:flex-start;
      align-items:baseline;
      padding:30px 0px 30px 0px;
      position:relative;
      user-select:none;
      visibility:visible;
    }
    .navicon {
      background:none;
      display:block;
      height:1px;
      width:32px;
      position:relative
    }
    .navicon:before {
      top:5px
    }
    .navicon:after {
      top:-5px
    }
    .navicon:before,
    .navicon:after {
      background:#fff;
      display:block;
      width:100%;
      height:100%;
      content:"";
      position:absolute;
      transition:all .2s ease-out
    }
    nav .menu-main-container {
      width: 100%;
    }
    .side-menu {
      grid-area:nav;
      max-width:unset;
      max-height:0;
      overflow:hidden;
      margin:0;
      padding:0;
      display:flex;
      flex-direction:column;
      position:fixed;
      transition:transform 250ms ease-in-out;
      transform:translateY(-10px);
      background-color: #0c1218a6;
    }
    .side-menu li {list-style:none;
    }
    .side-menu a {
      padding:19px 20px;
      width:100%;
      text-align:center;
      text-transform:uppercase;
      color:#ddd;
      display: block;
    }
  ul.nav-list{text-align: center;margin: auto;padding: 66px 0px;}
    .side-btn:checked ~ .side-menu {
      min-height:100%;
      min-width:100%;
      transform:translateY(60);
      right: 0px;
      backdrop-filter: blur(6px);
      opacity: 1;
      background: #000;
    }
    .side-btn:checked ~ .side-icon .navicon {
      background:transparent
    }
    .side-btn:checked ~ .side-icon .navicon:before {
      transform:rotate(-45deg)
    }
    .side-btn:checked ~ .side-icon .navicon:after {
      transform:rotate(45deg)
    }
    .side-btn:checked ~ .side-icon .navicon:before,
    .side-btn:checked ~ .side-icon .navicon:after {
      top:0
    }
	.side-menu li a i {
      vertical-align:middle;
    }
    .side-menu li:hover {
      background-color:#393939
    }
}