/*
Theme Name: Cafeteria Elementor
Theme URI: https://www.mizanthemes.com/products/free-coffee-wordpress-theme
Author: mizanthemes
Author URI: https://www.mizanthemes.com/
Description: The Cafeteria Elementor theme is the ideal choice for cafés, coffee shops, and bistros looking to create a stylish and functional website with ease. Built with the powerful Elementor page builder, this theme offers extensive customization options that allow you to design a website that reflects your brand’s unique identity. With its Customizable Layout & Colors, you can easily modify colors, fonts, and layouts to match your café’s aesthetic, all without needing any coding skills. The theme comes with an engaging Homepage Slider, allowing you to showcase featured products, special offers, and promotions with an eye-catching image slider. This feature helps capture the attention of visitors from the moment they land on your site. For those looking to sell products online, WooCommerce Compatibility ensures seamless integration. Set up an online store to sell coffee beans, mugs, brewing accessories, and other merchandise directly from your website, offering your customers a convenient shopping experience. Additionally, the Dedicated Menu Section lets you display your café’s menu in a clean, organized, and attractive layout, making it easy for visitors to browse and discover your offerings. Whether you run a small coffee shop or a larger café, the Cafeteria Elementor theme provides all the essential features you need to create an inviting and professional website that enhances your online presence and customer engagement. Preview Link : https://preview.mizanthemes.com/cafeteria-elementor/
Version: 0.5
Requires at least: 5.6
Tested up to: 6.8
Requires PHP: 7.2
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: cafeteria-elementor
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, e-commerce, portfolio, food-and-drink

/*--------------------------------------------------------------
>>> 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-theme-color: #813D18;
    --secondary-theme-color: #000000;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

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;
}

h2.entry-title{
    word-wrap: break-word;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
button,
input,
select,
textarea {
    color: #222;
    font-size: 14px;
    line-height: 1.5;
}

body {
    line-height: 1.5;
    color: #727272;
    font-family: "Jost", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #121212;
    font-weight: bold;
    margin: 0 0 15px 0;
    font-family: "Jost", sans-serif;
}

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%;
}

.page-links {
    width: 100%;
    display: inline-block;
}
.entry-title  a{
    color: #000;
}
/*--------------------------------------------------------------
# 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-theme-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"] {
    background: var(--primary-theme-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;
}

button:hover,
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]: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;
}

.external-search .search-form input.search-field:focus,
.internal-search input.search-submit:focus {
    border: solid 1px #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%;
}
.gb_toggle{
    padding: 5px 17px;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    text-decoration: inherit;
}

a:visited {
    color: var(--primary-theme-color);
}

a:hover,
a:active {
    color: var(--primary-theme-color);
}
a:focus,
.account a:focus {
    outline: 2px solid #ff0000;
}

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-theme-color);
    background: var(--primary-theme-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;
    word-wrap: break-word;
    margin-top: 15px;
}

.meta-nav {
    background: var(--primary-theme-color);
    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-theme-color);
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    border-bottom: 4px solid var(--primary-theme-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: 5px 10px;
    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-theme-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;
}
.page-links .post-page-numbers{
    background: var(--primary-theme-color);
    border: none;
    color: #fff !important;
    font-size: 15px;
    line-height: 1.5;
    padding: 5px 20px;
}
.page-links .post-page-numbers.current{
    background: #222 none repeat scroll 0 0;
    border-color: #2195af;
    color: #ffffff;
}
/*--------------------------------------------------------------
# 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-theme-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;
}
/*--------------------------------------------------------------
# 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;
}
#primary article.hentry:nth-child(1) {
    margin-top: 0px !important;
}

#primary article.hentry:hover {
    box-shadow: 0 0 20px #cfcfcf;
}

.page-header .page-title {
    margin: 0;
}

.page-header {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 2px #cfcfcf;
    margin-bottom: 20px;
    padding: 5px 30px;
}
.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-left: 15px;
    text-align: center;
}
.author.vcard::after{
    display: none;
}
.entry-footer span:last-child::after{
    display: none;
}
.entry-footer span:after {
    content: "|";
    padding-left: 10px;
}
.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: #f9f9f9;
}

.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: #ededed;
    padding: 5px;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.entry-footer>span a {
    color: #121212;
    font-size: 16px;
}

.entry-footer a:hover {
    color: var(--primary-theme-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-theme-color);
}

.entry-meta .byline .author.vcard {
    margin-left: -4px;
}

span.comments-link::before {
    content: "\f0e6";
    color: var(--primary-theme-color);
}

.entry-footer>.cat-links::before {
    content: "\f115";
    color: var(--primary-theme-color);
}

.entry-footer>.byline::before {
    content: "\f007";
    color: var(--primary-theme-color);
}

.entry-footer .edit-link::before {
    content: "\f044";
    color: var(--primary-theme-color);
}

.entry-footer .tags-links::before {
    content: "\f02c";
}

.entry-footer>.posted-on::before {
    content: "\f017";
    color: var(--primary-theme-color);
}

.text-content {
    clear: both;
}

.text-content p {
    font-size: 18px;
    line-height: 35px;
    color: #121212;
}
.related-post .text-content p {
    font-size: 17px;
    line-height: 24px;
}
.single-post #respond {
    float: none;
}
.post-button {
    bottom: -10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.post-button a {
    padding: 8px 25px;
    z-index: 3;
    background: var(--primary-theme-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;
    background: var(--primary-theme-color);
}

.custom-entry-date span.entry-month {
    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;
    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;
}

#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;
}

.inner-wrapper {
    margin-left: -12px;
    margin-right: -12px;
}
.page-template-home-page-template .inner-wrapper{
    margin-right: auto;
    margin-left: auto;
}
.custom-button {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

.custom-button {
    border: 2px solid var(--primary-theme-color);
    display: inline-block;
    font-size: 15px;
    margin: 10px;
    padding: 8px 25px;
}

.custom-button:hover {
    background: var(--primary-theme-color);
    color: #fff;
    border-color: var(--primary-theme-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.read-more {
    margin-left: 10px;
    color: var(--primary-theme-color);
}

/*--------------------------------------------------------------
##  Preloader css
--------------------------------------------------------------*/
.loader-head {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #f9f9f9;
    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 var(--primary-theme-color);
    box-shadow: 4px 4px 5px #ffffff 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 #000;
    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);
    }
}

/* Topheader */

