html{
	scroll-behavior: smooth;
	font-family: sans-serif;
}
body{
	background-color: #000;
}
.hide{
	display: none !important;
	width: 0px;
}
.main {
    max-width: 2560px;
    margin: 0 auto;
    overflow: hidden;
}
.main-header{
	position: fixed;
	top: 0;
	width: 100%;
	max-height: 4.3em;
  background-color: var(--header-color);
	z-index: 100;
	border-bottom: 1px solid var(--header-bordercolor-1);
}
.main-header .container{
  max-width: 2560px;
  margin: 0 auto;
  overflow: hidden;
}
.main-header ul{
	display: flex;
  overflow: scroll;
  overflow-y: hidden;
}
.main-header ul::-webkit-scrollbar {
    display: none;
}
.contactinfo .locations{
	display: block; 
}
.contactinfo .locations .all{
	width: 100vw; 
	display: flex;
}
.contactinfo .social {
	width: fit-content;
  padding-inline: 2em;
}
.contactinfo .locbtn{
	width: 98% !important;
}.flickity-button {
    display: none;
}.flickity-page-dots {
    position: initial !important;
}.flickity-page-dots .dot {
    background: #fff !important;
    box-shadow: 0px 0px 2px black !important;
}
.contactinfo .btn {
   	padding: 15px 0;
    text-decoration: none;
    display: block;
    text-align: center;
    margin: 5px;
    border: 1px solid;
    border-radius: 35px;
    max-width: 488px;
    width: -webkit-fill-available;
    scroll-snap-align: start;
    
}
.maincats{
    padding-bottom: 0px !important;
}
/* Hide scrollbar for IE, Edge and Firefox */
.main-header ul {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

#menublock{
	height: 4.3em;
	list-style: none;
}
.icon{
	width: 2.6em;
  padding: 14px;
}
#menublock i{
	font-size: 40px;
  padding: 14px;
}
#menublock li {
	border-right: 1px solid var(--header-bordercolor-2)
}
/*RATING*/
.rateus{
	width: fit-content;
    margin: 0 auto;
    font-size: x-large;
}
.star-rating {
	white-space: nowrap;
}
.star-rating [type="radio"] {
	appearance: none;
}
.star-rating i {
	font-size: 1.2em;
	transition: 0.3s;
}
.main-hero img{
	max-width: 100%;
	height: auto;
}
.star-rating label:is(:hover, :has(~ :hover)) i {
	transform: scale(1.35);
	color: #fffdba;
	animation: jump 0.5s calc(0.3s + (var(--i) - 1) * 0.15s) alternate infinite;
}
.star-rating label:has(~ :checked) i {
	color: #faec1b;
	text-shadow: 0 0 2px #ffffff, 0 0 10px #ffee58;
}

@keyframes jump {
	0%,
	50% {
		transform: translatey(0) scale(1.35);
	}
	100% {
		transform: translatey(-15%) scale(1.35);
	}
}

/*FOOTER STYLES*/
#footer{
	position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0;
  color: #ffffff;
  text-align: center;
  z-index: 100;
  display: inline-block;
  transition: 0.5s;	
  backdrop-filter: blur(5px);
}
#footerBtns{
	transition: 0.5s;
  width: -webkit-fill-available;
  padding-block: 10px 15px;
  backdrop-filter: blur(5px);
}
.grad1{
	background: #000;
	border-top: 1px solid #fff;
}
.grad2{
	background-image: linear-gradient(transparent, #00000055, #000);
}
#footerBtns div{
	margin:0 auto;
	width: fit-content;
	
}
#footerBtns a{
	color: #ffffff;
	max-width: 100px;
  width: 15vw;
  min-width: 36px;
  display: inline-block;
}
.smallfont{
  font-size: small;
}
.largefont{
  font-size: large;
}
.bigfont{
  font-size: xx-large;
}

/*END FOOTER STYLES*/


