/*
Theme Name: Unique Restaurant
Theme URI: https://www.mizanthemes.com/products/free-restaurant-wordpress-theme/
Author: mizanthemes
Author URI: https://www.mizanthemes.com/
Description: Unique Restaurant is a vibrant and dynamic theme designed with the Elementor drag and drop builder, offering users the ability to craft visually stunning websites with ease. Its rich features cater to a wide range of businesses within the restaurant and food and drink industries, making it an ideal choice for those looking to establish a professional online presence. It is a perfect choice for building website for catering, food service, hospitality, culinary, dining, bistro, cafe, gourmet, eatery, food truck, bakery, bar, food blog or food court. Key features of the Unique Restaurant theme include customizable design, boasting a collection of bright and eye-catching colors that can be fully customized to align with the branding and style preferences of any restaurant or food-related business. With the Elementor drag and drop builder, users can effortlessly create custom layouts and designs without the need for coding knowledge. This intuitive interface allows for seamless customization and flexibility in crafting unique website layouts. Unique Restaurant offers a comprehensive set of features tailored specifically for restaurant and food and drink businesses. These features may include menu integration, online ordering capabilities, reservation systems, photo galleries, and more, providing users with the tools they need to showcase their offerings and engage with customers effectively. The theme supports the integration of custom logos, enabling businesses to prominently display their brand identity across the website for increased recognition and professionalism. Built with a responsive design, Unique Restaurant ensures that the website looks and functions flawlessly across various devices and screen sizes. In summary, Unique Restaurant is a feature-rich theme that combines vibrant design elements with powerful functionality, making it an excellent choice for restaurants, cafes, bars, and other food and drink businesses looking to establish a professional and engaging online presence.
Version: 2.0.8
Requires at least: 5.6
Tested up to: 6.7
Requires PHP: 7.2
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: unique-restaurant
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-menu, custom-header, featured-images, sticky-post, full-width-template, rtl-language-support, translation-ready, theme-options, threaded-comments, footer-widgets, custom-logo, education, blog
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Asides
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
:root {
    --primary-color: #e81c19;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
    font-family: 'Nunito Sans', sans-serif !important;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background-color: transparent;
    text-decoration: none!important;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #001837;
}
small {
    font-size: 80%;
}
sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code,kbd,pre,samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,th {
    padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
button,input,select,textarea {
    color: #222;
    font-size: 14px;
    line-height: 1.5;
}
body {
    font-size: 14px;
    line-height: 1.5;
    color: #727272;
}
h1, h2, h3, h4, h5, h6 {
    color: #222222;
    font-weight: 400;
     margin: 0 0 15px 0;
    font-family: 'Crimson Text', sans-serif !important;
}
h1 {
    font-size: 30px;
}
h2 {
    font-size: 22px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 14px;
}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6 {
    clear: both;
}
p {
    color: #727272;
}
dfn,cite,em,i {
    font-style: italic;
}
blockquote {
    margin: 0 1.5em;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code,kbd,tt,var {
    font-size: 15px;
    font-size: 0.9375rem;
}
abbr,acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
/*mark,ins {
    background: #fff9c0;
    text-decoration: none;
}*/
big {
    font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}
