/** Shopify CDN: Minification failed

Line 496:3 Unexpected "#"

**/
.Montserrat {
  font-family: Montserrat, Arial, Helvetica, sans-serif;
}
html {
  scroll-behavior: smooth;
}
.Karla {
  font-family: Karla, Arial, Helvetica, sans-serif;
}
.semi-bold {
  font-weight: 500 !important;
}
.bold {
  font-weight: 600 !important;
}
.bolder {
  font-weight: 700 !important;
}
.f40-23 {
  font-size: clamp(23px, 3vw, 40px) !important;
}
.f42-22 {
  font-size: clamp(22px, 3vw, 42px) !important;
}
.f45-30 {
  font-size: clamp(30px, 3vw, 45px) !important;
}
.f58-24 {
  font-size: clamp(24px, 5vw, 58px) !important;
}
.f35-28 {
  font-size: clamp(28px, 3vw, 35px) !important;
}
.f36-24{
  font-size: clamp(24px, 3vw, 36px) !important;
}
.f36-28{
  font-size: clamp(28px, 3vw, 36px) !important;
}
.f35-23 {
  font-size: clamp(23px, 3vw, 35px) !important;
}
.f25-24 {
  font-size: clamp(24px, 3vw, 25px) !important;
}
.f24-20 {
  font-size: clamp(20px, 3vw, 24px) !important;
}
.f45-21 {
  font-size: clamp(21px, 3.5vw, 45px) !important;
}
.f42-23 {
  font-size: clamp(23px, 3.5vw, 42px) !important;
}
.f45-28 {
  font-size: clamp(28px, 3vw, 45px) !important;
}
.f34-32 {
  font-size: clamp(32px, 3vw, 34px) !important;
}
.f34-28 {
  font-size: clamp(28px, 3vw, 34px) !important;
}
.f34-22 {
  font-size: clamp(22px, 3vw, 34px) !important;
}
.f32-24 {
  font-size: clamp(24px, 3vw, 32px) !important;
}
.f34-25 {
  font-size: clamp(25px, 3vw, 34px) !important;
}
.f32-22 {
  font-size: clamp(22px, 3vw, 32px) !important;
}
.f28-24 {
  font-size: clamp(24px, 3vw, 28px) !important;
}
.f45-23 {
  font-size: clamp(23px, 3vw, 45px) !important;
}
.f42-32 {
  font-size: clamp(32px, 3vw, 42px) !important;
}
.f18-16 {
  font-size: clamp(16px, 2.5vw, 18px) !important;
}
.f18-12 {
  font-size: clamp(12px, 2.5vw, 18px) !important;
}
.f20-13 {
  font-size: clamp(13px, 2.5vw, 20px) !important;
}
.f20-16 {
  font-size: clamp(16px, 2.5vw, 20px) !important;
}
.f25-16 {
  font-size: clamp(16px, 2.5vw, 25px) !important;
}
.f18-13 {
  font-size: clamp(13px, 2.5vw, 18px) !important;
}
.f23-16 {
  font-size: clamp(16px, 2.5vw, 23px) !important;
}
.f18-14 {
  font-size: clamp(14px, 2.5vw, 18px) !important;
}
.f16-13 {
  font-size: clamp(13px, 2.5vw, 16px) !important;
}
.f16-12 {
  font-size: clamp(12px, 2.5vw, 16px) !important;
}
.f14-12 {
  font-size: clamp(12px, 2.5vw, 14px) !important;
}
.f16-11 {
  font-size: clamp(11px, 2.5vw, 16px) !important;
}
.f12-10 {
  font-size: clamp(10px, 2.5vw, 12px) !important;
}
.f10-11 {
  font-size: clamp(11px, 2.5vw, 10px) !important;
}
.f12-13 {
  font-size: clamp(12px, 2.5vw, 13px) !important;
}
.f20-14 {
  font-size: clamp(14px, 2.5vw, 20px) !important;
}
.f12 {
  font-size: 12px !important;
}
.f11 {
  font-size: 12px !important;
}
.f10 {
  font-size: 10px !important;
}
.f14 {
  font-size: 14px !important;
}
.f15 {
  font-size: 15px !important;
}
.f16 {
  font-size: 16px !important;
}
.f18 {
  font-size: 18px !important;
}
.f20 {
  font-size: 20px !important;
}
.f24 {
  font-size: 24px !important;
}
.f28 {
  font-size: 28px !important;
}
.f32 {
  font-size: 32px !important;
}
.f45 {
  font-size: 45px !important;
}
.f16-14 {
  font-size: clamp(14px, 2.5vw, 16px) !important;
}
.f24-18 {
  font-size: clamp(18px, 3vw, 24px) !important;
}
.f22-18 {
  font-size: clamp(18px, 3vw, 22px) !important;
}
.f20-17 {
  font-size: clamp(17px, 3vw, 20px) !important;
}
.f22-20 {
  font-size: clamp(20px, 3vw, 22px) !important;
}
.f28-26 {
  font-size: clamp(26px, 2.5vw, 28px) !important;
}
.f16-14 {
  font-size: clamp(14px, 2.5vw, 16px) !important;
}
.f32-20 {
  font-size: clamp(20px, 3vw, 32px) !important;
}
.f36-24 {
  font-size: clamp(24px, 3vw, 36px) !important;
}
.h-51 {
  height: 51px !important;
}
.h-52 {
  height: 52px !important;
}
.h-57 {
  height: 57px !important;
}
.h-74 {
  height: 74px !important;
}
.italic {
  font-style: italic;
}
.text-normal-case {
  text-transform: none !important;
}
.text-up-case {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.border-top--grey {
  border-top: 10px solid #f2f2f2;
}
.border-bottom--grey {
  border-bottom: 10px solid #f2f2f2;
}

@media screen and (max-width: 1023px) {
  html .hide-on-mobile {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  html .hide-on-desktop {
    display: none !important;
  }
}





.custom-announcment-content {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: flex-end;
}

.custom-announcment-content p {
    margin: 0;
}

a.custom-announcment-link {
    display: flex;
    align-items: center;
    color: white;
}

.custom-announcment-container {
    display: flex;
    justify-content: flex-end;
}

.custom-announcment-content a p {
    color: white;
    font-size: 12px;
}
.icon-basket:before {
    content: "\e04e";
    display: inline-block;
    font-size: 22px;
}
.fa-search:before {
    font-size: 21px;
    display: inline-block;
}
.cart-count-bubble {
    bottom: 0.1rem;
    left: 2.8rem;
}
@media(max-width: 786px){
  .custom-announcment-container {
    display: none;
  }
  div#shopify-section-sections--17164656378102__announcement-bar {
    display: none;
  }
}

body #accessiblyAppWidgetButton.accessibly-app-widget-button-container.middle-right {
    top: 75%!important;
    right: 0px!important;
}

