/*<!DOCTYPE html>
<html lang="hi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>DesiMart - देश का अपना बाजार</title>

<style>
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Arial,"Noto Sans Devanagari",sans-serif;
}

body{
    background:#f5f7f6;
    color:#222;
}

/ HEADER */
header{
    background:#087443;
    color:white;
    padding:14px 5%;
    display:flex
    align-items:center;
    gap:20px;
    position:sticky;
    top:0;
    z-index:1000;
}

.logo{
    font-size:30px
    font-weight:bold;
    white-space:nowrap;
}

.logo span{
    color:#ff7a00;
}

.tagline{
    font-size:12px;
}

.search{
    flex:1;
    display:flex;
    background:white;
    border-radius:7px;
    overflow:hidden;
}

.search input{
    flex:1;
    padding:13px;
    border:none;
    outline:none;
    font-size:15px;
}

.search button{
    border:none;
    background:#ff7a00;
    color:white;
    padding:0 22px;
    cursor:pointer;
}

.lang-btn{
    border:none;
    padding:9px 15px;
    border-radius:20px;
    background:white;
    color:#087443;
    font-weight:bold;
    cursor:pointer;
}

/* NAVBAR */
nav{
    background:white;
    display:flex;
    gap:25px;
    padding:12px 5%;
    border-bottom:1px solid #ddd;
    overflow-x:auto;
}

nav button{
    border:none;
    background:none;
    font-weight:bold;
    cursor:pointer;
    white-space:nowrap;
}

/* MAIN */
.container{
    max-width:1250px;
    margin:auto;
    padding:20px 5%;
}

.page{
    display:none;
}

.page.active{
    display:block;
}

/* HERO */
.hero{
    background:linear-gradient(110deg,#075b35,#16935a);
    color:white;
    border-radius:15px;
    padding:40px;
    min-height:240px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.hero h1{
    font-size:40px;
    margin:12px 0;
}

.hero p{
    font-size:18px;
    margin-bottom:20px;
}

.hero-icon{
    font-size:100px;
}

.btn{
    background:#ffb300;
    border:none;
    padding:12px 22px;
    border-radius:7px;
    font-weight:bold;
    cursor:pointer;
}

/* SECTION */
.section-title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:30px 0 15px;
}

/* CATEGORY */
.grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:15px;
}

.category{
    background:white;
    padding:20px;
    border-radius:10px;
    text-align:center;
    box-shadow:0 2px 8px #0001;
    cursor:pointer;
}

.category-icon{
    font-size:45px;
    margin-bottom:10px;
}

/* PRODUCTS */
.product{
    background:white;
    padding:14px;
    border-radius:10px;
    box-shadow:0 2px 8px #0001;
}

.product-img{
    height:140px;
    background:#eef5f0;
    border-radius:8px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:60px;
}

.product h3{
    margin:12px 0;
}

.price{
    font-size:20px;
    font-weight:bold;
}

.old-price{
    color:#888;
    text-decoration:line-through;
    font-size:13px;
}

.buy{
    width:100%;
    margin-top:10px;
    padding:10px;
    background:#ff7a00;
    color:white;
    border:none;
    border-radius:6px;
    cursor:pointer;
}

/* DASHBOARD */
.dashboard{
    display:grid;
    grid-template-columns:220px 1fr;
    gap:20px;
}

.sidebar{
    background:#075b35;
    color:white;
    border-radius:10px;
    padding:12px;
}

.sidebar button{
    display:block;
    width:100%;
    text-align:left;
    background:none;
    color:white;
    border:none;
    padding:13px;
    cursor:pointer;
    border-radius:6px;
}

.sidebar button:hover{
    background:#0c7548;
}

.stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
}

.stat{
    background:white;
    padding:20px;
    border-radius:10px;
    box-shadow:0 2px 7px #0001;
}

.stat b{
    display:block;
    font-size:25px;
    margin-top:8px;
    color:#087443;
}

/* TABLE */
table{
    width:100%;
    border-collapse:collapse;
    background:white;
    margin-top:20px;
}

th,td{
    padding:13px;
    border-bottom:1px solid #ddd;
    text-align:left;
}

/* FOOTER */
footer{
    margin-top:40px;
    background:#064d2e;
    color:white;
    padding:35px 5%;
}

/* MOBILE */
@media(max-width:700px){

    header{
        flex-wrap:wrap;
    }

    .search{
        order:3;
        flex-basis:100%;
    }

    .hero{
        padding:25px;
    }

    .hero h1{
        font-size:28px;
    }

    .hero-icon{
        font-size:60px;
    }

    .dashboard{
        grid-template-columns:1fr;
    }

    .stats{
        grid-template-columns:repeat(2,1fr);
    }

}
</style>
</head>

<body>

<!-- HEADER -->

<header>

<div>
    <div class="logo">
        Desi<span>Mart</span>
    </div>

    <div class="tagline" id="tagline">
        देश का अपना बाजार
    </div>
