@charset "UTF-8";
/*
Theme Name: Barbecue Cafeteria
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/free-cafeteria-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: Barbeque Cafeteria is a dynamic website template designed for barbeque restaurants, cafeterias, and culinary enthusiasts. It captures the essence of barbeque culture with its warm and inviting design, featuring succulent grilled dishes that instantly set the mood and evoke the flavors of the grill. This theme is all about sizzling flavors, smoky aromas, and savory delights. With a clean and responsive design, the theme ensures that your website appears enticing and functions flawlessly on various devices. It offers a host of benefits, making it easy for both technical experts and novices to create a visually appealing and functional online environment for their barbeque businesses. Whether you’re a grill master, restaurant owner, or food blogger, food this theme caters to everyone. The Barbeque Cafeteria Theme enhances the user experience with a range of features and functionalities. It allows you to showcase your menu, share mouthwatering recipes, and enable online reservations, driving customer interaction. Its user-friendly interface ensures that visitors can navigate your website with ease, creating a delightful online journey. This theme is all about igniting your online presence with the flavors and traditions of barbeque. Whether you’re grilling up a storm or sharing your culinary passion, the Barbeque Cafeteria Theme is the secret sauce to create an enticing and sizzling online presence, making it a powerful tool for showcasing your dishes and driving your barbeque business to new heights.
Version: 0.5.3
Tested up to: 6.9
Requires PHP: 7.2
Requires at least: 5.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: restaurant-zone
Text Domain: barbecue-cafeteria
Tags: custom-logo, one-column, two-columns, wide-blocks, block-styles, editor-style, sticky-post, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, threaded-comments, theme-options, rtl-language-support, left-sidebar, right-sidebar, grid-layout, photography, e-commerce, food-and-drink

Barbecue Cafeteria WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2023.
Barbecue Cafeteria WordPress Theme is released under the terms of GNU GPL
*/