header.site-header{
    background-color: #090708;
}
.header-top-inner{
    gap: 10px;
}
.adver-text h6{
    color: #fff;
    font-size: 15px;
}
.adver-text span{
    color: #fff;
    font-size: 15px;
}
.header-social-icon .dashicons{
    color: #fff;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 17px;
}
.header-social-icon .dashicons:hover{
    color: #000;
}
.cart-btn img{
    height: 40px;
    width: 40px;
}
.cart-btn{
    display: flex;
    align-items: center;
}
.page-template-home-page-template .site-header{
    position: absolute;
    z-index: 999;
    width: 100%;
    background: #0000;
}
.topheader-phone a,.topheader-mail a,
.topheader-location a{
    color: #fff;
    display: inline-flex;
}
.inner-middle{
    background-color: #fff;
    border-radius: 5px;
}
.page-template-home-page-template .site-branding {
    position: absolute;
    top: -51px;
    padding: 10px;
    left: 30px;
    right: 10px;
    z-index: 999;
}
.site-branding {
    position: static;
    background: var(--primary-theme-color);
    padding: 10px;
    z-index: 999;
    border-radius: 10px;
    min-height: 100px;
}
#middle-header{
    background-color: #fff;
    border-bottom: 1px solid #000;
}
.page-template-home-page-template #middle-header{
    background-color: #0000;
    border-bottom: 1px solid #0000;
}
/* Wishslist */
.wishlist_table.mobile{
    padding-left: 0;
  }
  .wishlist_table.mobile table{
    width: auto;
  }
  .wishlist_table.mobile li{
    padding: 15px;
    border: 1px solid #000000;
  }
  .cart.wishlist_table .additional-info-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
    display: grid;
    grid-template-columns: 2fr 50%;
    gap: 10px;
  }
  .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, 
  .wishlist_table.modern_grid li .item-details table.item-details-table td.label{
    font-size: 16px !important;
    font-weight: 500;
  }
  .wishlist_table.mobile li .item-details table.item-details-table td,.additional-info .value{
    font-size: 14px !important;
    padding: 6px !important;
    font-family: "Open Sans", sans-serif;
  }
  .main-product-section .wishlist_view {
    display: block !important;
  }
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after{
    display: none;
  }
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading{
    opacity: 1;
  }
  .yith-wcwl-share .share-button i{
    font-family: 'FontAwesome';
  }
  .wishlist-items-wrapper .product-add-to-cart a{
    text-decoration: none !important;
    line-height: 12px;
  }
  .wishlist_table .product-add-to-cart a{
    display: inline-block !important;
    border-radius: 6px;
    background: var(--primary-theme-color);
    color: #fff;
    padding: 12px 12px !important;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none !important;
  }
  .woocommerce table.shop_table th, .woocommerce table.shop_table td{
    color: #000;
    font-weight: 500;
    font-size: 14px;
  }
  .wishlist-items-wrapper .product-name a{
    text-decoration: none !important;
    color: #000;
  }
  .woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: inline-end;
}
.product_meta a{
    color: #000;
}
.widget-area .wp-block-search .wp-block-search__button{
    border-radius: 0PX;
}
/*--------------------------------------------------------------
##  Header Style
--------------------------------------------------------------*/
#middle-header.sticky {
    position: fixed !important;
    width: 100%;
    background: #ffffff !important;
    box-shadow: 2px 2px 10px 0px #26292c2e;
    z-index: 99999;
    top: 0px;
    height: auto !important;
}
#middle-header.sticky .top-menu{
    background-color: #0000;
}
.admin-bar #middle-header.sticky {
    top: 32px;
}
.page-template-home-page-template #middle-header.sticky:before{
    display: none;
}
#header-social .cafeteria_elementor_widget_social ul li a::before {
    line-height: 1.5;
    font-size: 16px;
}
#header-social .cafeteria_elementor_widget_social li a {
    height: 25px;
    background: inherit;
    width: 20px;
}
#header-social .cafeteria_elementor_widget_social ul li a::before {
    color: #121212;
    text-shadow: inherit;
    font-size: 14px;
    font-weight: 300;
}
.search-form input.search-field {
    border: 1px solid #dddddd;
    height: 15px;
    margin-right: 10px;
    margin-top: 8px;
    bottom: -98px;
    padding: 15px 15px 15px;
    width: 90%;
    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-theme-color);
    background: none;
}

/* Anchor tag undeline */

#sidebar-primary .textwidget a,
.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-theme-color);
    text-decoration: underline !important;
}

.wp-block-button__link {
    color: #fff !important;
}

/*middle header css*/

.site-header.fixed {
    background-color: var(--primary-theme-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-theme-color) none repeat scroll 0 0;
    margin: 0;
}

.site-header.fixed #main-nav a {
    color: #ffffff;
}
.site-description {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}
.site-branding img {
    margin-top: 5px;
    vertical-align: middle;
}

.site-title>a {
    color: #fff;
    font-size: 25px;
    font-weight: bold;
}

.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;
    line-height: 30px;
}

.site-info a {
    color: #fff;
}

.woocommerce a.remove:hover {
    background: var(--primary-theme-color) none repeat scroll 0 0 !important;
}

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

.admin-bar .fixed {
    margin-top: 32px;
}
.main-navigation ul .menu-item.menu-item-has-children a,
.main-navigation ul .page_item.page_item_has_children a{
  position: relative;
}
.main-navigation ul .menu-item.menu-item-has-children a:after,
.main-navigation ul .page_item.page_item_has_children a:after{
  content: '\f107';
  position: absolute;
  height: 0;
  width: 0;
  border-top-color: #e1e1e1;
  color: #000;
  font-weight: 600;
  font-family: 'Font Awesome 6 Free';
  margin-top: 4px;
  right: 0;
  font-size: 12px;
  padding: 0px 10px;
}
.main-navigation ul .menu-item.menu-item-has-children .sub-menu a:after,
.main-navigation ul .page_item.page_item_has_children .children a:after{
  content: none;
}
.main-navigation .menu ul {
  margin-bottom: 0px;
  padding: 0px;
  display: inline-block;
}
.main-navigation .menu li {
  display: inline;
  position: relative;
  list-style: none;
}
#site-navigation .menu ul li a {
  padding: 15px;
  font-size: 14px;
  color: #000;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 16px;
}
#site-navigation .menu ul.sub-menu li a,
#site-navigation .menu ul.children li a{
  line-height: 1.5;
  text-align: left;
}
nav#site-navigation{
  padding: 0;
}
.main-navigation ul.sub-menu li a, 
.main-navigation ul.children li a{
  color: #000000 !important;
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus, 
.main-navigation ul.children > li > a:hover, .main-navigation ul.children > li > a:focus{
  background: var(--primary-theme-color);
  color: #ffffff !important;
  border-radius: 8px;
}
.main-navigation .menu {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.main-navigation .menu > li {
  display: inline;
  position: relative;
}
.main-navigation .menu > li > a {
  padding: 16px;
  display: inline-block;
  font-size: 15px;
  text-transform: capitalize;
  color: #000;
  font-weight: 600;
}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a{
  color: var(--primary-theme-color) !important;
}
.main-navigation .menu > li > a:hover,
.main-navigation .menu > ul > li > a:hover{
  color: var(--primary-theme-color);
  position: relative;
}
.main-navigation .menu > li > a:hover::before,
.main-navigation .menu > ul > li > a:hover::before{
    content: '';
    height: 3px;
    width: 80%;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--primary-theme-color);
}
.main-navigation .sub-menu,
.main-navigation .children {
  background-color: #ffffff;
  list-style: none;
  padding-left: 0;
  position: absolute;
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  width: 200px !important;
  border-radius: 8px;
  box-shadow: 0px 5px 8px #00000094;
}
.main-navigation .sub-menu > li > a:hover,
.main-navigation .sub-menu > li > a:focus,
.main-navigation .children > li > a:hover,
.main-navigation .children > li > a:focus {
  background: #FDD61F;
  color: #fff;
}
.main-navigation .sub-menu li ul.sub-menu,
.main-navigation .children li ul.children {
  left: 177px !important;
  top: 0px;
}
.main-navigation .sub-menu > li,
.main-navigation .children > li {
  display: block;
  float: none;
  position: relative;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
  display: inline-block;
  position: absolute;
  width: calc( 24px + 1rem);
  right: 0;
  top: calc( .125 * 1rem);
  bottom: 0;
  color: white;
  line-height: 1;
  padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
  margin-right: 0;
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > a,
.main-navigation .children > li > .menu-item-link-return {
  color: #fff;
  display: block;
  padding: 15px;
  font-weight: 600;
}
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
  width: 100%;
  font-size: 22px;
  font-weight: normal;
  text-align: left;
}
.main-navigation .sub-menu > li > a:empty,
.main-navigation .children > li > a:empty {
  display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item,
.main-navigation .children > li.mobile-parent-nav-menu-item {
  display: none;
  font-size: 0.88889em;
  font-weight: normal;
}
.main-navigation .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-navigation .menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu,
.main-navigation .menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu,
.main-navigation .menu .page_item_has_children:not(.off-canvas):hover > .children,
.main-navigation .menu .page_item_has_children:not(.off-canvas):focus > .children,
.main-navigation .menu .page_item_has_children.is-focused:not(.off-canvas) > .children,
.main-navigation .menu .page_item_has_children:not(.off-canvas)[focus-within] > .children,
.main-navigation .menu .page_item_has_children:not(.off-canvas):focus-within > .children   {
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
  width: auto;
  min-width: 100%;
}
.toggle-nav ,a.closebtn.mobile-menu{
    display: none;
}
/*--------------------------------------------------------------
## Social Links Style 
--------------------------------------------------------------*/
.cafeteria_elementor_widget_social {
    clear: both;
    overflow: hidden;
}

.cafeteria_elementor_widget_social ul {
    margin: 0;
}

.cafeteria_elementor_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;
}

.cafeteria_elementor_widget_social li {
    display: inline-block;
}

.widget-area .cafeteria_elementor_widget_social li,
#footer-widgets .cafeteria_elementor_widget_social li {
    padding: 0;
}

