/* Move pencil higher up */
.homepage__content-slot-1 > section:first-of-type {
  margin-bottom: 12px;
}

.homepage.container {
  padding: 0;
}

@media (max-width: 768px) {
  .home-main {
    margin-top: 6rem;
  }
}
.home-main {
  margin-bottom: 0;
}

/* Adding space between sections */
section:not(:last-child) {
  margin-bottom: 2rem;
}
@media (min-width: 769px) {
  section:not(:last-child) {
    margin-bottom: 3rem;
  }
}

.hp__sally .hp__extra-padding {
  padding: 5rem 0;
}
@media (min-width: 768px) {
  .hp__sally .hp__extra-padding {
    padding: 4rem 0;
  }
}
.hp__sally img + p:first-of-type, .hp__sally picture + p:first-of-type {
  margin: 1rem 0rem 0.5rem !important;
}

/* Removing underline (legacy) */
.no-dec {
  text-decoration: none !important;
}

/* Hide gray at bottom of page */
.homepage__content-slot-2 {
  background-color: none;
  padding: 0px;
}

@media (max-width: 545px) {
  .bopis-header {
    padding: 0 5px 8px;
  }
}
.hp_promos img {
  border-radius: 5px;
}

.wts-banner__container {
  padding: 2rem 0;
  background-color: #ffe0e3;
  border-radius: 5px;
}
.wts-banner__container .slick-dotted.slick-slider {
  margin-bottom: 25px;
}
.wts-banner__container p {
  text-align: center;
  text-decoration: underline;
  color: black;
  margin: 0;
  font-size: 18px;
}
.wts-banner__container a:hover,
.wts-banner__container a:hover p {
  color: rgb(20, 20, 20);
  text-decoration: none;
}
.wts-banner__container img {
  display: flex;
  justify-content: center;
  max-width: 80px;
}

.hp__more .hp__more--tile {
  margin: 1rem auto;
  width: 94%;
}
@media (min-width: 769px) {
  .hp__more .hp__more--tile {
    width: 30%;
    margin: 1rem 0;
  }
}
.hp__more .hp__more--tile a {
  display: block;
  background-color: #FFF0E0;
  border-radius: 8px;
  height: 100%;
}
.hp__more .hp__more--tile a:hover {
  text-decoration: none;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
}
.hp__more .hp__more--tile a:hover .underline {
  color: rgb(12, 12, 12);
}
.hp__more .hp__more--tile .hp__more--inner-tile {
  height: 100%;
  align-items: center;
  padding: 0.5rem;
}
.hp__more .hp__more--tile .hp__more--inner-tile img {
  border-radius: 8px;
}
.hp__more .hp__more--tile .hp__more--inner-tile p {
  font-size: 12px;
}
.hp__more .hp__more--tile .hp__more--inner-tile p.bold {
  font-size: 14px;
}
@media (min-width: 768px) {
  .hp__more .hp__more--tile .hp__more--inner-tile p {
    font-size: 14px;
  }
  .hp__more .hp__more--tile .hp__more--inner-tile p.bold {
    font-size: 16px;
  }
}

.pencil-banner {
  justify-content: center;
  background: #F5F5F5;
  border-radius: 8px;
  padding: 0 0 2.5rem;
}
@media (min-width: 769px) {
  .pencil-banner {
    margin: 0.25rem auto;
    padding: 1rem 3rem;
    display: flex;
    justify-content: space-between;
  }
}
.pencil-banner .pencil-slide {
  display: inline block;
  margin-top: 1rem;
  margin-bottom: 0;
  text-align: center;
  justify-content: center;
  align-items: center;
}
@media (min-width: 769px) {
  .pencil-banner .pencil-slide {
    margin: 0;
  }
  .pencil-banner .pencil-slide:not(:last-of-type) :after {
    border-left: 1px solid #D5D5D5;
    content: " ";
    height: 36px;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
  }
}
.pencil-banner .pencil-slide a {
  text-decoration: none;
}
.pencil-banner .pencil-slide span.underline {
  white-space: nowrap;
}
.pencil-banner .pencil-text-highlight {
  font-weight: 500 !important;
  text-decoration: underline;
}
@media (min-width: 991px) {
  .pencil-banner .pencil-text-highlight {
    display: inline-block;
  }
}
.pencil-banner .pencil-text-highlight-alt {
  color: #C3281F !important;
  font-weight: 500 !important;
}
.pencil-banner .red {
  color: #C3281F !important;
}
.pencil-banner .underline {
  text-decoration: underline !important;
}
.pencil-banner .slick-dotted.slick-slider {
  margin-bottom: 3rem !important;
}
.pencil-banner .slick-dots {
  bottom: 0.5rem !important;
  left: 0;
}
.pencil-banner .slick-dots li button:before {
  font-size: 20px;
}
.pencil-banner .vce-icon, .pencil-banner .klarna-logo {
  width: 50px;
  display: inline;
}

