/** Shopify CDN: Minification failed

Line 171:0 Expected "}" to go with "{"

**/
/*
custom.css

Use this file to add custom CSS to your theme.
Make sure to uncomment out the line in theme.liquid so that this css file is loaded.

For more information check out this help guide:
https://docs.switchthemes.co/shapes/advanced/custom-css.html
*/


.text-theme-basic {
    color: black;
}

button.mt-4.mb-8.cursor-pointer.font-secondary.text-sm.theme-link {
color: black;
}

span.push-btn-surface {
color: white !important;
}

span.push-btn-surface.w-full {
color: white !important;
}

div#left-drawer-slot {
    background: #f967b0 !important;
}

span.mybadge {
    background: #d125c2;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.nav-item img {
display:none;
}


ul.list-none.space-y-2\.5.width-24 {
    display: flex;
    justify-content: center;
}

li.rt-25 {
    width: 100px;
}

span.mybadge {
    border: 1px solid hotpink;
    padding: 7px;
    z-index: 999999999999;
    position: absolute;
    background: hotpink;
    color: black;
    text-transform: uppercase;
    border-radius: 14px;
}

span.push-btn-surface, span.push-btn-surface.w-full {

    background: hotpink;
}


@media(max-width:700px){
ul.list-none.space-y-2\.5.width-24 {
    display: grid !important;
    justify-content: center;
    grid-template-columns: 33% 33% 33%;
}

  li.rt-25 {
    width: max-content;
   
    font-size: 13px;
}
}

.text-theme-basic.flex.items-center {
    color: hotpink;
}

.htr {
    margin-top: 10px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: underline;
}
/* Reposition hero slideshow arrows to align with CTA button */
#shopify-section-template--22212909302057__3d1ea156-9401-4efb-9a52-cc9461a68281 .splide__arrows {
  position: absolute !important;
  bottom: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 2rem !important;
  left: auto !important;
  margin-top: 0 !important;
  padding-bottom: 0 !important;
  justify-content: flex-end !important;
  gap: 1rem !important;
  width: auto !important;
}
/* Mobile positioning - arrows positioned near button */
@media screen and (max-width: 749px) {
  #shopify-section-template--22212909302057__3d1ea156-9401-4efb-9a52-cc9461a68281 .splide__arrows {
    position: absolute !important;
    bottom: 1rem !important;
    right: 1rem !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    gap: 0.5rem !important;
    width: auto !important;
  }

/* Reposition hero slideshow arrows to align with CTA button */
#shopify-section-template--22212909302057__3d1ea156-9401-4efb-9a52-cc9461a68281 .splide__arrows {
  position: absolute !important;
  bottom: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 2rem !important;
  left: auto !important;
  margin-top: 0 !important;
  padding-bottom: 0 !important;
  justify-content: flex-end !important;
  gap: 1rem !important;
  width: auto !important;
}

@media screen and (max-width: 749px) {
  #shopify-section-template--22212909302057__3d1ea156-9401-4efb-9a52-cc9461a68281 .splide__arrows {
    position: absolute !important;
    bottom: 1rem !important;
    right: 1rem !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    gap: 0.5rem !important;
    width: auto !important;
  }
}