@font-face {font-family: August;src: url(fonts/Hey_August.otf);}


body {font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
img{max-width:100%;height:auto;}
.logo {max-height: 50px;}
nav, .mobile-menu {font-size: 17px;text-transform: uppercase;letter-spacing: 2px;}
nav a, .mobile-menu a {color: #bbb !important;position: relative;}
nav a:hover , .mobile-menu a:hover{color: #ebba6c !important;}
nav a::after {content: " ";height: 2px;position: absolute;left: 0;width: 0;transition: .5s all;bottom: 0;}
nav a:hover::after {background-color: #ebba6c;width: 100%;transition: .5s all;}

h1, h2, h3, h4, h5, h6 {font-family: 'August', cursive;}
h2.title {font-size: 4rem;text-align: center;color: #fff;}

header {box-shadow: 0 0 5px #ddd;background: #000;}
.header-social a {
  font-size: 20px;
  padding: 4px;
}

.page-header {background-size: cover;background-position: center;}
.big-text {font-size: 3rem;text-transform: uppercase;font-weight: 600;color: #005b4b;font-family: August;}
.img-fluid {width: 100%; }
.review-item {text-align: center;padding: 2rem; border: 1px solid #ddd;background: #fff;border-radius: 10px;}
.review-item .bi {font-size: 1rem;color: #f43939;}
.customer-review {background: #f9f9fb;}
.carousel-indicators {position: relative;margin-top: 20px;}

.carousel-control-next, .carousel-control-prev { width: 10%;}
.carousel-control-next-icon, .carousel-control-prev-icon {display: inline-block;width: 2.5rem;height: 2.5rem;background-repeat: no-repeat;background-position: 50%;background-color: #000;border-radius: 50%;padding: 20px;background-size: 70% !important;}
.carousel-indicators li {width: 10px;height: 10px;margin-right: 10px;background-color: #bbb;}
.carousel-indicators li.active {background-color: #000;}
.seperator {height: 50px;}

.contact .footer-social a {font-size: 28px;color: #fff;margin: 6px;padding: 5px;}

footer {padding-top: 3rem; color: #fff;padding-bottom: 3rem;background-color: #000000;}
.footer-menu {padding-left: 0;text-align: center;padding-bottom: 1rem;margin-bottom: 0;border-bottom: 1px dotted #5e5e5e;}
.footer-menu li {display: inline-block;list-style: none;margin: 10px;}

footer .footer-social {margin-bottom: 14px;}
footer .footer-social a {font-size: 27px;padding: 5px;margin: 4px;}

/* menu start */ 
.panel-heading {font-size: 22px;text-transform: uppercase;background: #ebba6c;padding: 10px;text-align: center;color: #fff;}
.category-description-main {text-align: center;margin-bottom: 10px;font-style: italic;}

.item-title {font-weight: bold;margin-bottom: 0;}
.panel-body.row {padding: 10px 0;}
.panel-body.row:nth-child(2n+1) {background: #ddd;padding: 10px 0;}
.i-price p {margin-bottom: 0;}
.i-price p > a {text-decoration: none;color: #000; }

/* menu end */
.pink-bg {background: #ebba6c;}
.img-container {margin: 20px;}
.dark-animate {transition: .5s all;background-color: #000;color: #fff;}
.dark-animate:hover {background: #212529 ;color: #fff;transition: .5s all;}
.bg-dark {background-color: #000 !important;}
footer a {color: #fff;text-decoration: none;padding: 5px 0;border-bottom: 2px solid transparent;transition: .5s all;}
footer a:hover {border-bottom: 2px solid #ebba6c !important;color: #ebba6c;transition: .5s all;}

.foods img {width: 100%; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: .3s;-webkit-transition: .3s;-moz-transition: .3s;margin-bottom: 1.2rem;

}
.foods img:hover{transform: scale(0.97);
 -webkit-transform: scale(0.97);
 -moz-transform: scale(0.97);
 -o-transform: scale(0.97);opacity: 0.75;
 -webkit-opacity: 0.75;
 -moz-opacity: 0.75;transition: .3s;
 -webkit-transition: .3s;
 -moz-transition: .3s;
}

.btn {border: 1px solid #fff;border-radius: 0;font-size: 24px;margin: 10px;text-transform: uppercase;letter-spacing: 2px;color: #005b4b;padding: 10px 30px;font-family: August;background: #ebba6c;}

.btn-check:focus + .btn, .btn.order:focus, .btn.order:hover {outline: 0;box-shadow: none;color: #000;background: #ebba6c;border-color: #ebba6c ;}

.btn-check:focus + .btn, .btn.menu:focus, .btn.menu:hover {outline: 0;box-shadow: none;color: #000;background: #ebba6c;border-color: #ebba6c;}

.mobile-menu {display: none;}
.instagram .bi.bi-instagram {font-size: 2.5rem;color: #262626;}
.main-logo {width: 300px; }
.hours p span {display: block;}
.logo-txt span {color: #fff;font-size: 30px !important;}
.main-img.py-5 {color: #005b4b;font-size: 41px;padding: 35px 15px 15px 15px !important;}


@media only screen and (max-width: 600px) {
	.hide-mobile {display: none !important;}
	.mobile-menu {display: block;border-top: 1px solid #222;border-bottom: 1px solid #222;margin-top: 20px;padding: 10px 0;font-size: 16px;width: 100%;}
	.page-header .btn {width: 250px !important;}
	.main-logo {width: 90%;}
	.page-header {background-size: cover;background-position: center;background-attachment: scroll;}
}