@charset "UTF-8";
/*
Theme Name: Digi Restaurant
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/free-digi-restaurant-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: Digi Restaurant is an incredible theme designed to help you effortlessly create a modern website without needing to write any code. This versatile theme is perfect for any food-related business website, whether you run a coffee shop, cafe, pastry shop, pizza place, hotel, restaurant, fast food joint, or bakery, allowing you to take online orders and table reservations free of charge, or simply showcase your offerings. With its elegant and sophisticated design paired with a responsive layout, the theme is also SEO-friendly, helping your website rank higher on search engines like Google. You can enhance your site's functionality with shortcodes, and its professional appearance is complemented by translation readiness and RTL support. Optimized for speed, Digi Restaurant ensures fast page load times, and its seamless performance is backed by clean and secure coding based on the Bootstrap framework. Whether viewed on desktops, mobiles, or tablets, the theme provides ample customization options. Additionally, with integrated social media features, you can easily link all your social pages. The testimonial section allows customers to share their feedback on your services and food items, enhancing your online reputation. 
Version: 0.8.4
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: digi-restaurant
Tags: custom-logo, one-column, two-columns, wide-blocks, custom-background, custom-colors, custom-header, custom-menu, block-styles, sticky-post, footer-widgets, editor-style, featured-images, full-width-template, threaded-comments, theme-options, rtl-language-support, left-sidebar, right-sidebar, grid-layout, blog, e-commerce, food-and-drink

Digi Restaurant WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2021.
Digi Restaurant WordPress Theme is released under the terms of GNU GPL
*/


h1,h2,h3,h4,h5,h6,.main-navigation .menu{
    font-family: 'Berkshire Swash', cursive;
}
a{
    text-decoration: none !important;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained{
    color: #fff;
    border:0px;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-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,.sidebar input[type="submit"],
.sidebar button[type="submit"],
#button,
.sticky .entry-title::before,
.comment-respond input#submit,
.main-navigation .menu > li > a:hover,
.main-navigation .sub-menu,
.btn-primary,
.sidebar .tagcloud a:hover,
.woocommerce ul.products li.product .onsale, .woocommerce span.onsale,
.woocommerce .woocommerce-ordering select,
.pro-button 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-account .woocommerce-MyAccount-navigation ul li,
.reservation-btn a,
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover,
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover,
.toggle-nav button, .load hr {
    background: #d26e2b;
}
.sidebar li{
    padding: 10px 15px;
}
h2.wp-block-heading {
    padding: 10px;
}
h2.woocommerce-loop-product__title,p.price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.sidebar p a,
.entry-content a,
.entry-summary a,
.comment-content a,
.navbar-brand p,
#colophon a:hover,
#colophon a:focus,
.sidebar a:hover,
.woocommerce-message::before,
.woocommerce-info::before,
.top-info i,
.widget a:hover,
.widget a:focus{
    color: #d26e2b;
}
button.single_add_to_cart_button.button.alt {
    padding: 11px;
}

.woocommerce-message, .woocommerce-info,
.wp-block-quote, .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-pullquote,
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover,
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover{
    border-color: #d26e2b !important;
}
.article-box a:hover, .entry-meta a:hover, .navbar-brand a:hover, .article-box h3 a, span.cat-links a{
    color: #d26e2b !important;
}
.article-box h3 a:hover, span.cat-links a:hover{
    color: #0f1114;
}
.socialmedia {
    background: #feece1;
}
.top-info p,.social-link a {
    color: #272323;
}
.top-info p a{
    color: #272323;
}
.top-info p a:hover{
    color: #d26e2b;
}
.social-link a:hover{
    color: #d26e2b;
}
.main-navigation .menu > li {
    font-size: 15px;
    letter-spacing: 0;
}
.navbar-brand a {
    color: #fff !important;
}
.navbar-brand p {
    line-height: normal;
}
.main-navigation .menu > li > a:hover, #site-navigation .menu ul li a:hover{
    color: #fff;
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
    background: #1b212f;
    color: #fff !important;
}
#site-navigation .menu ul li a{
    font-size: 15px;
    letter-spacing: 0;
}
#site-navigation .menu ul li a:hover{
    color: #d26e2b;
}
#top-section {
    background: #191b23;
    text-align: center;
    position: relative;
}
#top-section img {
    width: 100%;
    border-bottom: 5px solid #000;
    object-fit: cover;
    height: 400px;
}
.top-inner p,.top-inner a {
    color: #fff;
}
.top-inner h2 {
    font-size: 50px;
    color: #d26e2b;
}
.top-inner p{
    font-family: 'Lora', serif;
    font-size: 15px;
}
.top-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10%;
    right: 10%;
}
.top-inner-btn a {
    border: solid 1px #7c7d82;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    border-radius: 6px;
}
.top-inner-btn a:hover {
    background: #d26e2b;
    color: #fff;
    border: none;
}
.top-info {
    padding: 10px 0 0 0;
}
.stick_header{
  position:fixed;
  width: 100%;
}
header#masthead.stick_header .head-menu {
    background: #000 !important;
}
header#masthead.stick_header .socialmedia{
  display: none;
}

