/*-------------------*/
/* GENERAL */
/*-------------------*/

/*-------------------*/
/* TOP NAV */
/*-------------------*/

/*-------------------*/
/* HEADER */
/*-------------------*/
/* div.top-area .logo {
  width: 100vw;
  margin: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
div.top-area .logo img {
  display: none;
  width: 100%;
  visibility: hidden;
} */
.account-links a {
  color: #FFF;
}
#dropdown, #dropdown:hover {
  color: #fff;
}

#header:not(.fixed) div.top-area .logo {
  background-image: none !important;
}
div.top-area .logo {
  height: auto;
  width: 100vw;
  margin: 0;
}
div.top-area .logo img {
  display: block;
  width: 100%;
  visibility: visible;
}
.search input[type="text"] {
  color: #fff;
}

/*-------------------*/
/* CATEGORY NAV */
/*-------------------*/

/*-------------------*/
/* CONTENT */
/*-------------------*/
#slideshow {
  position: relative;
}
#introtext {
  text-align: center;
  position: absolute;
  top: 8%;
  left: 4%;
  z-index: 300;
  width: 35%;
  height: 84%;
  background-color: rgb(255, 255, 255, 0.5);
  padding: 2% 4%;
  box-sizing: border-box;
}
#introtext h1 {
  font-size: 2vw;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 10px;
  color: #cf3942;
  padding: 0 15%;
  /* text-shadow: 1px 1px white; */
}
#introtext p {
  font-size: 1.6vw;
  line-height: 1.4;
  font-weight: bold;
  padding: 10px 5%;
  /* text-shadow: 1px 1px white; */
}

/*-------------------*/
/* PRODUCT THUMBS */
/*-------------------*/
.originalprice {
  position: relative;
}
.originalprice:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  color: #f00;
  border-top: 2px solid #f00;
  border-color: inherit;
  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}

/*-------------------*/
/* PRODUCT */
/*-------------------*/
.logo-dialog .form .file-input .input.file input {
  top: -24px;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
}

/*-------------------*/
/* CART/CHECKOUT */
/*-------------------*/
.content-item.payment .method p.balance-info, label[for="website_order_use_balance"] {
  font-size: 16px;
  font-weight: bold;
}

/*-------------------*/
/* FOOTER */
/*-------------------*/
.useful-links p {
  margin: 10px !important;
}
.contactbig {
  font-size: 48px !important;
  font-weight: bold !important;
  line-height: 1.2;
  color: #FF3333 !important;
}
.social-link {
  display: inline-block;
  height: 36px;
  width: 36px;
  position: relative;
  border: 2px rgba(255, 255, 255, 0.15) solid;
  cursor: pointer;
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
  margin-right: 10px;
}
.social-link:hover {
  padding-left: 0 !important;
  border-color: #FF3333;
  background: #FF3333;
}
.social-link img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) skewX(20deg);
  -ms-transform: translateX(-50%) translateY(-50%) skewX(20deg);
  transform: translateX(-50%) translateY(-50%) skewX(20deg);
  max-width: 50%;
  height: auto;
  opacity: .35;
}
.social-link:hover img {
  opacity: 1;
}

/*-------------------*/
/* MEDIA QUERIES */
/*-------------------*/
@media screen and (min-width: 661px){
	
}
@media screen and (max-width: 1919px){
  #header:not(.fixed) div.top-area .logo {
    background-image: none !important;
  }
  div.top-area .logo {
    height: auto;
  }
  div.top-area .logo img {
    display: block;
    visibility: visible;
  }
}
@media screen and (min-width: 720px) and (max-width: 720px){
  div.top-area .logo {
    width: 100vw;
    height: 90px;
    margin: 30px 0 0;
  }
  #header {
    padding: 0;
  }
  .navigation-bar, .account-links, #search {
    margin: 5px;
  }
}
@media screen and (max-width: 660px){
  #header {
    padding: 0;
  }
  .navigation-bar, .account-links, #search {
    margin: 5px;
  }
  .slideshowcontent {
    display: none;
  }
}
@media screen and (max-width: 320px){
  #introtext h1 {
    font-size: 16px;
    margin-bottom: 0;
  }
  #introtext p {
    font-size: 12px;
    line-height: 1.2em;
  }
}