/** @format */

// Sleepify Starter Theme by Sleepless Media
// This file is intended for post-launch CSS overrides. It should always be imported last in style-tags.liquid
//
// NOTE: Shopify's Sass compilaer cannot compile certain Sass features using the ampersand.
// For info on what you can do in Shopify Sass checkout https://www.shopify.com/partners/blog/a-beginners-guide-to-building-shopify-themes-with-sass-part-1-getting-started-with-sass
$primary: #0094d6;

.js {
  display: none;
}

.no-js {
  display: initial;
}

.desktop-only {
  display: initial;
}

.blur-up {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  transition: filter 400ms, -webkit-filter 400ms;
}

.blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}

@media (min-width: 768px) {
  .mobile-only {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .desktop-only {
    display: none !important;
  }
  .mobile-only {
    display: initial;
  }
}

// .hidden {
//   display: none !important;
// }
.flex {
  display: flex;
}
.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}
.align-center {
  align-items: center;
}
.font-14 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 1px;
  color: #000000;
  display: block;
}

.text-white {
  color: #fff !important;
}
.text-black {
  color: #000 !important;
}

@media screen and (max-width: 767px) {
  .desktop {
    display: none !important;
  }
  .mobile {
    display: initial;
  }
}

@media screen and (min-width: 768px) {
  .desktop {
    display: initial;
  }
  .mobile {
    display: none !important;
  }
}

.product-big .product__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product-big .product__hover {
  filter: brightness(0.5);
}

.hero-base {
  background-size: cover;
  background-position: center;
}

#shopify-section-blog {
  .hero-base {
    h1 {
      text-align: center;
      color: white;
    }
  }
}

.section--showus {
  margin-bottom: 30px;
  .section__head {
    padding-bottom: 45px;
  }
  .list-images {
    li {
      a {
        position: relative;
        display: block;
        width: 100%;
        height: 310px;
      }

      img {
        width: 100%;
        height: 100%;
        position: absolute;
        object-fit: cover;
        left: 0;
        right: 0;
      }
    }
  }
}

@media (max-width: 480px) {
  .list-images {
    li {
      a {
        height: 45vw !important;
      }
    }
  }
}

// @media (min-width: 1023px) {
//   ul.sellers-list li:nth-child(1) {
//     overflow: hidden;
//   }
// }

// .section-featured, .section-featured-alt {
//   .section__content {
//     max-width: 500px;
//     margin: auto;
//   }
//   &.css-full-width-cta-right-content {
//     .section__content {
//       margin: 0;
//       margin-left: auto;
//     }
//   }
// }

.section-featured.section-featured {
  &.left-content {
    .section__content {
      margin-left: 0;
    }
  }
  &:after {
    background-image: none !important;
  }
}

.hero-landing-page {
  h1 {
    font-size: 100px;
    line-height: 70px;
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    // text-transform: uppercase;
    letter-spacing: 0px;
    color: $primary;
    margin: 0px;
  }

  h2 {
    font-size: 50px;
    line-height: 1.16;
    font-family: "Roboto", sans-serif;
    font-style: italic;
    font-weight: 900;
    // text-transform: uppercase;
    letter-spacing: 0.1em;
  }
}

.sales__content {
  .list-sales {
    margin: 0 auto;
    li {
      list-style-type: none;
    }
  }
}

.list-sales li {
  .image-section {
    width: 50px;
    height: 50px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;

    img {
      position: absolute;
      top: 0px;
      object-fit: contain;
      height: 100%;
      left: 0;
      width: 100%;
    }
  }
}
@media (max-width: 980px) {
  .hero-landing-page {
    h1 {
      font-size: 70px;
    }
  }
}

@media (max-width: 480px) {
  .hero-landing-page {
    h1 {
      font-size: 45px;
      line-height: 50px;
    }
    h2 {
      font-size: 30px;
      line-height: 36px;
    }
  }
}

/* reviews*/

.spr-badge {
  padding-bottom: 0 !important;
  margin-left: 10px;
}
.product-big .product__content h6 {
  margin-right: 10px;
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .product-big .product__content h6 {
    font-size: inherit !important;
  }
}

@media (max-width: 468px) {
  .product-big .product__content h6,
  .spr-badge-caption {
    font-size: 10px !important;
  }
}

.spr-icon {
  color: #0294d6;
  margin: 2px;
}

.spr-badge-caption {
  letter-spacing: 0.07143em;
  margin-top: 5px;
  margin-left: 9px;
  font-size: 14px;
}

.product__actions {
  justify-content: flex-start;
  .btn {
    max-width: 169px !important;
    width: 100% !important;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
    margin-left: 5px;
    margin-left: 0;

    &:first-child {
      // margin-top: 0;
    }
    &:last-child {
      margin-bottom: 0;
      margin-right: 0;
    }
    @media screen and (max-width: 768px) {
      max-width: 100% !important;
    }
  }
}

.section-blog .section__foot {
  width: 100%;
}

.checkboxOuter {
  margin: 0;
  margin-left: 12px;

  label {
    display: inline-block !important;
    top: 0px !important;
    position: relative;
    padding-left: 15px;

    &:after {
      z-index: 2;
      content: "";
      vertical-align: middle;
      text-align: center;
      position: absolute;
      cursor: pointer;
      height: 20px;
      width: 20px;
      top: 0px;
      left: -17px;
      background: #ffffff;
      border-radius: 3px;
      border: solid 1px #444;
    }
  }

  input[type="checkbox"]:checked + label:after {
    background: url(/cdn/shop/t/15/assets/icon-check-black.png?v=5398663282844916063)
      no-repeat center / 18px #ffffff;
  }

  input[type="checkbox"] {
    visibility: hidden;
    margin: 0;
  }
}

.newaddress-section-outer {
  margin-top: 30px !important;
}

.newaddress-section {
  text-align: left;
  margin-top: 30px !important;

  .form__foot {
    text-align: left;

    .btn {
      margin-top: 20px;
    }
  }

  .selectric {
    border: 1px solid #4b4f55 !important;
    padding: 3px 10px !important;

    .label {
      font-size: 16px;
      letter-spacing: normal;
      color: #444;
      font-weight: 400;
      text-transform: capitalize;
    }
  }
}

.address-list > li {
  form {
    width: 100%;

    .selectric {
      border: 1px solid #4b4f55 !important;
      padding: 3px 10px !important;

      .label {
        font-size: 16px;
        letter-spacing: normal;
        color: #444;
        font-weight: 400;
        text-transform: capitalize;
      }
    }
  }

  .form__foot {
    text-align: left;

    .btn {
      margin-top: 20px;
    }
  }
}

.cart-table a.cart-remove {
  font-size: 14px;
  letter-spacing: 0.07143em;
  color: $primary !important;
}

.order-info {
  h1 {
    margin-bottom: 20px;
  }
}

.order_section_title {
  font-weight: 600;
  display: block;
  margin-bottom: 20px !important;
}

.order-detail-section {
  .table tr *:nth-child(1) {
    width: auto;

    a {
      text-decoration: none;
      border: none;
    }
  }

  tfoot .label {
    font-weight: 600;
  }
}

#order_shipping {
  margin-top: 40px;
}

.section-search {
  .section__body {
    p {
      text-align: center;
    }
  }

  .section__foot {
    width: 100%;
  }
}
/* boost filter */

.collection-products,
.boost-pfs-filter-products {
  margin-left: inherit !important;
  @media (max-width: 767px) {
    width: 100% !important;
  }
  .product__title {
    a {
      text-decoration: none;
    }
  }
}
.boost-pfs-filter-product-item-price s {
  color: #000000 !important;
}

.boost-pfs-filter-top-sorting-wrapper {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px;
  color: $primary;
  border: none;
  padding-bottom: 10px;
  text-transform: uppercase;
  border-bottom: 2px solid #ffffff;
  width: 100%;
  text-align: left;
  background: url(/cdn/shop/t/15/assets/dropdown.png?v=7398443681292837399)
    no-repeat right top 10px / 10px;
}

.boost-pfs-filter-filter-dropdown {
  display: none;
  width: 248px;
  position: absolute;
  height: auto;
  background-color: #cac8c8;
  padding: 10px 0px 15px;
  z-index: 2;

  li {
    padding: 5px 0;
    background-color: #cac8c8;

    a {
      display: block;
      padding: 10px 30px;
      font-family: "Roboto", sans-serif;
      font-size: 14px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: 1px;
      color: #000000;
      text-decoration: none;
    }

    &.active {
      display: none;
    }

    &:hover {
      a {
        background-color: #ffffff;
        color: rgba(34, 34, 34, 0.6);
      }
    }
  }
}

.boost-pfs-filter-bottom-pagination {
  ul {
    margin-top: 50px;
    display: flex;

    li {
      margin-right: 10px;

      span,
      a {
        font-family: "Roboto", sans-serif;
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
        letter-spacing: 1px;
        color: #000000;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;

        &.boost-pfs-filter-pagination-active {
          background: $primary;
          color: #ffffff;
        }
      }
    }
  }
}

/*.top-search {
  .dropdown.show-top-search {
    opacity: 1;
  }
}*/

.boost-pfs-filter-tree-v .boost-pfs-filter-option {
  border-top: 2px solid #ffffff !important;
  padding-bottom: 20px !important;

  &:first-child {
    padding-top: 20px !important;
  }

  &:last-child {
    border-bottom: 2px solid #ffffff !important;
  }
}

.filters .filters__head {
  border-bottom: none !important;
}

// .sellers-item--big picture {
//   margin-bottom: 00px;
// }

// @media (max-width: 1023px) {
//   .sellers-item--big picture {
//     margin-bottom: 50px;
//   }
// }

.cart-li {
  position: relative;
}

.top-cart-section {
  position: absolute;
  display: none;
  top: 88px;
  right: -17px;
  overflow: scroll;
  padding: 60px 80px 96px;
  width: 596px;

  height: 100vh;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;

  .head {
    display: none;
    width: 140px;
    position: absolute;
    top: 0px;
    right: 0px;
    img {
      width: 20px;
      height: 20px;
    }
    .nav-utilities > ul {
      display: flex;
      align-items: center;
      padding-right: 30px;
      margin: 0px !important;
      li {
        margin-right: 30px;
        display: flex;
        align-items: center;
        > a {
          padding: 0px;
          width: 20px;
          height: 20px;
        }
        &:last-child {
          margin-right: 0px;
        }
      }
    }
  }

  .inner {
    overflow: auto;
    position: relative;

    h4 {
      font-family: "Roboto", sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      line-height: normal;
      letter-spacing: 1px;
      color: $primary;
    }

    ul {
      margin-top: 10px;

      li {
        display: flex;
        position: relative;
        border-top: solid 2px #f1f1f1;
        padding: 30px 50px 30px 0px;

        &:last-child {
          border-bottom: solid 2px #f1f1f1;
        }

        .remove {
          display: block;
          width: 20px;
          height: 20px;
          position: absolute;
          right: 0;
          top: 30px;
          background: url(/cdn/shop/t/15/assets/remove.png?v=10076503664454785720)
            no-repeat center / 20px;
        }

        .image-section {
          flex: none;
          width: 120px;
          margin-right: 25px;

          .image-wrapper {
            height: 100px;
            width: 100px;
            position: relative;

            img {
              position: absolute;
              top: 0px;
              object-fit: contain;
              height: 100%;
              left: 0;
              width: 100%;
            }
          }
        }

        .content {
          h5 {
            font-family: "Roboto", sans-serif;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.5;
            letter-spacing: 0.5px;
            color: #000000;
            margin-bottom: 5px;
          }

          .price {
            font-family: "Roboto", sans-serif;
            font-size: 18px;
            font-weight: bold;
            line-height: normal;
            letter-spacing: 1px;
            color: $primary;
            display: block;
            margin-bottom: 6px;
          }

          .quantity {
            font-family: "Roboto", sans-serif;
            font-size: 14px;
            font-weight: normal;
            line-height: normal;
            letter-spacing: 1px;
            color: #000000;
            display: block;
          }
        }
      }
    }

    .subtotal-section {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 30px 0;

      label,
      span {
        font-family: "Roboto", sans-serif;
        font-size: 25px;
        font-weight: bold;
        line-height: normal;
        letter-spacing: 0.5px;
        color: #000000;
      }
    }

    .btn {
      width: 100%;
      padding: 26px 20px;
      font-size: 16px;
      margin-bottom: 30px;
      letter-spacing: 0.5px;
    }

    .link {
      float: right;
    }
  }
}

@media (max-width: 1199px) {
  .top-cart-section {
    top: 68px;
  }
}
@media (max-width: 1023px) {
  .top-cart-section {
    top: 88px;
  }
}

@media (max-width: 812px) {
  .top-cart-section {
    padding-top: 127px;
    top: 0px;
    .head {
      display: block;

      width: 100%;
      display: flex;
      justify-content: flex-end;
      padding: 23px 0px 23px 0;
      border-bottom: solid 2px #ededed;
    }
  }
}

@media (max-width: 600px) {
  .top-cart-section {
    width: 100%;
    right: 0;
    padding: 110px 30px 96px;

    h4 {
      font-size: 14px;
      letter-spacing: 0.78px;
    }

    ul {
      li {
        .image-section {
          width: 80px;
          margin-right: 20px;

          .image-wrapper {
            height: 80px;
            width: 80px;
          }
        }

        .content {
          h5 {
            line-height: 1.57;
            letter-spacing: 0.44px;
            margin-bottom: 5px;
          }

          .price {
            font-size: 14px;
            letter-spacing: 0.78px;
          }

          .quantity {
            font-size: 10px;
            letter-spacing: 0.71px;
          }
        }
      }
    }

    .subtotal-section {
      margin: 30px 0;

      label,
      span {
        font-size: 18px;

        letter-spacing: 0.5px;
      }
    }

    .btn {
      padding: 14px 20px 13px;
      font-size: 12px;
      letter-spacing: 2.25px;
      margin-bottom: 30px;
    }

    .link {
      float: right;
    }
  }
}

.boost-pfs-filter-top-sorting-wrapper {
  padding-right: 25px !important;
}

@media (max-width: 400px) {
  .section-products {
    .section__aside {
      margin-top: 15px;
    }

    .section__head .sort {
      width: 100%;
    }
  }
}

.section-product-featured .section__content {
  width: 48%;
}

