/** Shopify CDN: Minification failed

Line 76:0 Unexpected "}"

**/
@media (min-width:1023px){
  .container--large.container--collection {
    position: relative;
  }
  .container--collection {
    display: flex;
    flex-wrap:wrap;
    column-gap:40px;
}
  #CollectionProductGrid {
    flex: 1;
    height: fit-content;
}
  .collection-facets-sidebar{
    height:100%;
  }
  .container--collection nav {
    flex: 1 0 100%;
    display: flex;
    justify-content: center;
}
    .sidebar-main__nav {
        height: fit-content;
        width: 100%;
        position: sticky;
        top:5vh;
        max-height: 90vh;
        overflow-y: auto;
      padding-right:10px;
    }
}

.sidebar-main__menu {
    font-size: 15px;
    line-height: 1.3em;
}

.flex-between {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.menu__toggle-content, .menu__sub-toggle-content {
  max-height: 0px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.menu__toggle--opened .menu__toggle-content,
.menu__sub-toggle--opened .menu__sub-toggle-content {
  max-height: 700px !important;
}

.menu__toggle-title:after, .menu__sub-toggle-title:after {
  content: '+';
  font-size: 18px;
  transition: transform 0.3s ease;
}

.menu__toggle--opened .menu__toggle-title:after,
.menu__sub-toggle--opened .menu__sub-toggle-title:after {
  content: '-';
  font-size: 18px;
}

svg.menu__icon {
  fill: #5E5E5E;
}
}

@media (max-width:768px){
  .sidebar-desktop {
    display: none;
  }
}

/*scrollbar*/
.sidebar-main__nav::-webkit-scrollbar {
  width: 7px;
  height: 6px;
}
.sidebar-main__nav::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #a5aaad;
  border-radius: 10px;
}
.sidebar-main__nav::-webkit-scrollbar-thumb {
  background: #C1C1C1;
  border-radius: 10px;
}
.sidebar-main__nav::-webkit-scrollbar-thumb:hover {
  background: #a5aaad;
}


span.menu__toggle-title {
    padding: 10px 8px;
  cursor:pointer;
}
span.menu__sub-toggle-title {
    padding: 8px 8px 8px 20px;
   cursor:pointer;
}
a.menu__link {
    padding: 8px;
}
a.menu__child-link {
    padding: 8px 8px 8px 20px;
}
a.menu__grandchild-link {
    padding: 8px 8px 8px 35px;
}

a.menu__grandchild-link.link--active{
  font-weight:600;
    color:#5A9C56 !important;
}

.link--active {
    color: #5A9C56;
  font-weight:600;
}

.menu__toggle--opened .menu__toggle-title {
    background: #F7F7F8;
}


ul.menu__sub-toggle-list {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}