.widget-area .cafeteria_elementor_widget_social li::before,
#footer-widgets .cafeteria_elementor_widget_social li::before {
    display: none;
}

.cafeteria_elementor_widget_social ul li a::before {
    font-size: 19px;
}

.cafeteria_elementor_widget_social li a i {
    color: #cacad8;
    font-size: 20px;
    font-weight: normal;
}

.cafeteria_elementor_widget_social ul li a::before {
    color: #ffffff;
    content: "\f0c1";
    display: block;
    font-family: FontAwesome;
    font-weight: normal;
    line-height: 2.2;
}

.cafeteria_elementor_widget_social ul li a[href*="facebook.com"]::before {
    content: "\f09a";
}

.cafeteria_elementor_widget_social ul li a[href*="twitter.com"]::before {
    content: "\f099";
}

.cafeteria_elementor_widget_social ul li a[href*="linkedin.com"]::before {
    content: "\f0e1";
}

.cafeteria_elementor_widget_social ul li a[href*="plus.google.com"]::before {
    content: "\f0d5";
}

.cafeteria_elementor_widget_social ul li a[href*="youtube.com"]::before {
    content: "\f167";
}

.cafeteria_elementor_widget_social ul li a[href*="dribbble.com"]::before {
    content: "\f17d";
}

.cafeteria_elementor_widget_social ul li a[href*="pinterest.com"]::before {
    content: "\f0d2";
}

.cafeteria_elementor_widget_social ul li a[href*="bitbucket.org"]::before {
    content: "\f171";
}

.cafeteria_elementor_widget_social ul li a[href*="github.com"]::before {
    content: "\f113";
}

.cafeteria_elementor_widget_social ul li a[href*="codepen.io"]::before {
    content: "\f1cb";
}

.cafeteria_elementor_widget_social ul li a[href*="flickr.com"]::before {
    content: "\f16e";
}

.cafeteria_elementor_widget_social ul li a[href$="/feed/"]::before {
    content: "\f09e";
}

.cafeteria_elementor_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.cafeteria_elementor_widget_social ul li a[href*="instagram.com"]::before {
    content: "\f16d";
}

.cafeteria_elementor_widget_social ul li a[href*="tumblr.com"]::before {
    content: "\f173";
}

.cafeteria_elementor_widget_social ul li a[href*="reddit.com"]::before {
    content: "\f1a1";
}

.cafeteria_elementor_widget_social ul li a[href*="vimeo.com"]::before {
    content: "\f194";
}

.cafeteria_elementor_widget_social ul li a[href*="digg.com"]::before {
    content: "\f1a6";
}

.cafeteria_elementor_widget_social ul li a[href*="twitch.tv"]::before {
    content: "\f1e8";
}

.cafeteria_elementor_widget_social ul li a[href*="stumbleupon.com"]::before {
    content: "\f1a4";
}

.cafeteria_elementor_widget_social ul li a[href*="delicious.com"]::before {
    content: "\f1a5";
}

.cafeteria_elementor_widget_social ul li a[href*="mailto:"]::before {
    content: "\f0e0";
}

.cafeteria_elementor_widget_social ul li a[href*="soundcloud.com"]::before {
    content: "\f1be";
}

.cafeteria_elementor_widget_social ul li a[href*="wordpress.org"]::before {
    content: "\f19a";
}

.cafeteria_elementor_widget_social ul li a[href*="wordpress.com"]::before {
    content: "\f19a";
}

.cafeteria_elementor_widget_social ul li a[href*="jsfiddle.net"]::before {
    content: "\f1cc";
}

.cafeteria_elementor_widget_social ul li a[href*="tripadvisor.com"]::before {
    content: "\f262";
}

.cafeteria_elementor_widget_social ul li a[href*="foursquare.com"]::before {
    content: "\f180";
}

.cafeteria_elementor_widget_social ul li a[href*="angel.co"]::before {
    content: "\f209";
}

.cafeteria_elementor_widget_social ul li a[href*="slack.com"]::before {
    content: "\f198";
}

.cafeteria_elementor_widget_social ul li a[href*="plus.google.com"] {
    background-color: #dd4b39;
}

.cafeteria_elementor_widget_social ul li a[href*="/feed/"] {
    background-color: #dc622c;
}

.cafeteria_elementor_widget_social ul li a[href*="wordpress.org"],
.cafeteria_elementor_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;
}

.widget-area .widget::after,
.widget-area .widget::before {
    clear: both;
    content: "";
    display: table;
}

.sidebar .widget_block h2,.sidebar .widget-title ,.sidebar .wp-block-archives__label,.sidebar .wp-block-search__label ,
.sidebar .wp-block-categories__label{
    color: #091d2d;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700!important;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #e7ecef;
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-align: left;
}

.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-theme-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-theme-color);
}

.sidebar .widget {
    padding: 40px 30px;
    border-radius: 0;
    position: relative;
    box-shadow: 0 0 2px #727070;
    border-bottom: 3px solid var(--primary-theme-color);
}

.sidebar .widget:hover {
    box-shadow: 0 0 20px #cfcfcf;
}
.sidebar .widget::before {
    content: "";
    width: 4px;
    height: 15px;
    position: absolute;
    left: 30px;
    top: 0;
    background: var(--primary-theme-color);
}
.sidebar ul li.wp-social-link::before {
    display: none;
}
.sidebar .wp-block-latest-posts__featured-image img{
    width: 67px;
    margin-bottom: 10px;
    border-radius: 3px;
}
/* sidebar links */
.sidebar .widget_text a ,.sidebar .wp-block-heading a{
    text-decoration: underline !important;
}
.footer-widget-area .wp-block-heading a,
.footer-widget-area .widget_text a{
    text-decoration: underline !important;
}
#footer-widgets ul li.wp-social-link::before {
    display: none;
}
/*calendar widget*/
.widget_calendar {
    text-align: center;
}