@media (max-width: 1023px) {
  .section-product-featured .section__content {
    width: 100%;
  }
}

.collection__description {
  margin-top: 32px;
  padding: 30px;
  border: 1px solid $primary;
  h3 {
    font-size: 28px;
    font-weight: bold;
  }
}

.collection-image-section {
  position: relative;

  img {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
    cursor: pointer;

    &.hover-img {
      opacity: 0;
      object-fit: cover;
      z-index: 2;
      transition: opacity 0.8s;
    }
  }

  &:hover {
    .hover-img {
      opacity: 1;
      transition: opacity 0.8s;
    }
  }
}

.sales-image-section {
  position: relative;

  img {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    object-fit: contain;
    left: 0;
    top: 0;
  }
}

// .sellers-item h5 {
//   position: relative;
// }

// .sellers-item p {
//   color: $primary;
//   text-transform: uppercase;
//   padding: 0px 5px;
// }

@media (max-width: 1080px) {
  .product .product__actions {
    flex-direction: column;

    .btn {
      // min-width: 169px;
    }

    .btn:last-child,
    .btn.plpAddCart {
      // margin-left: 0px !important;
      // margin-top: 20px;
    }
  }
}

@media (max-width: 812px) {
  .product {
    padding-top: 0px;
    .product__actions {
      justify-content: center;
      flex-direction: row;
      .btn {
        // min-width: auto;
      }

      .btn:last-child,
      .btn.plpAddCart {
        // margin-left: 20px !important;
        // margin-top: 0px;
      }
    }
  }
}

@media (max-width: 480px) {
  .product .product__actions {
    flex-direction: column;
    align-items: center;
    .btn {
      // min-width: 169px;
      margin: 10px 0;
    }

    .btn:last-child,
    .btn.plpAddCart {
      // margin-left: 0px !important;
      // margin-top: 20px;
    }
  }
}

.template__search {
  background: #ffffff;
}

@media only screen and (max-width: 1023px) {
  .section__media {
    margin-left: 0px !important;
    margin-right: 0px !important;

    .desktop {
      display: block !important;
      width: 100% !important;
    }

    .mobile {
      display: none !important;
    }
  }
}
@media only screen and (max-width: 800px) {
  .section__media {
    margin-left: 0px !important;
    margin-right: 0px !important;

    .mobile {
      display: block !important;
      width: 100% !important;
    }

    .desktop {
      display: none !important;
    }
  }
}

.section-featured,
.section-featured.section-featured-alt,
.hero {
  background-size: cover !important;
  background-position: center !important;
}

.hero-innerpages .hero__media {
  background-size: cover !important;
  background-position: center !important;
  width: 100% !important;
  padding: 0px;
  position: absolute;
  margin: 0px !important;

  &:after {
    width: 50% !important;
    background-image: none;
  }
}

// .hero {
//   &:after {
//     display: none;
//   }
// }

.section-product-featured {
  background: black;
  position: relative;
}
.section-product-featured--alt {
  background: #ededed;
}
.section-product-featured .section__media {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  width: 52.1%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-callout--v3 .section__head {
    background-position: 4% 50%;
    background-size: cover;
  }
}

.section__media .js-popup-video {
  background-size: cover !important;
}

.product {
  a {
    text-decoration: none;
  }
  .review-widget {
    margin: 10px 0;
  }
  .product__sub-title {
    span {
      margin-top: 0px;
      padding: 0px;
    }
    align-items: center;
    // margin-bottom: 20px;
  }
}

.sm-cart.sm-sleepify {
  background: #ffffff;
  padding: 80px 0 0px;
  .cart-table {
    caption {
      margin-bottom: 70px;
    }
  }
  h1 {
    font-family: "Roboto", sans-serif;
    font-size: 55px;
    font-weight: 300;
    line-height: 1.09;
    letter-spacing: 1px;
    color: #000000;
  }
  .cart-row.desktop-only {
    padding: 10px 0px;

    th {
      font-family: "Roboto", sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      line-height: normal;
      letter-spacing: 1px;
      color: $primary;
    }
  }
  .product-title {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #000000;
    text-decoration: none;
  }

  .title-n-variant {
    a {
      text-decoration: none;
    }
  }
  .cart-remove {
    text-decoration: underline !important;
  }
  .price-column,
  .total-column {
    span {
      font-family: "Roboto", sans-serif;
      font-size: 16px;
      font-weight: normal;

      line-height: 1.5;
      letter-spacing: 0.5px;
      color: #000000;
    }
  }

  .input-wrapper {
    input {
      width: 94px;
      height: 60px;
      font-family: "Roboto", sans-serif;
      font-size: 18px;
      font-weight: bold;

      line-height: normal;
      letter-spacing: 1px;
      color: #000000;
    }
  }
}

.cart-instructions-section {
  label {
    font-family: "Roboto", sans-serif;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: normal !important;
    letter-spacing: 1px !important;
    color: #000000 !important;
  }
  textarea {
    border: 1px solid #4b4f55 !important;
    height: 192px;
    width: 460px;
  }
}

.cart-order-summary-section {
  width: 344px;

  .subtotal-row {
    width: 100% !important;
    margin-bottom: 29px !important;
    span {
      font-family: "Roboto", sans-serif !important;
      font-size: 36px !important;
      font-weight: normal !important;
      line-height: 1.5 !important;
      letter-spacing: 0.5px !important;
      color: #000000 !important;
    }
  }

  .taxes-row {
    span {
      font-family: "Roboto", sans-serif !important;
      font-size: 14px !important;
      font-weight: normal !important;
      line-height: normal;
      letter-spacing: 1px;
      color: #000000;
    }
  }

  .additional-checkout-buttons {
    width: 100%;
    .shopify-cleanslate {
      ul {
        li {
          flex-basis: 100% !important;
        }
      }
    }
  }

  .btn {
    font-size: 16px !important;
    font-weight: bold !important;
    border: 2px solid $primary !important;
    letter-spacing: 0.5 !important;
    background-color: $primary !important;
    color: #fff !important;
    text-transform: uppercase !important;
    width: 100% !important;
  }
  a.btn {
    background-color: #fff !important;
    color: $primary !important;
  }
}

// @media (max-width: 1023px) {
//   .sellers-item h5 {
//     position: absolute !important;
//   }
// }

.product-big {
  .product__media,
  .product__hover {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
  &:hover .product__hover {
    opacity: 1;
    -webkit-transition: opacity 0.6s !important;
    -o-transition: opacity 0.6s !important;
    transition: opacity 0.6s !important;
  }
}

.section-product-featured .section__inner {
  //  position: relative !important;
  .section__media {
    padding-left: 40px !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 1023px) {
  #shopify-section-sm-product {
    .hero-innerpages .hero__actions {
      margin-top: 250px;
    }
    .section-product-featured {
      .shell {
        padding: 0 0px;
      }

      .section__inner {
        .section__content {
          padding: 0 80px;
        }
        .section__media {
          position: relative !important;
          margin: 50px 0px 0 !important;

          padding-left: 0px !important;
          padding-right: 0px !important;
          padding: 0px 0 0 !important;
        }
      }
    }
  }
}

.section-product-featured {
  .list-featured {
    img {
      max-width: 50px;
    }
    li {
      align-items: flex-start;
    }
  }
}

@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-product-featured {
    .section__inner {
      .section__content {
        padding: 0 30px;
      }
    }
  }
}
@media (max-width: 767px) {
  .cart-order-summary-section {
    width: 100%;
  }
}
@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .sm-cart.sm-sleepify h1 {
    font-size: 25px;
    line-height: 1.2;
  }
}

.sm-cart-inner {
  // width: 75%;
  // margin-left: 0;
  @media (max-width: 992px) {
    padding: 0 30px;
    width: 100%;
    margin-left: auto;
  }
  .mobile {
    display: none;
    @media (max-width: 992px) {
      display: block;
      margin-bottom: 15px;
    }
  }
}

.sales-icons {
  background-color: $primary;
  // height: 70px;
  position: relative;
  padding: 10px;
  &.desktop {
    border-left: 1px solid #e1e1e1;
    &.flex {
      // padding: 0;
      display: flex;
      justify-content: space-evenly;
      border-left: none;
      .icon-text {
        top: 70px;
        right: 0;
        left: 0;
        margin: auto;
      }
    }
  }
  &.mobile {
    display: none;
  }
  .img-wrapper {
    margin: 0;
    padding: 0 5px;
    max-width: 15%;
    img {
      cursor: pointer;
      // height: 65px;
      width: 100%;
      // display: block;
    }
  }
  .icon-text {
    max-width: 700px;
    background-color: white;
    border: 1px solid #e1e1e1;
    padding: 15px;
    padding-top: 0;
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    margin: 15px;
    .card {
      .btn {
        display: flex;
        justify-content: flex-end;
        margin-right: 0;
        margin-left: auto;
        min-width: 50px;
        font-size: 24px;
        border: none;
      }
    }
  }
  @media screen and (max-width: 767px) {
    &.desktop {
      display: none;
      &.flex {
        display: none;
      }
    }
    &.mobile {
      display: block;
      height: 95px;
      padding: 10px 0;
      .icon-text {
        &.visible {
          display: block;
          height: auto;
          margin-top: 70px;
          position: fixed;
          top: 50px;
        }
      }
      .img-slider {
        display: block;
        width: auto;
        height: 65px;
        margin: auto;
        text-align: center;
        &:not(.current) {
          display: none;
        }
      }
    }
    &.with-ticker {
      height: auto;
      overflow-x: auto;
    }
    .ticker {
      display: flex !important;
      width: 200%;
      .img-wrapper {
        margin: auto;
        width: 40%;
        max-width: unset;
      }
    }
  }
}

#shopify-section-home_sales_icons {
  .sales-icons {
    margin-bottom: 30px;
  }
}

/* ------------------------------------------------------------ *\
  Home Sales Icons
\* ------------------------------------------------------------ */
#shopify-section-home_categories {
  .section {
    margin-top: 0;
  }
}

/* ------------------------------------------------------------ *\
  Cart Sales Icons
\* ------------------------------------------------------------ */
.sm-cart {
  .sales-icons {
    .img-wrapper {
      max-width: 200px;
      margin: 25px;
    }
    &.mobile {
      padding: 0;
      height: 85px;
    }
  }
}

/* ------------------------------------------------------------ *\
  Collection Sales Icons
\* ------------------------------------------------------------ */
@media (max-width: 480px) {
  .hero-innerpages .hero__actions {
    margin-top: 250px;
  }
}

.section-callout {
  .section__head {
    min-height: 500px;
    padding: 20px 0 40px;
    display: flex;
  }

  .section__head-inner {
    width: 100%;
    max-width: 480px !important;
  }
}

@media (max-width: 480px) {
  .section-callout {
    .section__head {
      min-height: 420px;
      display: block;
    }
  }
}

.section-recommended {
  .product__title {
    h5 {
      min-height: 48px;
    }
  }
}

@media (max-width: 767px) {
  .section-recommended {
    .product__title {
      h5 {
        min-height: auto;
      }
    }
  }
}

.section-product-featured {
  overflow: hidden;
}
@media (max-width: 812px) {
  .product {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
    padding-top: 0px !important;
    .product__content {
      width: 100% !important;
      padding: 29px 30px !important;
      text-align: center !important;
    }
    .product__media {
      width: 100% !important;
      padding-top: 53% !important;
    }
    .product__title {
      margin-bottom: 0.4em !important;
    }
    .product__sub-title {
      -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important;
      margin-bottom: 11px !important;
      p {
        width: 100% !important;
        text-align: center !important;
        letter-spacing: 0.07143em !important;
        margin-bottom: 2px !important;
      }
    }
  }
}

#pagination {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 10px;
  span,
  a {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #000000;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    text-decoration: none;
    &.current {
      background: $primary;
      color: #ffffff;
    }
    &:last-child {
      margin-right: 0px;
    }
    &.prev,
    &.next {
      a {
        font-size: 0px;
      }
      font-size: 0px;
      background: url(/cdn/shop/t/15/assets/dropdown.png?v=7398443681292837399)
        no-repeat center / 10px;
    }

    &.prev {
      transform: rotate(-90deg);
      margin-right: 0px;
    }
    &.next {
      transform: rotate(90deg);
      margin-left: -10px;
    }
  }
}

.returns-limited-warranty-policy {
  ul,
  ol {
    margin-left: 20px;
    padding-left: 15px;
    margin-bottom: 30px;
    li {
      padding: 0 0 0 0px;
      list-style-type: disc;
    }
  }
  ol li {
    list-style-type: decimal;
  }
  .section__body {
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    li {
      list-style-type: none;
    }
  }
}

.section-product-featured .section__media {
  img {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 40px);
    height: 100%;

    object-fit: cover;
  }
}

@media (max-width: 1023px) {
  .section-product-featured .section__media {
    height: 70vw;
    max-height: 400px;
  }

  .section-products .section__aside {
    margin-top: 0px;
  }
}

.section-privacy-policy {
  .section__body {
    margin-top: 20px;
  }
  h6 {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-align: center;
    color: #000000;
  }
}

