/****************************/
  
  @font-face {
      font-family: 'AllRound';
      src: url('/cdn/shop/files/allroundgothic.eot');
      src: url('/cdn/shop/files/allroundgothic.eot#iefix') format('embedded-opentype'),
             url('/cdn/shop/files/allroundgothic.woff') format('woff'),
             url('/cdn/shop/files/allroundgothic.woff2') format('woff2'),
             url('/cdn/shop/files/allroundgothic.ttf') format('truetype');
    }
  
    @font-face {
        font-family: 'AttenRound';
        src: url('/cdn/shop/files/AttenRoundNew-Book.eot');
        src: url('/cdn/shop/files/AttenRoundNew-Book.eot#iefix') format('embedded-opentype'),
               url('/cdn/shop/files/AttenRoundNew-Book.woff') format('woff'),
               url('/cdn/shop/files/AttenRoundNew-Book.woff2') format('woff2'),
               url('/cdn/shop/files/AttenRoundNew-Book.ttf') format('truetype');
      }
  
      @font-face {
        font-family: 'AttenRound';
        font-weight: 500;
        src: url('/cdn/shop/files/AttenRoundNew-Medium.eot');
        src: url('/cdn/shop/files/AttenRoundNew-Medium.eot#iefix') format('embedded-opentype'),
               url('/cdn/shop/files/AttenRoundNew-Medium.woff') format('woff'),
               url('/cdn/shop/files/AttenRoundNew-Medium.woff2') format('woff2'),
               url('/cdn/shop/files/AttenRoundNew-Medium.ttf') format('truetype');
      }
  
      @font-face {
        font-family: 'AttenRound';
        font-style: italic;
        src: url('/cdn/shop/files/AttenRoundNew-BookItalic.eot');
        src: url('/cdn/shop/files/AttenRoundNew-BookItalic.eot#iefix') format('embedded-opentype'),
               url('/cdn/shop/files/AttenRoundNew-BookItalic.woff') format('woff'),
               url('/cdn/shop/files/AttenRoundNew-BookItalic.woff2') format('woff2'),
               url('/cdn/shop/files/AttenRoundNew-BookItalic.ttf') format('truetype');
      }
  
  $dark-grey: #1a1a1c;
  $cream: #fffaf5;
  $light-blue: #b8cce6;
  $off-white: #fffcfa;
  $atten: 'AttenRound';
  $allround: 'AllRound';
  $bgDotted: 4px 1px;
  $light-gold: #dbb870;
  $dark-gold: #cc9e52;
  $error: #ff5454;
  $pink: #fac7c7;
  $teal: #94dbd4;
  
  a {
      &:not(.image) {
          &:hover {
            opacity: 0.8;
          }
      }
  }
  
  p {
      font-family: $atten;
  }
  
  h1,h2,h3,h4,h5,h6 {
      font-family: $allround;
      font-weight: 500;
  }
  
  .mobile-hide {
      @media only screen and (max-width: 749px) {
          display: none !important;
      }
  }
    
  .desktop-hide {
      @media only screen and (min-width: 750px) {
          display: none !important;
      }
  }
  
  #MainContent {
      &.sticky-nav {
          margin-top: 76px;
          .product-master {
            margin-top: 6em;
          }
      }
  }
  
  .header-container {
    background: rgb(255, 255, 255);
    z-index: 9999;
    width: 100%;
    padding: 0.7em 0;
      &.sticky-nav {
          width: 100%;
          background: rgb(255, 255, 255);
          z-index: 9999;
          //border-bottom: 0.5px solid rgba(204, 204, 204, 0.52);
          //margin-left: -1.5em;
          .logo {
              img {
                  -webkit-transform: scale(0.8) rotate(0.01deg);
                  transform: scale(0.8) rotate(0.01deg);
              }
          }
          /*.main-nav {
              padding-left: 2.2em;
          }*/
      }
  }
  
  .logo {
      padding: 0px 10px;
      @media (max-width: 1023px) {
          width: 50%;
      }
      a {
          @media (max-width: 1023px) {
              text-align: center;
          }
          img {
              -webkit-transition: -webkit-transform 0.4s;
              transition: transform 0.4s;
              @media (max-width: 1023px) {
                  max-width: 3.7em;
                  margin: auto;
              }
          }
      }
  }
  .main-nav {
      text-align: center;
      margin: auto;
      //margin-bottom: 0.8em;
      .active {
        font-weight: 500;
      }
      @media (max-width: 1023px) {
        display: none;
      }
      @media only screen and (max-width: 1023px) {
        margin-top: 0.7em;
      }
      > ul {
          list-style: none;
          padding: 0;
          display: flex;
          justify-content: center;
        > li {
          &:hover {
              span.arrow {
                  svg {
                    transform: none;
                  }
              }
          }
          a {
              text-decoration: none;
              font-family: $atten;
              font-size: 15px;
              color: $dark-grey;
              padding: 0px 10px;
              span.arrow {
                  padding-left: 4px;
                  svg {
                      width: 10px;
                      margin-bottom: 1px;
                      transform: rotate(180deg);
                  } 
              }
          }
          > .services-submenu {
            width: auto;
            left: auto;
            .submenu-content {
            padding: 30px 60px 20px 20px;
            display: block;
            }
          }
          > div {
            position: absolute;
            left: 0;
            width: 100%;
            margin: 0;
            white-space: nowrap;
            transition: opacity 200ms ease-out;
            visibility: hidden;
            opacity: 0;
            text-align: center;
            box-shadow: 0 16px 20px 0 rgba(0, 0, 0, 0.1);
            padding-top: 1em;
              .submenu-content {
                a {
                  text-transform: unset;
                  line-height: 2;
                  font-size: 14px;
                  letter-spacing: normal;
                  height: auto;
                }
              }
            .submenu-content {
              position: relative;
              display: inline-flex;
              margin: 0 auto;
              text-align: left;
              padding: 20px 30px 20px 40px;
              background-color: #fff;
              box-shadow: none;
              overflow: hidden;
              width: 100%;
            }
            .col {
              white-space: initial;
              margin-right: 2em;    
              margin: 0;
              &:not(:last-of-type) {
                  padding-right: 1em;
              }
            }
            ul {
              margin: 0;
              padding: 0;
              list-style: none;
            }
            .image-container {
              h4 {
                margin-top: 0.6em !important;
                margin-bottom: 0;
              }
              p {
                  margin-bottom: 0;
                  margin-top: 0px;
                  font-size: 15px;
                  line-height: 0px;
                  background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                  background-position: bottom;
                  background-size: 4px 1px;
                  background-repeat: repeat-x;
                  height: 1em;
                  display: inline-flex;
                  align-items: center;
                  padding-bottom: 1.4em;
                  svg {
                      width: 16px;
                      margin-left: 10px;
                  }
              }
              a {
                &:hover {
                  border-bottom: 2px solid #fff0;
                }
              }
            }
            ul > li {
              display: block;
              padding-right: 4em;
              a {
                display: block;
                padding: 6px 0;
                font-family: $atten;
                font-size: 14px;
                font-weight: normal;
                line-height: 1.2 !important;
                letter-spacing: normal;
                color: #212121 !important;
                margin-bottom: 0.4em;
              }
            }
          }
          
          &:hover > div,
          &:focus > div {
            z-index: 1000;
            visibility: visible;
            opacity: 1;
            width: auto;
            left: auto;
              &.megamenu {
                width: 100%;
                left: 0;
                margin-left: 0;
                .megamenu-container {
                  .submenu-content {
                    border-top: none;
                    max-width: 75em;
                    display: flex;
                    justify-content: center;
                    padding: 40px 10px 46px 10px;
                    .image-container {
                      width: 30%;
                    }
                    .child-links {
                      display: flex;
                      width: 70%;
                      .child-title {
                        font-family: $allround;
                        font-size: 14px;
                        font-weight: 600;
                        line-height: 1.57;
                        letter-spacing: 2px;
                        color: $dark-grey;
                        text-transform: uppercase;
                        margin-bottom: 11px;
                        display: block;
                      }
                      .column-container {
                          display: flex;
                          flex-direction: column;
                          flex-wrap: wrap;
                          max-height: 26em;
                        li {
                          a {
                            font-family: $atten;
                            font-size: 14px;
                            line-height: 2.14;
                            color: #282729;
                          }
                        }
                      }
                    }
                  }
                  background-color: #fff;
                  .image-col {
                    margin: 0em 2em 0em 0em;
                    text-align: center;
                    display: flex;
                    .image-container {
                      margin-top: 4px;
                      width: 100%;
                      text-align: left;
                      img {
                        max-width: 238px;
                        width: 100%;
                      }
                      h4 {
                        font-family: $allround;
                        font-size: 26px;
                        font-weight: 500;
                        line-height: 1.23;
                        text-align: center;
                        color: $light-blue;
                        text-align: left;
                        margin-top: 0 !important;
                        margin-bottom: 0.2em;
                      }
                      a {
                        font-family: $atten;
                        font-size: 15px;
                        color: $dark-grey;
                        padding: 0;
                      }
                    }
                  }
                }
              }
          }
        }
      }
    }
  
  .announcement-bar-container {
      .announcement-bar {
          background-color: #dbb870;
          p {
              text-align: center;
              margin: 0;
              padding: 7px 10px;
              color: #ffffff;
              font-size: 15px;
              font-family: $atten;
              font-weight: 500;
              a {
                color: inherit;
              }
          }
      }
  }
  
  .main-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      max-width: 79em;
      //margin: auto;
      margin: auto;
      @media (max-width: 749px) {
          margin: 0.1em auto;
      }
      h1 {
          margin: 0;
      }
      .left-container {
          @media (max-width: 1023px) {
              display: flex;
              width: 25%;
              .mobile-search-button {
                  margin-left: 1.2em;
                  svg {
                      color: $dark-grey;
                  }
              }
          }
      }
      .right-container {
          display: flex;
          align-items: center;
          padding: 0px 10px;
          @media (max-width: 1023px) {
              width: 25%;
              justify-content: flex-end;
          }
          a {
              color: $dark-grey;
              &:not(.cart) {
                  padding-right: 14px;
              }
          }
          ul {
              list-style: none;
              padding: 0;
          }
          .account a,
          .cart,
          .faq {
              font-family: $atten;
              color: $dark-grey;
              text-decoration: none;
              font-size: 15px;
          }
          .minicart-container {
            @media only screen and (max-width: 1023px) {
                margin-bottom: -0.6em;
            }
            @media only screen and (min-width: 750px) {
                &:hover {
                    > .mini-cart-container {
                        opacity: 1 !important;
                        visibility: visible !important;
                        transition: opacity 200ms ease-out !important;
                    }
                }
            }
          .cart {
            display: flex;
            align-items: center;
            padding-top: 1.2em;
            padding-bottom: 1em;
            @media only screen and (max-width: 749px) {
                padding-top: 0.4em;
            }
            /*@media only screen and (max-width: 749px) {
                pointer-events: none;
            }*/
            .cart-count {
                font-size: 8px;
                font-weight: 500;
                border: 1px solid;
                margin-left: 5px;
                border-radius: 50%;
                width: 2.4em;
                height: 2.4em;
                text-align: center;
                padding-top: 5px;
                @media only screen and (min-width: 750px) {
                    margin-top: -2px;
                }
            }
            span {
              font-size: 14px;
            }
            .icon-container {
              width: 18px;
              margin-right: 6px;
              svg {
                height: 26px;
                width: 21px;
                margin-top: -3px;
                @media only screen and (max-width: 749px) {
                  width: 18px;
                  height: 21px;
                }
              }
            }
            p {
              display: inline-block;
              text-decoration: none;
              color: #000000;
              font-size: 14px;
              line-height: 0;
              margin: 0;
              margin-right: 6px;
              @media only screen and (max-width: 1023px) {
                display: none;
              }
            }
          }
          .mini-cart-container {
            //padding-top: 1em;
            position: absolute;
            //z-index: 999;
            z-index: 9999;
            &.hide-cart {
                @media only screen and (min-width: 750px) {
                    visibility: hidden;
                    opacity: 0;
                }
            }
            //visibility: visible;
            //opacity: 1;
            @media only screen and (max-width: 749px) {
                position: fixed;
                top: 0px;
                height: 100%;
                left: 0;
                width: 100%;
                //display: flex;
                display: none;
                .mobile-spacing {
                    width: 20%;
                    height: 100%;
                    display: inline-block;
                }
            }
          }
          .mini-cart {
            z-index: 1000;
            position: absolute;
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
            background-color: #ffffff;
            margin-left: -15.6em;
            padding: 1em 0em;
            width: 19em;
            @media only screen and (max-width: 749px) {
                height: 100%;
                width: 100%;
                left: 0;
                padding: 0;
                margin-left: auto;
                max-width: 80%;
                right: 0;
                display: inline-block;
            }
            .mobile-heading {
                display: flex;
                justify-content: space-between;
                max-width: 80%;
                margin-left: auto;
                margin-right: auto;
                align-items: center;
                margin-top: 1.4em;
                margin-bottom: 1.5em;
                h2 {
                    font-size: 26px;
                    color: $light-blue;
                    margin: 0;
                }
            }
            &:after,
            &:before {
                bottom: 100%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
            }
            &:before {
                border-color: rgba(204, 204, 204, 0);
                border-bottom-color: rgba(0, 0, 0, 0.08);
                border-width: 10px;
                right: 0.9em;
            }
            &:after {
                border-color: rgba(238,238,238,0);
                border-bottom-color: #FFF;
                border-width: 9px;
                right: 1em;
            }
            .cart-items {
                @media only screen and (max-width: 749px) {
                    margin-left: 1em;
                    margin-right: auto;
                }
              .items-container {
                margin-right: 5px;
                margin-top: 0.4em;
                padding: 0em 1em 2em 1em;
                max-height: 21em;
                @media only screen and (max-width: 749px) {
                    max-height: 66vh;
                }
                //overflow: auto;
                overflow-x: hidden;
                &::-webkit-scrollbar {
                    width: 7px;
                }
                &::-webkit-scrollbar-track {
                    border-radius: 3.5px;
                    margin-top: 4px;
                }
                &::-webkit-scrollbar-thumb {
                    background: $light-blue; 
                    border-radius: 3.5px;
                }
                .empty-cart {
                  text-align: center;
                  margin-top: -1em;
                  margin-bottom: -1em;
                  a {
                    letter-spacing: 1.3px;
                    display: block;
                    text-decoration: none;
                    padding-top: 9px;
                    font-weight: normal;
                    color: #ff4f85;
                  }
                }
                .item-container {
                  display: flex;
                  //align-items: center;
                  &:not(:last-of-type) {
                    margin-bottom: 2em;
                    background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                    background-position: bottom;
                    background-size: 4px 1px;
                    background-repeat: repeat-x;
                    padding-bottom: 1.5em;
                  }
                  .image-container,
                  .text-container {
                    padding: 0px 5px;
                  }
                  .image-container {
                    width: 35%;
                    text-align: center;
                  }
                  .text-container {
                    width: 65%;
                    .title {
                      text-decoration: none;
                      display: block;
                      font-family: $atten;
                      font-size: 14px;
                      font-weight: 500;
                      line-height: 1.57;
                      color: $dark-grey;
                      padding-bottom: 0.3em;
                    }
                    .quantity,
                    .variant,
                    .mc-price,
                    .discount-price,
                    .currency {
                      font-family: $atten;
                      font-size: 12px;
                      font-weight: 300;
                      letter-spacing: 1px;
                      color: $dark-grey;
                      display: block;
                      padding-bottom: 0.3em;
                    }
                    .discount-price {
                        display: inline-block;
                        padding-right: 2px;
                    }
                    .mc-price,
                    .currency {
                      display: inline-block;
                    }
                    .currency {
                      margin-right: -4px;
                    }
                    .qty-remove {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        padding: 10px 10px 0px 10px;
                        @media only screen and (max-width: 749px) {
                            padding: 10px 0px 0px 0px;
                        }
                        .qtybox {
                            width: 30%;
                            justify-content: space-around;
                            display: flex;
                            @media only screen and (max-width: 749px) {
                                width: 40%;
                                justify-content: space-between;
                            }
                            .btnqty {
                                font-family: $atten;
                                cursor: pointer;
                                @media only screen and (max-width: 749px) {
                                    width: 30%;
                                }
                                &.qtyplus {
                                    @media only screen and (max-width: 749px) {
                                        text-align: right;
                                    }
                                }
                            }
                            input {
                                text-align: center;
                                font-family: $atten;
                                border: none;
                                &::-webkit-inner-spin-button, 
                                &::-webkit-outer-spin-button { 
                                    -webkit-appearance: none; 
                                    margin: 0; 
                                }
                                -moz-appearance: textfield;
                                @media only screen and (max-width: 749px) {
                                    width: 40%;
                                }
                            }
                        }
                        .cart-remove {
                            font-family: $atten;
                            font-size: 12px;
                            color: $dark-grey;
                            text-decoration: underline;
                            display: block;
                            max-width: 3.5em;
                            cursor: pointer;
                            font-weight: 500;
                            width: 70%;
                            @media only screen and (max-width: 749px) {
                                width: 60%;
                            }
                        }
                    }
                  }
                }
              }
              hr {
                border: none;
                border-top: 1px solid #eeeeee;
                margin-top: 0;
              }
              .cart-footer {
                text-align: center;
                padding: 0em 1em;
                .cart-price {
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  p,
                  span {
                    font-size: 18px;
                    color: $dark-grey;
                    font-family: $atten;
                    font-weight: 500;
                  }
                }
                .checkout-button {
                    border-radius: 30px;
                    width: 100%;
                    display: block;
                    padding: 1em;
                    margin: 1em 0;
                    font-family: $allround;
                    font-size: 16px;
                    font-weight: 500;
                    letter-spacing: 2.67px;
                    color: $dark-grey;
                    text-decoration: none;
                    text-transform: uppercase;
                    border: 1px solid;
                }
                .cart-button {
                  a {
                    display: inline-block;
                    font-family: 'FaricyNew';
                    font-size: 14px;
                    color: #121212;
                    border-bottom: 1px solid #ff4f85;
                    padding-bottom: 0.5em;
                    text-decoration: none;
                    span,
                    .cart-count {
                      display: inline-block;
                    }
                    .cart-count {
                      margin-left: -3px;
                    }
                  }
                }
              }
            }
          }
          }
          /*.cart {
              display: flex;
              align-items: center;
              padding-top: 1px;
              .cart-count {
                  font-size: 8px;
                  font-weight: 500;
                  border: 1px solid;
                  margin-left: 5px;
                  border-radius: 50%;
                  width: 2.4em;
                  height: 2.4em;
                  text-align: center;
                  padding-top: 5px;
              }
          }*/
          .account {
              @media only screen and (max-width: 1023px) {
                  svg {
                      path {
                          stroke: #000;
                      }
                  }
              }
          }
      }
  }
  
  // Mobile menu
  .mobile-menu-toggle {
      @media only screen and (max-width: 1023px) {
        width: 25%;
        height: 1.1em;
        padding: 0px 10px;
      }
      #menuToggle {
        display: block;
        position: relative;
        top: 0.2em;
        right: auto;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
        &:focus {
          outline: none;
        }
        input {
          display: block;
          width: 40px;
          height: 32px;
          position: absolute;
          top: -7px;
          left: -5px;
          cursor: pointer;
          opacity: 0;
          z-index: 2;
          -webkit-touch-callout: none;
        }
        span {
          display: block;
          width: 18px;
          height: 1px;
          margin-bottom: 5px;
          position: relative;
          background: #1a1a1c;
          border-radius: 0px;
          z-index: 1;
          transform-origin: 4px 0px;
          transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity 0.55s ease;
        }
        @media (min-width: 1024px) {
          display: none;
        }
      }
    
    }
    
    .mobile-menu-container {
      width: 100%;
      height: 100%;
    .mobile-menu {
      position: fixed;
      top: 0;
      background-color: #ffffff;
      //z-index: 20;
      height: 100%;
      overflow: hidden;
      width: 100%;
      transition: transform .3s;
      transform: translateX(-100%);
      z-index: 9999;
      @media only screen and (min-width: 1024px) {
        display: none;
      }
      .menu-separator-container {
        padding-right: 1em;
        .menu-separator {
          background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
          background-position: bottom;
          background-size: $bgDotted;
          background-repeat: repeat-x;
          height: 1px;
          border: 0;
        }
      }
      .menu-right {
        &.mobile {
          border-bottom: 1px solid #99e7bd;
          margin-bottom: 0.4em;
          .links {
            padding: 1em 0em 1.4em 1em;
            a {
              font-size: 14px;
              text-decoration: none;
              font-weight: 100;
              border-bottom: 2px solid #d77f5d;
              padding-bottom: 2px;
              padding-left: 4px;
              padding-right: 4px;
            }
          }
        }
      }
      .searchBar {
        background-color: transparent;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        display: flex;
        align-items: center;
          #searchQuerySubmit {
            background: none;
            border: none;
            outline: none;
            color: #5D6F78;
            font-size: 14px;
            letter-spacing: 0.19px;
            svg {
              width: 17px;
              height: 16px;
              fill: #c2934b;
            }
          }
      }
      &.open {
        transform: translateX(0);
        overflow-y: visible;
      }
      .logo-close {
        padding: 10px 20px 0;
        display: flex;
        justify-content: space-between;
        .account,
        .wishlist {
          display: flex;
          align-items: center;
          font-family: $allround;
          font-size: 14px;
          font-weight: 600;
          line-height: 4;
          letter-spacing: 1.87px;
          text-transform: uppercase;
          text-decoration: none;
          color: #333333;
          span {
              padding-left: 1em;
          }
        }
        .account {
          svg {
              path {
                  stroke: #000;
              }
          }
        }
        .close-menu {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          //margin-bottom: 0.4em;
          span {
            font-size: 9px;
            text-transform: uppercase;
            line-height: 4.86;
            letter-spacing: 1.58px;
            color: #212121;
          }
          svg {
            height: 16px;
            width: 16px;
            margin-top: -2px;
            margin-left: 6px;
          }
        }
      }
      .fa-times {
        display: block;
        text-align: right;
        cursor: pointer;
        font-size: 1.2em;
        color: #5D6F78;
      }
      form {
        border: 1px solid #c2934b;
        padding: 0;
        margin: 0em 1.3em 1.8em 1.3em;
        input[type="search"] {
          line-height: 3.4;
          letter-spacing: 1.64px;
          font-size: 10px;
          font-weight: 500;
          -webkit-appearance: none;
          border-radius: 0;
          border: 0;
          background-color: transparent;
          width: calc(100% - 40px);
          text-decoration: none;
          color: #212121;
          font-family: 'Questrial';
          overflow: visible;
          padding: 0px 5px 0px 16px;
          outline: none;
            &::-webkit-input-placeholder {
                color: #212121;
            }
            &:-moz-placeholder {
                color: #212121;
            }
            &::-moz-placeholder {
                color: #212121;
            }
            &:-ms-input-placeholder {
                color: #212121;
            }
          &:focus {
            outline: none;
            &::-webkit-input-placeholder {
              color: transparent;
            }
            &:-moz-placeholder {
              color: transparent;
            }
            &::-moz-placeholder {
              color: transparent;
            }
            &:-ms-input-placeholder {
              color: transparent;
            }
          }
        }
        .search-submit {
          background: transparent;
          border: 0;
          box-shadow: none;
          width: 60px;
          text-align: center;
          padding: 5px 0 6px;
          font-size: 1.4rem;
          border: 0;
          &:hover {
            border: 0;
          }
        }
      }
      ul {
        list-style: none;
        padding: 0;
      }
      ul.nav-menu {
        position: relative;
        left: 0;
        margin: 0;
        list-style: none;
        padding: 0em 0.3em 0em 1.3em;
        &.secondary-open {
          left: -100%;
          width: 100%;
          position: absolute;
          top: 0;
        }
        ul.secondary-links {
            .back {
              display: flex;
              align-items: center;
              padding-top: 1em;
              margin-bottom: 1.4em;
              .close-menu {
                  svg {
                    width: 16px;
                    height: 16px;
                }
              }
            }
          .svg-container {
            display: flex;
            align-items: center;
            margin-right: 0.8em;
            float: left;
            span {
              display: inline-block;
              vertical-align: middle;
            }
          }
          li {
            &:nth-last-child(-n+3) {
              display: block;
            }
          }
        }
        li {
          line-height: 1;
          padding-top: 8px;
          .trigger-secondary {
              svg {
                  margin-top: 12px;
              }
          }
          .trigger-tertiary {
              /*svg {
                  -webkit-transition: 0.5s ease-in-out;
                  -moz-transition: 0.5s ease-in-out;
                  -o-transition: 0.5s ease-in-out;
                  transition: 0.5s ease-in-out;
              }*/
              &:not(.submenu-open) {
                  svg {
                      transform: rotate(180deg);
                  }
              }
          }
          ul.secondary-links,
          ul.tertiary-links {
            position: absolute;
            top: 0;
            left: 100%;
            display: none;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            list-style: none;
            padding: 0em 1.3em 0em 1.3em;
            background-color: #FFF;
            > .image-container {
              background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
              background-position: bottom;
              background-size: 4px 1px;
              background-repeat: repeat-x;
              padding-bottom: 0.6em;
              img {
                  width: 100%;
              }
            }
            .first-li {
              background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
              background-position: bottom;
              background-size: $bgDotted;
              background-repeat: repeat-x;
              padding-bottom: 0.6em;
              &:last-of-type {
                  margin-bottom: 1em;
              }
              a {
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  svg {
                      width: 9px;
                  }
              }
                .tertiary-links {
                  position: relative;
                  display: none;
                  left: 0;
                  padding: 0;
                  //display: flex;
                  flex-wrap: wrap;
                  flex-direction: column;
                  max-height: 35em;
                  padding-bottom: 0.8em;
                    a {
                      font-family: $atten;
                      font-size: 16px;
                      line-height: 2.25;
                      color: #282729;
                      text-transform: none;
                      font-weight: 400;
                      letter-spacing: normal;
                    }
                    .back {
                        display: none;
                    }
                }
            }
          }
          a {
            font-family: $allround;
            font-size: 14px;
            line-height: 2.8;
            letter-spacing: 1.87px;
            color: #333333;
            display: block;
            width: 100%;
            text-decoration: none;
            text-transform: uppercase;
            font-weight: 600;
            &.close-secondary {
              display: flex;
              align-items: center;
              .svg-container {
                width: 3%;
              }
              span {
                  padding-left: 10px;
              }
            }
            .fa-chevron-right {
              float: right;
              font-size: 1em;
              color: #E3BE6C;
            }
            .fa-chevron-left {
              position: relative;
            }
            .svg-container {
              float: right;
              position: relative;
              width: 10%;
              svg {
                max-height: 12px;
                position: absolute;
                &.back {
                  transform: rotate(180deg);
                  position: relative;
                  width: 10px;
                }
                .cls-1 {
                  fill: #ffffff;
                  stroke: #0ea654;
                  stroke-width: 2px;
                }
              }
            }
          }
        }
      }
      
      .mobile-menu-footer {
          position: relative;
          left: 0;
          margin: 0;
          list-style: none;
          padding: 0em 0.3em 0em 1.3em;
          display: flex;
          align-items: center;
          margin-top: 2.4em;
          .logo-badge {
              padding-right: 10px;
              img {
                  max-width: 8em;
              }
          }
          .text-container {
              padding-left: 15px;
              width: 65%;
              margin-top: -0.6em;
              .mf-heading {
                  display: flex;
                  justify-content: space-between;
                  p {
                      margin-top: 0;
                      font-family: $allround;
                      font-size: 14px;
                      font-weight: 600;
                      letter-spacing: 2px;
                      color: $dark-grey;
                      text-transform: uppercase;
                      line-height: 1.57;
                  }
                  svg {
                      position: absolute;
                      right: 0;
                      max-width: 4em;
                      margin-right: 1em;
                      margin-top: -3em;
                  }
              }
              span {
                  font-family: $atten;
                  font-size: 16px;
                  color: $dark-grey;
                  margin-bottom: 0.8em;
                  display: block;
              }
              a {
                  font-family: $atten;
                  font-size: 15px;
                  color: $dark-grey;
                  text-decoration: none;
                  background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                  background-position: bottom;
                  background-size: $bgDotted;
                  background-repeat: repeat-x;
                  padding-bottom: 0.6em;
              }
          }
      }
    }
  }
  
  .home-hero-section {
    background-color: $cream;
    .home-hero {
        display: flex;
        //align-items: center;
        //background-color: $cream;
        height: calc(50.32vw);
        //max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
        @media (max-width: 1023px) {
            flex-direction: column-reverse;
            padding-bottom: 4em;
            height: auto;
        }
        /*@media (min-width: 750px) {
            max-height: 45.3em;
            margin-left: auto;
            margin-right: auto;
        }
        @media (max-width: 749px) {
            height: auto;
        }*/
        .text-container-bg {
            width: 50%;
            @media (min-width: 1024px) {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }
            @media (max-width: 1023px) {
                width: 100%;
                //margin-top: 52%;
                margin-top: 50%;
            }
            /*@media only screen and (min-width: 750px) {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }*/
            .top-arch {
                text-align: right;
                //margin-bottom: -5em;
                @media only screen and (max-width: 749px) {
                    display: none;
                }
            }
            .text-container {
                //max-width: 32em;
                //margin: auto;
                //margin-left: 5.2em;
                margin-right: auto;
                padding: 0px 10px;
                margin-left: auto;
                max-width: 36em !important;
                @media only screen and (max-width: 749px) {
                    margin: auto;
                    padding: 0em 1.2em;
                    display: flex;
                    flex-direction: column;
                }
                h1 {
                    font-size: 60px;
                    line-height: 1.08;
                    color: #a6bfe0;
                    font-family: $allround;
                    font-weight: 100;
                    margin: 0;
                    @media (min-width: 1024px) {
                        margin-top: -8.8em;
                    }
                    @media only screen and (min-width: 750px) and (max-width: 1023px) {
                        margin-top: -4em;
                    }
                    @media only screen and (max-width: 749px) {
                        order: 2;
                        font-size: 45px;
                    }
                }
                p {
                    font-size: 20px;
                    color: $dark-grey;
                    font-family: $atten;
                    margin-bottom: 2.3em;
                    line-height: 1.5;
                    max-width: 19em;
                    @media only screen and (max-width: 749px) {
                        order: 3;
                        font-size: 18px;
                        margin-bottom: 1.2em;
                    }
                    b,
                    strong {
                    font-weight: 500;
                    }
                }
                > a {
                    font-family: $allround;
                    text-decoration: none;
                    letter-spacing: 2.67px;
                    color: $dark-grey;
                    text-transform: uppercase;
                    border-radius: 30px;
                    border: solid 1px;
                    padding: 1.2em 2.6em;
                    font-weight: 600;
                    @media only screen and (max-width: 749px) {
                        order: 4;
                        width: fit-content;
                    }
                }
                .pack-select {
                    display: flex;
                    align-items: center;
                    font-family: $atten;
                    margin-top: 3.4em;
                    @media only screen and (max-width: 749px) {
                        order: 1;
                        flex-wrap: wrap;
                        margin-top: 1.6em;
                        margin-bottom: 1.6em;
                    }
                    > div {
                        display: flex;
                        align-items: center;
                        span {
                            width: 30px;
                            height: 30px;
                            border-radius: 75px;
                            margin-right: 10px;
                            @media only screen and (max-width: 749px) {
                                width: 20px;
                                height: 20px;
                            }
                        }
                        &:not(:last-of-type) {
                            margin-right: 1em;
                        }
                        &.title {
                            font-size: 15px;
                            margin-right: 11px;
                            color: $dark-grey;
                            @media only screen and (max-width: 749px) {
                                width: 100%;
                                margin-bottom: 0.6em;
                            }
                        }
                        &:not(.title) {
                            cursor: pointer;
                            a {
                                font-size: 20px;
                                text-decoration: none;
                                color: $dark-grey;
                                display: flex;
                                align-items: center;
                                padding-top: 0.4em;
                                padding-bottom: 0.4em;
                                pointer-events: none;
                                @media only screen and (max-width: 749px) {
                                    font-size: 16px;
                                }
                                svg {
                                    max-width: 15px;
                                    max-height: 12px;
                                    margin-left: 9px;
                                }
                            }
                            &.active {
                                a {
                                    background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
                                    background-position: bottom;
                                    background-size: $bgDotted;
                                    background-repeat: repeat-x;
                                }
                            }
                        }
                    }
                }
            }
        }
        .image-container {
            width: 50%;
            position: relative;
            @media (max-width: 1023px) {
                width: 100%;
                margin-bottom: 50%;
            }
            img {
                width: 100%;
                opacity: 0.0;
                z-index: 8;
                position: absolute;
                width: 100%;
                right: 0;
                &.active {
                    z-index: 10;
                    opacity: 1.0;
                }
                &.last-active {
                    z-index: 9;
                }
                /*&:nth-of-type(2) {
                    transform: rotate(90deg);
                }
                &:nth-of-type(3) {
                    transform: rotate(180deg);
                }*/
            }
            .badge-container {
                z-index: 999;
                position: absolute;
                right: 0;
                bottom: 0;
                margin: 4em 3em;
                transform: rotate(13deg);
                @media (max-width: 1023px) {
                    margin-bottom: -95%;
                    margin-right: 15px;
                   //margin: 0em 1em;
                }
                span {
                    position: absolute;
                    top: 16%;
                    text-align: center;
                    max-width: 7.4em;
                    font-family: $atten;
                    padding: 1em;
                    color: $dark-grey;
                    z-index: 1;
                    @media (max-width: 1023px) {
                        top: 17%;
                        padding: 1.2em;
                        font-size: 14px;
                    }
                }
                svg {
                    -webkit-animation: spin 16s linear infinite;
                    -moz-animation: spin 16s linear infinite;
                    animation: spin 16s linear infinite;
                    @media (max-width: 1023px) {
                        max-width: 6em;
                    }
                }
            }
        }
    }
  }

  @-moz-keyframes spin {
    100% {-moz-transform: rotate(360deg);}
  }
  @-webkit-keyframes spin {
    100% {-webkit-transform: rotate(360deg);}
  }
  @keyframes spin {
    100% { -webkit-transform: rotate(360deg); transform:rotate(360deg);}
  }
  
  @-moz-keyframes fade {
    0%   {opacity:0}
    100% {opacity: 1}
  }
  @-webkit-keyframes fade {
    0%   {opacity:0}
    100% {opacity: 1}
  }
  @keyframes fade {
    0%   {opacity:0}
    100% {opacity: 1}
  }
  
  .home-intro-container {
      background-color: $light-blue;
      display: flex;
      flex-direction: column;
      padding: 4.4em 0;
      margin-top: -0.28em;
      @media (max-width: 749px) {
          padding: 1em 0.6em;
      }
      .top-star {
          padding: 0em 3.2em;
          margin-bottom: -1.2em;
          @media (max-width: 749px) {
              margin-bottom: 1em;
              padding: 0px 10px;
          }
      }
      .middle-container {
          display: flex;
          margin-bottom: -2.6em;
          z-index: 999;
          @media (max-width: 749px) {
              flex-direction: column;
              margin-bottom: 3em;
          }
          .heading-container {
              padding: 0px 10px;
              width: 50%;
              @media (max-width: 749px) {
                  width: 100%;
                  padding: 0px 20px;
              }
              h1 {
                  font-family: $allround;
                  color: $off-white;
                  line-height: 0.94;
                  font-size: 80px;
                  font-weight: normal;
                  margin: 0;
                  max-width: 7em;
                  margin-left: auto;
                  margin-right: -0.7em;
                  @media (max-width: 749px) {
                      font-size: 45px;
                      margin-left: 0;
                      line-height: 1.11;
                      margin-bottom: 0.4em;
                  }
              }
          }
          .text-container {
              padding: 15px 10px 0px 10px;
              width: 50%;
              @media (max-width: 749px) {
                  width: 100%;
                  padding: 0px 20px;
              }
              .text {
                  max-width: 30em;
                  a {
                      font-family: $allround;
                      letter-spacing: 2.67px;
                      font-size: 16px;
                      font-weight: 600;
                      color: $off-white;
                      border-radius: 30px;
                      border: solid 1px;
                      padding: 1.2em 1.8em;
                      text-decoration: none;
                      text-transform: uppercase;
                  }
                  p {
                      margin-top: 0;
                      font-size: 20px;
                      font-weight: 500;
                      line-height: 1.5;
                      color: $off-white;
                      font-family: $atten;
                      font-weight: 500;
                      margin-bottom: 2.5em;
                      @media (max-width: 749px) {
                          font-size: 18px;
                      }
                      a {
                        border: none;
                        padding: inherit;
                        text-transform: inherit;
                        text-decoration: underline;
                        font-size: 20px;
                        font-family: "AttenRound";
                        font-weight: 500;
                        letter-spacing: 0;
                    }
                  }
              }
          }
      }
      .bottom-star {
          padding: 0em 3.2em;
          text-align: right;
          @media (max-width: 749px) {
              display: none;
          }
      }
  }
  .wave-border {
      object-fit: cover;
      height: 3.2em;
      width: 100%;
  }
  
  .featured-items-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 80em;
      margin: 4em auto 6em auto;
      @media (max-width: 1150px) {
          flex-direction: column;
          padding: 0px 10px;
          margin: 4em auto 2.4em auto;
      }
      .image-container {
          padding: 0px 10px;
          .badge-container {
              position: relative;
              display: flex;
              justify-content: flex-end;
              margin-right: -3em;
              margin-bottom: -3em;
              @media (max-width: 749px) {
                  display: none;
              }
              svg {
                -webkit-animation: spin 16s linear infinite;
                -moz-animation: spin 16s linear infinite;
                animation: spin 16s linear infinite;
                path {
    				fill: #dbb870;
                }
              }
              .text-container {
                  position: absolute;
                  top: 0;
                  font-family: "AttenRound";
                  line-height: 1.13;
                  color: #fffaf5;
                  max-width: 6em;
                  text-align: center;
                  display: flex;
                  align-items: center;
                  height: 6em;
              }
          }
      }
      .text-container {
          padding: 0px 10px;
          @media (max-width: 1150px) {
            width: 100%;
            max-width: 37em;
          }
          .tc-1,
          .tc-2 {
              h2,
              h3 {
                  font-family: $allround;
                  font-weight: normal;
                  line-height: 1.08;
                  color: $light-blue;
                  margin-top: 0em;
                  margin-bottom: 0em;
              }
              p {
                  font-family: $atten;
                  color: $dark-grey;
                  line-height: 1.5;
              }
              a {
                  font-family: $allround;
                  text-decoration: none;
                  letter-spacing: 2.67px;
                  color: $dark-grey;
                  text-transform: uppercase;
                  border-radius: 30px;
                  border: solid 1px;
                  font-weight: 600;
              }
          }
          .tc-1 {
              max-width: 30em;
              margin-top: 2em;
              //margin-bottom: 11em;
              @media (max-width: 1150px) {
                  margin-top: 1.4em;
              }
              .heading {
                  display: flex;
                  h2 {
                      font-size: 60px;
                      @media (max-width: 1150px) {
                          font-size: 45px;
                      }
                  }
                  svg {
                      margin-top: -1.4em;
                      @media (max-width: 1150px) {
                          display: none;
                      }
                  }
              }
              p {
                  margin-bottom: 2.6em;
              }
              a {
                  padding: 1.2em 2.6em;
              }
          }
          .tc-2 {
              background-color: $cream;
              border-radius: 10px;
              padding: 3em 1em;
              margin-top: 9.6em;
              display: flex;
              align-items: center;
              @media (max-width: 1150px) {
                  margin-top: 5.4em;
                  flex-direction: column;
                  text-align: center;
              }
              img {
                  padding: 0px 10px;
              }
              .text-container {
                  padding: 0px 10px;
                  h3 {
                      font-size: 26px;
                  }
                  p {
                      max-width: 16em;
                      margin-top: 0.6em;
                      margin-bottom: 1.8em;
                      @media (max-width: 1150px) {
                          max-width: 100%;
                      }
                  }
                  a {
                      font-size: 13px;
                      padding: 1.2em 1.9em;
                  }
              }
          }
      }
  }
  
  .product-template {
      text-align: center;
      position: relative;
      img {
          margin-bottom: 0.2em;
      }
      .image-container {
          position: relative;
          /*@media (max-width: 749px) {
              position: relative;
          }*/
          &.oos {
              .atc-icon {
                  span {
                      color: #cccccc;
                  }
              }
              img {
                  opacity: 0.5;
              }
              .oos-badge {
                  position: absolute;
                  left: 0;
                  right: 0;
                  text-align: center;
                  top: 52%;
                  transform: translateY(-50%);
                  /*@media (max-width: 749px) {
                      top: 52%;
                  }*/
                  span {
                      position: absolute;
                      left: 0;
                      right: 0;
                      text-align: center;
                      top: 50%;
                      transform: translateY(-50%);
                      font-family: $atten;
                      font-size: 11px;
                      font-weight: bold;
                      color: #ffffff;
                      text-transform: uppercase;
                      padding: 4em;
                      line-height: 1.45;
                      letter-spacing: 1.83px;
                      max-width: 13em;
                      margin: auto;
                      @media (max-width: 749px) {
                          //padding: 3em;
                          font-weight: 500;
                      }
                  }
              }
          }
      }
      a {
          text-decoration: none;
          color: $dark-grey;
      }
      p {
          &.product-title {
              margin-top: 0.4em;
              margin-bottom: 0.2em;
              @media only screen and (max-width: 749px) {
                  margin-top: 0em;
              }
          }
      }
      .product-price-container {
        margin-top: 0.4em;
        color: $dark-grey;
        > .product-price {
            margin: 0;
        }
        .sale-price {
            padding: 0 !important;
            display: flex;
            .desktop-sale {
                display: flex;
                align-items: center;
                p {
                    margin: 0;
                }
                .sale, span {
                    padding: 2px 4px;
                }
                .sale-message {
                    padding-top: 3px;
                    padding-left: 2px;
                }
            }
            .desktop-sale,
            .mobile-sale {
                padding: 0 !important;
                .sale {
                    display: flex;
                    align-items: center;
                    .product-price {
                        font-family: $atten;
                        color: $error;
                        padding-left: 6px !important;
                    }
                    .sale-message {
                        font-family: $allround;
                        font-size: 12px;
                        font-weight: 500;
                        letter-spacing: 2px;
                        color: $error;
                        text-transform: uppercase;
                        //padding-left: 6px !important;
                    }
                }
            }
            .mobile-sale {
                .original {
                    display: flex;
                    align-items: center;
                    margin: 0;
                    line-height: 16px;
                    .sale {
                        color: #ff5454;
                        padding-left: 8px;
                        padding-top: 0px;
                    }
                }
                .sale {
                    padding: 0;
                    padding-top: 2px;
                    .sale-message {
                        padding-left: 0 !important;
                        padding-top: 4px;
                    }
                }
            }
        }
      }
      .product-badge {
          font-family: $allround;
          font-size: 12px;
          font-weight: 600;
          letter-spacing: 2px;
          color: $dark-gold;
          text-align: left;
          text-transform: uppercase;
          height: 1.2em;
          svg {
              margin-right: 6px;
              width: 13px;
              padding-bottom: 3px;
              mask {
                  display: none;
              }
          }
      }
      .atc-icon {
          @media (max-width: 749px) {
            margin-top: 1em;
          }
          button {
              background: none;
              border: none;
          }
          span {
              border-radius: 50%;
              border: solid 1px #dddddd;
              padding: 6px 5px;
          }
      }
  }
  
  .featured-collection-container {
      display: flex;
      max-width: 79em;
      margin: 4em auto 0em auto;
      @media (min-width: 750px) and (max-width: 1299px) {
          flex-direction: column;
      }
      @media (max-width: 749px) {
          flex-direction: column;
          margin: 2em auto -3em auto;
      }
      .newsletter-container {
          width: 24%;
          padding: 0px 10px;
          margin-right: 9%;
          @media (min-width: 750px) and (max-width: 1299px) {
              width: 100%;
              text-align: center;
              max-width: 40em;
              margin-left: auto;
              margin-right: auto;
          }
          @media (max-width: 749px) {
              width: 100%;
              padding: 0px 1.2em;
          }
          .star-shooting {
              text-align: right;
              margin-bottom: -1.4em;
              margin-right: 0.8em;
              @media (max-width: 749px) {
                  margin-right: 2em;
              }
          }
          h3 {
              font-size: 45px;
              line-height: 1.11;
              color: $light-blue;
              font-weight: 500;
              margin-bottom: 0em;
              @media (max-width: 749px) {
                  padding-right: 1em;
                  margin-top: 0.6em;
              }
          }
          p {
              line-height: 1.5;
              color: $dark-grey;
              margin-bottom: 1.4em;
          }
      }
      .featured-collection {
          width: 66%;
          padding: 0px 10px;
          position: relative;
          margin-top: 5.6em;
          @media (min-width: 750px) and (max-width: 1299px) {
              width: 100%;
              max-width: 55em;
              margin-left: auto;
              margin-right: auto;
              padding: 0px 3em;
          }
          @media (max-width: 749px) {
              width: 100%;
          }
          .featured-collection-swiper {
              .home-product {
                  &:nth-child(odd) {
                      img {
                          animation: up-down 2.5s infinite ease-in-out alternate;
                      }
                  }
                  &:nth-child(even) {
                      img {
                          animation: down-up 2.5s infinite ease-in-out alternate;
                      }
                  }
              }
              .fc-arrow {
                  @media (max-width: 749px) {
                      display: none;
                  }
              }
          }
          .fc-arrow {
              top: 35%;
              @media (max-width: 749px) {
                  display: none;
              }
              &.swiper-button-prev {
                  left: -10px;
                  right: auto;
                  @media (min-width: 750px) and (max-width: 1299px) {
                      left: 8px;
                  }
              }
              &.swiper-button-next {
                  right: -10px;
                  left: auto;
                  @media (min-width: 750px) and (max-width: 1299px) {
                    right: 8px;
                  }
              }
          }
      }
  }
  
  @keyframes up-down {
      from{
        transform: translatey(0px);
      }
      to{
        transform: translatey(-20px);
      }
  }
  
  @keyframes down-up {
      from{
        transform: translatey(-20px);
      }
      to{
        transform: translatey(0px);
      }
  }
  
  .testimonials-container {
      margin-top: 2em;
      margin-bottom: 7em;
      @media (max-width: 749px) {
          padding: 0em 1.2em;
          margin-top: 2.4em;
          margin-bottom: 9em;
      }
      .testimonial-icon {
          text-align: center;
          margin-bottom: 2.2em;
      }
      .testimonial-swiper {
          .testimonial {
              border-radius: 10px;
              background-color: $cream;
              text-align: center;
              padding: 1.4em 2.5em 1.4em 2.5em;
              @media (max-width: 749px) {
                  padding: 1.4em 2em;
              }
              &:not(.swiper-slide-active) {
                  opacity: 0.5;
              }
              .testimonial-text {
                  font-family: $atten;
                  color: $dark-grey;
                  line-height: 1.5;
                  @media (max-width: 749px) {
                      font-size: 14px;
                  }
              }
              .author {
                  font-size: 13px;
                  text-transform: uppercase;
                  font-family: $allround;
                  letter-spacing: 2.17px;
                  color: #000;
                  font-weight: bold;
                  margin-top: 1em;
              }
          }
      }
      .testimonial-arrow {
          @media (max-width: 749px) {
              display: none;
          }
          svg {
              width: 32px;
              height: 32px;
              g {
                  fill: none;
                  stroke: $dark-grey;
                  path {
                      fill: $dark-grey;
                      stroke: none;
                  }
              }
          }
          &.swiper-button-prev {
              left: 26%;
          }
          &.swiper-button-next {
              right: 26%;
          }
          &:after {
              content: none;
          }
      }
      .testimonial-button {
          text-align: center;
          padding: 0px 10px;
          margin-top: 4.4em;
          @media (max-width: 749px) {
              margin-top: 3.8em;
          }
          a {
              text-align: center;
              padding: 1.2em 2.1em;
              letter-spacing: 2.67px;
              color: #000;
              text-transform: uppercase;
              border-radius: 30px;
              border: solid 1px;
              font-weight: 600;
              text-decoration: none;
              font-family: $allround;
          }
      }
  }
  
  .swiper-pagination {
      position: relative !important;
      margin: 1.8em 0 0em 0;
      @media (min-width: 750px) {
          display: none;
      }
      .swiper-pagination-bullet {
          background: none;
          width: 7px;
          height: 7px;
          border: 1px solid #151515;
          opacity: 1;
          &.swiper-pagination-bullet-active {
              background: #151515;
          }
          &:not(:last-of-type) {
              margin-right: 8px;
          }
      }
  }
  
  footer {
      background-color: $cream;
      padding-top: 4em;
      padding-bottom: 1em;
      .star-cluster {
          padding: 0px 10px 16px 10px;
          max-width: 85em;
          margin: auto;
          margin-top: -7em;
          @media (max-width: 749px) {
              padding: 0px 3em;
          }
          svg {
              width: 5.2em;
              g {
                  opacity: 1;
                  path {
                      mask: none;
                  }
              }
          }
      }
      .instagram-container {
          .heading {
              display: flex;
              align-items: center;
              justify-content: space-between;
              max-width: 80em;
              padding: 0px 10px;
              margin: auto;
              @media (max-width: 749px) {
                  flex-direction: column;
                  align-items: flex-start;
                  padding: 0px 1.2em;
              }
              h3 {
                  font-family: $allround;
                  font-size: 45px;
                  color: $light-blue;
                  font-weight: 500;
                  margin: 0.4em 0;
              }
              a {
                  font-family: $atten;
                  font-size: 15px;
                  color: $dark-grey;
                  text-decoration: none;
                  display: flex;
                  align-items: center;
                  background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                  background-position: bottom;
                  background-size: $bgDotted;
                  background-repeat: repeat-x;
                  padding-bottom: 0.6em;
                  svg {
                      width: 13px;
                      margin-left: 0.9em;
                  }
              }
          }
          .snapppt-container {
            max-width: 79em;
            margin-left: auto;
            margin-right: auto;
            margin-top: 2em;
            padding-bottom: 4em;
            @media (max-width: 749px) {
                padding: 0px 1.2em;
                padding-bottom: 1.8em;
            }
            .snptwdgt-container {
                > div {
                    &:nth-last-child(2) {
                        display: none;
                        z-index: -999;
                    }
                }
            }
            .snptwdgt-pagr {
                display: none;
            }
          }
          #insta-feed {
              max-width: 81em;
              margin-bottom: 8em;
              @media (max-width: 749px) {
                  margin-bottom: 5.6em;
              }
              .instafeed-container {
                  padding-top: 18% !important;
                  width: 18% !important;
                  img {
                      width: 92% !important;
                      height: 92% !important;
                  }
                  .instafeed-overlay  {
                      &:after {
                          width: 92%;
                          height: 92%;
                          margin-left: 9px;
                      }
                  }
              }
              a {
                  &:not(:nth-last-child(2)) {
                      .instafeed-container {
                          margin-right: 2%;
                      }
                  }
              }
          }
      }
      .footer-container {
          max-width: 80em;
          //padding: 0px 10px;
          margin: auto;
          .top-container {
              display: flex;
              justify-content: space-between;
              padding: 0px 10px;
              margin-bottom: 2.4em;
              margin-top: -1em;
              @media (max-width: 749px) {
                  flex-direction: column-reverse;
                  padding: 0px 1.2em;
                  margin-bottom: 2em;
              }
              .menu-container {
                  display: flex;
                  @media (max-width: 749px) {
                      flex-wrap: wrap;
                  }
                  .column-1,
                  .column-2 {
                      padding-right: 4.4em;
                      @media (max-width: 1000px) {
                          padding-right: 3em;
                          width: 50%;
                      }
                      @media (max-width: 749px) {
                          padding-right: 0;
                          width: 50%;
                      }
                  }
                  .column-2 {
                      .explore {
                          .menu-item {
                              margin-bottom: 2em;
                          }
                      }
                      .customer {
                          @media (max-width: 749px) {
                              display: none;
                          }
                      }
                  }
                  .column-3-mobile {
                      padding-right: 0;
                      width: 50%;
                      @media (min-width: 750px) {
                          display: none;
                      }
                  }
                  .column-3 {
                      @media (max-width: 749px) {
                          padding-right: 0;
                          width: 50%;
                      }
                      .contact {
                          margin-bottom: 2.2em;
                          @media (max-width: 749px) {
                              margin-bottom: 0em;
                          }
                          a {
                              text-decoration: none;
                              color: $dark-grey;
                              font-size: 15px;
                              font-family: $atten;
                          }
                      }
                      .social {
                          ul {
                              list-style: none;
                              padding: 0;
                              display: flex;
                              @media (max-width: 749px) {
                                  margin-top: -4px;
                              }
                              li {
                                  svg {
                                      color: #000;
                                      height: 16px;
                                      width: auto;
                                  }
                                  &:not(:last-of-type) {
                                      padding-right: 20px;
                                  }
                              }
                          }
                      }
                  }
                  .title {
                      text-transform: uppercase;
                      font-family: $allround;
                      font-size: 14px;
                      font-weight: 600;
                      letter-spacing: 2px;
                      color: $dark-grey;
                      margin-top: 0em;
                  }
                  ul {
                      &.menu-item {
                          list-style: none;
                          padding: 0;
                          li {
                              a {
                                  display: block;
                                  padding-bottom: 0.8em;
                                  font-family: $atten;
                                  font-size: 15px;
                                  color: $dark-grey;
                                  text-decoration: none;
                              }
                          }
                      }
                  }
              }
              .right-container {
                  max-width: 30em;
                  @media (max-width: 749px) {
                      max-width: 100%;
                  }
                  .top-container {
                      @media (max-width: 749px) {
                          flex-direction: column;
                          text-align: center;
                          margin-bottom: 3em;
                          margin-left: auto;
                          margin-right: auto;
                      }
                      .subscription-text {
                        @media (min-width: 750px) and (max-width: 1000px) {
                            padding: 0px 10px;
                        }
                          h4 {
                              text-transform: uppercase;
                              font-size: 14px;
                              font-weight: bold;
                              letter-spacing: 2px;
                          }
                          a {
                              text-decoration: none;
                              color: $dark-grey;
                              font-family: $atten;
                              font-size: 15px;
                              background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                              background-position: bottom;
                              background-size: $bgDotted;
                              background-repeat: repeat-x;
                              padding-bottom: 0.6em;
                              svg {
                                  width: 0.87em;
                                  margin-left: 12px;
                              }
                          }
                      }
                  }
              }
          }
          .bottom-container {
              //padding: 0px 10px;
              @media (min-width: 750px) and (max-width: 1000px) {
                padding: 0px 10px;
              }
              @media (max-width: 749px) {
                margin-bottom: 4em;
              }
              h3 {
                  font-weight: normal;
                  font-size: 26px;
                  color: $light-blue;
                  margin-top: 0em;
                  margin-bottom: 0em;
              }
              p {
                  line-height: 1.5;
                  margin-top: 0.7em;
                  color: $dark-grey;
              }
          }
          .separator {
              border-style: dashed;
              height: 2px;
              border-bottom: none;
              border-left: none;
              border-right: none;
              margin-top: 7.6em;
              margin-left: 10px;
              margin-right: 10px;
              @media (max-width: 749px) {
                  margin-top: 2em;
                  margin-left: 1.2em;
                  margin-right: 1.2em;
              }
          }
          .copyright {
              display: flex;
              justify-content: space-between;
              padding: 0px 10px;
              @media (max-width: 749px) {
                  padding: 0.4em 1.2em;
              }
              p {
                  font-size: 13px;
                  margin-top: 0.8em;
                  margin-bottom: 0.8em;
                  @media (max-width: 749px) {
                      font-size: 11px;
                  }
                  a {
                      color: $dark-grey;
                      text-decoration: none;
                      &.policy-link {
                          margin-left: 1em;
                      }
                  }
              }
          }
          .footer-badge {
            max-width: 28em;
          }
      }
  }
  
  .stickii-club-container {
      .arch {
          margin-bottom: -0.26em;
          z-index: -1;
          svg {
              @media only screen and (max-width: 1200px) {
                  max-width: 7.6em;
              }
          }
      }
      .stickii-club {
          display: flex;
          //align-items: flex-end;
          background-color: $cream;
          @media only screen and (max-width: 1200px) {
              flex-direction: column-reverse;
              margin-top: -1.8em;
          }
          .text-container-bg {
              width: 50%;
              position: relative;
              @media only screen and (max-width: 1200px) {
                  width: 100%;
              }
              .stars {
                  text-align: right;
                  padding: 4em;
                  @media only screen and (max-width: 1200px) {
                      padding: 1em 1em;
                  }
              }
              .text-container {
                  padding: 1em;
                  max-width: 33em;
                  //margin: 3.8em 4.3em 3.8em auto;
                  position: absolute;
                  bottom: 4.5em;
                  margin-left: 7em;
                  @media only screen and (max-width: 1200px) {
                      position: relative;
                      margin-left: 0em;
                      max-width: 100%;
                  }
                  h3 {
                      font-family: $allround;
                      font-size: 45px;
                      line-height: 1.11;
                      color: $light-blue;
                      font-weight: 500;
                      margin-bottom: 0.5em;
                      @media only screen and (max-width: 1200px) {
                          padding-right: 1em;
                      }
                  }
                  .badges-container {
                      display: flex;
                      align-items: center;
                      .badge-container {
                          &:not(:last-of-type) {
                              margin-right: 1.4em;
                          }
                      }
                  }
                  p {
                      font-family: $atten;
                      font-size: 20px;
                      line-height: 1.5;
                      color: $dark-grey;
                      margin-bottom: 2.2em;
                      @media only screen and (max-width: 1200px) {
                          font-size: 19px;
                      }
                      strong {
                          font-weight: 500;
                      }
                  }
                  a {
                      padding: 1.2em 2.1em;
                      font-family: "AllRound";
                      text-decoration: none;
                      letter-spacing: 2.67px;
                      color: #1a1a1c;
                      text-transform: uppercase;
                      border-radius: 30px;
                      border: solid 1px;
                      font-weight: 600;
                  }
              }
          }
          .image-container {
              position: relative;
              width: 50%;
              @media only screen and (max-width: 1200px) {
                  width: 100%;
              }
              img {
                  width: 100%;
              }
              .text-container {
                  position: absolute;
                  //left: 3em;
                  //bottom: 3em;
                  left: 0em;
                  bottom: 0em;
                  padding: 2.8em 3.6em;
                  font-family: $atten;
                  line-height: 1.5;
                  color: $dark-grey;
                  z-index: 1;
                  @media only screen and (max-width: 1200px) {
                      padding: 0.4em 1.2em;
                  }
              }
          }
      }
  }
  
  .countdown {
    display: flex;
    align-items: center;
    background-color: #cddbed;
    font-family: $atten;
    font-size: 20px;
    color: $dark-grey;
    padding: 1.4em 10px 1.2em 10px;
    justify-content: center;
    margin-top: -0.2em;
    //margin-bottom: 3.8em;
    @media (max-width: 749px) {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.2em 1em 1.6em 1em;
    }
    #counter {
        padding-bottom: 0.2em;
    }
    .button-container {
        margin-left: 1.1em;
        border-bottom: 1px dashed;
        padding-bottom: 0.2em;
        text-decoration: none;
        color: $dark-grey;
        @media (max-width: 749px) {
            margin-top: 0.5em;
            margin-left: 0;
        }
        svg {
            max-width: 13px;
            margin-left: 0.5em;
        }
    }
}

  /* Breadcrumbs */
  .breadcrumbs {
      a, span {
          font-family: $atten;
          font-size: 11px;
          color: $dark-grey;
          text-decoration: none;
      }
  }

  /* Regular page */
  .page-template {
    margin-bottom: 8em;
    max-width: 80em;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    .heading {
        h1 {
            text-align: center;
            font-weight: 500;
            color: $light-blue;
            font-size: 45px;
        }
    }
    .rte {
        font-family: "AttenRound";
        color: #1a1a1c;
        line-height: 1.5;
        a {
            color: #1a1a1c;
        }
    }
  }
  /** Regular page **/

  /* Product page */
  .product-master {
      margin-top: 2.2em;
      @media (max-width: 749px) {
        margin-top: 1em;
      }
      .product-page-template {
          display: flex;
          max-width: 79em;
          margin: auto;
          margin-bottom: 4em;
          padding: 0px 10px;
          @media (max-width: 749px) {
              flex-direction: column;
              margin-bottom: 1.8em;
          }
          .desktop-hide {
              .breadcrumbs {
                padding: 0px 10px;
                margin-bottom: 1em;
            }
          }
          .product-image {
              width: 60%;
              padding-right: 3em;
              @media (max-width: 749px) {
                  width: 100%;
                  padding-right: 0;
                  padding: 0em 0.7em;
              }
              .product-description-container {
                  @media (max-width: 749px) {
                    padding: 0;
                  }
              }
              .product-images-container {
                  display: flex;
                  &:not(.noBorder) {
                    @media (min-width: 750px) {
                        background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                        background-position: bottom;
                        background-size: $bgDotted;
                        background-repeat: repeat-x;
                        padding-bottom: 2em;
                    }
                  }
                  @media (max-width: 749px) {
                      flex-direction: column-reverse;
                      padding-bottom: 1em;
                  }
                  .image-thumbs {
                      width: 10%;
                      @media (max-width: 749px) {
                          width: 100%;
                          margin-top: 1em;
                      }
                      .swiper-slide {
                          text-align: center;
                          cursor: pointer;
                          /*&:not(.swiper-slide-thumb-active) {
                              img {
                              }
                          }*/
                          &.swiper-slide-thumb-active {
                              @media (max-width: 749px) {
                                  .thumb-image {
                                    opacity: 1 !important;
                                  }
                              }
                          }
                          a {
                              &.active {
                                  @media (min-width: 750px) {
                                      .thumb-image {
                                        opacity: 1 !important;
                                      }
                                  }
                              }
                              img {
                                max-height: 4em;
                                opacity: 0.5;
                              }
                          }
                      }
                  }
                  .image-main {
                      width: 90%;
                      @media (max-width: 749px) {
                          width: 100%;
                      }
                      &.single-image {
                          width: 100%;
                          text-align: center;
                      }
                      .gallery-main {
                          .swiper-slide {
                              text-align: center;
                              display: grid;
                              a {
                                  float: left;
                                  img {
                                      //width: 100%;
                                      max-height: 546px;
                                      width: auto;
                                  }
                              }
                          }
                      }
                  }
              }
              .product-community {
                  position: relative;
                  display: flex;
                  margin-top: 2.6em;
                  @media (max-width: 749px) {
                      flex-direction: column;
                  }
                  .text-container {
                      width: 40%;
                      padding-right: 2em;
                      @media (max-width: 749px) {
                          width: 100%;
                          padding: 0;
                          text-align: center;
                      }
                      h5 {
                          font-size: 26px;
                          line-height: 1.23;
                          color: #a4bee3;
                          font-weight: 100;
                          margin-top: 0;
                          margin-bottom: 0.4em;
                          max-width: 10em;
                          @media (max-width: 749px) {
                            max-width: 100%;
                          }
                      }
                      p {
                          margin-top: 0em;
                          line-height: 1.5;
                          max-width: 10em;
                          @media (max-width: 749px) {
                            max-width: 100%;
                          }
                          a {
                            color: $dark-grey;
                            text-decoration: none;
                          }
                      }
                  }
                  .community-thumbs-container {
                      width: 60%;
                      position: relative;
                      padding: 0em 2em;
                      margin-right: 2em;
                      @media (max-width: 749px) {
                          width: 100%;
                          padding: 0;
                          margin: 0;
                          max-width: 84%;
                          margin-left: auto;
                          margin-right: auto;
                      }
                      .community-thumbs {
                          //margin-left: 1em;
                          .swiper-wrapper {
                              text-align: center;
                              .swiper-slide {
                                  img {
                                     //max-width: 10em;
                                      margin-bottom: 0.4em;
                                      max-height: 10.3em;
                                  }
                                  p {
                                      font-family: $allround;
                                      text-align: left;
                                      max-width: 13.4em;
                                      margin: auto;
                                      text-transform: uppercase;
                                      font-size: 12px;
                                      font-weight: 500;
                                      letter-spacing: 1.71px;
                                      word-break: break-word;
                                      @media (max-width: 749px) {
                                          max-width: 100%;
                                          text-align: center;
                                          padding-top: 6px;
                                      }
                                  }
                              }
                          }
                      }
                      .swiper-button-prev {
                          left: -1.6em;
                      }
                      .swiper-button-next {
                          right: -1.6em;
                      }
                  }
              }
          }
          .product-description-container {
              width: 40%;
              @media (max-width: 749px) {
                  width: 100%;
                  padding: 0em 0.7em;
              }
              .product-description {
                  #rc_container {
                      display: none !important;
                  }
                  .breadcrumbs {
                      margin-bottom: 1em;
                  }
                  .product-badge {
                      font-family: $allround;
                      font-size: 12px;
                      font-weight: 500;
                      letter-spacing: 2px;
                      color: $dark-gold;
                      text-transform: uppercase;
                      //margin-bottom: -1.6em;
                      @media (max-width: 749px) {
                          font-size: 10px;
                          margin-bottom: 0.8em;
                      }
                      svg {
                          margin-right: 6px;
                          width: 13px;
                          padding-bottom: 3px;
                          @media (max-width: 749px) {
                              width: 12px;
                          }
                          mask {
                              display: none;
                          }
                      }
                  }
                  h1 {
                      font-family: $allround;
                      font-size: 36px;
                      line-height: 1.28;
                      color: $light-blue;
                      font-weight: 500;
                      margin-top: 0;
                      margin-bottom: 0.4em;
                      @media (max-width: 749px) {
                          font-size: 26px;
                          margin-bottom: 0.6em;
                      }
                  }
                  .form-container {
                      background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                      background-position: bottom;
                      background-size: $bgDotted;
                      background-repeat: repeat-x;
                      padding-bottom: 2em;
                      @media (max-width: 749px) {
                          padding-bottom: 2.8em;
                      }
                      form {
                          .price-container {
                              display: flex;
                              justify-content: space-between;
                              .price {
                                  font-family: $atten;
                                  font-size: 20px;
                                  color: $dark-grey;
                                  margin-bottom: 1em;
                                  display: flex;
                                  align-items: center;
                                  @media (max-width: 749px) {
                                      font-size: 18px;
                                      margin-bottom: 1.2em;
                                  }
                                  .scarcity {
                                    font-style: italic;
                                    padding-left: 1em;
                                    display: none;
                                  }
                                  .hasDiscount {
                                      color: #ff5454;
                                      padding-left: 6px !important;
                                      p {
                                          display: inline-block;
                                          margin: 0;
                                          font-family: $allround;
                                          font-size: 16px;
                                          font-weight: 500;
                                          letter-spacing: 2px;
                                          color: #ff5454;
                                          text-transform: uppercase;
                                          padding-left: 6px !important;
                                          vertical-align: middle;
                                          padding-bottom: 4px;
                                      }
                                  }
                              }
                              .wishlist {
                                  #ZlistWishlist {
                                      margin: 0;
                                      @media only screen and (max-width: 749px) {
                                          label {
                                              margin-right: 0;
                                              p, i {
                                                  margin-right: 0;
                                                  padding-right: 0;
                                              }
                                          }
                                      }
                                      .zooomywishmsg {
                                          padding: 0;
                                      }
                                      .emptymsg { 
                                          display: none;
                                      }
                                      #ZooomyList,
                                      .emptymsg {
                                          &:first-of-type {
                                            @media only screen and (max-width: 749px) {
                                              display: none;
                                            }
                                          }
                                      }
                                      #ZooomyList {
                                          &:not(:first-of-type) {
                                              display: none;
                                          }
                                      }
                                  }
                              }
                          }
                          .og-dropdown,
                          input[type=radio],
                          .selector-wrapper {
                             display: none;
                          }
                          #product-radios {
                              //margin: 1.1em 0em 3em 0em;
                              margin-bottom: 2em;
                              label {
                                  font-size: 14px;
                                  color: $dark-grey;
                                  font-family: $atten;
                                  padding: 0.7em 0.9em;
                                  border: solid 1px #cccccc;
                                  margin: 0.6em 0em 0.2em 0em;
                                  display: inline-block;
                                  &:not(:last-of-type) {
                                      margin-right: 0.8em;
                                  }
                                  &:hover {
                                      opacity: 0.8;
                                  }
                                  &.soldout {
                                      opacity: 0.4;
                                      //pointer-events: none;
                                  }
                              }
                              input[type=radio]:checked + label:not(.soldout) {
                                  border: 2px solid;
                              }
                          }
                          .quantity-atc {
                              display: flex;
                              .qtybox {
                                  border-radius: 30px;
                                  border: solid 1px #cccccc;
                                  padding: 1em 1em;
                                  display: flex;
                                  margin-right: 6px;
                                  width: 36%;
                                  .btnqty {
                                      padding: 0.8em;
                                      display: flex;
                                      justify-content: center;
                                      align-items: center;
                                      cursor: pointer;
                                      font-family: $atten;
                                      width: 20%;
                                  }
                                  input {
                                      text-align: center;
                                      width: 100%;
                                      font-family: $atten;
                                      letter-spacing: 1px;
                                      color: $dark-grey;
                                      max-width: 9em;
                                      border: none;
                                      width: 60%;
                                      &::-webkit-inner-spin-button, 
                                      &::-webkit-outer-spin-button { 
                                          -webkit-appearance: none; 
                                          margin: 0; 
                                      }
                                      -moz-appearance: textfield;
                                  }
                              }
                              button {
                                  width: 64%;
                                  border-radius: 30px;
                                  border: 1px solid $dark-grey;
                                  background: none;
                                  margin-left: 0.8em;
                                  @media only screen and (max-width: 749px) {
                                      margin-left: 0.2em;
                                  }
                                  &:disabled {
                                      border: 1px solid;
                                      cursor: default;
                                      span {
                                          color: inherit;
                                      }
                                  }
                                  span {
                                      font-family: $allround;
                                      font-weight: 600;
                                      letter-spacing: 2.67px;
                                      text-align: center;
                                      color: #000000;
                                      text-transform: uppercase;
                                  }
                                  svg {
                                      height: 22px;
                                      margin-bottom: 5px;
                                      margin-left: 6px;
                                  }
                              }
                          }
                      }
                      .stickii-club {
                          margin-top: 1.8em;
                          @media only screen and (max-width: 749px) {
                              margin-top: 2.4em;
                          }
                          img {
                              width: 100%;
                              border-radius: 8px;
                          }
                      }
                      .floating-atc-container {
                        position: fixed;
                        top: 0;
                        left: 0;
                        width: 100%;
                        z-index: 999;
                        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
                        background-color: #ffffff;
                        //display: none;
                        transform: translateY(-100%);
                        -webkit-transition: all .4s ease;
                        -moz-transition: all .4s ease;
                        -o-transition: all .4s ease;
                        -ms-transition: all .4s ease;
                        transition: all .4s ease;
                        transition-property: transform;
                        .floating-atc {
                            display: flex;
                            justify-content: center;
                            width: 100%;
                            align-items: center;
                            height: 4.4em;
                            .price {
                                width: 20%;
                                text-align: center;
                                padding: 0px 10px;
                                font-size: 18px;
                                font-family: $atten;
                            }
                            button {
                                width: 80%;
                                text-align: center;
                                border-radius: 30px;
                                border: 1px solid #1a1a1c;
                                background: none;
                                margin-left: 1.2em;
                                padding: 0.6em 1em;
                                max-width: 13.4em;
                                &:disabled {
                                    border: 1px solid;
                                    cursor: default;
                                    span {
                                        color: inherit;
                                    }
                                }
                                span {
                                    font-family: $allround;
                                    font-weight: 600;
                                    letter-spacing: 2.13px;
                                    text-align: center;
                                    color: #000000;
                                    text-transform: uppercase;
                                    font-size: 13px;
                                }
                                svg {
                                    height: 22px;
                                    margin-bottom: 5px;
                                    margin-left: 6px;
                                }
                            }
                        }
                      }
                      .klaviyo-bis-trigger {
                        border-radius: 30px;
                        border: 1px solid;
                        color: $dark-grey;
                        display: block;
                        margin-top: 1.5em !important;
                        font-family: $allround;
                        text-transform: uppercase;
                        letter-spacing: 2.67px;
                        padding: 1.3em 1em;
                      }
                  }
                  .review-stars {
                      background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                      background-position: bottom;
                      background-size: $bgDotted;
                      background-repeat: repeat-x;
                      padding: 1em 0;
                      display: flex;
                      align-items: center;
                      @media (max-width: 749px) {
                          padding: 0.8em 0;
                      }
                      .title {
                          font-family: $allround;
                          font-size: 14px;
                          text-transform: uppercase;
                          font-weight: 600;
                          letter-spacing: 2px;
                          color: $dark-grey;
                          width: 16%;
                          @media (max-width: 749px) {
                              width: 25%;
                          }
                      }
                      .jdgm-widget {
                          width: 84%;
                          @media (max-width: 749px) {
                              width: 75%;
                          }
                          .jdgm-prev-badge {
                              display: flex !important;
                              justify-content: space-between;
                              padding-left: 10px;
                              .jdgm-prev-badge__stars {
                                  padding-bottom: 5px;
                                  .jdgm-star {
                                      font-size: 9px;
                                      @media (max-width: 749px) {
                                          font-size: 12px;
                                      }
                                  }
                              }
                              .jdgm-prev-badge__text {
                                  font-family: $atten;
                                  color: $atten;
                                  text-decoration: underline;
                                  span {
                                      display: inline-block;
                                      padding-right: 1.4em;
                                  }
                              }
                          }
                      }
                  }
                  .description-container {
                      background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                      background-position: bottom;
                      background-size: $bgDotted;
                      background-repeat: repeat-x;
                      padding-bottom: 2em;
                      @media (max-width: 749px) {
                          padding-bottom: 1.6em;
                      }
                      .title {
                          font-family: $allround;
                          font-size: 14px;
                          font-weight: 600;
                          letter-spacing: 2px;
                          color: $dark-grey;
                          text-transform: uppercase;
                          padding: 1.6em 0 1.2em 0;
                          @media (max-width: 749px) {
                              padding: 1.8em 0 0.6em 0;
                          }
                      }
                      .description {        
                          font-family: $atten;
                          line-height: 1.5;
                          color: $dark-grey;
                          > {
                              font-family: $atten;
                              line-height: 1.5;
                              color: $dark-grey;
                          }
                          a strong, a {
                              color: #1a1a1c;
                              font-weight: 500;
                          }
                          b, strong {
                              font-weight: 500;
                          }
                      }
                  }
                  .product-themes {
                      margin-top: 1.8em;
                      @media (max-width: 749px) {
                          background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                          background-position: bottom;
                          background-size: 4px 1px;
                          background-repeat: repeat-x;
                          padding-bottom: 2em;
                      }
                      .title {
                          font-family: $allround;
                          font-size: 14px;
                          font-weight: 600;
                          letter-spacing: 2px;
                          color: $dark-grey;
                          text-transform: uppercase;
                          margin-bottom: 0.4em;
                      }
                      a {
                          text-transform: capitalize;
                          text-decoration: none;
                          font-family: $atten;
                          line-height: 2.5;
                          margin-right: 0.6em;
                          color: $dark-grey;
                          background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                          background-position: bottom;
                          background-size: $bgDotted;
                          background-repeat: repeat-x;
                          padding-bottom: 0.4em;
                      }
                  }
              }
          }
      }
      .advanced-info-sticky {
          background-color: $cream;
          margin-bottom: 4em;
          padding-top: 6em;
          padding-bottom: 6em;
          @media only screen and (max-width: 749px) {
            margin-bottom: 0;
            padding: 0px 20px;
            padding-top: 4.4em;
            padding-bottom: 3em;
          }
          .advanced-info-section {
              display: flex;
              max-width: 72em;
              margin-left: auto;
              margin-right: auto;
              @media only screen and (max-width: 749px) {
                flex-direction: column;
              }
              .image-container,
              .text-container {
                  padding-top: 1em;
              }
              .image-container {
                  width: 50%;
                  @media only screen and (max-width: 749px) {
                    width: 100%;
                  }
                  .product-images-container {
                      max-width: 30em;
                      img {
                          width: 100%;
                      }
                      .advanced-gallery-main {
                          margin-bottom: 1.2em;
                          @media only screen and (max-width: 749px) {
                            margin-bottom: 0em;
                          }
                      }
                  }
                  .main-image {
                      img {
                          border-radius: 20px;
                      }
                  }
                  .gallery {
                      .swiper-slide {
                          img {
                              border-radius: 10px;
                              cursor: pointer;
                              border: 1px solid #fffaf5;
                          }
                          &.swiper-slide-thumb-active {
                              img {
                                  border: 1px solid $light-gold;
                              }
                          }
                          &:not(.swiper-slide-thumb-active) {
                              img {
                                  opacity: 0.8;
                              }
                          }
                      }
                  }
              }
              .separator {
                  background-image: linear-gradient(to bottom, #000 33%, rgba(255,255,255,0) 0%);
                  background-position: bottom;
                  background-size: 1px 4px;
                  background-repeat: repeat-y;
                  display: block;
                  width: 1px;
                  @media only screen and (max-width: 749px) {
                    display: none;
                  }
              }
              .text-container {
                  width: 50%;
                  max-width: 23.4em;
                  margin: 0em 6em;
                  @media only screen and (max-width: 749px) {
                    width: 100%;
                    margin: 0;
                    padding-top: 3em;
                  }
                  h3 {
                      font-size: 36px;
                      color: $light-blue;
                      margin-top: 0em;
                      margin-bottom: 0em;
                      font-weight: 500;
                      @media only screen and (max-width: 749px) {
                        font-size: 26px;
                      }
                  }
                  .info-icons {
                    display: flex;
                    margin: 1em 0em;
                    @media only screen and (max-width: 749px) {
                        margin: 2em 0em;
                    }
                    .icon-group {
                        &:not(:last-of-type) {
                            padding-right: 1em;
                            @media only screen and (max-width: 749px) {
                                padding-right: 1.2em;
                            }
                        }
                        img {
                            @media only screen and (max-width: 749px) {
                                max-width: 4.4em;
                            }
                        }
                    }
                  }
                  p {
                      font-size: 14px;
                      line-height: 1.57;
                      color: #1a1a1d;
                      strong {
                          font-family: 'AllRound';
                          letter-spacing: 1.57px;
                          font-size: 11px;
                      }
                  }
              }
          }
      }
      .banner-image {
          text-align: center;
          padding: 0px 10px;
          max-width: 61em;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 4em;
          &.has-advanced {
              margin-top: 6.6em;
              @media only screen and (max-width: 749px) {
                margin-top: 0em;
                margin-bottom: 3em;
                padding: 0;
              }
          }
          img {
              width: 100%;
          }
      }
      .product-recommendations-container {
          max-width: 79em;
          margin: auto;
          padding: 0px 10px;
          position: relative;
          @media only screen and (max-width: 749px) {
              padding: 0px;
          }
          .title {
              padding: 0px 10px;
              text-align: center;
              display: flex;
              align-items: center;
              justify-content: center;
              margin-bottom: 1.4em;
              .stars {
                  @media only screen and (max-width: 749px) {
                      display: none;
                  }
              }
              h2 {
                  padding-left: 0.6em;
                  font-weight: 500;
                  font-size: 36px;
                  color: $light-blue;
                  @media only screen and (max-width: 749px) {
                      padding-left: 0em;
                      font-size: 26px;
                  }
              }
          }
          .recommendations-swiper {
              width: 86%;
              @media only screen and (max-width: 749px) {
                  width: 100%;
              }
              .add-button,
              .added-button {
                  @media only screen and (max-width: 749px) {
                      padding: 0.3em 0.4em 0.3em 0.45em !important;
                      svg {
                          width: 1em !important;
                          height: 1em !important;
                      }
                  }
              }
              .atc-icon {
                  &:not(.icon) {
                      @media only screen and (max-width: 749px) {
                          margin-top: 0.4em;
                      }
                  }
              }
          }
          .fc-arrow {
              top: 56%;
              @media (max-width: 749px) {
                  display: none;
              }
          }
      }
      .reviews-container {
          max-width: 79em;
          margin: 5em auto;
          padding: 0px 10px;
          background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
          background-position: top;
          background-size: $bgDotted;
          background-repeat: repeat-x;
          @media (max-width: 749px) {
              margin: 4em auto;
              max-width: 89%;
              padding: 0;
          }
          #judgeme_product_reviews {
              .jdgm-rev-widg {
                  border: none;
                  padding-left: 0;
                  padding-right: 0;
                  .jdgm-rev-widg__header {
                      background-image: url(/cdn/shop/files/icon-gold-star-cluster.svg?v=1597856986);
                      background-size: initial;
                      background-repeat: no-repeat;
                      background-position: 100% 0px;
                      margin-top: 0em;
                      @media (max-width: 749px) {
                          background-size: 68px;
                          background-position: 100% 3%;
                      }
                      .jdgm-rev-widg__title {
                          font-family: $allround;
                          font-size: 36px;
                          color: $light-blue;
                          text-align: center;
                          font-weight: 500;
                          padding: 1em 0 0.8em 0;
                          margin-top: 1em;
                          @media (max-width: 749px) {
                              padding: 1em 10px 0.5em 10px;
                          }
                      }
                  }
              }
          }
      }
  }
  .zooomyloginrequest {
      background: #FFF !important;
      border: none !important;
      z-index: 10000;
      a {
          font-family: $atten;
          color: $dark-grey;
      }
  }
  /** Product page **/
  
  /* Search page */
  .search-page {
    margin-top: 2em;
    margin-bottom: 7em;
    max-width: 78em;
    margin-left: auto;
    margin-right: auto;
    @media only screen and (max-width: 749px) {
        margin-top: 1em;
        margin-bottom: 8em;
    }
    .heading {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-bottom: 5em;
        @media only screen and (max-width: 749px) {
            margin-bottom: 3em;
        }
        h1 {
            font-weight: 500;
            font-size: 45px;
            color: $light-blue;
            text-align: center;
            @media only screen and (max-width: 749px) {
                font-size: 35px;
            }
        }
        form {
            width: 100%;
            max-width: 22em;
            padding: 0px 10px;
            .form-container {
                border-radius: 25px;
                border: 1px solid #1a1a1c;
                padding: 0.5em;
                display: flex;
                justify-content: space-between;
                input {
                    background: none;
                    border: none;
                    font-family: "AttenRound";
                    font-size: 16px;
                    color: #1a1a1c;
                    padding: 0em 1em;
                    width: 100%;
                }
                button {
                    font-family: "AllRound";
                    font-size: 13px;
                    font-weight: 500;
                    letter-spacing: 2.17px;
                    color: #000000;
                    background: none;
                    text-transform: uppercase;
                    background-image: linear-gradient(to bottom, #000 33%, rgba(255,255,255,0) 0%);
                    background-position: left;
                    background-size: 1px 4px;
                    background-repeat: repeat-y;
                    padding-top: 0.7em;
                    padding-bottom: 0.7em;
                    padding-left: 17px;
                }
            }
        }
    }
    .search-results {
        display: flex;
        flex-wrap: wrap;
        padding: 0px 5px;
        form {
            width: 25%;
            padding: 0px 10px;
            margin-bottom: 4em;
            @media only screen and (max-width: 1200px) {
                width: 33.3%;
            }
            @media only screen and (max-width: 749px) {
                width: 50%;
            }
        }
    }
    .pagination-container {
        width: 100%;
        margin-top: 1em;
        @media only screen and (max-width: 749px) {
            margin-top: 0em;
            margin-bottom: 2.6em;
        }
        .pagination {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            @media only screen and (max-width: 749px) {
                justify-content: center;
            }
            span {
                &.active {
                    margin-left: 0.5em;
                }
            }
            span,
            a {
                font-family: $atten;
                font-size: 20px;
                color: $dark-grey;
            }
            a {
                text-decoration: none;
            }
            svg {
                width: 32px;
                height: 32px;
                overflow: visible;
                circle {
                    fill: none;
                    stroke: #000;
                }
            }
            .left-arrow {
                margin-right: 1.2em;
            }
            .separator {
                background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                background-position: bottom;
                background-size: $bgDotted;
                background-repeat: repeat-x;
                padding-bottom: 1px;
                width: 4em;
                transform: rotate(120deg);
                margin-left: -0.2em;
                margin-right: -0.2em;
            }
            .right-arrow {
                margin-left: 1.2em;
            }
        }
    }
  }
  /** Search page **/

  /* Collection page */
  .collection-page-container {
      //max-width: 79em;
      //margin: auto;
      //padding: 0px 10px;
      margin-top: 1.6em;
      margin-bottom: 5em;
      @media only screen and (max-width: 749px) {
          margin-top: 1em;
      }
      .breadcrumbs {
          max-width: 79em;
          margin: auto;
          padding: 0px 10px;
          @media only screen and (max-width: 749px) {
              padding: 0px 1.2em 1.2em 1.2em;
          }
      }
      header {
          text-align: center;
          margin-bottom: 3em;
          background-image: url(/cdn/shop/files/icon-gold-star-cluster.svg?v=1597856986);
          background-repeat: no-repeat;
          background-position: right;
          max-width: 77em;
          margin: auto;
          padding: 0px 10px;
          min-height: 10em;
          @media only screen and (max-width: 749px) {
              background-position: 92% 0%;
              background-size: 49px;
              padding: 0px 1.2em;
              //max-width: 34em;
              min-height: 4.5em;
          }
          h1 {
              font-family: 'AllRound';
              font-weight: normal;
              font-size: 60px;
              color: $light-blue;
              margin-bottom: 0em;
              margin-top: 0em;
              //margin-top: 0.4em;
              //padding-top: 0.5em;
              @media only screen and (max-width: 749px) {
                  font-size: 45px;
                  text-align: left;
                  margin-bottom: 0.2em;
              }
              @media only screen and (max-width: 480px) {
                  max-width: 8em;
                  padding-right: 1.2em;
              }
          }
          p {
              font-family: $atten;
              font-size: 20px;
              line-height: 1.5;
              color: $dark-grey;
              max-width: 34em;
              margin-top: 0.8em;
              margin-left: auto;
              margin-right: auto;
              @media only screen and (max-width: 749px) {
                  font-size: 16px;
                  text-align: left;
                  margin-left: 0;
              }
          }
      }
      .collection-page {
          .sort-container {
              display: flex;
              justify-content: flex-end;
              margin-bottom: 2.4em;
              max-width: 80em;
              margin-left: auto;
              margin-right: auto;
              padding: 0px 15px;
              @media only screen and (max-width: 749px) {
                  padding: 0.6em 1.2em 0px 1.2em;
                  margin-bottom: 0em;
              }
              button {
                  &.mobile-filter {
                      display: flex;
                      justify-content: space-between;
                      align-items: center;
                      width: 50%;
                      margin-right: 4px;
                      background: none;
                      border: 1px solid #dddddd;
                      text-align: left;
                      text-transform: uppercase;
                      font-family: $allround;
                      font-size: 12px;
                      font-weight: 500;
                      letter-spacing: 1.71px;
                      color: $dark-grey;
                      padding: 0em 1em 0em 1.6em;
                      .minus {
                          color: #FFF;
                      }
                      &:not(.active) {
                          .minus {
                              display: none;
                          }
                      }
                      &.active {
                          background: #000;
                          color: #FFF;
                          .plus {
                              display: none;
                          }
                      }
                  }
              }
              .sort {
                  display: flex;
                  align-items: center;
                  @media only screen and (max-width: 749px) {
                      margin-left: 4px;
                      width: 50%;
                  }
                  label {
                      font-family: $allround;
                      font-size: 14px;
                      font-weight: 600;
                      letter-spacing: 2px;
                      color: $dark-grey;
                      text-transform: uppercase;
                      padding-right: 1.4em;
                      @media only screen and (max-width: 749px) {
                          display: none;
                      }
                  }
                  .sort-style {
                    background: url(/cdn/shop/files/caret-down.svg) no-repeat right white;
                    background-position: 92% 50%;
                    @media only screen and (max-width: 749px) {
                        width: 100%;
                    }
                    select {
                        background: transparent;
                        -webkit-appearance: none;
                        border: solid 1px #dddddd;
                        font-family: $atten;
                        font-size: 14px;
                        color: $dark-grey;
                        width: 13em;
                        padding: 0.8em;
                        @media only screen and (max-width: 749px) {
                            width: 100%;
                        }
                    }
                  }
              }
          }
          .collection-body {
              display: flex;
              max-width: 82em;
              margin: auto;
              padding: 0px 10px;
              @media only screen and (max-width: 749px) {
                  flex-direction: column;
              }
              .zoomywishid {
                position: absolute;
                display: none;
                z-index: 10;
                i {
                    color: $dark-grey !important;
                }
                .zooomywishmsg {
                    text-align: right;
                }
              }
              .collection-filters {
                  width: 15%;
                  margin-top: -4.2em;
                  margin-left: 1.4em;
                  @media only screen and (max-width: 749px) {
                      width: 100%;
                      margin-top: 0;
                      margin: auto;
                      padding: 0em 0.6em;
                      opacity: 0;
                      transition: opacity 1s ease-out;
                      height: 0;
                      overflow: hidden;
                      &.active {
                          opacity: 1;
                          height: auto;
                          margin-top: 2.1em;
                      }
                  }
                  .section-title {
                      background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                      background-position: bottom;
                      background-size: $bgDotted;
                      background-repeat: repeat-x;
                      padding-bottom: 1.2em;
                      margin-bottom: 1.1em;
                  }
                  .title,
                  .section-title {
                      font-family: $allround;
                      font-size: 14px;
                      font-weight: 600;
                      letter-spacing: 2px;
                      color: $dark-grey;
                      text-transform: uppercase;
                      &:not(:first-of-type) {
                          margin-top: 1em;
                      }
                  }
                  label {
                      display: flex;
                      align-items: center;
                      line-height: 1.8;
                      a {
                          font-family: $atten;
                          font-size: 14px;
                          color: $dark-grey;
                          text-decoration: none;
                          text-transform: capitalize;
                          padding-left: 0.8em;
                      }
                  }
                  .tags-container,
                  .type-container {
                      //margin-bottom: 1.4em;
                      margin-bottom: 1.1em;
                      background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                      background-position: bottom;
                      background-size: $bgDotted;
                      background-repeat: repeat-x;
                      padding-bottom: 1.2em;
                      .filter-container {
                          //margin-bottom: 1em;
                          .individual-filter {
                              max-height: 15.6em;
                              overflow-y: scroll;
                              margin-top: 0.6em;
                              &::-webkit-scrollbar {
                                width: 7px;
                              }
                              &::-webkit-scrollbar-track {
                                border-radius: 3.5px;
                                margin-top: 4px;
                              }
                              &::-webkit-scrollbar-thumb {
                                background: $light-blue; 
                                border-radius: 3.5px;
                              }
                          }
                          .title {
                              display: flex;
                              align-items: center;
                              justify-content: space-between;
                              cursor: pointer;
                              &:not(.active) {
                                  svg {
                                      transform: rotate(180deg);
                                  }
                              }
                              svg {
                                  width: 9px;
                                  -webkit-transition: 0.5s ease-in-out;
                                  -moz-transition: 0.5s ease-in-out;
                                  -o-transition: 0.5s ease-in-out;
                                  transition: 0.5s ease-in-out;
                              }
                          }
                          .individual-filter {
                              .clear {
                                  padding: 0.2em 0.6em;
                                  margin: 0.8em 0 1em 0;
                                  display: block;
                                  max-width: 5.8em;
                                  text-align: center;
                                  font-family: $allround;
                                  border-radius: 9px;
                                  border: 1px solid;
                                  color: $dark-grey;
                                  text-decoration: none;
                                  font-size: 10px;
                                  letter-spacing: 1.67px;
                                  text-transform: uppercase;
                                  font-weight: 600;
                              }
                              .checkbox-container {
                                  position: relative;
                                  cursor: pointer;
                                  -webkit-user-select: none;
                                  -moz-user-select: none;
                                  -ms-user-select: none;
                                  user-select: none;
                                  display: flex;
                                  align-items: center;
                                  &:hover {
                                      input ~ .checkmark {
                                          border: 1px solid $light-gold;
                                      }
                                      a {
                                          color: $light-gold;
                                      }
                                  }
                                  input {
                                      position: absolute;
                                      opacity: 0;
                                      cursor: pointer;
                                      height: 0;
                                      width: 0;
                                      &:checked {
                                          ~ .checkmark {
                                              border: 1px solid $light-gold;
                                              &:after {
                                                  display: block;
                                              }
                                          }
                                          ~ a {
                                              color: $light-gold;
                                          }
                                      }
                                  }
                                  .checkmark {
                                      top: 0;
                                      left: 0;
                                      background-color: #FFF;
                                      border: 1px solid;
                                      height: 14px;
                                      width: 14px;
                                      &:after {
                                          content: "";
                                          position: absolute;
                                          display: none;
                                          left: 5px;
                                          top: 7px;
                                          width: 4px;
                                          height: 9px;
                                          border: solid $light-gold;
                                          border-width: 0 1px 1px 0;
                                          -webkit-transform: rotate(45deg);
                                          -ms-transform: rotate(45deg);
                                          transform: rotate(45deg);
                                      }
                                  }
                              }
                          }
                      }
                  }
                  .tags-container {
                    margin-bottom: 1.4em;
                        .filter-container {
                        &:not(:nth-of-type(2)) {
                            .individual-filter {
                              display: none;
                            }
                        }
                    }
                  }
                  .type-container {
                      margin-bottom: 1.4em;
                      .filter-container {
                      &:not(.active) {
                        .individual-filter {
                          display: none;
                        }
                      }
                    }
                  }
              }
              .product-list-container {
                display: flex;
                flex-wrap: wrap;
              }
              .collection-products {
                  width: 85%;
                  padding-left: 7em;
                  padding-bottom: 4em;
                  justify-content: space-between;
                  &.no-filters {
                      width: 100%;
                  }
                  &:after {
                    content: "";
                    flex: auto;
                  }
                  @media only screen and (max-width: 749px) {
                      width: 100%;
                      padding-left: 0;
                      margin-top: 2em;
                      padding-bottom: 0em;
                      /*flex-direction: column;*/
                  }
                  form,
                  .form,
                  .vertical-upsell-container,
                  .horizontal-upsell-container {
                      padding: 0px 10px 0px 10px;
                      text-align: left;
                      margin-bottom: 4em;
                      @media only screen and (max-width: 749px) {
                          margin-bottom: 2em;
                      }
                  }
                  form,
                  .form,
                  .vertical-upsell-container {
                      width: 33%;
                      @media only screen and (min-width: 1001px) {
                          max-width: 32%;
                      }
                      @media only screen and (max-width: 1000px) {
                          width: 50%;
                      }
                  }
                  .horizontal-upsell-container {
                      width: 100%;
                      max-width: 59.8em;
                  }
                  .vertical-upsell-container,
                  .horizontal-upsell-container {
                      position: relative;
                      img {
                          width: 100%;
                          border-radius: 10px;
                      }
                  }
                  .pagination-container {
                      width: 100%;
                      margin-top: 2em;
                      @media only screen and (max-width: 749px) {
                          margin-top: 1em;
                          margin-bottom: 2.6em;
                      }
                      .pagination {
                          display: flex;
                          justify-content: flex-end;
                          align-items: center;
                          @media only screen and (max-width: 749px) {
                              padding: 0px 2.4em;
                          }
                          span {
                              &.active {
                                  margin-left: 0.5em;
                              }
                          }
                          span,
                          a {
                              font-family: $atten;
                              font-size: 20px;
                              color: $dark-grey;
                          }
                          a {
                              text-decoration: none;
                          }
                          svg {
                              width: 32px;
                              height: 32px;
                              overflow: visible;
                              circle {
                                  fill: none;
                                  stroke: #000;
                              }
                          }
                          .left-arrow {
                              margin-right: 1.2em;
                          }
                          .separator {
                              background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                              background-position: bottom;
                              background-size: $bgDotted;
                              background-repeat: repeat-x;
                              padding-bottom: 1px;
                              width: 4em;
                              transform: rotate(120deg);
                              margin-left: -0.2em;
                              margin-right: -0.2em;
                          }
                          .right-arrow {
                              margin-left: 1.2em;
                          }
                      }
                  }
              }
          }
      }
      .long-description {
          background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
          background-position: top;
          background-size: 4.5px 1px;
          background-repeat: repeat-x;
          padding-top: 3em;
          margin-bottom: 1.1em;
          max-width: 60em;
          margin-right: 1.4em;
          margin-left: 0.6em;
          line-height: 1.5;
          letter-spacing: normal;
          color: $dark-grey;
          a {
              color: $dark-grey;
          }
      }
  }
  
  .collection-product-template {
      &:hover {
        @media only screen and (min-width: 750px) {
            .zoomywishid {
                display: block !important;
            }
        }
      }
      .has-second {
        @media only screen and (min-width: 750px) {
          img {
              display: block;
              &:last-of-type {
                  display: none;
              }
          }
          &:hover {
              img {
                  &:first-of-type {
                      display: none;
                  }
                  &:last-of-type {
                      display: block;
                  }
              }
          }
        }
      }
      .title-atc {
          display: flex;
          justify-content: space-between;
          //align-items: center;
          text-align: left;
          @media only screen and (max-width: 749px) {
              align-items: flex-start;
          }
          &.oos {
              svg {
                  color: #dddddd;
              }
          }
          .title-price,
          .atc-icon {
              //padding: 0px 10px;
              button {
                  &:disabled,
                  &[disabled] {
                    .add-button {
                        display: none;
                    }
                    .added-button {
                        display: inline;
                    }
                  }
              }
              span {
                  &.added-button {
                      display: none;
                  }
                  padding: 9px 8px;
                  svg {
                      margin-top: -4px;
                  }
              }
          }
          .title-price {
            width: 80%;
              @media only screen and (max-width: 749px) {
                  width: 70%;
              }
          }
          .atc-icon {
            //width: 20%;
            margin-top: 1em;
              @media only screen and (max-width: 749px) {
                  //width: 30%;
                  text-align: right;
                  margin-top: 0em;
              }
              .add-button,
              .added-button {
                  @media only screen and (max-width: 749px) {
                      display: block;
                      margin: 0px;
                      padding: 0px;
                      border: 0px;
                  }
                  svg {
                      @media only screen and (max-width: 749px) {
                        display: block;
                        width: 30px;
                        height: 30px;
                        margin: 0px;
                        padding: 5px;
                        border: 1px solid #dddddd;
                        border-radius: 50%;
                        color: black;
                      }
                  }
              }
              .added-button {
                  @media only screen and (max-width: 749px) {
                      //margin-top: -3px;
                      //padding: 0.094em 0.26em;
                  }
              }
              button {
                //margin-top: 1em;
                  @media only screen and (max-width: 749px) {
                      padding-right: 0;
                  }
              }
          }
      }
  }
  /** Collection page **/
  
  /* Master collections */
  .master-collections {
    //display: flex;
    max-width: 82em;
    margin: auto;
    padding: 0px 10px;
    margin-top: 2em;
    margin-bottom: 8em;
    h1 {
        text-align: center;
        font-family: 'AllRound';
        font-weight: normal;
        font-size: 60px;
        color: #b8cce6;
        margin-bottom: 1em;
        @media only screen and (max-width: 749px) {
            font-size: 45px;
        }
    }
    .collection-list {
        display: flex;
        flex-wrap: wrap;
        .collection-container {
            width: 25%;
            padding: 0px 10px;
            margin-bottom: 3em;
            text-align: center;
            @media only screen and (max-width: 749px) {
                width: 50%;
            }
            a {
                text-decoration: none;
                color: $dark-grey;
            }
        }
    }
  }
  /** Master collections **/

  /* Login page */
  .recharge.page__login {
    margin-bottom: 9em;
    .rc_header-settings {
        &.rc_title-bar {
            height: 150px;
        }
    }
    h4 {
        color: $light-blue;
        font-size: 24px;
        margin-bottom: 0;
    }
    a {
        color: $dark-grey;
    }
  }
  .page__customers__request-invite {
    margin-bottom: 9em;
    .row {
        > div {width: 100%;
        }
        h2 {
            font-size: 40px;
            color: $light-blue;
            font-weight: 100;
            margin: 0.67em 0;
        }
        .rc_header-settings__description {
            p {
                margin-top: 0;
            }
        }
        a {
            color: $dark-grey;
        }
        input {
            border-radius: 25px;
            border: 1px solid #cccccc;
            font-family: "AttenRound";
            line-height: 1.13;
            color: #1a1a1c;
            padding: 1em 0.6em;
            margin-bottom: 1em;
            background: none;
            max-width: 20em;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
        }
        button {
            border-radius: 25px;
            border: 1px solid #1a1a1c;
            font-family: "AttenRound";
            line-height: 1.13;
            color: #1a1a1c;
            padding: 1em 0.6em;
            margin-bottom: 1em;
            background: none;
            max-width: 20em;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
        }
    }
  }
  .account-page {
      max-width: 79em;
      margin: auto;
      padding: 0px 10px;
      margin-bottom: 8em;
      &.activate-account {
          .heading {
            text-align: center;
            padding-top: 0.2em;
        }
      }
      .additional-message {
        text-align: center;
        padding: 1em 0;
      }
      .guest-link {
          text-align: center;
          margin-bottom: 0.67em;
      }
      #rc_link_container {
        display: inline-flex;
        margin: 0;
        a {
            font-family: "AllRound";
            text-decoration: none;
            letter-spacing: 2.67px;
            color: #1a1a1c;
            text-transform: uppercase;
            border-radius: 30px;
            border: solid 1px;
            padding: 1.2em 2.6em;
            font-weight: 600;
            margin-bottom: 1em;
            background: none;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
        }
      }
      .errors {
          ul {
              list-style: none;
              padding: 0;
              font-family: "AttenRound";
              font-size: 15px;
              color: #1a1a1c;
              margin-bottom: 2em;
          }
      }
      a {
          font-family: "AttenRound";
          font-size: 15px;
          color: #1a1a1c;
          text-decoration: underline;
      }
      h1,
      h2 {
          font-size: 40px;
          color: $light-blue;
          font-family: $allround;
          font-weight: 100;
      }
      h2 {
          margin-bottom: 0em;
      }
      .subtitle {
          margin-bottom: 1.4em;
      }
      form {
          display: flex;
          flex-direction: column;
          max-width: 30em;
          margin: auto;
          text-align: center;
          input,
          button {
              border-radius: 25px;
              border: 1px solid #cccccc;
              font-family: $atten;
              line-height: 1.13;
              color: $dark-grey;
              padding: 1em 0.6em;
              margin-bottom: 1em;
              background: none;
              max-width: 20em;
              margin-left: auto;
              margin-right: auto;
              width: 100%;
              &:hover {
                  opacity: 0.8;
              }
          }
          input[type="submit"] {
              border: 1px solid $dark-grey;
          }
          button {
              border: 1px solid #f9c7c7;
              color: #f9c7c7;
              font-weight: 500;
          }
      }
      &.login {
        #rc_login {
          h5 {
            font-size: 16px;
            margin-bottom: 1em;
          }
        }
      }
      .responsive-table {
        width: 100%;
        text-align: left;
        margin-top: 1em;
        thead {
          th {
            font-family: $atten;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 1.2px;
            color: #121212;
            text-transform: uppercase;
            padding-bottom: 10px;
          }
        }
        tbody {
          td {
            font-family: $atten;
            font-size: 16px;
            letter-spacing: 1.2px;
            color: #121212;
            @media (max-width: 749px) {
              padding: 6px 0px;
            }
          }
        }
      }
      .title {
        text-align: center;
      }
      .address-link,
      .title a,
      tbody a {
        text-decoration: underline;
        color: $dark-grey;
        display: block;
        padding-bottom: 10px;
      }
  }
  /** Login page **/
  
  .customer-address {
    max-width: 80em;
    margin: auto;
    margin-bottom: 9em;
    padding: 0px 15px;
    .address-edit-toggle,
    .address-delete {
        background-color: transparent;
        font-family: "AllRound";
        text-decoration: none;
        letter-spacing: 2.67px;
        color: #1a1a1c;
        text-transform: uppercase;
        border-radius: 30px;
        border: solid 1px;
        padding: 1em 2.4em;
        font-weight: 600;
        font-size: 10px;
        margin-bottom: 1em;
        &:hover {
            opacity: 0.8;
        }
    }
    p {
        margin-bottom: 8px;
    }
    h1, h2 {
      @media (max-width: 749px) {
        margin-bottom: 0.2em;
      }
    }
    .title {
      text-align: center;
      h1 {
        font-size: 40px;
        color: $light-blue;
        font-family: $allround;
        font-weight: 100;
      }
      @media (max-width: 749px) {
        margin-bottom: 2em;
      }
    }
    h2, h3 {
        color: $light-blue;
    }
    .title a {
      font-family: $atten;
      //text-decoration: none;
      color: $dark-grey;
      display: block;
      padding-bottom: 10px;
    }
    .new-address {
      display: flex;
      justify-content: space-between;
      align-items: center;
      @media (max-width: 749px) {
        flex-direction: column;
      }
      h2 {
        margin: 0;
        @media (max-width: 749px) {
          margin-bottom: 0.4em;
        }
      }
      button {
        background-color: transparent;
        font-family: $allround;
        text-decoration: none;
        letter-spacing: 2.67px;
        color: $dark-grey;
        text-transform: uppercase;
        border-radius: 30px;
        border: solid 1px;
        padding: 1.2em 2.6em;
        font-weight: 600;
        font-size: 14px;
        &:hover {
            opacity: 0.8;
        }
      }
    }
    .form-container {
      display: flex;
      flex-wrap: wrap;
      label {
        display: none;
      }
      input, select {
        width: 47%;
        border-radius: 25px;
        border: 1px solid #cccccc;
        background-color: #ffffff;
        font-family: $atten;
        line-height: 1.81;
        color: #121212;
        font-size: 16px;
        padding: 0.56em 1em;
        font-weight: 100;
        box-shadow: 0 0 0 1px #000;
        margin-bottom: 1em;
        margin-right: 1em;
        padding: 1em 0.6em;
        @media (max-width: 749px) {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
        }
      }
      .AddressProvinceContainer {
        width: 47%;
        @media (max-width: 749px) {
             width: 100%;
        }
        select {
          width: 100%;
        }
      }
    }
    .form-footer {
      text-align: center;
      .buttons {
        input, button {
            border-radius: 25px;
            border: 1px solid #cccccc;
            color: #121212;
            letter-spacing: 0.98px;
            text-transform: uppercase;
            font-family: $atten;
            font-weight: 500;
            font-size: 14px;
            border: 1px solid $dark-grey;
            padding: 0.8em 1em;
            width: 16%;
            @media (max-width: 749px) {
                width: 49%;
            }
            &:hover {
                opacity: 0.8;
            }
        }
        input {
          background-color: $dark-grey;
          color: #FFF;
        }
        button {
          background-color: #FFF;
        }
      }
    }
  }
  
  
  /* Cart page */
  .cart-page {
      max-width: 80em;
      margin: auto;
      padding-top: 1.3em;
      margin-bottom: 12em;
      .breadcrumbs {
        padding: 0px 1em;
      }
      .heading {
        text-align: center;
        h1 {
          color: #b8cce6;
          font-family: "AllRound";
          font-weight: 100;
          margin-bottom: 1em;
          font-size: 40px;
          @media (max-width: 749px) {
            margin-bottom: 0;
          }
        }
      }
      .cart-body {
        max-width: 59em;
        margin: auto;
        padding: 0px 15px;
        @media (max-width: 749px) {
          margin-bottom: 7em;
        }
        .responsive-table {
          margin: auto;
          max-width: 59em;
          .thead {
            .table-head {
              display: flex;
              background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
              background-position: bottom;
              background-size: $bgDotted;
              background-repeat: repeat-x;
              .th {
                padding-bottom: 0.9em;
                text-transform: uppercase;
                font-family: $atten;
                letter-spacing: 1px;
                font-size: 14px;
                color: $dark-grey;
                font-weight: 500;
                &.items {
                  text-align: left;
                  letter-spacing: normal;
                  width: 54%;
                }
                &:not(.items) {
                  text-align: center;
                }
                &.price,
                &.quantity {
                  width: 15%;
                }
                &.total {
                  width: 16%;
                }
                &.remove {
                  width: 11%;
                }
              }
            }
          }
          .responsive-table-row {
            display: flex;
            background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
            background-position: bottom;
            background-size: $bgDotted;
            background-repeat: repeat-x;
            @media (max-width: 749px) {
              margin-top: 10px;
              padding-top: 15px;
              padding-bottom: 15px;
            }
            &:after {
              border-bottom: none;
            }
            .mobile-image {
              @media (max-width: 749px) {
                flex-direction: column;
              }
            }
            .mobile-description {
              display: flex;
              width: 85%;
              @media (max-width: 749px) {
                flex-direction: column;
                width: 78%;
              }
              .mobile-center-title {
                display: flex;
                justify-content: center;
                padding: 0em 0.8em;
                span {
                  text-transform: uppercase;
                  font-family: $atten;
                  font-size: 10px;
                  font-weight: 500;
                  letter-spacing: 0.83px;
                  color: #121212;
                }
                .mobile-price {
                  width: 26%;
                }
                .mobile-quantity {
                  width: 40%;
                }
                .mobile-total {
                  width: 33%;
                }
              }
            }
          }
          .mobile-items {
            font-family: $allround;
            font-size: 20px;
            font-weight: bold;
            border-bottom: solid 1px #dddddd;
            padding-bottom: 1em;
          }
          .tbody {
            .mobile-center-row {
              width: 51%;
              display: flex;
              @media (max-width: 749px) {
                width: 100%;
                align-items: center;
                padding: 0em 0.8em;
                padding-left:0px;
                flex-direction: column;
              }
            }
            .td {
              //border-bottom: solid 1px #dddddd;
/*               margin-top: -1.6em; */
              padding: 1.6em 0.2em;
              padding-bottom: 0;
              vertical-align: top;
              p {
                  margin: 0;
              }
              &.items {
                &.title {
                  padding: 1.6em 1.2em 1.4em 1em;
                  width: 34%;
                  @media (max-width: 749px) {
                    width: 100%;
                    padding: 0;
                    text-align: center;
                    padding-right: 0.8em;
                  }
                  a {
                    font-family: $atten;
                    font-size: 16px;
                    color: #121212;
                    text-decoration: none;
                    line-height: 1.25;
                  }
                  .booster-cart-item-upsell-notes {
                    display: flex;
                    align-items: end;
                    font-family: $atten;
                    font-size: 10px;
                    font-weight: 500;
                    letter-spacing: 0.83px;
                    color: #6b40de;
                    text-transform: uppercase;
                    margin-top: 0.8em;
                    &:not(:empty) {
                      &:before {
                        content: url('https://cdn.shopify.com/s/files/1/2920/4210/files/purple-lightning.svg?v=1594321350');
                        padding-right: 8px;
                      }
                    }
                  }
                }
                &.image {
                  padding-left: 0;
                  @media (max-width: 749px) {
                    padding-top: 0;
                  }
                  img {
                    padding: 0.4em;
                    background: #FFF;
                  }
                }
              }
              &:not(.items) {
                text-align: center;
              }
                &.quantity {
                  padding: 10px;
                  width: 36%;
                  @media (max-width: 749px) {
                    width: 44%;
                  }
                  .qtybox {
                    display: flex;
                    justify-content: center;
                    border-radius: 30px;
                    border: 1px solid #cccccc;
                    max-width: 6.3em;
                    margin: auto;
                    align-items: center;
                    padding: 14px 7px;
                    background: #FFF;
                    margin-top: 0.4em;
                    @media (max-width: 749px) {
                      margin-top: 0em;
/*                       margin-left: 0em; */
                    }
                    input {
                      text-align: center;
                      max-width: 4em;
                      //padding-left: 11px;
                      font-family: $atten;
                      font-size: 14px;
                      color: #231f20;
                      border: none;
                      &::-webkit-inner-spin-button, 
                      &::-webkit-outer-spin-button { 
                        -webkit-appearance: none; 
                        margin: 0; 
                      }
                      @media (max-width: 749px) {
                        padding-left: 0px;
                      }
                    }
                    .btnqty {
                      font-family: $atten;
                      font-size: 14px;
                      color: #231f20;
                      cursor: pointer;
                    }
                  }
                }
                &.price,
                &.total {
                  font-family: $atten;
                  font-size: 16px;
                  color: #282729;
                }
                &.price {
                  width: 32%;
                  @media (max-width: 749px) {
                    text-align: center !important;
                    font-size: 14px;
                    text-align: left;
                    padding-top: 0px;
                  }
                  .sale {
                    font-weight: 500;
                    display: inline-block;
                    padding-right: 4px;
                  }
                }
                &.total {
                  width: 32%;
                  @media (max-width: 749px) {
                    text-align: center !important;
                    width: 34%;
                    text-align: left;
                    font-size: 14px;
                    padding-top:0px;
                  }
                  .booster-cart-item-line-price {
                    display: flex;
                    justify-content: center;
                    flex-direction: column;
                    .discounted_price {
                      margin-top: 6px;
                    }
                  }
                }
              &.remove {
                padding-left: 2em;
                width: 15%;
                margin-top: -3px;
                @media (max-width: 749px) {
                  width: 100%;
                  text-align: left;
                  padding-top: 0.4em;
                  padding-left: 0px;
                  padding-right: 0.8em;
                  display:flex;
                  justify-content: center;
                  align-items:center;
                }
                a {
                  font-family: $atten;
                  font-size: 12px;
                  color: $dark-grey;
                  font-weight: bold;
                  border-bottom: 1px solid;
                  letter-spacing: 1px;
                  padding-bottom: 1px;
                  text-decoration: none;
                  @media (max-width: 749px) {
                      padding-bottom: 0.5em;
                  }
                }
              }
            }
          }
        }
        .cart-footer {
          display: flex;
          justify-content: space-between;
          margin-top: 4em;
          @media (max-width: 749px) {
            flex-direction: column;
            margin-top: 2.4em;
          }
          &.mobile {
            @media (max-width: 749px) {
              margin-top: 0.5em;
              margin-bottom: 3em;
            }
          }
          .title {
            font-family: $allround;
            font-size: 20px;
            font-weight: bold;
          }
          .notes,
          .checkout-container:not(.mobile) {
            width: 50%;
            @media (max-width: 749px) {
              width: 100%;
            }
          }
         .checkout-container {
           &.mobile {
             width: 100%;
           }
          }
          .notes {
            @media (min-width: 750px) {
              padding-right: 10px;
            }
            @media (max-width: 749px) {
              margin-bottom: 5em;
            }
            .label {
              font-family: $allround;
              font-size: 20px;
              font-weight: bold;
            }
            p {
              font-size: 16px;
              margin-top: 0.6em;
            }
            textarea {
              border-radius: 10px;
              border: solid 1px #121212 !important;
              background-color: #ffffff;
              resize: none;
              width: 100%;
              max-width: 30em;
              height: 100%;
              max-height: 11em;
              padding: 8px 10px;
              font-family: $atten;
            }
          }
          .checkout-container {
            .inner-container {
              @media (min-width: 750px) {
                padding-left: 10px;
                margin-left: 4em;
              }
              .subtotal {
                border-top: solid 1px #dddddd;
                border-bottom: solid 1px #dddddd;
                margin: 1em 0;
                p {
                  display: flex;
                  justify-content: space-between;
                  span {
                    font-size: 16px;
                    font-weight: normal;
                    color: #121212;
                  }
                  &.afterpay-paragraph {
                    display: block;
                    font-size: 10px;
                    span,
                    strong {
                      font-size: 12px;
                    }
                    img {
                      vertical-align: middle;
                      border: 0px;
                      width: 100%;
                      max-width: 7em;
                      max-height: 1.6em;
                      image-rendering: -webkit-optimize-contrast;
                    }
                  }
                }
                .cart-subtotal {
                  display: flex;
                  .wh-cart-total {
                    padding-right: 0.6em;
                  }
                }
              }
              .checkout-btn {
                font-family: "AllRound";
                text-decoration: none;
                letter-spacing: 2.67px;
                color: #1a1a1c;
                text-transform: uppercase;
                border-radius: 30px;
                border: solid 1px;
                padding: 1.2em 2.6em;
                font-weight: 600;
                margin-bottom: 1em;
                background: none;
                margin-left: auto;
                margin-right: auto;
                width: 100%;
                &:hover {
                  opacity: 0.8;
                }
              }
              .additional-checkout-buttons {
                margin-top: 2.2em;
                   display: block !important;
                p {
                  text-align: center;
                  font-size: 14px;
                  font-weight: normal;
                }
                .dynamic-checkout__content {
                     display: block !important;
                }
                .buttons {
                  .shopify-cleanslate {
                    > div {
                      > div {
                        flex-direction: row !important;
                        flex-wrap: wrap !important;
                        justify-content: center;
                        > div {
                          padding: 0px 6px;
                          &:not(:last-of-type) {
                            width: 33.3%;
                          }
                          &:last-of-type {
                            width: 45%;
                            padding: 0px 6px;
                            margin-top: 1.4em !important;
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  /** Cart page **/
  
  /* 404 Template */
  .template404 {
      text-align: center;
      margin-top: 3em;
      margin-bottom: 10em;
      padding: 0px 10px;
      h1 {
          font-size: 40px;
          color: $light-blue;
          font-family: $allround;
          font-weight: 100;
      }
      p {
          font-family: $atten;
          font-size: 15px;
          color: #1a1a1c;
          a {
              text-decoration: underline;
              color: #1a1a1c;
          }
      }
  }
  /** 404 Template **/
  
  .swiper-button-prev,
  .swiper-button-next {
      &:after {
          content: none !important;
      }
      svg {
          width: 32px !important;
          height: 31px !important;
          overflow: visible;
          g {
              fill: none !important;
              stroke: #1a1a1c !important;
              path {
                  fill: #1a1a1c !important;
                  stroke: none !important;
              }
          }
      }
  }
  
  .shopify-challenge__container {
      margin-top: 5em !important;
      margin-bottom: 10em !important;
      .shopify-challenge__button {
          font-family: $allround;
          text-decoration: none;
          letter-spacing: 2.67px;
          color: $dark-grey;
          text-transform: uppercase;
          border-radius: 30px;
          border: solid 1px;
          padding: 1.2em 2.6em;
          font-weight: 600;
          background: none;
          margin-top: 2em;
      }
  }
  
  form {
      .form-message {
          &.form-success {
              font-size: 14px;
              padding: 0em 1.8em;
          }
          .errors {
              ul {
                  list-style: none;
                  font-family: $atten;
                  font-size: 14px;
                  padding: 0em 1.8em;
                  color: $error;
              }
          }
      }
  }
  
  // Judge.me
  .jdgm-review-widget {
      .jdgm-notification {
        text-align: center;
        color: #1a1a1c;
        font-family: "AttenRound";
        font-weight: 500;
        padding: 2em 0em 0.4em 0em;
      }
      [data-average-rating='0.00'] {
          .jdgm-write-rev-link {
              &:not(.close-form-btn) {
                  visibility: hidden;
                  padding: 0;
                  &:before {
                      color: $dark-grey;
                      content: 'Be the first to review';
                      visibility: initial;
                      border-radius: 30px;
                      border: 1px solid #1a1a1c;
                      padding: 1.1em 2.9em;
                      @media (max-width: 749px) {
                          padding: 1.1em 1em;
                      }
                  }
              }
          }
      }
      .jdgm-rev-widg__header {
          .jdgm-rev-widg__summary,
          .jdgm-histogram,
          .jdgm-rev-widg__sort-wrapper {
              display: none !important;
          }
          .jdgm-widget-actions-wrapper {
              width: 100%;
              text-align: center;
              margin-bottom: 2em;
              @media (max-width: 749px) {
                  margin-bottom: 1em;
              }
              a {
                  text-decoration: none;
                  border-radius: 30px;
                  border: 1px solid;
                  letter-spacing: 2.67px;
                  font-family: $allround;
                  text-transform: uppercase;
                  display: inline-grid;
                  font-weight: 600;
                  padding: 1.1em 2.9em;
                  color: $dark-grey;
              }
          }
          .jdgm-form-wrapper {
              border: none;
              .jdgm-form {
                  max-width: 50em;
                  margin-left: auto;
                  margin-right: auto;
                  margin-bottom: 3em;
                  label {
                      &.error {
                          padding-left: 0.6em;
                          background: none;
                          padding-top: 7px;
                          color: #ff5454;
                      }
                  }
                  label,
                  input,
                  textarea {
                      font-family: $atten;
                      color: $dark-grey;
                  }
                  input,
                  textarea {
                      padding-left: 0.6em;
                  }
                  textarea {
                      resize: none;
                  }
                  .jdgm-submit-rev {
                      text-decoration: none;
                      border-radius: 30px;
                      border: 1px solid;
                      letter-spacing: 2.67px;
                      font-family: "AllRound";
                      text-transform: uppercase;
                      font-weight: 600;
                      padding: 1.1em 2.9em;
                      color: #1a1a1c;
                      background: none;
                      text-align: center;
                      margin-top: 1em;
                      margin-left: auto;
                      margin-right: auto;
                      display: block;
                  }
              }
          }
      }
  }
  .jdgm-rev-widg__body {
      max-width: 50em;
      margin-left: auto !important;
      margin-right: auto !important;
      .jdgm-rev-widg__reviews {
          .jdgm-rev {
              border-radius: 20px;
              background-color: $cream;
              border: none;
              display: flex;
              padding: 1.8em;
              margin-top: 1.6em;
              @media (max-width: 749px) {
                  flex-direction: column;
                  padding: 1.4em 1em;
              }
              .jdgm-rev__header {
                  display: flex;
                  flex-direction: column;
                  padding: 0px 10px;
                  width: 35%;
                  @media (max-width: 749px) {
                      width: 100%;
                  }
                  .jdgm-rev__icon {
                      display: none;
                  }
                  .jdgm-rev__rating {
                      .jdgm-star {
                          font-size: 10px;
                          @media (max-width: 749px) {
                              font-size: 13px;
                          }
                      }
                  }
                  .jdgm-rev__buyer-badge-wrapper {
                      display: none;
                  }
                  .jdgm-rev__timestamp {
                      margin: 0;
                      font-family: $allround;
                      font-size: 12px;
                      letter-spacing: 2px;
                      color: $dark-grey;
                      opacity: 1;
                  }
                  .jdgm-rev__author-wrapper {
                      .jdgm-rev__author {
                          font-family: $atten;
                          font-size: 20px;
                          color: $dark-grey;
                          font-weight: 100;
                      }
                  }
              }
              .jdgm-rev__content {
                  padding: 0px 10px;
                  width: 65%;
                  @media (max-width: 749px) {
                      width: 100%;
                  }
                  .jdgm-rev__title {
                      font-family: $atten;
                      font-size: 20px;
                      line-height: 1.5;
                      color: $dark-grey;
                      font-weight: 100;
                      @media (max-width: 749px) {
                          font-size: 18px;
                          padding-bottom: 0.4em;
                      }
                  }
                  .jdgm-rev__body {
                      p {
                          line-height: 1.5;
                          color: $dark-grey;
                          @media (max-width: 749px) {
                              font-size: 14px;
                          }
                      }
                  }
              }
              .jdgm-rev__reply {
                  display: none;
              }
          }
      }
      .jdgm-paginate {
          margin-top: 1.8em;
          @media (max-width: 749px) {
              margin-bottom: 1em;
          }
          a {
              &:not(.jdgm-paginate__next-page):not(.jdgm-paginate__prev-page) {
                  font-family: $atten;
                  font-size: 20px;
                  color: $dark-grey;
                  font-weight: 100;
                  &:first-of-type {
                      &:before {
                          content: 'Page';
                          margin-right: 0.6em;
                      }
                  }
              }
              &.jdgm-paginate__last-page,
              &.jdgm-paginate__first-page {
                  display: none;
              }
              &.jdgm-paginate__prev-page,
              &.jdgm-paginate__next-page {
                  background-size: contain;
                  width: 31px;
                  height: 32px;
                  background-repeat: no-repeat;
                  &:before {
                      content: none;
                  }
              }
              &.jdgm-paginate__prev-page {
                  background-image: url('/cdn/shop/files/carousel-left.svg');
                  margin-right: 1em;
              }
              &.jdgm-paginate__next-page {
                  background-image: url('/cdn/shop/files/carousel-right.svg');
                  margin-left: 1em;
              }
          }
      }
  }
  
  
  .newsletter-form-container {
      border-radius: 25px;
      border: 1px solid $dark-grey;
      padding: 0.5em;display: flex;
      justify-content: space-between;
      input[type='email'] {
          background: none;
          border: none;
          font-family: $atten;
          font-size: 16px;
          color: $dark-grey;
          padding: 0em 1em;
          width: 100%;
          width: 68%;
          &::-webkit-input-placeholder {
              color: $dark-grey;
          }
          &:-moz-placeholder {
              color: $dark-grey;
          }
          &::-moz-placeholder {
              color: $dark-grey;
          }
          &:-ms-input-placeholder {
              color: $dark-grey;
          }
      }
      button {
          font-family: $allround;
          font-size: 13px;
          font-weight: 600;
          letter-spacing: 2.17px;
          color: #000000;
          background: none;
          text-transform: uppercase;
          background-image: linear-gradient(to bottom, #000 33%, rgba(255,255,255,0) 0%);
          background-position: left;
          background-size: 1px 4px;
          background-repeat: repeat-y;
          padding-top: 0.7em;
          padding-bottom: 0.7em;
          padding-left: 17px;
          width: 32%;
      }
      &.white {
          border: 1px solid $cream;
          input {
              color: $cream;
              &::-webkit-input-placeholder {
                  color: $cream;
              }
              &:-moz-placeholder {
                  color: $cream;
              }
              &::-moz-placeholder {
                  color: $cream;
              }
              &:-ms-input-placeholder {
                  color: $cream;
              }
          }
          button {
              color: $cream;
              background-image: linear-gradient(to bottom, $cream 33%, rgba(255,255,255,0) 0%);
          }
      }
  }
  
  // Fancybox
  .fancybox-bg {
      background: rgba(26, 26, 28, 0.4) !important;
      opacity: 1 !important;
  }
  
  .cart-page {
      .empty-cart {
          text-align: center;
          margin: 6em 0 28em 0;
          a {
              color: $dark-grey;
          }
      }
  }
  
  /* Press page */
  .press-page {
      margin-bottom: 9em;
      .press-heading {
          background-color: $cream;
          margin-bottom: 3em;
          background-image: url(/cdn/shop/files/left-rainbow-sparkle.svg?v=1601314636);
          background-repeat: no-repeat;
          background-position: 0% 100%;
          padding: 2.3em 10px 3em 10px;
          @media only screen and (max-width: 749px) {
              margin-bottom: 0em;
              background-image: none;
          }
          .heading {
              background-image: url(/cdn/shop/files/illustration-stars_v2.svg?v=1600270775);
              background-repeat: no-repeat;
              background-position: 97% 0%;
              @media only screen and (max-width: 749px) {
                  background-image: none;
              }
              h1 {
                  margin-top: 0; 
                  font-size: 60px;
                  font-weight: 100;
                  text-align: center;
                  max-width: 10em;
                  margin-left: auto;
                  margin-right: auto;
                  padding: 0px 10px;
                  text-align: center;
                  color: $light-blue;
                  padding-top: 0.3em;
                  margin-bottom: 0em;
                  @media only screen and (max-width: 749px) {
                      width: 100%;
                      font-size: 40px;
                  }
              }
              p {
                  text-align: center;
                  font-size: 20px;
                  line-height: 1.5;
                  max-width: 30em;
                  margin-left: auto;
                  margin-right: auto;
                  margin-bottom: 1.4em;
                  a {
                      color: $dark-grey;
                      text-decoration: none;
                      border-bottom: 1px solid;
                      height: 1.2em;
                      display: inline-block;
                  }
              }
          }
          .button-container {
              text-align: center;
              padding: 0px 10px;
              a {
                  text-decoration: none;
                  text-transform: uppercase;
                  color: $dark-grey;
                  display: inline-block;
                  border: 1px solid;
                  border-radius: 30px;
                  font-family: $allround;
                  font-size: 16px;
                  letter-spacing: 2.67px;
                  font-weight: 600;
                  padding: 1.3em 2.3em;
                  @media only screen and (max-width: 749px) {
                    font-size: 14px;
                  }
              }
          }
      }
      .press-intro {
          display: flex;
          max-width: 78em;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 1em;
          justify-content: space-between;
          @media only screen and (max-width: 749px) {
              flex-direction: column;
          }
          .image-container {
              width: 50%;
              padding-top: 4.6em;
              @media only screen and (max-width: 749px) {
                  width: 100%;
                  padding-top: 0em;
              }
          }
          .text-container {
              width: 50%;
              padding-top: 2em;
              padding-left: 2em;
              max-width: 36em;
              background-image: url('/cdn/shop/files/illustration-stars.svg?v=1600262601');
              background-repeat: no-repeat;
              background-position: 100% 0%;
              @media only screen and (max-width: 749px) {
                  width: 100%;
                  padding-left: 20px;
                  padding-right: 20px;
                  padding-top: 0em;
                  background-image: none;
              }
              h2 {
                  margin-top: 0;
                  font-size: 45px;
                  line-height: 1.11;
                  color: $light-blue;
                  font-weight: 500;
                  margin-bottom: 0.6em;
                  max-width: 10em;
                  padding-top: 1em;
                  @media only screen and (max-width: 749px) {
                      padding-top: 0.4em;
                  }
              }
              .press-intro-subheading {
                  p {
                      font-size: 20px;
                      line-height: 1.5;
                      color: $dark-grey;
                      margin-top: 0.8em;
                      margin-bottom: 1.4em;
                  }
              }
              .press-intro-body {
                  p {
                      font-size: 16px;
                      line-height: 24px;
                      color: $dark-grey;
                      margin-top: 0.8em;
                  }
              }
              .press-intro-footer {
                  border-radius: 10px;
                  background-color: $cream;
                  padding: 2em 5em;
                  margin-top: 3em;
                  @media only screen and (max-width: 749px) {
                      padding: 20px;
                  }
                  h3 {
                      font-size: 26px;
                      color: $light-blue;
                      font-weight: 100;
                      margin-top: 0em;
                      margin-bottom: 0em;
                      @media only screen and (max-width: 749px) {
                          text-align: center;
                      }
                  }
                  .press-intro-footer-body {
                      p {
                          line-height: 1.5;
                      }
                  }
              }
          }
      }
      .press-facts {
          display: flex;
          max-width: 87em;
          margin-left: auto;
          margin-right: auto;
          margin-top: 5em;
          @media only screen and (max-width: 749px) {
              flex-direction: column;
              margin-top: 3em;
          }
          .heading {
              width: 30%;
              background-image: url(/cdn/shop/files/star-shooting.svg?v=1600176640);
              background-repeat: no-repeat;
              @media only screen and (max-width: 749px) {
                  background-image: none;
                  width: 100%;
                  margin-bottom: 1em;
              }
              h2 {
                  color: $light-blue;
                  font-size: 45px;
                  font-weight: 100;
                  margin-top: 0;
                  padding-left: 4em;
                  padding-top: 1.6em;
                  @media only screen and (max-width: 749px) {
                      margin: 0;
                      padding: 0px 20px;
                      text-align: center;
                  }
              }
          }
          .facts-list {
              width: 70%;
              display: flex;
              flex-wrap: wrap;
              padding-top: 3.4em;
              padding-left: 5em;
              max-width: 52em;
              @media only screen and (max-width: 749px) {
                  width: 100%;
                  padding: 0px 20px;
              }
              .fact-container {
                  display: flex;
                  align-items: center;
                  width: 48%;
                  padding: 0em 1%;
                  min-height: 4.3em;
                  @media only screen and (max-width: 749px) {
                      width: 100%;
                  }
                  .text-container {
                      p {
                          padding-left: 2em;
                          max-width: 16em;
                          line-height: 1.5;
                          @media only screen and (max-width: 749px) {
                              max-width: 100%;
                          }
                          a {
                              color: #000;
                          }
                      }
                  }
              }
          }
      }
      .press-text-bg-image {
          display: flex;
          margin-top: 6em;
          @media only screen and (max-width: 749px) {
              flex-direction: column-reverse;
              margin-top: 3em;
          }
          .text-container-bg,
          .image-container {
              width: 50%;
              @media only screen and (max-width: 749px) {
                  width: 100%;
              }
          }
          .text-container-bg {
              background-color: $cream;
              .text-container {
                  //padding: 7em 6em;
                  //margin-right: auto;
                  max-width: 29.6em;
                  margin-left: auto;
                  margin-right: 8em;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  height: 100%;
                  @media only screen and (max-width: 749px) {
                      margin: auto;
                      padding: 20px;
                  }
                  h2 {
                      font-size: 45px;
                      color: $light-blue;
                      font-weight: 100;
                      margin-top: 0em;
                      margin-bottom: 0em;
                      @media only screen and (max-width: 749px) {
                          text-align: center;
                      }
                  }
                  .press-text-bg-image-subheading {
                      p {
                          font-size: 20px;
                          line-height: 30px;
                          margin-bottom: 0.6em;
                          strong {
                              font-weight: 500;
                          }
                      }
                  }
                  .press-text-bg-image-body {
                      p {
                          line-height: 24px;
                          padding-bottom: 0.6em;
                          strong {
                              font-weight: 500;
                          }
                      }
                  }
                  .button-container {
                      text-decoration: none;
                      text-transform: uppercase;
                      color: $dark-grey;
                      border: 1px solid;
                      border-radius: 30px;
                      font-family: $allround;
                      letter-spacing: 2.67px;
                      font-weight: 600;
                      padding: 1.3em 2.3em;
                      display: inline-block;
                      width: max-content;
                      margin-top: 1em;
                  }
              }
          }
          .image-container {
              img {
                  width: 100%;
                  image-rendering: -webkit-optimize-contrast;
              }
          }
          &.right {
              @media only screen and (max-width: 749px) {
                  flex-direction: column-reverse;
              }
              .text-container-bg {
                  background-image: url('/cdn/shop/files/tr-rainbow.svg?v=1601329431');
                  background-repeat: no-repeat;
                  background-position: 100% 0%;
                  @media only screen and (max-width: 749px) {
                      background-image: none;
                      padding: 10px 0px;
                  }
              }
          }
          &.left {
              flex-direction: row-reverse;
              margin-bottom: 9em;
              @media only screen and (max-width: 749px) {
                  flex-direction: column-reverse;
                  margin-bottom: 1.4em;
              }
              .text-container-bg {
                  background-image: url('/cdn/shop/files/br-rainbow.svg?v=1601349539');
                  background-repeat: no-repeat;
                  background-position: 100% 100%;
                  @media only screen and (max-width: 749px) {
                      background-image: none;
                      padding: 10px 0px;
                  }
              }
          }
      }
      .press-styles {
          margin: 8em 0em 8.6em 0em;
          @media only screen and (max-width: 749px) {
              margin: 3em 0em 3em 0em;
          }
          .heading {
              display: flex;
              justify-content: center;
              padding: 0px 10px;
              margin-bottom: 3.6em;
              @media only screen and (max-width: 749px) {
                  padding: 0px 20px;
              }
              h2 {
                  font-size: 45px;
                  font-weight: 100;
                  color: $light-blue;
                  margin: 0;
                  padding-top: 0.2em;
                  padding-left: 0.4em;
              }
          }
          .icons-list {
              display: flex;
              justify-content: center;
              max-width: 64em;
              margin-left: auto;
              margin-right: auto;
              @media only screen and (max-width: 749px) {
                  flex-direction: column;
              }
              .icon-container {
                  display: flex;
                  align-items: center;
                  padding: 0px 10px;
                  width: 33%;
                  @media only screen and (max-width: 749px) {
                      width: 100%;
                      padding: 0px 20px;
                      margin-bottom: 2em;
                  }
                  .text-container {
                      padding-left: 1.2em;
                      h4 {
                          font-size: 26px;
                          color: $light-blue;
                          margin: 0;
                          font-weight: 100;
                      }
                      p {
                          line-height: 1.5;
                          color: $dark-grey;
                          margin: 0;
                          padding-top: 10px;
                          max-width: 12em;
                          @media only screen and (max-width: 749px) {
                              max-width: 100%;
                          }
                      }
                  }
              }
          }
      }
      .press-collaborations {
          display: flex;
          align-items: center;
          max-width: 79em;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 8em;
          background-image: url('/cdn/shop/files/illustration-stars_v2.svg?v=1600270775');
          background-repeat: no-repeat;
          background-position: 40% 0%;
          @media only screen and (max-width: 749px) {
              flex-direction: column-reverse;
              margin-bottom: 2em;
          }
          .text-container-bg,
          .image-container {
              width: 50%;
              padding: 0px 10px;
              @media only screen and (max-width: 749px) {
                  width: 100%;
                  padding: 0px 20px;
              }
          }
          .text-container-bg {
              .text-container {
                  max-width: 32em;
                  h2 {
                      font-size: 45px;
                      line-height: 1.11;
                      font-weight: 100;
                      color: $light-blue;
                      margin: 0;
                  }
                  p {
                      font-size: 20px;
                      color: $dark-grey;
                      line-height: 1.5;
                  }
                  a {
                      border-radius: 30px;
                      border: 1px solid;
                      background: none;
                      font-family: "AllRound";
                      font-size: 16px;
                      letter-spacing: 2.67px;
                      text-transform: uppercase;
                      padding: 1.3em 2.1em;
                      display: inline-block;
                      text-decoration: none;
                      color: $dark-grey;
                      font-weight: 600;
                      margin-top: 1em;
                  }
              }
          }
          .image-container {
              @media only screen and (max-width: 749px) {
                  margin-bottom: 1em;
                  padding: 0;
              }
              img {
                  width: 100%;
              }
          }
      }
      .home-intro-container {
          padding: 4.4em 0 3em 0;
          margin-top: auto;
          .top-star {
              margin-bottom: -2.6em;
              @media only screen and (max-width: 749px) {
                  margin-bottom: 2em;
                  padding: 0px 20px;
              }
          }
      }
      .press-list {
          background-image: url('/cdn/shop/files/bg-house-plant_2x_f6b779e8-dca3-4f12-a1ee-7c0dc5eb96f0.jpg?v=1601316482');
          background-repeat: no-repeat;
          background-size: 190px;
          background-position: 0% 62%;
          margin-top: 4.6em;
          @media only screen and (max-width: 749px) {
              background-image: none;
          }
          .heading {
              text-align: center;
              padding: 0px 10px;
              background-image: url('/cdn/shop/files/cluster-3-stars.svg?v=1601318442');
              background-repeat: no-repeat;
              max-width: 78em;
              margin-left: auto;
              margin-right: auto;
              @media only screen and (max-width: 749px) {
                  padding: 0px 20px;
                  max-width: 90%;
              }
              h2 {
                  font-size: 45px;
                  text-align: center;
                  padding: 0px 10px;
                  font-weight: 100;
                  color: $light-blue;
                  @media only screen and (max-width: 749px) {
                      padding: 0px 20px;
                  }
              }
          }
          .logos-container {
              display: flex;
              flex-wrap: wrap;
              justify-content: center;
              padding: 1.9em 0 4.8em 0;
              img {
                  padding: 0em 1em;
                  max-height: 6.2em;
                  @media only screen and (max-width: 749px) {
                      max-width: 50%;
                  }
              }
          }
          .press-body {
              background-image: url('/cdn/shop/files/bg-octopus_2x_9f215cf2-62d9-4843-acc2-0ba59a202106.jpg?v=1601316482');
              background-repeat: no-repeat;
              background-position: 100% 0%;
              background-size: 230px;
              @media only screen and (max-width: 749px) {
                  background-image: none;
                  padding: 0px 20px;
              }
              .press-list-container {
                  max-width: 37em;
                  margin-left: auto;
                  margin-right: auto;
                  background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                  background-position: top;
                  background-size: $bgDotted;
                  background-repeat: repeat-x;
                  .entry-container {
                      background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                      background-position: bottom;
                      background-size: $bgDotted;
                      background-repeat: repeat-x;
                      padding: 2em 0;
                      width: 100%;
                      &.hidden {
                          display: none;
                      }
                      .text-container {
                          display: flex;
                          .title-container {
                              width: 80%;
                              h3 {
                                  margin-top: 0;
                                  margin-bottom: 0;
                                  font-family: $atten;
                                  font-weight: 500;
                                  color: $dark-grey;
                              }
                              p {
                                  color: $dark-grey;
                                  line-height: 24px;
                                  margin-top: 0.4em;
                                  margin-bottom: 0;
                              }
                          }
                          .year {
                              width: 20%;
                              text-align: right;                    
                              font-family: $atten;
                              font-size: 20px;
                              color: $dark-grey;
                          }
                      }
                  }
              }
              .button-container {
                  text-align: center;
                  padding: 0px 10px;
                  margin-top: 3em;
                  button {
                      border-radius: 25px;
                      border: 1px solid $dark-grey;
                      background: none;
                      font-family: $allround;
                      font-size: 13px;
                      letter-spacing: 2.17px;
                      color: #000000;
                      text-transform: uppercase;
                      padding: 1.3em 2.3em;
                  }
              }
          }
      }
  }
  .press-footer-container {
      max-width: 66em;
      margin-left: auto;
      margin-right: auto;
      margin-top: 4em;
      svg {
          display: block;
          margin-left: auto;
          margin-right: 0;
          margin-bottom: -5em;
      }
      .press-footer {
          text-align: center;
          padding: 0px 10px;
          max-width: 62em;
          margin-left: auto;
          margin-right: auto;
          padding-top: 2.4em;
          .footer-intro {
              padding: 4em 0;
              border-radius: 10px;
              background-color: $cream;
              @media only screen and (max-width: 749px) {
                padding: 4em 10px;
              }
              h2 {
                  font-size: 45px;
                  font-weight: 100;
                  color: $light-blue;
                  margin-top: 0;
                  margin-bottom: 0;
              }
              p {  
                  font-size: 20px;
                  margin-left: auto;
                  margin-right: auto;
                  max-width: 29em;
                  color: $dark-grey;
                  line-height: 1.5;
                  a {
                      color: $dark-grey;
                      text-decoration: none;
                      border-bottom: 1px solid;
                      height: 1.2em;
                      display: inline-block;
                  }
              }
              .button-container {
                  border-radius: 30px;
                  border: 1px solid #1a1a1c;
                  background: none;
                  font-family: "AllRound";
                  letter-spacing: 2.67px;
                  color: #000000;
                  text-transform: uppercase;
                  padding: 1.2em 1.9em;
                  text-decoration: none;
                  display: inline-block;
                  margin-top: 0.4em;
                  font-weight: 600;
                  @media only screen and (max-width: 749px) {
                    font-size: 14px;
                  }
              }
          }
      }
  }
  /** Press page **/
  
  
  /* Press page */
  .donations-page {
      .donations-heading {
          background-color: $cream;
          background-image: url('/cdn/shop/files/bl-rainbow.svg?v=1601415555');
          background-repeat: no-repeat;
          background-position: 0% 100%;
          padding: 2em 10px;
          @media only screen and (max-width: 749px) {
              background-image: none;
          }
          .bg2 {
              background-image: url('/cdn/shop/files/donations-star-cluster.svg?v=1601415671');
              background-repeat: no-repeat;
              background-position: 13% 100%;
              padding: 1em 0px 6em 0px;
              @media only screen and (max-width: 749px) {
                  background-image: none;
                  padding-bottom: 1em;
              }
          }
          .heading {
              background-image: url(/cdn/shop/files/illustration-stars_v2.svg?v=1600270775);
              background-repeat: no-repeat;
              background-position: 97% 0%;
              @media only screen and (max-width: 749px) {
                  background-image: none;
              }
              h1 {
                  margin-top: 0; 
                  font-size: 60px;
                  font-weight: 100;
                  text-align: center;
                  max-width: 15em;
                  margin-left: auto;
                  margin-right: auto;
                  padding: 0px 10px;
                  text-align: center;
                  color: $light-blue;
                  padding-top: 1em;
                  margin-bottom: 0em;
                  @media only screen and (max-width: 749px) {
                      padding-top: 0em;
                      font-size: 40px;
                  }
              }
              p {
                  text-align: center;
                  font-size: 20px;
                  line-height: 1.5;
                  max-width: 30em;
                  margin-left: auto;
                  margin-right: auto;
                  margin-bottom: 1.4em;
              }
          }
          .button-container {
              text-align: center;
              padding: 0px 10px;
              a {
                  text-decoration: none;
                  text-transform: uppercase;
                  color: $dark-grey;
                  display: inline-block;
                  border: 1px solid;
                  border-radius: 30px;
                  font-family: $allround;
                  font-size: 16px;
                  letter-spacing: 2.67px;
                  font-weight: 600;
                  padding: 1.3em 2.3em;
              }
          }
      }
  
      .donations-intro {
          display: flex;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: -4px;
          align-items: center;
          //margin-bottom: 8em;
          @media only screen and (max-width: 749px) {
              flex-direction: column;        
              margin-top: 1em;
          }
          .text-container-main,
          .image-container {
              width: 50%;
              @media only screen and (max-width: 749px) {
                  width: 100%;
              }
          }
          .text-container-main {
              background-image: url('/cdn/shop/files/illustration-stars.svg?v=1600262601');
              background-repeat: no-repeat;
              background-position: 80% 100%;
              padding-left: 7em;
              padding-bottom: 2em;
              //padding: 5em 7em;
              @media only screen and (max-width: 749px) {
                  padding: 10px 20px;
                  margin-bottom: 2em;
                  background-position: 90% 100%;
              }
              .text-container {
                  //max-width: 32em;
                  h2 {
                      font-size: 45px;
                      line-height: 1.11;
                      font-weight: 100;
                      color: $light-blue;
                      margin: 0;
                      padding-bottom: 0.4em;
                  }
                  .donations-intr-content {
                      height: 30em;
                      overflow: auto;
                      max-width: 31em;
                      padding-right: 3em;
                      @media only screen and (max-width: 749px) {
                          height: auto;
                          overflow: unset;
                          padding: 0;
                      }
                      &::-webkit-scrollbar {
                        width: 7px;
                      }
                      &::-webkit-scrollbar-track {
                        border-radius: 3.5px;
                        margin-top: 4px;
                      }
                      &::-webkit-scrollbar-thumb {
                        background: $light-blue; 
                        border-radius: 3.5px;
                      }
                      p {
                          font-size: 20px;
                          color: $dark-grey;
                          line-height: 1.5;
                          &:first-of-type {
                              margin-top: 0;
                          }
                      }
                      a {
                          font-family: $allround;
                          font-size: 20px;
                          color: $dark-grey;
                          font-weight: 100;
                          text-decoration: none;
                          height: 1.3em;
                          border-bottom: 1px solid;
                          display: inline-block;
                      }
                  }
              }
          }
          .image-container {
              img {
                  width: 100%;
              }
          }
      }
      .donations-announcement {
          background-color: $light-blue;
          display: flex;
          padding: 3em 0;
          justify-content: space-between;
          align-items: center;
          .top-star {
              padding: 0em 3.2em;
              margin-bottom: -1.2em;
              @media only screen and (max-width: 749px) {
                  display: none;
              }
          }
          .middle-container {
              display: flex;
              .heading-container {
                  padding: 0px 10px;
                  h1 {
                      font-family: $allround;
                      color: $off-white;
                      line-height: 1.25;
                      font-size: 60px;
                      font-weight: normal;
                      text-align: center;
                      margin: auto;
                      @media only screen and (max-width: 749px) {
                          font-size: 40px;
                      }
                  }
              }
          }
          .bottom-star {
              padding: 0em 3.2em 1.6em 3.2em;
              text-align: right;
              @media (max-width: 749px) {
                  display: none;
              }
          }
      }
      .donations-request {
          margin: 2em 0;
          display: inline-block;
          width: 100%;
          @media only screen and (max-width: 749px) {
              margin: 2em 0 6em 0;
          }
          .request-intro {
              display: flex;
              align-items: center;
              max-width: 66em;
              margin-left: auto;
              margin-right: auto;
              margin-top: 3em;
              margin-bottom: 3em;
              @media only screen and (max-width: 749px) {
                  flex-direction: column;
                  margin-top: 0em;
              }
              h2,
              .text-container  {
                  padding: 0px 10px;
              }
              h2 {
                  width: 40%;
                  font-size: 45px;
                  font-weight: 500;
                  color: $light-blue;
                  line-height: 1.11;
                  padding-right: 2em;
                  @media only screen and (max-width: 749px) {
                      width: 100%;
                      text-align: center;
                      margin-top: 0;
                      margin-bottom: 0em;
                      padding: 0px 20px;
                      font-size: 35px;
                  }
              }
              .text-container {
                  width: 60%;
                  @media only screen and (max-width: 749px) {
                      width: 100%;
                      padding: 0px 20px;
                  }
                  p {
                      font-size: 20px;
                      line-height: 1.5;
                      color: $dark-grey;
                      padding-bottom: 0.2em;
                      max-width: 28em;
                      a {
                          text-decoration: none;
                          color: $dark-grey;
                      }
                  }
                  a.button-container {
                      text-decoration: none;
                      text-transform: uppercase;
                      color: #1a1a1c;
                      display: inline-block;
                      border: 1px solid;
                      border-radius: 30px;
                      font-family: "AllRound";
                      font-size: 16px;
                      letter-spacing: 2.67px;
                      font-weight: 600;
                      padding: 1.3em 2.6em;
                  }
              }
          }
      }
      .footer-svg {
          display: block;
          margin-left: auto;
          margin-right: 0;
          margin-top: -16em;
      }
      .form-overlay {
          position: fixed;
          top: 0;
          z-index: 999;
          height: 100%;
          width: 100%;
          background-color: rgba(26, 26, 28, 0.4);
          display: none;
          @media only screen and (min-width: 750px) {
              overflow: auto;
          }
          .overlay-container {
              padding: 1em;
              border-radius: 8px;
              box-shadow: 0 2px 20px 2px rgba(0, 0, 0, 0.1);
              background-color: #ffffff;
              top: 10%;
              position: relative;
              max-width: 55em;
              margin: auto;
              padding-bottom: 4em;
              @media only screen and (min-width: 750px) {
                  margin-bottom: 10%;
              }
              @media only screen and (max-width: 749px) {
                  top: 2%;
                  max-width: 94%;
                  overflow: auto;
                  max-height: 96vh;
              }
              .close-button {
                  display: block;
                  max-width: 1em;
                  margin-left: auto;
                  svg {
                      cursor: pointer;
                  }
              }
              .heading {
                  text-align: center;
                  margin-bottom: 3em;
                  h2 {
                      font-size: 45px;
                      font-weight: 100;
                      margin-top: 0.3em;
                      margin-bottom: 0.3em;
                      color: $light-blue;
                  }
                  p {
                      max-width: 27em;
                      margin: auto;
                      line-height: 1.5;
                  }
              }
              .form-container {
                  form {
                      .form-success {
                          text-align: center;
                          padding-bottom: 2em;
                          margin-top: -1em;
                      }
                      .form-body {
                          display: flex;
                          //align-items: center;
                          @media only screen and (max-width: 749px) {
                              flex-direction: column;
                          }
                          .input-container,
                          .textarea-container {
                              display: flex;
                              flex-direction: column;
                              width: 50%;
                              padding: 0em 2em;
                              @media only screen and (max-width: 749px) {
                                  width: 100%;
                                  padding: 0em 1em;
                              }
                          }
                          .input-container {
                              @media only screen and (max-width: 749px) {
                                  margin-bottom: 2em;
                              }
                              input {
                                  border: none;
                                  border-bottom: 1px solid $dark-grey;
                                  font-family: $atten;
                                  font-size: 16px;
                                  line-height: 1.13;
                                  letter-spacing: normal;
                                  color: $dark-grey;
                                  padding-bottom: 0.8em;
                                  &:not(:last-of-type) {
                                      margin-bottom: 1.8em;
                                  }
                                  &::-webkit-input-placeholder {
                                      color: $dark-grey;
                                  }
                                  &:-moz-placeholder {
                                      color: $dark-grey;
                                  }
                                  &::-moz-placeholder {
                                      color: $dark-grey;
                                  }
                                  &:-ms-input-placeholder {
                                      color: $dark-grey;
                                  }
                              }
                          }
                          .textarea-container {
                              label {
                                  font-size: 14px;
                                  font-family: $atten;
                                  color: $dark-grey;
                                  padding-bottom: 8px;
                              }
                              textarea {
                                  border: solid 1px #dddddd;
                                  resize: none;
                                  padding: 0.7em 1em;
                                  line-height: 1.57;
                                  font-size: 14px;
                                  font-family: $atten;
                                  color: $dark-grey;
                                  &:first-of-type {
                                      margin-bottom: 1.4em;
                                  }
                              }
                          }
                      }
                      button {
                          text-decoration: none;
                          text-transform: uppercase;
                          color: #1a1a1c;
                          border: 1px solid;
                          border-radius: 30px;
                          font-family: "AllRound";
                          font-size: 13px;
                          letter-spacing: 2.67px;
                          font-weight: 600;
                          padding: 1.3em 8em;
                          background-color: #FFF;
                          margin: auto;
                          display: block;
                          margin-top: 4em;
                      }
                  }
              }
          }
      }
  }
  

  /* About page */
  .about-page {
    margin-bottom: 4.4em;
    .press-heading {
        background-color: $cream;
        margin-bottom: 3em;
        background-image: url(/cdn/shop/files/left-rainbow-sparkle.svg?v=1601314636);
        background-repeat: no-repeat;
        background-position: 0% 100%;
        padding: 2.3em 10px 4em 10px;
        @media only screen and (max-width: 749px) {
            margin-bottom: 0em;
            background-image: none;
            padding: 2.3em 10px 1em 10px;
        }
        .heading {
            background-image: url(/cdn/shop/files/illustration-stars_v2.svg?v=1600270775);
            background-repeat: no-repeat;
            background-position: 97% 0%;
            @media only screen and (max-width: 749px) {
                background-image: none;
            }
            h1 {
                margin-top: 0; 
                font-size: 60px;
                font-weight: 100;
                text-align: center;
                max-width: 10em;
                margin-left: auto;
                margin-right: auto;
                padding: 0px 10px;
                text-align: center;
                color: $light-blue;
                padding-top: 0.3em;
                margin-bottom: 0em;
                @media only screen and (max-width: 749px) {
                    width: 100%;
                    font-size: 40px;
                }
            }
            p {
                text-align: center;
                font-size: 20px;
                line-height: 1.5;
                max-width: 30em;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 1.4em;
            }
        }
        .button-container {
            text-align: center;
            padding: 0px 10px;
            a {
                text-decoration: none;
                text-transform: uppercase;
                color: $dark-grey;
                display: inline-block;
                border: 1px solid;
                border-radius: 30px;
                font-family: $allround;
                font-size: 16px;
                letter-spacing: 2.67px;
                font-weight: 600;
                padding: 1.3em 2.3em;
            }
        }
    }
    .press-intro {
        display: flex;
        max-width: 78em;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1em;
        justify-content: space-between;
        align-items: center;
        @media only screen and (max-width: 749px) {
            flex-direction: column;
        }
        .image-container {
            width: 50%;
            padding-top: 3em;
            @media only screen and (max-width: 749px) {
                width: 100%;
                padding-top: 0em;
            }
        }
        .text-container {
            width: 50%;
            padding-top: 2.6em;
            padding-left: 2em;
            max-width: 36em;
            background-image: url('/cdn/shop/files/illustration-stars.svg?v=1600262601');
            background-repeat: no-repeat;
            background-position: 86% 0%;
            @media only screen and (min-width: 750px) {
                margin-top: -3em;
            }
            @media only screen and (max-width: 749px) {
                width: 100%;
                padding-left: 20px;
                padding-right: 20px;
                padding-top: 0em;
                background-image: none;
            }
            h2 {
                margin-top: 0;
                font-size: 45px;
                line-height: 1.11;
                color: $light-blue;
                font-weight: 500;
                margin-bottom: 0.6em;
                max-width: 11em;
                padding-top: 1em;
                @media only screen and (max-width: 749px) {
                    padding-top: 0.4em;
                }
            }
            .press-intro-subheading {
                max-width: 29.5em;
                p {
                    font-size: 20px;
                    line-height: 1.5;
                    color: $dark-grey;
                    margin-top: 0.8em;
                    margin-bottom: 1.6em;
                }
            }
        }
    }
    .press-text-bg-image {
        display: flex;
        margin-top: 6em;
        @media only screen and (max-width: 749px) {
            flex-direction: column-reverse;
            margin-top: 3em;
        }
        .text-container-bg,
        .image-container {
            width: 50%;
            @media only screen and (max-width: 749px) {
                width: 100%;
            }
        }
        .text-container-bg {
            background-color: $cream;
            margin-bottom: 4px;
            .text-container {
                //padding: 7em 6em;
                //margin-right: auto;
                max-width: 31em;
                margin-left: auto;
                margin-right: 8em;
                display: flex;
                flex-direction: column;
                justify-content: center;
                height: 100%;
                @media only screen and (max-width: 749px) {
                    margin: auto;
                    padding: 20px;
                }
                h2 {
                    font-size: 45px;
                    color: $light-blue;
                    font-weight: 100;
                    margin-top: 0em;
                    margin-bottom: 0em;
                    /*@media only screen and (max-width: 749px) {
                        text-align: center;
                    }*/
                }
                .press-text-bg-image-subheading {
                    p {
                        font-size: 20px;
                        line-height: 30px;
                        margin-bottom: 0.6em;
                        strong {
                            font-weight: 500;
                        }
                    }
                }
                .press-text-bg-image-body {
                    p {
                        line-height: 24px;
                        padding-bottom: 0.6em;
                        strong {
                            font-weight: 500;
                        }
                    }
                }
                .button-container {
                    text-decoration: none;
                    text-transform: uppercase;
                    color: $dark-grey;
                    border: 1px solid;
                    border-radius: 30px;
                    font-family: $allround;
                    letter-spacing: 2.67px;
                    font-weight: 600;
                    padding: 1.3em 2.3em;
                    display: inline-block;
                    width: max-content;
                    margin-top: 1em;
                }
            }
        }
        .image-container {
            img {
                width: 100%;
                image-rendering: -webkit-optimize-contrast;
            }
        }
        &.right {
            @media only screen and (max-width: 749px) {
                flex-direction: column-reverse;
            }
            .text-container-bg {
                background-image: url('/cdn/shop/files/tr-rainbow.svg?v=1601329431');
                background-repeat: no-repeat;
                background-position: 100% 0%;
                @media only screen and (max-width: 749px) {
                    background-image: none;
                    padding: 10px 0px;
                }
            }
        }
        &.left {
            flex-direction: row-reverse;
            margin-bottom: 9em;
            @media only screen and (max-width: 749px) {
                flex-direction: column-reverse;
                margin-bottom: 1.4em;
            }
            .text-container-bg {
                background-image: url('/cdn/shop/files/br-rainbow.svg?v=1601349539');
                background-repeat: no-repeat;
                background-position: 100% 100%;
                @media only screen and (max-width: 749px) {
                    background-image: none;
                    padding: 10px 0px;
                }
            }
        }
    }
    .home-intro-container {
        padding: 3.4em 0 7.8em 0;
        margin-top: auto;
        @media only screen and (max-width: 749px) {
            padding: 3.4em 0 13em 0;
        }
        .top-star {
            margin-bottom: -2.6em;
            @media only screen and (max-width: 749px) {
                margin-bottom: 2em;
                padding: 0px 20px;
            }
        }
        .middle-container {
            max-width: 62em;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
            margin-bottom: -8.8em;
            .heading-container {
                padding: 0px 10px;
                width: 30%;
                @media only screen and (max-width: 749px) {
                    width: 100%;
                }
            }
            .text-container {
                width: 70%;
                padding-top: 0;
                @media only screen and (max-width: 749px) {
                    width: 100%;
                }
                .text {
                    max-width: 100%;
                    a {
                        padding: 1.2em 3.4em;
                    }
                }
            }
        }
    }
    .about-newsletter {
        display: flex;
        max-width: 84em;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4.6em;
        margin-bottom: 7.8em;
        justify-content: space-between;
        //position: relative;
        //align-items: center;
        @media only screen and (max-width: 749px) {
            flex-direction: column;
            margin-bottom: 4em;
        }
        .image-container {
            width: 50%;
            padding-top: 3em;
            padding-left: 3em;
            @media only screen and (max-width: 749px) {
                width: 100%;
                padding-top: 0em;
                padding-left: 0;
            }
            img {
                width: 100%;
                max-width: 38em;
            }
        }
        .text-container {
            width: 50%;
            padding-top: 2.6em;
            padding-left: 1em;
            max-width: 36em;
            background-image: url('/cdn/shop/files/icon-gold-star-cluster.svg?v=1597856986');
            background-repeat: no-repeat;
            background-position: 100% 0%;
            @media only screen and (max-width: 749px) {
                width: 100%;
                padding-left: 20px;
                padding-right: 20px;
                padding-top: 0em;
                background-image: none;
            }
            h2 {
                margin-top: 0;
                font-size: 45px;
                line-height: 1.11;
                color: $light-blue;
                font-weight: 500;
                margin-bottom: 0.6em;
                //max-width: 11em;
                padding-top: 1em;
                @media only screen and (max-width: 749px) {
                    padding-top: 0.4em;
                }
            }
            .press-intro-subheading {
                max-width: 29.5em;
                p {
                    font-size: 20px;
                    line-height: 1.5;
                    color: $dark-grey;
                    margin-top: 0.8em;
                    margin-bottom: 1.4em;
                }
            }
            .newsletter-container {
                border-radius: 10px;
                background-color: #fffaf5;
                //position: absolute;
                //bottom: 0;
                width: 100%;
                max-width: 29em;
                padding: 2em 2em 2.6em 2em;
                .heading-container {
                    margin-bottom: 1.4em;
                    span {
                        font-family: $allround;
                        font-size: 26px;
                        color: $light-blue;
                        font-weight: 500;
                        margin-left: 14px;
                    }
                }
                .form-container {
                    form {
                        max-width: 28em;
                    }
                }
            }
        }
    }
    .about-founder {
        display: flex;
        margin-top: 3em;
        @media only screen and (max-width: 1100px) {
            margin-bottom: 5em;
        }
        .founder-body {
            padding: 0px 10px;
            text-align: center;
            width: 64%;
            @media only screen and (max-width: 1100px) {
                padding: 0px;
            }
            .text-container {
                max-width: 36em;
                margin-left: auto;
                margin-right: auto;
                .heading-svg {
                    position: absolute;
                    right: 0;
                    margin-top: -2.8em;
                    margin-right: 6em;
                    @media only screen and (max-width: 749px) {
                        display: none;
                    }
                }
                h2 {
                    font-size: 45px;
                    font-weight: 500;
                    color: $light-blue;
                    margin-top: 0.6em;
                    margin-bottom: 0em;
                }
                p {
                    font-size: 20px;
                    font-style: italic;
                    line-height: 1.5;
                    color: $dark-grey;
                }
            }
            .founder-container {
                display: flex;
                align-items: center;
                justify-content: center;
                margin-top: 3em;
                .founder-image,
                .founder-signature {
                    padding: 0px 8px;
                }
                .founder-image {
                    img {
                        width: 100%;
                        max-width: 6.3em;
                    }
                }
                .founder-signature {
                    text-align: left;
                    svg {
                        max-height: 4em;
                        max-width: 7em;
                        margin-top: -15px;
                        margin-bottom: 6px;
                    }
                    p {
                        margin: 0;
                        font-family: $allround;
                        font-size: 14px;
                        letter-spacing: 2px;
                        color: $dark-grey;
                        text-transform: uppercase;
                        font-style: normal;
                        font-weight: 600;
                        padding-left: 1.1em;
                    }
                }
            }
        }
        .founder-left,
        .founder-right {
            width: 18%;
        }
    }
    .about-footer-container {
        max-width: 49em;
        margin-left: auto;
        margin-right: auto;
        margin-top: -2.6em;
        background-color: $cream;
        border-radius: 10px;
        @media only screen and (max-width: 749px) {
            max-width: 90%;
            margin-bottom: 6em;
        }
        .header-svg {
            display: block;
            margin-left: auto;
            margin-right: 1em;
            margin-bottom: -5em;
            padding-top: 1em;
        }
        .footer-svg {
            display: block;
        }
        .press-footer {
            text-align: center;
            padding: 8px 10px 1.1em 20px;
            max-width: 50em;
            margin-left: auto;
            margin-right: auto;
            //padding-top: 2.4em;
            .footer-intro {
                padding: 2em 0 0em 0;
                border-radius: 10px;
                h2 {
                    font-size: 26px;
                    font-weight: 100;
                    color: $light-blue;
                    margin-top: 0;
                    margin-bottom: 0;
                }
                p {  
                    font-size: 16px;
                    margin-left: auto;
                    margin-right: auto;
                    max-width: 29em;
                    color: $dark-grey;
                    line-height: 1.5;
                    margin-bottom: 0;
                    a {
                        color: $dark-grey;
                        text-decoration: none;
                        border-bottom: 1px solid;
                        height: 1.2em;
                        display: inline-block;
                    }
                }
                .button-container {
                    border-radius: 30px;
                    border: 1px solid #1a1a1c;
                    background: none;
                    font-family: "AllRound";
                    letter-spacing: 2.67px;
                    color: #000000;
                    text-transform: uppercase;
                    padding: 1.2em 1.9em;
                    text-decoration: none;
                    display: inline-block;
                    margin-top: 0.4em;
                    font-weight: 600;
                }
            }
        }
    }
}
/** About page **/

  /* FAQ page */
  .faq-page {
      display: flex;
      max-width: 79em;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: -3em;
      //padding-top: 4em;
      //margin-bottom: 8em;
      @media only screen and (max-width: 749px) {
          flex-direction: column;
      }
      #shopify-section-faq-sidebar,
      .faq-sections {
          padding: 0px 10px;
          @media only screen and (max-width: 749px) {
              padding: 0px 20px;
          }
      }
      #shopify-section-faq-sidebar {
          width: 26%;
          @media only screen and (max-width: 749px) {
              width: 100%;
          }
          .faq-sidebar {
              padding-top: 4em;
              .heading {
                  display: flex;
                  h2 {
                      font-size: 60px;
                      font-weight: 100;
                      color: $light-blue;
                      margin-top: 0;
                      margin-bottom: 0.4em;
                  }
                  svg {
                      margin-left: 2.4em;
                      margin-top: 1em;
                  }
              }
              .sidebar-links {
                  background-image: url('/cdn/shop/files/faq-star-cluster-2.svg?v=1601406607');
                  background-repeat: no-repeat;
                  background-position: 62% 100%;
                  .links-container {
                      display: flex;
                      align-items: center;
                      margin-bottom: 1em;
                      .icon-container {
                          width: 2em;
                          text-align: center;
                          margin-right: 1em;
                          /*svg {
                              height: auto;
                          }*/
                      }
                      a {
                          font-family: $atten;
                          color: $dark-grey;
                          text-decoration: none;
                      }
                  }
              }
          }
      }
      .faq-sections {
          width: 74%;
          @media only screen and (max-width: 749px) {
              width: 100%;
          }
          .faq-section {
              max-width: 51em;
              margin-bottom: 0em;
              &:first-of-type {
                  .heading {
                      h2 {
                          margin-top: 0em;
                      }
                  }
              }
              &.section-2 {
                  position: relative;
                  .shooting-star {
                      position: absolute;
                      top: 54%;
                      right: -11em;
                  }
              }
              &.section-2,
              &.section-4 {
                  .heading {
                      background-image: url('/cdn/shop/files/faq-star-cluster-section-4.svg?v=1601409580');
                      background-repeat: no-repeat;
                      background-position: 100% 0%;
                      height: 8em;
                      margin-top: -4em;
                      margin-right: -8em;
                      h2 {
                          padding-top: 1.2em;
                      }
                  }
              }
              &.section-3,
              &.section-5 {
                  .heading {
                      background-image: url('/cdn/shop/files/faq-star-cluster-section-5.svg?v=1601408693');
                      background-repeat: no-repeat;
                      margin-top: -4em;
                      margin-left: -6em;
                      h2 {
                          margin-left: 2.14em;
                          padding-top: 0.9em;
                      }
                  }
              }
              .heading {
                  h2 {
                      font-size: 45px;
                      font-weight: 100;
                      color: $light-blue;
                      margin-bottom: 0.4em;
                  }
              }
              .qa-list {
                  background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
                  background-position: top;
                  background-size: $bgDotted;
                  background-repeat: repeat-x;
                  .qa-container {
                      cursor: pointer;
                      background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
                      background-position: bottom;
                      background-size: $bgDotted;
                      background-repeat: repeat-x;
                      padding: 1.2em 0;
                      &.active {
                          .open-sign {
                              display: none;
                          }
                      }
                      &:not(.active) {
                          .minus-sign {
                              display: none;
                          }
                      }
                      h5 {
                          font-family: $atten;
                          font-size: 18px;
                          line-height: 1.78;
                          color: $dark-grey;
                          margin: 0;
                          font-weight: 100;
                          display: flex;
                          align-items: center;
                          justify-content: space-between;
                          img {
                              width: 100%;
                              max-width: 10px;
                          }
                      }
                      .answer {
                          display: none;
                          p {
                              line-height: 1.5;
                              color: #4a4a4a;
                              &:first-of-type {
                                  margin-top: 0.2em;
                              }
                              &:last-of-type {
                                  margin-bottom: 0em;
                              }
                            a {
                              color: inherit;
                            }
          
                          }
                          .faq-video {
                          .title {
                            display: flex;
                            align-items: center;
                            padding: 10px 0px;
                            svg {
                              margin-top: -2px;
                              margin-right: 8px;
                              width: 20px;
                              height: 20px;
                            }
                            span {
                              font-family: "AttenRound";
                              font-size: 15px;
                              color: #1a1a1c;
                              font-weight: 400;
                              background-image: linear-gradient(to right, black 33%, rgba(255, 255, 255, 0) 0%);
                              background-position: bottom;
                              background-size: 4px 1px;
                              background-repeat: repeat-x;
                              padding-bottom: 2px;
                            }
                          }
                          .video-wrapper {
                            position: fixed;
                            top: 0;
                            left: 0;
                            text-align: center;
                            width: 100%;
                            z-index: 999999;
                            background-color: rgba(26, 26, 28, 0.6);
                            height: 100%;
                            visibility: hidden;
                            opacity: 0;
                            transition: visibility 0s, opacity 0.5s linear;
                            &.active {
                                visibility: visible;
                                opacity: 1;
                            }
                            .close {
                                right: 2.2%;
                                top: 4%;
                                text-align: right;
                                position: fixed;
                                width: 100%;
                                cursor: pointer;
                            }
                            .video-container {
                              position: relative;
                              overflow: hidden;
                              width: 100%;
                              top: 30%;
                              video {
                                width: 100%;
                                max-width: 38em;
                                @media only screen and (max-width: 749px) {
                                  max-width: 80%;
                                }
                              }
                            }
                          }
                        }
                      }
                  }
              }
          }
      }
      .anchor {
          height: 4em;
          visibility: hidden;
          margin-bottom: -2em;
      }
      .press-footer-container {
          margin-top: 6em;
          position: relative;
          svg {
              top: 55%;
              position: absolute;
              right: -3em;
          }
          .press-footer {
              padding: 0;
              margin-left: 0;
              max-width: 51.2em;
              .footer-intro {
                  .button-container {
                      padding: 1.2em 3.1em;
                  }
              }
          }
      }
  }
  .faq-footer-icon {
      display: block;
      margin-left: auto;
      margin-right: 0;
  }
  /** FAQ page **/
  
  /* Artist page */
  .artists-page {
      //margin-bottom: 8em;
      .artists-heading {
          background-color: $cream;
          margin-bottom: 5.6em;
          background-image: url(/cdn/shop/files/illustration-rainbow-sparkle.svg?v=1600270299);
          background-repeat: no-repeat;
          background-position: 100% 100%;
          padding: 2.3em 10px 4em 10px;
          @media only screen and (max-width: 749px) {
              background-image: none;
              margin-bottom: 1em;
          }
          .heading {
              background-image: url(/cdn/shop/files/illustration-stars_v2.svg?v=1600270775);
              background-repeat: no-repeat;
              background-position: 3% 0%;
              @media only screen and (max-width: 749px) {
                  background-image: none;
              }
              h1 {
                  margin-top: 0; 
                  font-size: 60px;
                  font-weight: 100;
                  text-align: center;
                  max-width: 10em;
                  margin-left: auto;
                  margin-right: auto;
                  padding: 0px 10px;
                  text-align: center;
                  color: $light-blue;
                  padding-top: 0.3em;
                  @media only screen and (max-width: 749px) {
                      font-size: 40px;
                  }
              }
          }
          .button-container {
              text-align: center;
              padding: 0px 10px;
              a {
                  text-decoration: none;
                  text-transform: uppercase;
                  color: $dark-grey;
                  display: inline-block;
                  border: 1px solid;
                  border-radius: 30px;
                  font-family: $allround;
                  font-size: 16px;
                  letter-spacing: 2.67px;
                  font-weight: 600;
                  padding: 1.3em 2.3em;
              }
          }
      }
      .artists-intro {
          display: flex;
          max-width: 78em;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 1em;
          justify-content: space-between;
          @media only screen and (max-width: 749px) {
              flex-direction: column;
          }
          .image-container,
          .text-container {
              padding: 0px 10px;
          }
          .image-container {
              width: 50%;
              padding-top: 2em;
              @media only screen and (max-width: 749px) {
                  width: 100%;
                  margin-bottom: 1em;
                  padding-top: 0;
              }
              img {
                  @media only screen and (max-width: 749px) {
                      width: 100%;
                  }
              }
          }
          .text-container {
              width: 50%;
              padding-top: 2em;
              max-width: 36em;
              background-image: url('/cdn/shop/files/illustration-stars.svg?v=1600262601');
              background-repeat: no-repeat;
              background-position: 100% 0%;
              @media only screen and (max-width: 749px) {
                  width: 100%;
                  max-width: 100%;
                  background-image: none;
                  padding: 0px 20px;
              }
              h2 {
                  margin-top: 0;
                  font-size: 45px;
                  line-height: 1.11;
                  color: $light-blue;
                  font-weight: 500;
                  margin-bottom: 0.6em;
                  max-width: 10em;
                  @media only screen and (max-width: 749px) {
                      max-width: 100%;
                      text-align: center;
                  }
              }
              p {
                  font-size: 20px;
                  line-height: 1.5;
                  color: $dark-grey;
                  margin-top: 0.8em;
              }
              .artist-accordion {
                  margin-top: 5.4em;
                  background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                  background-position: bottom;
                  background-size: 4px 1px;
                  background-repeat: repeat-x;
                  @media only screen and (max-width: 749px) {
                      margin-top: 2em;
                  }
                  .accordion-container {
                      background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                      background-position: top;
                      background-size: 4px 1px;
                      background-repeat: repeat-x;
                      &:not(.active) {
                          .title {
                              svg {
                                  transform: rotate(180deg);
                              }
                          }
                      }
                      .title {
                          cursor: pointer;
                          font-family: $allround;
                          color: $dark-grey;
                          font-size: 14px;
                          letter-spacing: 2px;
                          text-transform: uppercase;
                          padding: 1.6em 0;
                          font-weight: 900;
                          display: flex;
                          align-items: center;
                          justify-content: space-between;
                          svg {
                              width: 9px;
                              margin-right: 1em;
                              -webkit-transition: 0.5s ease-in-out;
                              -moz-transition: 0.5s ease-in-out;
                              -o-transition: 0.5s ease-in-out;
                              transition: 0.5s ease-in-out;
                          }
                      }
                      .description {
                          display: none;
                          p {
                              font-size: 16px;
                              margin-top: 0;
                              padding-bottom: 2em;
                              margin-bottom: 0;
                          }
                      }
                  }
              }
          }
      }
      #artists-list {
          height: 4em;
          visibility: hidden;
          margin-bottom: -2em;
      }
      .artists-list {
          .heading {
              text-align: center;
              padding: 0px 10px;
              margin-bottom: 2em;
              background-image: url('/cdn/shop/files/star-shooting.svg?v=1600176640');
              background-repeat: no-repeat;
              max-width: 77em;
              margin-left: auto;
              margin-right: auto;
              @media only screen and (max-width: 749px) {
                  background-image: none;
              }
              h2 {
                  font-size: 45px;
                  color: $light-blue;
                  font-weight: 500;
                  margin-bottom: 0;
                  @media only screen and (max-width: 749px) {
                      margin-top: 0;
                  }
              }
              p {
                  font-size: 20px;
                  color: $dark-grey;
                  max-width: 28em;
                  margin-left: auto;
                  margin-right: auto;
                  margin-top: 0.8em;
                  line-height: 1.5;
              }
          }
          .artist-filter {
              display: flex;
              justify-content: center;
              padding: 0px 10px;
              align-items: center;
              max-width: 22em;
              margin-left: auto;
              margin-right: auto;
              span {
                  font-family: $allround;
                  font-size: 14px;
                  font-weight: 600;
                  letter-spacing: 2px;
                  color: $dark-grey;
                  text-transform: uppercase;
                  width: 48%;
              }
              select {
                  background: url('/cdn/shop/files/caret-down.svg') 0 0 no-repeat;
                  background-position: 94% 50%;
                  padding: 10px;
                  width: 52%;
                  -moz-appearance:none;
                  -webkit-appearance:none;
                  -webkit-appearance: none;
                  font-size: 14px;
                  font-family: $atten;
                  color: $dark-grey;
                  border: solid 1px #dddddd;
              }
          }
          .artists-container {

              flex-wrap: wrap;
              justify-content: space-between;
              max-width: 57em;
              margin-left: auto;
              margin-right: auto;
              margin-top: 5em;
              @media only screen and (max-width: 749px) {
                  margin-top: 2em;
              }
              .artist-container  {
                  width: 33%;
                  height: 600px;
                  padding: 0px 10px;
                  margin-bottom: 4.6em;
                  @media only screen and (max-width: 749px) {
                      width: 50%;
                      padding: 0px 10px;
                  }
                  img {
                      @media only screen and (max-width: 749px) {
                          width: 100%;
                      }
                  }
                  .text-container {
                      max-width: 17.5em;
                      @media only screen and (max-width: 749px) {
                          max-width: 100%;
                      }
                      h3 {
                          font-weight: 400;
                          font-size: 26px;
                          color: $light-blue;
                          margin: 0.4em 0;
                      }
                      p {
                          margin-top: 0;
                          line-height: 1.5;
                          color: $dark-grey;
                      }
                      .icons-link {
                          display: flex;
                          justify-content: space-between;
                          .icons {
                              a {
                                  text-decoration: none;
                                  font-size: 20px;
                                  @media only screen and (max-width: 749px) {
                                    font-size: 14px;
                                  }
                                  &:not(:last-of-type) {
                                      padding-right: 0.6em;
                                      @media only screen and (max-width: 749px) {
                                        padding-right: 0.2em;
                                      }
                                  }
                                  &.instagram {
                                      color: #fac7c7;
                                  }
                                  &.twitter {
                                      color: $light-blue;
                                  }
                                  &.website {
                                      color: $dark-gold;
                                  }
                              }
                          }
                          .artist-collection {
                              a {
                                  font-family: $atten;
                                  color: $dark-grey;
                                  text-decoration: none;
                                  background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
                                  background-position: bottom;
                                  background-size: $bgDotted;
                                  background-repeat: repeat-x;
                                  padding-bottom: 0.4em;
                                  @media only screen and (max-width: 749px) {
                                    font-size: 14px;
                                  }
                                  svg {
                                      max-width: 14px;
                                      margin-left: 4px;
                                  }
                              }
                          }
                      }
                  }
              }
          }
      }
      .load-more {
        text-decoration: none;
        text-transform: uppercase;
        color: #1a1a1c;
        border: 1px solid;
        border-radius: 30px;
        font-family: "AllRound";
        letter-spacing: 2.67px;
        font-weight: 600;
        padding: 1.3em 2.3em;
        display: block;
        margin-top: 1em;
        background: none;
        margin: auto;
        margin-bottom: 4.8em;
      }
      .artists-footer {
          max-width: 80em;
          padding: 0px 10px;
          margin-left: auto;
          margin-right: auto;
          @media only screen and (max-width: 749px) {
              padding: 0px 20px;
          }
          .separator {
              background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
              background-position: top;
              background-size: $bgDotted;
              background-repeat: repeat-x;
              height: 1px;
          }
          .footer-intro {
              display: flex;
              align-items: center;
              max-width: 66em;
              margin-left: auto;
              margin-right: auto;
              margin-top: 3em;
              margin-bottom: 3em;
              @media only screen and (max-width: 749px) {
                  flex-direction: column;
                  margin-top: 1em;
                  margin-bottom: 0;
              }
              h2 {
                  width: 38%;
                  font-size: 45px;
                  font-weight: 500;
                  color: $light-blue;
                  line-height: 1.11;
                  @media only screen and (max-width: 749px) {
                      width: 100%;
                      text-align: center;
                      margin-bottom: 0;
                  }
              }
              p {
                  width: 62%;
                  font-size: 20px;
                  line-height: 1.5;
                  color: $dark-grey;
                  padding-bottom: 1em;
                  @media only screen and (max-width: 749px) {
                      width: 100%;
                  }
                  a {
                      text-decoration: none;
                      color: $dark-grey;
                  }
              }
          }
          .footer-bottom-container {
              border-radius: 10px;
              background-color: $light-blue;
              position: relative;
              .top-icon {
                  @media only screen and (max-width: 1024px) {
                      display: none;
                  }
                  svg {
                      fill: #fffcfa;
                      margin: 1.4em 2em;
                      width: 4.6em;
                      height: auto;
                      margin-bottom: 2em;
                      float: right;
                      g {
                          filter: none;
                      }
                  }
              }
              .footer-newsletter {
                  display: flex;
                  align-items: center;
                  padding: 4em 6em 3em 6em;
                  @media only screen and (max-width: 749px) {
                      flex-direction: column;
                      padding: 2em;
                  }
                  h2 {
                      width: 30%;
                      color: $cream;
                      font-weight: 500;
                      font-size: 80px;
                      line-height: 0.94;
                      margin: 0;
                      @media only screen and (max-width: 749px) {
                          width: 100%;
                      }
                  }
                  .newsletter-container {
                      width: 70%;
                      max-width: 30em;
                      margin-left: 8em;
                      @media only screen and (max-width: 749px) {
                          width: 100%;
                          max-width: 100%;
                          margin: auto;
                      }
                      p {
                          color: $cream;
                          font-size: 20px;
                          line-height: 1.5;
                          font-weight: 500;
                      }
                  }
              }
              .bottom-icon {
                  @media only screen and (max-width: 749px) {
                      display: none;
                  }
                  svg {
                      fill: $off-white;
                      margin: 1em;
                      width: 4.6em;
                      height: auto;
                      margin-top: -6.5em;
                      margin-bottom: 2em;
                      /*g {
                          filter: none;
                      }*/
                  }
              }
          }
      }
      .footer-icon {
          display: flex;
          justify-content: flex-end;
          width: 100%;
          @media only screen and (max-width: 749px) {
              visibility: hidden;
          }
          svg {
              margin-top: -11.3em;
          }
      }
  }
  
  .wishlist-template {
      margin-left: auto;
      margin-right: auto;
      max-width: 79em;
      margin-top: 3em;
      @media only screen and (max-width: 749px) {
        margin-top: 1em;
      }
      #zooomyemailfbtn {
        @media only screen and (max-width: 749px) {
            padding: 0px 11px;
            display: flex;
            flex-direction: column-reverse;
            align-items: center;
            margin-bottom: 1em;
        }
        .z_social_share_wishlist {
            .fa {
                background: none;
                color: #000;
                font-size: 16px;
            }
        }
        #emailzwishlist {
            font-family: "AllRound";
            @media only screen and (max-width: 749px) {
                margin-top: 0.4em;
            }
        }
      }
      #zemaildata {
        @media only screen and (max-width: 749px) {
            padding: 0px 11px;
        }
        input,
        textarea {
            font-family: "AttenRound";
            color: #1a1a1c;
            &::-webkit-input-placeholder {
                color: #1a1a1c;
            }
            &:-moz-placeholder {
                color: #1a1a1c;
            }
            &::-moz-placeholder {
                color: #1a1a1c;
            }
            &:-ms-input-placeholder {
                color: #1a1a1c;
            }
        }
        input {
            padding: 6px;
        }
        #zsendemail {
            font-family: "AllRound";
        }
      }
      .zooomyaddtowishlistmsg {
          a {
            text-align: center;
            display: block;
            color: $dark-grey;
            font-family: $atten;
            margin-bottom: 1em;
          }
      }
      #ZoomyWishlistPage {
          margin-bottom: 10em;
          @media only screen and (max-width: 749px) {
            padding: 0px 10px;
          }
          .ZoomyWishlistPageGrid {
              .removefromwishlist {
                font-family: $atten;
                color: $dark-grey;
                background: none;
                font-size: 25px;
              }
              select {
                border: solid 1px #dddddd;
                font-family: "AttenRound";
                font-size: 14px;
                color: #1a1a1c;
                width: 4em;
                margin-bottom: 1em;
                padding: 0.4em;
            }
              .zbodytitle a,
              .zprice {
                font-family: $atten;
                color: $dark-grey;
              }
              .zprice {
                padding: 10px 0px;
                display: block;
            }
          }
      }
      .zbodyaction {
        width: 100%;
        display: flex;
        justify-content: center;
          .zooomybtn {
                font-family: "AllRound";
                text-decoration: none;
                letter-spacing: 2.67px;
                color: #1a1a1c;
                text-transform: uppercase;
                border-radius: 30px;
                border: solid 1px;
                padding: 1em 1em;
                font-size: 12px;
                font-weight: 600;
                margin-bottom: 1em;
                background: none;
                margin-left: auto;
                margin-right: auto;
                width: 50%;
                margin: 0px 5px;
                &#wishlist_page_product_text {
                    background: $light-blue !important;
                    display: none;
                    a {
                        background: $light-blue !important;
                    }
                }
          }
      }
  }
  
  .zmsg {
      font-weight: 500;
      font-family: "AttenRound";
      font-size: 15px;
      color: #1a1a1c;
      padding: 0px 10px;
      text-decoration: underline !important;
  }
  
  .mobile-search,
  .desktop-search {
    form {
      background-color: rgba(26, 26, 28, 0.4);
      position: absolute;
      height: 100%;
      width: 100%;
      text-align: center;
      z-index: 1001;
      opacity: 0;
      visibility: hidden;
      transition: opacity 200ms ease-out;
      .wrapper,
      .desktop-search-wrapper {
        background: #FFF;
        display: flex;
        align-items: center;
        .searchBar {
          display: flex;
          height: 3.2em;
          align-items: center;
          width: 100%;
          max-width: 84em;
          margin-bottom: 1em;
          @media only screen and (max-width: 749px) {
              max-width: 96%;
              margin-bottom: 0.2em;
          }
          .desktop-search-close {
            width: 20px;
            cursor: pointer;
            svg {
              max-width: 14px;
            }
          }
          .mobile-search-close {
            margin-right: 0.8em;
            width: 10%;
            i {
              font-size: 15px;
              color: #cccccc;
            }
          }
          input[type="search"] {
            border: 0;
            width: 97%;
            font-family: $atten;
            font-weight: normal;
            font-size: 20px;
            color: $dark-grey;
            padding: 10px;
            &::-webkit-input-placeholder {
              padding-left: 0.6em;
            }
            &:-moz-placeholder {
              padding-left: 0.6em;
            }
            &::-moz-placeholder {
              padding-left: 0.6em;
            }
            &:-ms-input-placeholder {
              padding-left: 0.6em;
            }
          }
          button {
            width: 3%;
            -webkit-appearance: none;
            background: none;
            outline: none;
            border: none;
          }
        }
      }
    }
  }
  
  .mobile-search {
    @media only screen and (min-width: 1024px) {
      display: none !important;
    }
    .wrapper {
      height: 3.6em;
      .searchBar {
        padding: 1em 0.5em;
        svg {
          max-width: 1em;
        }
      }
    }
  }
  
  .desktop-search {
    .desktop-search-wrapper {
      height: 4em;
      .searchBar {
        padding: 0.5em 1em;
        margin: auto;
        justify-content: space-between;
        button {
          text-align: right;
        }
      }
    }
  }

/* Subscribe page */
.subscription-page {
    margin-bottom: 6.6em;
    .subscription-heading {
        display: flex;
        //margin-top: 1.6em;
        flex-direction: row-reverse;
        //margin-bottom: 9em;
        @media only screen and (max-width: 749px) {
            flex-direction: column-reverse;
            margin-bottom: 1.4em;
        }
        .text-container-bg {
            background-image: url('/cdn/shop/files/illustration-rainbow-sparkle.svg?v=1600270299');
            background-repeat: no-repeat;
            background-position: 100% 100%;
            @media only screen and (max-width: 749px) {
                background-image: none;
                padding: 10px 0px;
            }
        }
        .text-container-bg,
        .image-container {
            width: 50%;
            @media only screen and (max-width: 749px) {
                width: 100%;
            }
        }
        .text-container-bg {
            background-color: $cream;
            .text-container {
                //padding: 7em 6em;
                //margin-right: auto;
                max-width: 29.6em;
                margin-left: auto;
                margin-right: 8em;
                display: flex;
                flex-direction: column;
                justify-content: center;
                height: 100%;
                @media only screen and (max-width: 749px) {
                    margin: auto;
                    padding: 20px;
                }
                .heading-svg {
                    text-align: right;
                    margin-right: -2em;
                    margin-bottom: -1em;
                }
                h2 {
                    font-size: 45px;
                    color: $light-blue;
                    font-weight: 100;
                    margin-top: 0em;
                    margin-bottom: 0em;
                    @media only screen and (max-width: 749px) {
                        text-align: center;
                    }
                }
                .press-text-bg-image-body {
                    p {
                        font-size: 20px;
                        line-height: 1.5;
                        color: $dark-grey;
                        &:first-of-type {
                            margin-top: 0.6em;
                        }
                        strong {
                            font-weight: 500;
                        }
                    }
                }
                .icons-container {
                    display: flex;
                    margin-top: 0.4em;
                    margin-bottom: 0.8em;
                    svg {
                        &:not(:last-of-type) {
                            margin-right: 1.8em;
                        }
                    }
                }
                .button-container {
                    text-decoration: none;
                    text-transform: uppercase;
                    color: $dark-grey;
                    border: 1px solid;
                    border-radius: 30px;
                    font-family: $allround;
                    letter-spacing: 2.67px;
                    font-weight: 600;
                    padding: 1.3em 2.3em;
                    display: inline-block;
                    width: max-content;
                    margin-top: 1em;
                }
            }
        }
        .image-container {
            img {
                width: 100%;
                image-rendering: -webkit-optimize-contrast;
            }
        }
    }
    .countdown {
        position: relative;
        width: 100%;
        z-index: 999;
        margin-bottom: 3.8em;
    }
    .subscription-hiw {
        margin-bottom: 6.6em;
        .heading {
            text-align: center;
            padding: 0px 10px;
            margin-bottom: 3.6em;
            h2 {
                color: $light-blue;
                font-size: 45px;
                font-weight: 500;
                margin-bottom: 0.5em;
            }
            .subheading {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0px 10px;
                cursor: pointer;
                &:hover {
                    opacity: 0.8;
                }
                svg {
                    margin-top: -10px;
                    margin-right: 14px;
                }
                span {
                    font-family: $atten;
                    font-size: 20px;
                    color: $dark-grey;
                    font-weight: 400;
                    background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                    background-position: bottom;
                    background-size: 4px 1px;
                    background-repeat: repeat-x;
                    padding-bottom: 8px;
                }
            }
        }
        .info-blocks {
            display: flex;
            text-align: center;
            justify-content: space-between;
            max-width: 78em;
            margin-left: auto;
            margin-right: auto;
            @media only screen and (max-width: 1100px) {
                justify-content: center;
                flex-wrap: wrap;
                max-width: 50em;
            }
            @media only screen and (max-width: 749px) {
                flex-direction: column;
                align-items: center;
            }
            .info-block {
                padding: 0px 10px;
                //max-width: 16.8em;
                width: 25%;
                @media only screen and (max-width: 1100px) {
                    width: 50%;
                    max-width: 100%;
                }
                @media only screen and (max-width: 749px) {
                    margin-bottom: 2em;
                    width: 100%;
                }
                h3 {
                    //font-weight: 600;
                    text-transform: uppercase;
                    font-size: 14px;
                    letter-spacing: 1.17px;
                    color: $dark-grey;
                }
                p {
                    line-height: 1.5;
                    color: $dark-grey;
                    max-width: 15.4em;
                    margin-left: auto;
                    margin-right: auto;
                }
            }
        }
        .stickii-video {
            position: fixed;
            top: 0;
            text-align: center;
            width: 100%;
            z-index: 999999;
            background-color: rgba(26, 26, 28, 0.6);
            height: 100%;
            visibility: hidden;
            opacity: 0;
            transition: visibility 0s, opacity 0.5s linear;
            &.active {
                visibility: visible;
                opacity: 1;
            }
            .close {
                right: 2.2%;
                top: 4%;
                text-align: right;
                position: fixed;
                width: 100%;
                cursor: pointer;
            }
            .iframe-container {
                position: relative;
                overflow: hidden;
                width: 100%;
                padding-top: 56.25%;
                top: 20%;
                iframe {
                    //margin-top: 15%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    width: 100%;
                    height: 100%;
                    padding: 2em;
                    max-width: 50.2em;
                    margin-left: auto;
                    margin-right: auto;
                    max-height: 30em;
                    @media only screen and (max-width: 749px) {
                        padding: 10px;
                        max-width: 44.9em;
                    }
                }
            }
        }
    }
    .subscription-style-container {
        max-width: 87em;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2em;
        padding-top: 5em;
        padding-bottom: 4.7em;
        border-radius: 10px;
        @media only screen and (max-width: 749px) {
            margin: 0px 10px;
            margin-bottom: 1em;
            padding: 25px 10px;
        }
        &.cute {
            background-color: #fac7c726;
            position: relative;
            @media only screen and (max-width: 749px) {
                margin-top: 9em;
            }
            .badge-container {
                z-index: 999;
                position: absolute;
                left: 2.4em;
                top: 0;
                margin: 4em 3em;
                transform: rotate(-13deg);
                margin-top: -3.5em;
                @media only screen and (max-width: 749px) {
                    display: flex;
                    justify-content: center;
                    width: 100%;
                    margin: auto;
                    left: 0;
                    right: 0px;
                    margin-top: -8em;
                }
                span {
                    position: absolute;
                    top: 20%;
                    text-align: center;
                    max-width: 7em;
                    font-family: "AttenRound";
                    padding: 1em;
                    color: #1a1a1c;
                    z-index: 1;
                }
                svg {
                    -webkit-animation: spin 16s linear infinite;
                    -moz-animation: spin 16s linear infinite;
                    animation: spin 16s linear infinite;
                }
            }
            .subscription-style {
                .style-list-container {
                    .style-list {
                        &.cute {
                            opacity: 1;
                            p {
                                background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                                background-position: bottom;
                                background-size: 4px 1px;
                                background-repeat: repeat-x;
                            }
                        }
                    }
                }
                .text-container {
                    h2 {
                        color: $pink;
                    }
                    button {
                        background-color: $pink;
                    }
                }
            }
        }
        &.vintage {
            background-color: $cream;
            .subscription-style {
                .style-list-container {
                    .style-list {
                        &.vintage {
                            opacity: 1;
                            p {
                                background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                                background-position: bottom;
                                background-size: 4px 1px;
                                background-repeat: repeat-x;
                            }
                        }
                    }
                }
                .text-container {
                    h2 {
                        color: $dark-gold;
                    }
                    button {
                        background-color: $light-gold;
                    }
                }
            }
        }
        &.pop {
            background-color: rgba(148, 219, 212, 0.1);
            .subscription-style {
                .style-list-container {
                    .style-list {
                        &.pop {
                            opacity: 1;
                            p {
                                background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                                background-position: bottom;
                                background-size: 4px 1px;
                                background-repeat: repeat-x;
                            }
                        }
                    }
                }
                .text-container {
                    h2 {
                        color: $teal;
                    }
                    button {
                        background-color: $teal;
                    }
                }
            }
        }
        .subscription-style {
            display: flex;
            max-width: 79em;
            margin-left: auto;
            margin-right: auto;
            @media only screen and (max-width: 749px) {
                flex-direction: column;
            }
            .style-list-container,
            .image-container,
            .text-container {
                padding: 0px 10px;
            }
            .style-list-container {
                width: 16%;
                padding-top: 4px;
                @media only screen and (max-width: 749px) {
                    display: none;
                }
                .style-list {
                    display: flex;
                    align-items: center;
                    opacity: 0.5;
                    &:not(:last-of-type) {
                        margin-bottom: 1em;
                    }
                    span {
                        width: 15px;
                        height: 15px;
                        border-radius: 75px;
                        margin-right: 10px;
                        margin-top: -8px;
                    }
                    p {
                        margin: 0;
                        padding-bottom: 5px;
                        svg {
                            width: 12px;
                            margin-left: 7px;
                        }
                    }
                }
            }
            .image-container {
                width: 40%;
                @media only screen and (max-width: 749px) {
                    width: 100%;
                    margin-bottom: 1em;
                }
                img {
                    border-radius: 20px;
                }
            }
            .text-container {
                max-width: 26em;
                width: 44%;
                @media only screen and (max-width: 749px) {
                    width: 100%;
                }
                h2 {
                    font-weight: 500;
                    font-size: 45px;
                    margin-top: 0;
                    margin-bottom: 0.3em;
                    @media only screen and (max-width: 749px) {
                        font-size: 35px;
                    }
                }
                .icons-container {
                    display: flex;
                    align-items: center;
                    .icon-container {
                        display: flex;
                        align-items: center;
                        svg {
                            @media only screen and (max-width: 749px) {
                                width: 13px;
                            }
                        }
                        &:not(:first-of-type) {
                            background-image: linear-gradient(to bottom, #000 33%, rgba(255,255,255,0) 0%);
                            background-position: left;
                            background-size: 1px 3px;
                            background-repeat: repeat-y;
                            height: 1.5em;
                            padding-left: 14px;
                        }
                        span {
                            font-family: $allround;
                            font-size: 12px;
                            font-weight: 500;
                            letter-spacing: 1.71px;
                            color: $dark-grey;
                            text-transform: uppercase;
                            padding: 0px 11px;
                            @media only screen and (max-width: 749px) {
                                font-size: 10px;
                                padding: 0px 6px;
                            }
                        }
                    }
                }
                p {
                    line-height: 1.5;
                    color: $dark-grey;
                    a {
                        color: $dark-grey;
                    }
                }
                button {
                    border-radius: 30px;
                    border: 1px solid #1a1a1c;
                    font-family: "AllRound";
                    text-transform: uppercase;
                    font-size: 13px;
                    letter-spacing: 2.17px;
                    line-height: 1.38;
                    padding: 1.6em 2.2em;
                    font-weight: 600;
                    &:hover {
                        opacity: 0.8;
                    }
                    @media only screen and (max-width: 749px) {
                        padding: 1.6em 1em;
                    }
                }
            }
        }
    }
    #spoilers {
        visibility: hidden;
        height: 4em;
        margin-top: -4em;
    }
    .subscription-spoilers-container {
        margin-bottom: 3.6em;
        .subscription-spoilers {
            display: flex;
            align-items: center;
            max-width: 64em;
            margin-left: auto;
            margin-right: auto;
            margin-top: 6em;
            @media only screen and (max-width: 749px) {
                flex-direction: column;
            }
            .text-container,
            .image-container {
                width: 50%;
                padding: 0px 10px;
                @media only screen and (max-width: 749px) {
                    width: 100%;
                }
            }
            .text-container {
                margin-top: -2em;
                @media only screen and (max-width: 749px) {
                    margin-bottom: 3em;
                }
                .heading {
                    h2 {
                        margin: 0;
                        font-size: 45px;
                        color: $light-blue;
                    }
                    p {
                        font-size: 20px;
                        line-height: 1.5;
                        color: $dark-grey;
                        margin: 0.8em 0 1.2em 0;
                    }
                }
                .style-list {
                    display: table;
                    > div {
                        display: block;
                        font-family: $atten;
                        font-size: 20px;
                        line-height: 1.3;
                        color: $dark-grey;
                        padding-bottom: 0.4em;
                        margin-bottom: 0.8em;
                        display: flex;
                        cursor: pointer;
                        &.active {
                            a {
                                background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
                                background-position: bottom;
                                background-size: $bgDotted;
                                background-repeat: repeat-x;
                            }
                        }
                        span {
                            width: 30px;
                            height: 30px;
                            border-radius: 75px;
                            margin-right: 10px;
                        }
                        svg {
                            width: 14px;
                        }
                        &.cute-slider {
                            span {
                                background-color: #fac7c7;
                            }
                        }
                        &.vintage-slider {
                            span {
                                background-color: #cc9e52;
                            }
                        }
                        &.pop-slider {
                            span {
                                background-color: #94dbd4;
                            }
                        }
                    }
                }
                .button-container {
                    text-decoration: none;
                    text-transform: uppercase;
                    color: #1a1a1c;
                    border: 1px solid;
                    border-radius: 30px;
                    font-family: "AllRound";
                    letter-spacing: 2.67px;
                    font-weight: 600;
                    padding: 1.3em 3.7em;
                    display: inline-block;
                    width: max-content;
                    margin-top: 1em;
                }
            }
            .image-container {
               //position: relative;
                > div {
                    //position: absolute;
                    &.active {
                        opacity: 1;
                        visibility: visible;
                        display: block;
                    }
                    &:not(.active) {
                        opacity: 0;
                        visibility: hidden;
                        display: none;
                    }
                }
                .main-image {
                    margin-bottom: 1.2em;
                    img {
                        border-radius: 20px;
                    }
                }
                .gallery {
                    .swiper-slide-thumb-active {
                        img {
                            border: 1px solid $light-gold;
                        }
                    }
                    img {
                        border-radius: 10px;
                        border: 1px solid #FFF;
                        cursor: pointer;
                    }
                    .swiper-container-thumbs {
                        .swiper-wrapper {
                            max-width: 100%;
                        }
                    }
                }
            }
        }
    }
    #shopify-section-subscription-newsletter {
        padding: 0px 10px;
    }
    .subscription-newsletter {
        border-radius: 10px;
        background-color: $light-blue;
        position: relative;
        max-width: 63em;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 4em;
        .top-icon {
            position: absolute;
            right: 0;
            @media only screen and (max-width: 1024px) {
                display: none;
            }
            svg {
                fill: #fffcfa;
                margin: 1em 1em;
                width: 3.6em;
                height: auto;
                margin-bottom: 2em;
                float: right;
                g {
                    filter: none;
                }
            }
        }
        .footer-newsletter {
            display: flex;
            align-items: center;
            //padding: 4em 6em 3em 6em;
            padding: 0.8em 10px 1em 10px;
            max-width: 53em;
            margin-left: auto;
            margin-right: auto;
            @media only screen and (max-width: 749px) {
                flex-direction: column;
                padding: 2em;
            }
            h2 {
                width: 37%;
                color: $cream;
                font-weight: 500;
                font-size: 36px;
                line-height: 0.94;
                margin: 0;
                padding: 0px 10px;
                @media only screen and (max-width: 749px) {
                    width: 100%;
                }
            }
            .newsletter-container {
                width: 63%;
                max-width: 31em;
                //margin-left: 8em;
                padding: 0px 10px;
                @media only screen and (max-width: 749px) {
                    width: 100%;
                    max-width: 100%;
                    margin: auto;
                }
                p {
                    color: $cream;
                    font-size: 20px;
                    line-height: 1.5;
                    font-weight: 500;
                }
            }
        }
        .bottom-icon {
            @media only screen and (max-width: 749px) {
                display: none;
            }
            svg {
                fill: $off-white;
                margin: 1em;
                width: 3.7em;
                height: auto;
                margin-top: -6.5em;
                margin-bottom: 1.2em;
                /*g {
                    filter: none;
                }*/
            }
        }
    }
    #subscribe-now {
        visibility: hidden;
        height: 6em;
        margin-top: -6em;
    }
    .subscribe-now {
        padding-bottom: 4em;
        .heading {
            text-align: center;
            padding: 0px 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-image: url('/cdn/shop/files/star-shooting_954b7401-b773-4155-b0ea-cad44cd36cd1.svg?v=1604059953');
            background-repeat: no-repeat;
            background-position: 5% 0%;
            background-size: 75px;
            @media only screen and (max-width: 749px) {
                background: none;
            }
            svg {
                margin-top: 10px;
                width: 30px;
                @media only screen and (max-width: 749px) {
                    display: none;
                }
            }
            h2 {
                font-size: 60px;
                font-weight: 500;
                color: $light-blue;
                margin: 0;
                padding-top: 16px;
                padding-left: 22px;
                @media only screen and (max-width: 749px) {
                    padding-left: 0px;
                    font-size: 45px;
                }
            }
        }
        .subheading {
            text-align: center;
            padding: 0px 10px;
            margin-bottom: 3em;
            p {
                margin-top: 0.4em;
                font-size: 20px;
            }
        }
        .variant-container {
            display: flex;
            justify-content: space-between;
            max-width: 64em;
            margin-left: auto;
            margin-right: auto;
            @media only screen and (max-width: 749px) {
                flex-direction: column;
            }
            .variant-column {
                width: 33%;
                padding: 0px 10px;
                text-align: center;
                @media only screen and (max-width: 749px) {
                    width: 100%;
                    margin-bottom: 1.5em;
                }
                &.cute-container {
                    .heading-container {
                        background: $pink;
                    }
                    button {
                        background-color: $pink;
                    }
                }
                &.vintage-container {
                    .heading-container {
                        background: $dark-gold;
                    }
                    button {
                        background-color: $dark-gold;
                    }
                }
                &.pop-container {
                    .heading-container {
                        background: $teal;
                    }
                    button {
                        background-color: $teal;
                    }
                }
                .heading-container {
                    border-top-left-radius: 8px;
                    border-top-right-radius: 8px;
                    padding: 1.4em 10px;
                    h3 {
                        font-size: 36px;
                        font-weight: 500;
                        color: $cream;
                        margin: 0;
                    }
                }
                .body-container {
                    background: $cream;
                    border-bottom-left-radius: 8px;
                    border-bottom-right-radius: 8px;
                    padding: 1em;
                    #rc_container {
                        display: none !important;
                    }
                    p {
                        margin-top: 0.4em;
                        margin-bottom: 1em;
                        //margin-bottom: 0;
                        font-size: 20px;
                        line-height: 1.5;
                        color: $dark-grey;
                    }
                    button {
                        //background: none;
                        border: 1px solid;
                        border-radius: 25px;
                        border: 1px solid $dark-grey;
                        font-family: $allround;
                        text-transform: uppercase;
                        font-size: 11px;
                        letter-spacing: 1.83px;
                        line-height: 1.64;
                        padding: 1.4em 1.2em;
                        font-weight: 600;
                        &:hover {
                            opacity: 0.8;
                        }
                    }
                    footer {
                        background-color: transparent;
                        padding: 0;
                        margin-top: 0.8em;
                        margin-bottom: 0.2em;
                        p {
                            font-size: 14px;
                            opacity: 0.5;
                            margin-bottom: 0;
                        }
                    }
                }
            }
        }
        .all-container {
            background-color: $cream;
            max-width: 44em;
            margin-top: 3.4em;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 1.5em;
            .color-heading {
                display: flex;
                background: #FFF;
                span {
                    width: 33.3%;
                    height: 1em;
                    &:first-of-type {
                        background-color: $pink;
                        border-top-left-radius: 8px;
                    }
                    &:nth-of-type(2) {
                        background-color: $dark-gold;
                    }
                    &:last-of-type {
                        background-color: $teal;
                        border-top-right-radius: 8px;
                    }
                }
            }
            .all-inner-container {
                display: flex;
                justify-content: space-between;
                svg {
                    &:first-of-type {
                        max-width: 4.5em;
                        top: 1em;
                        left: 2em;
                        position: relative;
                        width: 10%;
                        @media only screen and (max-width: 749px) {
                            top: 0em;
                            left: 0.4em;
                        }
                    }
                    &:last-of-type {
                        right: 3em;
                        position: relative;
                        top: 6.4em;
                        max-width: 3em;
                        transform: rotate(85deg);
                        width: 10%;
                        @media only screen and (max-width: 749px) {
                            right: 1em;
                        }
                    }
                }
                .text-container {
                    width: 80%;
                    .heading-container {
                        padding: 0px 10px;
                        text-align: center;
                        h3 {
                            font-weight: 500;
                            font-size: 36px;
                            color: $light-blue;
                            margin-bottom: 0;
                        }
                        p {
                            font-size: 20px;
                            color: $dark-grey;
                            margin-top: 0.4em;
                        }
                    }
                    .body-container {
                        text-align: center;
                        padding: 0px 10px;
                        .add-all {
                            border-radius: 25px;
                            border: 1px solid #1a1a1c;
                            font-family: "AllRound";
                            text-transform: uppercase;
                            font-size: 11px;
                            letter-spacing: 1.83px;
                            line-height: 1.64;
                            padding: 1.4em 2.8em;
                            font-weight: 600;
                            background-color: transparent;
                            &:hover {
                                opacity: 0.8;
                            }
                        }
                        footer {
                            padding-top: 0;
                            padding-bottom: 0.6em;
                            background-color: inherit;
                            p {
                                opacity: 0.5;
                                font-size: 14px;
                                line-height: 1.57;
                                color: $dark-grey;
                            }
                        }
                    }
                }
            }
        }
        .subscription-rates {
            text-align: center;
            padding: 0px 10px;
        }
    }
    .subscription-faq-container {
        background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
        background-position: top;
        background-size: 4px 1px;
        background-repeat: repeat-x;
        max-width: 78em;
        margin-left: auto;
        margin-right: auto;
        @media only screen and (max-width: 749px) {
            padding-left: 10px;
            padding-right: 10px;
        }
        .subscription-faq {
            max-width: 51em;
            margin-bottom: 4em;
            margin-left: auto;
            margin-right: auto;
            padding-top: 5.4em;
            .heading {
                margin-bottom: 4.4em;
                h2 {
                    font-size: 45px;
                    font-weight: 100;
                    color: $light-blue;
                    margin-top: 0;
                    text-align: center;
                }
            }
            .qa-list {
                background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
                background-position: top;
                background-size: $bgDotted;
                background-repeat: repeat-x;
                .qa-container {
                    cursor: pointer;
                    background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
                    background-position: bottom;
                    background-size: $bgDotted;
                    background-repeat: repeat-x;
                    padding: 1.2em 0;
                    &.active {
                        .open-sign {
                            display: none;
                        }
                    }
                    &:not(.active) {
                        .minus-sign {
                            display: none;
                        }
                    }
                    h5 {
                        font-family: $atten;
                        font-size: 18px;
                        line-height: 1.78;
                        color: $dark-grey;
                        margin: 0;
                        font-weight: 100;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        img {
                            width: 100%;
                            max-width: 10px;
                        }
                    }
                    .answer {
                        display: none;
                        p {
                            line-height: 1.5;
                            color: #4a4a4a;
                            &:first-of-type {
                                margin-top: 0.2em;
                            }
                            &:last-of-type {
                                margin-bottom: 0em;
                            }
                        }
                    }
                }
            }
        }
        .button-container {
            text-align: center;
            margin-bottom: 6.6em;
            a {
                font-family: "AllRound";
                text-decoration: none;
                letter-spacing: 2.67px;
                color: #1a1a1c;
                text-transform: uppercase;
                border-radius: 30px;
                border: solid 1px;
                padding: 1.2em 2.6em;
                font-weight: 600;
            }
        }
        .faq-footer {
            padding: 0px 10px;
            text-align: center;
            p {
                color: $dark-grey;
                line-height: 1.5;
                a {
                    color: inherit;
                    text-decoration: none;
                }
            }
        }
    }
}

/* Oder Page */ 
.order-page {
    max-width: 80em;
    margin: auto;
    margin-bottom: 9em;
    padding: 0px 10px;
    a {
        text-decoration: underline;
    }
    h1, h2, h3 {
        color: $light-blue;
    }
    .title {
      text-align: center;
      @media (max-width: 749px) {
        margin-bottom: 2em;
      }
      h1 {
        font-size: 40px;
        font-family: $allround;
        font-weight: 100;
      }
    }
    .title a,
    .responsive-table a {
        font-family: $atten;
        //text-decoration: none;
        color: $dark-grey;
        display: block;
        padding-bottom: 10px;
    }
    .responsive-table {
      width: 100%;
      text-align: left;
      thead {
        th {
            font-family: $atten;
          font-size: 14px;
          font-weight: 500;
          letter-spacing: 1.2px;
          color: #121212;
        }
      }
      tbody,
      tfoot {
        td {
            font-family: $atten;
          font-size: 16px;
          letter-spacing: 1.2px;
          color: #121212;
          @media (max-width: 749px) {
            padding: 6px 0px;
          }
        }
      }
    }
}
/** Oder Page **/ 

/* Policies */
.shopify-policy__container {
    max-width: 80em !important;
    margin-bottom: 10em !important;
    .shopify-policy__title {
        h1 {
            font-size: 46px;
        }
    }
    h1, h2, h3, h4, h5, h6 {
        color: $light-blue;
        font-weight: 500;
    }
    a {
        color: inherit;
    }
    ul {
        li {
            font-family: $atten;
        }
    }
    .rte {
        font-family: 'AttenRound';
        line-height: 1.5;
    }
}
/** Policies **/

.user-customer {
    margin-bottom: 10em;
}

@-webkit-keyframes portal-spinner {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes portal-spinner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

.aeolidia-portal-container {
    max-width: 79em;
    padding: 0 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7em;
    .portal-svg {
        @media (min-width: 1300px) {
            float: right;
            margin-right: -6.2em;
            margin-bottom: -1px;
            margin-top: -4em;
        }
        @media (max-width: 1299px) {
            display: none;
        }
    }
    .aeolidia-portal {
        max-width: 71em;
        .success-message,
        .error-message {
            text-align: center;
            display: block;
            padding-top: 1em;
            font-family: $atten;
            font-size: 18px;
        }
        .success-message {
            color: green;
        }
        .error-message {
            color: red;
        }
        .is-loading {
            .loader {
                height: 100%;
                background: #ffffff75;
                width: 100%;
                position: absolute;
                left: 0;
                top: 0;
                .spinner {
                    position: absolute;
                    margin-left: auto;
                    margin-right: auto;
                    left: 0;
                    right: 0;
                    text-align: center;
                    top: 40%;
                    border: 10px solid #f3f3f3;
                    border-radius: 50%;
                    border-top: 10px solid #dbb870;
                    width: 4em;
                    height: 4em;
                    -webkit-animation: portal-spinner 2s linear infinite;
                    animation: portal-spinner 2s linear infinite;
                }
            }
        }
        #timer {
            display: none;
            text-align: center;
            font-size: 14px;
            font-family: 'AttenRound';
            padding-top: 10px;
        }
    }
    .section-header {
        background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
        background-position: bottom;
        background-size: 4px 1px;
        background-repeat: repeat-x;
        padding-bottom: 1em;
        margin-bottom: 2.4em;
        display: flex;
        justify-content: space-between;
        align-items: center;
        @media (max-width: 749px) {
            margin-bottom: 1em;
        }
        .text-container {
            h2 {
                font-size: 45px;
                color: $light-blue;
                margin-bottom: 0.3em;
            }
            p {
                margin-top: 0;
                font-size: 20px;
                color: $dark-grey;
                strong {
                    font-weight: 500;
                }
                a {
                    color: $dark-grey;
                }
            }
        }
        .icon-container {
            @media (min-width: 1300px) {
                margin-right: -7em;
            }
        }
    }
    .section-body {
        display: flex;
        @media (max-width: 749px) {
            flex-direction: column;
        }
        .sidebar {
            width: 18%;
            @media (max-width: 749px) {
                flex-direction: column;
                width: 100%;
                padding-left: 10px;
                padding-bottom: 1em;
            }
            p {
                margin: 0;
                a {
                    color: $dark-grey;
                    text-decoration: none;
                    line-height: 2.3;
                }
            }
        }
        .body-content {
            width: 82%;
            @media (max-width: 749px) {
                flex-direction: column;
                width: 100%;
            }
        }
    }
    .subscriptions-page {
        .heading {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 3em;
            @media (max-width: 749px) {
                margin-bottom: 1em;
            }
            h3 {
                font-size: 36px;
                color: $light-blue;
                margin: 0;
                @media (max-width: 749px) {
                    font-size: 20px;
                }
            }
            button {
                border-radius: 30px;
                border: 1px solid;
                font-family: $allround;
                font-size: 16px;
                font-weight: 500;
                letter-spacing: 2.67px;
                color: #000000;
                text-transform: uppercase;
                background: none;
                padding: 1.3em 1.9em;
                cursor: pointer;
                @media (max-width: 749px) {
                    font-size: 10px;
                }
            }
        }
        .subscriptions-footer {
            margin-top: 2.6em;
            margin-bottom: 3.6em;
            button {
                border-radius: 30px;
                border: 1px solid;
                font-family: $allround;
                font-size: 16px;
                font-weight: 500;
                letter-spacing: 2.67px;
                color: #000000;
                text-transform: uppercase;
                background: none;
                padding: 1.3em 1.9em;
                cursor: pointer;
            }
        }
        .subscriptions-container {
            border-bottom: solid 1px #dddddd;
            .subscription-container {
                border-radius: 10px;
                background-color: $cream;
                margin-bottom: 2em;
                padding: 1.8em 2em;
                &.cancelled {
                    .subscription-details p,
                    .shipping-details p:not(:first-of-type) {
                        text-decoration: line-through;
                    }
                }
                .susbcription-header {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                    background-position: bottom;
                    background-size: 4px 1px;
                    background-repeat: repeat-x;
                    padding-bottom: 1em;
                    margin-bottom: 2.4em;
                    .index {
                        font-family: $allround;
                        font-size: 14px;
                        font-weight: 600;
                        letter-spacing: 2px;
                        color: $dark-grey;
                        text-transform: uppercase;
                        width: 25%;
                        @media (max-width: 749px) {
                            width: 60%;
                        }
                    }
                    .cancel-text,
                    .skipped-container {
                        width: 35%;
                        padding: 0px 10px;
                        font-family: $atten;
                        font-size: 16px;
                        color: $dark-grey;
                        @media (max-width: 749px) {
                            width: 10%;
                        }
                    }
                    .skipped-container {
                        display: none;
                    }
                    a {
                        font-family: $atten;
                        font-size: 16px;
                        color: $dark-grey;
                        width: 40%;
                        text-align: right;
                        @media (max-width: 749px) {
                            width: 30%;
                        }
                    }
                }
                .subscription-body {
                    display: flex;
                    justify-content: space-between;
                    @media (max-width: 749px) {
                        flex-direction: column;
                    }
                    .subscription-image,
                    .subscription-details,
                    .shipping-details {
                        padding: 0px 10px;
                    }
                    .subscription-image {
                        width: 25%;
                        @media (max-width: 749px) {
                            width: 100%;
                            padding-bottom: 10px;
                        }
                        img {
                            max-height: 6.6em;
                        }
                    }
                    .subscription-details {
                        width: 35%;
                        @media (max-width: 749px) {
                            width: 100%;
                        }
                        h3 {
                            text-transform: capitalize;
                            font-size: 26px;
                            color: $light-blue;
                            margin-top: 0;
                        }
                        p {
                            &:last-of-type {
                                display: inline-block;
                                margin: 0;
                            }
                        }
                    }
                    .shipping-details {
                        width: 40%;
                        @media (max-width: 749px) {
                            width: 100%;
                        }
                    }
                }
            }
        }
        .sub-add-container {
            display: none;
            position: fixed;
            top: 0;
            z-index: 9999;
            height: 100%;
            width: 100%;
            background-color: rgba(26,26,28,0.4);
            left: 0;
            overflow-y: scroll;
            .sub-add {
                padding: 1em;
                border-radius: 8px;
                box-shadow: 0 2px 20px 2px rgba(0,0,0,0.1);
                background-color: #ffffff;
                top: 10%;
                position: relative;
                margin: auto;
                padding-bottom: 4em;
                max-width: 49em;
                margin-bottom: 10%;
                @media (max-width: 749px) {
                    max-width: 90%;
                    top: 4%;
                }
                .description { 
                    p {
                        font-size: 16px;
                        max-width: 30em;
                        margin-bottom: 2.8em;
                    }
                }
                .close-button {
                    padding: 0.6em;
                    position: absolute;
                    right: 0;
                    top: 0;
                    cursor: pointer;
                }
                h3 {
                    text-align: center;
                    color: $light-blue;
                    font-size: 36px;
                    margin-top: 0.8em;
                    margin-bottom: 0.6em;
                }
                p {
                    text-align: center;
                    font-size: 20px;
                    line-height: 1.5;
                    max-width: 18em;
                    margin-top: 0em;
                    margin-left: auto;
                    margin-right: auto;
                }
                .sub-variants {
                    display: flex;
                    justify-content: space-between;
                    text-align: center;
                    max-width: 38em;
                    margin-left: auto;
                    margin-right: auto;
                    @media (max-width: 749px) {
                        flex-direction: column;
                    }
                    > div {
                        max-width: 11em;
                        @media (max-width: 749px) {
                            max-width: 100%;
                            padding-bottom: 2em;
                        }
                        img {
                            max-width: 9em;
                            padding-bottom: 1em;
                        }
                        h4 {
                            font-size: 26px;
                            color: $light-blue;
                            margin: 0;
                        }
                        p {
                            font-size: 16px;
                            padding-top: 0.8em;
                        }
                        button {
                            border-radius: 30px;
                            border: 1px solid;
                            font-family: $allround;
                            font-size: 13px;
                            font-weight: 500;
                            letter-spacing: 2.67px;
                            color: #000000;
                            text-transform: uppercase;
                            background: none;
                            padding: 1.3em 2.8em;
                            display: block;
                            margin: auto;
                            margin-top: 1em;
                            cursor: pointer;
                        }
                    }
                }
            }
        }
        .page-footer {
            display: flex;
            margin-top: 3.4em;
            @media (max-width: 749px) {
                flex-direction: column;
            }
            .image-container {
                width: 50%;
                @media (max-width: 749px) {
                    width: 100%;
                }
                img {
                    width: 100%;
                    max-width: 27em;
                    border-radius: 20px;
                }
            }
            .text-container {
                width: 50%;
                @media (max-width: 749px) {
                    width: 100%;
                }
                h2 {
                    font-size: 36px;
                    color: $light-blue;
                    margin-bottom: 0.4em;
                }
                a {
                    font-family: $atten;
                    font-size: 15px;
                    color: $dark-grey;
                    text-decoration: none;
                    margin-right: 0.6em;
                    background-image: linear-gradient(to right, #000 33%, rgba(255,255,255,0) 0%);
                    background-position: bottom;
                    background-size: 4px 1px;
                    background-repeat: repeat-x;
                    padding-bottom: 0.5em;
                    svg {
                        width: 14px;
                        margin-left: 7px;
                    }
                }
            }
        }
    }
    .question {
        position: relative;
        cursor: pointer;
        font-size: 14px;
        border: 1px solid;
        border-radius: 50%;
        width: 1.4em;
        height: 1.4em;
        display: inline-block;
        text-align: center;
        font-weight: 400;
        margin-left: 6px;
        line-height: 1.4em;
        &:hover {
            .tooltip {
                visibility: visible;
                opacity: 1;
                transition: opacity 200ms ease-out !important;
            }
        }
        .tooltip {
            //box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.25); 
            filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, .25));
            background-color: #ffffff;
            position: absolute;
            left: -8.5em;
            bottom: 3em;
            visibility: hidden;
            opacity: 0;
            font-family: $atten;
            width: 18.2em;
            padding: 0.4em 1em;
            text-align: left;
            p {
                line-height: 2.19;
            }
            &::after {
                content: " ";
                position: absolute;
                bottom: -15px;
                left: calc(50% - 15px);
                height: 0;
                border-left: 15px solid transparent;
                border-right: 15px solid transparent;
                border-top: 15px solid white;
            }
        }
    }
    .ind-subscription-page {
        padding: 0px 10px;
        h3.title {
            font-size: 36px;
            color: $light-blue;
            margin-top: 0;
            margin-bottom: 0.9em;
        }
        .subscription-product {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-top: 1px solid #dddddd;
            border-bottom: 1px solid #dddddd;
            padding: 2em 0;
            .product-image {
                width: 20%;
                img {
                    max-height: 7em;
                }
            }
            .product-title {
                width: 60%;
                .title {
                    font-family: $allround;
                    font-size: 26px;
                    color: $light-blue;
                }
                .price {
                    font-family: $atten;
                }
                p {
                    margin: 0;
                    line-height: 2.19;
                }
            }
            .product-switch {
                width: 20%;
                text-align: right;
                button {
                    background: none;
                    border: none;
                    text-decoration: underline;
                    cursor: pointer;
                    font-family: $atten;
                    margin-bottom: 0.8em;
                    &:hover {
                        opacity: 0.8;
                    }
                }
            }
        }
        .subscription-shipping,
        .subscription-billing,
        .subscription-renewal {
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #dddddd;
            padding-top: 2em;
            padding-bottom: 1em;
            @media (max-width: 749px) {
                flex-wrap: wrap;
            }
            .title {
                color: $light-blue;
                width: 45%;
                @media (max-width: 749px) {
                    width: 100%;
                }
                h3 {
                    margin-top: 0;
                    font-size: 36px;
                    @media (max-width: 749px) {
                      margin-bottom: 10px;
                    }
                }
            }
            .info {
                width: 45%;
                @media (max-width: 749px) {
                    width: 70%;
                }
                p {
                    margin: 0;
                    line-height: 1.5;
                }
            }
            .edit {
                width: 10%;
                text-align: right;
                @media (max-width: 749px) {
                    width: 30%;
                }
                button {
                    background: none;
                    border: none;
                    text-decoration: underline;
                    cursor: pointer;
                    font-family: $atten;
                    margin-bottom: 0.8em;
                    &:hover {
                        opacity: 0.8;
                    }
                }
            }
        }
        .sub-switch-container,
        .update-shipping-container,
        .cancel-subscription-container,
        .skip-subscription-container,
        .unskip-subscription-container,
        .reactivate-subscription-container,
        .update-billing-container {
            display: none;
            position: fixed;
            top: 0;
            z-index: 9999;
            height: 100%;
            width: 100%;
            background-color: rgba(26,26,28,0.4);
            left: 0;
            overflow-y: scroll;
            .sub-switch,
            .update-shipping,
            .cancel-subscription,
            .skip-subscription,
            .unskip-subscription,
            .reactivate-subscription,
            .update-billing {
                padding: 1em;
                border-radius: 8px;
                box-shadow: 0 2px 20px 2px rgba(0,0,0,0.1);
                background-color: #ffffff;
                top: 10%;
                position: relative;
                max-width: 36em;
                margin: auto;
                padding-bottom: 4em;
                margin-bottom: 10%;
                @media (max-width: 749px) {
                    flex-direction: column;
                    max-width: 90%;
                    padding: 1em 2em;
                    top: 4%;
                }
                .close-button {
                    padding: 0.6em;
                    position: absolute;
                    right: 0;
                    top: 0;
                    cursor: pointer;
                }
                h3 {
                    text-align: center;
                    color: $light-blue;
                    font-size: 36px;
                    margin-top: 0.8em;
                    margin-bottom: 0.6em;
                }
                p {
                    text-align: center;
                    font-size: 20px;
                    line-height: 1.5;
                    max-width: 18em;
                    margin-top: 0em;
                    margin-left: auto;
                    margin-right: auto;
                }
            }
        }
        .cancel-subscription-container,
        .reactivate-subscription-container {
            .cancel-subscription,
            .reactivate-subscription {
                p {
                    font-size: 16px;
                    max-width: initial;
                    margin-bottom: 2em;
                }
                select {
                    padding: 16px 16.3px 16px 18px;
                    border: solid 1px #cccccc;
                    display: block;
                    margin: auto;
                    font-family: $atten;
                    color: $dark-grey;
                    width: 100%;
                    max-width: 24em;
                }
                button {
                    border-radius: 30px;
                    border: 1px solid;
                    font-family: $allround;
                    font-size: 13px;
                    font-weight: 500;
                    letter-spacing: 2.67px;
                    color: #000000;
                    text-transform: uppercase;
                    background: none;
                    padding: 1.3em 2.8em;
                    display: block;
                    margin: auto;
                    margin-top: 2.8em;
                    &.disabled {
                        opacity: 0.3;
                        pointer-events: none;
                    }
                }
            }
        }
        .skip-subscription-container,
        .unskip-subscription-container {
            .skip-subscription,
            .unskip-subscription {
                button {
                    border-radius: 30px;
                    border: 1px solid;
                    font-family: $allround;
                    font-size: 13px;
                    font-weight: 500;
                    letter-spacing: 2.67px;
                    color: #000000;
                    text-transform: uppercase;
                    background: none;
                    padding: 1.3em 2.8em;
                    display: block;
                    margin: auto;
                    margin-top: 1em;
                    cursor: pointer;
                }
            }
        }
        .update-billing-container {
            .update-billing {
                padding: 1em 6em 3em 6em;
                input {
                    border: solid 1px #cccccc;
                    width: 100%;
                    font-family: $atten;
                    color: $dark-grey;
                    padding: 1em;
                    margin-bottom: 1em;
                }
                button {
                    border-radius: 30px;
                    border: 1px solid;
                    font-family: $allround;
                    font-size: 16px;
                    font-weight: 500;
                    letter-spacing: 2.67px;
                    color: #000000;
                    text-transform: uppercase;
                    background: none;
                    padding: 1.3em 3em;
                    display: block;
                    margin: auto;
                    margin-top: 1em;
                    &:hover {
                        opacity: 0.8;
                    }
                }
            }
        }
        .sub-switch-container {
            .sub-switch {
                max-width: 49em;
                .description { 
                    p {
                        font-size: 16px;
                        max-width: 30em;
                        margin-bottom: 2.8em;
                    }
                }
                .sub-variants {
                    display: flex;
                    justify-content: space-between;
                    text-align: center;
                    max-width: 38em;
                    margin-left: auto;
                    margin-right: auto;
                    @media (max-width: 749px) {
                        flex-direction: column;
                    	align-items: center;
                    }
                    > div {
                        max-width: 11em;
                        @media (max-width: 749px) {
                        	margin-bottom: 2em;
                        }
                        &.active {
                            button {
                                color: gray;
                                pointer-events: none;
                            }
                        }
                        img {
                            max-width: 9em;
                            padding-bottom: 1em;
                            @media (max-width: 749px) {
                            	max-width: 100%;
                            }
                        }
                        h4 {
                            font-size: 26px;
                            color: $light-blue;
                            margin: 0;
                        }
                        p {
                            font-size: 16px;
                            padding-top: 0.8em;
                        }
                        button {
                            border-radius: 30px;
                            border: 1px solid;
                            font-family: $allround;
                            font-size: 13px;
                            font-weight: 500;
                            letter-spacing: 2.67px;
                            color: #000000;
                            text-transform: uppercase;
                            background: none;
                            padding: 1.3em 2.8em;
                            display: block;
                            margin: auto;
                            margin-top: 1em;
                            cursor: pointer;
                        }
                    }
                }
            }
        }
        .update-shipping-container {
            .update-shipping {
                padding: 1em 6em 3em 6em;
                input {
                    border: solid 1px #cccccc;
                    width: 100%;
                    font-family: $atten;
                    color: $dark-grey;
                    padding: 1em;
                    margin-bottom: 1em;
                }
                button {
                    border-radius: 30px;
                    border: 1px solid;
                    font-family: $allround;
                    font-size: 16px;
                    font-weight: 500;
                    letter-spacing: 2.67px;
                    color: #000000;
                    text-transform: uppercase;
                    background: none;
                    padding: 1.3em 3em;
                    display: block;
                    margin: auto;
                    margin-top: 1em;
                    &:hover {
                        opacity: 0.8;
                    }
                }
            }
        }
        .subscription-url {
            margin-top: 2em;
            display: block;
            font-family: $atten;
            color: $dark-grey;
            text-decoration: none;
            svg {
                margin-right: 9px;
            }
        }
    }
    .billing-info-page-container {
        .billing-info-page {
            display: flex;
            justify-content: space-between;
            @media (max-width: 749px) {
                flex-direction: column;
            }
            .title-container,
            .text-container {
                padding: 0px 10px;
            }
            .title-container {
                width: 40%;
                @media (max-width: 749px) {
                    width: 100%;
                }
                h2 {
                    font-size: 36px;
                    color: $light-blue;
                    margin-top: 0;
                }
            }
            
            .text-container {
                width: 60%;
                @media (max-width: 749px) {
                    width: 100%;
                }
                .payment-info-container {
                    display: flex;
                    justify-content: space-between;
                    .payment-info {
                        h4 {
                            font-family: $atten;
                            font-weight: 400;
                            color: $dark-grey;
                            margin-top: 0;
                            margin-bottom: 0.6em;
                        }
                        p {
                            display: flex;
                            margin: 0;
                            align-items: center;
                            img {
                                width: 2em;
                            }
                            .ending-text {
                                margin-left: 0.5em;
                            }
                        }
                    }
                    .payment-edit {
                        button {
                            font-family: $atten;
                            background: none;
                            border: none;
                            color: $dark-grey;
                            text-decoration: underline;
                        }
                    }
                }
                .address-info-container {
                    margin-top: 5em;
                    display: flex;
                    justify-content: space-between;
                    .address-info {
                        p {
                            line-height: 1.5;
                        }
                    }
                    .address-edit {
                        button {
                            font-family: $atten;
                            background: none;
                            border: none;
                            color: $dark-grey;
                            text-decoration: underline;
                        }
                    }
                }
            }
        }
        .update-payment-modal-container {
            display: none;
            position: fixed;
            top: 0;
            z-index: 9999;
            height: 100%;
            width: 100%;
            background-color: rgba(26,26,28,0.4);
            left: 0;
            .update-payment-modal {
                padding: 1em;
                border-radius: 8px;
                box-shadow: 0 2px 20px 2px rgba(0,0,0,0.1);
                background-color: #ffffff;
                top: 10%;
                position: relative;
                max-width: 36em;
                margin: auto;
                padding-bottom: 4em;
                @media (max-width: 749px) {
                    flex-direction: column;
                    max-width: 90%;
                    padding: 1em 2em;
                    top: 4%;
                }
                .close-button {
                    padding: 0.6em;
                    position: absolute;
                    right: 0;
                    top: 0;
                    cursor: pointer;
                }
                h3 {
                    text-align: center;
                    color: $light-blue;
                    font-size: 36px;
                    margin-top: 0.8em;
                }
                iframe {
                    height: 21em;
                    display: block;
                    margin: auto;
                    width: auto !important;
                }
            }
        }
        .update-address-modal-container {
            display: none;
            position: fixed;
            top: 0;
            z-index: 9999;
            height: 100%;
            width: 100%;
            background-color: rgba(26,26,28,0.4);
            left: 0;
            overflow-y: scroll;
            .update-address-modal {
                padding: 1em 6em;
                border-radius: 8px;
                box-shadow: 0 2px 20px 2px rgba(0,0,0,0.1);
                background-color: #ffffff;
                top: 10%;
                position: relative;
                max-width: 36em;
                margin: auto;
                padding-bottom: 4em;
                margin-bottom: 10%;
                @media (max-width: 749px) {
                    flex-direction: column;
                    max-width: 90%;
                    padding: 1em 2em;
                    top: 4%;
                }
                .close-button {
                    padding: 0.6em;
                    position: absolute;
                    right: 0;
                    top: 0;
                    cursor: pointer;
                }
                h3 {
                    text-align: center;
                    color: $light-blue;
                    font-size: 36px;
                    margin-top: 0.8em;
                }
                input {
                    border: solid 1px #cccccc;
                    width: 100%;
                    font-family: $atten;
                    color: $dark-grey;
                    padding: 1em;
                    margin-bottom: 1em;
                }
                button {
                    border-radius: 30px;
                    border: 1px solid;
                    font-family: $allround;
                    font-size: 16px;
                    font-weight: 500;
                    letter-spacing: 2.67px;
                    color: #000000;
                    text-transform: uppercase;
                    background: none;
                    padding: 1.3em 3em;
                    display: block;
                    margin: auto;
                    margin-top: 1em;
                    &:hover {
                        opacity: 0.8;
                    }
                }
            }
        }
    }
    .order-history-page {
        .title,
        table {
            padding: 0px 10px;
        }
        .title {
            h3 {
                font-size: 36px;
                margin-top: 0;
                color: $light-blue;
                margin-bottom: 1.2em;
            }
        }
        .table-wrapper {
            @media (max-width: 749px) {
                overflow-y: auto;
            }
        }
        table {
            @media (max-width: 749px) {
                width: 30em;
            }
            thead {
                th {
                    text-align: left !important;
                    font-family: 'AllRound';
                    font-weight: 600;
                    text-transform: uppercase;
                    letter-spacing: 2px;
                    border-top: 1px solid #dddddd;
                    border-bottom: 1px solid #dddddd;
                    padding: 0.9em 0;
                    &:nth-of-type(1) {
                        width: 40%;
                        padding-left: 15px;
                    }
                    &:nth-of-type(2) {
                        width: 40%;
                    }
                    &:nth-of-type(3) {
                        width: 20%;
                    }
                }
            }
            tr {
                font-family: $atten;
                &:nth-of-type(even) {
                    background: $cream;
                }
                &:first-of-type {
                    td {
                        &:first-of-type {
                            padding: 1.6em 0 0.8em 15px;
                        }
                        &:not(:first-of-type) {
                            padding: 1.6em 0 0.8em 0px;
                        }
                    }
                    /*td {
                        &:first-of-type {
                            padding: 0.8em 0 0.8em 15px;
                        }
                    }*/
                }
                &:not(:first-of-type) {
                    td {
                        &:first-of-type {
                            padding: 0.8em 0 0.8em 15px;
                        }
                    }
                }
                td {
                    padding: 0.8em 0;
                    text-align: left !important;
                    a {
                        color: $dark-grey;
                        text-decoration: none;
                    }
                    &:nth-of-type(1) {
                        width: 40%;
                    }
                    &:nth-of-type(2) {
                        width: 40%;
                    }
                    &:nth-of-type(3) {
                        width: 20%;
                    }
                }
            }
        }
    }
    .order-page {
        .heading {
            border-bottom: solid 1px #dddddd;
            h3 {
                font-size: 36px;
                margin-top: 0;
                margin-bottom: 0em;
            }
            p {
                text-transform: capitalize;
                font-size: 16px;
                padding-bottom: 0.6em;
                span {
                    font-family: $allround;
                    font-size: 14px;
                    font-weight: 600;
                    letter-spacing: 2px;
                    text-transform: uppercase;
                }
            }
        }
        .products-container {
            .product-container {
                display: flex;
                justify-content: space-between;
                border-bottom: solid 1px #dddddd;
                padding: 1em 0;
                @media (max-width: 749px) {
                    flex-wrap: wrap;
                }
                .product-image {
                    width: 20%;
                    @media (max-width: 749px) {
                        width: 44%;
                    }
                }
                .product-description {
                    width: 40%;
                    @media (max-width: 749px) {
                        padding-bottom: 1em;
                        width: 56%;
                    }
                }
                .product-quantity {
                    width: 18%;
                    @media (max-width: 749px) {
                        width: 33.3%;
                    }
                }
                .product-price {
                    width: 12%;
                    @media (max-width: 749px) {
                        width: 33.3%;
                        text-align: center;
                    }
                }
                .product-subtotal {
                    width: 10%;
                    text-align: right;
                    @media (max-width: 749px) {
                        width: 33.3%;
                    }
                }
            }
        }
        .subtotal-container {
            width: 40%;
            display: flex;
            flex-direction: column;
            float: right;
            font-family: $atten;
            font-size: 16px;
            line-height: 2.19;
            color: $dark-grey;
            margin-top: 1em;
            @media (max-width: 749px) {
                width: 100%;
            }
            .line-item-container {
                display: flex;
                &.total {
                    font-weight: 500;
                    margin-top: 1em;
                }
                .column-1,
                .column-2 {
                    width: 50%;
                }
                .column-2 {
                    text-align: right;
                }
            }
        }
    }
}


    @media only screen and (min-width: 749px) {
        .template-product .community-thumbs-container {
            overflow: hidden; 
            margin-right: 0 !important;
            padding-right: 0 !important; 
        }
        
        .product-master .product-page-template .product-image .product-community .text-container {
            width: 26%;
            padding-right: 0; 
        }
        
        .product-master .product-page-template .product-image .product-community .community-thumbs-container {
            width: 74%;
        }
        
        .product-master .product-page-template .swiper-button-prev {
            display: none; 
        }
        
        .template-product .community-thumbs-container .swiper-slide {
            margin-right: 15px !important; 
        }
        
        .template-product .community-thumbs-container .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-next) {
            visibility: hidden; 
        }
        
        .product-master .product-page-template .product-image .product-community .community-thumbs-container .swiper-button-next {
            right: 0.4em;
        }
    }


