/*
Theme Name: Diner Restaurant
Theme URI: https://www.vwthemes.com/products/free-restaurant-wordpress-theme
Author: VWthemes
Author URI: https://www.vwthemes.com
Description: VW Diner Restaurant is a free theme for cafes, food joints, restaurants, fine dining, modern eateries and dinings, bistros, bakeries, pizza hubs, seafood restaurants, catering,Restaurant, Diner, Café, Bistro, Eatery, chinese food, burger shops, breakfast, and cafeterias, etc. This is a multipurpose theme that is minimal and crafted with elegance to display your sophisticated work in a highly responsive and retina-ready design. With some well-organized HTML codes, you can make your website perform great, and these codes are also optimized to give you a faster page load. Call to Action Button (CTA) will also work for bringing better conversions that will make the business more successful. Personalization options will let you tweak the basic aspects of this theme including colors, typography, logo, favicon, etc. This modern theme is designed using the Bootstrap framework. It is social media ready and this feature is extremely useful for spreading the word regarding the fine quality food you serve in your restaurant. It is a cross-browser compatible theme that users can easily access through various popular web browsers such as Firefox, Safari, Chrome, Explorer, and more. The clean and secure codes will make the website function really well and its mobile-friendly design makes the website look great on mobile phones as well. Demo: https://www.vwthemes.net/vw-diner-restaurant/
Template: vw-restaurant-lite
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.7.4
License: GPLv3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: diner-restaurant
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, flexible-header, custom-colors, block-patterns, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, threaded-comments, post-formats, education, food-and-drink, e-commerce
*/