</div>

<div class="search">

<input
id="searchBox"
type="text"
placeholder="किसी भी उत्पाद को खोजें..."
>

<button onclick="searchProduct()">🔍</button>

</div>

<button class="lang-btn" onclick="changeLanguage()" id="languageButton">
English
</button>

</header>


<!-- NAVIGATION -->

<nav>

<button onclick="showPage('home')">
🏠 <span data-hi="होम" data-en="Home">होम</span>
</button>

<button onclick="showPage('products')">
🛒 <span data-hi="प्रोडक्ट" data-en="Products">प्रोडक्ट</span>
</button>

<button onclick="showPage('seller')">
🏪 <span data-hi="Seller Panel" data-en="Seller Panel">Seller Panel</span>
</button>

<button onclick="showPage('admin')">
⚙️ <span data-hi="Admin Panel" data-en="Admin Panel">Admin Panel</span>
</button>

<button onclick="cart()">
🛒 <span data-hi="कार्ट" data-en="Cart">कार्ट</span>
</button>

</nav>


<main class="container">


<!-- HOME PAGE -->

<section id="home" class="page active">

<div class="hero">

<div>

<div>🌾 DesiMart</div>

<h1 id="heroTitle">
हर खरीदारी, अब आसान
</h1>

<p id="heroText">
कृषि सामान से लेकर घर की जरूरत तक — एक ही जगह।
</p>

<button class="btn" onclick="showPage('products')" id="shopButton">
अभी खरीदें →
</button>

</div>

<div class="hero-icon">
🚜🌱
</div>

</div>


<!-- CATEGORY -->

<div class="section-title">

<h2 id="categoryTitle">
मुख्य श्रेणियाँ
</h2>

</div>


<div class="grid">

<div class="category">

<div class="category-icon">🌱</div>

<b data-hi="बीज" data-en="Seeds">
बीज
</b>

</div>


<div class="category">

<div class="category-icon">💊</div>

<b data-hi="कृषि दवा" data-en="Agri Medicine">
कृषि दवा
</b>

</div>


<div class="category">

<div class="category-icon">🚜</div>

<b data-hi="कृषि मशीनरी" data-en="Farm Machinery">
कृषि मशीनरी
</b>

</div>


<div class="category">

<div class="category-icon">🐄</div>

<b data-hi="पशुपालन" data-en="Livestock">
पशुपालन
</b>

</div>


<div class="category">

<div class="category-icon">🐟</div>

<b data-hi="मछली पालन" data-en="Fish Farming">
मछली पालन
</b>

</div>


<div class="category">

<div class="category-icon">🍄</div>

<b data-hi="मशरूम" data-en="Mushroom">
मशरूम
</b>

</div>

</div>


<!-- PRODUCTS -->

<div class="section-title">

<h2 id="dealTitle">
आज की खास डील
</h2>

</div>


<div class="grid">


<div class="product">

<div class="product-img">
🌱
</div>

<h3 data-hi="हाइब्रिड टमाटर बीज"
data-en="Hybrid Tomato Seeds">
हाइब्रिड टमाटर बीज
</h3>

<div class="price">
₹299
<span class="old-price">₹399</span>
</div>

<p>⭐ 4.5</p>

<button class="buy"
onclick="addCart('Hybrid Tomato Seeds')"
data-hi="कार्ट में डालें"
data-en="Add to Cart">
कार्ट में डालें
</button>

</div>



<div class="product">

<div class="product-img">
🚜
</div>

<h3 data-hi="Power Weeder 7HP"
data-en="Power Weeder 7HP">
Power Weeder 7HP
</h3>

<div class="price">
₹32,000
</div>

<p>⭐ 4.3</p>

<button class="buy"
onclick="addCart('Power Weeder')"
data-hi="कार्ट में डालें"
data-en="Add to Cart">
कार्ट में डालें
</button>

</div>



<div class="product">

<div class="product-img">
💊
</div>

<h3 data-hi="कृषि दवा"
data-en="Agriculture Medicine">
कृषि दवा
</h3>

<div class="price">
₹450
</div>

<p>⭐ 4.2</p>

<button class="buy"
onclick="addCart('Agriculture Medicine')"
data-hi="कार्ट में डालें"
data-en="Add to Cart">
कार्ट में डालें
</button>

</div>



<div class="product">

<div class="product-img">
🌾
</div>

<h3 data-hi="यूरिया 50 Kg"
data-en="Urea 50 Kg">
यूरिया 50 Kg
</h3>

<div class="price">
₹620
</div>

<p>⭐ 4.4</p>

<button class="buy"
onclick="addCart('Urea 50 Kg')"
data-hi="कार्ट में डालें"
data-en="Add to Cart">
कार्ट में डालें
</button>

</div>

</div>

</section>



<!-- PRODUCTS PAGE -->

<section id="products" class="page">