#pencil-banner_carousel {
  background: none !important;
  color: #140002;
  padding: 1rem 0 !important;
}
#pencil-banner_carousel #pencil-banner_box {
  width: 100%;
  margin: 0;
}
#pencil-banner_carousel .vn2-slider {
  display: flex;
  justify-content: space-between;
}
#pencil-banner_carousel span {
  color: #140002;
}
#pencil-banner_carousel .pencil-slide {
  margin-top: 0 !important;
}
#pencil-banner_carousel li.vn-tile {
  height: auto !important;
  background-color: #f5f5f5;
  border-radius: 5px;
  padding: 0.75rem 1rem;
}
@media (max-width: 768px) {
  #pencil-banner_carousel .vn2 ul.fw-mobile {
    margin: 0;
    padding: 0 1rem;
  }
}
@media (min-width: 769px) {
  #pencil-banner_carousel .vn2 ul.vn2-slider li.vn-tile {
    margin: 0.75rem 0;
  }
}

/* Pencil load */
.hp_promos a:first-of-type, .hp_promos .pencil-banner p:first-of-type {
  display: block;
}
.hp_promos a:not(:first-of-type) {
  display: none;
}

@media (max-width: 768px) {
  .pencil-banner p:not(:first-of-type) {
    display: none;
  }
}
@media (min-width: 769px) {
  .hp_promos .slick-slide {
    padding: 1px;
  }
}
.hp_promos .slick-arrow {
  opacity: 0;
  visibility: hidden;
  height: fit-content;
  width: fit-content;
  padding: 0.75rem;
  top: 50%;
  font-style: normal;
  color: #464646;
  background-color: #fdfdfd;
  border-radius: 50%;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
  line-height: 1;
  transition: opacity 0.5s, visibility 0.5s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1200px) {
  .hp_promos .slick-arrow {
    padding: 1rem;
  }
}
.hp_promos .slick-arrow:before {
  content: "";
  font-size: unset;
}
.hp_promos .slick-arrow:active, .hp_promos .slick-arrow:focus {
  opacity: 1;
}
.hp_promos .slick-arrow.slick-disabled {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s;
}
.hp_promos .slick-arrow img {
  vertical-align: inherit;
}
.hp_promos:hover .slick-arrow, .hp_promos:active .slick-arrow, .hp_promos:focus .slick-arrow, .hp_promos:focus-within .slick-arrow {
  opacity: 1;
  visibility: visible;
  background: #fdfdfd;
  color: #464646;
  transition: opacity 0.5s;
}
.hp_promos:hover .slick-arrow.slick-disabled, .hp_promos:active .slick-arrow.slick-disabled, .hp_promos:focus .slick-arrow.slick-disabled, .hp_promos:focus-within .slick-arrow.slick-disabled {
  opacity: 0;
}
.hp_promos .slick-prev {
  left: 0;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .hp_promos .slick-prev {
    left: 10px;
    transform: unset;
  }
}
.hp_promos .slick-next {
  right: 0;
  transform: translate(50%, -50%);
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .hp_promos .slick-next {
    right: 0.5rem;
    transform: unset;
  }
}

/*# sourceMappingURL=hp_style.css.map */