*,
*::before,
*::after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}
body {
    background-color: #fff; /* Fallback for when there is no custom background color defined. */
}
blockquote::before,
blockquote::after,
q::before,
q::after {
    content: "";
}
blockquote,q {
    quotes: "" "";
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}
ul,ol {
    margin: 0 0 1.5em 3em;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
ul, ol {
    margin: 0 0 0.5em 1em;
    padding: 0;
}
.entry-content ul,.entry-content ol {
    margin-left: 0;
    list-style: none;
}
li.woocommerce-MyAccount-navigation-link {
    background: var(--primary-color);
    padding: 10px;
    border-radius: 15px;
    margin: 10px;
    text-align: center;
    font-weight: 600;
}
li.woocommerce-MyAccount-navigation-link a{
    color: #fff !important;
    text-decoration: none!important;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
img {
    height: auto;
    max-width: 100%;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
td, th {
    border: 1px solid #ddd;
    padding: 5px;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, a.button, input[type="button"], input[type="reset"] ,.wc-block-cart__submit-container{
    background: var(--primary-color) none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    padding: 10px 20px;
    border-radius: 10px !important;
}
.wc-block-cart__submit-container a span{
    color: #ffffff !important;
}
button:hover,a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover ,.wc-block-cart__submit-container:hover{
    border-color: transparent;
    background-color: #121212;
    color: #fff;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
    color: #fff;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="date"],
textarea,
select {
    color: #666;
    border: 1px solid #ddd;
    background-color: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
    outline:none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="date"]{
    padding: 6px 0 6px 9px;
}
select {
    width: 100%;
    padding: 5px;
}
textarea {
    padding: 10px;
    width: 100%;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    text-decoration: inherit;
}
a:visited {
    color: var(--primary-color);
}
a:hover,a:active {
    color: var(--primary-color);
}
a:focus ,.account a:focus {
    outline: 1px dotted;
}
a:hover,a:active {
    outline: 0;
}
/*comment and post navigation*/
a.comment-reply-link {
    text-transform: uppercase;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
    clear: both;
}
#infinite-handle {
    margin-bottom: 20px;
    height: auto;
    overflow: hidden;
}
#infinite-handle span:hover {
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color: #fff;
}
#infinite-handle span {
    border: 1px solid #001837;
    padding: 5px 15px;
    width: auto;
    line-height: 1.5;
    color: #001837;
    display: block;
}
.post-title {
    font-size: 17px;
    margin-top: 15px;
}
.meta-nav {
    background: var(--primary-color) none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    margin-right: 15px;
    padding: 7px 10px;
    text-align: center;
    width: 115px;
}
.post-navigation a {
    color: #1a1a1a;
    display: block;
}
.post-navigation a:hover {
    color: var(--primary-color);
}
.post-navigation .nav-previous, .post-navigation .nav-next {
    border-bottom: 4px solid var(--primary-color);
}
.post-navigation .nav-previous a, .post-navigation .nav-next a {
    padding-left: 30px;
}
/** pagination **/
.navigation,
.pagination {
    margin-top: 15px;
}
.nav-links {
    border-top: medium none;
    margin-bottom: 20px;
    padding: 20px 0;
    overflow: hidden;
}
.navigation.pagination .nav-links .page-numbers {
    padding: 10px 15px;
    text-align: center;
}
.page-numbers.dots {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.navigation .nav-links .page-numbers.current,
.navigation .nav-links a:hover {
    background: #222 none repeat scroll 0 0;
    border-color: #2195af;
    color: #ffffff;
}
.navigation .nav-links a {
    background: var(--primary-color);
    border:none;
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    padding: 5px 20px;
}
.navigation .nav-links .nav-next,
.navigation .nav-links .nav-next {
    float: right;
}
.navigation .nav-links .nav-previous,
.navigation .nav-links .nav-previous {
    float: left;
    margin-bottom: 30px;
}
.navigation .nav-links .nav-links a:hover,
.navigation .nav-links .nav-links a:hover {
    background: #00132c;
}
.post-navigation .nav-links a,
.post-navigation .nav-links a:hover {
    background: #ffffff none repeat scroll 0 0;
    color: #001837;
    padding: 0;
}
.post-navigation .nav-links > div {
    width:100%;
}
#mobile-trigger,
#mob-menu {
    display: none;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
/*-------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}
figure.alignright {
    margin-right: 0;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}
.alignnone {
    clear: both;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    margin-top: 15px;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear-fix::before,
.clear-fix::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after,
#featured-slider::after,
#featured-slider::before,
.widget::after,
.widget::before {
    content: "";
    display: table;
}
.clear-fix::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after,
.widget::after,
.widget::before {
    clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 30px 0 0;
}
.widget:first-child {
    margin: 0;
}
.widget select {
    max-width: 100%;
}
.sidebar form.search-form{
    position: relative;
}
.sidebar .search-form .search-submit {
    width: 68px;
    top: 0px;
    height: 47px;
    background: var(--primary-color);
    display: block;
    border: 0px;
    color: #fff;
    right: 0px;
    position: absolute;
}
.sidebar .search-form .search-submit:hover{
    background: #000;
    color: #ffffff;
}
.sidebar form input.search-field {
    margin-right: 0px;
    border: 1px solid #dddddd;
    height: 15px;
     margin-right: 0px; 
    margin-top: 0px;
    bottom: -98px;
    padding: 15px 15px 15px;
    width: 100%;
    z-index: 9999;
    right: 0;
}
.custom-logo-link img{
    max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#primary article.hentry {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 2px #cfcfcf;
    padding: 15px 15px;
    position: relative;
    margin: 50px 0px;
    border-radius: 12px;
}
#primary article.hentry:hover{
    box-shadow: 0 0 20px #cfcfcf;
}
#primary article.hentry:nth-child(1){
    margin-top: 0px;
}
.page-header .page-title {
    margin: 0;
}
.search-page .page-header {
    box-shadow: none;
    padding: 0px;
}
.page-header {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 2px #cfcfcf;
    margin-bottom: 20px;
    padding: 5px 30px;
}
#footer-widgets ul li a {
    word-wrap: break-word;
    padding-left: 10px;
}
.footer-widget-area article {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0px !important;
}
footer.entry-footer {
    margin-bottom: 25px;
}
.entry-footer > span {
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
    text-align: center;
}
.entry-footer > span:last-child{
    border-right: none;
}

.cat-links > a {
    margin-left: 5px;
}

.cat-links > a:first-child {
    margin-left: 0;
}
.sticky {
    display: block;
}
#primary article.sticky.hentry {
    background: #ffdedd;
}
.hentry {
    margin: 0 0 30px;
}
.hentry:first-child {
    margin:0;
}
.byline,
.updated:not(.published) {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: inline-block;
}
.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}
.entry-footer{
    background: #f9f8f8;
    padding: 5px;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
.entry-footer > span a {
    color: #000;
    font-size: 16px;
}
.entry-footer a:hover {
    color: var(--primary-color);
}
.page-content,
.entry-content,
.entry-summary {
    margin: 15px 0 0;
}
.home .entry-content-wrapper .entry-content {
    margin: 0;
}
.entry-footer > span::before {
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right: 8px;
    content: "";
    color: var(--primary-color);
}
.entry-meta .byline .author.vcard {
    margin-left: -4px;
}
span.comments-link::before {
    content: "\f0e6";
    color: var(--primary-color);
}
.entry-footer > .cat-links::before {
    content: "\f115";
    color: var(--primary-color);
}
.entry-footer > .byline::before {
    content: "\f007";
    color: var(--primary-color);
}
.entry-footer .edit-link::before{
    content: "\f044";
    color: var(--primary-color);
}
.entry-footer .tags-links::before{
    content: "\f02c";
}
.entry-footer > .posted-on::before {
    content: "\f017";
    color: var(--primary-color);
}
.text-content{
    clear: both;
}
.text-content p{
    font-size: 18px;
    line-height: 35px;
    color: #000;
}
.post-button{
    bottom: -10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.post-button a{
    padding: 8px 25px;
    z-index: 3;
    background: var(--primary-color) none repeat scroll 0 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.post-button a:hover{
    color: #121221;
}

/*single post CSS*/
.entry-content p{
    font-size: 18px;
}
.custom-entry-date {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}
.custom-entry-date span.entry-month {
    background: var(--primary-color) none repeat scroll 0 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 12px;
    padding: 8px 22px;
    text-transform: uppercase;
    width: 73px;
}
.custom-entry-date span.entry-day {
    font-size: 30px;
    font-weight: bold;
    line-height: 26px;
    overflow: hidden;
    padding: 7px 0 10px;
    background: var(--primary-color);
    font-weight: bold;
    color: #fff;
    overflow: hidden;
    width: 73px;
}
.custom-entry-date > span {
    display: block;
    text-align: center;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
#respond {
    clear: both;
    display: block;
    float: left;
}
.single-post #respond{
    float: none;
}
#comments {
    margin-top: 30px;
}
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.comment-notes {
    position: relative;
}
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.comment-form {
    margin: 0 -15px;
}
.comments-area form#commentform p.logged-in-as,
.comments-area form#commentform p {
    padding: 0 15px;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
    width: 100%;
}
#tab-reviews .comment-form-author,
#tab-reviews .comment-form-email,
#tab-reviews .comment-form-url {
    width: 50%;
}
.comments-area form#commentform p.logged-in-as {
    padding: 0 15px;
    width: 100%;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
    width: 33.33%;
    float: left;
}
.comment-list li.comment::after {
    content: inherit;
    display: none;
}
.comment-list li {
    padding-left: 0;
}
.comment {
    display: block;
    float: left;
    width: 100%;
}
ol.comment-list {
    border-radius: 5px;
    float: left;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    overflow: inherit;
    padding: 0;
    width: 100%;
}
ol.comment-list .children {
    border: medium none;
    float: left;
    margin: 15px 0 15px 15px;
    width: 98%;
}
ol.comment-list li {
    list-style: outside none none;
    margin-bottom: 15px;
}
.comment .comment-body {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0;
    clear: both;
    display: block;
    float: left;
    margin-top: 5px;
    padding: 20px;
    position: relative;
    text-align: left;
    width: 100%;
}
.comment-author.vcard {
    font-size: 20px;
    margin-bottom: 5px;
}
.comment-list .children {
    background-position: left 20px;
    background-repeat: no-repeat;
    border-left: 1px solid rgb(238, 238, 238);
    margin-left: 0;
    padding-left: 40px;
}
.comment-list li.comment > div img.avatar {
    left: 29px;
    position: absolute;
    top: 29px;
}
#comment-form-title {
    font-size: 24px;
    padding-bottom: 10px;
}
.vcard .avatar {
    float: left;
    margin: 7px 15px 15px 0;
}
.comment-metadata {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
}
.comment-metadata > a {
     color: #49616b;
     margin-right: 30px;
}
.comment-metadata::before {
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    content: "\f017";
}
.form-allowed-tags code {
    white-space: inherit;
    word-wrap: break-word;
}
.comment-respond label {
    display: block;
    font-weight: normal;
}
.comments-title {
    font-weight: normal;
    margin: 25px 0 0;
}
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.comment-content {
    clear: both;
    display: block;
}
.authorbox .author-info,
.authorbox .author-bio-posts-content {
    float: left;
    max-width: 90%;
    width: 90%;
}
.author-info h4 {
    margin-bottom: 0;
}
#commentform label {
    display: inline;
    position: relative;
}
#commentform input[type="checkbox"],
#commentform input[type="radio"] {
    margin-right: 10px;
}
#commentform  p.form-submit {
    margin-top: 30px;
}
#commentform  span.required {
    color: #f0632b;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.wp-caption-text {
    text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
    margin-right: -5px;
    margin-left: -5px;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin: 0;
    padding: 5px;
}
.gallery-item img {
    vertical-align: middle;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
    padding: 5px;
}
/*--------------------------------------------------------------
# Custom 
--------------------------------------------------------------*/
#page {
    position: relative;
    margin: 0 auto;
}
.site-layout-boxed #page {
    max-width: 1230px;
    margin-top: 30px;
    box-shadow: 0 2px 2px;
    margin-bottom: 30px;
}
.site-layout-boxed #page .top-news-title {
    margin-left: -16px;
    padding-left: 15px;
}
.container {
    margin: 0 auto;
    width: 1230px;
}
.inner-wrapper {
    margin-left: -12px;
    margin-right: -12px;
}
.page-template-home-page-template .inner-wrapper{
    margin-left: auto;
    margin-right: auto;
}
.custom-button {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}
.custom-button {
    border: 2px solid var(--primary-color);
    display: inline-block;
    font-size: 15px;
    margin: 10px;
    padding: 8px 25px;
}
.custom-button:hover {
    background: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color);
}
/*buttons*/
a.more {
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    padding: 5px 25px 8px;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}
a.more::after {
    content: "\f105";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 17px;
    margin-left: 9px;
}
a.more:hover {
    color: #343434;
    background-color: #fff;
    border-color: #fff;
}
a.button {
    border: 2px solid #ffffff;
    color: #ffffff;
    padding: 9px 25px;
    transition: all 0.2s ease 0s;
    display: inline-block;
    text-transform: uppercase;
}
a.button:hover {
    color:#6081a7;
}
a.button::after {
    content: "\f101";
    font-family: fontawesome;
    margin-left: 5px;
}
a.read-more {
    margin-left: 10px;
    color: var(--primary-color);
}

/*--------------------------------------------------------------
##  Preloader css
--------------------------------------------------------------*/
.loader-head {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
}
.preloader {
    position: fixed;
    height: 10%;
    width: 10%;
    top: 40%;
    left: 0px;
    margin: 0px auto;
    right: 0px;
}
.spinner{
    width: 120px;
    height: 120px;
    margin: 0;
    border-top: 10px solid #ff3f34;
    box-shadow: 4px 4px 5px #d2d2d2 inset;
    border-right: 10px solid transparent;
    border-radius: 50%;
    animation: 1.5s spin linear infinite;
}
.spinner-2{
    width: 120px;
    height: 120px;
    margin: 0;
    border-top: 10px solid #0fbcf9;
    border-left: 10px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
    animation: 1.2s spin-2 linear infinite;
}
@keyframes spin{
    from{ transform: rotate(0deg); }
    to{ transform: rotate(360deg); }
}
@keyframes spin-2{
    from{ transform: rotate(360deg); }
    to{ transform: rotate(0deg); }
}

/*--------------------------------------------------------------
##  Topbar css
--------------------------------------------------------------*/
#header{
    background: var(--primary-color);
}
.unique_restaurant_widget_social ul{
  padding-left: 0 !important;
}
.icon-title{
    color: #fff;
    font-size: 18px;
}
#header span,#header span a {
    color: #fff;
}
#header span a:hover{
    color: #000;
}
h2.entry-title a{
    color: var(--primary-color);
    word-wrap: break-word;
}
 
