/*-------------------------------------------------------------------------------------------------------*/
/* MENU LIST
/*-------------------------------------------------------------------------------------------------------*/
.menu-list {
	margin-bottom: 50px;
	text-align: center;
}
.menu-list button{
	cursor: pointer;
	font-weight: 700;
	color: #d3af80;
	border-radius: 5px;
	padding: 8px 15px;
	margin: 5px;
	text-transform: uppercase;
	display: inline-block;
	border: 1px solid #d3af80;
	box-shadow: none;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}

.menu-list button i, .gallery-list button i {font-size: 18px;}
.menu-list button:hover, .menu-list button.active, .gallery-list button:hover, .gallery-list button.active {
    color: #fff;
	border: 0px solid #000000;
    background-color: #c59c5f;
    border-radius: 5px;
}
.menu-image > a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor #f1f1f1 currentcolor currentcolor;
    -o-border-image: none;
       border-image: none;
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    display: block;
    overflow: hidden;
    position: relative;
}
.menu-item-afm {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #f1f1f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px !important;
}
.menu-item > .thumbnail-11 {
  display: block;
  height: 76px;
}
.menu-text {
    -ms-flex-item-align: center;
        align-self: center;
    background: #ffffff none repeat scroll 0 0;
    padding: 0 20px 0 0px;
    width: 100%;
}
.menu-desc {
      padding-top: 10px;
      padding-bottom: 10px;
      color: #000000 !important;
}
.menu-image {width: 160px;}
.menu-image img {position: relative;}
.menu-text h4 {
  font-size: 20px !important;
  font-family: cabin !important;
  text-transform: uppercase !important;
  line-height: 1.1em !important;
  margin-bottom: 8px !important;
  position: relative;
  padding-right: 20px;
}
.menu-text h4 > span {color: #d3af80; float: right; font-size: 20px; line-height: 1em; position: absolute; top: 0; right: -20px;}
.menu-text h4 a:hover {color: #d3af80;}
/*.menu-text h4:after {
    border-top: 1px dashed #535353;
    content: "";
    height: 1px;
    position: absolute;
    right: 33px;
    top: 10px;
    width: 121px;
}*/
.grid-item:last-child .menu-item, .grid-item:nth-last-of-type(2) .menu-item {margin-bottom: 0;}
.menu-link {line-height: 0}
.menu-link .default-btn {padding: 0 39px;}

.grid-item.side-dishes .menu-text h4 > span {
  display: none !important; /* Use if styles are being overridden */
}

/* Mobile only */
@media only screen and (max-width: 767px) {
    .grid {
        display: flex;
        flex-direction: column;
    }
    
    .grid-item {
        width: 100% !important;
        margin-bottom: 20px;
    }
    
    .menu-item-afm {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .menu-image {
        text-align: center;
    }
    
    .menu-text h4 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 8px;
    }
    
    .menu-text h4 > span {
        float: none;
        order: 2;
    }
    
    .menu-text h4 .title {
        order: 1;
    }
}