.accordion-panel img {
    width: 100%;
}
iframe#chat-button {
    bottom: 10px!important;
  right: 10px !important;
}


.page-product-testimonials .main-page-wrapper h2, 
.page-about-us .main-page-wrapper .container h2 {
    /* font-size: 40px; */
}

.page-product-testimonials .main-page-wrapper h4 {
  /* font-size: 25px; */
}

.page-width .image-with-text {
    display: grid;
    grid-template-columns: 2fr 3fr;
    align-items: center;
    gap: 20px;
}

.page-width .single-review {
    background-color: rgb(237 233 233 / 43%);
    padding: 20px;
    margin: 20px;
}

/* Custom Drawer */
@media(max-width: 413px){
  .custom-nav-box-image {
    width: 165px!important;
  }
  .custom-nav-main-heading {
    font-size: 21px!important;
  }
}
@media(max-width: 1000px){
  img.custom-nav-box-image {
      width: 180px;
  }
  body.custom-menu-opening .header {
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
    padding: 14px 3rem 8px 1.7rem;
  }
  body.custom-menu-opening .menu-drawer__menu-item--active {
    background: transparent;
  }
  body.custom-menu-opening sticky-header.header-wrapper {
    border-bottom: 1px solid black !important;
  }
  body.custom-menu-opening .header__icons {
    display: none;
  }
  body.custom-menu-opening .gradient.utility-bar--bottom-border {
    display: none;
  }
  body.custom-menu-opening div#shopify-section-sections--17555680067830__marquee {
      display: none;
  }

  .menu-drawer__navigation {
    padding: 2rem 0!important;
  }
  .menu-drawer__menu-item--active {
    background: transparent;
  }
  .menu-drawer__navigation .menu-drawer__menu-item {
    font-size: 1.3rem;
    padding: 0;
    text-transform: uppercase;
  }
  .menu-drawer__menu.has-submenu.list-menu li {
    flex-basis: 47%;
  }
  .menu-drawer__menu.has-submenu.list-menu {
    display: flex;
    flex-flow: wrap;
    max-width: 88%;
    margin: 30px auto;
    justify-content: space-between;
    gap: 15px;
  }
  a.custom-nav-cta {
    color: black;
    background: #F5B822;
    font-size: 20px;
    width: 100%;
    font-weight: 600;
    display: block;
    text-align: center;
    max-width: 90%;
    margin: auto;
    padding: 11px 0px;
    border-radius: 5px;
  }
  .custom-nav-cta-container {
      width: 100%;
      max-width: 100%;
  }
  .custom-nav-cta-container p {
      color: white;
      text-align: center;
      font-size: 13px!important;
  }
  p.custom-nav-box-tag {
      margin: 0;
      position: absolute;
      right: 6px;
      top: 9px;
      color: black;
      background: #F5B821;
      border-radius: 34px;
      font-size: 10px!Important;
      font-weight: 800;
      padding: 0px 5px;
      letter-spacing: 0px;
  }
  
  p.custom-nav-box-text {
      margin: 0;
      position: absolute;
      bottom: 19px;
      width: 95%;
      left: 3%;
      color: #fff;
      font-size: 11px!important;
      line-height: 15px;
      text-align: center;
      font-weight: 500;
      font-family: Montserrat;
  }
  
  a.custom-nav-box-link {
      position: relative;
  }
  
  .custom-nav-content {
      max-width: 97%;
      margin: auto;
  }
  
  .custom-nav-box {
      display: flex;
      flex-basis: 33.33%;
      justify-content: center;
      margin: 0px 4px;
  }
  
  .custom-nav-box-container {
      display: flex;
      flex-flow: wrap;
      justify-content: center;
      gap: 0px;
  }
  .custom-nav-main-heading {
      font-size: 23px;
      color: white;
      font-weight: 700;
      margin-top: 0px;
      margin-bottom: 20px;
      text-align: center;
  }
}