.entry-content .wp-block-button:not(.is-style-outline) .wp-block-button__link {
    border: 0;
    color: #fff!important;
}
p.wp-block-cover-text a {
    color: #fff!important;
}
/*--------------------------------------------------------------
##  Header Style 
--------------------------------------------------------------*/
#middle-header {
    box-shadow: 0px 15px 10px -15px #111; 
}
#middle-header.sticky {
    position: fixed !important;
    width: 100%;
    background: #ffdedd;
    z-index: 99999;
    top: 0px;
}
.admin-bar #middle-header.sticky{
    top: 32px;
}
.site-description {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}
#header-social .unique_restaurant_widget_social ul li a::before {
    line-height: 1.5;
    font-size: 16px;
}
#header-social .unique_restaurant_widget_social li a {
    height: 25px;
    background: inherit;
    width: 20px;
}
#header-social .unique_restaurant_widget_social ul li a::before {
    color: #000;
    text-shadow: inherit;
    font-size: 14px;
    font-weight: 300;
}
.header-search-box {
    float: right;
    position: relative;
}
.header-search-box > a {
    color: #fff;
    line-height: 1.5;
    display: block;
    border-radius: 100%;
    text-align: end;
}
.search-form input.search-field {
    border: 1px solid #dddddd;
    height: 15px;
    margin-right: 10px;
    margin-top: 8px;
    bottom: -98px;
    padding: 15px 15px 15px;
    width: 280px;
    z-index: 9999;
    right: 0;
}
.search-form .search-submit {
    font: 14px/1.3 FontAwesome;
    height: 37px;
    display: none;
}
.search-form .search-submit:hover,
.search-form .search-submit:focus {
    color: var(--primary-color);
    background: none;
}

/* Anchor tag undeline */
.comment .comment-body a, .rsswidget, .woocommerce-account .woocommerce-MyAccount-content a,.woocommerce-privacy-policy-text a ,.woocommerce-info a, .entry-content a,.text-content a{
    color: var(--primary-color) !important;
    text-decoration: underline !important;
}

/*middle header css*/
.site-header.fixed {
    background-color: var(--primary-color);
    box-shadow: 0 0 3px #aaaaaa;
    left: 0;
    padding: 0 0;
    position: fixed;
    top: 0;
    z-index: 9999;
}
.site-header.fixed .site-branding {
    display: none;
}
.slider-enabled .site-header {
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
    z-index: 99999;
}
.site-header.fixed #main-nav {
    background: var(--primary-color) none repeat scroll 0 0;
    margin: 0;
}
.site-header.fixed #main-nav a {
    color: #ffffff;
}
.site-branding img {
    margin-top:5px;
    vertical-align: middle;
}
.site-title > a {
    color: #000;
    font-size: 25px;
}
.site-header.fixed .site-description {
    display: none;
}
#masthead {
    clear: both;
    top: 0;
    width: 100%;
    z-index: 99999;
}
#site-logo {
    max-width: 300px;
}
.site-title {
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 500;
    font-family: 'Tahoma', Geneva, sans-serif;
}
.site-info a {
    color: #fff;
}
.woocommerce a.remove:hover{
    background: var(--primary-color) none repeat scroll 0 0 !important;
}

/*--------------------------------------------------------------
## Menu Style 
--------------------------------------------------------------*/

.admin-bar .fixed{
    margin-top: 32px;
}
#gb_responsive{
    justify-content: flex-start;
}

.gb_nav_menu ul{
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}
.gb_nav_menu li{
    display:inline-block;
    margin:0;
    position:relative;
}
.gb_nav_menu li a {
    color: #000;
    padding: 8px 15px;
    display: block;
    font-size: 13px;
    font-weight: 700;
}
.gb_nav_menu ul li a:active,
.gb_nav_menu ul li a:hover {
    color: #000;
}
.gb_nav_menu ul ul{
    display: none;
    position: absolute;
    background: var(--primary-color);
    min-width: 210px;
    z-index: 9999;
    padding: 4px;
}
.gb_nav_menu ul ul ul{
    left: 100%;
    top: 0;
    margin-left: 0;
}
.gb_nav_menu ul ul a{
    color: #fff;
    padding: 10px;
}
.gb_nav_menu ul ul a:hover{
    background: #fff;
    color: var(--primary-color) !important;
}
.gb_nav_menu ul ul li{
    float: none;
    display: block;
    text-align: left;
    border-left: none;
    border-right: none !important;
    padding: 0;
}
.gb_nav_menu ul ul li:last-child{
  border-bottom: 0;
}
.gb_nav_menu ul li:hover > ul{
  display: block;
}
.gb_nav_menu .menu > ul > li.highlight{
  background-color: #006ccc;
}
.gb_nav_menu .menu > ul > li.highlight:hover{
  background: transparent;
}
.sf-arrows ul .sf-with-ul{
  padding: 10px;
}
.sf-arrows .sf-with-ul:after{
  content: '\f0dd';
  position: absolute;
  right: 0px;
  top: 1px;
  font-size: 18px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.topbar .sf-arrows .sf-with-ul:after{
  font-size: 14px;
  top: 0px;
  right: 8px;
}
.sf-arrows ul .sf-with-ul:after{
  top: 4px;
}
.toggle-menu, a.closebtn{
  display: none;
}

/*--------------------------------------------------------------
## Social Links Style 
--------------------------------------------------------------*/
.unique_restaurant_widget_social {
    clear: both;
    overflow: hidden;
}
.unique_restaurant_widget_social ul {
    margin: 0;
}
.unique_restaurant_widget_social li a {
    display: block;
    height: 40px;
    line-height: 1.7;
    margin-right: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}
.unique_restaurant_widget_social li {
    display: inline-block;
}
.widget-area .unique_restaurant_widget_social li,
#footer-widgets .unique_restaurant_widget_social li {
    padding: 0;
}
.widget-area .unique_restaurant_widget_social li::before,
#footer-widgets .unique_restaurant_widget_social li::before {
    display: none;
}
.unique_restaurant_widget_social ul li a::before {
    font-size: 19px;
}
.unique_restaurant_widget_social li a i {
    color:#cacad8;
    font-size: 20px;
    font-weight: normal;
}
.unique_restaurant_widget_social ul li a::before {
    color: #ffffff;
    content: "\f0c1";
    display: block;
    font-family: FontAwesome;
    font-weight: normal;
    line-height: 2.2;
}
.unique_restaurant_widget_social ul li a[href*="facebook.com"]::before {
    content: "\f09a";
}
.unique_restaurant_widget_social ul li a[href*="twitter.com"]::before {
    content: "\f099";
}
.unique_restaurant_widget_social ul li a[href*="linkedin.com"]::before {
    content: "\f0e1";
}
.unique_restaurant_widget_social ul li a[href*="plus.google.com"]::before {
    content: "\f0d5";
}
.unique_restaurant_widget_social ul li a[href*="youtube.com"]::before {
    content: "\f167";
}
.unique_restaurant_widget_social ul li a[href*="dribbble.com"]::before {
    content: "\f17d";
}
.unique_restaurant_widget_social ul li a[href*="pinterest.com"]::before {
    content: "\f0d2";
}
.unique_restaurant_widget_social ul li a[href*="bitbucket.org"]::before {
    content: "\f171";
}
.unique_restaurant_widget_social ul li a[href*="github.com"]::before {
    content: "\f113";
}
.unique_restaurant_widget_social ul li a[href*="codepen.io"]::before {
    content: "\f1cb";
}
.unique_restaurant_widget_social ul li a[href*="flickr.com"]::before {
    content: "\f16e";
}
.unique_restaurant_widget_social ul li a[href$="/feed/"]::before {
    content: "\f09e";
}
.unique_restaurant_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}
.unique_restaurant_widget_social ul li a[href*="instagram.com"]::before {
    content: "\f16d";
}
.unique_restaurant_widget_social ul li a[href*="tumblr.com"]::before {
    content: "\f173";
}
.unique_restaurant_widget_social ul li a[href*="reddit.com"]::before {
    content: "\f1a1";
}
.unique_restaurant_widget_social ul li a[href*="vimeo.com"]::before {
    content: "\f194";
}
.unique_restaurant_widget_social ul li a[href*="digg.com"]::before {
    content: "\f1a6";
}
.unique_restaurant_widget_social ul li a[href*="twitch.tv"]::before {
    content: "\f1e8";
}
.unique_restaurant_widget_social ul li a[href*="stumbleupon.com"]::before {
    content: "\f1a4";
}
.unique_restaurant_widget_social ul li a[href*="delicious.com"]::before {
    content: "\f1a5";
}
.unique_restaurant_widget_social ul li a[href*="mailto:"]::before {
    content: "\f0e0";
}
.unique_restaurant_widget_social ul li a[href*="soundcloud.com"]::before {
    content: "\f1be";
}
.unique_restaurant_widget_social ul li a[href*="wordpress.org"]::before {
    content: "\f19a";
}
.unique_restaurant_widget_social ul li a[href*="wordpress.com"]::before {
    content: "\f19a";
}
.unique_restaurant_widget_social ul li a[href*="jsfiddle.net"]::before {
    content: "\f1cc";
}
.unique_restaurant_widget_social ul li a[href*="tripadvisor.com"]::before {
    content: "\f262";
}
.unique_restaurant_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}
.unique_restaurant_widget_social ul li a[href*="angel.co"]::before {
    content: "\f209";
}
.unique_restaurant_widget_social ul li a[href*="slack.com"]::before {
    content: "\f198";
}
.unique_restaurant_widget_social ul li a[href*="plus.google.com"] {
    background-color: #dd4b39;
}
.unique_restaurant_widget_social ul li a[href*="/feed/"]  {
    background-color: #dc622c;
}
.unique_restaurant_widget_social ul li a[href*="wordpress.org"],
.unique_restaurant_widget_social ul li a[href*="wordpress.com"] {
    background-color: #45bbe6;
}