.template__product {
  .field-outline {
    background: none;
  }
}
.hero-innerpages--alt {
  .field-outline {
    border: 1px solid black;
  }
  .selectric {
    filter: invert(1);
  }
}
.miniCart_headerRow {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.close-cart-popup img {
  width: 20px;
}
.close-cart-popup {
  position: absolute;
  right: 0;
  top: -2px;
}
.buyButton--disabled {
  filter: grayscale(1);
}
.section-form .form__controls {
  display: block !important;
}

.contact-inner {
  margin: auto;
  padding-top: 70px;
  width: calc(100% - 60px);
  max-width: 900px;
  padding-bottom: 100px;
}
.contact-title {
  text-align: center;
}
.contact-form {
  margin-top: 40px;
}
.contactCell {
  margin-bottom: 20px;
  label {
    display: block;
    margin-bottom: 7px;
    font-size: 14px;
    letter-spacing: 0.07143em;
  }
  input {
    display: block;
    width: 100%;
    background: none;
    border: 1px solid #4b4f55;
    padding: 13px 10px;
    height: 40px;
  }
  textarea {
    width: 100%;
    height: 240px;
    resize: none;
    padding: 15px;
    background: none;
    border: 1px solid black;
  }
}
.jdgm-rev-widg input {
  background: none;
  padding: 0 15px;
}
.jdgm-rev-widg textarea {
  background: none;
  padding: 15px 15px;
}
.jdgm-rev-widg input[type="submit"] {
  background: $primary;
  padding: 12px 10px;
}
.jdgm-preview-badge .jdgm-star {
  // color: $primary !important;
}

.hero {
  .hero__content {
    max-width: 500px;
  }
  .hero__foreground {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 4%;

    .hero__foreground_img--mobile {
      display: none;
    }
    .hero__foreground_img {
      width: 100%;
      height: auto;
    }
    @media screen and (max-width: 1023px) {
      padding: 0;
      .hero__foreground_img {
        display: none;
      }
      .hero__foreground_img--mobile {
        margin: auto;
        display: block;
      }
    }
  }

  @media (max-width: 1023px) {
    display: flex;
    flex-flow: column nowrap;
    .hero__image {
      height: 400px;
    }
    .hero__content {
      margin: auto;
    }
    .hero__wrapper {
      background: #f1f5f8;
      color: #000;
      padding: 30px 20px;
      text-align: center;
    }
  }
  @media (max-width: 767px) {
    .hero__image {
      height: 300px;
    }
  }
}

.hero__content .price {
  margin-top: 15px;
}

.template__cart {
  .sm-cart.sm-sleepify {
    padding: 45px 0 153px;
    display: flex;
    @media (max-width: 992px) {
      flex-direction: column-reverse;
    }
  }
  .section-recommended {
    padding: 0px 0 153px;
  }

  .wrapper {
    min-height: auto;
  }
}

#shopify-section-sm-cart {
  .sm-cart {
    max-width: 1215px;
    margin: auto;
  }
}

@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .header-bar {
    font-size: 12px;
  }
}

.dropdown {
  opacity: 0;
  pointer-events: none;
}

.mobileMenu__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

.product__actions {
  .sold-out {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  .js-instagram {
    li {
      position: relative;
      height: 0px;
      padding-top: 50%;
      a {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
      }
    }
  }
}
.js-full-hero-carousel {
  .owl-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    span {
      border: 1px solid white;
    }
    @media (max-width: 1023px) {
      top: 360px;
      bottom: unset;
    }
    @media (max-width: 767px) {
      top: 260px;
    }
  }
}
.transparent-header {
  .owl-dots {
    display: none;
  }
  &.transparent-header__styles {
    .owl-dots {
      display: block;
    }
  }
}

.cewKki.cewKki {
  padding: 0 !important;
}
.dMHKxR.dMHKxR {
  padding: 0 !important;
}

.iWlBcC.iWlBcC.iWlBcC.iWlBcC.iWlBcC.iWlBcC {
  padding: 16px 27px 16px 21px !important;
  border: none !important;
  background-color: $primary !important;
  color: #fff !important;
  border-radius: 0 !important;
}
.iHHjaC.iHHjaC {
  padding: 0 !important;
}

.header-bar {
  a {
    text-decoration: none;
    font-weight: bold;
    p {
      font-weight: bold;
    }
  }
  p {
    font-weight: bold;
  }
}

.home-hero-mobile-bg,
.home-hero-mobile-foreground {
  display: none;
}

@media only screen and (max-width: 1023px) {
  .home-hero-desktop-bg {
    display: none;
  }
  .home-hero-mobile-foreground {
    z-index: 1;
    display: block;
    position: absolute;
    padding: 20px 5% 5%;
    max-height: 500px;
    height: 100%;
    right: 0;
    left: 0;
    text-align: center;
    img {
      max-height: 100%;
    }
  }
  .home-hero-mobile-bg {
    display: block;
    object-fit: cover;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .hero {
    background: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .home-hero-mobile-foreground {
    max-height: 450px;
  }
}

.shopify-challenge__container {
  padding: 80px 20px;
  max-width: 100% !important;
  background: #ffffff;
}

.section-callout--v3 .section__head .text-logo {
  border-top: none;
}

.text-logo {
  h4 {
    margin-left: 0px;
  }
  > img {
    margin-right: 29px;
  }
}

.contact {
  background: #ffffff;
  text-align: center;
}

.contactCell {
  text-align: left;
}

@media (max-width: 767px),
  screen and (max-width: 812px) and (orientation: landscape) {
  .section-callout-alt .section__media {
    width: 100%;
  }

  .section-callout-alt .section__entry:nth-child(even) .section__media {
    width: 100%;
  }
}

.calloutIcon {
  max-width: 100px;
}

@media (max-width: 812px) {
  .product .product__media {
    padding-top: 77% !important;
  }
}

.form-error,
.errors,
.custom-error {
  border: none;
  background: #c0363a;
  color: #ffffff;
  text-align: center;
  padding: 10px;
  margin-bottom: 15px;

  ul {
    margin-left: 0px;
  }

  li {
    color: #ffffff;
    font-weight: 400;
    font-size: 14px;
    line-height: normal;

    a {
      color: #ffffff;
    }
  }
}

.section-privacy-policy {
  h1 {
    color: $primary;
  }
}

.article {
  .article__body {
    h4 {
      a {
        text-decoration: none;
      }
    }
  }
}

@media (max-width: 767px) {
  #shopify-section-sm-product {
    .breadcrumbs {
      margin-top: 20px;
    }
  }
}

@media (max-width: 400px) {
  #shopify-section-sm-product {
    .breadcrumbs {
      margin-top: 40px;
    }
  }
}

@media (max-width: 767px) {
  .header {
    .menu__foot {
      padding-bottom: 50px;
    }
  }
}

@media (max-width: 480px) {
  .header {
    .menu__foot {
      padding-bottom: 100px;
    }
  }
}

.part .part__content {
  padding-right: 30px;
}

.template__product {
  .number-field {
    .mobile-label {
      display: none;
      margin-right: 10px;
    }
  }
}

@media (max-width: 480px) {
  .template__product {
    .number-field {
      display: flex;
      align-items: center;
      #quantity {
        padding-right: 10px;
        padding-left: 10px;
        text-align: center;
      }
      .mobile-label {
        display: block;
      }
    }
  }
}

.contactSuccess {
  padding: 0px !important;
  display: flex;
  background: $primary !important;
  .image-section {
    width: 45%;
    order: 2;
  }
  .content {
    order: 1;
    width: 55%;
    padding: 50px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    h1,
    h2 {
      color: #ffffff;
      text-align: left;
    }
    h1 {
      margin-bottom: 10px !important;
    }
    h2 {
      font-size: 28px;
    }
  }
}

@media (max-width: 390px) {
  .mobileSuccess__inner {
    flex-direction: column;
  }
  .mobileSuccess__left {
    width: 100% !important;
    order: 2;
  }
  .mobileSuccess__right {
    width: 100% !important;
    order: 1;
    height: 280px;
    position: relative;
    img {
      position: absolute;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      object-fit: cover;
    }
  }
}

.card-ico span.cartBubble {
  display: block;
  width: 15px !important;
  height: 15px !important;
  font-size: 12px !important;
  line-height: 15px !important;
  top: 35px !important;
  left: 35px !important;
}

@media only screen and (max-width: 800px) {
  .form-card .form__col:first-child {
    width: 110px !important;
  }
  .card-ico span.cartBubble {
    top: 22px !important;
  }
  .hero__actions {
    .number__controls {
      width: 100px;
      position: relative;
    }
    #quantity {
      text-align: center;
      padding: 10px 10px;
      width: 60px;
      height: 50px;
    }
    .numbers__actions {
      position: absolute;
      right: auto;
      left: calc(100% - 20px);
      height: 60px;
      top: -5px;
      .number__btn {
        height: 30px;
        padding: 0px 16px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        &:after {
          transform: scale(2);
        }
      }
      .number__btn--minus {
        &:after {
          transform: scale(2) rotate(180deg);
        }
      }
    }
  }
  .qtyctrl {
    .button-container {
      height: 100%;
      width: 30px;
      right: -11px;
      top: calc(50% + 1px);
      .plus-icon {
        position: relative;
        border: none !important;
        width: 100%;
        height: 50%;
        &:after {
          content: "";
          -webkit-appearance: none;
          appearance: none;
          -moz-appearance: none;
          cursor: pointer;
          background: transparent;
          border-bottom: 5px solid #111111;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-top: none;
          padding: 0;
          position: absolute;
          top: calc(50% + 2px);
          left: calc(50% + 3px);
          transform: scale(1.8) translate(-50%, -50%);
        }
      }
      .minus-icon {
        position: relative;
        border: none !important;
        width: 100%;
        height: 50%;
        &:after {
          content: "";
          -webkit-appearance: none;
          appearance: none;
          -moz-appearance: none;
          cursor: pointer;
          background: transparent;
          border-bottom: 5px solid #111111;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-top: none;
          padding: 0;
          position: absolute;
          top: calc(50% + 1px);
          left: calc(50% + 3px);
          transform: scale(1.8) translate(-50%, -50%) rotate(180deg);
        }
      }
    }
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1198px) {
  .card-ico span.cartBubble {
    top: 22px !important;
  }
}

@media only screen and (min-width: 769px) and (max-width: 800px) {
  .card-ico span.cartBubble {
    top: 32px !important;
  }
}

// Contact Us page

.contact-us-page {
  padding-top: 90px;
  .wrapper-contact {
    max-width: 1200px;
    margin: 0 auto;
  }
  .page-header {
    margin: 0;
    margin-top: 100px;
    text-align: center;
    color: $primary;
    h1 {
      font-size: 48px;
      // font-family: "DIN Next",sans-serif;
      font-weight: bold;
      margin: 0;
    }
  }
  .rte {
    text-align: center;
    // color: #bbbbbb;
    // font-family: 'Roboto', sans-serif;
    font-size: 22px;
  }
  .search-contact {
    max-width: 600px;
    margin: 60px auto;
    form {
      max-width: 600px;
      input.search__field {
        border-bottom-color: #fff;
        width: 65%;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding-bottom: 11px;
      }
      .btn {
        min-width: 90px;
      }
    }
  }
  .bottom {
    text-align: center;
    margin-top: 60px;
    // color: #bbbbbb;
    // font-family: 'Roboto', sans-serif;
    a {
      // color: #bbb;
      text-decoration: underline !important;
    }
  }
  .wrapper {
    margin-top: 60px;
    background: #fafafa;
    padding: 60px 20px 40px;
    .page-header {
      margin: 0;
      p {
        margin: 0;
        color: #000;
        // font-family: 'Roboto', sans-serif;
        font-size: 22px;
      }
    }
    .nav-tabs {
      text-align: center;
      justify-content: center;
      border: 0;
      li {
        display: inline-block;
        float: none;
        font-size: 18px;
        // font-family: 'Roboto', sans-serif;
        margin: 0;
        a {
          color: #000;
          padding: 10px 35px;
          border-bottom: 1px solid #b0b0b0;
          font-weight: bold;
          display: block;
          text-align: center;
          &.form-contact {
            .icon {
              background: url(/cdn/shop/t/15/assets/Contact-Us-Icons-Email_small.png?v=7009535043307650076)
                center no-repeat;
            }
          }
          &.by-phone {
            .icon {
              background: url(/cdn/shop/t/15/assets/Contact-Us-Icons-Phone_small.png?v=12917667456377797020)
                center no-repeat;
            }
          }
          &.by-mail {
            .icon {
              background: url(/cdn/shop/t/15/assets/Contact-Us-Icons-Mail_small.png?v=7558548716056029897)
                center no-repeat;
            }
          }
          .icon {
            height: 55px;
            width: 70px;
            display: block;
            background-size: contain !important;
            margin: 0 auto 15px;
            background-repeat: no-repeat;
            text-align: center;
          }
          // &.active {
          //   position: relative;
          //   color: $primary;
          //   &:before {
          //     content: '';
          //     position: absolute;
          //     height: 4px;
          //     width: 100%;
          //     background: $primary;
          //     bottom: -3px;
          //     left: 0;
          //   }
          //   &.form-contact {
          //     .icon {
          //       background: url(https://cdn.shopify.com/s/files/1/0014/1534/8284/t/13/assets/icon-1-hv.png) center no-repeat;
          //     }
          //   }
          //   &.by-phone {
          //     .icon {
          //       background: url(https://cdn.shopify.com/s/files/1/0014/1534/8284/t/13/assets/icon-2-hv.png) center no-repeat;
          //     }
          //   }
          //   &.by-mail {
          //     .icon {
          //       background: url(https://cdn.shopify.com/s/files/1/0014/1534/8284/t/13/assets/icon-3-hv.png) center no-repeat;
          //     }
          //   }
          // }
        }
      }
    }
    .tab-content {
      max-width: 450px;
      margin: 0 auto;
      margin-top: 50px;
      // font-family: 'Roboto', sans-serif;
      textarea {
        width: 100%;
        display: block;
      }
      .info {
        color: #000;
        font-size: 22px;
        // font-family: 'Roboto', sans-serif;
        // padding: 0 30px;
        margin-bottom: 25px;
        &.info-bottom {
          font-size: 14px;
          padding: 0;
        }
      }
      .tab-pane {
        -webkit-box-shadow: 0px 0px 9px -1px rgba(130, 130, 130, 1);
        -moz-box-shadow: 0px 0px 9px -1px rgba(130, 130, 130, 1);
        box-shadow: 0px 0px 9px -1px rgba(130, 130, 130, 1);
        padding: 40px;
        background: #fff;
        margin-top: 15px;
        h3 {
          text-align: center;
        }
        #contactFormWrapper {
          label {
            // color: #bbb;
            font-weight: bold;
            font-size: 16px;
          }
          input,
          select {
            width: 100%;
            // border-radius: 100px;
            height: 36px;
          }
          .select-wrapper {
            // border-radius: 100px;
            height: 36px;
            line-height: 36px;
            .selected-text {
              line-height: 36px;
              height: 36px;
            }
          }
          .btn {
            display: block;
            margin: auto;
            width: auto;
            padding: 0 30px;
            color: #fff;
            // text-transform: uppercase;
            background-color: $primary;
            border: 1px solid $primary;
            &:hover {
              background-color: #fff;
              color: $primary;
            }
          }
        }
        &.info_company {
          text-align: center;
          color: #000;
          .content {
            max-width: 70%;
            margin: 0 auto;
          }
        }
      }
    }
  }
}
@media (max-width: 767px) {
  .contact-us-page {
    .page-header h1 {
      font-size: 24px;
    }
    .wrapper-contact {
      padding: 0 10px;
    }
    .wrapper .tab-content .info {
      padding: 0;
    }
  }
}

