@charset "UTF-8";
/*
Theme Name: Barbecue Cafeteria
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/barbecue-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The Barbeque Cafeteria is a vibrant website template tailored for barbeque restaurants, cafeterias, and food enthusiasts, perfectly embodying barbeque culture through its warm, inviting design that features delicious grilled dishes that bring the grill's flavors to life. With a responsive and sleek layout, this theme not only looks appealing on various devices but also simplifies the process for both seasoned developers and beginners to craft a captivating online presence for their barbeque ventures. From grill masters and restaurant owners to food bloggers, this template is designed to enhance user experience with a variety of functionalities, allowing you to showcase your menu, share delectable recipes, and facilitate online reservations to encourage customer engagement. It offers an intuitive interface that ensures effortless navigation, providing visitors with an enjoyable online shopping journey. Ideal for those looking to elevate their online identity while celebrating barbeque traditions, the Barbeque Cafeteria Theme serves as the secret ingredient for creating a compelling online presence and propelling your culinary business forward.
Version: 0.5.5
Tested up to: 7.0
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;
    }
}