.widget_calendar caption {
    background: var(--primary-theme-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-theme-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-theme-color);
    color: var(--primary-theme-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: var(--primary-theme-color);
    clear: both;
    color: rgba(255, 255, 255, 0.75);
    font-size: 18px;
    padding: 15px 0;
    text-align: center;
}

#colophon a {
    color: rgba(255, 255, 255, 0.75);
}

#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: fff;
}

#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 9px 9px ;
    position: relative;
}
#footer-widgets ul li a{
    padding-left: 15px;
    word-wrap: break-word;
}
#footer-widgets ul .wpr-mini-cart-remove a{
    padding-left: 0px !important; 
}
#footer-widgets ul .wpr-mini-cart-remove {
    position: absolute;
    left: 0 !important;
    top: 0;
}
#footer-widgets ul li::before {
    color: rgba(255, 255, 255, 0.75);
    content: "\f344";
    display: inline-block;
    font-family: dashicons;
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 3px;
}
#footer-widgets ul li.mini_cart_item::before{
    display: none;
}
#footer-widgets a .footer-widget-area {
    float: left;
    padding: 0 25px;
    width: 25%;
}

#footer-widgets a,
#footer-widgets p {
    color: #fff;
    font-size: 16px;
}

#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,
#footer-widgets .wp-block-archives__label,
#footer-widgets .wp-block-categories__label,
#footer-widgets .wp-block-search__label {
    color: #dddddd;
    font-size: 21px;
    font-weight: 800;
    text-align: left;
}
#footer-widgets .wp-block-latest-posts__post-excerpt,
#footer-widgets .wp-block-latest-posts__post-date,
#footer-widgets .wp-block-latest-posts__post-author,
#footer-widgets .notice-error {
    color: #fff;
}
#footer-widgets input#woocommerce-product-search-field-1 {
    width: 100%;
    margin-bottom: 5px;
}
#footer-widgets .woocommerce-product-search button{
width: 100%;
}
#footer-widgets .woocommerce-product-search{
    text-align: center;
}
header.entry-header h1 {
    word-wrap: break-word;
}
#footer-widgets .woocommerce ul.product_list_widget li .star-rating{
    margin: 5px 0px;
}
#footer-widgets .woocommerce-product-search .search-field{
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
}
#footer-widgets .woocommerce-product-search .search-field::placeholder{
    text-align: center;
}
#footer-widgets .woocommerce-product-search button{
    border-radius: 0px;
}
/*Footer Navigation*/
#colophon .cafeteria_elementor_widget_social ul li a::before {
    font-size: 14px;
}

#colophon .cafeteria_elementor_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*/

#scrollToTopBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    min-height: inherit;
    background-color: #000000;
    color: white;
    border: none;
    box-shadow: none;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
    padding: 0;
    z-index: 1000;
    transition: background-color 0.3s;
}

#scrollToTopBtn #progressCircle {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg);
}
#scrollToTopBtn circle {
    stroke: var(--primary-theme-color);
    stroke-dasharray: 138;
    stroke-dashoffset: 138;
    transition: stroke-dashoffset 0.3s;
}

/*--------------------------------------------------------------
##  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%;
}

.four-columns-enabled #sidebar-secondary1 {
    float: inline-end;
}

.four-columns-enabled .sidebar {
    width: 25%;
}

.global-layout-three-columns .sidebar {
    float: right;
}

.three-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-theme-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;
}
/*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;
}
.error-404 .search-form {
    display: flex;
    align-items: center;
    justify-content: center;
}
.error404 .search-form .search-submit {
    height: 45px;
    padding: 0 20px;
    display: block;
    background: var(--primary-theme-color);
    color: #fff;
    border: none;
}
.error404 .search-form input.search-field{
    margin-top: 0px;
}
/* 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-theme-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%;
}

.footer-widget-area mark,.footer-widget-area ins {
    background: #121212;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
}
.footer-widget-area .woocommerce-Price-amount{
    color: #fff;
}
/*--------------------------------------------------------------
### Recent post widget style
--------------------------------------------------------------*/
#footer-widgets .cafeteria_elementor_widget_recent_posts .recent-posts-item {
    margin: 0;
}

.cafeteria_elementor_widget_recent_posts .recent-posts-title {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.cafeteria_elementor_widget_recent_posts .recent-posts-title a {
    color: #222;
}

.cafeteria_elementor_widget_recent_posts .recent-posts-item {
    clear: both;
    margin-top: 30px;
}

.cafeteria_elementor_widget_recent_posts .recent-posts-item::after {
    clear: both;
    content: "";
    display: table;
}

.cafeteria_elementor_widget_recent_posts .recent-posts-date::before {
    display: inline-block;
    font-family: FontAwesome;
    height: 15px;
    margin-right: 8px;
    content: "\f017";
}

/*--------------------------------------------------------------
### Featured Page Widget style 
--------------------------------------------------------------*/
#cafeteria-elementor-front-page-widgets .cafeteria_elementor_widget_featured_page .container {
    width: 1349px;
    padding: 0;
    max-width: 100%;
}

#cafeteria-elementor-front-page-widgets .featured-page-widget img.alignleft {
    margin-right: 60px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 50%;
}

#cafeteria-elementor-front-page-widgets .featured-page-widget img.alignright {
    margin-left: 60px;
    vertical-align: middle;
    margin-bottom: 0;
    max-width: 50%;
}

#cafeteria-elementor-front-page-widgets .fetured-page-content {
    padding: 50px;
}

#cafeteria-elementor-front-page-widgets .featured-page-widget.entry-content {
    margin: 0;
    background: #fff;
}

#cafeteria-elementor-front-page-widgets .cafeteria_elementor_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-theme-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
--------------------------------------------------------------*/
.cafeteria_elementor_widget_products_grid .cafeteria-elementor-woocommerce-product-grid-4 ul.products li.product {
    margin: 0 1.5% 30px;
    width: 22%;
}

.cafeteria_elementor_widget_products_grid .cafeteria-elementor-woocommerce-product-grid-3 ul.products li.product {
    width: 30.3%;
    margin: 0 1.5% 30px;
}

.cafeteria-elementor-woocommerce ul {
    margin: 0;
}

.cafeteria_elementor_widget_products_grid .cafeteria-elementor-woocommerce {
    margin: 0 -15px;
}

#cafeteria-elementor-front-page-widgets .cafeteria_elementor_widget_products_grid {
    padding-bottom: 0;
}
.woocommerce-info a,
.site-title,
.woocommerce-info::before {
    color: #121212;
}

.woocommerce-info {
    border-top-color: var(--primary-theme-color) !important;
}

/*--------------------------------------------------------------
### Woocommercce Carousel widget style
--------------------------------------------------------------*/
.cafeteria-elementor-woocommerce .slick-prev {
    left: 0;
    z-index: 999;
}

.cafeteria-elementor-woocommerce .slick-next {
    right: 0;
    z-index: 999;
}

.cafeteria-elementor-woocommerce .slick-arrow {
    bottom: 50%;
    position: absolute;
}

.cafeteria-elementor-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;
}

.cafeteria-elementor-woocommerce ul.products li.product a img {
    box-shadow: none;
    display: block;
    height: auto;
    margin: 0 0 1em;
    width: 100%;
}