#btn_SubInfo {
	padding:4px 15px;
}
#btn_SubInfo .fa-bell{
	position:relative;
	padding: 15px 8px;
}
#btn_SubInfo .fa-gear{
	position: absolute;
  top: 4px;
  right: -4px;
  font-size: 13px;
}
.subSettings{
	display: flex;
  margin: 0 auto;
  width: max-content;
}
.onesignal-customlink-container{
	min-height: fit-content !important;
}
.onesignal-customlink-container button{
	font-family:initial !important;
	font-size: 20px !important;
	padding: 15px 5px !important;
}
/*APPLE ONLY STYLES*/
#appleMessage{
	position: fixed;
  background-color: #000000aa;
  height: 90vh;
  width: 100vw;
  margin: 0;
  top: 69px;
  left: 0;
  z-index: 1000;
  color: #000;
	/*display: none;
}
.appleInstallHide{
	display:none !important;
*/}
#appleMessage .container{
  margin: 10px;
  background: linear-gradient(#fff, #ffffffaa);
  position: relative;
  border-radius: 15px;
}
#appleMessage .card{
	background: url(images/apple/bg1.webp);
  padding: 0 15px 15px;
  position: relative;
  border-radius: 15px;
}
#appleMessage .header{
	display: flex;
  position: relative;
}
#appleMessage #slides{
	display: flex;
  margin: 0 auto;
  width: fit-content;
}
#appleMessage .text{
	padding: 10px;
  width: -webkit-fill-available;
  text-align: center;
}
#appleMessage .msg .msgtxt{
	display: flex;
   
    margin: 0 auto;
    width: fit-content;
    padding: 0px;
}
#appleMessage .msg p{
    padding: 5px 0;
     text-align: center;
}
#appleMessage .appleMsgBtns{
	padding: 0;
  position: absolute;
  margin: 0;
  color: #000;
}
#appleMessage .appleMsgBtnClose{
	right: 0;
}
#appleMessage .appleMsgBtnRight{
	right: 0;
	top: 50%;
}
#appleMessage .appleMsgBtnLeft{
	left: 0;
	top: 50%;
}
#appleMessage .appleMsgBtns .fa{
  font-size: xx-large;
}
#appleMessage .apple_tutorial_img{
	height: 65vh;
  width: auto;
  max-width: 100%;
  margin: 10px auto;
  display: block;
  border-radius: 15px;
}
#appleMessage .icon{
	height: 24px;
  width: 24px;
  padding:0 5px ;
}
#appleMessage .fa-warning{
	color: #fe2;
	text-shadow: 0 0 1px #000;
}

@supports (-webkit-touch-callout: none) { /* CSS specific to iOS devices */
/* CSS specific to iOS devices */
 #appleMessage {
 		display: initial !important;
 }
 #pizza,#burgers,#gyros,#hawawshi,#pasta,#combo,#portions{
		scroll-margin: 5em;
 }
}

/*Footer AD FRAMEWORK*/
/*CART STYLES*/
@keyframes openwa {
  0% {
    width: 0px;
    bottom: -40vh;
	}
	75%{
		bottom: 6px;
	}
	100% {
    width: 100%;
    bottom: 0;
	}
}
@keyframes openshopmodal {
  0% {
    backdrop-filter: blur(0px);
	}
	100% {
    backdrop-filter: blur(6px);
	}
}
@keyframes openshop {
  0% {
    opacity: 0;
	}
	100% {
    opacity: 1;
	}
}
#mymodal{
	position: fixed;
    width: -webkit-fill-available;
    height: 100vh;
    z-index: 1000;
    animation-name: openshopmodal;
    animation-duration: 0.5s;
    backdrop-filter: blur(6px);
    font-family: sans-serif;
} 
#mymodal .container{
	height: 100%;
	background: #000000dd;
  display: flex;
}
#wamodal{
		background: #000;
    padding: 1em;
    margin: 50px auto auto;
    width: 85%;
    max-height: 80%;
    max-width: 400px;
    height: fit-content;
    position: relative;
    animation-name: openshop;
    animation-duration: 0.6s;
    opacity: 1;
    border: 1px solid #fff;
    overflow: scroll;
    box-shadow: 0 0 10px #fff;
    overflow-x: hidden;
}
#wamodal .header{
	display: flex;
	width: -webkit-fill-available;
	text-align: center;
}#wamodal .header img{
	width: 32px;
  height: 32px;
  margin: auto;
  position: relative;
  top: -3px;
}

.menu button{
	padding: 0.5em;
  font-size: large;
}
#itemCategory{
	color: #fff;
	width: -webkit-fill-available;
	padding: 0;
}
#wamodal .image{
	display: flex;
  width: -webkit-fill-available;
  overflow: scroll;
  scroll-snap-type: x mandatory;
  overflow-y: hidden;
  max-height: 200px;
}
#wamodal .image img{
	scroll-snap-align: start;
    object-fit: cover;
    width: 85vw;
    max-width: max-content;
}
#itemName, #itemDesc, #itemCost{
	width: -webkit-fill-available;
  color: #fff;
  max-height: 100px;
} 
#itemDesc{
	overflow: scroll;
	overflow-x: hidden;
}
#cart #itemDesc{
 	max-width: 42vw;
  overflow-y: hidden;
  overflow-x: scroll !important;
}