.zoom-icon{
	position: absolute;
	width: 40px;
	z-index: 1;
    left: -4%;
}
.zoomed-mobile{
    height: max-content !important;
    width: 100vw;
    z-index: 2;
}
@media screen and (min-width: 749px) {
  .zoom-icon{
	display: none;
  }
}

.td.items.image .image img{
  max-width:none;
}

.cart-page .cart-body .responsive-table .tbody .td.items.image{
      margin-top: -1.5em;
}

.collection-product-template {
        .has-second {
                    &:hover {
              .image-container.oos img {
                  &:first-of-type {
                      display: block;
                  }
                  &:last-of-type {
                      display: none;
                  }
              }
}         }  }


.announcement-box{
  background: #fffaf5;
  width: 100%;
  height: 100%;
  padding: 7px 21px;
}

#shopify-section-product-recommendations .collection-product-template .has-second img:last-of-type {
    display: block !important;
}

#shopify-section-product-recommendations .zoom-icon{
	display:none;
}

/* 
   Swatches Styles
*/



.swatch { 
  margin:1em 0; 
}
/* Label */
.swatch .header {
  margin: 0.5em 0;
}
/* Hide radio buttons.*/
.swatch input { 
  display:none;
}
.swatch label {
   font-size: 14px;
    color: #1a1a1c;
    font-family: "AttenRound";
    padding: 0.7em 0.9em;
    border: solid 1px #cccccc;
    margin: 0.6em 0em 0.2em 0em;
    display: inline-block;
}