.cafeteria-elementor-woocommerce .quantity .qty {
    height: 36px;
    text-align: center;
    width: 3.631em;
}

.cafeteria-elementor-woocommerce ul.products li.product,
.cafeteria-elementor-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;
}

.cafeteria-elementor-woocommerce ul.products li.product .price del {
    color: inherit;
    display: inline-block;
}

.cafeteria-elementor-woocommerce span.onsale {
    background-color: #121212;
    color: #ffffff;
    position: absolute;
    z-index: 99;
}

.cafeteria-elementor-woocommerce #review_form #respond p.stars {
    margin: 10px 0;
    padding: 0;
}

.cafeteria-elementor-woocommerce ul.products li.product .price ins {
    font-weight: 700;
}

.cafeteria-elementor-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);
}

.cafeteria-elementor-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;
}

.cafeteria-elementor-woocommerce ul.products li.product h3 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 7px;
    width: 100%;
}

.cafeteria-elementor-woocommerce.cafeteria-elementor-woocommerce-product-grid-3 ul.products li.product .button {
    left: 32%;
}

.cafeteria-elementor-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;
}

.cafeteria-elementor-woocommerce ul.products li.product .button:hover {
    color: #fff;
}

.cafeteria-elementor-woocommerce ul.products li.product:hover .button {
    visibility: visible;
    opacity: 1;
    top: 40%;
}

.cafeteria-elementor-woocommerce .star-rating {
    float: right;
    font-family: star;
    font-size: 1em;
    height: 1em;
    line-height: 1;
    overflow: hidden;
    position: relative;
    width: 5.4em;
}

.cafeteria-elementor-woocommerce .star-rating::before {
    color: #d3ced2;
    content: "sssss";
    float: left;
    left: 0;
    position: absolute;
    top: 0;
}

.cafeteria-elementor-woocommerce .star-rating span {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0;
}

.cafeteria-elementor-woocommerce .star-rating span::before {
    color: #ffd353;
    content: "SSSSS";
    left: 0;
    position: absolute;
    top: 0;
}

.cafeteria-elementor-woocommerce .woocommerce-product-rating {
    display: block;
    line-height: 2;
}

.cafeteria-elementor-woocommerce .woocommerce-product-rating::after,
.cafeteria-elementor-woocommerce .woocommerce-product-rating::before {
    content: " ";
    display: table;
}

.cafeteria-elementor-woocommerce .woocommerce-product-rating .star-rating {
    float: left;
    margin: 0.5em 4px 0 0;
}

.cafeteria-elementor-woocommerce .products .star-rating {
    display: block;
    float: none;
    left: 25px;
    position: absolute;
    top: 62%;
}

.cafeteria-elementor-woocommerce .hreview-aggregate .star-rating {
    margin: 10px 0 0;
}

.cafeteria-elementor-woocommerce ul.products li.product .price {
    color: #77a464;
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}

.cafeteria-elementor-woocommerce ul.products li.product .star-rating {
    font-size: 16px;
}

.cafeteria-elementor-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-theme-color);
    border-radius: 10px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--primary-theme-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: #121212;
}

.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-theme-color);
}

.woocommerce span.onsale {
    background-color: var(--primary-theme-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-theme-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-theme-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-theme-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-theme-color);
    color: #fff !important;
    text-decoration: none !important;
    padding: 10px;
    font-weight: 600;
    display: inline-block;
}

/*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 5px;
    padding: 5px 0px 0px 0px;
}
.woocommerce #review_form #respond .comment-form-email{
    padding-left: 20px;
}
.woocommerce .star-rating span::before {
    color: var(--primary-theme-color);
}

.woocommerce ul.products li.product .star-rating {
    font-size: 16px;
}

/*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;
}

/*Woocommerce css*/
.wp-block-woocommerce-cart.alignwide{
    margin-left: auto;
    margin-right: auto;
  }
  td.wc-block-cart-item__image{
    padding: 11px !important;
  }
  td.wc-block-cart-item__total,.wc-block-components-totals-item,.wc-block-components-totals-coupon{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  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;
  }
  tr.wc-block-cart-items__header th{
    font-weight: 700;
    padding: 9px 12px !important;
    line-height: 1.5em;
    font-size: 16px;
  }
  a.wc-block-components-product-name{
    color: #000;
    font-size: 20px;  
    font-weight: 600;
  }
  a.wc-block-components-product-name,button.wc-block-cart-item__remove-link,a.wc-block-components-totals-coupon-link,
  a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
  a.wc-block-components-checkout-return-to-cart-button{
    text-decoration: none !important;
  }
  button.wc-block-cart-item__remove-link{
    font-size: 1em !important;
  }
  span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
    text-align: left !important;
  }
  a.wc-block-components-totals-coupon-link,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
  a.wc-block-components-checkout-return-to-cart-button,.wc-block-components-totals-coupon__button.contained,button.wc-block-components-checkout-place-order-button , .wc-block-cart__submit-container a{
    background: var(--primary-theme-color);
    border-color:var(--primary-theme-color);
    color: #fff !important;
    font-weight: 500;
    font-size: 18px;
    border: 1px solid #ccc;
    padding: 0.245em 1.325em;
    border-radius: 10px;
    text-decoration: none !important;
  }
  span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
    font-size: 1.5em !important;
    padding: 10px !important;
    display: block !important;
  }
  .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{
    padding-right: 0%;
  }
  button.wc-block-components-checkout-place-order-button:hover,
  a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
  a.wc-block-components-checkout-return-to-cart-button:hover{
    background-color:#000 ;
    border-color: #000 !important;
  }
  .wp-block-woocommerce-checkout-order-summary-block{
    border: 1px solid rgba(0,0,0,.1);
  }
  .wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper{
    padding: 10px;
  }
  li.wc-block-grid__product a{
    text-decoration: none !important;
  }
  li.wc-block-grid__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-radius: 10px;
    border: none !important;
  }
  .woocs_price_code ins{
    background-color: transparent !important;
  }
  .wc-block-grid__product-onsale{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
    font-size: 14px !important;
    font-weight: 400 !important;
    height: 60px !important;
    line-height: 8px !important;
    margin: 0 !important;
    min-height: 20px !important;
    padding: 40px 0 0 !important;
    right: -40px !important;
    text-align: center!important;
    text-shadow: none !important;
    text-transform: uppercase;
    top: -12px !important;
    transform: rotate(51deg)!important;
    width: 95px !important;
    font-weight: bold !important;
    display: block !important;
    background-color: var(--primary-theme-color) !important;
    border-radius: 50% !important;
    color: #fff !important;
  }
  .wc-block-grid__product-title{
    font-size: 22px !important;
    color: #212121 !important;
    font-weight: 600;
  }
  a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart{
    padding: 10px 12px;
    border-radius: 8px !important;
  }
  img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail{
    width: 100% !important;
  }
  h2.wp-block-heading.has-text-align-center{
    margin: 10px 0;
  }
  .wc-block-cart-item__image{
    padding-right: 5px !important;
  }
  .wc-block-grid.has-4-columns .wc-block-grid__product {
    max-width: 33% !important;
}
.product  a.added_to_cart.wc-forward{
    background: var(--primary-theme-color);
    padding: 5px 20px;
    color: #fff;
}
a.wpr-mini-cart-product-name{
    padding-left: 0px !important;
}
.woocommerce ul.product_list_widget li img {
    width: 20% !important;
}
.woocommerce .wpr-mini-cart-image img, .wpr-mini-cart-image a img {
    float: right !important;
    display: block;
     min-width: auto !important;
}
.textwidget.custom-html-widget{
    word-break: break-all;
}
header.woocommerce-Address-title.title a {
    background: var(--primary-theme-color);
    border-radius: 5px !important;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold !important;
    text-decoration: none !important;
    padding: 8px 16px !important;
}
header.woocommerce-Address-title.title {
    display: inline-grid;
    margin-bottom: 20px;
}
.wc-block-components-checkout-return-to-cart-button{
    padding: 10px 20px!important;
}
.wc-block-components-checkout-return-to-cart-button svg{
    display: none;
}
/*--------------------------------------------------------------
##  Media Queries For Container
--------------------------------------------------------------*/
@media only screen and (min-width: 992px){
    .e-con.e-flex>.e-con-inner ,
        .e-grid.e-con-boxed.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con {
        max-width: 960px;
        margin: 0 AUTO !important;
    }
}
@media only screen and (min-width: 1200px){
    .e-con.e-flex>.e-con-inner ,
     .e-grid.e-con-boxed.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con{
        max-width: 1140px !important;
        margin: 0 AUTO !important;
    }

}
@media only screen and (min-width: 1400px){
    .e-con.e-flex>.e-con-inner ,
    .e-grid.e-con-boxed.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con{
        max-width: 1320px !important;
        margin: 0 AUTO !important;
    }
}
@media only screen and (min-width: 1600px){
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container,.e-con.e-flex>.e-con-inner ,
    .e-grid.e-con-boxed.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con{
        max-width: 1500px !important;
        margin: 0 AUTO !important;
    }
}
@media only screen and (min-width: 1920px){
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container, .e-con.e-flex>.e-con-inner,
    .e-grid.e-con-boxed.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con{
        max-width: 1600px !important;
    }

}
/*--------------------------------------------------------------
##  Media Queries 
--------------------------------------------------------------*/