<h2>
🛒 <span data-hi="सभी प्रोडक्ट"
data-en="All Products">
सभी प्रोडक्ट
</span>
</h2>

<br>

<div class="grid">

<div class="product">
<div class="product-img">🌱</div>
<h3>Tomato Seeds</h3>
<div class="price">₹299</div>
<button class="buy" onclick="addCart('Tomato Seeds')">
Add to Cart
</button>
</div>

<div class="product">
<div class="product-img">🚜</div>
<h3>Power Weeder</h3>
<div class="price">₹32,000</div>
<button class="buy" onclick="addCart('Power Weeder')">
Add to Cart
</button>
</div>

<div class="product">
<div class="product-img">🌾</div>
<h3>Fertilizer</h3>
<div class="price">₹620</div>
<button class="buy" onclick="addCart('Fertilizer')">
Add to Cart
</button>
</div>

<div class="product">
<div class="product-img">💧</div>
<h3>Drip Irrigation</h3>
<div class="price">₹2,500</div>
<button class="buy" onclick="addCart('Drip Irrigation')">
Add to Cart
</button>
</div>

</div>

</section>



<!-- SELLER PANEL -->

<section id="seller" class="page">

<h2>🏪 Seller Dashboard</h2>

<br>

<div class="dashboard">

<div class="sidebar">

<button>📊 Dashboard</button>

<button>📦 Products</button>

<button>🧾 Orders</button>

<button>💰 Earnings</button>

<button>⭐ Reviews</button>

<button>⚙️ Settings</button>

</div>


<div>

<div class="stats">

<div class="stat">
कुल बिक्री
<b>₹1,25,600</b>
</div>

<div class="stat">
Orders
<b>48</b>
</div>

<div class="stat">
Products
<b>126</b>
</div>

<div class="stat">
Balance
<b>₹18,540</b>
</div>

</div>


<table>

<tr>
<th>Product</th>
<th>Order</th>
<th>Amount</th>
<th>Status</th>
</tr>

<tr>
<td>Power Weeder</td>
<td>#DM1021</td>
<td>₹32,000</td>
<td>🚚 Shipped</td>
</tr>

<tr>
<td>Tomato Seeds</td>
<td>#DM1022</td>
<td>₹1,495</td>
<td>⏳ Pending</td>
</tr>

</table>

</div>

</div>

</section>



<!-- ADMIN PANEL -->

<section id="admin" class="page">

<h2>⚙️ Admin Dashboard</h2>

<br>

<div class="stats">

<div class="stat">
Total Sellers
<b>245</b>
</div>

<div class="stat">
Customers
<b>12,480</b>
</div>

<div class="stat">
Products
<b>5,320</b>
</div>

<div class="stat">
Today's Sales
<b>₹2,45,600</b>
</div>

</div>


<h3 style="margin-top:30px">
New Seller Approval
</h3>


<table>

<tr>

<th>Seller</th>
<th>Category</th>
<th>KYC</th>
<th>Action</th>

</tr>


<tr>

<td>Sharma Agro</td>

<td>Seeds</td>

<td>✅ Verified</td>

<td>
<button onclick="approveSeller(this)">
Approve
</button>
</td>

</tr>


<tr>

<td>Raj Machinery</td>

<td>Machinery</td>

<td>⏳ Pending</td>

<td>
<button onclick="approveSeller(this)">
Approve
</button>
</td>

</tr>

</table>

</section>

</main>



<!-- FOOTER -->

<footer>

<h2>DesiMart</h2>

<p>
देश का अपना बाजार
</p>

<br>

<p>
© 2026 DesiMart. All Rights Reserved.
</p>

</footer>



<script>

let language = "hi";


/* PAGE CHANGE */

function showPage(page){

document.querySelectorAll(".page").forEach(
p => p.classList.remove("active")
);

document.getElementById(page).classList.add("active");

window.scrollTo({
top:0,
behavior:"smooth"
});

}


/* LANGUAGE */

function changeLanguage(){

language = language === "hi" ? "en" : "hi";


document.getElementById("languageButton").innerText =
language === "hi" ? "English" : "हिन्दी";


document.getElementById("tagline").innerText =
language === "hi"
? "देश का अपना बाजार"
: "Your Own Marketplace";


document.getElementById("searchBox").placeholder =
language === "hi"
? "किसी भी उत्पाद को खोजें..."
: "Search any product...";


document.getElementById("heroTitle").innerText =
language === "hi"
? "हर खरीदारी, अब आसान"
: "Every Purchase, Made Easy";


document.getElementById("heroText").innerText =
language === "hi"
? "कृषि सामान से लेकर घर की जरूरत तक — एक ही जगह।"
: "From farm supplies to everyday needs — all in one place.";


document.getElementById("shopButton").innerText =
language === "hi"
? "अभी खरीदें →"
: "Shop Now →";


document.getElementById("categoryTitle").innerText =
language === "hi"
? "मुख्य श्रेणियाँ"
: "Main Categories";


document.getElementById("dealTitle").innerText =
language === "hi"
? "आज की खास डील"
: "Today's Deals";


document.querySelectorAll("[data-hi]").forEach(
element => {

element.innerText =
element.getAttribute("data-" + language);

});

}


