@charset "utf-8";


.mm-ocd--open {
    background: rgba(255,255,255,.4);
}

.mm-spn.mm-spn--light {
    background:#fff;
}

.mmenu-cat-link {
  width:80%;
  height:52px;
}
.mmenu-cat-link span {
  top:2px;
  left:0;
  position:absolute;
  width:100%;
}

.mm-spn li.active > a {
  font-style:italic;
  font-weight:500;
  color:var(--primary);
}

.mm-spn li.active a:not(:last-child):after {
  border-color:black;
}
.mm-spn li.active::before {
  border-color:var(--primary);
  opacity:1;
}

.offcanvas-socials {
  position:absolute;
  bottom:0;
  left:0;
  z-index:9999;
  display:flex;
  border-top: 1px solid #e3e3e3;
  width:100%;
}

.offcanvas-socials a {
  flex-grow:1;
  flex-basis: 0;
  text-align:center;
  color:#b4b4b4;
}
.offcanvas-socials a:hover {
  color:var(--primary);
}

/* .masonry {   
    display: grid;   
    gap: 1em;   
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));   
    grid-template-rows: masonry; 
  }
  .masonry .item {
  } */


  .masonry .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .masonry {
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    columns: 3;
    column-gap: 15px;
  }
  
  .masonry .item img {
      margin-bottom: 15px;
  }



  @media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{ color: #fff;  }
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item:hover .dropdown-menu.grid-dropdown{ display: grid !important; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
  }
  
  .dropdown-menu {
    top:48px;
  }
  
  .dropdown-menu::after {
    top:-10px;
    width:100%;
    content:'';
    background-clip:content-box;
    height:10px;
    position:absolute;
    left:0;
    background:transparent;
  }

  /* custom offcanvas menu links  */

  .mm-spn div > li:after {
    border:none !important;
  }

  .mm-spn.mm-spn--navbar ul {
    top:0;
  }

  .mm-spn div > li:before {
    display:none;
  }