/* Smaller than standard 1349 above (devices and browsers) */
@media only screen and (min-width:1400px) {
    .cafeteria_elementor_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-theme-color);
    }
    .cursor-point-outline {
        width: 30px;
        height: 30px;
        background-color: var(--primary-theme-color);
        opacity: 0.4 !important;
    }
}
@media only screen and (min-width:768px){
    .currency-box{
        border-left: 1px solid #F2F2F2;
        border-right: 1px solid #F2F2F2;
    }
    #footer-widgets .footer-widget-area {
        float: left;
        padding: 0px 15px;
    }
}
/* Smaller than standard 1139 (devices and browsers) */
@media only screen and (max-width:1300px) {
    .container {
        width: 97%;
    }
    .page-template-home-page-template .container{
        width: 100%;
    }

    .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;
    }
    #footer-widgets .search-form .search-field {
        width: 100% !important;
    }
    .authorbox .author-info,
    .authorbox .author-bio-posts-content {
        float: left;
        max-width: 70%;
        width: 70%;
    }
    #cafeteria-elementor-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;
    }

    .cafeteria_elementor_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%;
    }
    .follow-us{
        display: none;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1024px) {
    tr.wc-block-cart-items__row {
      gap: 1em;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .related.products ul.products li.product,.related.products .woocommerce-page ul.products li.product{
    width: 46%;
    }
    .follow-us{
        display: none;
    }
}
/* 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%;
    }

    .slider-enabled .site-header {
        position: inherit;
    }

    .site-description {
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0;
    }

    .cafeteria-elementor-woocommerce-product-grid-4 ul.products li.product .button {
        padding: 5px 13px;
        left: 13%;
        font-size: 14px;
    }

    .cafeteria-elementor-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;
    }

    .cafeteria-elementor-woocommerce .products .star-rating {
        top: 20px;
    }

    .gb_nav_menu .nav ul li a:focus,
    a.closebtn.gb_menu:focus,
    .toggle-menu button:focus,
    .toggle-btn a:focus ,
    .close-pop a:focus {
        outline: -webkit-focus-ring-color auto 1px;
    }
    .page-template-home-page-template #middle-header:before{
        display: none;
    }
    .top-menu {
        background: #0000;
    }
    .toggle-btn{
        background: var(--primary-theme-color);
        width: 45px;
        height: 35px;
        line-height: 33px;
    }
    .main-navigation ul .menu-item.menu-item-has-children a:after,
    .main-navigation ul .page_item.page_item_has_children a:after{
      content: none;
    }
    ul#menu-testing-menu li.current-menu-item.current_page_item a{
      border: none;
      color: #ffffff;
    }
    .admin-bar .sidenav .closebtn{
      top: 50px;
    }
    .main-navigation ul.sub-menu li a,
    .main-navigation ul.children li a {
      color: #ffffff !important;
    }
    .main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus,
    .main-navigation ul.children > li > a:hover, .main-navigation ul.children > li > a:focus{
      background: transparent;
    }
    .slider-box-btn {
      margin: 17px 0;
    }
    .main-navigation .menu > li > a:hover{
      color: #FDD61F;
    }
    .toggle-nav.mobile-menu {
      text-align: start;
    }
    .nav-box {
      outline: none;
      background: transparent;
    }
    .main-navigation .sub-menu > li,
    .main-navigation .children > li{
      border: none;
    }
    .toggle-nav i {
      font-size: 20px;
      color: #fff;
      padding: 10px;
      background: #000;
      border-radius: 8px;
    }
    .toggle-nav button {
      border: none;
      background: transparent;
    }
    .sidenav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 99999999;
      right: 0;
      top: 0;
      overflow-x: hidden;
      transition: 0.5s;
      overflow-y: scroll;
      background: #1E192D;
      visibility: hidden;
      box-shadow: -3px 0px 10px 0px #666;
    }
    .sidenav.show {
      visibility: visible;
      width: 300px;
    }
    .sidenav .closebtn {
      position: absolute;
      top: 20px;
      margin-left: 10px;
      display: block;
      font-size: 22px;
      background: var(--primary-theme-color);
      border-radius: 5px;
      width: 35px;
      height: 35px;
      color: #fff;
      text-align: center;
      right: 14px;
    }
    .sidenav #site-navigation {
      width: 100%;
      background-color: #ffffff;
      box-shadow: 0px 0px 8px #000000;
      padding-left: 6px;
      display: flex;
    align-content: flex-start;
    }
    .toggle-nav,
    .toggle-nav.mobile-menu,
    a.closebtn.mobile-menu,
    .main-navigation ul ul li,
    .nav ul li a{
      display: block;
    }
    .nav ul li ul,
    .nav ul li ul ul{
      display:block !important;
    }
    .nav ul li ul li a:before{
      content:"\00BB \00a0";
    }
    .nav ul li ul li a{
      padding-left:20px !important;
    }
    .nav ul li ul li ul li a{
      padding-left:30px !important;
    }
    .nav ul li ul,
    .nav ul li ul ul {
      display: block !important;
      opacity: 1 !important;
    }
    .main-navigation ul ul{
      position: static;
      width: 100%;
    }
    .main-navigation li{
      padding: 0;
    }
    .main-navigation .sub-menu,
    .main-navigation .children{
      position: static;
      background: transparent;
    }
    .main-navigation .menu > li > a,.main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return,
    .main-navigation .menu > li > a,.main-navigation .children > li > a, .main-navigation .children > li > .menu-item-link-return {
      color: #000000 !important;
      display: block;
      border: none;
      text-align: left;
    }
    #site-navigation .menu ul li a{
      color: #000000 !important;
      line-height: 1.5;
    }
    .main-navigation .menu ul{
      text-align: left;
      box-shadow: none;
    }
    .navigation_header .nav, .navbar-expand-xl {
      justify-content: flex-start;
    }
    #site-navigation > div{
        margin-top: 50px;
    }
    .main-navigation .menu > li > a:hover::after {
        display: none;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
    .text-content p {
        text-align: left;
    }

    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;
    }

    .cafeteria_elementor_widget_products_grid .cafeteria-elementor-woocommerce-product-grid-4 ul.products li.product,
    .cafeteria_elementor_widget_products_grid .cafeteria-elementor-woocommerce-product-grid-3 ul.products li.product {
        margin: 0 1.5% 30px;
        width: 47%;
    }

    .cafeteria-elementor-woocommerce-product-grid-4 ul.products li.product .button,
    .cafeteria-elementor-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%;
        text-align: left;
    }

    .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;
    }
    .topheader .translate-lang,.topheader .contact-button , .adv-text {
        text-align: center;
        padding: 5px;
    }
    .toggle-menu{
        padding: 10px;
    }
    .gt_selector.notranslate{
    width: 33% !important;
    }
    .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%;
    }
    a.custom-logo-link{
        float: none;
        display: flex;
        justify-content: center;
        margin-right: 0;
        margin-top: 15px;
        width: 100%;
    }
    #top-header p{
        margin-bottom: 5px !important;
    }
    ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
        grid-template-columns: 1fr;
    }
    #tab-reviews .comment-form-author, #tab-reviews .comment-form-email, #tab-reviews .comment-form-url {
        width: 100%;
    }
    .woocommerce #review_form #respond .comment-form-email{
        padding-left: 0px;
    }
}

/* 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;
    }

    #site-identity {
        margin-right: 0;
        text-align: center;
        width: 100%;
        margin-top: 10px;
    }

    .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) {
    .info-wrap {
        margin-bottom: 10px;
    }

    #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;
        text-align: center;
    }

    #footer-widgets .widget-title {
        text-align: center;
    }

    #footer-widgets ul li::before{
        display: none;
    }
    #footer-widgets ul li a{
        padding-left: 0px;
    }
    .social-links .cafeteria_elementor_widget_social li {
        display: inline-block;
        float: none;
    }

    .page-title {
        font-size: 20px;
        margin-bottom: 7px;
    }

    #footer-widgets .footer-active-2 .cafeteria_elementor_widget_social {
        margin-top: 0;
    }

    .services-block-list {
        text-align: center;
    }

    #cafeteria-elementor-front-page-widgets .fetured-page-content {
        padding: 0 15px;
        text-align: left;
    }

    #cafeteria-elementor-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;
    }

    #cafeteria-elementor-featured-blocks article {
        margin-bottom: 15px;
    }

    .cafeteria_elementor_widget_products_grid .cafeteria-elementor-woocommerce-product-grid-4 ul.products li.product,
    .cafeteria_elementor_widget_products_grid .cafeteria-elementor-woocommerce-product-grid-4 ul.products li.product {
        width: 94%;
        margin: 0 auto 15px;
        float: none;
    }

    .cafeteria-elementor-woocommerce-product-grid-4 ul.products li.product .button,
    .cafeteria-elementor-woocommerce-product-grid-3 ul.products li.product .button {
        font-size: 14px;
        left: 28%;
        padding: 5px 13px;
    }

    .site-title {
        margin: 0;
    }
    #footer-widgets .woocommerce ul.product_list_widget li .star-rating{
        margin: 5px auto;
    }
}
@media only screen and (max-width:600px) {
    .admin-bar #middle-header.sticky { 
        top: 0px !important;
        padding: 10px;
    }

}
/* Footer search  */

#footer-widgets .search-form label {
    width: 80%;
}