// Product Registration Page
#product-registration {
  max-width: 1200px;
  margin: 60px auto 60px auto;

  #mpr-app-content,
  .intro-wrapper {
    width: 50% !important;
    h2 {
      margin-bottom: 15px;
    }
    p a {
      color: #1a94d3;
    }
    ul {
      text-align: center !important;
    }
  }

  #mpr-product-inputs {
    text-align: left !important;

    label,
    .label,
    .form-control,
    .datepicker input,
    .full-input {
      text-align: left;
    }

    .product-title {
      font-size: 16px;
    }

    label,
    label a {
      padding: 0 0.45em;
    }

    .dropdown-list li {
      border-bottom: 1px solid #d9d9d9;

      div span {
        margin-left: 0.5em;
      }
    }
    .checkmark {
      background-color: transparent;
      border: 2px solid black;
    }
    .form-group label.checkbox-container {
      padding: 0 0 0 35px;
      input:checked ~ .checkmark {
        background-color: black;
        border: 0px solid transparent;
      }
    }
  }
  select {
    background-color: white;
    font-weight: 600;
    background-color: #f5f6f8;
    border: 2px solid black;
    border-radius: 0;
    padding: 20px !important;
    box-shadow: none;
    text-align: left;
    display: inline-block;
    overflow: hidden;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTIuNCIgaGVpZ2h0PSIyOTIuNCI+PHBhdGggZmlsbD0iYmxhY2siIGQ9Ik0yODcgNjkuNGExNy42IDE3LjYgMCAwIDAtMTMtNS40SDE4LjRjLTUgMC05LjMgMS44LTEyLjkgNS40QTE3LjYgMTcuNiAwIDAgMCAwIDgyLjJjMCA1IDEuOCA5LjMgNS40IDEyLjlsMTI4IDEyNy45YzMuNiAzLjYgNy44IDUuNCAxMi44IDUuNHM5LjItMS44IDEyLjgtNS40TDI4NyA5NWMzLjUtMy41IDUuNC03LjggNS40LTEyLjggMC01LTEuOS05LjItNS41LTEyLjh6Ii8+PC9zdmc+);
    background-position: calc(100% - 21px) calc(1em + 8px),
      calc(100% - 14px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 15px;
    background-repeat: no-repeat;
  }

  i[data-v-66878330] {
    font-size: 20px;
    top: 50px;
    opacity: 1;
  }

  input,
  .form-control {
    line-height: 1.5;
  }
  .form-group {
    label,
    label a {
      padding: 0 0.45em;
    }
    label {
      color: black;
    }
    input[type="file"] {
      box-shadow: none;
    }
    input[type="text"],
    input[type="email"],
    input[type="tel"] {
      font-weight: 600;
      background-color: #f5f6f8;
      border: 2px solid black;
      border-radius: 0;
      padding: 20px !important;
      box-shadow: none;
      text-align: left;
    }
    .btn.btn-primary,
    .drop-btn.btn {
      width: 100%;
      margin-top: 20px;
      box-shadow: none;
      color: white;
      background-color: #1a94d3;
      border-color: #1a94d3;
      border-radius: 0;
      &:hover,
      &:active,
      &:focus {
        background-color: #5fb7e3;
        border-color: #5fb7e3;
      }
    }
  }

  .datepicker,
  .form-group {
    min-height: 0 !important;
    input {
      padding: 0.4em !important;
    }
  }

  .modal-mask {
    top: -16px;
    .modal-wrapper {
      margin: 20% auto !important;
      @media screen and (max-width: 480px) {
        margin: 40% auto !important;
        width: 90%;
      }
    }
    .modal-footer {
      .btn-primary {
        width: 100%;
        max-width: 300px;
        margin: auto;
        color: #000;
        background-color: $primary;
        border-color: $primary;
        box-shadow: none;
      }
    }
  }
  table {
    background-color: white;
    th,
    td {
      border: 1px solid black;
      padding: 5px;
      color: black;
      text-transform: none;
      font-size: 16px;
      line-height: 1.5;
    }
  }
  #mpr-customer-form .form-group.consent input.consent-checkbox {
    appearance: checkbox !important;
  }
  @media (max-width: 767px) {
    #mpr-app-content,
    .intro-wrapper {
      width: 90% !important;
    }
  }
}

#shopify-section-new-product,
#shopify-section-product-v4,
#shopify-section-product-discontinued {
  // .shell {
  //   padding: 0 25px;
  // }
  @media screen and (max-width: 768px) {
    .form__controls {
      .selectric {
        height: 50px;
        .label {
          line-height: 50px;
          height: 50px;
        }
      }
    }
  }
  .hero__content {
    h1 {
      font-size: 40px;
      font-weight: bold;
      @media screen and (max-width: 768px) {
        font-size: 30px;
        letter-spacing: 0.2px;
      }
    }
    h3.upper-name {
      font-weight: 400;
    }
    .sku,
    .price,
    .reviews,
    h1 {
      margin: 10px 0;
    }
    .price {
      margin-top: 0;
      h3,
      span {
        font-size: 45px;
      }
      span.savings {
        font-size: 20px;
      }
    }
    .reviews {
      margin: 10px 0;
      text-decoration: none;
    }
    .hero-image {
      max-width: 250px;
      margin-bottom: 10px;
      @media screen and (max-width: 768px) {
        max-width: 200px;
      }
    }
  }
  .hero-innerpages {
    .hero__inner {
      .hero__content,
      .hero__actions {
        width: 100%;
        max-width: 500px;
        @media screen and (max-width: 768px) {
          margin: auto;
        }
      }
      .hero__actions {
        max-width: 400px;
      }
    }
  }
  .description {
    margin: 15px 0;
    p {
      margin-bottom: 0;
      display: inline;
    }
    .description__read-more {
      display: inline;
      text-decoration: none;
      text-transform: uppercase;
      white-space: nowrap;
    }
  }
  .list-links-alt {
    svg {
      color: $primary;
    }
  }
  .section-details {
    background: rgb(0, 0, 0);
    background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(64, 64, 64, 1) 100%
    );
    .accordion__section {
      border-top: 1px solid $primary;
      padding: 50px 0;
      ul {
        li::before {
          background-color: $primary;
        }
      }
      td {
        padding-bottom: 30px;
      }
    }
    .accordion__head h3 {
      // text-transform: uppercase;
      font-weight: 500;
    }
    i {
      color: $primary;
      font-size: 1rem;
    }
    #support.accordion__section {
      td {
        display: inline-block;
        width: 25% !important;
        @media screen and (max-width: 768px) {
          margin: auto;
          width: 50% !important;
        }
      }
    }
  }
  .hero__media {
    .slick-slide {
      object-fit: cover;
      object-position: left;
      &:not(.slick-current) {
        opacity: 0;
      }
    }
    .slick-dots {
      bottom: 50px;
      z-index: 99;
      li button {
        background-image: url(greydot.png);
        background-repeat: no-repeat;
        background-size: 20px;
        text-indent: -9999px;
        overflow: hidden;
      }
      li.slick-active button {
        background-image: url(bluedot.png);
      }
      @media screen and (max-width: 1023px) {
        bottom: 20px;
      }
    }

    &.mobile {
      display: none;
    }
    @media screen and (max-width: 768px) {
      &.desktop {
        display: none;
      }
      &.mobile {
        display: block;
        position: relative;
        margin-left: -15px !important;
        width: 100vw !important;
      }
    }
  }
  .section-product-featured {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    .list-featured,
    .list-title {
      color: white;
    }
    .list-title {
      font-weight: bold;
      padding-bottom: 49px;
    }
    .section__media {
      img {
        object-fit: contain;
        width: 100%;
      }
      &.mobile {
        width: 100%;
        display: none;
      }
    }
    .shell {
      margin-left: 5%;
    }
    @media (max-width: 1023px) {
      .shell {
        padding: 0;
        .section__inner {
          .section__content {
            text-align: left;
            padding: 0 45px;
            .list-title {
              padding-bottom: 25px;
              font-size: 25px;
            }
          }
          .section__media {
            position: relative !important;
            &.desktop {
              display: none;
            }
            &.mobile {
              display: block;
            }
          }
        }
      }
    }
  }
  .form-card {
    max-width: 500px;
    margin: auto;
  }

  @media (max-width: 768px) {
    .hero-innerpages .hero__actions {
      margin-top: 0;
    }
  }
  .section__video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    .video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      max-height: 80vh;
    }
    .video-image {
      cursor: pointer;
    }
  }

  .section-callout {
    .section__head {
      min-height: auto;
      background-position: top center;
      .shell {
        .section__head-inner {
          margin: 0;
          margin-left: auto;
        }
      }
    }
    h2.text {
      margin-bottom: 10px;
    }
    picture {
      img {
        width: 100%;
      }
    }
    @media screen and (max-width: 768px) {
      .section__head {
        .shell {
          margin: 0 auto;
          text-align: center;
          .section__head-inner {
            top: 25%;
            right: auto;
            text-align: left;
            padding-right: 15%;
          }
        }
      }
    }
  }

  .section-callout--new {
    position: relative;
    .section__head {
      padding: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      .section__head-inner {
        position: absolute;
        top: 50%;
        bottom: auto;
        right: 5%;
        left: auto;
        transform: translateY(-50%);
        // h2 {
        //   text-transform: uppercase;
        // }
      }
    }
    &.section-callout--bottom {
      .section__head {
        padding-top: 0;
        @media screen and (max-width: 768px) {
          .section__head-inner {
            position: absolute;
            bottom: 0%;
            top: auto;
          }
        }
      }
    }
    &.section-callout--v3 {
      .section__head-inner {
        left: 5%;
        right: auto;
      }
    }
    &.text-dark {
      color: #000;
    }
  }

  @media only screen and (max-width: 768px) {
    .hero__actions {
      .numbers__actions {
        position: absolute;
        right: auto;
        left: 42px;
        height: 40px;
        top: 5px;
      }
      #quantity {
        text-align: left;
        padding: 10px 20px;
        width: 80px;
        height: 50px;
      }
    }
  }

  .section-v4-callout.split-style {
    padding: 0;
    .callout-wrapper {
      .callout-text {
        width: 50%;
        padding: 0 12% !important;
      }
      .callout-image {
        width: 50%;
        margin-left: 0;
        margin-right: 0;
      }
    }
    @media only screen and (max-width: 1023px) {
      .callout-wrapper {
        .callout-text,
        .callout-image {
          width: 100%;
        }
        .callout-text {
          padding: 5% !important;
        }
      }
    }
  }

  .section-v4-callout.section--alternating-bg.overlay-style {
    overflow: hidden;
    padding: 0;
    .callout-wrapper {
      flex-direction: column;
      .callout-text {
        padding: 20px;
      }
      .callout-image {
        margin-right: 0;
        margin-left: 0;
        picture {
          img {
            height: 100%;
            object-fit: cover;
            width: 100%;
          }
        }
      }
    }
    @media screen and (min-width: 1024px) {
      position: relative;
      padding: 0px;
      .callout-wrapper {
        flex-direction: row;
        justify-content: start;
        .callout-text {
          position: absolute;
          max-width: 30%;
          z-index: 1;
          padding: 30px !important;
          margin: 6% 12%;
          background: rgba(0, 0, 0, 0.8);
          color: white;
          left: 0;
          right: auto;
        }
        .callout-image {
          // position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}

.list-links,
.list-link {
  border-style: solid;
  border-color: white;
}
.list-links {
  margin-top: 10px;
  display: flex;
  flex-flow: row wrap;
  border-width: 1px 0 0 1px;
  width: 100%;
  .list-link {
    border-width: 0 1px 1px 0;
    padding: 10px 18px;
    flex-grow: 1;
    text-align: left;
    width: 50%;
    a {
      text-decoration: none;
      img {
        float: left;
        margin-right: 10px;
      }
    }
  }
}

// New Collection Product Cards
.template__collection {
  .product {
    .product__price {
      h6 {
        font-size: 24px;
      }
      del {
        margin-left: 5px;
      }
      .savings {
        margin-left: 5px;
        color: $primary;
        font-weight: bold;
      }
    }
    .product__swatches {
      margin: 10px 0;
      img {
        margin: 0 5px;
        width: 28px;
        display: inline;
        border-radius: 100%;
        border: 1px solid #a8a8a8;
      }
    }
    .product__points {
      text-align: left;
      color: rgb(120, 120, 120);
      padding-left: 24px;
      padding-top: 10px;
      ul {
        list-style: disc;
      }
    }
  }
}

.boost-pfs-filter-tree-mobile-button {
  button {
    background: transparent !important;
    color: rgba(0, 148, 214, 1) !important;
    text-align: left !important;
    padding: 0 !important;
  }
}

#features {
  min-height: 700px;
}

.video-wrapper {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
  iframe,
  .video {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
  }
}

// PDP Page
#shopify-section-product-v4,
#shopify-section-product-discontinued {
  .section-v4-callout {
    margin: 0 auto 90px;

    .callout-wrapper {
      display: flex;
      justify-content: space-around;
      align-items: center;
      align-content: center;
      .callout-image {
        width: 60%;
        // background-color: #f1f5f8;
      }
      .callout-text {
        width: 40%;
        padding: 40px 80px;
        padding-left: 0;
        .text {
          padding-bottom: 20px;
          margin-bottom: 20px;
          border-bottom: 2px solid $primary;
        }
        ul.list-dots {
          columns: 2;
          -webkit-columns: 2;
          -moz-columns: 2;
          li::before {
            background-color: $primary;
          }
        }
      }
    }
    &.even {
      .callout-wrapper {
        flex-direction: row-reverse;
      }
      .callout-text {
        padding-right: 0;
        padding-left: 80px;
      }
    }
  }
  .section-video {
    margin-bottom: 0;
    // background-color: #f1f5f8;
    padding: 60px 0;
    margin-top: 0;
    .video-title {
      text-align: center;
    }
  }
  @media (max-width: 1023px) {
    .section-v4-callout {
      margin-bottom: 60px;
      .callout-wrapper {
        flex-direction: column-reverse;
        .callout-image {
          width: 100%;
          background-color: #f1f5f8;
        }
        .callout-text {
          width: 100%;
          padding: 20px 0;
          h2 {
            text-align: center;
            font-size: 35px;
          }
          p {
            // font-size: 18px;
          }
        }
      }
      &.even {
        .callout-wrapper {
          flex-direction: column-reverse;
        }
      }
    }
    .section-video {
      h2 {
        font-size: 35px;
      }
    }
  }
}

// PDP Page V4

#shopify-section-product-v4,
#shopify-section-product-discontinued {
  $v4_breakpoint: 1023px;
  .desktop-only {
    display: initial;
  }

  @media (min-width: $v4_breakpoint) {
    .mobile-only {
      display: none !important;
    }
  }
  @media (max-width: $v4_breakpoint) {
    .desktop-only {
      display: none !important;
    }
    .mobile-only {
      display: initial !important;
    }
  }
  .hero-innerpages {
    background: white;
    color: black;
    .shell.hero-shell {
      @media (max-width: $v4_breakpoint) {
        padding: 0;
      }
    }
  }
  .breadcrumbs {
    margin-bottom: 5%;
    // @media (max-width: 1023px) {
    //   margin-bottom: 5.6em;
    // }
    // @media (max-width: 767px),
    //   screen and (max-width: 812px) and (orientation: landscape) {
    //   margin-bottom: 3.3em;
    // }
  }

  .hero__inner {
    width: 100%;
    max-width: 100%;
    display: flex;
    .hero__images,
    .hero__content--wrapper {
      // max-width: 600px;
      margin: 0 auto;
    }
    .hero__images {
      width: 60%;
      padding-right: 50px;
      // display: flex;
      // align-content: center;
      // flex-direction: row;
      // flex-wrap: nowrap;
      // justify-content: center;
      // align-items: center;

      .sticky {
        position: sticky;
        top: 150px;
        z-index: 10;
      }
    }
    .hero__content--wrapper {
      width: auto;
      // padding-left: 30px;
      // .hero__content {
      //   flex-direction: column;
      //   justify-content: space-evenly;
      // }
      .hero__actions {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
      }
      h1 {
        font-size: 40px;
        letter-spacing: 0.15px;
      }
      .upper-name {
        font-size: 25px;
      }
      .sku,
      .price {
        margin: 10px 0;
        h3,
        span {
          letter-spacing: 0.15px;
        }
      }
      &.mobile-only {
        .upper-name {
          font-size: 22px;
          margin-bottom: 0.15em;
        }
        h1 {
          font-size: 28px;
          margin: 0;
        }
        .price {
          align-items: stretch;
          flex-direction: row;
          // justify-content: space-between;
          align-items: center;
          span,
          h3 {
            font-size: 36px;
            margin: 0;
          }
          span.savings {
            font-size: 20px;
          }
        }
      }
    }
  }

  .slider-for {
    width: 100%;
    // display: inline-block;
    .slick-slide {
      max-height: 550px;
      img {
        margin: auto;
        max-width: 100%;
        max-height: 550px;
      }
    }
  }
  .slider-nav {
    // display: inline-block;
    width: 80%;
    margin: 10px auto;
    .slick-slide {
      margin: 10px auto;
    }
    .slick-prev {
      position: absolute;
      top: 40%;
      // top: -10px;
      // transform: rotateZ(90deg);
      left: -5%;
    }
    .slick-next {
      position: absolute;
      top: 40%;
      // bottom: -27px;
      // transform: rotateZ(90deg);
      right: -5%;
      // top: unset;
    }
    .slick-prev::before,
    .slick-next::before {
      color: black;
    }
    .slider-nav--slide {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: 105px;
      width: 90%;
      margin: 0 auto;
    }
    .slick-current {
      .slider-nav--slide {
        border: 1px solid $primary;
      }
    }
  }

  @media screen and (max-width: $v4_breakpoint) {
    .slider-for {
      width: 100%;
      display: block;
    }
    .slider-nav {
      display: block;
      width: 85%;
      margin: 10px auto;
      text-align: center;
      .slick-slide {
        margin: 0;
      }
      .slick-prev {
        transform: none;
        left: -25px;
      }
      .slick-next {
        transform: none;
        right: -25px;
        left: unset;
      }
    }
  }

  .field-outline,
  .list-links,
  .list-link {
    border-color: black;
  }

  .form-card {
    margin-left: 0;
    margin-top: 15px;
  }

  .section--alternating-bg {
    background-color: #fff;
    .callout-image {
      margin-right: 30px;
      margin-left: 0px;
    }
    &:nth-child(even) {
      background-color: #f1f5f8;
      .callout-image {
        margin-left: 30px;
        margin-right: 0;
      }
      @media screen and (min-width: 1024px) {
        &.overlay-style {
          .callout-wrapper {
            .callout-text {
              right: 0;
              left: auto;
            }
          }
        }
        .callout-wrapper {
          flex-direction: row-reverse;
          .callout-text {
            padding: 40px 80px;
            padding-right: 0;
          }
        }
      }
    }
  }

  .section-v4-callout {
    margin: 0;
    padding: 5% 0;
    &.bgDark {
      background-color: black;
      color: white;
    }
    &.with-video {
      .callout-wrapper {
        flex-direction: column;
        .callout-video {
          width: 60%;
          iframe {
            position: absolute;
            height: 100%;
            width: 100%;
            left: 0px;
            top: 0px;
          }
        }
        .callout-text {
          padding: 0;
          h2.text {
            text-align: center;
          }
          .lower-text {
            display: none;
          }
        }
      }
    }
    @media screen and (max-width: 1023px) {
      padding: 12% 0;
      &.with-video {
        .callout-wrapper {
          .callout-video {
            width: 95%;
          }
        }
      }
    }
  }

  .select--outline {
    .selectric {
      border-color: #000 !important;
      &:after {
        border-color: transparent transparent #000 transparent;
      }
    }
    .label {
      color: black;
    }
    .selectric-items {
      background-color: #fff;
      li {
        color: #000;
        &.highlighted {
          background-color: $primary;
        }
        &:hover {
          background-color: rgba(0, 148, 214, 0.3);
        }
      }
    }
  }

  // Mobile
  @media screen and (max-width: $v4_breakpoint) {
    .hero__inner {
      flex-direction: column;
      .hero__content {
        margin: auto;
      }
      .hero__images,
      .hero__content--wrapper {
        width: 100%;
      }
      .hero__images {
        flex-direction: column-reverse;
        margin: auto;
        margin-bottom: 30px;
        padding: 0;
      }
      .hero__content--wrapper {
        padding: 0px 15px;
      }
    }
    .form-card {
      margin: auto;
    }
    .form__actions {
      padding-top: 5px;
      margin: 15px 0;
    }
    .slider-nav {
      .slider-nav--slide {
        height: 60px;
        width: 60px;
      }
    }
    .number-field {
      height: 50px;
      .number__controls {
        height: 100%;
        .field-outline {
          height: 100%;
        }
      }
      #quantity {
        padding: 0 50px 0 35px;
      }
    }
  }
  .jdgm-prev-badge__text {
    font-weight: bold;
    color: $primary;
    text-decoration: underline;
  }

  span#features {
    display: block;
    min-height: 0;
    height: 0;
  }
}

