/** Shopify CDN: Minification failed

Line 126:4 "text-transfor" is not a known CSS property
Line 189:0 Unexpected "{"

**/
.header__column--right {
    gap: var(--gap-xl);
    justify-content: flex-end;
    grid-area: right;
    background: #2c2f88;
    color: white;
    padding: 0rem 1rem 0rem 1.5rem;
    border-radius: 1rem;
    font-family: "calder-dark", sans-serif;
font-weight: 400;
font-style: normal;
}

.resource-card__image {
    object-fit: contain !important;
    padding: 13px !important;
}


@media (max-width: 900px) {
.menu-drawer__link-image {
width: 100%;
position: relative;
aspect-ratio: 9 / 9;
max-width: 100px;
padding: 10px;
object-fit: contain;
}
}

.shopify-policy__container {
    max-width: 560px;
    max-width: 65vw;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 3rem;
}

.shopify-policy__title {
    text-align: center;
    margin-bottom: 3rem;
}

.sl-address-item .name {
    font-weight: 600;
    font-size: 1rem !important;
    color: #707070;
}

.sl-address-action-bttn {
    background-color:rgb(192, 34, 34)!important;
}

.sl-bttn.sl-primary {
    background-color:rgb(192, 34, 34)!important;
    border: 1px solid rgb(192, 34, 34)!important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "calder-dark", sans-serif;
}


.product-information {
gap: var(--gap) 0;
max-width: 1150px!important;
margin: 0 auto;
}

.media-fit-cover :is(img, video, iframe, .deferred-media__poster-image) {
    object-fit: contain!important;
    width: 100%;
    height: 100%;
    padding: 3rem !important;
}

.menu-list__link {
    font-family: "calder-dark", sans-serif;
font-weight: 400;
font-style: normal;
}

.button-style {
    background: rgb(255 255 255 / 1.0);
    color: #bb1212 !important;
    font-weight: 700;
    padding: 4px 13px;
    border-radius: 6px;
    text-transform: uppercase;
    transition: .3s;
    height: 45px;
}
.button-style:hover {
  background: #e53935;
  color: #fff !important;
}

.text-block.h1 h1 {
    color: #d32f2f;
    font-family: calder-dark-grit-shadow, sans-serif;
    font-weight: 400;
}

.custom-section-content {
    z-index: var(--layer-flat);
    max-width: 900px;
    margin: 0 auto;
}

.custom-section-content h1 {
    color: #d32f2f;
    font-family: calder-dark-grit-shadow, sans-serif;
    font-weight: 400;
    font-size: 2rem;
    text-align: center !important;
}

.custom-section-content h2 {
    text-transfor: uppercase;
    font-family: "calder-dark", sans-serif;
font-weight: 400;
font-size: 1.44rem;
}


.text-block.h1 h1 {
    color: #d32f2f;
    font-family: calder-dark-grit-shadow, sans-serif;
    font-weight: 400;
    font-size: 2.33rem;
}

.product-media-container img {
    aspect-ratio: inherit;
    object-fit: contain;
    padding: 10%;
}

.btn {
    display: inline-block;
    margin-top: 2rem;
    background: #2c2f88;
    color: #fff;
    padding: 0.9rem 2rem;
    font-family: "calder-dark", sans-serif;
font-weight: 400;
font-style: normal;
    text-transform: uppercase;
    border-radius: 0;
    transition: 0.3s ease;
    text-decoration: none;
}

.btn:hover {
    color: black;
}


.product-media {
    aspect-ratio: var(--gallery-aspect-ratio, var(--ratio));
    min-height: 0;
    min-width: 0;
    aspect-ratio: 1 / 1 !important;
}

.product-media-container.media-fit img {
    object-fit: contain !important;
    padding: 2rem;
}

:not(.dialog-zoomed-gallery)>.product-media-container {
    --slide-width: round(up, 100%, 1px);
    display: flex;
    aspect-ratio: var(--gallery-aspect-ratio, var(--media-preview-ratio));
    max-height: var(--constrained-height);
    width: 100%;
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1 !important;
}

{
    width: 100%;
    max-width: 100%;
}



.mega-menu__link-image {
    width: 100%;
    position: relative;
    aspect-ratio: 16 / 9;
    text-align: center !important;
    margin-bottom: var(--padding-sm);
    object-fit: contain;
    border-radius: var(--menu-image-border-radius);
}


.mega-menu__link:has(.mega-menu__link-image) {
    display: flex;
    text-align: center !important;
    flex-direction: column;
    padding-inline: 0;
    padding-block: var(--padding-sm) 0;
}



.wsg-section-header h2 {
  font-size: 2rem !important;
  margin-bottom: 2rem;
}

.wsg-section-header h3 {
  font-size: 1.75rem !important;
  margin-bottom: 2rem;
}

#wsg-account-container h1 {
    font-size: 2rem !important;
}

.wsg-shipping-footer {
    margin-top: 0rem !important;
    margin-bottom: 5rem;
}

.wsg-shipping-footer button {
    margin-top: 0rem !important;
}



.customer-auth h1 {
text-align: center;
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 2rem;
}

    .collection-hero {
      position: relative;
      width: 100%;
      height: 70vh;
      min-height: 480px;
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      overflow: hidden;
      color: #fff;
    }

    .collection-hero__bg {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      z-index: 1;
      transition: background-image 0.4s ease;
    }

    .collection-hero__overlay {
      position: absolute;
      inset: 0;
      z-index: 2;
    }

    .collection-hero__content {
      position: relative;
      z-index: 3;
      padding-bottom: 4rem;
      max-width: 90%;
      padding-left: 2rem;
    }

    .collection-hero__subtitle {
      font-family: "calder-dark", sans-serif;
      font-weight: 400;
      font-size: 1rem;
      margin: 0;
      margin-bottom: 1rem;
      opacity: 1;
      padding: 10px;
      position: relative;
      z-index: 3;
    }

    .collection-hero__subtitle::after {
      content: '';
      width: 200%;
      height: 37px;
      top: 0;
      background: #1d1d88;
      display: block;
      position: absolute;
      left: -100%;
      z-index: -1;
      border-right: solid red 3px;
      opacity: .8;
    }

    .collection-hero__title {
      font-family: "calder-dark", sans-serif;
      font-weight: 800;
      font-size: clamp(2rem, 5vw, 3.5rem);
      margin: 0.5rem 0 0;
      letter-spacing: 1px;
      line-height: 1.1;
    }

    @media (max-width: 768px) {
      .collection-hero {
        height: 50vh;
        min-height: 500px;
      }
      .collection-hero__content {
        padding-bottom: 2.5rem;
      }
      .collection-hero__title {
        font-size: clamp(1.8rem, 7vw, 2.8rem);
      }
    }





    .wsg-login-container h1 {
    display: none;
  }

  .wsg-login-container {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 5rem;
}