/*
Template Name: Catring | Restaurant & Catering Website Template
Author: Pillarix
Author URI: https://wrapbootstrap.com/user/pillarix
Version: 1.0
*/
/* 
-- Body
-- Custom Css
-- Homepage
-- Sidebar-Nav
-- Homepage
-- Services
-- About
-- Contact
-- Mobile Media
*/
@import url('https://fonts.googleapis.com/css2?family=Pathway+Extreme:opsz,wght@8..144,100;8..144,200;8..144,300;8..144,400;8..144,500;8..144,600&family=Taviraj:wght@100;200;300;400;500;600&display=swap');

/* Body */
body {
	font-family: 'Pathway Extreme', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Taviraj', serif;
	font-weight: 200;
}
a {
	text-decoration: none;
}

/* Custom Classes */
.catering-nav  a.nav-link {
	padding-top: 29px !important;
	padding-bottom: 29px !important;
	color: #ffffff !important;
}
.btn-lg {
	padding: 14px 32px;
	font-size: 18px;
}
.btn-success {
	background-color: #418043 !important;
	border-color: #418043 !important;
}
.btn-success:hover {
	background-color: #55a630 !important;
	border-color: #55a630 !important;
}
.btn-light:hover {
	background-color: #55a630 !important;
	border-color: #55a630 !important;
	color: #fff !important;
}
.bg-success {
	background-color: #418043 !important;
}
.mt-n7 {
	margin-top: -7rem;
}
.mb-n7 {
	margin-bottom: -7rem;
}

/* Homepage */
.bg-homepage {
    background-image: var(--bg-image, url('/static/img/menu-img/cover-menu.jpg'));

	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), var(--bg-image, url(../img/menu-img/cover-menu.jpg));
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.menu {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/menu-img/cover-menu.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-veg {
	background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/vegetables-background.svg);
	background-color: #000;
	background-position: 0% 0%;
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-today-menu {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/home-menu-background.jpeg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.client-img {
	width: 100px;
}

/* Servcies */
.bg-servcies {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/bg-services.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-reservation {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/reservation-background.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Menu */
.bg-menu {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/menu-img/cover-menu.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* About */
.bg-about {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/bg-about.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Contact */
.bg-contact {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/bg-contact.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Footer */
.bg-footer {
	background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/bg-footer.svg);
	background-color: #000;
	background-position: 0% 0%;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Mobile Media  */
@media (max-width:992px) {
	.m-none {
		display: none;
	}
}