/*--------------------------------------------------------------
## Main Content Style
--------------------------------------------------------------*/
#primary {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 70%;
}
#content {
    clear: both;
    padding: 30px 0;
}
.home.home-content-not-enabled #content {
    display: none;
}
/*--------------------------------------------------------------
## Sidebar Style 
--------------------------------------------------------------*/
.sidebar {
    width: 30%;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}
#sidebar-primary.sidebar .menu-testing-menu-container{
    padding-left: 30px;
}
.sidebar .menu-testing-menu-container ul li::before{
    left: -32px;
}
.sidebar .menu-testing-menu-container ul li{
    padding-left: 0px !important;
}
.widget-area .widget::after,
.widget-area .widget::before {
    clear: both;
    content: "";
    display: table;
}
.sidebar .widget-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
 .entry-title h2:before{
 content: "\f185";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 5px;
}
.sidebar ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}
.sidebar ul ul {
    border-bottom:none;
    padding-bottom: 0;
}
.sidebar ul li {
    padding-bottom: 5px;
    padding-left: 30px;
    padding-top: 5px;
    position: relative;
}
.sidebar ul li::before {
    color: var(--primary-color) !important;
    content: "\f192";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 13px;
    left: 0;
    position: absolute;
    top: 6px;
    margin-left: 2px;
}
.sidebar .widget a,
.sidebar .widget a:visited {
    color: #001837;
    word-wrap: break-word;
}
.sidebar .widget a:hover,
.sidebar .widget a:active {
   color: var(--primary-color);
}
.nav-next span.post-title {
    word-wrap: break-word;
}
.sidebar .widget {
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 2px #cfcfcf;
    border-bottom: 3px solid var(--primary-color);
}
.sidebar .widget:hover{
    box-shadow: 0 0 20px #cfcfcf;
}

/*calendar widget*/
.widget_calendar {
    text-align: center;
}
.widget_calendar caption {
    background: var(--primary-color) none repeat scroll 0 0;
    color: #ffffff;
    padding: 5px;
}
.widget_calendar .pad {
    background: #eeeeee none repeat scroll 0 0;
}
.widget_calendar #today {
    background: var(--primary-color) none repeat scroll 0 0;
    color: #ffffff;
}
.widget .tagcloud a {
    border: 1px solid #dddddd;
    color: #001837;
    display: inline-block;
    font-size: 16px !important;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 5px 15px;
}
.widget .tagcloud a:hover {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}
.widget_categories li > a,
.widget_archive li > a {
    display: inline-block;
    min-width: 85%;
}
.search-form .search-submit:focus {
    box-shadow: inherit;
    outline: none;
}

/*--------------------------------------------------------------
## Footer Style By 
--------------------------------------------------------------*/
#colophon {
    background-color: var(--primary-color);
    clear: both;
    color: rgba(255, 255, 255, 0.75);
    font-size: 18px;
    padding: 15px 0;
    text-align: center;
}
#colophon a {
    color:#ccc;
}
#colophon a:hover {
    color:rgba(255, 255, 255, 0.75);
}
#footer-widgets {
    background: #121212 none repeat scroll 0 0;
    overflow: hidden;
    padding: 50px 0;
    color: rgba(255, 255, 255, 0.75);
}
#footer-widgets ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
#footer-widgets ul li {
    font-size: 13px;
    letter-spacing: 0.5px;
    padding: 3px 0px 3px 0px;
    position: relative;
}
#footer-widgets ul li::before {
    color: rgba(255, 255, 255, 0.75);
    content: "\f105";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 2px;
}
#footer-widgets a .footer-widget-area {
    float: left;
    padding: 0 25px;
    width: 25%;
}
#footer-widgets a,
#footer-widgets p {
    color:rgba(255, 255, 255, 0.75);
}
#footer-widgets a:hover {
    color:#fff;
}
#footer-widgets .footer-active-1 {
    width: 100%;
}
#footer-widgets .footer-active-2 {
    width: 50%;
}
#footer-widgets .footer-active-3 {
    width: 33.33%;
}
#footer-widgets .footer-active-4 {
    width: 25%;
}
#footer-widgets .footer-widget-area  {
    float: left;
    padding: 0 25px;
}
#footer-widgets .widget-title {
    color: #dddddd;
    font-size: 21px;
    font-weight: 400;
    width: max-content;
}
header.entry-header h1{
    word-break: break-all;
}
h1.page-title {
    word-wrap: break-word;
}

/*Footer Navigation*/
#colophon .unique_restaurant_widget_social ul li a::before {
    font-size: 14px;
}
#colophon .unique_restaurant_widget_social li a {
    height: 30px;
    width: 30px;
}
#colophon .footer-social {
    margin: 5px 0;
}
#footer-navigation li {
    display: inline-block;
    list-style: outside none none;
}
#footer-navigation li a {
    display: block;
    padding: 0 5px 5px;
}
#footer-navigation ul {
    margin: 0;
}
#footer-widgets h1,
#footer-widgets h2,
#footer-widgets h3,
#footer-widgets h2,
#footer-widgets h4
#footer-widgets h5
#footer-widgets h6 {
    color:#fff;
}

/*Scrollup Style*/
.scrollup {
    background-color: var(--primary-color);
    bottom: 30px;
    color: #ffffff;
    display: none;
    float: right;
    line-height: 1.2;
    padding: 1px 10px 4px;
    position: fixed;
    right: 32px;
    text-align: center;
    transition: all 0.5s ease-in-out 0s;
    z-index: 99;
    border-radius: 10px 10px;
}
.scrollup:hover {
    background-color: var(--primary-color);
}
.scrollup i {
    font-size: 38px;
    color: #fff;
}

/*--------------------------------------------------------------
##  layout sidebar By 
--------------------------------------------------------------*/
.global-layout-left-sidebar #primary {
    float: right;
}
.three-columns-enabled #primary {
    display: inline-block;
    float: none;
    width: 50%;
}
.four-columns-enabled #primary {
    display: inline-block;
    float: none;
    width: 25%;
}
.global-layout-three-columns .sidebar{
    float: right;
}
.three-columns-enabled .sidebar{
     width: 25%;
}
.four-columns-enabled #sidebar-secondary1 {
    float: inline-end;
}
.four-columns-enabled .sidebar{
     width: 25%;
}
.global-layout-no-sidebar #primary{
    width: 100%;
}
/*--------------------------------------------------------------
## Inner Pages Style By 
--------------------------------------------------------------*/
/*Basic Breadcrumb */
#breadcrumb {
    padding: 18px 0;
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
}
#breadcrumb .breadcrumb-trail li {
    display: block;
    float: left;
    list-style: outside none none;
    padding-right: 10px;
}
#breadcrumb .breadcrumb-trail li.trail-item.trail-end::after {
    display: none;
}
#breadcrumb .breadcrumb-trail li::after {
    content: "\f105";
    margin-left: 10px;
    font-family: 'FontAwesome';
}
#breadcrumb .breadcrumb-trail  .trail-items {
    margin: 0;
    padding: 0;
}
#breadcrumb span, .submit{
    background: var(--primary-color);
    padding: 10px 20px;
    color: #fff;
    border: none;
    font-weight: 600;
    font-size: 18px;
}