#footer-widgets .search-form .search-field {
    border: 1px solid #000;
    padding: 10px;
    width: 100%;
    margin: 5px 0px 5px 1px;
}

#footer-widgets input[type="submit"] {
    border: none;
    width: 20%;
    text-align: center;
    font-size: 13px;
    background: var(--primary-theme-color);
    font-weight: bold;
    color: #fff;
}
#footer-widgets .search-box-wrap form{
    display: flex;
    justify-content: center;
    align-items: center;
}
#footer-widgets .search-form .search-submit{
    display: inline-block !important; 
}
#footer-widgets .search-form .search-submit {
    height: 35px;
    padding: 10px;
}

/* social icon footer */

#footer-widgets .simple-social-icons li::before,
#footer-widgets .recent-posts-widget-with-thumbnails li::before{
    display: none !important;
}
#simple-social-icons-3 ul li a{
    border-radius: 50% !important;
}
#footer-widgets .custom-html-widget a{
     color: #ffffff60!important;
}
#footer-widgets .textwidget a{
    color: #ffffff60!important;
}
#footer-widgets #rpwwt-recent-posts-widget-with-thumbnails-2 img {
    border-radius: 5px;
}
#footer-widgets .recent-posts-widget-with-thumbnails li a{
    padding-left: 0px ;
}
/* Search header */
.search-container-button span{
    color: #000;
    font-weight: 500;
    font-size: 24px;
}
.search-container-button-close span{
    font-size: 40px;
    width: 40px;
    height: 40px;
    line-height: 50px;
}
.search-container button:focus{
    outline: 1px solid #ff0000;
    box-shadow: none;
    border-radius: 0px;
}
button.search-container-button-close:focus{
    outline: 1px dotted #fff;
}
.search-container button{
    border: 0;
    background: transparent;
}
.external-search {
    background: rgb(28 27 27 / 99%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    text-align: center;
    height: 100%;
    z-index: 999;
}
.external-search .search-form input.search-field{
    color: #fff;
    border: none;
    margin: 0px !important;
}
.external-search .search-form input.search-field::placeholder{
    color: #fff;
}
.external-search form{
    display: table;
    max-width: 700px;
    margin: 0 auto;
    width: 100%;
    border-bottom: 1px solid #fff;
}

.internal-search label {
    width: 85%;
    float: left;
}
.internal-search .search-field{
    background: transparent;
    font-size: 32px;
    text-align: center;
    color: #222;
}
.internal-search .search-field::placeholder {
    color: #222;
}
.internal-search {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 99999;
    left: 50%;
    padding: 0 15px;
}
.external-search .closepop {
    position: absolute;
    top: 20%;
    transform: translateY(-50%);
    right: 5%;
    text-align: right;
    background: transparent;
    border: 0;
    font-size: 40px;
    color: #fff;
}
.external-search .closepop:focus{
    outline-color: #fff;
}
.internal-search form.searchform {
    margin: 0 auto;
    max-width: 700px;
}
.internal-search .searchform input[type=text]{
    width: 100%;
}
.internal-search input.search-submit {
    display: inline-block;
    float: right;
    padding: 12px 15px;
    width: 13%;
    height: auto;
    background: transparent !important;
    color: #fff;
    border: none;
    font-size: 17px !important;
}
.internal-search input.search-submit:hover{
    color: #fff;
}
.search-container i {
    color: #000;
    font-size: 16px;
}
.internal-search #searchform{
    border: none;
}
.search-container-button{
    padding: 10px;
}
.internal-search label , .external-search .search-form input.search-field{
    text-align: start;
}
/* free theme css starts here */