:root {
  --first-color: #911d1d;
}  
h1,h2,h3,h4,h5,h6{
    font-family: "Cookie";
}
body{
    font-family: "Lato";
    background: #f2dec5;
}
a.added_to_cart.wc-forward{
    margin:0 auto;
    margin-top: 10px;
}
p{
    font-family: "Lato";
}
.article-box a:hover, .top-info p a:hover, .social-link a:hover{
    color: #000;
}
.navbar-brand a:hover{
    color: var(--first-color);
}
.sidebar p a, .entry-content a, .entry-summary a, .comment-content a,.widget a:hover, .widget a:focus,a, .sidebar ul li a:hover, #colophon a:hover, #colophon a:focus, p.price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-message::before, .woocommerce-info::before, .slider-inner-box a h2,.slider-inner-box h2,.main-navigation .menu > li > a:hover{
    color: var(--first-color);
}
.sidebar h2.wp-block-heading {
    font-size: 30px;
    color: #fff;
    background: var(--first-color);
    padding: 15px 10px;
    letter-spacing: 1px;
    margin-bottom: 0;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained{
    color: #ffffff;
    border:0px;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,.sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading,.slide-btn a:hover,.toggle-nav button,.woocommerce a.added_to_cart,.sidebar .tagcloud a:hover,.sidebar input[type="submit"], .sidebar button[type="submit"],.serach_inner,.sticky .entry-title::before, #button, .sidebar input[type="submit"], .comment-respond input#submit, .post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover, .woocommerce .woocommerce-ordering select, .woocommerce ul.products li.product .onsale, .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, .wp-block-button__link, .woocommerce-account .woocommerce-MyAccount-navigation ul li, .sidebar h5, .toggle-nav i, span.onsale, .serach_inner [type="submit"],span.cart-value, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover {
    background: var(--first-color);
}
.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover{
    border-color: var(--first-color);
}
.reservation-btn a{
    background:#7b1919;
}
.top-info i{
    color: #ffffff;
}
.socialmedia{
    background: var(--first-color);
}
#mySidenav {
    justify-content: flex-start;
}
.sidebar .tagcloud a,.sidebar section,.sidebar tr,.sidebar th, #theme-sidebar td,.sidebar table#wp-calendar,.article-box{
    border-color: #ffffff;
}
.slide-btn a:hover{
    border-color: var(--first-color);
}
#site-navigation .menu ul li a:hover {
    color: var(--first-color);
}
.main-navigation .menu > li > a:hover{
    background: var(--first-color);
    color: #fff !important;
}
.main-navigation .menu .sub-menu li.current-menu-item a:hover{
    color: #ffffff !important;
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
    background: var(--first-color);
    color: #fff !important;
}
.slider-inner-box h2{
    font-family: "Cookie";
    color: #fffaec;
}
.slider-inner-box p {
    color: #fff;
    font-family: "Lora";
}
.slider-inner-box {
    top: 60%;
}
.serv-box h4 a{
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 30px;
    color: #000000;
    font-weight: 400;
    font-style: italic;
}
.serv-box h4:after {
    top: 18px;
    width: 16%;
}
.serv-box h4 {
    width: 50%;
}
.product-image img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}
p.cart-btn a{
    font-size: 15px;
    line-height: 22px;
    color: #000000;
    font-weight: 500;
    letter-spacing: 0;
    font-family: "Lora";
}
.serv-box span.price {
    position: absolute;
    right: 10px;
    top: 6px;
    color: var(--first-color);
}
#items-section h3 {
    color: var(--first-color);
    position: relative;
}
#items-section h3::after{
  content: '';
  background: url(assets/img/heading-icon.png) no-repeat;
  z-index: 9999;
  position: absolute;
  margin: 30px auto;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  background-position: center;
}
.serv-box a:hover {
    color: var(--first-color);
}
.product-content p {
    font-size: 15px;
    line-height: 20px;
    color: #888888;
    font-weight: 400;
    font-family: "Lato";
}
.slider-box {
    background: #000;
}
.slider-post::-webkit-scrollbar {
    width: 5px;
}
.slider-post::-webkit-scrollbar-thumb {
    background-color: var(--first-color);
    border-radius: 10px;
}
.slider-post {
    overflow-y: auto;
    overflow-x: hidden;
    height: 500px;
}
#top-slider .slide-bg{
    background-color: #000;
    height: 600px;
}
#top-slider img {
    opacity: 0.5;
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.woocommerce-message, .woocommerce-info {
    border-top-color: var(--first-color);
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button {
    background: var(--first-color);
    color: #fff;
    padding: 10px;
    text-decoration: none;
}
.serach_inner button {
    background: #000 !important;
}
.footer-column {
    border-bottom: 1px solid #fff;
}
#colophon {
    background: #000;
}
.slider-inner-box h2{
    text-transform: none;
}
.slider-inner-box h2 a{
    font-size: 50px;
    color: #ffffff;
    font-weight: 700;
}
.page-template-custom-front-page .head-menu {
    background: rgb(0 0 0);
}
.wp-block-quote, .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-pullquote{
    border-color: var(--first-color) !important;
}
.page-template-page-template .main_header{
    background: transparent;
}
.slide-btn a {
    padding: 15px 25px;
    border-radius: 5px;
}
#latest-product .owl-nav,#latest-product .owl-dots{
    display: none;
}
#latest-product h3 {
    font-size: 35px;
    font-size: 30px;
    color: #1b1b1b;
    font-weight: 700;
}
.product-image {
    position: relative;
}
.product-content {
    position: relative;
}
.product-box h5.price {
    color: #fff !important;
    font-size: 16px;
}
h5.price {
    position: absolute;
    background: var(--first-color);
    top: -55px;
    right: 0px;
    padding: 18px 12px;
    border-radius: 40px;
    left: 0px;
    margin: 0 auto;
    width: 75px;
    height: 75px;
}
.sidebar section{
    padding: 10px;
}
.wp-block-button__link{
    background: var(--first-color) !important;
}
.wp-block-button.is-style-squared a.wp-block-button__link {
    border-radius: 0px;
}
.wp-block-button.is-style-outline a.wp-block-button__link{
    background-color: transparent !important;
    color: var(--first-color) !important;
    margin: 10px 0px; 
}

#mySidenav {
    justify-content: flex-end;
}
.page-content .btn-primary {
  background-color: var(--first-color);
}
@media screen and (max-width: 575px) {
    #top-slider img{
        height: 300px;
    }
    .slide-btn{
        margin-top: 30px;
    }
    .slide-box{
        padding-right: 0px !important;
    }
    .slider-inner-box h2 a {
        font-size: 30px;
    }
}
@media screen and (max-width: 767px) {
    #top-slider {
        height: 100%;
    }
    .slider-inner-box {
        right: 10%;
        left: 10%;
        top: 50%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px){
    .slider-inner-box {
        top: 50%;
    }
}
@media screen and (max-width: 1000px) {
    .main-navigation .menu > li > a{
        color: #ffffff;
    }
    .sidenav .closebtn{
        background: var(--first-color);
    }
    .main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus, .main-navigation .menu > li > a:hover {
        background: transparent;
        color: var(--first-color) !important;
    }
    body.admin-bar #mySidenav {
        margin-top: 46px;
    }
}
@media screen and (max-width: 1200px) {
    .serv-box h4:after{
        display: none;
    }
}
