@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Pacifico&family=Satisfy&display=swap');
.pacifico-regular {
  font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal;
}
.satisfy-regular {
  font-family: "Satisfy", cursive;
  font-weight: 400;
  font-style: normal;
}
@font-face { font-family: 'Kanit'; src: url('../images/Kanit-Bold.ttf'); }
@font-face { font-family: 'Pacifico'; src: url('../images/Pacifico-Regular.ttf'); }
@font-face { font-family: 'Playwrite CU'; src: url('../images/PlaywriteCU-VariableFont_wght.ttf'); }
@font-face { font-family: 'Satisfy'; src: url('../images/Satisfy-Bold.ttf'); }
@font-face { font-family: 'Lilita One'; src: url('../images/LilitaOne-Regular.ttf');}
.mb0 {margin-bottom: 0pc !important;}
.nomobbr {display: inline-block;}
.brandfont {font-family: 'Satisfy' !important; color: #fab32e !important; text-shadow: -2px -2px #014b3e !important; text-transform: uppercase !important;}
.brandfontwhite {font-family: 'Satisfy' !important; color: #fff !important; text-shadow: -2px -2px #014b3e !important; text-transform: uppercase !important;}
.homeh1 {font-size: 25px; line-height: 37px;}
.homebody {font-size: 19px; line-height: 24px;  margin-bottom: 0px !important; text-align: left;}
.fly-sticky-header-on .logoblack {display: none;}
.sticky-open .logoblack {display: inline-block;}
.sticky-open .logowhite {display: none;}
.sticky-open a {color: #fab32e !important;}
.sticky-open li span {color: #eeb03a !important;}
.sticky-open .fly-nav-menu li a {text-shadow: -1px -1px #eeb03a !important; text-transform: uppercase;}
.preloader img {width: 380px; background-color: #014b3e; padding: 20px; border-radius: 30px; border: 2px solid #014b3e;}
.fly-footer-logo img {width: 170px;}
.textbg {background-color: #fff; padding: 20px; border-radius: 30px; border: 2px solid black;}

/* Location / Contact page: Hours block */
.location-hours {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.5rem;
  margin-top: 1.25rem;
  text-align: left;
}
.hours-group {
  background: rgba(1, 75, 62, 0.06);
  border-left: 4px solid #014b3e;
  border-radius: 0 12px 12px 0;
  padding: 1.25rem 1.5rem;
  transition: background 0.2s ease;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.hours-group .hours-label {
  flex-shrink: 0;
}
.hours-group .hours-detail-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hours-group:hover {
  background: rgba(1, 75, 62, 0.1);
}
.hours-group.hours-highlight {
  border-left-color: #014b3e;
  background: rgba(1, 75, 62, 0.06);
  text-align: center;
}
.hours-group.hours-highlight:hover {
  background: rgba(1, 75, 62, 0.1);
}
.hours-group.hours-highlight .hours-detail strong.hours-highlight-label {
  font-size: 1.7rem;
  margin-bottom: 0;
  line-height: 1.2;
}
.hours-label {
  font-family: 'Satisfy', cursive;
  font-size: 1.6rem;
  color: #014b3e;
  margin: 0 0 1rem 0;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid rgba(1, 75, 62, 0.25);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.hours-label i {
  margin-right: 0.5rem;
  opacity: 0.95;
  color: #014b3e;
}
.hours-group.hours-highlight .hours-label {
  color: #014b3e;
}
.hours-detail {
  font-size: 1.18rem;
  line-height: 1.9;
  margin: 0 0 1rem 0;
  color: #252525;
}
.hours-detail:first-of-type {
  font-size: 1.25rem;
}
.hours-detail:last-child {
  margin-bottom: 0;
}
.hours-detail strong {
  font-weight: 700;
  color: #014b3e;
}
/* Kitchen: content at 20px */
.location-hours .hours-group:first-child .hours-detail,
.location-hours .hours-group:first-child .hours-detail:first-of-type {
  font-size: 20px;
}
/* Bar & Happy Hour: larger type and spacing so they balance with Kitchen */
.hours-group.hours-bar .hours-label,
.hours-group.hours-highlight .hours-label {
  font-size: 1.85rem;
}
.hours-group.hours-bar .hours-detail,
.hours-group.hours-highlight .hours-detail {
  font-size: 1.18rem;
  line-height: 1.9;
  margin-bottom: 1rem;
}
.hours-group.hours-bar .hours-detail:first-of-type,
.hours-group.hours-highlight .hours-detail:first-of-type {
  font-size: 1.25rem;
}
.hours-group.hours-bar .hours-detail:last-child,
.hours-group.hours-highlight .hours-detail:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .location-hours {
    grid-template-columns: 1fr;
  }
}
.fly-sticky-header-on .fly-wrap-logo img {width: 250px;}
.stick-open .fly-wrap-logo img {width: 154px !important;}
.fly-header-site.sticky-menu {
  height: 105px;
}
.fly-header-site.sticky-menu .fly-wrap-logo {
  max-width: 250px;
  margin-top: 2px;
  max-height: 148px;
}
.modal-body {padding: 0px !important; vertical-align: bottom !important;}
.modal-body h3 {padding-top: 25px !important;}
.modal-body div {vertical-align: bottom !important;}
.modal-body img {vertical-align: bottom !important;}
.modal-body .close {padding-right: 20px !important;}
.modal-header {padding: 0px !important;}
.myx {position: absolute !important; right: 0px !important; padding: 5px 20px 0px 0px !important;}
.myx span {font-family: 'LilitaOne' !important;}
.close {font-size: 40px !important;}
.preloader {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #fff;

    z-index: 9999;

    display: flex;

    justify-content: center;

    align-items: center;

  }



.fly-menu-category .fly-menu-content i {

    font-family: 'FontAwesome' !important;

    font-size: 60px;

    margin-bottom: 25px;

    color: #fff;

}

.menubtns {text-align: center; margin: 0 auto;}

.topbtns {text-align: center; margin: 0 auto;}

.imgshadow {box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.7);}

.mm-listview > li > a, .mm-listview > li > span {

	font-family: 'Satisfy';

	font-size: 35px;
	
	color: #fab32e;
	
	text-shadow: -2px -2px #014b3e;
	
	font-weight: bold;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

    line-height: 40px;

    display: block;

    padding: 10px 10px 10px 20px;

    margin: 0;

	text-transform: uppercase;

}

.ml5 {margin-left: 5px !important;}

.burnets {margin-top: 150px;}

.burnet img {width: 950px !important; margin-top: 25px;}

.burnet2 img {width: 100%; height: auto; display: none;}

.mymap {width: 650px; height: 300px; margin: 0 auto; border: solid 10px #000;}

p {font-family: 'Highway';}

body {background-image: none; font-family: 'Highway';}

.myfooter {background-color: #014b3e;}
/*.myfooter {background-image: url("../images/bg2.jpg"); background-repeat: repeat;}*/

.flnone {float: none !important;}

.popimg {text-align: center;}



.Satisfy-light {

  font-family: "Satisfy", arial;

  font-weight: 300;

  font-style: normal;

}



.Satisfy-regular {

  font-family: "Satisfy", arial;

  font-weight: 400;

  font-style: normal;

}



.Satisfy-bold {

  font-family: "Satisfy", arial;

  font-weight: 700;

  font-style: normal;

}

.hoursec {padding-top: 100px; margin-bottom: 100px;}

.hoursec2 {padding-top: 50px;}

.hours1 {background-image: url("../images/hours1.jpg"); background-size: cover; min-height: 270px; border-radius: 30px;}

.hours2 {background-image: url("../images/hours2.jpg"); background-size: cover; min-height: 270px; border-radius: 30px;}

.modal-header {background-color: #014b3e;}

.modal-body {background-color: #014b3e;}

.close {color: #fff; opacity: .9;}

.woodborder img {

    border-width:30px;

    border-image:url( "../images/wood.jpg") 30 30 stretch;

    -moz-border-image: url(../images/wood.jpg) 30 30 stretch;

    -ms-border-image: url(../images/wood.jpg) 30 30 stretch;

    -o-border-image: url(../images/wood.jpg) 30 30 stretch;

    border-style:solid;

    width: 650px;

	height: auto;

	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.7);

/*    margin: 50px;*/

}

.woodborder iframe {

    border-width:30px;

    border-image:url( "../images/wood.jpg") 30 30 stretch;

    -moz-border-image: url(../images/wood.jpg) 30 30 stretch;

    -ms-border-image: url(../images/wood.jpg) 30 30 stretch;

    -o-border-image: url(../images/wood.jpg) 30 30 stretch;

    border-style:solid;

    width: 650px;

	height: 400px;

	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.7);

/*    margin: 50px;*/

}

.myvideo {margin: 0 auto;}

.woodborder video {

    border-width:30px;

    border-image:url( "../images/wood.jpg") 30 30 stretch;

    -moz-border-image: url(../images/wood.jpg) 30 30 stretch;

    -ms-border-image: url(../images/wood.jpg) 30 30 stretch;

    -o-border-image: url(../images/wood.jpg) 30 30 stretch;

    border-style:solid;

    width: 650px;

	height: 400px;

	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.7);

    margin: 0 auto;

}



.fly-quick-nav-item h3 {    color: #ffffff;

    font-size: 30px;

    letter-spacing: 5px;

    margin-bottom: 25px;}



/*.fly-dish-image img {display: none !important;}*/

.fly-restaurant-menu .fly-menu-category .fly-menu-content i {

    font-family: 'FontAwesome' !important;

    font-size: 60px;

    margin-bottom: 25px;

	color: #fff;

}

.c5 img {width: 300px; height: auto;}

.ytvideo iframe {width: 650px; height: 400px; border: solid 20px #000; border-radius: 25px;}

.myborder img {border: solid 20px #000; border-radius: 25px;}

.nopl {padding-left: 0px !important;}

.nopr {padding-right: 0px !important;}

.mb0 {margin-bottom: 0px !important;}

.mb20 {margin-bottom: 20px !important;}

.mb50 {margin-bottom: 50px !important;}

.mb100 {margin-bottom: 100px !important;}

.mt10 {margin-top: 10px !important;}

.mt25 {margin-top: 25px !important;}

.mt50 {margin-top: 50px !important;}

.mt75 {margin-top: 75px !important;}

.mt100 {margin-top: 100px !important;}

.mt150 {margin-top: 150px !important;}

.pt20 {padding-top: 20px !important;}

.pt50 {padding-top: 50px !important;}

.pt70 {padding-top: 70px !important;}

.pt100 {padding-top: 100px !important;}

.m0a {margin: 0 auto !important;}

.fln {float: none !important;}

.dishsub {font-family: 'Lato', sans-serif;

    font-size: 20px;

    margin-top: 15px;

    font-weight: bold;

    color: #fff;

    text-shadow: 1px 1px #000;

    letter-spacing: normal;

	text-align: center;

}

.contact-item p {font-size: 22px; margin-bottom: 10px !important;}

.contact-item p a {
  color: #000;
}
.contact-item p a:hover,
.contact-item p a:focus {
  color: #eeb03a;
}

.myoverlay{

  position:absolute;

  width:100%;

  height:100%;

  background:rgba(0,0,0,0.2);

}

.fly-info-box-content {font-size: 27px; line-height: 30px;}

/*.mybg {background-color: #920009 !important;}*/

/*.mybg {background-image: url("../images/bg.jpg"); background-repeat: repeat; background-position: center;}*/
/*.mybg2 {background-image: url("../images/bg.jpg"); background-repeat: repeat;}*/

.contact-item .title {

    font-size: 23px;

    line-height: 33px;

    color: #000;

/*	text-shadow: 1px 1px #000;*/

    text-transform: uppercase;

    font-family: 'Satisfy', cursive;

    letter-spacing: 1.7px;

}

.contact-item {

    text-align: center;

    position: relative;

}

contact-item .image {

    margin-bottom: 9px;

}

.contact-item.line-right::after {

    position: absolute;

    content: '';

    width: 1px;

    height: 197px;

    right: -17px;

    background-color: #414036;

    top: 48%;

    transform: translateY(-50%);

}

.fly-header-site .fly-site-navigation .fly-nav-menu li a {text-shadow: 2px 2px #000; text-transform: uppercase;}

.textover {

    position: absolute;

    font-size: 50px;

	line-height: 65px;

	font-family: "Satisfy", sans-serif;

    color: #fff;

    text-align: center;

    width: 100%;

    margin-top: 300px;

    text-shadow: 2px 2px #000;

	z-index: 1000;

}

.textover p {

	font-family: "Satisfy", sans-serif;

    font-size: 60px;
	
	line-height: 70px;

    text-shadow: 2px 2px #000;

	margin-bottom: 0px !important;

}

.textover a {text-shadow: 1px 1px #000 !important;}



.mypopover {

position: absolute;

    font-size: 40px;

    line-height: 31px;

    font-family: "Satisfy", sans-serif;

    color: #fff;

    text-align: center;

    width: 100%;

    margin-top: 23%;

    text-shadow: 2px 2px #000;

    z-index: 1000;

}

.mypopover p {

    font-size: 24px;

    text-shadow: 2px 2px #000;

	margin-bottom: 0px !important;

}

.mypopover a {text-shadow: 1px 1px #000 !important;}



@media (max-width: 1290px) {

.fly-header-site .fly-site-navigation .fly-nav-menu li a {

  font-family: 'Satisfy';

  color: #ffffff;
	
  text-shadow: -2px -2px #000000;

  font-size: 20px;

  font-weight: bold;

  border-bottom: 2px solid transparent;

  padding-bottom: 7px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.fly-header-site .fly-site-navigation .fly-nav-menu li span {

  font-family: 'Satisfy', sans-serif !important;

  text-shadow: 2px 2px #000;

  font-size: 16px;

  color: #ffffff;

  font-weight: 700;

  border-bottom: 2px solid transparent;

  padding-bottom: 7px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.fly-header-site .fly-wrap-logo {

    max-width: 270px;

    max-height: 148px;

}	

    .fly-header-site .fly-site-navigation .fly-nav-menu li {

margin-left: 30px;		

	}

}



/* iPad Landscape */

@media (max-width: 1200px) {

.fly-header-site .fly-site-navigation .fly-nav-menu li a {

  font-family: 'Satisfy';

  text-shadow: 2px 2px #000;
	
  text-transform: uppercase;

  font-size: 18px;

  color: #ffffff;

  font-weight: 700;

  border-bottom: 2px solid transparent;

  padding-bottom: 7px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.fly-header-site .fly-site-navigation .fly-nav-menu li span {

  font-family: 'Satisfy', sans-serif !important;

  text-shadow: 2px 2px #000;

  font-size: 15px;

  color: #ffffff;

  font-weight: 700;

  border-bottom: 2px solid transparent;

  padding-bottom: 7px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.hours1 {background-image: url("../images/barbacoa-nachos.jpg"); background-size: cover; min-height: 450px; border-radius: 30px; display: none;}

.hours2 {background-image: url("../images/barbacoa-nachos.jpg"); background-size: cover; min-height: 450px; border-radius: 30px; display: none;}	

}



@media (max-width: 1160px) {

.fly-header-site .fly-wrap-logo {

/*
    max-width: 144px;

    max-height: 100px;
*/

}	

    .fly-header-site .fly-site-navigation .fly-nav-menu li {

margin-left: 20px;		

	}

}



@media (max-width: 1100px) {

.fly-header-site .fly-site-navigation .fly-nav-menu li a {

  font-family: 'Satisfy';

  text-shadow: 2px 2px #000;

  font-size: 18px;

  color: #ffffff;

  font-weight: 700;

  border-bottom: 2px solid transparent;

  padding-bottom: 7px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.fly-header-site .fly-site-navigation .fly-nav-menu li span {

  font-family: 'Satisfy', sans-serif !important;

  text-shadow: 2px 2px #000;

  font-size: 14px;

  color: #ffffff;

  font-weight: 700;

  border-bottom: 2px solid transparent;

  padding-bottom: 7px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

}

/* iPad Portrait */

@media (max-width: 992px) {



}



@media (max-width: 768px) {



}



/* iPhone Landscape */

@media (max-width: 767px) {

.textover {



    position: absolute;

    font-size: 23px;

    line-height: 28px;

    font-family: "Satisfy", sans-serif;

    color: #fff;

    text-align: center;

    width: 100%;

    margin-top: 109px;

    text-shadow: 2px 2px #000;

    z-index: 1000;

}

.textover p {

	font-family: "Satisfy", sans-serif;

    font-size: 16px;

    text-shadow: 2px 2px #000;

    margin-bottom: 0px !important;

}

.mypopover {

/*	display: none;*/

    position: absolute;

        font-size: 32px;

        line-height: 22px;

        font-family: "Satisfy", sans-serif;

        color: #fff;

        text-align: center;

        width: 100%;

        margin-top: 122px;

        text-shadow: 2px 2px #000;

        z-index: 1000;

}

.mypopover p {

/*	display: none;*/

    font-size: 16px;

    text-shadow: 2px 2px #000;

    margin-bottom: 0px !important;

}

.myvideo {margin: 0 auto;}

.woodborder {margin: 0 15px 0 15px;}

.woodborder video {

    border-width:16px;

    border-image:url( "../images/wood.jpg") 30 30 stretch;

    -moz-border-image: url(../images/wood.jpg) 30 30 stretch;

    -ms-border-image: url(../images/wood.jpg) 30 30 stretch;

    -o-border-image: url(../images/wood.jpg) 30 30 stretch;

    border-style:solid;

    width: 100%;

	height: 338px;

	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.7);

    margin: 0 auto;

}

}

@media (max-width: 700px) {

}	



/* iPhone Portrait */

@media (max-width: 480px) {
h1 {
    font-size: 23px;
}

.fly-dish-menu .fly-dish-menu-content li .fly-dish-menu-description h5:not(.non-descript) {

  min-width: 200px;

}

.non-descript {

  min-width: 250px;

}

.menubtns a {text-align: center; margin: 0 auto; margin-top: 15px;}

.topbtns a {text-align: center; margin: 0 auto; margin-top: 15px;}

.burnets {margin-top: 75px;}

.burnet {display: none;}

.b2 {padding-left: 0 !important; padding-right: 0 !important;}	

.burnet2 img {width: 100% !important; height: auto !important; display: inline !important; margin: 0 !important;}

.mobnopl {padding-left: 0px !important;}

.mobnopr {padding-right: 0px !important;}

.nomob {display: none !important;}

.fly-info-box-content {

    font-size: 24px; line-height: 29px;

}

.textover {



    position: absolute;

    font-size: 30px;

    line-height: 40px;

    font-family: "Satisfy", sans-serif;

    color: #fff;

    text-align: center;

    width: 100%;

    margin-top: 170px;

    text-shadow: 2px 2px #000;

    z-index: 1000;

}

.textover p {

	font-family: "Satisfy", sans-serif;

    font-size: 30px;

    line-height: 40px;

    text-shadow: 2px 2px #000;

    margin-bottom: 0px !important;

}

.mypopover {

/*	display: none;*/

position: absolute;

        font-size: 25px;

        line-height: 20px;

        font-family: "Satisfy", sans-serif;

        color: #fff;

        text-align: center;

        width: 100%;

        margin-top: 80px;

        text-shadow: 2px 2px #000;

        z-index: 1000;

}

.mypopover p {

/*	display: none;*/

    font-size: 16px;

    text-shadow: 2px 2px #000;

    margin-bottom: 0px !important;

}

.woodborder {margin: 0 15px 0 15px;}

.woodborder video {

    border-width:16px;

    border-image:url( "../images/wood.jpg") 30 30 stretch;

    -moz-border-image: url(../images/wood.jpg) 30 30 stretch;

    -ms-border-image: url(../images/wood.jpg) 30 30 stretch;

    -o-border-image: url(../images/wood.jpg) 30 30 stretch;

    border-style:solid;

    width: 100%;

	height: 209px;

	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.7);

    margin: 0 auto;

}

.woodborder img {

    border-width:16px;

    border-image:url( "../images/wood.jpg") 30 30 stretch;

    -moz-border-image: url(../images/wood.jpg) 30 30 stretch;

    -ms-border-image: url(../images/wood.jpg) 30 30 stretch;

    -o-border-image: url(../images/wood.jpg) 30 30 stretch;

    border-style:solid;

    width: 650px;

	height: auto;

	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.7);

/*    margin: 50px;*/

}

.hoursec {padding-top: 25px; margin-bottom: 25px;}

.mymap {

    width: 100%;

    height: 300px;

    margin: 0 auto;

    border: solid 10px #000;

}

.address {margin-top: 30px;}

.email {margin-top: 30px;}

}

/* Header logo size */
.fly-header-site .fly-wrap-logo img {
  width: 250px !important;
  max-width: 250px;
}
.fly-header-site.sticky-menu .fly-wrap-logo img { width: 187px !important; max-width: 187px; }
.fly-header-site .fly-nav-left,
.fly-header-site .fly-nav-right {
  position: relative;
  top: -36px;
}
.fly-header-site.sticky-menu .fly-nav-left,
.fly-header-site.sticky-menu .fly-nav-right {
  position: relative;
  top: -36px;
}

/* Naam Khao: primary #014b3e | secondary #eeb03a #fab32e */
.fly-header-site.sticky-menu { background: #014b3e !important; border-bottom-color: #eeb03a !important; }
.fly-btn-1.fly-btn-color-3 { background-color: #eeb03a !important; border-color: #eeb03a !important; color: #fff !important; }
.fly-btn-1:hover.fly-btn-color-3,
.fly-btn-1.fly-btn-color-3:hover { background-color: #fab32e !important; border-color: #fab32e !important; color: #000 !important; }
.fly-btn-quick-nav.fly-btn-color-3 { background-color: #eeb03a !important; border-color: #eeb03a !important; }
.fly-btn-quick-nav.fly-btn-color-3:hover { background-color: #fab32e !important; border-color: #fab32e !important; }

.fly-section-image .container {
  position: relative;
  z-index: 11;
  display: table;
  height: 100%;
  padding-top: 145px;
}

/* Keep hero background anchored at bottom (parallax JS was overwriting inline style) */
.fly-section-image.fly-header-image.parallax {
  background-position: bottom !important;
}

/* Custom scrollbar: track #eeb03a, thumb #014b3e, thin */
html {
  scrollbar-color: #014b3e #eeb03a;
  scrollbar-width: thin;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #eeb03a;
}
::-webkit-scrollbar-thumb {
  background: #014b3e;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #013830;
}

/* Sticky mobile footer: brand green, white text, gold icons — visible only on small screens */
.sticky-mobile-footer {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9998;
  background: #014b3e;
  color: #fff;
  padding: 6px 0;
  padding-bottom: calc(6px + env(safe-area-inset-bottom, 0));
  box-shadow: 0 -2px 12px rgba(0,0,0,0.2);
}
.sticky-mobile-footer a {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  color: #fff;
  font-family: 'Satisfy', cursive;
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  padding: 6px 2px;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.2;
}
.sticky-mobile-footer a i {
  font-size: 1.1rem;
  color: #eeb03a;
}
.sticky-mobile-footer a:hover,
.sticky-mobile-footer a:focus {
  color: #fff;
}
.sticky-mobile-footer a:hover i,
.sticky-mobile-footer a:focus i {
  color: #fab32e;
}
.sticky-mobile-footer a:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}
@media (max-width: 768px) {
  .sticky-mobile-footer {
    display: flex;
  }
  /* Reserve space at bottom of footer so sticky bar doesn’t cover content */
  .fly-site-footer {
    padding-bottom: calc(72px + env(safe-area-inset-bottom, 0));
  }
}
/* Slimmer on tablet / iPad so it doesn’t dominate the screen */
@media (min-width: 481px) and (max-width: 1024px) {
  .sticky-mobile-footer {
    padding: 4px 0;
    padding-bottom: calc(4px + env(safe-area-inset-bottom, 0));
  }
  .sticky-mobile-footer a {
    padding: 2px 2px;
    gap: 6px;
    font-size: 0.8rem;
  }
  .sticky-mobile-footer a i {
    font-size: 0.95rem;
  }
}

/* Sticky side buttons: Order + Call — desktop only (hidden on mobile/iPad) */
.sticky-side-actions {
  display: none;
}
@media (min-width: 1025px) {
  .sticky-side-actions {
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 0;
    top: 27%;
    transform: translateY(-50%);
    z-index: 9997;
    background: #014b3e;
    color: #eeb03a;
    box-shadow: -2px 0 12px rgba(0,0,0,0.2);
    border-radius: 8px 0 0 8px;
    overflow: visible;
  }
  .sticky-side-actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    padding: 100px 6px;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    text-align: center;
    border-bottom: 1px solid rgba(238, 176, 58, 0.25);
    box-sizing: border-box;
  }
  .sticky-side-actions .sticky-side-inner {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    transform: rotate(90deg);
    white-space: nowrap;
    padding: 20px;
  }
  .sticky-side-actions a i {
    font-size: 1.15rem;
    color: #eeb03a;
  }
  .sticky-side-actions a:last-child {
    border-bottom: none;
    padding: 60px 6px;
  }
  .sticky-side-actions a:hover,
  .sticky-side-actions a:focus {
    background: rgba(0,0,0,0.15);
    color: #fff;
  }
  .sticky-side-actions a:hover i,
  .sticky-side-actions a:focus i {
    color: #eeb03a;
  }
}

/* Back to top button: gold background, gold arrow, right side */
html { scroll-behavior: smooth; }
.back-to-top {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9996;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background: #eeb03a;
  color: #014b3e;
  border: 2px solid #014b3e;
  border-radius: 50%;
  box-shadow: 0 2px 12px rgba(0,0,0,0.25);
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, border-color 0.2s ease, opacity 0.25s ease;
  opacity: 0;
  pointer-events: none;
}
.back-to-top.visible {
  opacity: 1;
  pointer-events: auto;
}
.back-to-top i {
  font-size: 1.4rem;
}
.back-to-top:hover,
.back-to-top:focus {
  background: #fab32e;
  color: #014b3e;
  border-color: #014b3e;
  transform: translateY(-2px);
}
/* On mobile, sit above the sticky footer so it doesn’t overlap */
@media (max-width: 768px) {
  .back-to-top {
    right: 5px;
    bottom: calc(72px + env(safe-area-inset-bottom, 0));
  }
}

/* RestPortal menu: padding on category titles */
.restportal-menu .restportal-menu-title {
  padding-left: 5px;
  padding-right: 5px;
}
@media (max-width: 479px) {
  .restportal-menu .restportal-menu-title {
    font-size: 35px !important;
  }
}

/* Mobile nav (mmenu): brand green background, 30px font */
.mm-menu,
.mm-menu > .mm-panel {
  background: #014b3e !important;
}
.mm-menu .mm-listview > li > a,
.mm-menu .mm-listview > li > span {
  font-size: 30px !important;
}
.mm-menu .mm-listview > li > a.mm-next {
  font-size: 30px !important;
}
/* Mobile nav arrows: brand gold */
.mm-menu .mm-listview > li .mm-next:after,
.mm-menu .mm-listview > li .mm-arrow:after,
.mm-menu .mm-listview > li .mm-prev:before,
.mm-menu .mm-navbar .mm-btn:before,
.mm-menu .mm-navbar .mm-btn:after {
  border-color: #eeb03a !important;
}
/* Subpanel navbar title (“Our Menus”): gold, brand font, larger */
.mm-menu .mm-navbar .mm-title,
.mm-menu .mm-navbar > a {
  color: #eeb03a !important;
  font-family: 'Satisfy', cursive !important;
  font-size: 36px !important;
}
/* Clicking “Our Menus” text opens submenu: make whole row trigger the arrow */

/* Mobile menu footer: restaurant name, address, phone, social (below nav links) */
.mm-menu .mm-listview > li.mm-mobile-menu-footer {
  border: none !important;
  padding: 24px 20px 20px !important;
  margin-top: 16px !important;
}
.mm-menu .mm-listview > li.mm-mobile-menu-footer:after {
  display: none !important;
}
.mm-mobile-menu-footer-inner {
  color: #eeb03a;
  font-size: 18px;
  line-height: 1.5;
}
.mm-mobile-menu-name {
  font-family: 'Satisfy', cursive;
  font-size: 22px;
  margin-bottom: 8px;
  color: #eeb03a;
}
.mm-mobile-menu-address,
.mm-mobile-menu-phone {
  margin-bottom: 6px;
}
.mm-mobile-menu-footer a {
  color: rgba(255, 255, 255, 0.95);
  text-decoration: none;
}
.mm-mobile-menu-footer a:hover {
  color: #eeb03a;
  text-decoration: underline;
}
.mm-mobile-menu-social {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.mm-mobile-menu-social .mm-mobile-social-link {
  color: #eeb03a;
  font-size: 22px;
  display: inline-block;
}
.mm-mobile-menu-social .mm-mobile-social-link:hover {
  color: #fff;
  text-decoration: none;
}