/*Error 404 Page*/
section.error-404 {
    text-align: center;
}
#quick-links-404 ul li {
    display: inline-block;
    list-style: outside none none;
}
#quick-links-404 ul li a {
    color: #404040;
    display: block;
    padding: 5px 10px;
}
.error404 #primary {
    width: 100%;
}
section.error-404 .search-form {
    position: relative;
    max-width: 320px;
    margin: 0 auto;
}
/* Nothing Found */
.no-results .search-box-wrap .search-form{
    position: relative;
    max-width: 320px;
}
.no-results .search-box-wrap .search-form{
    display: flex;
}
.no-results .search-box-wrap .search-form .search-submit{
    height: 45px;
    padding: 0 20px;
    display: block;
    background: var(--primary-color);
    color: #fff;
    border: none;
}
.no-results .search-box-wrap .search-form input.search-field{
    margin-top: 0px;
}
.search-label{
    width: calc(100% - 68px);
}
/*contact form 7*/
.wpcf7-form {
    max-width: 875px;
}
div.wpcf7 {
    margin: 0 auto;
    padding: 0;
}
.wpcf7 input {
    width: 100%;
}
.wpcf7 input.wpcf7-submit {
    width: auto;
}
.wpcf7-form-control-wrap {
    margin-top: 5px;
    display: block;
}
/*--------------------------------------------------------------
## Extra css for Pro 
--------------------------------------------------------------*/
/* Global layout sidebar*/
.global-layout-three-columns-pcs #sidebar-primary,
.global-layout-three-columns-cps #sidebar-primary,
.global-layout-three-columns-psc #sidebar-primary {
    float: left;
}
.global-layout-three-columns-pcs #sidebar-secondary,
.global-layout-three-columns-cps #sidebar-secondary {
    float: right;
}
.global-layout-three-columns-cps #primary {
    float: left;
}
/* equal global layout*/
.global-layout-three-columns-pcs-equal #primary,
.global-layout-three-columns-pcs-equal #sidebar-primary,
.global-layout-three-columns-pcs-equal #sidebar-secondary,
.global-layout-three-columns-scp-equal #primary,
.global-layout-three-columns-scp-equal #sidebar-primary,
.global-layout-three-columns-scp-equal #sidebar-secondary {
    width: 33.33%;
}
.global-layout-three-columns-pcs-equal #sidebar-primary {
    float: left;
}
.global-layout-three-columns-pcs-equal #sidebar-secondary {
    float: right;
}

/*sidebar and footer widget area style*/
#footer-widgets .home-section-post-category  .post-category-item,
.sidebar .home-section-post-category .post-category-item{
    margin-bottom: 15px;
    width: 100%;
}
/*--------------------------------------------------------------
### Recent post widget style
--------------------------------------------------------------*/
#footer-widgets .unique_restaurant_widget_recent_posts .recent-posts-item {
    margin: 0;
}
.unique_restaurant_widget_recent_posts .recent-posts-title {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 10px;
}
.unique_restaurant_widget_recent_posts .recent-posts-title a {
    color: #222;
}
.unique_restaurant_widget_recent_posts .recent-posts-item {
    clear: both;
    margin-top: 30px;
}
.unique_restaurant_widget_recent_posts .recent-posts-item::after {
    clear: both;
    content: "";
    display: table;
}
.unique_restaurant_widget_recent_posts .recent-posts-date::before{
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right:8px;
    content: "\f017";
}

/*--------------------------------------------------------------
### Featured Page Widget style 
--------------------------------------------------------------*/
#unique-restaurant-front-page-widgets .unique_restaurant_widget_featured_page .container {
    width: 1349px;
    padding: 0;
    max-width: 100%;
}
#unique-restaurant-front-page-widgets .featured-page-widget img.alignleft {
    margin-right: 60px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 50%;
}
#unique-restaurant-front-page-widgets .featured-page-widget img.alignright {
    margin-left: 60px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 50%;
}
#unique-restaurant-front-page-widgets .fetured-page-content {
    padding: 50px;
}
#unique-restaurant-front-page-widgets .featured-page-widget.entry-content {
    margin: 0;
    background: #fff;
}
#unique-restaurant-front-page-widgets .unique_restaurant_widget_featured_page {
    padding: 0;
}
/*--------------------------------------------------------------
### Featured Content style 
--------------------------------------------------------------*/
.home-section-featured-blocks article {
    float: left;
    padding: 0 15px;
}
.home-section-featured-blocks .featured-blocks-column-1 article{
    width: 100%;
}
.home-section-featured-blocks .featured-blocks-column-2 article{
    width: 50%;
}
.home-section-featured-blocks .featured-blocks-column-3 article{
    width: 33.33%;
}
.home-section-featured-blocks .featured-blocks-column-4 article{
    width: 25%;
}
.home-section-featured-blocks {
    background: var(--primary-color) none repeat scroll 0 0;
    float: left;
    width: 100%;
     padding: 40px 0;
}
.home-section-featured-blocks .entry-title a {
    color:#fff;
    font-weight: 400;
}
.home-section-featured-blocks p {
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    margin-bottom: 20px;
}
.home-section-featured-blocks .block-title a {
    color: #fff;
}
/*--------------------------------------------------------------
### Woocommercce Product Grid widget style
--------------------------------------------------------------*/
.unique_restaurant_widget_products_grid .unique-restaurant-woocommerce-product-grid-4 ul.products li.product {
    margin: 0 1.5% 30px;
    width: 22%;
}
.unique_restaurant_widget_products_grid .unique-restaurant-woocommerce-product-grid-3 ul.products li.product {
    width: 30.3%;
    margin: 0 1.5% 30px;
}
.unique-restaurant-woocommerce ul {
    margin: 0;
}
.unique_restaurant_widget_products_grid .unique-restaurant-woocommerce {
    margin: 0 -15px;
}
#unique-restaurant-front-page-widgets .unique_restaurant_widget_products_grid {
    padding-bottom: 0;
}
.woocommerce-info a, .site-title,.woocommerce-info::before,.site-title a:hover{
    color: var(--primary-color);
}
.woocommerce-info {
    border-top-color: var(--primary-color) !important;
}
/*--------------------------------------------------------------
### Woocommercce Carousel widget style
--------------------------------------------------------------*/
.unique-restaurant-woocommerce  .slick-prev {
    left: 0;
    z-index: 999;
}
.unique-restaurant-woocommerce  .slick-next {
    right: 0;
    z-index: 999;
}
.unique-restaurant-woocommerce  .slick-arrow {
    bottom: 50%;
    position: absolute;
}
.unique-restaurant-woocommerce  .slick-arrow i {
    background: #4fc3dd none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    height: 40px;
    line-height: 1.3;
    position: relative;
    text-align: center;
    width: 40px;
}
.unique-restaurant-woocommerce  ul.products li.product a img {
    box-shadow: none;
    display: block;
    height: auto;
    margin: 0 0 1em;
    width: 100%;
}
.unique-restaurant-woocommerce  .quantity .qty {
    height: 36px;
    text-align: center;
    width: 3.631em;
}
.unique-restaurant-woocommerce  ul.products li.product,
.unique-restaurant-woocommerce -page ul.products li.product {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    list-style-type: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 0 15px;
}
.unique-restaurant-woocommerce  ul.products li.product .price del {
    color: inherit;
    display: inline-block;
}
.unique-restaurant-woocommerce span.onsale {
    background-color: #121212;
    color: #ffffff;
    position: absolute;
    z-index: 99;
}
.unique-restaurant-woocommerce  #review_form #respond p.stars {
    margin: 10px 0;
    padding: 0;
}
.unique-restaurant-woocommerce  ul.products li.product .price ins {
    font-weight: 700;
}
.unique-restaurant-woocommerce  ul.products li.product .onsale::after{
    content : '';
    width : 0px;
    height: 0px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    top: 25px;
    right: 2px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.unique-restaurant-woocommerce  ul.products li.product .onsale {
    border-radius: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
    font-size: 14px;
    font-weight: 400;
    height: 60px;
    line-height: 8px;
    margin: 0;
    min-height: 20px;
    padding: 40px 0 0;
    right: -40px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    top: -12px;
    transform: rotate(51deg);
    width: 95px;
    font-weight: bold;
}
.unique-restaurant-woocommerce  ul.products li.product h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 7px;
    width: 100%;
}
.unique-restaurant-woocommerce.unique-restaurant-woocommerce-product-grid-3 ul.products li.product .button {
    left: 32%;
}
.unique-restaurant-woocommerce ul.products li.product .button {
    font-size: 15px;
    left: 21%;
    position: absolute;
    text-align: center;
    top: 35%;
    transition: all 0.4s ease-in-out 0s;
    visibility: hidden;
    width: auto;
    opacity: 0;
    border:none;
    text-transform: capitalize;
}
.unique-restaurant-woocommerce ul.products li.product .button:hover {
    color:#fff;
}
.unique-restaurant-woocommerce  ul.products li.product:hover .button {
    visibility:visible;
    opacity: 1;
    top: 40%;
}
.unique-restaurant-woocommerce  .star-rating {
    float: right;
    font-family: star;
    font-size: 1em;
    height: 1em;
    line-height: 1;
    overflow: hidden;
    position: relative;
    width: 5.4em;
}
.unique-restaurant-woocommerce  .star-rating::before {
    color: #d3ced2;
    content: "sssss";
    float: left;
    left: 0;
    position: absolute;
    top: 0;
}
.unique-restaurant-woocommerce  .star-rating span {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0;
}
.unique-restaurant-woocommerce  .star-rating span::before {
    color: #ffd353;
    content: "SSSSS";
    left: 0;
    position: absolute;
    top: 0;
}
.unique-restaurant-woocommerce  .woocommerce-product-rating {
    display: block;
    line-height: 2;
}
.unique-restaurant-woocommerce  .woocommerce-product-rating::after,
.unique-restaurant-woocommerce  .woocommerce-product-rating::before {
    content: " ";
    display: table;
}
.unique-restaurant-woocommerce  .woocommerce-product-rating .star-rating {
    float: left;
    margin: 0.5em 4px 0 0;
}
.unique-restaurant-woocommerce  .products .star-rating {
    display: block;
    float: none;
    left: 25px;
    position: absolute;
    top: 62%;
}
.unique-restaurant-woocommerce  .hreview-aggregate .star-rating {
    margin: 10px 0 0;
}
.unique-restaurant-woocommerce  ul.products li.product .price {
    color: #77a464;
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}
.unique-restaurant-woocommerce  ul.products li.product .star-rating {
    font-size: 16px;
}
.unique-restaurant-woocommerce a.button::after {
    content: "\f217";
    font-family: fontawesome;
    margin-left: 10px;
}
/*--------------------------------------------------------------
## Custom Woocommerce Style
--------------------------------------------------------------*/
.woocommerce ul.products li.product mark,
.woocommerce ul.products li.product ins,
.woocommerce ul.products li.product mark,
.woocommerce ul.products li.product ins{
    background: #fa6f6f none repeat scroll 0 0;
    border-radius: 14px;
    color: #ffffff;
    font-weight: normal;
    margin: 0 5px;
    padding: 0 13px;
    text-decoration: none;
}
.woocommerce ul.products li.product h3 {
    font-size: 18px;
    font-weight: normal;
    padding: 0 0 0.5em;
}
.woocommerce .quantity .qty {
    height: 36px;
    text-align: center;
    width: 3.631em;
}
.woocommerce div.product  .button {
    vertical-align: middle;
    float: left;
    font-weight: normal;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 30%;
    margin: 0 1.5% 20px;
    padding: 0 0 5px;
    text-align: center;
    float: left;
    list-style-type: none;
    position: relative;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    background: #fff;
    overflow: hidden;
    border-bottom: 3px solid var(--primary-color);
    border-radius: 10px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
  color: var(--primary-color)
}
.woocommerce ul.products li.product a img{
    position: relative;
}
.woocommerce ul.products li.product .button {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    clear: both;
    float: none;
    font-size: 15px !important;
    line-height: 1.5;
    margin: 14px auto 14px;
    max-width: 134px;
    padding: 7px 0px;
    transition: all 0.4s ease-in-out 0s;
    text-transform: capitalize;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font-weight: 600;
    color: #fff !important;
    text-decoration: none !important;
}
.woocommerce ul.products li.product .price ins{
    color: #000;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size: 25px;
}
.woocommerce ul.products li.product .button::after {
    content: "\f217";
    font-family: fontawesome;
    margin-left: 10px;
}
.woocommerce ul.products li.product .price del {
    color: inherit;
    display: inline-block;
    color:var(--primary-color) ;
}
.woocommerce span.onsale {
    background-color: var(--primary-color);
}
.woocommerce ul.products li.product .star-rating {
    font-size: 0.857em;
    left: 20px;
    position: absolute;
    top: 10px;
}
.woocommerce #review_form #respond p.stars {
    margin: 10px 0;
    padding: 0;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    background: none repeat scroll 0 0 #ffffff;
    padding: 5px;
     border: 1px solid #ddd;
}
.images .thumbnails a {
    border: 1px solid #ddd;
    clear: both;
}
#reviews .comment-form {
    margin: 0;
}
.woocommerce ul.products li.product a {
    text-align: center;
    text-decoration: none;
}
/*woocommerce button custom color*/
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background: var(--primary-color);
    box-shadow: inherit;
    border-radius: 0;
    color: #fff !important;
    text-decoration: none !important;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt[disabled]:disabled,