#welcome-section {
    position: relative;
    background: #feece1;
}
.welcome-box {
    background: #fff;
    padding: 5px 30px 5px 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -10%;
    z-index: 999;
}
.welcome-box h2 {
    font-size: 40px;
    color: #d26e2b;
}
.welcome-box h3 {
    font-family: 'Lora', serif;
    font-size: 18px;
    color: #272323;
}
.welcome-box h3 a{
    color: #272323;
}
.welcome-box p {
    color: #89898a;
    font-size: 15px;
}

.article-box,.sidebar section {
    background: #fff;
}
.article-box h3.entry-title {
    font-size: 25px;
}
h3.entry-title a:hover {
    color: #d26e2b !important;
}

h2.woocommerce-loop-product__title {
    font-size: 18px !important;
}
.dot {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  margin: 6px;
  animation: loading 2s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.loading {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999;
}
@keyframes loading {
  0%,
  100% {
    transform: translatey(-2.5rem);
    background-color: #fff;
  }
  50% {
    transform: translatey(2.5rem);
    background-color: #d26e2b;
  }
}

a.added_to_cart.wc-forward {
    padding: 4px 30px 4px 30px;
    background: #d26e2b;
    margin: 0 auto;
    margin-top: 13px;
}
.page-content .btn-primary {
  background-color: #d26e2b;
}
.sidebar section {
    padding: 10px;
}
.sidebar h2.wp-block-heading {
    color: #fff;
    background: #0f1114;
}
@media screen and (min-width: 320px) and (max-width: 720px){
    .welcome-box,.top-inner {
        position: static;
        transform: none;
    }
    .navbar-brand{
        text-align: left;
    }
    .page-template-custom-front-page .head-menu {
        background: #191b23;
    }
    .main-navigation .sub-menu{
        background: transparent !important;
    }
    .footer-menu-left {
        text-align: center;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px){
    .top-inner p {
        display: none;
    }
    .page-template-custom-front-page .head-menu {
        background: #191b23;
        position: static;
    }
    .top-inner h2 {
        font-size: 30px;
    }
    .main-navigation .sub-menu{
        background: transparent !important;
    }
    .welcome-box p{
        font-size: 11px;
    }
    .welcome-box h2{
        font-size: 25px;
    }
    .welcome-box{
        padding: 10px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1199px){
    .page-template-custom-front-page .head-menu {
        background: #191b23;
        position: static;
    }
    #welcome-section {
        margin: 24px 0px 24px 0px;
    }
}
@media screen and (max-width: 1000px){
    .sidenav .closebtn{
        background: #d26e2b;
    }
    .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: #d26e2b !important;
    }
    .toggle-nav i{
        background: transparent;
    }
    .toggle-nav{
        text-align: right;
    }
}