body:after {
  background-repeat: repeat;
  background-size: auto;
}

header, footer, .width-wrapper {
  background: transparent;
}

aside {
  font-family: Over the Rainbow;
}

header img {
  filter: saturate(0) brightness(0);
}

/* doodles */
#doodles {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 2.5s ease-out;
  background-image: url(https://s9.limitedrun.com/images/1363459/papercolor.jpg);
  background-size: auto;
  background-repeat: repeat;
}

#doodles img {
  position: absolute;
  max-width: 300px;
}

#doodles #car {
  top: 20%;
  right: -105px;
  transform: rotate(-90deg);
}

#doodles #tree {
  right: 0;
  bottom: 0;
}

#doodles #scroll {
  bottom: 0;
  left: 20px;
  max-width: 250px;
}

#doodles #rocket {
  transform: rotate(-45deg);
  top: calc(100px + 5vh);
  left: -4vw;
}

#product #doodles, #error #doodles {
  transition: transform 3s ease-in-out, opacity 2.5s ease-out;
  transform: translateX(-100%) rotateY(-90deg) rotateX(45deg);
  opacity: 0;
}

@media only screen and (max-width: 800px) {
  #doodles #car {
    max-width: 200px;
    right: -70px;
  }
  
  #doodles #tree {
    max-width: 145px;
  }
  
  #doodles #rocket {
    left: -10vw;
    max-width: 150px;
  }
  
  #doodles #scroll {
    max-width: 130px;
  }
}

/* PRODUCT */
.selector {
  font-family: "Permanent Marker", sans-serif;
  font-weight: 400;
}

.product-grid {
  width: 600px;
  max-width: 100%;
  margin: auto;
}

.grid-item, .grid-sizer {
  width: 100%;
}

/* OVERRIDES */

.gc-noscroll header {
  z-index: -100;
}

.gc-noscroll .back-button {
  z-index: -100;
}

.loading .glass-case {
  transform: translateX(500vw);
}

.glass-case {
  margin: auto;
  width: 100% !important;
}

.gc-display-area {
  background-color: transparent;
  width: 100% !important;
  border: 0;
}

.gc-icon {
  background: #eeeeee;
  border: #a28e8d;
  color: #0a0a0a;
  border-radius: 20px;
}

.gc-icon-next, .gc-icon-close::before, .gc-icon-next::before {
  right: 0;
}

.gc-icon-prev, .gc-icon-prev::before {
  left: 0;
}

.gc-icon-next::before, .gc-icon-prev::before .gc-icon-close::before {
  top: 0;
}

.gc-zoom-area {
  background-color: transparent;
  border-color: #a28e8d;
}

.glass-case ul li {
  background-color: transparent;
  border: 0;
}

.glass-case ul li.gc-active {
  border: 2px solid #a28e8d;
}

.glass-case ul li:hover, .glass-case ul li.gc-active:hover {
  border: 2px solid #0a0a0a;
}

.glass-case ul li .gc-display-container img {
  width: 100% !important;
  height: auto !important;
}

/* SLICK */
.slick-slider {
  transition: opacity 0.2s ease-in-out;
}

.slick-prev {
  left: 0;
  z-index: 1;
  width: 50px;
  height: 100%;
}

.slick-next {
  right: 0;
  width: 50px;
  height: 100%;
}

.loading .slick-slider {
  opacity: 0;
}