/* font-family: 'Bebas Neue', cursive; */
:root{
--color-black: #000;
--color-white: #fff;
--color-yellow: #16a34a;
--color-maroon: #813e97;
--color-blue: #051F3F;
--color-dark: #2D3141;
--footer-bg: #c9202f;
--color-gray: #717171;
--body-font:'Outfit', sans-serif;
--heading-font:'Bebas Neue', cursive;
}
* { padding:0px; margin:0px; }
html { font-size:100%; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
ol, ul { list-style: none; }
:focus { outline: 0; }
a{ color: #2a6fda;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
a, a:link { text-decoration: none; outline:none; color: #2a6fda; }
p { font-size: 14px; color: #000; line-height: 20px; font-weight: 400; margin-bottom: 20px; }
.clear { clear:both; }
a:focus{ outline: none; }
img{ max-width: 100%;}
h2{ }
input:focus{ outline: none; }
button:focus{ outline: none; }
body{ margin:0; padding:0; font-size:13px; color:#606060; line-height: 20px; font-weight: 500; background:#ffffff; font-family: 'Outfit', sans-serif; }
.var-row{ align-items: center; }
iframe{ width: 100%; }
/* ==========loader common css========== */
.loaderWrap{
position: fixed;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 9991;
display: flex; justify-content: center; align-items: center;
background-color: rgba(0, 0, 0, 0.9);
transition: all 300ms ease-in-out;
}
.loader-off.loaderWrap{opacity: 0; visibility: hidden;}
/* ============Loader One CSS Start=============== */
.loader:after, .loader{
color: var(--color-yellow);
}
.loader {
transform: rotateZ(45deg);
perspective: 1000px;
border-radius: 50%;
width: 68px;
height: 68px;
}
.loader:before,
.loader:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: inherit;
height: inherit;
border-radius: 50%;
transform: rotateX(70deg);
animation: 1s spin linear infinite;
}
.loader:after {
transform: rotateY(70deg);
animation-delay: 0.4s;
}
@keyframes rotate {
0% {
transform: translate(-50%, -50%) rotateZ(0deg);
}
100% {
transform: translate(-50%, -50%) rotateZ(360deg);
}
}
@keyframes rotateccw {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(-360deg);
}
}
@keyframes spin {
0%,
100% {
box-shadow: 0.5em 0px 0 0px currentcolor;
}
12% {
box-shadow: 0.5em 0.5em 0 0 currentcolor;
}
25% {
box-shadow: 0 0.5em 0 0px currentcolor;
}
37% {
box-shadow: -0.5em 0.5em 0 0 currentcolor;
}
50% {
box-shadow: -0.5em 0 0 0 currentcolor;
}
62% {
box-shadow: -0.5em -0.5em 0 0 currentcolor;
}
75% {
box-shadow: 0px -0.5em 0 0 currentcolor;
}
87% {
box-shadow: 0.5em -0.5em 0 0 currentcolor;
}
}
/* ============Loader One CSS End=============== */
/* =================scroll top css start here================ */
.go-top {
bottom: 10px;
opacity: 0;
visibility: visible;
right: 10px;
border-radius: 100%;
z-index: 9;
background: var(--color-yellow);
display: inline-block;
width: 40px;
height: 40px;
line-height: 30px;
text-align: center;
color: #fff;
position: fixed;
cursor: pointer;
}
.go-top::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-image: -moz-linear-gradient(0deg, var(--color-yellow) 0%, #c1282a 100%);
background-image: linear-gradient(to right, #00132b 0%, #00132b 100%);
background-image: -ms-linear-gradient(0deg, var(--color-yellow) 0%, var(--color-yellow) 100%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
border-radius: 100%;
}
.go-top::after {
z-index: -1;
content: "";
position: absolute;
left: 3px;
top: 3px;
width: 35px;
height: 35px;
-webkit-animation: ripple 1.6s ease-out infinite;
-moz-animation: ripple 1.6s ease-out infinite;
-o-animation: ripple 1.6s ease-out infinite;
animation: ripple 1.6s ease-out infinite;
opacity: 0;
background-image: -webkit-linear-gradient(0deg, var(--color-yellow) 0%, var(--color-yellow) 100%);
border-radius: 100%;
}
.go-top i {
font-size: 20px;
font-weight: 700;
padding-left: 4px;
color: #fff;
position: absolute;
top: 50%;
left: -4px;
right: 0;
margin: 0 auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-ms-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.go-top i:last-child {
opacity: 0;
visibility: hidden;
top: 60%;
}
.go-top:focus i:last-child,
.go-top:hover i:last-child {
opacity: 1;
visibility: visible;
top: 50%;
}
.go-top:focus i:first-child,
.go-top:hover i:first-child {
opacity: 0;
top: 0;
visibility: hidden;
}
@keyframes ripple {
0%,
35% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 1;
}
50% {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
opacity: 0.8;
}
100% {
opacity: 0;
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
}
}
/* =scroll top css start here=*/
/* --------------- Header Start ---------------------*/
.headerMain{
position: absolute;
width: 100%;
top: 0;
left: 0;
padding-top: 30px;
}
.header-social a{
display: inline-block;
height: 30px;
width: 30px;
background-color: var(--color-yellow);
border-radius: 100%;
color: var(--color-white);
text-align: center;
line-height: 30px;
font-size: 15px;
margin-left: 15px;
}
.header-social a:hover{
background-color: var(--color-maroon);
}
.headerMain .navbar{
padding: 0px;
position: relative;
}
.nav-menu ul li a{
color: var(--color-white);
font-size: 16px;
margin-right: 20px;
}
.nav-menu ul li a:hover{
color: var(--color-yellow);
}
.nav-menu ul li.active a{
color: var(--color-yellow);
}
.navbar-brand{
position: absolute;
left: 50%;
transform: translate(-50%);
}
.navbar-brand{
padding-top: 15px;
padding-bottom: 0px;
}
.navbar-brand img{
height: 80px;
}
.header-appear .navbar-brand{
padding-top: 0px;
}
.header-appear .navbar-brand img{
height: 40px;
}
/* ----------------- Banner -------------------------*/
.home-banner{
background-color: var(--color-maroon);
position: relative;
}
.home-banner img{
width: 100%;
height: 650px;
object-fit: cover;
opacity: .8;
}
.banner-caption{
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
}
.caption-wrap{
width: 60%;
margin: 0 auto;
}
.banner-caption h3{
font-size: 18px;
color: var(--color-white);
text-transform: uppercase;
letter-spacing: 4px;
padding-bottom: 15px;
}
.banner-caption h1{
color: var(--color-white);
text-transform: uppercase;
font-family: var(--heading-font);
padding-bottom: 15px;
font-size: 70px;
}
.banner-caption p{
color: var(--color-white);
font-size: 14px;
margin-bottom: 30px;
font-weight: 300;
}
.banner-btn a{
display: inline-block;
background-color: var(--color-yellow);
color: var(--color-white);
text-transform: uppercase;
padding: 15px 30px;
border-radius: 5px;
letter-spacing: 1px;
font-weight: 300;
}
.banner-btn a:hover{
background-color: var(--color-maroon);
}
/* -------------------------------------*/
.sec-space{
padding: 60px 0px;
}
.title-section h3{
color: var(--color-dark);
letter-spacing: 4px;
padding-bottom: 10px;
text-transform: uppercase;
font-size: 18px;
color: var(--color-dark);
}
.title-section h2{
color: var(--footer-bg);
font-size: 60px;
font-family: var(--heading-font);
padding-bottom: 25px;
}
.title-section p{
color: var(--color-gray);
font-size: 14px;
}
.def-btn a{
display: inline-block;
background-color: var(--color-maroon);
color: var(--color-white);
letter-spacing: 1px;
padding: 12px 25px;
border-radius: 5px;
font-weight: 300;
text-transform: uppercase;
}
.def-btn a:hover{
background-color: var(--color-yellow);
}
/* --------------- Menu Section -------------------------*/
.menu-section{
background-color: #F2F2ED;
position: relative;
}
.menu-section .title-section h2{
padding-bottom: 0px;;
}
.menu-section:after{
content: '';
background-image: url(../images/bg2.png);
background-repeat: no-repeat;
width: 200px;
height: 240px;
background-size: 100%;
position: absolute;
bottom: 10%;
right: 0;
}
.menu-section:before{
content: '';
background-image: url(../images/bg1.png);
background-repeat: no-repeat;
width: 180px;
height: 250px;
background-size: 100%;
position: absolute;
bottom: 10%;
left: -5%;
}
.card{
margin-top: 15px;
background-color: transparent;
border: none;
}
.card ul li{
color: #2D3141;
font-size: 15px;
font-weight: 500;
margin-top: 15px;
}
.menu-list{
padding-top: 30px;
}
.menu-list .card-header{
border: none;
background-color:var(--color-white);
font-family: 'Lora', serif;
color: #2D3141;
font-size: 22px;
padding: 0px;
position: relative;
}
.menu-list .card-header button{
display: block;
width: 100%;
color: #2D3141;
text-align: left;
padding: 10px 15px;
font-weight: 600;
}
.menu-list .card-header button:focus{
text-decoration: none;
}
.menu-list .card-header button:hover{
text-decoration: none;
}
.menu-list .card-header button i.fa{
position: absolute;
right: 15px;
top: 15px;
}
/* ---------------------------------------------*/
/* ---------------- Enjoy Section-----------------------------*/
.enjoy-txt{
background-color: var(--color-maroon);
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
display: flex;
align-items: center;
}
.enjoy-cont{
width: 100%;
padding: 20px;
}
.enjoy-txt h2{
color: var(--color-white);
text-transform: uppercase;
font-family: var(--heading-font);
font-size: 50px;
padding-bottom: 30px;;
}
.enjoy-pic{
height: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%;
}
.enjoy-btn a{
display: inline-block;
background-color: var(--color-yellow);
color: var(--color-white);
text-transform: uppercase;
font-weight: 300;
padding: 12px 25px;
border-radius: 5px;
}
.enjoy-btn a:hover{
background-color: var(--color-white);
color: var(--color-maroon);
}
/* ---------------------------------------------*/
/* ---------------- Testimonial Section --------------------------*/
.testi-box{
margin-top: 30px;
background-color: #F9F9F9;
padding: 30px;
}
.testi-box .testi-pic{
padding-bottom: 30px;
}
.testi-box .testi-pic img{
height: 75px;
width: 75px;
border-radius: 100%;
}
.testi-box p{
color: #545454;
font-size: 14px;
font-weight: 400;
line-height: 20px;
border-bottom: rgba(112, 112, 112, .2) solid 1px;
padding-bottom: 15px;
}
.testi-box .media-right img{
height: 12px;
}
.testi-box .media-left h3{
font-size: 20px;
color: var(--color-blue);
text-transform: uppercase;
font-family: var(--heading-font);
padding-bottom: 5px;
}
.testi-box .media-left h4{
color: var(--color-gray);
font-size: 14px;
}
.testi-wrap{
position: relative;
}
.testi-wrap .owl-nav .owl-next{
position: absolute;
right: -15px;
top: 50%;
}
.testi-wrap .owl-nav .owl-prev{
position: absolute;
left: -15px;
top: 50%;
}
.testi-wrap .owl-nav .owl-next span, .testi-wrap .owl-nav .owl-prev span{
font-size: 35px;
}
.testi-wrap .owl-nav button{
height: 30px;
width: 30px;
background-color: #fff !important;
border-radius: 100%;
}
/* ---------------------------------------------*/
/* ------------- Moments Section ---------------------- */
.moments-section p{
color: var(--color-gray);
font-size: 14px;
}
.moment-pic img{
margin-left: 15px;
max-width: 100%;
width: 50%;
}
/* ---------------------------------------------*/
/* -----------------Contact Section----------------------------*/
.contact-map iframe{
height: 650px;
}
.contact-box{
margin-top: 30px;
}
.contact-box h3{
color: #949494;
font-size: 14px;
padding-bottom: 10px;
text-transform: none;
letter-spacing: normal;
font-weight: 300;
}
.cont-hour{
position: relative;
color: var(--color-dark);
font-size: 14px;
font-weight: 400;
padding-bottom: 15px;
}
.cont-info{
position: relative;
color: var(--color-dark);
font-size: 14px;
padding-left: 40px;
font-weight: 400;
margin-top: 5px;
padding-bottom: 20px;
}
.cont-info a{
color: var(--color-dark);
}
.cont-info span{
display: inline-block;
height: 30px;
width: 30px;
border-radius: 100px;
border: var(--color-dark) solid 1px;
position: absolute;
top: -4px;
left: 0;
}
.cont-info:before{
content: '';
height: 1px;
width: 60px;
background-color: #707070;
position: absolute;
bottom: 0;
left: 0;
}
.contact-btn a{
display: inline-block;
background-color: var(--color-yellow);
color: var(--color-white);
text-transform: uppercase;
font-weight: 300;
padding: 12px 25px;
border-radius: 5px;
}
.contact-btn a:hover{
background-color: var(--color-maroon);
}
/* ---------------------------------------------*/
/* ------------------ Footer Section ----------------------*/
.mainfooter{
background-color: #1A0D16;
padding: 60px 0px 30px 0px;
}
.footer-logo{
padding-bottom: 40px;
}
.fhour{
padding-top: 15px;
}
.footer-logo img{
height: 60px;
}
.footer-menu{
text-align: center;
margin-bottom: 30px;
}
.footer-menu h4{
text-transform: uppercase;
color: var(--color-white);
font-family: var(--heading-font);
padding-bottom: 20px;
font-size: 22px;
letter-spacing: .5;
}
.footer-menu h4 span{
display: inline-block;
padding: 10px 0px;
border-top: #291B25 solid 1px;
border-bottom: #291B25 solid 1px;
}
.footer-menu ul{
text-align: center;
flex-direction: inherit;
justify-content: center;
}
.footer-menu ul li{
margin: 0px 20px;
}
.footer-menu ul li a{
color: #949494;
font-size: 13px;
font-weight: 300;
}
.footer-menu ul li a:hover{
color: var(--color-yellow);
}
.footer-menu.contact ul li{
color: #949494;
font-size: 13px;
font-weight: 300;
margin: 0px;
padding: 0px 10px;
border-right: #949494 solid 1px;
line-height: 12px;
}
.footer-menu.contact ul li:last-child{
border-right: none;
}
.footer-menu.contact ul li a{
color: #949494;
font-size: 13px;
font-weight: 300;
}
.footer-menu.contact ul li a:hover{
color: var(--color-yellow);
}
.copyright{
padding-top: 30px;
color: var(--color-white);
font-size: 13px;
font-weight: 300;
}
.copyright a{
display: inline-block;
color: var(--color-white);
}
.copyright a:hover{
color: var(--color-yellow);
}
/* ------------- inner banner ---------------------- */
ul.breadcrumbs{}
ul.breadcrumbs li{ display: inline-block; padding: 0px 5px; }
.innerBanner{ position: relative; background-color: var(--color-maroon); }
.innerBanner img{ width: 100%; max-width: 100%; max-height: 350px; object-fit: cover; opacity: .5; }
.title_breadcrumb-inner{ position: absolute; width: 100%; bottom: 30%; left: 0; }
.title_breadcrumb-inner span{ display: inline-block; padding: 15px; width: 100%; text-align: center; color: #000; }
.title_breadcrumb-inner span h1{ color: #fff; font-size:60px; padding-bottom: 10px; margin-bottom: 0px; text-transform: uppercase; font-family: var(--heading-font);}
.breadcrumb_bottom{ padding: 0; text-align: left;}
.breadcrumb_bottom ul{ margin-bottom: 0px; text-align: center;}
.breadcrumb_bottom ul li{ color: #fff; font-size: 15px; font-family: 'Lora', serif;}
.breadcrumb_bottom ul li strong{ color: #fff; font-weight: normal; }
.breadcrumb_bottom ul li a{ color: #fff; font-family: 'Lora', serif; }
.breadcrumb_bottom ul li a:hover{ color: #fff; }
.inner-cont{ padding: 50px 0px 50px 0px; }
.inner-cont ul{ margin-left: 15px; }
.inner-cont ul li{ margin-bottom: 10px; list-style-type: disc;}
/* ----------------------------------- */
/* ===================================
Header & Navigation
====================================== */
.header-appear{
/*height: 70px;*/
position: fixed;
top: 0;
padding: 10px 0px;
z-index: 999;
width: 100%;
background-color: #1A0D16;
-webkit-animation-name: animationFade;
-o-animation-name: animationFade;
animation-name: animationFade;
-webkit-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
}
header {
width: 100%;
z-index: 99;
}
/*header top bar*/
.top-header-area{
position: absolute;
top: 0;
z-index: 99;
width: 100%;
display: block;
height: 45px;
line-height: 45px;
font-size: 14px;
}
.top-header-area ~ .navbar-top-default{
background-color: #000;
top: 45px;
height: 65px;
}
.header-appear .top-header-area{
display: none;
}
.header-appear .top-header-area ~ .navbar-top-default{
top: 0;
}
/* nav top default */
.navbar-top-default{
position: absolute;
top: 0;
z-index: 99;
overflow: hidden;
/*height: 90px;*/
width: 100%;
background-color: var(--color-black);
-webkit-transition: all .1s ease;
-moz-transition: all .1s ease;
-ms-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease;
}
.header-appear .navbar-top-default {
/*height: 70px;*/
position: fixed;
z-index: 999;
background-color: var(--color-black);
-webkit-animation-name: animationFade;
-o-animation-name: animationFade;
animation-name: animationFade;
-webkit-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
}
/* animation */
@-webkit-keyframes animationFade {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-o-keyframes animationFade {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none;
}
}
@keyframes animationFade {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none;
}
}
/* -------------------------------*/
.form-wrap{
margin-top: 30px;
}
.form-wrap p{
margin-bottom: 0px;
}
.form-wrap .form-control{
background-color: var(--color-white);
height: 50px;
border: none;
font-size: 13px;
}
.form-wrap textarea.form-control{
height: 100px;
resize: none;
}
.contact_submit{
background-color: var(--color-maroon);
padding: 12px 30px;
color: var(--color-white);
text-transform: uppercase;
font-weight: 300;
}
.contact_submit:hover{
background-color: var(--color-yellow);
}
.wpcf7-response-output{display: none;}
.wpcf7 form.sent .wpcf7-response-output{display: block; border-color: #46b450; color: #46b450;}
.form-wrap .captcha-wrap{
text-align: center;
}
.form-wrap .captcha-wrap input{
border: none;
height: 40px;
padding: 5px 10px;
margin-right: 10px;
}
.menu-section.contact-page:before{
bottom: inherit;
top: 10%;
}
.menu-category{
margin-bottom: 30px;
}
.menu-category h5{
font-family: 'Lora', serif;
color: var(--color-maroon);
font-size: 30px;
border-bottom: #1f439b solid 1px;
font-weight: 600;
}
.menu-category h5:hover{
color: var(--footer-bg);
}
.menu-category ul li{
margin-top: 15px;
font-family: 'Lora', serif;
font-size: 16px;
color: var(--color-blue);
}
.menu-page{
background-color: #F2F2ED;
position: relative;
}
.bgimag1{
position: absolute;
top: 10%;
left: 0;
}
.bgimag1 img{
height: 250px;
width: auto;
object-fit: contain;
}
.bgimag2{
position: absolute;
bottom: 10%;
right: 0;
}
.bgimag2 img{
height: 250px;
width: auto;
object-fit: contain;
}
.menu-page .title-section h2{
padding-bottom: 0px;;
}
.menu-page.wine .bgimag2 img{
height: 350px;;
}
/* ----------------*/
/*Book*/
.bd_calendar .ui-datepicker th{
background: var(--color-yellow) !important;
color: #fff;
border: 1px solid #191d33 !important;
}
.bd_calendar .ui-datepicker {
width: 100%;
background: #F2F2ED !important;
border: 1px solid var(--color-maroon);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover,
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a
{
border: 1px solid #040404 !important;
background: var(--color-maroon) !important;
font-weight: normal;
color: #ffffff;
}
#datepicker .ui-datepicker td span, #datepicker .ui-datepicker td a {
padding: 1em .2em;
text-align: center;
}
.b_time {
display: block;
text-align: center;
border: 2px solid var(--color-yellow);
border-radius: 5px;
background: var(--color-yellow);
color: #fff;
padding: 8px 15px;
margin: 5px 5px;
cursor: pointer;
}
.b_time.active{ background-color: #154585; color: #fff; }
.book_infocon .book_info{ display: flex; align-items: center; justify-content: space-between; }
.book_infocon .book_info label{ padding-bottom: 5px; color: var(--color-yellow); }
.book_infocon .book_info input{ background: #F1F1EF; padding: 10px; width: 100%; }
.book_infocon .book_info button.bd_btn{ background-color: var(--color-yellow); height: 40px; color: var(--color-white); padding: 7px 15px; border: none; border-radius: 5px; font-size: 15px; font-weight: 700; text-transform: uppercase; }
.book_info span{
color: var(--color-yellow);
font-size: 16px;
font-weight: normal;
}
.book_infocon {
background: var(--color-maroon);
padding: 20px;
justify-content: center;
width: 50%;
margin: auto;
box-shadow: 0px 3px 6px #00000029;
}
.book_infocon h3{ text-align: center; padding-bottom: 25px; font-size:30px; font-family: var(--heading-font); color: #fff; letter-spacing: 1px;}
.book_info input {
border: 0;
color: #000;
font-weight: 600;
background: transparent;border-radius: 5px;
}
.thank_you i {
color: green;
font-size: 70px;
line-height: 74px;
}
.thank_you h3 {
text-transform: uppercase;
font-size: 50px;
line-height: 56px;
}
.tech-wrap:nth-child(even) .order-col {
order: 2;
}
.tech-wrap + .tech-wrap {
margin-top: 30px;
}
.bd_store .bd_storeimg {
height: 250px;
}
.bd_store .bd_storeimg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bd_store h4 {
margin: 10px 0;
font-size: 18px;
line-height: 24px;
}
.bd_store p {
font-size: 14px;
line-height: 18px;
margin-bottom: 10px;
}
/* .bd_calendar {
display: flex;
flex-wrap: wrap;
}
.hasDatepicker, .time-wrapper {
flex: 0 0 50%;
max-width: 50%;
padding: 0 10px;
}*/
div#booking_form-wrapper {
/*max-width: 70%;
margin: auto;*/
}
.book_info label {
display: block;
}
.time-wrapper .table{ background-color: #F2F2ED; }
.time-wrapper .table thead th{ background-color: var(--color-navyblue); color: var(--color-light); border: none; }
/* ----------------*/
.reserv-page{ background-color: #F2F2ED; }
#booking-form textarea.wpcf7-textarea{ height: 100px; }
#booking-form textarea.wpcf7-textarea:focus{ background-color: #fff; }
#booking-form small{ color: red; }
.error404 .menumain{ position: relative; background-color: var(--color-navyblue); padding-bottom: 15px; }
.success-wrap{ text-align: center;
padding: 50px 20px;
max-width: 600px;
margin: 0 auto; }
.success-wrap img{ height: 100px; }
.success-wrap p{ font-size: 20px; font-weight: 600; padding-top: 15px; line-height: 30px; }
a.linktxt {
font-size: 14px;
font-weight: 600;
text-decoration: underline;
}
.contactform .agree input[type="checkbox"]{ width: auto; height: auto; }
.contactform .agree .wpcf7-list-item{ margin-left: 0px; }
.contactform .agree span.wpcf7-list-item-label{ font-weight: 600; position: relative; top: -2px; }
.reserv-page{
position: relative;
}
.reserv-page .title-section h4{
font-size: 40px;
padding-bottom: 30px;
font-family: var(--heading-font);
color: var(--color-maroon);
padding-bottom: 30px;
}
.form-wrap label{
padding-bottom: 5px;
}
.form-control:focus{
box-shadow: none;
}
.resrve-page h5{
text-align: center;
color: var(--color-maroon);
font-family: 'Lora', serif;
font-size: 22px;
padding-bottom: 15px;
}
.time-list{
text-align: center;
}
.time-list span.b_time{
display: inline-block;
}
.time-list span.b_time:hover{
background-color: var(--color-maroon);
}
.time-list span.b_time.active{
background-color: var(--color-maroon);
border-color: var(--color-maroon);
}
.next_1, .next_2{
position: relative;
bottom: -8px;
}
.btn-wrap{
position: relative;
}
.btn-wrap #loadImg{
position: absolute;
top: 20px;
right: 20px;
}
.btn-wrap #loadImg img{
height: 30px;
}
.wpcf7-not-valid-tip:not(:nth-child(1)):not(:nth-child(2)) {display:none;}
.menu-category.main .menu-plate{
display: block !important;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.menu-category h5{
padding-bottom: 10px;
cursor: pointer;
position: relative;
}
.menu-category h5:before{
content: "\f196";
font-size: 20px;
font-family: 'FontAwesome';
position: absolute;
top: 0;
right: 0;
}
.menu-category.main h5:before{
content: "\f147";
font-size: 20px;
font-family: 'FontAwesome';
position: absolute;
top: 0;
right: 0;
}
.menu-category img.cat-img{
float: left;
width: 250px;
padding-right: 15px;
}