.card__inner .card__badge {
  display: none !important;
}

a.subscribe-and-save-btn {
  background-color: #ce0909;
  color: white;
  border-radius: 10px;
  padding: 15px 20px;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  display: block;
}

@media screen and (max-width: 1023px) {
  a.subscribe-and-save-btn {
    margin-bottom: 20px;
  }
}

.appstle_manageSubBtn {
  display: none !important;
}

div#.rc-purchase-option,
div#.rc-selection__onetime{
  display: none !important;
}


/* MJ CUSTOM */

.quantity-radios {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    box-sizing: border-box;
}
.quantity-radios .radio__button {
  width: 50%;
  max-width: calc(50% - 15px);
  margin: 0!important;
}
.quantity-radios  .radio__button:nth-child(5) {
  display: none;
}
.quantity-radios  .radio__label {
  padding: 10px!important;
}
.quantity-radios  .option-title {
    display: flex;
    gap: 5px;
    align-items: center;
}
.quantity-radios  .option-title > div {
      display: flex;
    flex-direction: column;
}
.quantity-radios  .option-title img {
  width: 50px;
}
.quantity-radios .radio__input:checked~.radio__label {
  border: solid 2px #000;
}

.quantity-radios .radio__input:checked~.radio__label .option-title span:nth-child(1) {
  font-weight: bold;
}
.rc-template__button-group .rc-button-group__options[data-v-f1bb5b6a] .rc-radio.rc-radio--active {
    background: transparent!important;
    border: solid 2px #D2232B!important;
    color: #D2232B!important;
}
.rc-template__button-group .rc-button-group__options .rc-radio {
  color: #D2232B!important;
    border: solid 1px #D2232B!important;
    align-items: flex-start!important;
}
.rc-selling-plans-dropdown__select {
  color: #D2232B;
    border: solid 2px #D2232B;
}
.rc-subscription-details {
  display: none!important;
}
.radio__legend__label,
.rc-selling-plans-dropdown__label {
      font-family: 'Lato'!important;
    font-weight: 900 !important;
    font-size: 16px!important;
    text-transform: uppercase;
}
.product-single__media-slider:after {
  content: "FREE SHIPPING on orders above $65";
  display: block;
  position: absolute;
  background: #D2232B;
  color: white;
  padding: 5px;
  border-radius: 5px;
  top: 10px;
  right: 10px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 900;
}

.rc-radio__label {
  display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.rc-radio.rc-radio--active:after {
    content: "UP TO 35% OFF";
    width: 50px;
    height: 60px;
    color: #fff;
    background: url(/cdn/shop/files/Rectangle_3852.png?v=1758047738);
    position: absolute;
    right: 5px;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    font-size: 10px;
    font-weight: 900;
    display: flex;
    padding: 5px 3px;
    line-height: 1.2em;
}