/** Shopify CDN: Minification failed

Line 46:0 Unexpected "}"

**/
@media screen and (min-width: 1025px) {
  .column-menu {
    -webkit-column-count: var(--col);
    -moz-column-count: var(--col);
    -ms-column-count: var(--col);
    column-count: var(--col);
    column-gap: var(--col-gap);
  }
}

  .column-menu>li {
    width: 100%;
    display: grid;
    grid-template-rows: 1fr auto;
    margin-bottom: var(--col-gap);
    break-inside: avoid;
  }

  .menu-list {
    flex: 0 0 auto;
    width: calc(100% - var(--col-mega-width) - var(--col-gap) * 0.5);
  }

  .col-mega {
    flex: 0 0 auto;
    width: calc(var(--col-mega-width) - var(--col-gap) * 0.5);
  }

  .mega-menu-custom-width {
    width: var(--mega_custom_width);
    max-width: 100vw;
  }

  .grid-cols {
    --col: var(--col-desktop, var(--col-number));
  }

  .d-grid.grid-cols {
    grid-template-columns: repeat(var(--col), calc((100% - var(--col-gap, 0px) * calc(var(--col) - 1)) / var(--col)));
  }
}

.gap {
  gap: var(--col-gap, 0);
}

.collection-item.menu-collection {
  --collection-title-weight: var(--btn-font-weight);
}

.custom-menu {
  list-style: none;
  display: flex;
  gap: 10px;
  font-size: 1.4rem;
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
}

@media only screen and (max-width: 1024px) and (min-width: 320px) {
  .custom-menu {
  list-style: none;
  display: flex;
  gap: 50px;
  font-size: 1.2rem;
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  text-transform: uppercase;
  background-color: rgba(211,211,211,0.25);
  padding-top: 10px;
  }
  .custom-menu a {
  text-decoration: none;
  /* color: #800020; */ /* Highlight color */
  font-weight: 600;
  text-transform: uppercase;
  }
}

@media only screen and (min-width: 1025px) {
  .horizontal-list {
  display: none;
  }
}

.custom-menu li {
  margin: 0;
  width: 200%;
  height: 200%;
}

.custom-menu li a:hover {
  background-color: rgba(255,255,255,0.75);
  border-radius: 10px;
}

.custom-menu a {
  text-decoration: none;
/*  color: #ff5733; */ /* Highlight color */
  font-weight: 600;
  text-transform: uppercase;
}

.custom-menu a:hover {
  color: #800020;
}

.nav-menu {
  display: flex;
  gap: 20px;
}

.nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: #333;
  font-family: "Montserrat", serif;
  transition: color 0.3s;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
}

.nav-icon {
  margin-bottom: 8px;
}

.nav-item:hover {
  color: #007bff; /* Change color on hover */
}

.svg-spacing {
  padding-bottom: 10px;
}

@media screen and (max-width: 1024px) {
 .svg-spacing {
   padding: 0px;
  }
}