.woocommerce #respond input#submit.alt[disabled]:disabled:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt[disabled]:disabled,
.woocommerce a.button.alt[disabled]:disabled:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt[disabled]:disabled,
.woocommerce button.button.alt[disabled]:disabled:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt[disabled]:disabled,
.woocommerce input.button.alt[disabled]:disabled:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
    background-color: #121212;
    box-shadow: none;
    color: #fff;
    border: none;
}
.woocommerce div.product .woocommerce-tabs .panel{
    background-color: #fff;
    padding: 15px;
    border-top:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
    margin-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 0;
    float: left;
    margin: 0 2px;
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
    border-radius: 17px;
    height: 33px;
    margin-top: 1px;
    padding-left: 15px;
    width: auto;
}
.woocommerce input#billing_phone {
    padding: 5px;
    border: 1px solid #ddd;
}
.woocommerce .select2-container .select2-choice {
    border: 1px solid #ddd;
    border-radius: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 6px 5px;
}
.woocommerce-cart .cart-collaterals .cart_totals table {
    border: 1px solid #ddd;
    border-top:2px solid #ddd;
}
.woocommerce-checkout #payment ul.payment_methods li {
    list-style: outside none none;
}
.woocommerce-checkout #payment,
.woocommerce table {
    background: none repeat scroll 0 0 #ffffff;
}
.woocommerce table.shop_table {
    border: medium none;
}
.woocommerce table.shop_table {
    border-collapse: collapse;
}
.woocommerce caption,
.woocommerce th,
.woocommerce td {
    font-weight: 400;
    padding: 5px;
    text-align: center;
}
.woocommerce table.shop_table th {
    font-weight: normal;
    padding: 6px 12px;
}
.woocommerce table.shop_table td {
    padding: 5px;
    text-align: center;
}
.woocommerce a.remove {
    background: var(--primary-color) none repeat scroll 0 0;
    color: #ffffff!important;
    margin: 0 auto;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    display: block;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 1em;
    padding: 10px 20px;
    text-align: center;
}
.woocommerce div.product .product_title {
    clear: none;
    font-size: 28px;
    margin: 0 0 5px;
    padding: 0 0 10px;
}
.page-numbers {
    background: none repeat scroll 0 0 #ffffff;
}
.woocommerce nav.woocommerce-pagination {
    margin-bottom: 30px;
    text-align: center;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    margin-top: 0;
}
.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 15px;
}
.woocommerce ul.products li.product .onsale{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
    font-size: 14px;
    font-weight: 400;
    height: 60px;
    line-height: 8px;
    margin: 0;
    min-height: 20px;
    padding: 40px 0 0;
    right: -40px;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    top: -12px;
    transform: rotate(51deg);
    width: 95px;
    font-weight: bold;
    display: block;
}
.cart button.single_add_to_cart_button {
    margin-left: 15px;
}
.woocommerce .actions  p {
    margin: 0;
}
.woocommerce table.shop_table.cart thead {
    background: var(--primary-color) none repeat scroll 0 0;
    color: #ffffff;
}
.woocommerce .checkout h3 {
    font-size: 20px;
}
.woocommerce #ship-to-different-address .checkbox + br {
    display: none;
}
.woocommerce .checkout-button.button.alt.wc-forward {
    display: inline-block;
    width: auto;
}
.woocommerce .authorbox {
    background: #ffffff none repeat scroll 0 0;
    margin-top: 20px;
    overflow: hidden;
    padding: 15px;
}
.woocommerce .authorbox img {
    border-radius: 100%;
}
.woocommerce .authorbox .author-avatar {
    float: left;
    margin: 5px 15px 10px 0;
}
.woocommerce .authorbox.no-author-avatar .author-info {
    margin-left: 0;
}
.woocommerce .authorbox .author-bio-posts-content {
    margin-top: 10px;
}
.woocommerce .authorbox .author-bio-posts-content p {
    margin: 0;
}
.woocommerce .authorbox .author-bio-posts-content ul {
    list-style-position: inside;
    margin: 0;
}
.woocommerce ul.products li.product .price {
    font-size: 16px;
}
.comment-body .reply a{
    background: var(--primary-color);
    color: #fff !important;
    text-decoration: none !important;
    padding: 10px;
    font-weight: 600;
    display: inline-block;
}
header.woocommerce-Address-title.title{
    display: inline-grid;
    margin-bottom: 20px;
}
header.woocommerce-Address-title.title a {
    background: var(--primary-color);
    border-radius: 5px !important;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold !important;
    text-decoration: none !important;
    padding: 8px 16px !important;
}
/*woocommerce form */
.woocommerce #review_form_wrapper #commentform {
    margin: 0 -15px;
}
.woocommerce p.comment-form-rating {
    clear: both;
}
.woocommerce #review_form #respond p {
    margin: 0 0 10px;
    padding: 10px 15px;
}
.woocommerce .star-rating span::before {
       color: var(--primary-color);
}
.woocommerce ul.products li.product .star-rating {
    font-size: 16px;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block, .wp-block-woocommerce-cart-order-summary-block {
    border: 1px solid rgba(0,0,0,.1);
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 5px;
}
a.wc-block-components-product-name {
    color: #000;
    font-size: 20px;
    font-weight: 600;
}
/*Bio Auther box*/
.authorbox {
    background: #ffffff none repeat scroll 0 0;
    margin-top: 20px;
    overflow: hidden;
    padding: 15px;
}
.authorbox img {
    border-radius: 100%;
}
.authorbox .author-avatar {
    float: left;
    margin: 5px 15px 10px 0;
}
.authorbox.no-author-avatar .author-info {
    margin-left: 0;
}
.authorbox .author-bio-posts-content {
    margin-top: 10px;
}
.authorbox .author-bio-posts-content p {
    margin: 0;
}
.related-post .text-content p {
    font-size: 17px;
    line-height: 24px;
}
/*--------------------------------------------------------------
##  Media Queries For Container
--------------------------------------------------------------*/
@media only screen and (min-width: 1400px){
    .elementor-section.elementor-section-boxed > .elementor-container{
             max-width: 1320px !important;
             }
      }
     @media only screen and (min-width: 1600px){
     .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container,.elementor-section.elementor-section-boxed > .elementor-container{
         max-width: 1500px !important;
         }
     }
     @media only screen and (min-width: 1920px){
         .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .elementor-section.elementor-section-boxed > .elementor-container {
             max-width: 1840px !important;
         }
     }
/*--------------------------------------------------------------
##  Media Queries 
--------------------------------------------------------------*/

/* Smaller than standard 1349 above (devices and browsers) */
@media only screen and (min-width:1400px) {
    .unique_restaurant_widget_featured_page .container {
        width: 1230px;
        padding:0 15px;
        max-width: 100%;
    }
}
@media only screen and (min-width:768px){
    .cursor-point,
    .cursor-point-outline {
        z-index: 1100;
        pointer-events: none;
        position: fixed;
        top: 50%;
        left: 50% ;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out,
        -webkit-transform 0.3s ease-in-out;
    }
    .cursor-point {
        width: 8px;
        height: 8px;
        background-color: var(--primary-color);
    }
    .cursor-point-outline {
        width: 30px;
        height: 30px;
        background-color: var(--primary-color);
        opacity: 0.4 !important;
    }
}
/* Smaller than standard 1139 (devices and browsers) */
@media only screen and (max-width:1300px) {
    .container {
        width: 97%;
    }
    .comments-area form#commentform p {
        float: left;
        width: 100%;
    }
    #comments input#submit {
        width: auto;
    }
    .right-header {
        width: auto;
    }
    .header-search-box .search-box-wrap {
        width: 200px;
    }
    .search-form input.search-field {
        width: 85% !important;
    }
    .authorbox .author-info,
    .authorbox .author-bio-posts-content {
        float: left;
        max-width:70%;
        width: 70%;
    }
    .home-section-services .services-item h3 {
        font-size: 20px;
    }
    #unique-restaurant-front-page-widgets .featured-page-widget img.alignleft {
        margin-bottom: 0;
        margin-right: 30px;
        max-width: 45%;
    }
    .site-layout-boxed #page {
        max-width: 93%;
    }
    .site-layout-boxed #page .top-news-title {
        margin-left: -30px;
        padding-left: 15px;
    }
}
/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width:1023px) {
    .site-header.fixed, .home .site-header.fixed{
        position: absolute;
        background-color: inherit;
        box-shadow: inherit;
    }
    .site-layout-boxed #page {
        max-width: 100%;
        margin-top: 45px;
    }
    h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 22px;
    }
    td,
    th {
        font-size: 12px;
        padding: 2px;
    }
    .unique_restaurant_widget_contact .wpcf7-form > p {
        width: 100%;
    }
    body.three-columns-enabled #primary,
    body.three-columns-enabled #content .sidebar,
    body #content #primary, body #content .sidebar {
        border-bottom: 1px solid #dddddd;
        margin-bottom: 20px;
        padding-bottom: 20px;
        width: 100%;
    }
    .widget-area .home-section-post-category .post-category-meta li.news-read-more {
        float: none;
        margin-top: 10px;
    }
    .widget-area .home-section-post-category .post-category-meta li {
        display: inline-block;
        float: none;
        margin-right: 0;
    }
    .box-content{
        width: 95%;
    }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:1000px) {
    .submit-button{
        right: 4%;
    }    
    .site-branding {
        float: none;
        margin: 0 auto;
        max-width: 100%;
    }
    .site-title {
        margin-top: 10px;
        font-size: 18px;
    }
    .slider-enabled .site-header {
        position: inherit;
    }
    .site-description {
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0;
    }
    .unique-restaurant-woocommerce-product-grid-4 ul.products li.product .button {
        padding: 5px 13px;
        left: 13%;
        font-size: 14px;
    }
    .unique-restaurant-woocommerce-product-grid-3 ul.products li.product .button {
        left: 16%;
    }
    .enabled-sticky-primary-menu #masthead.fixed {
        position: inherit;
        top: 0;
    }
    .site-header.fixed .site-branding {
        display: block;
    }
    .unique-restaurant-woocommerce .products .star-rating {
        top: 20px;
    }
    .gb_nav_menu .nav ul li a:focus,
    a.closebtn.gb_menu:focus,
    .toggle-menu button:focus{
        outline: -webkit-focus-ring-color auto 1px;
    }
    .toggle-menu {
        display: none;
        width: 100%;
        cursor: pointer;
        text-align: center;
        font-size: 20px;
    }
    .toggle-menu i {
        font-size: 22px;
    }
    .toggle-menu button {
        background: var(--primary-color);
        border-radius: 0;
        color: #fff;
    }
    .side_gb_nav {
        max-height: 100%;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 9999999;
        top: 110%;
        right: 0;
        overflow-y: scroll;
        background-color: #000;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
        visibility: hidden;
    }
    .side_gb_nav.show {
        visibility: visible;
        top:0%;
    }
    .side_gb_nav .closebtn {
        position: absolute;
        top: 0;
        padding: 0px 18px;
        font-size: 42px;
        display: block;
        color: #ffffff;
    }
    .side_gb_nav #top_gb_menu {
        width: 100%;
    }
    .toggle-menu span{
        font-size:30px;
        cursor:pointer;
        text-align: right;
    }
    .toggle-menu{
        display: block;
    }
    .gb_nav_menu .nav ul li{
        border-top:1px #404040 solid;
        display:block;
    }
    .nav ul li a{
        padding: 10px 15px;
        display: block;
        color: #ffffff !important;
        border: none;
        border-bottom: 1px solid #404040;
        background: none !important;
    }
    .sf-arrows .sf-with-ul:after{
        right: 20px;
    }
    .nav ul li:first-child a{
        border-top: 1px solid #47515a;
    }
    .nav ul li:first-child ul li a{
        border-top: none;
    }
    .gb_nav_menu .current_page_item > a, .gb_nav_menu .current-menu-item > a, .gb_nav_menu .current_page_ancestor > a {
        color: var(--primary-color);
    }
    .nav ul li ul li a:before{
        content:"__";
        padding-right: 10px;
    }
    .nav ul li ul li a{
        padding-left:20px !important;
    }
    .nav ul li ul li ul li a{
        padding-left:30px !important;
    }
    .gb_nav_menu ul ul{
        position: static;
        width: 100%;
        background: none;
        border:none;
    }
    .gb_nav_menu li,
    .menu_header{
        padding: 0;
        display: block;
    }
    .gb_nav_menu .sub-menu > li > a:focus, .nav ul li a:focus{
        outline: -webkit-focus-ring-color auto 1px;
    }
    .page-template-home-page-template #middle-header{
        position: relative !important;
        background: #fff;
        padding: 10px !important;
        box-shadow: 0px 15px 10px -15px #111;

    }
    .page-template-home-page-template .site-title > a {
        color: #000 !important;
    }
    .page-template-home-page-template .gb_nav_menu{
        border-top: none !important;
        border-bottom: none !important;
    }
    #middle-header {
        box-shadow: 0px 15px 10px -15px #111;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
    #middle-header.sticky{
        position: static !important;
    }
    #site-identity {
        text-align: center;
    }
    .text-content p{
        text-align: center;
    }
    h1 {
        font-size: 25px;
    }
    h2 {
        font-size: 22px;
    }
    body .sidebar,
    body #primary {
        width: 100%;
    }
    .site-content {
        padding-top: 15px;
    }
    /*footer widget area*/
    .sibebar {
        margin-top: 15px;
    }
    #footer-widgets .footer-widget-area {
        float: left;
        padding: 0 15px;
        width: 50%;
    }
    #footer-widgets .footer-active-1 {
        width: 100%;
    }
    #footer-widgets .footer-widget-area:nth-child(3n) {
        clear: both;
    }
    .unique_restaurant_widget_products_grid .unique-restaurant-woocommerce-product-grid-4 ul.products li.product,
    .unique_restaurant_widget_products_grid .unique-restaurant-woocommerce-product-grid-3 ul.products li.product {
        margin: 0 1.5% 30px;
        width: 47%;
    }
    .unique-restaurant-woocommerce-product-grid-4 ul.products li.product .button,
    .unique-restaurant-woocommerce-product-grid-3 ul.products li.product .button {
        font-size: 14px;
        left: 22%;
        padding: 5px 13px;
    }
    .block-title {
        margin-bottom: 5px;
    }
    a.more {
        padding: 2px 15px 5px;
    }
    .widget {
        margin: 15px 0 0;
    }
    #footer-widgets {
        padding: 30px 15px;
    }
    #colophon .copyright,
    #colophon .site-info {
        clear: both;
        text-align: center;
        width: 100%;
    }
    #main-slider::before,
    #main-slider::after {
        display: none;
    }
    #colophon .colophon-column {
        float: left;
        width: 100%;
    }
    #footer-navigation {
        text-align: center;
        margin-bottom:10px;
    }
    .copyright {
        margin-bottom: 5px;
    }
    .entry-footer > span {
        border-right: medium none;
        border-top: 1px solid #dddddd !important;
        display: block;
        float: left;
        padding: 10px 15px;
        width: 100%;
    }
    .service-block-inner-content {
        display: block;
    }
    .slider-buttons a {
        color: #ffffff;
    }
    #breadcrumb, #breadcrumb {
        padding: 5px 0;
        border-top: 2px solid;
    }
    .blog-content .entry-content-wrapper, .blog-img{
        width: 100%;
        float: none;
    }
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
    }
    tr.wc-block-cart-items__row {
        gap: 0.4em;
    }
    td.wc-block-cart-item__total{
        padding-left: 0px !important;
    }
    li.wc-block-grid__product{
        max-width:100% !important;
        float:none;
        flex: 100% !important;
    }
    .wc-block-grid__products{
    padding: 10px !important;
    }
    .wc-block-grid.has-4-columns .wc-block-grid__product {
        max-width: 100% !important;
        width: 100%;
    }
    .single-post-footer img{
        float: left;
    }
    .entry-footer>span{
        text-align: left;
    }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:640px) {
    .submit-button{
        right: 4%;
    }
    .slider-buttons a {
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 10px;
        margin-top: 15px;
        padding: 0 5px;
    }
    .page-title {
        font-size: 30px;
    }
    a.custom-logo-link {
        display: block;
        float: left;
        margin-right: 0;
        margin-top: 15px;
        width: 100%;
    }
    #site-identity {
        margin-right: 0;
        text-align: center;
        width: 100%;
        margin-top: 10px;
    }
    #top-nav {
        width: 100%;
    }
    #top-nav .is-open .menu-inside-wrapper {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
    }
    #top-nav li {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255,0.2);
    }
    #top-nav li:first-child {
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255,0.2);
    }
    .top-news {
        float: left;
        width: 100%;
    }
    #header-social li:first-child {
        border-left: 1px solid rgba(255, 255, 255, 0.15);
    }
    .home-section-call-to-action .cta-buttons {
        padding: 15px 0 0;
    }
    .site-layout-boxed #page .top-news-title {
        margin-left: -22px;
        padding-left: 10px;
    }
    #main-nav {
        margin-top: 5px;
    }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
    #fashion-article .tags{
        top: 30px;
        right: 30px;
    }
    .submit-button{
        right: 3%;
    }   
    div#fashion-article{
        display: block;
        gap: 0em;
    }
    .box-content {
        width: 88%;
        opacity: 0.6;
    }
    .box-content h1 a{
        font-size: 16px !important;
    }
    .entry-container{
        padding: 10px 20px;
    }
    .site-title {
        font-size: 21px;
    }
    .site-header {
        padding: 0;
    }
    .site-title {
         font-size: 26px;
    }
    #footer-widgets .footer-widget-area {
        width: 100%;
    }
    #footer-widgets .footer-widget-area:first-child {
        border: none;
        margin-top: 0;
        padding-top: 0;
    }
    #footer-widgets .footer-widget-area {
        width: 100%;
        padding-top: 15px;
        border-top: 1px solid #fff;
        margin-top: 15px;
    }
    .social-links {
        float: right;
        max-width: 208px;
        text-align: right;
    }
    .social-links .unique_restaurant_widget_social li {
        display: inline-block;
        float: none;
    }
    .widget.home-section-services .service-block-item{
        width: 100%;
    }
    .page-title {
        font-size: 20px;
        margin-bottom: 7px;
    }
    .header-social-wrapper .unique_restaurant_widget_social li {
        float:none;
        display: inline-block;
    }
    #footer-widgets .footer-active-2 .unique_restaurant_widget_social {
        margin-top: 0;
    }
    .services-block-list {
        text-align: center;
    }
    .home-section-services .services-item h3 {
        font-size: 18px;
    }
    #unique-restaurant-front-page-widgets .fetured-page-content {
        padding: 0 15px ;
        text-align: left;
    }
    #unique-restaurant-front-page-widgets .fetured-page-content .widget-title {
        font-size: 19px;
        text-align: left;
    }
    .entry-header .entry-title {
        font-size: 20px;
    }
    .sidebar .widget {
        padding: 15px;
    }
    #unique-restaurant-featured-blocks article {
        margin-bottom: 15px;
    }
   .unique_restaurant_widget_products_grid .unique-restaurant-woocommerce-product-grid-4 ul.products li.product,
   .unique_restaurant_widget_products_grid .unique-restaurant-woocommerce-product-grid-4 ul.products li.product  {
        width: 94%;
        margin: 0 auto 15px;
        float: none;
    }
    .unique-restaurant-woocommerce-product-grid-4 ul.products li.product .button,
    .unique-restaurant-woocommerce-product-grid-3 ul.products li.product .button {
        font-size: 14px;
        left: 28%;
        padding: 5px 13px;
    }
    .site-title {
        margin: 0;
    }
}