body{
  font-family: Open Sans;
  letter-spacing: 0px;
}
h1, h2, h3, h4, h5, h6, .header .book-btn a, .slider .more-btn a.button{ 
  font-family: Nuosu SIL;
}
.main-navigation a:focus, .slider .inner_carousel h1 a:focus, .toggle-nav button:focus, .header .logo a:focus{
  outline: 1px solid #000;
}
/*----------------- Header ----------------*/
.header{
  background-color: #fff;
  box-shadow: 0px 0px 10px 0 #aaa;
  border-bottom: none;
  position: relative;
  z-index: 99;
}
.header .logo a, .header .logo p{
  color: #000000;
}
#popular-menu h4 a:hover, .contact-box p a:hover, .slider .inner_carousel h1 a:hover, .header .logo .site-title a:hover, .main-navigation a:hover, .main-navigation ul.sub-menu a:hover{
  color: #F53232;
}
.custom-social-icons i:hover{
  color: #F53232 !important;
}
.main-navigation a{
  color: #000000;
  font-weight: 600;
}
.main-navigation ul ul{
  border-color:  #F53232;
  z-index: 999999;
}
.header .book-btn a{
  background-color: #F53232;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  border-radius: 50px;
  padding: 8px 15px;
  border: none;
  letter-spacing: 0;
}
.header .book-btn a:hover, .slider .more-btn a.button:hover{
  background-color: #000000;
  color: #ffffff;
}
.date-box i:hover, .cat-box i:hover{
  color: #F53232;
}
/*Block-button css*/
.wp-block-button.is-style-outline {
  margin: 10px 0;
}
.wp-block-button.is-style-outline a{
  color: #F53232 !important;
}
.woocommerce-checkout 
/*----------------- SEARCH POPUP ----------------*/
.serach_inner label {
  width: 80% !important;
}
.serach_outer input:focus, .serach_outer button:focus, .serach_outer a:focus {
  outline-color: #fff !important;
}
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: 0.5s;
  z-index: 999999;
  top: 0;
  left: 0;
  background-color: rgb(0 0 0 / 90%);
  display: none;
}
.serach_inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.closepop {
  position: absolute;
  top: 20%;
  transform: translateY(-50%);
  width: 100%;
  right: 0;
  text-align: right;
  margin-right: 28px;
}
.serach_outer i {
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #fff;
  cursor: pointer;
}
.serach_inner form.search-form {
 display: table;
 padding: 0;
 border-radius: 0;
 border-bottom: solid 1px #fff; 
 margin: 0 auto;
 max-width: 700px;
 width: 100%;
}
.serach_inner input.search-submit, .serach_inner input.search-submit:hover{
  padding: 5px 25px;
  background: url(assets/images/search.png) no-repeat scroll 0 8px;
  font-size: 13px;
  text-align: center;
  float: right;
  text-indent: -9999px;
  border: none;
  border-radius: 0;
}
.serach_inner input.search-field::placeholder {
  color: #fff;
}
.serach_inner input.search-field {
  border: none;
  padding: 15px 10px !important;
  background-color: transparent;
  width: 100%;
  font-size: 20px;
  font-style: italic;
  color: #fff;
}
.search-box i {
  color: #000000;
  cursor: pointer;
  font-size: 15px;
}
/*css for block-cover and block-image*/
.single-post .alignfull, .single-post .alignwide{
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.single-post .alignfull img{
  width: 100%;
}
/*----------------- Slider ----------------*/
.box-slider{
  position: relative;
}
.box-slider:after{
  content: "";
  display: block;
  position: absolute;
  top: auto;
  width: 100%;
  left: 0%;
  border-bottom: 6px solid #f89797;
  bottom: 0;
  z-index: 1;
}
.slider{
  position: relative;
  z-index: 9;
}
.slider .carousel-caption {
  top: 0;
  bottom: 15%;
  text-align: left !important;
  z-index: 9999;
  left: 10% !important;
  right: 50% !important;
  background-color: #ffffff;
  padding: 35px 40px;
  transform: none;
}
.slider .carousel-caption:before{
  content: "";
  width: 50%;
  height: 150px;
  position: absolute;
  left: -50%;
  top: 0;
  background-color: #fff;
  z-index: 99;
}
.slider .inner_carousel {
  text-align: left !important;
  padding-top: 6em;
}
.slider .carousel-control-prev-icon i, .slider .carousel-control-next-icon i{
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.slider .carousel-control-prev-icon i:hover, .slider .carousel-control-next-icon i:hover{
  background-color: #F53232;
  border: 2px solid #F53232;
}
.slider .carousel-control-prev, .slider .carousel-control-next{
  bottom: 70px;
  top: auto;
  left: auto;
  right: 0%;
  width: 5%;
}
.slider .carousel-control-prev{
  margin-right: 51px; 
}
.slider .inner_carousel h1 a{
  color: #000000;
  letter-spacing: 2px;
}
.slider .inner_carousel p{
  letter-spacing: 0px;
  font-size: 14px;
  color: #000000;
}
.slider .more-btn a.button{
  background-color: #F53232;
  color: #fff !important;
  font-size: 14px;
  font-weight: normal;
  border-radius: 50px;
  padding: 12px 20px;
  border: none;
  letter-spacing: 0;
}
.slider .inner_carousel span.slider-badge{
  color: #000;
  background-color: #fa9797;
  font-size: 12px;
  padding: 5px 3px;
  letter-spacing: 5px;
}
/*----------------- Contact Box ----------------*/
.contact-box {
  position: absolute;
  max-width: 100%;
  top: auto;
  bottom: 0;
  right: 0;
  left: 50%;
  background-color: #ffffff;
  border-left: 6px solid #f89797;
  padding: 5px;
  z-index: 9;
}
.contact-box i{
  color: #fff;
  background-color: #F53232;
  border-radius: 50%;
  padding: 10px;
}
.contact-box h2{
  font-size: 14px;
  font-weight: 600;
}
.contact-box p, .contact-box p a{
  font-size: 13px;
  margin-bottom: 0px;
  color: #000000;
}
/*----------------- Social Media ----------------*/
/*.box-slider .col-lg-1.col-md-1.text-center.social-media.position-relative{
  width: 5% !important;
}
.box-slider .p-0.align-self-center.col-lg-11.col-md-12{
  width: 95% !important;
}*/
.social-media h3.custom_title{
  display: none;
}
.social-media .custom-social-icons a {
  display: -webkit-box;
  color: #000000;
}
.social-media .custom-social-icons {
  position: absolute;
  top: 50%;
/*  transform: translateY(-50%);*/
  transform: translate(-50%,-50%);
  left: 15px;
  right: auto;
  display: flex;
  flex-direction: column;
}
.social-media .custom-social-icons i {
  width: 0px;
  height: 45px;
  color: #000000;
  margin-left: 20px;
}
.social-media {
  z-index: 9;
  background-color: #fff;
}
/*----------------- Popular Menu ----------------*/
.tab {
  overflow: hidden;
  display: inline-block;
}
.tab button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 15px;
  font-family: "Nuosu SIL";
  letter-spacing: 0px;
  text-transform: uppercase;
  color: #fff;
  background-color: #838383;
  padding: 6px 20px;
  border-radius: 50px;
}
.tab button:hover,button.tablinks.active  {
  color: #fff;
  background-color: #F53232;
  padding: 6px 20px;
  border-radius: 50px;
}
#popular-menu h3{
  font-size: 32px;
}
#popular-menu .product-image img{
  border-radius: 15px;
}
#popular-menu h4, #popular-menu h4 a{
  color: #000000;
  font-size: 25px;
}
#popular-menu .product-content p.product-text{
  color: #4F4F4F;
  font-size: 14px;
}
#popular-menu p.price{
  position: relative;
}
#popular-menu p.price:before{
  content: "";
  width: 30%;
  border-bottom: 1px dotted #F53232;
  margin-right: 10px;
  padding: 6px;
  position: absolute;
  left: 0;
  right: auto;
}
span.woocommerce-Price-amount.amount{
  color: #F53232;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 1px;
}
/*----------------- BLog Page ----------------*/
a, .single-post .nav-previous a:hover, .single-post .nav-next a:hover, .related-post h2 a, .services .section-title a, .grid-services-box .section-title a, .date-box a:hover, .single-post .metabox:hover .entry-date a, .single-post .metabox:hover .entry-author a, .sidebar ul li a:hover, .sidebar li.wp-block-latest-comments__comment a, .footer h3, .footer li a:hover, .post-password-form input[type=submit]:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .entry-summary a, .entry-content a, .sidebar .textwidget p a, .textwidget p a, #comments p a, .slider .inner_carousel p a, .woocommerce-message::before, span.wp-calendar-nav-prev a, a.rsswidget.rss-widget-title{
  color: #F53232;
}
.sidebar .custom-social-icons i,.tag-cloud-link:hover, .footer .custom-social-icons i, .footer a.custom_read_more:hover, .sidebar a.custom_read_more, .footer a.custom_read_more, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .nav-previous a:hover, .nav-next a:hover, .footer .wp-block-search .wp-block-search__button, .sidebar .wp-block-search .wp-block-search__button, .pagination .current, .pagination a:hover, input[type='submit'], .woocommerce span.onsale, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .hvr-sweep-to-right:before, nav.woocommerce-MyAccount-navigation ul li, .sidebar .tagcloud a:hover, .footer .tagcloud a:hover, .footer input[type="submit"]:hover, .sidebar input[type="submit"]{
  background-color: #F53232;
}
.footer h3{
  border-bottom: 3px double #F53232;
}
.woocommerce-message{
  border-color: #F53232;
}
.footer .custom-social-icons i, .sidebar .custom-social-icons i{
  color: #fff;
}
.sidebar a.custom_read_more, .footer a.custom_read_more, .sidebar a.custom_read_more:hover, .footer a.custom_read_more:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .footer .wp-block-search .wp-block-search__button, .sidebar .wp-block-search .wp-block-search__button, input.search-submit:hover, input.search-submit, .post-password-form input[type=submit], .pagination a:hover, .footer input[type="submit"], .sidebar .tagcloud a:hover, .footer .tagcloud a:hover, .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active, nav.woocommerce-MyAccount-navigation ul li a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce span.onsale{
  color: #fff !important;
}
.sidebar h3, .sidebar .wp-block-search .wp-block-search__label, #sidebar label.wp-block-search__label, .sidebar .wp-block-heading{
  background: url(assets/images/sidebar-heading-bg.png) no-repeat;
  background-size: 100% 100%;
}
.sidebar label{
  width: 100%;
}
/*----------------- Footer ----------------*/
.copyright{
  background-color: #F53232;
  color: #fff;
}
.copyright p, .copyright a{
  color: #fff;
}
.copyright a:hover {
  color: #000;
}
.scrollup i{
  background-color: #F53232;
  color: #ffffff !important;
}
/*----------- PRELOADER ----------*/
#preloader {
  background-color: #F53232;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a, .post-categories li a{
  background:#F53232;
  color: #fff;
  border: 3px solid #F53232;
  padding:5px 10px;
  margin-right:5px;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 8px;
}  
.bradcrumbs a:hover ,.post-categories li a:hover{
  background:#000000;
  color: #fff;
}  
.bradcrumbs span{
  background:#F53232;
  color: #fff;
  border: 3px solid #F53232;
  padding:5px 10px;
  font-weight: 700;
} 
.copyright .custom-social-icons i, .copyright .custom-social-icons i:hover{
  color: #fff !important;
}
input#url{
  width: 100%;
  padding: 12px 10px;
  font-size: 18px;
  margin: 20px 0 0 0;
  border: 1px solid #bcbcbc;
}
.footer .custom-about-us a.custom_read_more, .wpcf7 form input[type="submit"], .footer .wp-block-tag-cloud a:hover, .sidebar .wp-block-tag-cloud a:hover{
  background-color: #F53232;
  color: #fff;
}
.footer .wp-block-search .wp-block-search__label{
  border-bottom: 3px double #F53232;
}
.sidebar .custom-contact-us p{
  padding: 0 !important;
}
.wc-block-grid__product-onsale,.wp-block-woocommerce-cart .wc-block-cart__submit-button,a.wc-block-components-checkout-return-to-cart-button, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button{
  background-color: #F53232 !important;
  color: #fff !important;
}
a.added_to_cart.wc-forward,.wp-block-woocommerce-cart .wc-block-components-product-badge,a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
  background-color: #F53232 !important;
  color: #fff !important;
  font-weight: 500 !important;
  margin-top: 0 !important;
}
header.woocommerce-Address-title.title a{
  background-color: #F53232;
  color: #fff !important;
  font-size: 15px;
  font-weight: bold !important;
  text-decoration: none !important;
  padding: 12px 20px !important;
  border-color: transparent !important;
}
#tag-cloud-sec .tag-cloud-link {
  font-size: 16px !important;
  color: #fff !important;
  padding: 10px;
  margin: 10px;
  display: inline-block;
  text-transform: capitalize;
  background-color: #F53232;
  color: #fff !important;
}