.color.swatch-element label { padding:0; }
/* Styling selected swatch */
/* Slightly raised */
.swatch input:checked + label {
  border: 2px solid;
} 

.swatch .swatch-element
{
    display: inline-block;
    margin-right: 0.5em;
}

/* Image with the cross in it */
.crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; }
.swatch .swatch-element .crossed-out { display:none; }
.swatch .swatch-element.soldout{ opacity: 0.4; }
/* Tooltips */
.swatch .tooltip {
  text-align:center;
  background:gray;
  color:#fff;
  bottom:100%;
  padding: 10px;
  display:block;
  position:absolute;
  width:100px;
  left:-23px;
  margin-bottom:15px;
  /* Make it invisible by default */
  filter:alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity:0;
  visibility:hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  box-sizing:border-box;
}
.swatch .tooltip:before {
  bottom:-20px;
  content:" ";
  display:block;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}
/* CSS triangle */
.swatch .tooltip:after {
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-top:solid gray 10px;
  bottom:-10px;
  content:" ";
  height:0;
  left:50%;
  margin-left:-13px;
  position:absolute;
  width:0;
}
.swatch .swatch-element:hover .tooltip {
  filter:alpha(opacity=100);
  -khtml-opacity:1;
  -moz-opacity:1;
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0px);
     -moz-transform:translateY(0px);
      -ms-transform:translateY(0px);
       -o-transform:translateY(0px);
          transform:translateY(0px);
}
.swatch.error {
  background-color:#E8D2D2!important;
  color:#333!important;
  padding:1em;
  border-radius:5px;
}
.swatch.error p {
  margin:0.7em 0;
}
.swatch.error p:first-child {
  margin-top:0;
}
.swatch.error p:last-child {
  margin-bottom:0;
}
.swatch.error code {
  font-family:monospace;
}
.home-intro-container .middle-container .text-container .text a {
  color: #fffaf5 !important;
}

.new-recharge-widget.custom{
  opacity: 0;
    visibility: hidden;
    height: 0px;
}

.login__main input {
    border-radius: 30px;
}