/* CART */

function addCart(product){

alert(
language === "hi"
? product + " कार्ट में जोड़ दिया गया!"
: product + " added to cart!"
);

}


/* SEARCH */

function searchProduct(){

let product =
document.getElementById("searchBox").value;

if(product === ""){

alert(
language === "hi"
? "कृपया कोई Product लिखें।"
: "Please enter a product."
);

return;

}

alert(
language === "hi"
? "आपने खोजा: " + product
: "You searched for: " + product
);

}


/* CART */

function cart(){

alert(
language === "hi"
? "आपका Cart अभी खाली है।"
: "Your cart is currently empty."
);

}


/* SELLER APPROVAL */

function approveSeller(button){

button.innerText =
language === "hi"
? "Approved"
: "Approved";

button.style.background="#087443";
button.style.color="white";

}

</script>

</body>
</html>
Theme Name: Envo One
Theme URI: https://envothemes.com/envo-one-woocommerce/
Author: EnvoThemes
Author URI: https://envothemes.com/
Description: Envo One is a fast, clean, lightweight, customizable and modern-looking free responsive WooCommerce WordPress theme for e-commerce stores like clothing, fashion, electronics, ebooks, dress store, sports shop, marketplace, multivendor, equipments or online products. Theme works perfectly with the new block editor (Gutenberg) and popular page builders like Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, Brizy, Visual Composer etc. Theme is compatible with YITH WooCommerce Wishlist, YITH WooCommerce Compare, WooCommerce Variation Swatches and other popular plugins. The theme is SEO friendly, WPML and RTL ready. Theme demo ready to import: https://envothemes.com/envo-one/
Version: 1.0.4
Tested up to: 6.8
Requires PHP: 5.6
License: GNU General Public License v3.0 or later
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, full-width-template, right-sidebar, custom-background, custom-menu, custom-header, editor-style, featured-images, translation-ready, custom-logo, threaded-comments, footer-widgets, rtl-language-support, blog, e-commerce
Text Domain: envo-one
*/

[data-tooltip] {
    cursor: pointer;
    position: relative;
    z-index: 999;
}
[data-tooltip]:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0,0%,20%,0.9);
    bottom: 85%;
    content: " ";
    font-size: 0;
    left: 50%;
    line-height: 0;
    position: absolute;
    transform: translate(-50%,0);
    width: 0;
    z-index: 999;
}
[data-tooltip]:after, [data-tooltip]:before {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
[data-tooltip]:before {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000;
    background-color: hsla(0,0%,20%,0.9);
    border-radius: 3px;
    bottom: 85%;
    color: #fff;
    content: attr(data-tooltip);
    font-size: 12px;
    left: 50%;
    line-height: 1.1;
    margin-bottom: 5px;
    padding: 4px;
    position: absolute;
    text-align: center;
    transform: translate(-50%,0);
    width: max-content;
    z-index: 999;
}
[data-tooltip]:hover:after, [data-tooltip]:hover:before {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    visibility: visible;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}
a, a:active, a:focus, a:hover {
    color: #eb0000;
    text-decoration: none;
}
a.comment-reply-link {
    border: 1px solid #ccc;
    padding: 10px 20px;
}
a.comment-reply-link, button, input#submit, input[type="submit"], .btn-default {
    -webkit-transition: all 0.3s ease-in-out;
    background-color: transparent;
    border-radius: 2px;
    border: 1px solid;
    box-shadow: none;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 25px;
    transition: all 0.3s ease-in-out;
}
a.post-edit-link {
    display: block;
}
a.post-edit-link, nav.navigation.post-navigation, .article-meta, .entry-footer, .post-excerpt, .single-entry-summary, .single-footer, .single-head {
    padding: 0 25px;
}
a:active {
    border-bottom: none;
}
a:focus, .dropdown-toggle:focus {
    outline: #ff5858 thin dotted;
}
article .has-post-thumbnail .news-item h2 {
    margin-top: 0;
}
body {
    color: #121212;
    font-family: 'Lato', "Helvetica Neue", helvetica, arial, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    padding: 0;
    word-wrap: break-word;
}
body:not(.sidebar-off) .content-article:nth-of-type(2n-1) {
    margin-right: 4%;
}
body:not(.sidebar-off) .content-article:nth-of-type(2n-1), .sidebar-off .content-article:nth-of-type(3n+1) {
    clear: both;
}
button#place_order {
    border-radius: 5px;
    display: inline-block;
    float: none;
    font-size: 19px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin: 0 auto;
    padding: 15px;
    width: 100%;
}
cite.fn {
    font-weight: bold;
}
div.aligncenter, .aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
embed, iframe {
    max-width: 100%;
}
fieldset {
    border: 2px solid #e5e5e5;
    margin: 5px 2px 15px 2px;
    padding: 0.35em 0.625em 0.75em;
}
form.search-form {
    position: relative;
}
form.search-form label {
    width: 100%;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    letter-spacing: -.02em;
    word-wrap: break-word;
}
h1.single-title {
    margin: 20px 0 0 0;
}
h1.site-title a, .site-title a {
    color: #484848;
}
h1.site-title, .site-title {
    color: #484848;
    font-size: 26px;
    font-weight: 900;
    line-height: 26px;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}
