.uk-overlay-primary {
    background: rgb(34 34 34 / .2);
}
.secondary-bg {
    background-color: var(--color-4-opacity);
}
.icecream-cones-home {
    position: absolute;
    right: 0;
    transform: translateY(-50%) translateX(100%);
    top:50%;
    max-height: 100%;
}

.cone-home {
    max-height: 200px;
    width: auto;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 0px;
    padding: 0px;
    z-index: -1;
}

.cone-home2 {
    max-height: 200px;
    width: auto;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 0px;
    padding: 0px;
    z-index: -1;
}

.promo-tile-section {
    position: relative;
}

.promo-tile-section .accent-2, .promo-tile-section .accent-2 * {
    background-color: transparent;
}

.navbar-brand img{
    min-width: auto;
    max-height: 115px;
}

@media(max-width:991px){
    .icecream-cones-home{
        display: none;
    }

.cone-home {
    bottom: 96%;
    max-height: 100px;
}

.cone-home2 {
    bottom: 4%;
    max-height: 100px;
}
}

#menu {
  --soft: rgba(0,0,0,.1);
  --shadow: 0 4px 18px rgba(0,0,0,.08);
  --ring: 0 0 0 3px rgba(1,174,147,.25);
}

#menu .visually-hidden-focusable:not(:focus):not(:active){position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}

#menu .nav-pills{justify-content:center;gap:.6rem}
#menu .nav-pills .nav-link{font-weight:800;background:var(--color-2);color:var(--color-4);border-radius:999px;padding:.6rem 1.15rem;box-shadow:var(--shadow)}
#menu .nav-pills .nav-link.active{background:var(--color-1);color:var(--color-3)}
#menu .nav-pills .nav-link:focus{outline:none;box-shadow:var(--ring)}

#menu .menu-surface{box-shadow:var(--shadow)}
#menu .menu-surface-main{background:linear-gradient(180deg,var(--color-2-opacity-darker) 0%, #ffffff 28%, #ffffff 72%,var(--color-1-opacity-darker) 100%)}
#menu .menu-surface-boozy{background:linear-gradient(180deg,var(--color-2-opacity-darker) 0%, #ffffff 28%, #ffffff 72%,var(--color-1-opacity-darker) 100%)}

#menu .menu-heading{font-weight:900;letter-spacing:.6px;color:var(--color-4)}
#menu .menu-subheading{font-weight:800}
#menu .menu-note{font-weight:700}
#menu .menu-divider{max-width:780px;margin:.5rem auto 1.25rem;border:0;border-top:5px solid var(--color-1);opacity:.6}

#menu .menu-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
#menu .menu-list li{padding:.6rem .9rem;border-radius:14px;background:var(--color-3);border:1px solid var(--soft);box-shadow:var(--shadow);font-weight:700}
#menu .menu-list.two-col{grid-template-columns:1fr}
@media (min-width:992px){#menu .menu-list.two-col{grid-template-columns:1fr}}

#menu .chip-row{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
#menu .menu-chip{border:1px solid var(--soft);border-radius:999px;padding:.6rem 1.1rem;text-align:center;font-weight:800;background:var(--color-3);box-shadow:var(--shadow)}

#menu .menu-card{border:1px solid var(--soft);border-radius:20px;padding:1.1rem;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--color-3);box-shadow:var(--shadow)}
#menu .menu-card-accent{border:2px solid var(--color-1)}
#menu .menu-item-title{font-weight:900;margin:0;color:var(--color-4);letter-spacing:.2px}
#menu .menu-price{font-weight:900;margin:.35rem 0 0 0;color:var(--color-1)}
#menu .menu-desc{margin:0;color:var(--color-5)}

#menu .boozy-item{border-left:8px solid var(--color-1);padding:1rem;margin-bottom:1rem;background:var(--color-3);border-radius:14px;border:1px solid var(--soft);box-shadow:var(--shadow)}
#menu .boozy-title{font-weight:900;margin:0 0 .25rem 0;color:var(--color-4)}
#menu .boozy-desc{margin:0;color:var(--color-5)}

#menu .prices-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.5rem;
  justify-items:center;
}

@media (min-width:576px){#menu .prices-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (min-width:992px){#menu .prices-grid{grid-template-columns:repeat(6,minmax(0,1fr));}}
#menu .price-figure{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:var(--color-3);border:1px solid var(--soft);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);width:100%;height:100%;transition:transform .2s ease, box-shadow .2s ease;text-align:center;}
#menu .price-figure:hover{
  transform:translateY(-6px);
  box-shadow:0 8px 20px rgba(0,0,0,0.12);
}
#menu .price-figure img{
  width:100%;
  height:200px;
  object-fit:contain;
  border-bottom:3px solid var(--color-1);
}
#menu .price-figure figcaption{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  padding:1rem .5rem 1.2rem;
  background:linear-gradient(180deg, #fff 0%, #f9f9f9 100%);
  width:100%;
  height:auto;
}
#menu .price-title{
  display:block;
  font-weight:900;
  font-size:1.05rem;
  color:var(--color-4);
  letter-spacing:.3px;
}
#menu .price-sub{
  display:block;
  font-size:.95rem;
  color:#555;
  margin-top:.25rem;
}
#menu .price-amt{
  display:block;
  font-weight:900;
  font-size:1.15rem;
  color:var(--color-1);
  margin-top:.5rem;
}

@media (max-width: 991px) {
  #menu .col-12.col-lg-6 {
    margin-top: 9px;
  }
}

@media (max-width: 767px) {
  #menu .col-12.col-md-6, #menu .col-12.col-md-4 {
    margin-top: 9px;
  }
}

.form-floating>.form-control-plaintext ~ label .formTextColor, .form-floating>.form-control:focus ~ label .formTextColor, .form-floating>.form-control:not(:placeholder-shown) ~ label .formTextColor, .form-floating>.form-select ~ label .formTextColor {
    color: var(--color-4) !important;
    background-color: var(--color-2);
    padding: 1px 10px;
    border-radius: 25px;
}

[data-gjs-type="wrapper"] .parallax-content {
    padding: 0px;
}


#footer .social a {
    color: var(--color-3);
}

.dropdown-menu li .dropdown-item:hover {
  color: var(--color-1) !important;
}

[page="Private Dining"] #hero {
  background-image: url("https://media-library-activestorage-production.s3.us-east-2.amazonaws.com/zt7k0j2hvljt3x7ogte80rq2lz6z") !important;
}

.scrolled .navbar-nav .nav-link, .footer-nav .nav-link {
  color: var(--scrolled-header-text) !important;
}

.hero-img {
  max-height: 300px;
}

.gallery-container.d-none {
  display: block !important;
}