/* HTML */



/* GENERIC */
#btn-scroll-to-top {
	display: none; 
	position: fixed; 
	bottom: 20px; 
	right: 30px; 
	z-index: 99; 
	border: none; 
	outline: none; 
	background-color: var(--color-primary); 
	color: white;
	cursor: pointer;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 11px;
	padding-right: 11px;
	/* height: 20px; */
	/* width: 20px; */
	border-radius: 10px; 
	font-size: 32px; 
  }
  
#btn-scroll-to-top:hover {
	background-color: #555; /* Add a dark-grey background on hover */
}

.full-width {
	height: 800px !important;
}


.menu {
	margin: 20px 0;
	display: flex;
	justify-content: space-evenly;
}

.menu-item {
	/* text-align: center; */
	/* padding: 0px; */
	width: 80px;
}

.menu-item a {
	display: inline-block;
	/* padding: 0px !important; */
}

/* .menu li {
	text-align: center;
} */


/* HOME > SLIDER */

.slide-overlay {
	background-color:#00000040;
	position:absolute;
	left:0;
	top:43%;
	transform: translate(0, -50%);
	width:100%;
}

.slide-overlay  h1 {
	font-family:'lobster' !important;
	color:white; 
	font-size:88px; 
	line-height:128px;
	font-weight:300;
	text-shadow:1px 1px 10px #000000c4;
		
}

@media screen and (max-width: 992px) {
	.slide-overlay  h1 {
		font-size:72px;
		line-height:120px;
	}
}

@media screen and (max-width: 768px) {
	.slide-overlay  h1 {
		font-size:50px; 
		line-height:80px;
	}
}

@media screen and (max-width: 576px) {
	.slide-overlay  h1 {
		font-size:34px;
		line-height:54px;
	}
}





/* END HOME > SLIDER */



/* FEATURED MENU */





/* SCROLLBAR */
body::-webkit-scrollbar {
	width: 22px;               /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
	background: var(--scrollbar-bg-color);        /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
	background-color: var(--scrollbar-color);    /* color of the scroll thumb */
	border-radius: 20px;       /* roundness of the scroll thumb */
	border: 3px solid var(--scrollbar-bg-color);  /* creates padding around scroll thumb */
}


/* CATERING VIDEO */

.catering-video {
	height: 500px;
}

@media screen and (max-width: 992px) {
	.catering-video {
		height: 500px;
	}
}

@media screen and (max-width: 768px) {
	.catering-video {
		height: 300px;
	}
}

@media screen and (max-width: 576px) {
	.catering-video {
		height: 200px;
	}
}