.wpforms-form input[type],
.wpforms-form label,
.wpforms-form button[type=submit] {
  font-family: 'Reggae One', 'Helvetica', sans-serif;
	color: #ffffff;
}
.wpforms-submit {
  display: inline-block;
  padding: 0;
  width: 200px; /* Adjust the width as needed */
  height: 60px; /* Adjust the height as needed */
  border: none;
  background-color: transparent;
  background-image: url('../images/thin_next.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-indent: -9999px; /* Hide the button text */
  cursor: pointer;
  transition: transform 0.3s ease;
}

.wpforms-submit:hover {
  transform: scale(1.05);
}

.wpforms-submit:active {
  transform: scale(0.95);
}

.cool-button {
  display: inline-block;
  padding: 0;
  width: 200px; /* Adjust the width as needed */
  height: 60px; /* Adjust the height as needed */
  border: none;
  background-color: transparent;
  background-image: url('../images/thin_next.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  text-indent: -9999px; /* Hide the button text */
  cursor: pointer;
  transition: transform 0.3s ease;
}

.cool-button:hover {
  transform: scale(1.05);
}

.cool-button:active {
  transform: scale(0.95);
}

.tabmac-carousel .swiper-slide {
  height: 22rem; /* change to whatever you want */
  display: flex;
  align-items: center;  /* vertical center */
  justify-content: center; /* horizontal center */
}

/* Make images scale nicely */
.tabmac-carousel .swiper-slide img {
  height: 100%;
  width: 100%;
  object-fit: contain; /* keep full image visible */
  object-position: center center;
}

/* MENU STYLES FOR WORDPRESS ADDITIONAL CSS */

/* MENU STYLES FOR WORDPRESS ADDITIONAL CSS */

@import url('https://fonts.googleapis.com/css2?family=ADLaM+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');

:root{
  --accent:#F07A27;
  --bg:#FAF2ED;
  --text:#1b1b1b;
  --muted:#4c4c4c;
}

.menu-page{
  max-width: 980px;
  margin: 0 auto;
  padding: 42px 28px 56px;
  background: var(--bg);
  color: var(--text);
}

.menu-container{
  display:grid;
  grid-template-columns: 1fr;
  gap: 34px;
  font-family: 'Alata', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

@media (min-width: 880px){
  .menu-container{
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    position:relative;
  }
  .menu-container:after{
    content:"";
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
    width:3px;
    height:100%;
    background:var(--accent);
    border-radius:2px;
    opacity:.95;
  }
}

.menu-section{ 
  margin-bottom: 34px; 
}

/* Menu Title Styling - This will now work! */
.menu-title h2 {
  font-family: 'ADLaM Display', serif !important;
  letter-spacing: .22em;
  color: #EC741D !important;
  font-weight: 400;
  font-size: 26px;
  margin: 0 0 16px 0;
  text-transform: uppercase;
  text-align: center;
}

.menu-item{ 
  margin-bottom: 16px; 
}

.item-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
  margin-bottom:4px;
}

.item-name{
  font-family: 'Alata', sans-serif;
  font-size: 20px;
  font-weight: 400;
  margin:0;
  line-height:1.15;
}

.item-price{
  font-family: 'Alata', sans-serif;
  font-size:18px;
  font-weight: 400;
  white-space:nowrap;
}

.item-desc{
  font-family: 'Alata', sans-serif;
  font-size:13px;
  line-height:1.35;
  color:var(--muted);
  margin:0;
  font-weight: 400;
}

.small-note, .inline-note{
  font-family: 'Alata', sans-serif;
  font-size: 12px;
  color: var(--muted);
  margin-top: 8px;
  font-weight: 400;
}

.small-note{ 
  text-align:left; 
}

.inline-note{ 
  text-align:center; 
}