/* RESTAURANT MENU */

.tab-menu {
  font-family: var(--wp--preset--font-family--lexend-giga);
  padding: 12px 24px;
  border: solid 1px var(--white);
  text-transform: uppercase;
  color: var(--white);
  background: transparent;
  transition: all 0.3s ease-out;
}

.tab-menu:hover, .tab-menu.active{
  color: var(--black);
  background: var(--white);
}

.content-menu {
  transition: height 0.3s ease-out;
}

.content-tab {
    position: relative;
    grid-area: 1/1;
    grid-template-rows: 0fr;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-out;
}

.content-tab.active {
    opacity: 1;
    grid-template-rows: 1fr;
}