@font-face {
  font-family: "Big Caslon";
  src: url("/content/dam/herschel/lifestyle/2019-s4/gift-guide/BigCaslon.ttf");
  font-weight: 500;
}
@keyframes rotation {
  from {
    transform: rotate(359deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.holiday-2019 .hero-two-panel {
  margin-bottom: 30px;
}
.holiday-2019 .hero-image img.swirl,
.holiday-2019 .image-row img.swirl {
  position: absolute;
  z-index: 1;
  width: 110px;
  animation: rotation 5s infinite linear;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .hero-image img.swirl,
.holiday-2019 .image-row img.swirl {
    width: 130px;
    bottom: auto;
  }
}
.holiday-2019 .hero-image .container--fluid {
  padding: 0 36px 60px;
}
@media only screen and (min-width: 768px) {
  .holiday-2019 .hero-image .container--fluid {
    padding: 0 30px 30px;
  }
}
.holiday-2019 .hero-image .container--fluid.green {
  background-color: #235949;
}
.holiday-2019 .hero-image .container--fluid.green a,
.holiday-2019 .hero-image .container--fluid.green h1,
.holiday-2019 .hero-image .container--fluid.green h4,
.holiday-2019 .hero-image .container--fluid.green p {
  color: #d4b0aa;
}
.holiday-2019 .hero-image .container--fluid.green a.button {
  background-color: #d4b0aa;
  color: #235949;
}
.holiday-2019 .hero-image .container--fluid.blue {
  background-color: #14406a;
}
.holiday-2019 .hero-image .container--fluid.blue a,
.holiday-2019 .hero-image .container--fluid.blue h1,
.holiday-2019 .hero-image .container--fluid.blue h4,
.holiday-2019 .hero-image .container--fluid.blue p {
  color: #fff;
}
.holiday-2019 .hero-image .container--fluid.blue a.button {
  background-color: #fff;
  color: #14406a;
}
.holiday-2019 .hero-image .container--fluid.pink {
  background-color: #d4b0aa;
}
.holiday-2019 .hero-image .container--fluid.pink a,
.holiday-2019 .hero-image .container--fluid.pink h1,
.holiday-2019 .hero-image .container--fluid.pink h4,
.holiday-2019 .hero-image .container--fluid.pink p {
  color: #d93842;
}
.holiday-2019 .hero-image .container--fluid.pink a.button {
  background-color: #d93842;
  color: #fff;
}
.holiday-2019 .hero-image .container--fluid.red {
  background-color: #d93842;
}
.holiday-2019 .hero-image .container--fluid.red a,
.holiday-2019 .hero-image .container--fluid.red h1,
.holiday-2019 .hero-image .container--fluid.red h4,
.holiday-2019 .hero-image .container--fluid.red p {
  color: #f2cf1e;
}
.holiday-2019 .hero-image .container--fluid.red a.button {
  background-color: #fff;
  color: #d93842;
}
.holiday-2019 .hero-image .container--fluid h1.hero-story__title {
  display: flex;
  justify-content: center;
  font-family: "Big Caslon";
  font-size: 48px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 0;
  line-height: 1.33;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .hero-image .container--fluid h1.hero-story__title {
    font-size: 72px;
    padding-top: 24px;
    padding-bottom: 24px;
    line-height: 1;
  }
}
.holiday-2019 .hero-image .container--fluid .image-cover.image-hero {
  padding-bottom: 125%;
  background-size: contain;
}
@media only screen and (min-width: 768px) {
  .holiday-2019 .hero-image .container--fluid .image-cover.image-hero {
    padding-bottom: 42%;
    background-size: cover;
  }
}
.holiday-2019 .hero-image .container--fluid .image-cover.image-hero.sm-hide {
  display: none !important;
}
@media only screen and (min-width: 768px) {
  .holiday-2019 .hero-image .container--fluid .image-cover.image-hero.sm-hide {
    display: block !important;
  }
}
.holiday-2019 .hero-image .container--fluid img.swirl {
  bottom: 3%;
  right: 3%;
}
@media only screen and (min-width: 768px) {
  .holiday-2019 .hero-image .container--fluid img.swirl {
    top: 50px;
    right: 12%;
  }
}
.holiday-2019 .image-row img.swirl {
  top: -35px;
  right: 8%;
  width: 75px;
  animation: rotation 5s infinite linear;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .image-row img.swirl {
    width: 110px;
    top: -50px;
    right: 12%;
  }
}
.holiday-2019 .image-row .no-pad {
  padding: 0;
}
.holiday-2019 .image-row .no-pad:first-child {
  padding-left: 12px;
}
.holiday-2019 .image-row .no-pad:last-child {
  padding-right: 12px;
}
.holiday-2019 .link-list ul.row li.col.green {
  background-color: #235949;
}
.holiday-2019 .link-list ul.row li.col.green a,
.holiday-2019 .link-list ul.row li.col.green h1,
.holiday-2019 .link-list ul.row li.col.green h4,
.holiday-2019 .link-list ul.row li.col.green p {
  color: #d4b0aa;
}
.holiday-2019 .link-list ul.row li.col.green a.button {
  background-color: #d4b0aa;
  color: #235949;
}
.holiday-2019 .link-list ul.row li.col.blue {
  background-color: #14406a;
}
.holiday-2019 .link-list ul.row li.col.blue a,
.holiday-2019 .link-list ul.row li.col.blue h1,
.holiday-2019 .link-list ul.row li.col.blue h4,
.holiday-2019 .link-list ul.row li.col.blue p {
  color: #fff;
}
.holiday-2019 .link-list ul.row li.col.blue a.button {
  background-color: #fff;
  color: #14406a;
}
.holiday-2019 .link-list ul.row li.col.pink {
  background-color: #d4b0aa;
}
.holiday-2019 .link-list ul.row li.col.pink a,
.holiday-2019 .link-list ul.row li.col.pink h1,
.holiday-2019 .link-list ul.row li.col.pink h4,
.holiday-2019 .link-list ul.row li.col.pink p {
  color: #d93842;
}
.holiday-2019 .link-list ul.row li.col.pink a.button {
  background-color: #d93842;
  color: #fff;
}
.holiday-2019 .link-list ul.row li.col.red {
  background-color: #d93842;
}
.holiday-2019 .link-list ul.row li.col.red a,
.holiday-2019 .link-list ul.row li.col.red h1,
.holiday-2019 .link-list ul.row li.col.red h4,
.holiday-2019 .link-list ul.row li.col.red p {
  color: #f2cf1e;
}
.holiday-2019 .link-list ul.row li.col.red a.button {
  background-color: #fff;
  color: #d93842;
}
.holiday-2019 .link-list ul.row li.col a {
  font-size: 13px;
  line-height: 1.54;
  padding: 12px 0;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .link-list ul.row li.col a {
    font-size: 20px;
    line-height: 24px;
    padding: 24px 0;
  }
}
.holiday-2019 .link-list:last-of-type {
  margin-bottom: 0 !important;
}
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.green {
  background-color: #235949;
}
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.green a,
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.green h1,
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.green h4,
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.green p {
  color: #d4b0aa;
}
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.green a.button {
  background-color: #d4b0aa;
  color: #235949;
}
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.blue {
  background-color: #14406a;
}
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.blue a,
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.blue h1,
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.blue h4,
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.blue p {
  color: #fff;
}
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.blue a.button {
  background-color: #fff;
  color: #14406a;
}
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.pink {
  background-color: #d4b0aa;
}
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.pink a,
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.pink h1,
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.pink h4,
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.pink p {
  color: #d93842;
}
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.pink a.button {
  background-color: #d93842;
  color: #fff;
}
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.red {
  background-color: #d93842;
}
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.red a,
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.red h1,
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.red h4,
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.red p {
  color: #f2cf1e;
}
.holiday-2019 .hero-two-panel .split-panel__container .split-panel-solid.red a.button {
  background-color: #fff;
  color: #d93842;
}
.holiday-2019 .hero-two-panel .split-panel__container h1.split-panel__container-title {
  font-family: "Big Caslon";
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .hero-two-panel .split-panel__container h1.split-panel__container-title {
    font-size: 60px;
    line-height: 1.2;
  }
}
.holiday-2019 .hero-two-panel.homepage-hero {
  opacity: 0;
  transition: 0.4s all ease;
}
.holiday-2019 .hero-two-panel.slick-initialized {
  display: none;
}
@media only screen and (min-width: 768px) {
  .holiday-2019 .hero-two-panel.slick-initialized {
    opacity: 1;
  }
}
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.green {
  background-color: #235949;
}
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.green a,
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.green h1,
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.green h4,
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.green p {
  color: #d4b0aa;
}
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.green a.button {
  background-color: #d4b0aa;
  color: #235949;
}
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.blue {
  background-color: #14406a;
}
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.blue a,
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.blue h1,
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.blue h4,
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.blue p {
  color: #fff;
}
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.blue a.button {
  background-color: #fff;
  color: #14406a;
}
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.pink {
  background-color: #d4b0aa;
}
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.pink a,
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.pink h1,
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.pink h4,
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.pink p {
  color: #d93842;
}
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.pink a.button {
  background-color: #d93842;
  color: #fff;
}
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.red {
  background-color: #d93842;
}
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.red a,
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.red h1,
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.red h4,
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.red p {
  color: #f2cf1e;
}
.holiday-2019 .hero-two-panel.slick-initialized .split-panel-solid.red a.button {
  background-color: #fff;
  color: #d93842;
}
.holiday-2019 .hero-two-panel.slick-initialized h1.split-panel__container-title {
  font-family: "Big Caslon";
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .hero-two-panel.slick-initialized h1.split-panel__container-title {
    font-size: 60px;
    line-height: 1.2;
  }
}
.holiday-2019 .hero-two-panel.slick-initialized.homepage-hero {
  padding-bottom: 0;
  margin: 0;
  display: none;
}
@media only screen and (min-width: 768px) {
  .holiday-2019 .hero-two-panel.slick-initialized.homepage-hero {
    display: block;
  }
}
.holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .split-panel__container {
  flex-direction: row;
}
.holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .split-panel__container .split-panel-solid .content-container {
  padding: 0;
  position: relative;
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
  bottom: 0;
  max-width: unset;
}
@media only screen and (min-width: 767px) and (max-width: 989px) {
  .holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .split-panel__container .split-panel-solid .content-container {
    padding: 0 24px;
    justify-content: center;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .split-panel__container .split-panel-solid .content-container {
    padding: 0 24px;
    justify-content: center;
    align-items: flex-start;
    max-width: 500px;
  }
}
.holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .split-panel__container .split-panel-solid .content-container img.logo {
  display: block;
  width: 115px;
  transform: rotate(270deg);
  position: absolute;
  bottom: 75px;
  left: 0;
}
@media only screen and (min-width: 500px) and (max-width: 767px) {
  .holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .split-panel__container .split-panel-solid .content-container img.logo {
    left: 3%;
  }
}
@media only screen and (min-width: 767px) and (max-width: 989px) {
  .holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .split-panel__container .split-panel-solid .content-container img.logo {
    all: unset;
    width: 100px;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .split-panel__container .split-panel-solid .content-container img.logo {
    all: unset;
    width: 115px;
    margin-bottom: 48px;
  }
}
.holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .split-panel__container .split-panel-solid .content-container h1.split-panel__container-title {
  display: block;
  font-size: 48px;
  line-height: 1;
  position: absolute;
  top: 8%;
  text-align: left;
}
@media only screen and (min-width: 767px) and (max-width: 989px) {
  .holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .split-panel__container .split-panel-solid .content-container h1.split-panel__container-title {
    font-size: 36px;
    line-height: 1.2;
    position: relative;
    top: auto;
    margin-bottom: 24px;
  }
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .split-panel__container .split-panel-solid .content-container h1.split-panel__container-title {
    position: relative;
    font-size: 60px;
    line-height: 1.2;
    margin-bottom: 48px;
    top: auto;
  }
}
.holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .split-panel__container .split-panel-solid .content-container p.split-panel__container-paragraph {
  font-size: 13px;
  line-height: 1.25;
  width: 85%;
  margin-bottom: 0;
  text-align: left;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .split-panel__container .split-panel-solid .content-container p.split-panel__container-paragraph {
    font-size: 20px;
  }
}
.holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .split-panel__container .gwp-right {
  flex: 1 0 50%;
}
.holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .gwp-slide-two {
  background-image: url(https://herschel.com//content/dam/herschel/lifestyle/2019-s4/gift-guide/S4_NBA-City_Desktop-1.jpg);
  background-size: contain;
}
.holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .gwp-slide-two .split-panel-solid .content-container {
  align-items: center;
  max-width: 680px;
}
.holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .gwp-slide-two .split-panel-solid .content-container h1, .holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .gwp-slide-two .split-panel-solid .content-container p {
  font-family: "Graphik Web";
}
.holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .gwp-slide-two .split-panel-solid .content-container h1.split-panel__container-title {
  font-size: 26px !important;
  font-weight: 600;
  text-align: center;
  margin-bottom: 38px;
  color: #000;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .gwp-slide-two .split-panel-solid .content-container h1.split-panel__container-title {
    font-size: 40px !important;
  }
}
.holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .gwp-slide-two .split-panel-solid .content-container p.split-panel__container-paragraph {
  font-size: 12px !important;
  text-align: center;
  line-height: 1.2;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .gwp-slide-two .split-panel-solid .content-container p.split-panel__container-paragraph {
    font-size: 26px !important;
  }
}
.holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .gwp-slide-two .split-panel-solid .content-container a.button {
  background-color: #000;
  color: #fff;
  margin-top: 36px;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .hero-two-panel.slick-initialized.homepage-hero .gwp-slide-two .split-panel-solid .content-container a.button {
    margin-top: 60px;
  }
}
.holiday-2019 .gwp-slider-mobile {
  display: block;
  margin-top: -12px !important;
}
@media only screen and (min-width: 767px) {
  .holiday-2019 .gwp-slider-mobile {
    display: none;
  }
}
.holiday-2019 .gwp-slider-mobile .holiday2019-video-mobile {
  height: 100%;
  width: 100%;
  position: relative;
  margin-bottom: -5px;
}
.holiday-2019 .gwp-slider-mobile .holiday2019-video-mobile video {
  width: 100%;
}
.holiday-2019 .gwp-slider-mobile .holiday2019-video-mobile h1 {
  position: absolute;
  font-family: "Big Caslon";
  font-size: 48px;
  line-height: 48px;
  text-transform: none;
  letter-spacing: 0;
  top: 8%;
  left: calc(50% - 170px);
}
.holiday-2019 .gwp-slider-mobile .holiday2019-video-mobile.green {
  background-color: #235949;
}
.holiday-2019 .gwp-slider-mobile .holiday2019-video-mobile.green a,
.holiday-2019 .gwp-slider-mobile .holiday2019-video-mobile.green h1,
.holiday-2019 .gwp-slider-mobile .holiday2019-video-mobile.green h4,
.holiday-2019 .gwp-slider-mobile .holiday2019-video-mobile.green p {
  color: #d4b0aa;
}
.holiday-2019 .gwp-slider-mobile .holiday2019-video-mobile.green a.button {
  background-color: #d4b0aa;
  color: #235949;
}
.holiday-2019 .gwp-slider-mobile .holiday2019-video-mobile.red {
  background-color: #d93842;
}
.holiday-2019 .gwp-slider-mobile .holiday2019-video-mobile.red a,
.holiday-2019 .gwp-slider-mobile .holiday2019-video-mobile.red h1,
.holiday-2019 .gwp-slider-mobile .holiday2019-video-mobile.red h4,
.holiday-2019 .gwp-slider-mobile .holiday2019-video-mobile.red p {
  color: #f2cf1e;
}
.holiday-2019 .gwp-slider-mobile .holiday2019-video-mobile.red a.button {
  background-color: #fff;
  color: #d93842;
}
.holiday-2019 .gwp-slider-mobile .holiday2019-video-mobile.red h1 {
  font-size: 35px;
}
.holiday-2019 .gwp-slider-mobile .gwp-slider .slick-dots,
.holiday-2019 .gwp-slider-mobile .gwp-slider-mobile .slick-dots {
  position: absolute;
  right: 50%;
  bottom: 40px;
  display: flex;
}
.holiday-2019 .gwp-slider-mobile .gwp-slider .slick-dots button,
.holiday-2019 .gwp-slider-mobile .gwp-slider-mobile .slick-dots button {
  background: #fff;
  border-radius: 10px;
  font-size: 0;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  margin: 0 0 0 6px;
  padding: 0;
}
.holiday-2019 .gwp-slider-mobile .gwp-slider .slick-dots button:focus {
  outline: none;
}
.holiday-2019 .feature-panel__container.green {
  background-color: #235949;
}
.holiday-2019 .feature-panel__container.green a,
.holiday-2019 .feature-panel__container.green h1,
.holiday-2019 .feature-panel__container.green h4,
.holiday-2019 .feature-panel__container.green p {
  color: #d4b0aa;
}
.holiday-2019 .feature-panel__container.green a.button {
  background-color: #d4b0aa;
  color: #235949;
}
.holiday-2019 .feature-panel__container.blue {
  background-color: #14406a;
}
.holiday-2019 .feature-panel__container.blue a,
.holiday-2019 .feature-panel__container.blue h1,
.holiday-2019 .feature-panel__container.blue h4,
.holiday-2019 .feature-panel__container.blue p {
  color: #fff;
}
.holiday-2019 .feature-panel__container.blue a.button {
  background-color: #fff;
  color: #14406a;
}
.holiday-2019 .feature-panel__container.blue .feature-panel__element__title {
  top: 33%;
  left: 37%;
  width: 60%;
}
@media only screen and (min-width: 990px) and (max-width: 1200px) {
  .holiday-2019 .feature-panel__container.blue .feature-panel__element__title {
    top: 25%;
    left: 45%;
    width: 50%;
  }
}
@media only screen and (min-width: 1201px) {
  .holiday-2019 .feature-panel__container.blue .feature-panel__element__title {
    top: 40%;
    left: 50%;
    width: 35%;
  }
}
.holiday-2019 .feature-panel__container.blue .feature-panel__element__title h1 {
  color: #14406a;
}
.holiday-2019 .feature-panel__container.pink {
  background-color: #d4b0aa;
}
.holiday-2019 .feature-panel__container.pink a,
.holiday-2019 .feature-panel__container.pink h1,
.holiday-2019 .feature-panel__container.pink h4,
.holiday-2019 .feature-panel__container.pink p {
  color: #d93842;
}
.holiday-2019 .feature-panel__container.pink a.button {
  background-color: #d93842;
  color: #fff;
}
.holiday-2019 .feature-panel__container.pink .feature-panel__element__title {
  top: 35%;
  left: 5%;
  width: 40%;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .feature-panel__container.pink .feature-panel__element__title {
    top: 39%;
    left: 13%;
    width: auto;
  }
}
.holiday-2019 .feature-panel__container.red {
  background-color: #d93842;
}
.holiday-2019 .feature-panel__container.red a,
.holiday-2019 .feature-panel__container.red h1,
.holiday-2019 .feature-panel__container.red h4,
.holiday-2019 .feature-panel__container.red p {
  color: #f2cf1e;
}
.holiday-2019 .feature-panel__container.red a.button {
  background-color: #fff;
  color: #d93842;
}
.holiday-2019 .feature-panel__container .feature-panel__element::before {
  padding-top: 70%;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .feature-panel__container .feature-panel__element::before {
    padding-top: 40%;
  }
}
.holiday-2019 .feature-panel__container .feature-panel__element__title {
  position: absolute;
  top: 35%;
  left: 5%;
  width: 40%;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .feature-panel__container .feature-panel__element__title {
    top: 39%;
    left: 13%;
    width: auto;
  }
}
.holiday-2019 .feature-panel__container .feature-panel__element__title h1 {
  font-family: "Big Caslon";
  text-align: center;
  font-size: 30px;
  line-height: 36px;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .feature-panel__container .feature-panel__element__title h1 {
    font-size: 60px;
    line-height: 72px;
  }
}
.holiday-2019 .feature-panel__container.panel-0 .feature-panel__element__title {
  top: 35%;
  left: 25%;
  width: 60%;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .feature-panel__container.panel-0 .feature-panel__element__title {
    top: 35%;
    left: 7%;
    width: 30%;
  }
}
.holiday-2019 .feature-panel__container.panel-0 .feature-panel__element__title h1 {
  color: #fff;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .feature-panel__container.panel-0 .feature-panel__element__title h1 {
    color: #235949;
  }
}
.holiday-2019 .feature-panel__container.panel-1 .feature-panel__element__title {
  top: 35%;
  left: 0;
  width: 50%;
}
.holiday-2019 .feature-panel__container.panel-1 .feature-panel__element__title h1 {
  color: #d93842;
}
.holiday-2019 .feature-panel__container.panel-2 .feature-panel__element__title {
  top: 35%;
  left: 0;
  width: 50%;
}
.holiday-2019 .feature-panel__container.panel-2 .feature-panel__element__title h1 {
  color: #d93842;
}
.holiday-2019 .component-card-list-variant-scroll .cards {
  padding-bottom: 24px;
}
.holiday-2019 .component-card-list-variant-scroll .cards::-webkit-scrollbar {
  width: 0;
  background: transparent;
  /* make scrollbar transparent */
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .component-card-list-variant-scroll .cards {
    padding-bottom: 36px;
  }
}
.holiday-2019 .component-card-list-variant-scroll .cards .card-column-scroll {
  min-width: 30%;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 .component-card-list-variant-scroll .cards .card-column-scroll {
    min-width: 23%;
  }
}
.holiday-2019 .component-card-list-variant-scroll .cards .card-column-scroll .card-bottom.content-area p.card-description {
  margin: 6px 0 0;
}
.holiday-2019 section.container-2018 .holiday-grid {
  display: flex;
  flex-flow: row wrap;
  position: relative;
  padding: 0 24px;
  margin-bottom: 48px;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid {
    margin-bottom: 36px;
  }
}
.holiday-2019 section.container-2018 .holiday-grid div.product-2018-container.two-up {
  flex: 1 0 50%;
  order: 1;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid div.product-2018-container.two-up {
    flex: 1;
    order: inherit;
  }
}
.holiday-2019 section.container-2018 .holiday-grid div.product-2018-container.two-up.drop-away {
  display: none;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid div.product-2018-container.two-up.drop-away {
    display: block;
  }
}
.holiday-2019 section.container-2018 .holiday-grid div.product-2018-container .product-specs {
  margin-top: 12px;
  display: flex;
  flex-flow: column;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid div.product-2018-container .product-specs {
    flex-flow: row wrap;
    justify-content: space-between;
  }
}
.holiday-2019 section.container-2018 .holiday-grid div.product-2018-container .product-specs .bfx-price,
.holiday-2019 section.container-2018 .holiday-grid div.product-2018-container .product-specs .number-colors,
.holiday-2019 section.container-2018 .holiday-grid div.product-2018-container .product-specs .product-title {
  font-size: 11px;
  line-height: 14px;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid div.product-2018-container .product-specs .bfx-price,
.holiday-2019 section.container-2018 .holiday-grid div.product-2018-container .product-specs .number-colors,
.holiday-2019 section.container-2018 .holiday-grid div.product-2018-container .product-specs .product-title {
    font-size: 13px;
    line-height: 18px;
  }
}
.holiday-2019 section.container-2018 .holiday-grid div.product-2018-container .product-specs .product-title {
  order: 1;
  flex: 1 1 75%;
}
.holiday-2019 section.container-2018 .holiday-grid div.product-2018-container .product-specs .holiday-sale-price {
  flex: 1 1 100%;
  order: 2;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid div.product-2018-container .product-specs .holiday-sale-price {
    order: 3;
  }
}
.holiday-2019 section.container-2018 .holiday-grid div.product-2018-container .product-specs .holiday-sale-price .slash-price {
  text-decoration: line-through;
}
.holiday-2019 section.container-2018 .holiday-grid div.product-2018-container .product-specs .number-colors {
  position: relative;
  flex: 1 1 25%;
  margin-top: 6px;
  padding: 0;
  order: 3;
  color: #aaaaaa;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid div.product-2018-container .product-specs .number-colors {
    order: 2;
    text-align: right;
    margin-top: 0;
  }
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid div.product-2018-container {
    flex-flow: row nowrap;
  }
}
.holiday-2019 section.container-2018 .holiday-grid div.image-2018 {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
}
.holiday-2019 section.container-2018 .holiday-grid div.image-2018.image-below {
  order: 2;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid div.image-2018.image-below {
    order: inherit;
  }
}
.holiday-2019 section.container-2018 .holiday-grid div.image-2018.image-above {
  order: 0;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid div.image-2018.image-above {
    order: inherit;
  }
}
.holiday-2019 section.container-2018 .holiday-grid div.image-2018 .product-card.product-card-cover-image {
  padding-top: 125%;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid div.image-2018 {
    margin-top: 0;
    margin-bottom: 0;
    flex: 1;
  }
}
.holiday-2019 section.container-2018 .holiday-grid div.image-2018 a.image-2018-container p {
  margin-top: 12px;
  font-size: 11px;
  line-height: 14px;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid div.image-2018 a.image-2018-container p {
    font-size: 13px;
    line-height: 18px;
  }
}
.holiday-2019 section.container-2018 .holiday-grid div.easy-style {
  padding-left: 12px;
  padding-right: 12px;
}
.holiday-2019 section.container-2018 .holiday-grid div.easy-style.image-2018 {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid div.easy-style.image-2018 {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.holiday-2019 section.container-2018 .holiday-grid div.easy-style.easy-style-left {
  padding-left: 0;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid div.easy-style.easy-style-left {
    padding-left: 12px;
  }
}
.holiday-2019 section.container-2018 .holiday-grid div.easy-style.easy-style-right {
  padding-right: 0;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid div.easy-style.easy-style-right {
    padding-right: 12px;
  }
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid div.easy-style:first-child {
    padding-left: 0;
  }
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid div.easy-style:last-child {
    padding-right: 0;
  }
}
.holiday-2019 section.container-2018 .holiday-grid.sixty-forty .image-2018 {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid.sixty-forty .image-2018 {
    margin: 0 10%;
    flex: 2;
    width: 100%;
    left: 0;
    right: 0;
  }
}
.holiday-2019 section.container-2018 .holiday-grid.sixty-forty div[class^=sixty-forty-container-] {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid.sixty-forty div[class^=sixty-forty-container-] {
    flex-direction: column;
    flex: 1;
    margin: 6% 8%;
  }
}
.holiday-2019 section.container-2018 .holiday-grid.sixty-forty div[class^=sixty-forty-container-] .product-2018-container.two-up {
  padding: 0;
}
.holiday-2019 section.container-2018 .holiday-grid.sixty-forty div[class^=sixty-forty-container-] .image-2018 {
  all: unset;
  order: 2;
}
.holiday-2019 section.container-2018 .holiday-grid.sixty-forty div[class^=sixty-forty-container-] .image-2018 p.holiday-image-copy {
  font-family: "Big Caslon";
  font-size: 24px;
  line-height: 30px;
}
@media only screen and (min-width: 990px) {
  .holiday-2019 section.container-2018 .holiday-grid.sixty-forty div[class^=sixty-forty-container-] .image-2018 p.holiday-image-copy {
    font-size: 30px;
    line-height: 36px;
    margin-top: 48px;
  }
}
.holiday-2019 section.container-2018 .holiday-grid-link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 24px;
}
.holiday-2019 .raw_html.parbase.section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.gwp-slider.slick-initialized .slick-slide {
  display: flex !important;
}

.gwp-slider {
  position: relative;
}

.slick-dots {
  position: absolute;
  bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .slick-dots {
    left: 25%;
    bottom: 40px;
  }
}

.slick-dots button {
  background: #fff;
  border-radius: 10px;
  font-size: 0;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  margin: 0 0 0 6px;
  padding: 0;
}

.slick-dots button:focus {
  outline: none;
}

.gwp-slider .gwp-slides video {
  width: 100%;
  display: block;
}

.slick-track {
  top: 0;
}

.grid-container-2018:last-of-type {
  margin-bottom: 30px;
}

.nba .gwp-slide-two {
  background-image: url(https://herschel.com//content/dam/herschel/lifestyle/2019-s4/gift-guide/S4_NBA-City_Desktop-1.jpg);
  background-size: contain;
}
.nba .gwp-slide-two .split-panel-solid .content-container {
  align-items: center;
  max-width: 680px;
}
.nba .gwp-slide-two .split-panel-solid .content-container h1, .nba .gwp-slide-two .split-panel-solid .content-container p {
  font-family: "Graphik Web";
}
.nba .gwp-slide-two .split-panel-solid .content-container h1.split-panel__container-title {
  font-size: 26px !important;
  font-weight: 600;
  text-align: center;
  margin-bottom: 38px;
  color: #000;
}
@media only screen and (min-width: 990px) {
  .nba .gwp-slide-two .split-panel-solid .content-container h1.split-panel__container-title {
    font-size: 40px !important;
  }
}
.nba .gwp-slide-two .split-panel-solid .content-container p.split-panel__container-paragraph {
  font-size: 12px !important;
  text-align: center;
  line-height: 1.2;
}
@media only screen and (min-width: 990px) {
  .nba .gwp-slide-two .split-panel-solid .content-container p.split-panel__container-paragraph {
    font-size: 26px !important;
  }
}
.nba .gwp-slide-two .split-panel-solid .content-container a.button {
  background-color: #000;
  color: #fff;
  margin-top: 36px;
}
@media only screen and (min-width: 990px) {
  .nba .gwp-slide-two .split-panel-solid .content-container a.button {
    margin-top: 60px;
  }
}

/*# sourceMappingURL=holiday-theme.css.map */