// End of PDP V4

.product-comparison-table {
  width: 100%;
  text-align: center;
  tr.even {
    background-color: #f2f2f2;
  }
  .active-product {
    background-color: rgba(0, 148, 214, 0.2) !important;
  }
  th {
    padding: 10px;
  }
  td {
    padding: 10px;
    vertical-align: middle;
  }
  thead tr th:first-child,
  tr td:first-child {
    width: 5em;
    min-width: 5em;
    max-width: 5em;
  }
  .row-name {
    text-align: left;
    font-weight: bold;
    //white-space: nowrap;
    width: 20%;
  }
  /*
  .common-features {
    font-weight: bold;
    background-color: white !important;

    span {
      width: 22%;
      display: inline-block;
      white-space: nowrap;
      margin-left: 10px;
      margin-right: 10px;
      overflow-wrap: break-word;
      word-wrap: break-word;
      hyphens: auto;
      text-align: left;
      border-right: 1px solid #DFE0E2;

      img{
        width: 25%;
      }
    }
    span:last-child{
      border-right: 1px solid transparent;
    }
  }
  */

  a {
    text-decoration: none !important;
  }

  .section-row {
    background-color: #1e94d2 !important;
    color: white;
  }
  .comparison-table-icon {
    width: 60px;
  }
}

@media (max-width: 768px) {
  .product-comparison-table {
    .comparison-table-icon {
      display: none;
    }
    thead tr th:first-child,
    tr td:first-child {
      width: 0em;
      min-width: 0em;
      max-width: 0em;
      padding: 0;
    }
    .section-row {
      padding: 10px !important;
    }
  }
}
/*
.common-features-table{
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #636363;
  border-radius: 6px;

  tr:first-child td:first-child { border-top-left-radius: 5px; }
  tr:first-child td:last-child { border-top-right-radius: 5px; }
  tr:last-child td:first-child { border-bottom-left-radius: 5px; }
  tr:last-child td:last-child { border-bottom-right-radius: 5px; }

  .common-features {
    td{
      padding-top: 60px;
      padding-bottom: 60px;
    }
  }

}

@media (max-width: 1182px) {
  .product-comparison-table {
    .common-features {
      span {
        font-size: 14px;
      }
    }
  }
}

@media (max-width: 1064px) {
  .product-comparison-table {
    .common-features {
      span {
        width: 40%;
        border-right: 1px solid transparent;
      }
    }
  }
}

@media (max-width: 510px) {
  .product-comparison-table {
    .common-features {
      td{
        padding-top: 10px;
        padding-bottom: 10px;
      }
      span {
        width: 90%;
      }
    }
  }
}
*/

.CommonFeatures {
  margin-top: 20px;
  border: 1px solid #636363;
  border-radius: 5px;
  background-color: white;

  img {
    width: 67px;
    padding-right: 3px;
  }

  .CommonFeaturesTitle {
    background-color: #2895d0;
    color: white;
    padding: 10px;
    font-weight: bold;
  }
  .CommonFeature {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .CommonFeaturesRightBorder {
    border-right: 1px solid #dfe0e2;
  }
}

@media (max-width: 767px) {
  .CommonFeatures {
    .CommonFeaturesRightBorder {
      border-right: 1px solid transparent;
    }
    .CommonFeature {
      margin-top: 0px;
      margin-bottom: 0px;
    }
  }
}

.header-icon {
  width: 30px;
  &.header-icon--white {
    display: none;
  }
  &.header-icon--black {
    display: inline-block;
  }
}

.hero {
  a {
    text-decoration: none;
  }
}

.template__index.transparent-header__styles {
  .header {
    background-color: transparent;
    background-image: linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0)
    );
    color: white;
    -webkit-box-shadow: none;
    box-shadow: none;
    // transition: color 400ms;
    // transition: background-color 400ms;
    .header-icon {
      &.header-icon--black {
        display: none;
      }
      &.header-icon--white {
        display: inline-block;
      }
    }
  }

  .dropdown a {
    color: black;
  }
  .logo--standard-header {
    display: none;
  }
  .logo--transparent-header {
    display: inline-block;
  }
  .wrapper.type-s-main {
    padding-top: 0;
  }
  .hero {
    padding-top: 272px;
    &.with-foreground-image {
      padding: 0;
    }
  }
  .nav-utilities {
    color: white;
  }
  .menu-btn .a {
    stroke: white;
  }
  .mobile-menu {
    color: black;
    .menu-btn .a {
      stroke: black;
    }
  }
  @media (max-width: 1023px) {
    .hero {
      padding-top: 0;
      .hero__image {
        height: 500px;
      }
    }
    .owl-dots {
      top: 470px;
    }
  }
  @media (max-width: 768px) {
    .hero {
      .hero__image {
        height: 400px;
      }
    }
    .owl-dots {
      top: 370px;
    }
  }
}

.Flex-Large-4 {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
}

.Flex-Column {
  margin: 5px;
  padding: 10px;
  display: flex;
  flex: 1;
  flex-direction: column;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .Flex-Medium-2 {
    .Flex-Column {
      flex-basis: calc(50% - 12px);
    }
  }
}

// Collection Promo Page
#shopify-section-collection-black-friday,
#shopify-section-collection-promo,
#shopify-section-collection-top-10 {
  .featured-image {
    // min-height: 350px;
    // background-size: cover;
    // background-repeat: no-repeat;
    // background-position: center;
    padding: 0;
    margin-bottom: 30px;
    // .featured-image--content {
    //   width: 100%;
    //   margin: auto;
    //   // margin-right: 0;
    //   color: white;
    // }
  }
  .section-products .section__body {
    max-width: 1200px;
    margin: auto;
  }
}

// Ambassadors Page
#shopify-section-ambassadors-template {
  background-color: rgb(225, 225, 225);
  .featured-image {
    margin: 30px 0 50px 0;
    min-height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px;
    .featured-image--content {
      width: 40%;
      margin: auto;
      margin-right: 0;
      color: white;
    }
  }
  .ambassador-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 50px;
    .content-wrapper {
      width: 55%;
      background: white;
      padding: 20px 40px;
      margin-right: -5%;
      z-index: 1;
      -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.15);
      .video-wrapper {
        margin-bottom: 20px;
      }
    }
    &:nth-child(even) {
      flex-direction: row-reverse;
      .content-wrapper {
        margin-right: 0;
        margin-left: -5%;
      }
    }
    .image-wrapper {
      .lazyloaded {
        width: 1100px;
      }
    }
  }
}
@media only screen and (max-width: 992px) {
  #shopify-section-ambassadors-template {
    .featured-image {
      padding: 280px 50px 50px 50px;
      font-size: 18px;
      .featured-image--content {
        width: 100%;
      }
      img {
        width: 100%;
      }
    }
    .ambassador-wrapper {
      flex-direction: column-reverse;
      .content-wrapper {
        width: 90%;
        margin-right: 0;
        margin-top: -50px;
      }
      &:nth-child(even) {
        flex-direction: column-reverse;
        .content-wrapper {
          margin-left: 0%;
        }
      }
      .image-wrapper {
        .lazyloaded {
          transform: scale(1);
        }
      }
    }
  }
}
@media only screen and (max-width: 768px) {
  #shopify-section-ambassadors-template {
    .featured-image {
      padding: 200px 16px 30px 16px;
      font-size: 18px;
    }
    .shell {
      padding-left: 0px;
      padding-right: 0px;
    }
    .ambassador-wrapper {
      padding-left: 16px;
      padding-right: 16px;
    }
  }
}