/*------------Responsive menu-------------*/
@media screen and (max-width:575px) {
  .contact-box{
    border-left: none;
  }
  .slider .carousel-caption{
    background-color: transparent;
    right: 10% !important;
    left: 10% !important;
    text-align: center !important;
  }
  .slider .inner_carousel{
    text-align: center !important;
  }
  .slider .carousel-control-prev{
    bottom: 35px;
    top: auto;
    left: 0;
    right: auto;
    width: auto;
  }
  .slider .carousel-control-next{
    bottom: 35px;
    top: auto;
    left: auto;
    right: 0;
    width: auto;
  }
  .slider .carousel-control-prev-icon i, .slider .carousel-control-next-icon i {
    padding: 12px;
  }
  .slider .carousel-caption:before{
    display: none;
  }
  
  .slider .inner_carousel h1 a{
    color: #fff !important;
  }
  #popular-menu .tab{
    display: block;
  }
  #popular-menu .tab button{
    /*font-size: 12px;
    padding: 5px 10px !important;*/
    display: block;
    margin: 0 auto 10px auto !important;
    float: none !important;
  }
}
@media screen and (max-width:767px) {
  .social-media .custom-social-icons a {
    display: -webkit-inline-box;
  }
  .social-media{
    border-top: 2px solid #F53232;
    margin-top: 10px;
  }
  .social-media .custom-social-icons i {
    height: 5px;
  }
  .social-media .custom-social-icons {
    position: static;
    text-align: center;
  }
  .social-media .custom-social-icons{
    transform: none;
    flex-direction: row;
    gap: 10px;
    padding: 10px;
  }
  
  .slider .inner_carousel{
    padding-top: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px){
  .slider .carousel-control-prev, .slider .carousel-control-next{
    width: 10%;
  }
  /*.social-media .custom-social-icons{
    transform: none;
  }*/
  .slider .inner_carousel{
    padding-top: 3em;
  }
  .slider .inner_carousel h1 {
    font-size: 25px;
  }
  #popular-menu p.price:before {
    width: 15%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1024px){
  .slider .inner_carousel{
    padding-top: 2em;
  }
  .slider .carousel-control-prev{
    right: 1%;
  }
  .slider .carousel-control-next{
    right: 1%;
  }
  .contact-box {
    left: 40%;
  }
}
@media screen and (max-width:1000px) {
  .toggle-nav i, .search-box i,.sidenav .closebtn{
    color: #fff !important;
    background-color: #F53232;
  }
  .toggle-nav button{
    padding: 18px 0px;
  }
  .search-box i{
    padding: 12px;
  }
  .serach_inner form.search-form{
    width: 80%;
  }
  .contact-box{
    position: static;
    padding-bottom: 10px;
  }
  /*.social-media .custom-social-icons {
    position: static;
    text-align: center;
  }*/
  .box-slider:after{
    width: 100%;
  }
  .slider .inner_carousel span.slider-badge{
    display: none;
  }
}
#sidebar label.wp-block-search__label, .sidebar .wp-block-heading, #sidebar h3, #sidebar h2{
  background: url(assets/images/sidebar-heading-bg.png)no-repeat;
  background-size: 100% 100%;
  margin: 0px 0 15px !important;
}
.wp-block-tag-cloud a:hover{
  background-color: #F53232 !important;
  color: #fff !important;
}
@media screen and (min-width:1440px) {
  .box-slider .col-lg-1.col-md-1.text-center.social-media.position-relative{
    width: 5% !important;
  }
  .box-slider .p-0.align-self-center.col-lg-11.col-md-11{
    width: 95% !important;
  }
}