/* blog section css starts here */
.slider-secondary-text p {
    color: #ffffff;
}
.page-template-home-page-template #middle-header {
    position: absolute;
    width: 100%;
    z-index: 999;
    padding: 20px 0;
    box-shadow: none;
} 
.page-template-home-page-template #content {
    padding: 0;
}
.page-template-home-page-template .gb_nav_menu ul {
    border-bottom: 1px dashed #fff;
    border-top: 1px dashed #fff;
}
.page-template-home-page-template .site-title > a,.page-template-home-page-template .gb_nav_menu li a{
    color: #fff;
}
.resturant-new-blog-section .ekit-wid-con .elementskit-post-image-card{
    background-color:unset!important;
  }
  .resturant-new-blog-section .ekit-wid-con .elementskit-meta-lists>.elementskit-single-meta strong{
    display:unset!important;
  }
  .resturant-new-blog-section .ekit-wid-con .elementskit-meta-lists{
    top:94%!important;
  }
  .resturant-new-blog-section .ekit-wid-con .elementskit-meta-lists>.elementskit-single-meta{
    color: #545454!important;
      background: unset!important;
  }
  .resturant-new-blog-section  .elementskit-single-meta:before{
    content: '\f073';
    font-family: 'font awesome 5 free';
    font-weight: 800;
    margin-right: 5px;
  }
  .resturant-new-blog-section .ekit-wid-con .elementskit-post-image-card .entry-title{
    margin-bottom:15px!important;
  }
  .resturant-new-blog-section .btn-wraper{
    margin-top:20px;
  }
  .resturant-new-blog-section .ekit-wid-con .elementskit-post-image-card{
    box-shadow:unset!important;
  }
  
  @media only screen and (max-width: 767px){
    .resturant-new-blog-section .btn-wraper{
      text-align:center!important;
    }
    .resturant-new-blog-section .ekit-wid-con .elementskit-meta-lists{
      left: 44%;
    }
  
  }
    
    /*banner-section*/
