/*
Theme Name: Restaurant Food Shop
Author: DiThemes
Author URI: https://dithemes.com
Description: Restaurant Food Shop is a classic, SEO Friendly, responsive WordPress theme for restaurant, blog, eCommerce and similar business websites. It is a child theme of the Di Restaurant theme, so you will get all the features of the Di Restaurant theme with an additional overlay menu and a call to action button. It is a fully customizable theme from header to footer. You can customize the logo, menu, social media icons, blog layout, sidebar widgets, footer widgets and much more. it comes with a Full Width Template, so you can place your page builder contents perfectly. This theme is fully compatible with WooCommerce plugin and has additional eCommerce options so it can be used for selling online products or items. Theme features: Typography options, call to action link, overlay menu, social profile, customizable blog, WooCommerce options, footer widgets, footer copyright section, sticky header and much more. DEMO: http://demo.dithemes.com/di-restaurant/
Version: 1.2
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, flexible-header, full-width-template, microformats, sticky-post, theme-options, threaded-comments, translation-ready, wide-blocks, food-and-drink, e-commerce, blog
Text Domain: restaurant-food-shop
Template: di-restaurant
*/


.book-tbl-otr .book-tbl {
	border-radius: 15px;
	border: 2px solid;
	padding: 4px 10px;
	font-size: 14px;
	color: #fff;
	transition: 0.2s ease-in-out;
	display: inline-block;
}

@media (max-width: 767px) {
	.book-tbl-otr .book-tbl {
		display: inline-block;
	}
}

.ovrly-menu-otr {
	margin-right: 10px;
}

.ovrly-menu-otr a.ovrly-menu {
	text-decoration: none;
	display: inline-block;
}

.ovrly-menu-otr a.ovrly-menu span.fa {
	color: #ffffff;
	font-size: 16px;
	padding: 7px;
}

@media (max-width: 767px) {
	.ovrly-menu-otr a.ovrly-menu span.fa {
		font-size: 19px;
		border-radius: 50%;
	}
}

.ovrly-menu-otr a.ovrly-menu span.fa:hover {
	color: #009999;
	background-color: #ffffff;
	border-radius: 4px;
}

.ovrly {
	height: 0;
	width: 100%;
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0, 0.9);
	overflow-x: hidden;
	overflow-y: hidden;
	transition: 0.5s;
}

.overlay-bgoverlay-color {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.ovrly-content {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

ul.overlaymenu-class {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.overlaymenu-class li a {
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	display: inline-block;
	transition: 0.3s;
}

ul.overlaymenu-class li a,
.ovrly .ovrly-menu-closebtn {
	color: #818181;
}

ul.overlaymenu-class li a:hover,
ul.overlaymenu-class li a:focus,
.ovrly .ovrly-menu-closebtn:hover {
	color: #f1f1f1;
}

.ovrly .ovrly-menu-closebtn {
	position: absolute;
	top: 6px;
	right: 25px;
	font-size: 76px;
	z-index: 9;
}

@media screen and (max-width: 767px) {

	ul.overlaymenu-class li a {
		font-size: 20px;
	}

	.ovrly .ovrly-menu-closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
	}
}

.rtb-booking-form {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}

.rtb-booking-form-form, .rtb-booking-form-form * {
	box-sizing: border-box;
}

.rtb-booking-form-form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

.rtb-booking-form fieldset {
	border: 0 solid #ccc;
	margin: 0;
	padding: 0;
	margin-inline-start: 0;
	padding-inline-start: 0;
	width: 47.5%;
	margin: 0 0 32px;
}

@media screen and (max-width: 768px) {
	.rtb-booking-form fieldset {
		width: 100%;
	}
}

.rtb-booking-form fieldset legend {
	padding: 0;
}
.rtb-booking-form legend {
	margin-left: 0;
}

.rtb-booking-form fieldset>div {
	margin-top: 2em;
}

.rtb-booking-form fieldset label {
	width: 100%;
	background: transparent;
	padding: 3px;
	text-align: center;
	color: #333;
	font-weight: bold;
	margin-bottom: 0 !important;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

.rtb-booking-form form select, .rtb-booking-form form textarea, .rtb-booking-form form input {
	border: 1px solid #333;
	border-radius: 0;
	background-color: white;
	color: #777;
	padding: 12px 21px;
	margin-top: 0;
	max-width: 100%;
}

.rtb-booking-form form select, .rtb-booking-form form input {
	height: 48px;
	width: 100%;
}

.rtb-booking-form fieldset input, .rtb-booking-form fieldset select, .rtb-booking-form fieldset textarea {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.rtb-booking-form fieldset.reservation label {
	border-top-right-radius: 4px;
}

.rtb-booking-form fieldset.rtb-contact label {
	border-top-left-radius: 4px;
}

#rtb-date, #rtb-time {
	cursor: pointer !important;
}

.rtb-booking-form form fieldset .add-message {
	clear: both;
	position: relative;
	float: right;
	margin-top: 16px;
}

.rtb-booking-form .add-message a {
	box-shadow: none;
	padding: 6px 12px;
	background: white;
	color: #888;
	text-decoration: none;
	border: 1px solid #ddd;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	transition: background-color .3s, color .3s, border-color .3s;
}

.rtb-booking-form .add-message a:hover {
	background-color: #333;
	border-color: #333;
	color: white;
	text-decoration: none;
}

.rtb-booking-form fieldset.consent, .rtb-booking-form fieldset.optin {
	width: 100%;
}

.rtb-booking-form fieldset.consent {
	margin-bottom: 0;
}

.rtb-booking-form .consent label, .rtb-booking-form .optin label {
	border: none;
	font-weight: normal;
	text-align: left;
	line-height: 1.25;;
}

.rtb-booking-form fieldset.rtb-form-footer {
	width: 100%;
}

.rtb-booking-form button {
	background-color: #fff;
	color: #009999;
	text-align: center;
	border: solid 1px;
	border-radius: 6px;
	padding: 6px 8px;
	cursor: pointer;
	transition: 0.3s linear;
	margin: 10px 2px;
	text-transform: uppercase;
	font-size: 14px;
}

.rtb-booking-form button:hover {
	background-color: #009999;
	color: #fff;
}