// Video Banner
.banner-video-wrapper {
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
}
.banner-video-wrapper #video {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
}

// New About Template
/*New About Template Globals*/
#shopify-section-new-about-template h2 {
  margin: 0;
}
#shopify-section-new-about-template hr {
  margin-top: 12px;
  margin-bottom: 12px;
  border-width: 1px;
  border-style: solid;
}

@media (min-width: 768px) {
  #shopify-section-new-about-template .shell--big {
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  #shopify-section-new-about-template .shell--big {
    max-width: 98%;
  }
}

@media (min-width: 1428px) {
  #shopify-section-new-about-template .shell--big {
    max-width: 1428px;
  }
}

#shopify-section-about_hero-banner img {
  width: 100%;
}

/*We've always been here section*/
#shopify-section-new-about-template .section--page_content {
  margin: 60px 0;
}
@media (max-width: 768px) {
  #shopify-section-new-about-template .section--page_content {
    padding: 0 5px;
  }
}
/*Our Mission Section*/
#shopify-section-new-about-template .section--banner_with_text_overlay {
  padding: 0;
}
#shopify-section-new-about-template
  .section--banner_with_text_overlay
  .content {
  padding-top: 140px;
  padding-bottom: 140px;
  width: 30%;
  margin: auto;
}
#shopify-section-new-about-template .section--banner_with_text_overlay h2,
#shopify-section-new-about-template .section--banner_with_text_overlay p {
  color: white;
  text-align: center;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}

#shopify-section-new-about-template .section--banner_with_text_overlay hr {
  border-color: white;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
}
#shopify-section-new-about-template .background-image--center {
  background-repeat: no-repeat;
  background-position: center center;
}
#shopify-section-new-about-template .desktop-background {
  background-size: cover;
}

#shopify-section-new-about-template .mobile-background {
  background-size: 0%;
}

@media (max-width: 768px) {
  #shopify-section-new-about-template .desktop-background {
    background-size: 0%;
  }

  #shopify-section-new-about-template .mobile-background {
    background-size: cover;
  }

  #shopify-section-new-about-template .section--banner_with_text_overlay hr {
    width: 60%;
  }
  #shopify-section-new-about-template
    .section--banner_with_text_overlay
    .content {
    width: 90%;
  }
}
/*Committed to innovation Section*/
#shopify-section-new-about-template .section--text_with_image {
  padding: 60px 0;
}

#shopify-section-new-about-template .section--text_with_image hr {
  border-color: black;
  width: 80px;
}

#shopify-section-new-about-template .extra-padding {
  padding: 0 12%;
}
#shopify-section-new-about-template .column-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 768px) {
  #shopify-section-new-about-template .section--text_with_image {
    text-align: center;
    padding: 0;
  }
  #shopify-section-new-about-template .section--text_with_image h2 {
    margin-top: 30px;
  }
  #shopify-section-new-about-template .section--text_with_image p {
    margin-bottom: 40px;
  }
  #shopify-section-new-about-template .section--text_with_image hr {
    border-color: transparent;
  }
  #shopify-section-new-about-template .extra-padding {
    padding: 0 20px;
  }
  #shopify-section-new-about-template img {
    width: 100%;
  }
}
/*Quality Lives Here Section*/
#shopify-section-new-about-template .section--offset_banner_with_text {
  margin-bottom: 60px;
  padding: 0;
}
#shopify-section-new-about-template .section--offset_banner_with_text h2,
#shopify-section-new-about-template .section--offset_banner_with_text p {
  color: white;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.2);
}
#shopify-section-new-about-template .section--offset_banner_with_text hr {
  border-color: $primary;
  width: 50px;
}
#shopify-section-new-about-template .section--offset_banner_with_text .content {
  width: 50%;
  padding: 140px 80px 140px 15px;
}
@media (max-width: 768px) {
  #shopify-section-new-about-template .section--offset_banner_with_text {
    margin-bottom: 30px;
  }
  #shopify-section-new-about-template .section--offset_banner_with_text h2,
  #shopify-section-new-about-template .section--offset_banner_with_text p {
    color: black;
    text-shadow: none;
    padding: 0 20px;
  }
  #shopify-section-new-about-template .section--offset_banner_with_text h2 {
    margin-top: 30px;
  }
  #shopify-section-new-about-template .section--offset_banner_with_text p {
    margin-bottom: 40px;
  }
  #shopify-section-new-about-template
    .section--offset_banner_with_text
    .content {
    width: 100%;
    text-align: center;
    padding: 0;
  }
  #shopify-section-new-about-template .section--offset_banner_with_text hr {
    border-color: transparent;
  }
  #shopify-section-new-about-template .section--offset_banner_with_text img {
    width: 100%;
  }
}

/*Additional Helper Classes*/
.bold {
  font-weight: 1000;
}
.uppercase {
  text-transform: uppercase;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-flex-end {
  justify-content: flex-end;
}
.columns {
  display: flex;
  box-sizing: border-box;
  flex-wrap: nowrap;
}
.column {
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
  word-break: break-word;
  overflow-wrap: break-word;
  padding: 0 8px;
}
.column:first-child {
  padding: 0 8px 0 0;
}
.column:last-child {
  padding: 0 0 0 8px;
}
@media (max-width: 768px) {
  .columns {
    flex-wrap: wrap;
  }
  .column:first-child {
    padding: 0;
  }
  .column:last-child {
    padding: 0;
  }
  .column {
    flex-basis: 100% !important;
  }
}

// Registration Confirmed Page
#shopify-section-registration-confirmed {
  .section__head {
    i {
      font-size: 60px;
    }
    h1 {
      margin-bottom: 20px;
      font-size: 40px;
    }
  }
}
@media (max-width: 812px) {
  #shopify-section-registration-confirmed {
    .section__head {
      h1 {
        font-size: 30px;
      }
    }
  }
}

.product-recommendations {
  padding-top: 30px;
  h2 {
    color: $primary;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
  }
  .products {
    display: flex;
    justify-content: space-around;
    width: 100%;
    max-width: 1300px;
    margin: 40px auto 150px auto;
    .product {
      cursor: pointer;
      width: 30% !important;
      //margin: 0px 15px;
      text-align: center;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
      width: 100%;
      //padding: 20px 20px 30px 20px;

      + .product {
        margin-top: 0;
      }
      .product__img-wrapper {
        height: 300px;
        overflow: hidden;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        img {
          width: 100%;
          height: auto;
          //max-height: 300px;
        }
      }
      .product-info {
        //padding: 15px;
        //height: 200px;
        padding: 0 30px 30px 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        p {
          margin-bottom: 10px;
        }
        .product__sku {
          text-align: center;
        }
        .jdgm-prev-badge__text {
          color: $primary;
          font-weight: 800;
        }
        .btn {
          width: 50%;
          min-width: 130px;
          margin: 0 auto;
        }
        .product__price {
          margin-top: 10px;
          color: $primary;
        }
      }
    }
  }
}

@media (max-width: 812px) {
  .product-recommendations {
    .products {
      .product {
        .product__img-wrapper {
          height: 200px;
        }
      }
    }
  }
}
@media (max-width: 812px) {
  .product-recommendations {
    h2 {
      font-size: 30px;
    }
    .products {
      .product {
        display: flex;
        flex-direction: column !important;
      }
    }
  }
}
@media (max-width: 768px) {
  .product-recommendations {
    margin-bottom: 150px;
    .products {
      margin: 20px auto 150px auto;
      padding: 15px;
      flex-direction: column;
      align-items: center;
      .product {
        max-width: 500px;
        width: 100% !important;
        margin: 0 0 50px 0;
        .product__img-wrapper {
          height: 300px;
        }
        h3 {
          margin-top: 5px;
        }
      }
    }
  }
}

// Account Sign-up and Login Pages
.template__register,
.template__login {
  .section__head {
    h1 {
      color: #0094d6;
      text-transform: none;
      font-size: 48px;
      font-weight: 700;
    }
  }
  .form {
    .form__foot {
      p {
        margin-top: 10px;
        margin-bottom: 0;
      }
      .btn {
        margin-top: 30px;
      }
    }
  }
}

.related-collections {
  margin-bottom: 30px;
  .related-collections-links {
    display: flex;
    flex-wrap: wrap;
    .related-collections-link {
      margin: 0px 5px;
      border: 1px solid black;
      border-radius: 100px;
      padding: 10px 15px;
      text-decoration: none;
      i {
        margin-left: 3px;
      }
    }
  }
}

.related-articles-list {
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  .related-article {
    max-width: 30%;
    background-color: white;
    .article__body {
      padding: 10px;
      h4 {
        line-height: 1.1;
      }
    }
  }
  @media screen and (max-width: 767px) {
    flex-direction: column;
    .related-article {
      max-width: 100%;
      margin-bottom: 15px;
    }
  }
}

.hero_banner {
  position: relative;
  .darken-bg {
    position: absolute;
    top: 0;
    border: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    z-index: 1;
  }
  .hero_banner--background {
    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
  .hero_banner--content {
    z-index: 9;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 50%;
    justify-content: center;
    align-content: center;
    margin: auto;
    background-size: 0;
    img {
      max-width: 300px;
    }
    h1 {
      color: white;
      text-align: center;
      text-shadow: 1px 1px 10px #000;
    }
  }
  @media screen and (max-width: 767px) {
    display: flex;
    flex-direction: column-reverse;
    .hero_banner--content {
      margin: 0;
      position: relative;
      max-width: 100%;
      display: flex;
      justify-content: center;
      flex-direction: row;
      padding: 20px;
      background-size: cover;
      img {
        max-width: 120px;
        padding-right: 10px;
      }
      h1 {
        text-transform: none;
        text-align: left;
        font-size: 17px;
        line-height: 17px;
        padding-left: 10px;
        border-left: 1px solid white;
      }
    }
  }
}

.hero.hero_video {
  position: relative;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  .hero__image {
    height: auto !important;
  }
  .hero__inner {
    text-align: center;
  }
  .hero__content {
    max-width: 100%;
  }
  @media screen and (min-width: 1024px) {
    .hero__wrapper {
      position: absolute;
      max-width: 1200px;
      top: 30%;
      left: 0;
      right: 0;
    }
  }
}

@media screen and (max-width: 767px) {
  .filter-menu .pt-mobile-header a.pt-nav-toggle {
    left: 60px;
  }
  .filter-menu .filter-group {
    display: none;
  }
  .filter-menu.pt-expand .filter-group {
    display: block;
  }
}

#shopify-section-product-v4 {
  .inline-buy-button {
    align-items: center;
    justify-content: center;
    height: 65px;
    .number-field {
      width: 30%;
      height: 100%;
      .number__controls {
        position: relative;
        height: 100%;
        width: 100%;
        .number__btn {
          position: absolute;
          top: 33%;
          text-decoration: none;
          font-size: 16px;
          width: 33%;
          text-align: center;
          &.number__btn--minus {
            left: 0;
          }
          &.number__btn--plus {
            right: 0;
          }
        }
        #quantity {
          padding: 0 30%;
          text-align: center;
          height: 100%;
          border-radius: 5px 0px 0px 5px;
        }
      }
    }

    .buyButton {
      height: 100%;
      width: 70%;
      border-radius: 0px 5px 5px 0px;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: opacity 0.3s;
    }
    .buyButton .cart-loader {
      display: none;
    }
    .loading {
      opacity: 0.6;
    }
    @media screen and (max-width: 767px) {
      .number-field {
        width: 30%;
      }
      .buyButton {
        width: 70%;
      }
    }
  }

  .swatches {
    flex-wrap: wrap;
    .swatch-link {
      text-decoration: none;
      height: 50px;
      width: 50px;
      margin: 0px 5px;
      &:hover,
      &.selected {
        img {
          border: 2px solid $primary;
          border-radius: 100%;
        }
      }
    }
    @media screen and (max-width: 1023px) {
      justify-content: center;
    }
  }
}