#itemAmt{
	color:#FFF;
	font-size: x-large;
	margin: auto;
  padding: 0.5em;
  text-align: center;
}
#itemPrice{
 	color: #FFF;
    margin: auto;
    font-size: xx-large;
    text-align: right;
    width: 150%;
}
#itemAmtcontrol, #itemSizeControl{
	width: -webkit-fill-available;
	display: flex;
	padding: 0.5em;

}
.select{
	transform: perspective(1000px) translate3d(0px, -2px, 10px) !important;
	padding: 0.2em !important;
	background: linear-gradient(#0dc143, #003506) !important;
	box-shadow: 0px 0px 10px #fff;
}
#itemSizeControl a, #itemAdditionControl a, #itemModControl a{
	font-size: x-large;
  color: #fff;
  text-align: center;
  width: -webkit-fill-available;
	background: #000;
	margin: 0.15em;
	display: block;
}
#itemAddContainer .title, #itemModContainer .title{
	display: block;
	padding: 0.5em;
	margin-block:0.5em ;
	color: #fff;
}

#itemAmtcontrol a{
	font-size: xx-large;
  color: #fff;
  text-align: center;
  margin: 0.15em;
	display: block;
  
}
#itemClose{
	position: relative;
    float: right;
    z-index: 1001;
    color: #f11;
    right: -10px;
    top: -6px;
}
#itemAddCart{
	padding: 0.33em;
  font-size: xx-large;
  width: -webkit-fill-available;
}
#footer #cart{
	background: #000;
    border: 1px solid #fff;
    border-bottom: none;
    max-width: 500px;
    max-height: 30vh;
    height: auto;
    overflow: scroll;
    overflow-x: hidden;
    animation-name: openwa;
    animation-duration: 0.25s;
    text-align: left;
    margin: 0 auto;
    backdrop-filter: blur(5px);
    position: relative;
}

#cart .titleRow{
 		text-align: center;
    width: -webkit-fill-available;
    padding: 10px;
    display: block;
    font-weight: bolder;
    text-shadow: 0px 0px 5px black;
    font-family: sans-serif;
    background: linear-gradient(#0dc143, #003506);
 }
#cart .titleRow:active{
 	background: #000;
}
#whatsappOrder{
 	border-top: 1px solid;
	width: -webkit-fill-available;
}
#whatsappOrder tr:nth-child(1) {
    font-size: x-small;
}
 #whatsappOrder  tr:nth-child(odd){
	 background-color: #ffffff19;
 }
 #whatsappOrder  tr:nth-child(even){
	 background-color: #00000019;
 }
 #itemTotal{
 	font-size: x-large;
  font-weight: bold;
  text-align: end;
  padding: 0.5em 1em;
  border-bottom: 1px solid;
  background-color: #00000019;
 }
 #whatsappOrderBtn{
	 padding-inline: 1em;
	 padding-block: 0 1em;
	}
 #whatsappOrderBtn .placeOrder{
 	padding: 0.66em;
 	margin-top: 0.66em;
  color: #fff;
  display: grid;
  text-align: center;
  width: -webkit-fill-available;
  border-radius: 30px;
  background-color: #0dc143;
  font-size: large;
  font-weight: bolder;
  text-shadow: 0px 0px 5px black;
 }
 #cart td, #cart th {
    padding: 5px;
}
#itemNo{
	vertical-align: top;
}
#itemNo, #itemCost{
	text-align: right;
}
#itemSize{
	text-align: center;
}
#itemXBtn a{
	padding: 0 5px;
  color: #f11;
  font-size: x-large;
}
.waBtn {
	display: flex;
}
.close{
	font-size: xx-large;
    padding: 0 0.25em;
    margin: auto;
    color: #fff;
}
.close:active{
	color: #f11;
}

#footer #accessibility a{
	background: #000000ee;
	display: inline-block;
	padding: 15px;
	margin: 5px 0;

}
#footer #accessibility i{
	padding: 0 0 0 5px;
}

.main-footer .openinghours {
    border: 1px solid var(--header-bordercolor-2);
    margin: 0px auto 10px;
    padding: 16px 13px;
    border-radius: 10px;
    width: fit-content;
    font-size: larger;
    background: linear-gradient(#11111188, #000);
}

@media (min-width:500px) { 
	#itemDesc{
		max-width: max-content;
	}
	#cart #itemDesc{
  	overflow-y: auto !important;
  	overflow-x: auto !important;
	}
}


@media (min-width:961px) { /* big landscape tablets, laptops, and desktops */}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */}
@media (min-width:1281px) { /* hi-res laptops and desktops */}
@media (min-width:1440px) { /* hi-res laptops and desktops */}