h2.wp-block-heading, .widget-title {
    clear: both;
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 5px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
h2.wp-block-heading, .widget-title h3 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
}
html {
    -ms-overflow-x: hidden;
    overflow-x: hidden;
    overflow-y: scroll;
}
img {
    height: auto;
    max-width: 100%;
}
img.alignnone {
    height: auto;
    max-width: 96%;
    width: auto;
}
input, textarea {
    background-color: #fff;
    border-radius: 0;
    color: #464a4c;
    padding: 8px;
}
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea {
    -webkit-border-radius: 3px;
    background-image: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0));
    border-radius: 3px;
    border: 1px solid #bbb;
    display: block;
    width: 100%;
}
input[type="search"].search-field::-webkit-input-placeholder {
    color: #d7d7d7;
}
input[type="search"].search-field:focus::-webkit-input-placeholder {
    color: #f1f1f1;
    padding: 20px 0 0 0;
}
legend {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 0;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    padding: 0;
    white-space: normal;
    width: auto;
}
nav a, #site-navigation {
    -webkit-transition: all 0.3s ease;
    border-radius: 0;
    color: #484848;
    transition: all 0.3s ease;
}
nav.navigation.pagination {
    clear: both;
    margin: 20px 0;
    text-align: center;
    width: 100%;
}
nav.navigation.pagination .current {
    background-color: transparent;
    color: #fff;
}
nav.navigation.pagination .current, nav.navigation.pagination .nav-links a {
    border-radius: 0;
    border: 1px solid #b5b5b5;
    border: none;
    padding: 5px 10px;
    position: relative;
    z-index: 1;
}
nav.navigation.post-navigation {
    clear: both;
    width: 100%;
}
select {
    color: #000;
    max-width: 100%;
    padding: 5px;
}
span.comments-meta i {
    margin-left: 5px;
}
span.comments-meta svg {
    margin-left: 5px;
    width: 12px;
    height: 12px;
    margin-bottom: -2px;
}
span.menu-description {
    display: block;
    font-size: 60%;
    font-weight: 400;
    line-height: 1;
    margin-bottom: -10px;
}
.dropdown-item span.menu-description {
    margin-bottom: 0;
}
table {
    border-collapse: collapse;
    width: 100%;
}
td, th {
    padding: 6px;
}
th {
    font-weight: bold;
}
#content-footer-section {
    background-color: #808080;
    clear: both;
    color: #ffffff;
    padding: 15px;
}
#content-footer-section .comments-meta, #content-footer-section .comments-meta a, #content-footer-section .posted-date {
    color: #cacaca;
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    position: relative;
}
#content-footer-section .news-item h2 a {
    color: #fff;
    font-weight: 700;
}
#content-footer-section .widget-title h3 {
    color: #fff;
}
#content-footer-section .widget.col-md-3 {
    margin: 1%;
}
#my-menu-right {
    padding-right: 25px;
}
#my-menu-right .navbar-nav>li>a {
    font-size: 15px;
    font-weight: 400;
}
#respond .comment-form-author {
    padding-right: 5%;
}
#respond .comment-form-author, #respond .comment-form-email {
    float: left;
    width: 50%;
}
#respond .comment-form-url, #respond input#url {
    float: left;
    width: 100%;
}
#respond input[type="checkbox"], #respond input[type="radio"] {
    float: left;
    margin-right: 10px;
    width: auto;
}
#sidebar {
    box-shadow: 0px 10px 25px 0px rgba(28,45,113,.10);
    display: inline-block;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: -15px;
    max-width: 100%;
    padding: 25px;
}
#site-navigation {
    background-color: transparent;
    border: none;
    min-height: 50px;
}
#site-navigation .container {
    position: relative;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.archive-page-header h1 {
    margin: 0;
    padding-bottom: 25px;
}
.article-meta {
    margin-bottom: 10px;
}
.author-meta a {
    color: #484848;
    font-size: 12px;
    margin-left: 4px;
    margin-right: 15px;
}
.author-meta-by {
    font-size: 12px;
    position: relative;
}
.bypostauthor, .sticky {
}
.cat-links a, .cat-links span, .posted-date, .tags-links span {
    color: #404040;
    font-size: 14px;
    font-weight: 700;
    position: relative;
}
.cat-links, .tags-links {
    display: inline-block;
    margin-bottom: 5px;
    width: 100%;
}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-left: 0;
    position: relative;
}
.checkbox, .radio {
    display: inline-block;
}
.comment-body {
    margin-bottom: 40px;
}
.comment-form #comment {
    width: 100%;
}
.comment-meta.commentmetadata {
    font-size: 12px;
    font-style: italic;
    margin: 10px 0;
}
.commentlist li {
    list-style-type: none;
}
.comments-meta {
    color: #404040;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    padding: 0 8px;
    position: relative;
    z-index: 5;
}
.comments-meta a {
    color: #404040;
}
.comments-meta, .posted-date {
    margin-right: 15px;
}
.comments-template p a, .postauthor-content a, .single-entry-summary a, .taxonomy-description a, .textwidget a, .widget.widget_block a, .widget.widget_text a {
    text-decoration: underline;
}
.content-article {
    box-shadow: 0px 10px 25px 0px rgba(25,45,110,.10);
    clear: none;
    float: left;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0 0 25px 0;
    width: 48%;
}
.content-date-comments {
    display: inline-block;
}
.entry-footer, .single-entry-summary {
    clear: both;
    margin-top: 15px;
    width: 100%;
}
.error-template {
    padding-bottom: 60px;
}
.featured-thumbnail {
    position: relative;
    width: 100%;
}
.featured-thumbnail img {
    text-align: center;
    width: 100%;
}
.footer-credits {
    background-color: #1e1e1e;
    clear: both;
}
.footer-credits-text {
    color: #fff;
    padding: 20px 0;
}
.gallery-caption {
    font-weight: bold;
}
.has-post-thumbnail .news-item h2 {
    margin-top: 0;
}
.has-post-thumbnail h1.single-title {
    margin: 0;
}
.header-right {
    min-width: max-content;
    padding-left: 30px;
    position: relative;
}
.header-widget-area {
    flex: 1;
    padding-left: 15px;
    padding-right: 15px;
}
.heading-row {
    align-items: center;
    display: flex;
    float: none;
    position: relative;
}
.homepage-area .widget {
    margin: 0;
    padding: 0;
}
.main-container {
    background-color: #fff;
}
.main-content {
    float: left;
    width: 100%;
}
.main-menu {
    position: relative;
    z-index: 97;
}
.main-menu .container {
    align-items: center;
    display: flex;
    float: none;
    position: relative;
}
.menu-heading {
    flex-grow: 1;
}
.nav-links {
    clear: both;
    display: block;
    float: left;
    font-weight: 400;
    margin-bottom: 15px;
    width: 100%;
}
.nav-links .nav-title {
    position: relative;
}
.nav-links svg.feather {
    width: 24px;
    height: 24px;
    margin-bottom: -7px;
}
.nav-subtitle {
    background: transparent;
    color: initial;
    display: block;
    font-size: 14px;
    opacity: 0.8;
    text-transform: uppercase;
}
.navbar {
    margin-bottom: 0;
}
.navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
.navbar-default .navbar-nav > li > a {
    color: #595959;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ccc;
}
.navbar-nav > li > a {
    border-bottom: 0;
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: middle;
    max-height: 70px;
}
.navbar-nav li.fa {
    display: block;
    position: relative;
}
.navbar-toggle {
    border: 1px solid #ccc;
}
.news-item {
    margin-bottom: 10px;
}
.news-item h2 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: -5px;
    margin-top: 20px;
}
.news-item h2 a {
    color: #404040;
    font-size: 30px;
    font-weight: 400;
    line-height: 33px;
}
.news-thumb {
    clear: both;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}
