/*
 * Put CSS here to override compiled SASS
 * instead of editing `main.css` directly
 */

.text-faded a {
  color: #fff !important;
}

.hero .hero-image {
  height: auto;
}

.collect {
  padding-bottom: 10px;
}

@media (min-width: 1024px) {
  .collect {
    padding-bottom: 100px;
    padding-top: 10px;
  }
}

/* .glide .video-wrapper {
  max-height: 430px;
} */

@media (min-width: 1024px) {
  .glide .video-wrapper {
    max-height: 905px;
  }
}

.glide__slide--image {
  margin-bottom: 0;
}

.glide__slide--content {
  margin: 0 auto;
}

.share {
  padding-top: 10px;
}

@media (min-width: 1024px) {
  .share .section-setup .section-headline {
    transform: translateY(60%);
    z-index: 990;
  }
}

.buy .box--top .body-copy {
  width: 90% !important;
}

.ibi-image.slide-down .bottom {
  transform: translateY(0) translateX(-30px);
}

.ibi-image.slide-down .top {
  transform: translateX(150px) translateY(40px);
}

.buy .box--bottom .info {
  width: 350px;
  margin-right: 0;
}

#requirements {
  padding: 60px 0px 100px 0px;
  background-color: white;
}

.card--copy {
  width: 100% !important;
}

@media (min-width: 1024px)
{
  .collect .section-memories .body-copy, .collect .section-memories .card--copy, .collect .section-save .body-copy, 
  .collect .section-save .card--copy, .collect .section-space .body-copy {
    width: 71%;
  }

  
}
@media (min-width: 768px)
{
  .slider-container {
    height: 98vh;
  }

  .share .box--bottom .btn {
    max-width: 200px;
    width: 200px;
    padding: 10px 0;
}
}

.collect .collect-ibi {
    margin-top: 0px !important;
}
.section-save {
    padding-top: 80px !important;
  }
  .section-slider {
    padding-top: 0px !important;
  }

.share .box--bottom .btn {
    width: 100%;
    height: 60px;
    border-radius: 31px;
    font-size: 20px;
    font-size: 1.11111em;
    line-height: 1.7;
    padding: 7px 0;
}

.hide-retailer {
  display: none !important;
}

.sale {
  color: #AEAEAE;
  font-size: 0.85EM;
  text-decoration: line-through;
  
}