.banner-section a.elementor-button-link.elementor-button.elementor-size-sm:hover{
	border-radius: 0;
}

/*Responsive css*/
@media screen and (min-width : 768px) and (max-width : 1023px) {
    .banner-section p{
        display: none;
        }
    .banner-section h1 { 
        font-size: 45px !important;
        line-height: 50px;
        margin-bottom: 0 !important;
    }

    .banner-section .elementor-widget:not(:last-child){
        margin-bottom: 10 !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 720px){
    .banner-section h1 { 
        font-size: 35px !important;
        line-height: 40px;
        text-align: center;
    }
    .banner-section p,.banner-section h1{
        display: none;
    }
    .banner-section .elementor-widget-wrap.elementor-element-populated{
        padding: 0px !important;
    }
    .banner-section .elementor-widget-wrap.elementor-element-populated{
        justify-content: center !important;
    }
    .banner-section{
        width: 100%;
    }
}    
@media screen and (min-width: 992px) and (max-width: 1024px){
    .banner-section .elementor-widget-wrap.elementor-element-populated{
        padding: 0px 0px 30px 32px !important;
    }
}  
/* woocommerce shop */
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: initial;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    min-height: 480px;
}
.woocommerce ul.products li.product a.added_to_cart{
    background-color: var(--primary-color);
    color: #fff;
    padding: 5px 20px;
    border-radius: 7px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    color: #000;
}
.wc-block-cart__submit-container .wc-block-components-button__text{
    background-color: var(--primary-color);
    color: #fff;
    width: 100%;
    border-radius: 6px;
    padding: 10px;
}
.wc-block-cart__submit-container a span, .wc-block-checkout__actions_row a, .wc-block-components-checkout-return-to-cart-button, .entry-content a.wc-block-components-checkout-return-to-cart-button {
    color: #ffffff !important;
    text-decoration: none !important;
    background-color: var(--primary-color);
    padding: 7px 15px;
    border-radius: 8px;
}

.wc-block-components-checkout-return-to-cart-button svg{
    display: none;
}
/*================================================================
========================= Style Ends =============================
================================================================= */