/*
Template Name: Askbootstrap - Multipurpose Website Template
Author: Askbootstrap
Author URI: https://askbootstrap.com/
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 {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.topheader, .osahan-main-nav{
	position: relative;
	z-index: 2;
}
.bg-homepage iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 120%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* dark overlay */
  z-index: 2;
}
.bg-homepage {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/hero.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.jpg);
	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.html);
	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.html);
	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/bg-menu.html);
	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.html);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Footer */
.bg-footer {
	background-image: linear-gradient(#ddd3cc, #ddd3cc), url(../img/bg-footer.svg);
    background-color: #ddd3cc;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Mobile Media  */
@media (max-width:992px) {
	.m-none {
		display: none;
	}
}