/*
Theme Name: Diner Restaurant
Theme URI: https://www.vwthemes.com/products/free-restaurant-wordpress-theme
Author: VWthemes
Author URI: https://www.vwthemes.com
Description: The VW Diner Restaurant theme is a versatile and free option for various dining establishments, including cafes, bistros, pizza hubs, seafood restaurants, burger shops, and breakfast cafeterias. Crafted with a modern and elegant design, this multipurpose theme is ideal for showcasing your culinary offerings in a highly responsive, retina-ready format. Its well-organized HTML codes enhance website performance and allow for faster page loads. With personalized options for colors, typography, and logos, you can easily customize the theme to fit your brand. Built on the Bootstrap framework, it's designed to be social media ready, helping you promote the excellent food your eatery serves. This cross-browser compatible theme ensures that users can access your website through popular browsers like Firefox, Safari, Chrome, and Explorer, while its clean, secure codes guarantee smooth functionality and a mobile-friendly experience. For a closer look, check out the demo at https://www.vwthemes.net/vw-diner-restaurant/. Demo: https://www.vwthemes.net/vw-diner-restaurant/
Template: vw-restaurant-lite
Requires at least: 5.0
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.7.9
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: 20% !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: 20% !important;
    left: 20% !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: 20%;
  }
  /*.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;
  }
}