// Pro Series & Terra Pro Collection Pages
@font-face {
  font-family: "helvetica-neue";
  src: url("HelveticaNeueLTPro-Md.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "helvetica-neue";
  src: url("HelveticaNeueLTPro-UltLt.otf");
  font-weight: 100;
  font-style: oblique;
}
@font-face {
  font-family: "helvetica-neue";
  src: url("HelveticaNeueLTPro-LtCn.otf");
  font-weight: light;
  font-style: oblique;
}
@font-face {
  font-family: "helvetica-neue";
  src: url("HelveticaNeueLTPro-BdCn.otf");
  font-weight: bold;
  font-style: oblique;
}
@font-face {
  font-family: "helvetica-neue";
  src: url("HelveticaNeueLTPro-BlkCnO.otf");
  font-weight: 1000;
  font-style: oblique;
}

.shopify-section--collection-pro-series {
  .product_listing {
    .product-info {
      h3 {
        font-style: normal;
      }
      h3.price {
        background: #0094d6;
        background: -webkit-linear-gradient(
          to right,
          #0094d6 0%,
          #943b7f 50%,
          #ea252c 100%
        );
        background: -moz-linear-gradient(
          to right,
          #0094d6 0%,
          #943b7f 50%,
          #ea252c 100%
        );
        background: linear-gradient(
          to right,
          #0094d6 0%,
          #943b7f 50%,
          #ea252c 100%
        );
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 2.5rem;
        font-style: oblique;
      }
    }
  }
  .section--feature_image {
    .featured-image {
      width: 100%;
    }
  }
}

.shopify-section--collection-pro-series,
.shopify-section--collection-terra-pro {
  font-family: "Work Sans";
  font-style: oblique;
  font-weight: normal;
  background-color: black;
  color: white;
  .section {
    margin: 0;
    padding: 60px 0px;
  }
  h2 {
    font-size: 72px;
    font-weight: bold;
    letter-spacing: 0px;
    margin-bottom: 0;
    line-height: 1.07;
    text-transform: uppercase;
  }
  .product.product--pro-series {
    background-color: black;
    color: white;
  }
  .pro-series--gradient_text {
    background: #0094d6;
    background: -webkit-linear-gradient(
      to right,
      #0094d6 0%,
      #943b7f 50%,
      #ea252c 100%
    );
    background: -moz-linear-gradient(
      to right,
      #0094d6 0%,
      #943b7f 50%,
      #ea252c 100%
    );
    background: linear-gradient(
      to right,
      #0094d6 0%,
      #943b7f 50%,
      #ea252c 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .section--feature_image {
    text-align: center;
    .feature-header {
      img {
        max-width: 35%;
      }
    }
  }

  .section--product_listing {
    padding-top: 0;
    .section--product_listing-logo {
      background: linear-gradient(
        to right,
        #0094d6 0%,
        #943b7f 50%,
        #ea252c 100%
      );
      padding: 20px 40px;
      img {
        max-width: 400px;
        width: 100%;
      }
    }
    .section--product_listing-title {
      padding: 20px 0;
      min-height: 130px;
      h2 {
        padding: 20px 0;
        font-weight: 100;
        font-size: 3em;
        letter-spacing: 25px;
      }
    }
    @media screen and (max-width: 767px) {
      .section--product_listing-title {
        min-height: 130px;
        h2 {
          letter-spacing: 10px;
        }
        img {
          max-width: 80%;
        }
      }
    }
  }

  .product_listing {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    .product--pro-series {
      position: relative;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      max-width: 25%;
      margin: 0 15px;
      .product-info {
        position: absolute;
        width: auto;
        left: 0;
        bottom: 0;
        padding: 0px 5px 0;
        h3 {
          font-size: 1.2em;
          margin-bottom: 0;
          font-weight: bold;
          text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
        }
        h3.price {
          justify-content: center;
          font-size: 2.5em;
          font-weight: bold;
          margin-bottom: 8px;
          text-shadow: none;
        }
      }
    }
  }

  @media screen and (max-width: 768px) {
    .hero_banner .hero_banner--content {
      background-image: none !important;
      position: absolute;
    }

    h2 {
      font-size: 36px;
    }
    .section--product_listing {
      .section--product_listing-title {
        min-height: 100px;
        h2 {
          font-size: 2.5em;
        }
      }
    }

    .product_listing {
      flex-direction: column;
      .product--pro-series {
        max-width: 100%;
        margin: 15px auto;
        .product-info {
          bottom: inherit;
          padding-top: 20px;
          h3 {
            font-size: 3em;
          }
          h3.price {
            font-size: 3.5em;
          }
        }
      }
    }
    .section--feature_image {
      .feature-header {
        img {
          max-width: 60%;
        }
      }
    }
  }
  @media screen and (max-width: 576px) {
    .section--product_listing {
      .section--product_listing-title {
        min-height: 100px;
        h2 {
          font-size: 1.2em;
        }
      }
    }
    .product_listing {
      .product--pro-series {
        .product-info {
          h3 {
            font-size: 2em;
          }
          h3.price {
            font-size: 2.5em;
          }
        }
      }
    }
  }
}

.shopify-section--collection-terra-pro {
  .sales-icons {
    text-align: center;
    padding: 15px 0;
    img {
      width: 90%;
    }
    h3 {
      font-weight: 1000;
      margin-bottom: 8px;
      margin-top: 8px;
      font-size: 25px;
    }
  }
  h2 {
    font-size: 48px;
  }
  a.product--terra-pro {
    text-decoration: none;
    h3 {
      font-size: 24px;
      font-style: normal;
    }
  }
  .section--product_slider {
    padding: 60px 0 120px 0;
    h2 {
      font-weight: 1000;
    }
    h2:last-child {
      margin-top: 60px;
    }
    position: relative;
    .section--product_slider--container {
      background-size: cover;
      max-width: 1920px;
      margin: auto;
    }
    .shell {
      .product_slider {
        .slick-arrow {
          position: absolute;
          z-index: 1;
          top: 50%;
          font-size: 50px;
          transition: 400ms;
          &:hover {
            cursor: pointer;
            opacity: 0.8;
          }
          &:before {
            color: #0094d6;
          }
        }
        .fa-chevron-left.slick-arrow {
          left: 0;
        }
        .fa-chevron-right.slick-arrow {
          right: 0;
        }

        .slider-card {
          padding: 30px;
          position: relative;

          a {
            background: black;
            img {
              width: 100%;
              border: solid 1px #0093d6;
            }
            .product-info {
              position: absolute;
              left: 50%;
              bottom: 0;
              transform: translate(-50%, -40px);
              width: 100%;
              padding: 0 60px;
              h3 {
                font-weight: 500;
                color: white;
                margin-bottom: 10px;
                font-size: 1rem;
                &.price {
                  font-weight: 1000;
                  font-size: 1.8rem;
                  color: #0093d6;
                  margin-bottom: 0;
                  font-style: italic;
                }
              }
            }
            &:hover {
              .product-info {
                h3 {
                  color: black;
                  &.price {
                    color: #0093d6;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  .section--feature_callout {
    padding: 0px;
    // margin: 30px auto;
    position: relative;
    .feature_callout--container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 30px 0px;
      .shell {
        height: 100%;
        position: relative;
        .feature_callout--header {
          width: 100%;

          h2 {
            margin: 7% auto 5%;
            font-size: 45px;
            text-transform: uppercase;
            font-weight: 1000;
          }
        }
        .feature_callout--features {
          width: 80%;
          h4 {
            margin-bottom: 0;
            line-height: 1;
            font-size: 30px;
            font-weight: 1000;
          }
          .features-list {
            padding-top: 15px;
            border-top: 1px solid $primary;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            .features-list--feature {
              display: flex;
              flex-wrap: nowrap;
              align-items: center;
              justify-content: start;
              span {
                width: 80%;
              }
              p {
                font-weight: 600;
              }
            }
          }
        }
      }
    }
    &.section--feature_callout--icons_right {
      .shell {
        .feature_callout--features {
          left: unset;
          right: 10%;
        }
      }
    }
    &.section--feature_callout--icons_left,
    &.section--feature_callout--icons_right {
      padding-bottom: 230px;
      .feature_callout--container {
        .shell {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
          .feature_callout--features {
            .features-list {
              .features-list--feature {
                margin-bottom: 10px;
              }
            }
            h4 {
              text-align: center;
              margin-bottom: 8px;
            }
            img {
              width: 60px;
            }
            p {
              font-size: 18px;
              font-style: normal;
              padding-left: 25px;
              line-height: 1.2;
            }
          }
        }
      }
    }
    &.section--feature_callout--icons_right {
      .feature_callout--container {
        .shell {
          align-items: center;
        }
      }
    }
    &.section--feature_callout--alt {
      padding-bottom: 1150px;
      .shell {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        .feature_callout--features {
          right: 10%;
          display: flex;
          flex-direction: column;
          bottom: 2%;
          h4 {
            text-align: center;
            font-size: 30px !important;
            font-weight: 1000;
          }
          .features-list {
            flex-direction: column;
            align-items: center;
            border: none;
            .features-list--feature {
              position: relative;
              width: 300px;
              height: 300px;
              margin-bottom: 50px;
              img {
                position: absolute;
                width: 300px;
                z-index: 1;
              }
              p {
                position: absolute;
                z-index: 2;
                bottom: 5%;
                width: 100%;
                text-align: center;
                font-size: 25px;
                line-height: 1.2;
                font-style: normal;
                padding: 0 10px;
              }
            }
          }
        }
      }
    }
  }

  @media screen and (min-width: 479px) {
    .section--product_slider {
      .shell {
        .product_slider {
          .slick-arrow {
            font-size: 50px;
          }
          .slider-card {
            padding: 30px;
            a {
              .product-info {
                padding: 0 30px;
                transform: translate(-50%, -40px);
                h3 {
                  margin-bottom: 5px;
                  font-size: 2rem;
                  &.price {
                    font-size: 3rem;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  @media screen and (min-width: 576px) {
    .sales-icons {
      h3 {
        font-size: 38px;
      }
      img {
        width: 500px;
      }
    }
    .section--product_slider {
      .shell {
        .product_slider {
          .slick-arrow {
            font-size: 50px;
          }
          .slider-card {
            padding: 30px;
            a {
              .product-info {
                padding: 0 30px;
                transform: translate(-50%, -30px);
                h3 {
                  margin-bottom: 5px;
                  font-size: 2.5rem;
                  &.price {
                    font-size: 4rem;
                  }
                }
              }
            }
          }
          .fa-chevron-left.slick-arrow {
            left: -10px;
          }
          .fa-chevron-right.slick-arrow {
            right: -10px;
          }
        }
      }
    }
    .section--feature_callout {
      .feature_callout--container {
        .shell {
          .feature_callout--header {
            h2 {
              font-size: 55px;
            }
          }
          .feature_callout--features {
            h4 {
              font-size: 40px;
            }
          }
        }
      }
      &.section--feature_callout--icons_left,
      &.section--feature_callout--icons_right {
        padding-bottom: 175px;
        .feature_callout--container {
          .shell {
            .feature_callout--features {
              .features-list {
                .features-list--feature {
                  p {
                    font-size: 30px;
                  }
                }
              }
            }
          }
        }
      }
      &.section--feature_callout--alt {
        .shell {
          .feature_callout--features {
            h4 {
              font-size: 40px !important;
            }
          }
        }
      }
    }
  }
  @media screen and (max-width: 767px) {
    .section--feature_callout.section--feature_callout--icons_right {
      .feature_callout--container {
        .shell.NoH2 {
          justify-content: flex-end;
        }
      }
    }
  }

  @media screen and (min-width: 768px) {
    .sales-icons {
      h3 {
        font-size: 45px;
      }
    }
    .section--product_slider {
      .shell {
        .product_slider {
          .slick-arrow {
            font-size: 50px;
          }
          .slider-card {
            padding: 15px;
            a {
              .product-info {
                padding: 0 30px;
                transform: translate(-50%, -15px);
                h3 {
                  margin-bottom: 5px;
                  font-size: 0.9rem;
                  &.price {
                    font-size: 1.4rem;
                  }
                }
              }
            }
          }
          .fa-chevron-left.slick-arrow {
            left: -15px;
          }
          .fa-chevron-right.slick-arrow {
            right: -15px;
          }
        }
      }
    }
    .section--feature_callout {
      display: flex;
      justify-content: center;
      .feature_callout--container {
        .shell {
          .feature_callout--header {
            h2 {
              font-size: 45px;
            }
          }
          .feature_callout--features {
            h4 {
              font-size: 30px;
            }
          }
        }
      }
      &.section--feature_callout--icons_left,
      &.section--feature_callout--icons_right {
        padding-bottom: 0;
        .feature_callout--container {
          .shell {
            .feature_callout--features {
              width: auto;
              max-width: 50%;
              .features-list {
                padding-top: 25px !important;
              }
              h4 {
                text-align: left;
              }
              .features-list {
                .features-list--feature {
                  margin-bottom: 0;
                  p {
                    font-size: 20px;
                  }
                }
              }
            }
          }
        }
      }
      &.section--feature_callout--icons_left {
        .feature_callout--container {
          .shell {
            align-items: flex-start;
            .feature_callout--features {
              margin-left: 10%;
              margin-bottom: 5%;
            }
          }
        }
      }
      &.section--feature_callout--icons_right {
        .feature_callout--container {
          .shell {
            justify-content: center;
            align-items: flex-end;
          }
        }
      }
      &.section--feature_callout--alt {
        padding-bottom: 400px;
        .shell {
          .feature_callout--features {
            max-width: 100%;
            bottom: 50px;
            .features-list {
              flex-direction: row;
              justify-content: space-between;
              padding-top: 30px;
              .features-list--feature {
                width: 200px;
                height: 200px;
                img {
                  width: 200px;
                }
                p {
                  font-size: 25px;
                }
              }
            }
          }
        }
      }
    }
  }
  @media screen and (min-width: 992px) {
    .section--product_slider {
      .shell {
        .product_slider {
          .slick-arrow {
            font-size: 50px;
          }
          .slider-card {
            padding: 30px;
            a {
              .product-info {
                padding: 0 55px;
                transform: translate(-50%, -40px);
                h3 {
                  margin-bottom: 5px;
                  font-size: 1rem;
                  &.price {
                    font-size: 1.3rem;
                  }
                }
              }
            }
          }
        }
      }
    }
    .section--feature_callout {
      .feature_callout--container {
        .shell {
          .feature_callout--header {
            h2 {
              font-size: 70px;
            }
          }
          .feature_callout--features {
            h4 {
              font-size: 35px;
            }
          }
        }
      }
      &.section--feature_callout--icons_left,
      &.section--feature_callout--icons_right {
        .feature_callout--container {
          .shell {
            .feature_callout--features {
              max-width: 35%;
              .features-list {
                .features-list--feature {
                  margin-bottom: 30px;
                  p {
                    font-size: 20px;
                  }
                }
              }
            }
          }
        }
      }
      &.section--feature_callout--icons_right {
        .feature_callout--container {
          .shell {
            .feature_callout--features {
              bottom: 15%;
            }
          }
        }
      }
      &.section--feature_callout--alt {
        .feature_callout--container {
          .shell {
            .feature_callout--features {
              bottom: 8%;
              h4 {
                font-size: 50px !important;
              }
              .features-list {
                .features-list--feature {
                  width: 250px;
                  height: 250px;
                  img {
                    width: 250px;
                  }
                  p {
                    font-size: 30px;
                    padding: 5px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  @media screen and (min-width: 1024px) {
    .section--product_slider {
      .shell {
        .product_slider {
          .slider-card {
            a {
              .product-info {
                //padding: 0 60px;
                transform: translate(-50%, -30px);
                h3 {
                  //margin-bottom: 10px;
                  font-size: 1.2rem;
                  &.price {
                    font-size: 1.8rem;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  @media screen and (min-width: 1200px) {
    .section--feature_callout.section--feature_callout--icons_left,
    .section--feature_callout.section--feature_callout--icons_right {
      .feature_callout--container .shell .feature_callout--features {
        margin-bottom: 15%;
      }
    }
    .section--product_slider {
      .shell {
        .product_slider {
          .slider-card {
            padding: 20px;
            a {
              .product-info {
                //padding: 0 60px;
                //transform: translate(-50%, -50%);
                h3 {
                  //margin-bottom: 10px;
                  font-size: 1.3rem;
                  &.price {
                    font-size: 2.5rem;
                  }
                }
              }
            }
          }
        }
      }
    }
    .section--feature_callout {
      .feature_callout--container {
        .shell {
          .feature_callout--header {
            h2 {
              font-size: 100px;
            }
          }
          .feature_callout--features {
            h4 {
              font-size: 50px;
            }
          }
        }
      }
      &.section--feature_callout--icons_left,
      &.section--feature_callout--icons_right {
        .feature_callout--container {
          .shell {
            .feature_callout--header {
              h2 {
                font-size: 100px;
              }
            }
            .feature_callout--features {
              .features-list {
                .features-list--feature {
                  img {
                    width: 80px;
                  }
                  p {
                    font-size: 25px;
                  }
                }
              }
            }
          }
        }
      }
      &.section--feature_callout--alt {
        .feature_callout--container {
          .shell {
            .feature_callout--features {
              bottom: 8%;
              h4 {
                font-size: 60px !important;
              }
              .features-list {
                .features-list--feature {
                  width: 300px;
                  height: 300px;
                  img {
                    width: 300px;
                  }
                  p {
                    font-size: 30px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  @media screen and (min-width: 1600px) {
    .section--feature_callout {
      &.section--feature_callout--icons_left,
      &.section--feature_callout--icons_right {
        .feature_callout--container {
          .shell {
            .feature_callout--header {
              width: 100%;
            }
          }
        }
      }
    }
  }
}

$blizzard-black: #2e332f;

// Blizzard Box landing page
#shopify-section-blizzard-box-template {
  color: $blizzard-black;
  .btn--blizzard {
    background-color: $blizzard-black;
    border-color: $blizzard-black;
    padding: 10px 30px;
    &:hover {
      background-color: lighten($blizzard-black, 10%);
    }
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  .btn--blizzard {
    font-family: "gothamblack", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
  }
  .hero_banner {
    position: relative;
    .darken-bg {
      position: absolute;
      top: 0;
      border: 0;
      left: 0;
      right: 0;
      background-color: rgba(0, 0, 0, 0.3);
      height: 100%;
      z-index: 1;
    }
    .hero_banner--background {
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
    .hero_banner--content {
      z-index: 9;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      max-width: 50%;
      justify-content: center;
      align-content: center;
      margin: auto;
      background-size: 0;
      img {
        max-width: 300px;
      }
      h1 {
        color: white;
        text-align: center;
        text-shadow: 1px 1px 10px $blizzard-black;
      }
    }
    @media screen and (max-width: 767px) {
      display: flex;
      flex-direction: column-reverse;
      .hero_banner--content {
        margin: 0;
        position: relative;
        max-width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
        padding: 20px;
        background-size: cover;
        img {
          max-width: 120px;
          padding-right: 10px;
        }
        h1 {
          text-transform: none;
          text-align: left;
          font-size: 17px;
          line-height: 17px;
          padding-left: 10px;
          border-left: 1px solid white;
        }
      }
    }
  }
  .banner_with_links {
    position: relative;
    .banner_with_links--mobile {
      display: none;
    }
    .banner_with_links--desktop {
      h2 {
        position: absolute;
        top: 10%;
        width: 100%;
        text-align: center;
        color: white;
        z-index: 1;
      }
      .banner_with_links--links {
        display: flex;
        justify-content: space-evenly;
        position: absolute;
        bottom: 10%;
        right: 0;
        left: 0;
        color: white;
        a {
          font-family: "gothammedium", sans-serif;
          font-size: 22px;
        }
      }
    }
    &.desktop {
      display: block;
    }
    &.mobile {
      display: block;
    }
    @media screen and (max-width: 767px) {
      .banner_with_links--desktop {
        display: none;
      }
      .banner_with_links--mobile {
        display: block;
        h3 {
          position: absolute;
          top: 20px;
          width: 100%;
          text-align: center;
          color: white;
          z-index: 1;
        }
        .banner_with_links--mobile-slick {
          background-size: cover;
          background-repeat: no-repeat;
          .slick-arrow {
            position: absolute;
            top: 50%;
            color: white;
            z-index: 9;
            font-size: 30px;
            cursor: pointer;
            &.fa-chevron-right {
              right: 10px;
            }
            &.fa-chevron-left {
              left: 10px;
            }
          }
          .banner-slide {
            position: relative;
            a.banner-link {
              font-family: "gothammedium", sans-serif;
              position: absolute;
              bottom: 20px;
              text-align: center;
              width: 100%;
              color: white;
              font-size: 18px;
            }
          }
        }
      }
    }
  }
  .image_with_text {
    .image_with_text--inner {
      display: flex;
      padding: 60px;
      .text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-self: center;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 50px 60px;
        margin-left: -30px;
        background: white;
        min-width: 40%;
        z-index: 1;
        h3 {
          text-transform: none;
          font-weight: bold;
          text-align: center;
        }
        ul {
          list-style: disc;
        }
        .btn {
          align-self: center;
        }
      }
    }
    & ~ .image_with_text {
      .image_with_text--inner {
        padding-top: 0;
      }
    }
    &:nth-child(even) {
      .image_with_text--inner {
        flex-direction: row-reverse;
        .text {
          margin-left: unset;
          margin-right: -30px;
        }
      }
    }
    @media screen and (max-width: 1200px) {
      .image_with_text--inner {
        .text {
          padding: 30px;
        }
      }
    }
    @media screen and (max-width: 1028px) {
      .image_with_text--inner {
        padding-left: 0;
        padding-right: 0;
        flex-direction: column !important;
        .image img {
          width: 100%;
        }
        .text {
          margin-left: 0 !important;
          margin-right: 0 !important;
          margin-top: -30px;
          padding: 40px;
          width: 90%;
        }
      }
    }
  }
  .features_carousel {
    color: white;
    position: relative;
    .features_carousel--nav {
      position: absolute;
      bottom: 20px;
      right: 7%;
      padding: 10px;
      background: rgba(0, 0, 0, 0.6);
      font-size: 22px;
      i {
        cursor: pointer;
      }
      .fa-chevron-left {
        margin-right: 10px;
      }
      .fa-chevron-right {
        margin-left: 10px;
      }
    }
    .features_carousel--slick {
      .features-carousel--slide {
        padding: 0 15px;
        .features-carousel--slide-wrapper {
          position: relative;
          .features-carousel--slide-background {
            img {
              width: 100%;
            }
          }
          .features-carousel--slide-content {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 10%;
            display: flex;
            justify-content: center;
            flex-direction: column;
            width: 35%;
            h3 {
              font-size: 32px;
              text-align: left;
            }
            p {
              font-size: 20px;
            }
          }
        }
      }
    }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .features_carousel--slick {
        .features-carousel--slide {
          .features-carousel--slide-wrapper {
            .features-carousel--slide-content {
              width: 50%;
              p {
                font-size: 16px;
              }
            }
          }
        }
      }
    }
    @media screen and (max-width: 767px) {
      .features_carousel--nav {
        display: none;
      }
      .features_carousel--slick {
        .features-carousel--slide {
          padding: 0 10px;
          .features-carousel--slide-wrapper {
            .features-carousel--slide-content {
              position: static;
              width: 100%;
              background: $blizzard-black;
              padding: 30px;
              h3 {
                font-size: 18px;
              }
              p {
                font-size: 14px;
              }
            }
          }
        }
      }
    }
  }
  .trusted {
    position: relative;
    .background {
      position: absolute;
      bottom: 0;
      height: 50%;
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
    .trusted--logos {
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      margin: 30px 0;
      .trusted--logos-logo {
        max-width: 25%;
      }
    }
    .trusted-media {
      max-width: 70%;
      margin: auto;
      padding: 30px;
      .slider-for {
        margin-bottom: 10px;
        .slick-slide img {
          width: 100%;
          height: auto;
          max-width: 70vh;
          margin: auto;
        }
      }
      .slider-nav {
        .slick-slide {
          cursor: pointer;
          margin: 0 10px;
        }
      }
    }
    @media screen and (max-width: 767px) {
      .trusted-media {
        max-width: 100%;
        padding: 0;
        padding-bottom: 20px;
        .slider-for {
          .slick-slide img {
            max-width: unset;
          }
        }
      }
    }
  }
  .accessories {
    .shell {
      h3 {
        margin-bottom: 75px;
      }
      .accessories--wrapper {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        .accessories--accessory {
          margin: 10px 30px;
          position: relative;
          width: 40%;
          h3 {
            text-decoration: underline;
            position: absolute;
            bottom: 30px;
            width: 100%;
            color: white;
            margin-bottom: 0;
          }
        }
      }
    }
    @media screen and (max-width: 767px) {
      .shell {
        h3 {
          margin-bottom: 60px;
        }
        .accessories--wrapper {
          .accessories--accessory {
            width: 100%;
          }
        }
      }
    }
  }
}

.section--promotional-banner-carousel {
  margin: 0;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}
.black {
  color: black !important;
}
.light {
  font-weight: 300 !important;
}

// Affirm & Shop Pay Pages
.affirm-page,
.shop-pay-page {
  p,
  label {
    font-size: 20px;
    @media only screen and (min-width: 768px) {
      font-size: 18px;
    }
    .small {
      font-size: 18px;
      @media only screen and (min-width: 768px) {
        font-size: 16px;
      }
    }
  }
  font-weight: 300;
  hr {
    border-color: #f2f2f2;
  }
  h2 {
    font-weight: bold;
    font-size: 36px;
    color: $primary;
    margin-bottom: 15px;
    text-align: center;
  }
  .logo-header {
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 30px;
    img {
      margin: 0px 10px;
    }
    span {
      margin: 0px 10px;
      font-size: 32px;
    }
    @media only screen and (max-width: 767px) {
      flex-direction: column;
    }
  }
  .header-text {
    text-align: center;
  }
  .buying-steps {
    text-align: center;
    .icon {
      width: 150px;
      margin: 0 auto 30px auto;
    }
    p {
      line-height: 1.2;
    }
    .h3-div {
      min-height: 90px;
    }
    .steps {
      margin-top: 15px;
      flex-direction: row;
      justify-content: space-evenly;
      flex-wrap: nowrap;
      .step {
        max-width: 25%;
        display: flex;
        flex-direction: column;
        label {
          font-weight: bold;
        }
      }
    }
  }
  .callout-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 2%;
    .callout-text {
      width: 50%;
      h2 {
        text-align: left;
      }
    }
    .callout-1 {
      background: white;
      padding: 100px;
      margin-left: 0;
      margin-right: 0;
      @media only screen and (max-width: 950px) {
        padding: 50px;
      }
      @media only screen and (max-width: 767px) {
        padding: 20px;
      }
    }
    .callout-2 {
      padding: 0 2% !important;
    }
    .callout-3 {
      img {
        width: 100%;
      }
    }
    .callout-4 {
      h2 {
        text-align: center;
      }
    }
    @media only screen and (max-width: 768px) {
      flex-direction: column;
      .callout-text {
        width: 100%;
      }
      .callout-1,
      .callout-3 {
        margin-bottom: 25px;
      }
    }
  }
  @media only screen and (max-width: 768px) {
    .buying-steps .steps,
    .shop-pay-page .buying-steps .steps {
      flex-direction: column;
      align-items: center;
    }
    .buying-steps .steps .step,
    .shop-pay-page .buying-steps .steps .step {
      padding-top: 20px;
      max-width: 80%;
      img {
        width: 300px;
        margin: auto;
      }
      .icon {
        width: 150px !important;
      }
    }
  }
}
.affirm-page {
  .section-blue {
    background-color: #f2f6f9;
  }
  .payment-options {
    padding-top: 60px;
    padding-bottom: 60px;
    .paragraph {
      padding: 0 2% !important;
      @media only screen and (min-width: 768px) {
        text-align: center;
      }
    }
  }
  .affirmLogo {
    justify-content: center;
    align-items: flex-end;

    p {
      line-height: 0.8;
    }
    img {
      width: 100px;
      padding: 60px 8px 0 8px;
    }
  }

  .faq-section {
    padding-bottom: 60px;
    h2 {
      margin-bottom: 40px;
    }
    // @media only screen and (min-width: 768px) {
    //   p {
    //     width: 60%;
    //   }
    // }
  }
}

.shop-pay-page {
  .accordion-section {
    margin-bottom: 60px;
  }
  .accordion {
    .accordion-item {
      border-bottom: 1px solid grey;
      button[aria-expanded="true"] {
        border-bottom: 1px solid black;
      }
    }
    button {
      position: relative;
      display: block;
      text-align: left;
      width: 100%;
      padding: 1em 0;
      color: black;
      font-size: 1.15rem;
      font-weight: 400;
      border: none;
      background: none;
      outline: none;
      padding-right: 25px;
      &:hover,
      &:focus {
        cursor: pointer;
        color: black;
        &::after {
          cursor: pointer;
          color: black;
          border: 1px solid black;
        }
      }
      .accordion-title {
        padding: 1em 1.5em 1em 0;
      }
      .icon {
        display: inline-block;
        position: absolute;
        top: 30px;
        right: 0;
        width: 22px;
        height: 22px;
        &::before {
          border-style: solid;
          border-width: 0.15em 0.15em 0 0;
          content: "";
          display: inline-block;
          height: 0.45em;
          left: 0.15em;
          position: relative;
          top: 0.15em;
          vertical-align: top;
          width: 0.45em;
          top: 0;
          transform: rotate(135deg);
        }
      }
    }
    button[aria-expanded="true"] {
      color: black;
      .icon {
        &::before {
          transform: rotate(-45deg);
        }
      }
      + .accordion-content {
        opacity: 1;
        max-height: 300px;
        transition: all 200ms linear;
        will-change: opacity, max-height;
      }
    }
    .accordion-content {
      opacity: 0;
      max-height: 0;
      overflow: hidden;
      transition: opacity 200ms linear, max-height 200ms linear;
      will-change: opacity, max-height;
      p {
        font-size: 1rem;
        margin: 2em 1em;
      }
    }
  }
  .more-questions {
    h2,
    p {
      text-align: center;
    }
    h2 {
      margin-bottom: 40px;
    }
    @media only screen and (max-width: 575px) {
      .small {
        font-size: 14px;
      }
    }
  }
}