.cafeteria-slider-sec .bdt-slide-btn:hover{
    background-color: #fff !important;
}

.cafeteria-slider-sec .bdt-position-large {
    width: 100%;
}
.cafeteria-slider-sec .bdt-prime-slider-skin-general .bdt-dotnav{
    left: calc(50% + 20px) !important;
    transform: translate(-50%);
}
.cafeteria-slider-sec .bdt-prime-slider-skin-general .bdt-prime-slider-desc{
    margin-top: 0px !important;
}
.cafeteria-slider-sec .bdt-slideshow-nav li a:before{
    display: none !important;
}
.cafeteria-slider-sec .bdt-prime-slider-skin-general .bdt-slideshow-nav li a {
    width: 13px !important;
    height: 13px !important;
}
.cafeteria-slider-sec .bdt-prime-slider-skin-general .bdt-slideshow-nav li a,
.cafeteria-slider-sec .bdt-prime-slider-skin-general .bdt-slideshow-nav li:hover a{
    border: 2px solid #fff;
}
.cafeteria-slider-sec .bdt-prime-slider-skin-general .bdt-dotnav li.bdt-active a,
.cafeteria-slider-sec .bdt-prime-slider-skin-general .bdt-dotnav li.bdt-active:hover a{
    border: 2px solid var(--primary-theme-color);
}
.bdt-ps-slide-img:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgb(0 0 0 / 50%);
    z-index: 0;
}
/* post-section */ 
.timing-text p{
    color: #E4E4E4;
    line-height: 22px;
}
.table-reservation .elementor-icon{
    padding: 8px;
    background: #fff;
    border-radius: 4px;
}
.video-cover .wptd-video-popup-view-default .popup-trigger-icon svg {
    fill: #fff !important;
}

@media (min-width: 992px) and (max-width: 1199px){
    .page-template-home-page-template .e-con.e-flex>.e-con-inner{
      max-width: 960px;
    }
    .woocommerce ul.products li.product a img{
        margin: 0px auto 0px auto !important;
    }
    .woocommerce ul.products li.product .button ,
    .woocommerce .product a.added_to_cart.wc-forward{
        border-radius: 5px;
        padding: 7px 23px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .page-template-home-page-template .e-con.e-flex>.e-con-inner{
        max-width: 720px;   
    }
    .banner-inner-blur{
        --margin-top: 10px !important;
    }
    .woocommerce ul.products li.product a img{
        margin: 0px auto 0px auto !important;
    }
    .woocommerce ul.products li.product .button ,
    .woocommerce .product a.added_to_cart.wc-forward {
        padding: 7px 23px !important;
    }
    .page-template-home-page-template .woocommerce .product a.added_to_cart.wc-forward {
        padding: 0px !important;
    }
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
        float: left;
        width: 48%;
    }
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        float: right;
        width: 48%;
        clear: none;
    }
    .site-branding , .page-template-home-page-template .site-branding{
        position: static;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #middle-header , .page-template-home-page-template #middle-header{
        background-color: #fff;
    }
}
@media screen and  (max-width: 768px){
    .cafeteria-slider-sec .bdt-title-tag{
        font-size: 34px!important;
    }
    .cafeteria-slider-sec .bdt-btn-wrapper{
        margin-top: 5px !important;
    }
    .bdt-prime-slider .bdt-slide-btn{
        padding: 8px 25px 8px 25px !important;
    }
}
@media screen and  (max-width:767px){
    .cafeteria-slider-sec .bdt-slideshow-items{
        min-height: 400px !important;
    }
    .cafeteria-slider-sec .bdt-title-tag {
        font-size: 29px!important;
    }
    .bdt-prime-slider-skin-general .bdt-prime-slider-desc .bdt-main-title{
        margin-bottom: 5px !important;
    }
    .bdt-prime-slider .bdt-slide-btn {
        padding: 5px 10px 5px 10px !important;
        font-size: 16px !important;
    }
    .bdt-position-large{
        margin-top: 0px !important;
    }
    .cafeteria-slider-sec .bdt-prime-slider-skin-general .bdt-margin-large{
        margin-bottom:10px !important ;
    }
    .cafeteria-slider-sec .bdt-prime-slider-skin-general .bdt-slideshow-nav li a {
        width: 10px !important;
        height: 10px !important;
    }
    .offer-image{
        position: static !important;
        margin-bottom: -15px;
    }
    .offer-image img{
        position: static !important;
        margin-bottom: -15px;
    }
    .header-top-inner{
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center !important;
        column-gap: 20px;
    }
    .site-branding , .page-template-home-page-template .site-branding{
        position: static;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #middle-header , .page-template-home-page-template #middle-header{
        background-color: #fff;
    }
}
@media screen and (min-width: 999px){
    .cafeteria-slider-sec  .bdt-prime-slider-skin-general .bdt-slideshow-item .bdt-ps-slide-img{
        background-position: center right !important;
    }
}
@media screen and (max-width: 999px){
    .page-template-home-page-template .site-header{
        position: static;
        background-color: #090708;
    }
}
@media screen and (min-width: 999px)and (max-width: 1399px){
    .cafeteria-slider-sec .bdt-prime-slider-content{
        max-width: 1000px ;
        margin: 0 auto;
    }
}
@media screen and (min-width: 1400px){
    .cafeteria-slider-sec .bdt-prime-slider-content{
        width: 1320px;
        margin: 0 auto;
    }
}
/* Shop page  */
.woocommerce .add_to_cart_button.added{
    display: none !important;
}
.woocommerce ul.products li.product .button {
    border-radius: 5px;
    max-width: 100%;
    padding: 8px 50px;
    transition: all 0.4s ease-in-out 0s;
    text-transform: capitalize;
    position: static;
    font-weight: 600;
    text-decoration: none !important;
    margin: 5px auto 10px;
    border: 1px solid var(--primary-theme-color);
    background: #0000;
    color: #222222 !important;
}
.woocommerce ul.products li.product .button:hover {
    background: var(--primary-theme-color);
    color: #fff !important;
}
.woocommerce .product a.added_to_cart.wc-forward {
    margin: 6px auto 10px;
    border-radius: 7px;
    font-weight: 600;
    padding: 8px 50px;
}
.woocommerce ul.products li.product .button::after{
    display: none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    border: 1px solid var(--primary-theme-color);
}
.woocommerce ul.products li.product a img {
    aspect-ratio: 1 / 1;
    max-width: 220px;
    max-height: 220px;
    margin: 12px auto 0px auto;
    border-radius: 7px;
}
.woocommerce ul.products li.product .star-rating {
    left: 0px;
    position: relative;
    margin: 0 auto 16px;
    top: 0px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    min-height: 415px !important;
}
.single-product .yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single{
    background: var(--primary-theme-color);
    padding: 4px 15px;
}
.yith-wcwl-add-to-wishlist-button__label{
    color: #fff;
    font-weight: 500;
}
.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button) svg.yith-wcwl-add-to-wishlist-button-icon ,
.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button).yith-wcwl-add-to-wishlist-button--added svg.yith-wcwl-add-to-wishlist-button-icon{
    color: #ffffff;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    background: var(--primary-theme-color);
    border: none;
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    padding: 5px 15px;
    font-weight: 500;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #222 none repeat scroll 0 0;
    border-color: #2195af;
    color: #ffffff;
    font-weight: 500;
}