.page h1.single-title {
    margin-bottom: 15px;
    margin-top: 10px;
}
.page-area {
    padding-right: 30px;
    padding-top: 35px;
}
.page-header {
    margin: 20px 0;
    text-align: center;
    width: 100%;
}
.page-header a {
    border-bottom: 0;
    color: #484848;
}
.post-excerpt {
    clear: both;
    display: block;
    font-size: 16px;
    font-weight: 300;
}
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.post-navigation .nav-previous {
    float: left;
    text-align: left;
    width: 50%;
}
.reply {
    margin: 20px 0;
}
.screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    clip-path: none;
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 10px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
.search-field {
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    padding-right: 90px;
    width: 100%;
}
.search-submit {
    bottom: 5px;
    line-height: 18px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.sidebar-off .content-article {
    width: 31%;
}
.sidebar-off .content-article:nth-of-type(3n+1), .sidebar-off .content-article:nth-of-type(3n+2) {
    margin-right: 3.5%;
}
.sidebar-off .page-area {
    padding-right: 0;
}
.single-content.row {
    margin-bottom: 60px;
}
.single-footer.row {
    clear: both;
}
.single-head {
    clear: both;
    margin-bottom: 10px;
    position: relative;
}
.single-page-header {
    color: #fff;
    font-size: 44px;
    font-weight: 700;
}
.single-post-content {
    box-shadow: 0px 10px 25px 0px rgba(25,45,110,.10);
    clear: none;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0 0 25px 0;
}
.site-branding-logo a {
    border: none;
    position: relative;
    z-index: 99;
}
.site-branding-logo img {
    width: auto;
}
.site-branding-logo, .site-branding-text {
    float: left;
    margin-bottom: 0;
    margin-right: 15px;
    text-align: left;
}
.site-branding-text {
    position: relative;
    z-index: 99;
}
.site-description {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    margin: 0;
    position: relative;
}
.site-header {
    background-color: #fff;
    border-bottom: 1px solid #f6f6f6;
    padding: 15px 0;
    position: relative;
    z-index: 98;
}
.site-header.menu-header {
    box-shadow: 0px 5px 10px 0px rgba(25,45,110,.05);
    padding: 0;
}
.site-heading {
    padding-left: 15px;
    padding-right: 15px;
}
.site-heading-sidebar {
    font-size: 70%;
}
.site-heading-sidebar .widget {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 15px;
}
.site-heading-sidebar .widget p {
    margin-bottom: 0;
}
.site-menu {
    background-color: #fff;
    border-bottom: 1px solid #f6f6f6;
    box-shadow: 0px 5px 10px 0px rgba(25,45,120,.10);
    padding: 10px 0;
    position: relative;
    z-index: 97;
}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
    height: auto;
    max-width: 100%;
}
.space-right {
    margin-right: 10px;
}
.tagcloud a {
    border: 1px solid;
    display: inline-block;
    font-size: 15px !important;
    margin-bottom: 5px;
    padding: 0px 6px;
}
.tags-links a {
    color: #404040;
    font-size: 12px;
    margin-right: 8px;
    position: relative;
}
.taxonomy-description {
    margin-bottom: 20px;
}
.title-header .heading-row {
    justify-content: center;
}
.top-bar-section {
    background-color: #f9f9f9;
    border-bottom: 1px solid #f6f6f6;
    color: #334142;
    font-size: 14px;
    padding: 5px 0;
    position: relative;
    z-index: 98;
}
.top-bar-section .widget, .top-bar-section p {
    margin-bottom: 0;
}
.top-bar-section .widget:nth-child(3n) {
    text-align: right;
}
.top-bar-section .widget:nth-child(3n-1) {
    text-align: center;
}
.updated:not(.published) {
    display: none;
}
.widget {
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin-bottom: 20px;
    position: relative;
    word-wrap: break-word;
}
.widget li > ul {
    padding-left: 15px;
}
.widget ul {
    list-style-type: none;
    padding-left: 0;
}
.widget ul li {
    border-bottom: 1px solid rgba(0,0,0,0.08);
    margin: 4px 0px 0px;
    padding: 0px 0px 4px;
}
.widget ul li:last-child {
    border-bottom: none;
}
.woo-off.header-widgets-off .header-widget-area {
    display: none;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    color: #484848;
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    padding: 10px 0 0 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
@media (max-width: 767px) {
    
    #sidebar {
        margin-left: 0;
        width: 100%;
    }
    .menu-right-off #site-navigation {
        display: none;
        height: 0;
        min-height: 0 !important;
    }
    .content-article {
        clear: none;
        margin-right: 0;
        width: 100%;
    }
    .dropdown-menu {
        -webkit-box-shadow: none;
        border-radius: 0;
        border: none;
        box-shadow: none;
        display: block;
        float: none;
        font-size: initial;
        left: auto;
        list-style: none;
        margin: 0;
        min-width: auto;
        padding: 0;
        position: inherit;
        text-align: none;
        top: auto;
    }
    .hc-nav-trigger {
        top: 4px;
        width: 20px;
    }
    .hc-nav-trigger span {
        width: 20px;
    }
    .hc-nav-trigger span, .hc-nav-trigger span::after, .hc-nav-trigger span::before {
        background-color: #696969;
        height: 2px;
    }
    .hc-nav-trigger span::after {
        bottom: -6px;
    }
    .hc-nav-trigger span::before {
        top: -6px;
    }
    .hc-offcanvas-nav .nav-close-button span::before {
        margin-left: -6px;
    }
    .head-form.visible-xs {
        padding: 15px;
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 9;
    }
    .header-compare, .header-my-account, .header-search, .header-wishlist {
        padding-right: 3px !important;
    }
    .header-right {
        flex-grow: 1;
        padding-left: 15px;
        padding-right: 15px;
    }
    .header-right, .site-heading {
        width: auto;
    }
    .header-search-form {
        font-size: 14px;
    }
    .header-widget-area {
        flex: 100%;
        justify-content: center;
        order: 3;
        text-align: center;
    }
    .heading-row {
        flex-wrap: wrap;
    }
    .main-menu .container {
        display: block !important;
    }
    .menu-button.visible-xs {
        float: right;
        height: 25px;
        margin-left: 15px;
        width: 25px;
    }
    .menu-search-widget {
        max-width: 100%;
    }
    .mobile-canvas {
        float: left;
    }
    .mobile-menu-button {
        float: right;
        height: 24px;
        margin-left: 10px;
        width: 24px;
    }
    .navbar-default .navbar-brand {
        margin-right: -50px;
    }
    #my-menu-right .nav.navbar-right {
        width: 100% !important;
        text-align: center;
    }
    #my-menu-right .nav.navbar-right>li {
        display: inline-block;
    }
    .page-area {
        padding-right: 0;
    }
    .menu-right-off .site-header.menu-header {
        display: none;
    }
    .site-menu {
        padding: 0;
    }
    .top-bar-section .widget {
        text-align: center !important;
    }
    .woo-off .header-right {
        padding-left: 0;
        width: 15%;
    }
    .woo-off .site-heading {
        width: 75%;
    }
}
@media (max-width: 782px) {
    .admin-bar .nav-container {
        top: 46px;
    }
}
@media (min-width: 1320px) {
    .container {
        width: 1280px;
    }
}
@media (min-width: 768px) {
    li li ul.dropdown-menu {
        left: 100%;
        top: 0;
    }
    li.menu-item-has-children > a {
        padding-right: 25px;
    }
    li.menu-item-has-children>a.dropdown-item:before {
        right: 6px;
    }
    li.menu-item-has-children>a:before {
    content: "";
        width: 7px;
        height: 7px;
        border: solid black;
        border-width: 1px 1px 0 0;
        margin-left: 10px;
        position: absolute;
        right: 10px;
        transform: rotate(135deg);
        top: 25px;
    }
    ul li ul li.menu-item-has-children>a:before {
        transform: rotate(45deg);
        top: 12px;
    }
    #site-navigation .container {
        padding-left: 0;
        padding-right: 0;
    }
    .alignfull {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        max-width: 100vw;
        width: auto;
    }
    .alignfull img {
        width: 100vw;
    }
    .alignwide {
        margin-left: calc(25% - 25vw);
        margin-right: calc(25% - 25vw);
        max-width: 100vw;
        width: auto;
    }
    .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
    }
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
        background-color: #ff5858;
    }
    .dropdown-menu > li > a {
        border-bottom: 0;
        padding: 5px 20px 5px 10px;
    }
    .dropdown-submenu {
        position: relative;
    }
    .dropdown-submenu.pull-left {
        float: none;
    }
    .dropdown-submenu.pull-left>.dropdown-menu {
        -moz-border-radius: 6px 0 6px 6px;
        -webkit-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
        left: -100%;
        margin-left: 10px;
    }
    .dropdown-submenu:hover>a:after {
        border-left-color: #fff;
    }
    .dropdown-submenu>.dropdown-menu {
        -moz-border-radius: 0 6px 6px;
        -webkit-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
        left: 100%;
        margin-left: -1px;
        margin-top: -6px;
        top: 0;
    }
    .dropdown-submenu>a:after {
        border-color: transparent;
        border-left-color: #ccc;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        content: " ";
        display: block;
        float: right;
        height: 0;
        margin-right: -10px;
        margin-top: 5px;
        width: 0;
    }
    .header-heading-shrink .navbar-right {
        margin-right: 0px;
    }
    .header-right, .site-heading {
        width: 25%;
    }
    .menu-item-has-children li.fa:before {
        top: 6px !important;
    }
    .navbar-center {
        text-align: center;
        width: 100%;
    }
    .navbar-center > li {
        display: inline-block;
        float: none;
    }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        background-color: transparent;
    }
    .navbar-default .navbar-nav > .active a:focus, .navbar-default .navbar-nav > .open a:focus {
        background-color: #fff;
        color: #666;
        outline: thin dotted;
    }
    .navbar-nav > li > a {
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .navbar-nav li:hover > .dropdown-menu {
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        border-radius: 0;
        opacity: 1;
        transition: all 0.5s ease-in-out;
        visibility: visible;
    }
    .navbar-right li li ul.dropdown-menu {
        left: auto;
        right: 100%;
    }
    .open > .dropdown-menu {
        height: auto;
        opacity: 1;
        visibility: visible;
    }
    .woo-off .header-right {
        display: none;
    }
    .woo-off.header-widgets-off .site-branding-logo, .woo-off.header-widgets-off .site-branding-text {
        float: none;
        text-align: center;
    }
    .woo-off.header-widgets-off .site-heading {
        width: 100%;
    }
    .wp-block-group__inner-container {
        margin: auto;
        max-width: 85.7143rem;
    }
}
@media screen and (max-width: 600px) {
    body.hc-nav-open.admin-bar #wpadminbar {
        top: -45px;
    }
    .site-heading-sidebar .widget {
        display: block;
    }
}