@charset "UTF-8";
/*
Theme Name: Store Eshop
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/shop-wordpress-theme
Author URI: https://www.themagnifico.net/
Description:The Store Eshop Theme is a premium and fully customizable solution crafted to empower businesses and entrepreneurs in creating a successful online store. This theme is perfect for ecommerce shops, whether they focus on digital products or retail sales of physical items, thanks to its modern, clean design and exceptional shopping experience. It features responsive layouts and high-quality visuals that adapt seamlessly across desktops, tablets, and mobile devices. With extensive personalization options, users can easily modify colors, fonts, banners, and page layouts to align with their brand identity. The theme also allows for the creation of engaging product pages and optimized checkout flows, enhancing conversions. It comes equipped with essential ecommerce functionalities, including inventory management, customizable product catalogs, shopping cart systems, and secure payment gateways, ensuring smooth operations and high customer satisfaction. Designed for performance, it supports fast loading, retina-ready visuals, and dynamic interactions, making it an ideal choice for both small businesses and larger online marketplaces on WooCommerce WordPress.
Version: 0.2.5
Requires at least: 5.0
Tested up to: 7.0
Requires PHP: 7.2
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: store-eshop
Tags: three-columns, four-columns, translation-ready, wide-blocks, block-styles, custom-logo, footer-widgets, one-column, two-columns, grid-layout, sticky-post, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, threaded-comments, theme-options, left-sidebar, right-sidebar, full-width-template, editor-style, photography, e-commerce, blog, post-formats
Store Eshop WordPress Theme has been created by TheMagnifico(themagnifico.net), 2025.
Store Eshop WordPress Theme is released under the terms of GNU GPL
*/

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: "Inter", serif;
  color: #797979;
  background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222222;
  font-weight: 600;
  font-family: "Inter", serif;
}

pre {
  font-size: 1em;
}

a {
  color: var(--first-color);
  background-color: transparent;
  text-decoration: none;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

button,
input,
optgroup,
select,
textarea {
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

img {
  border-style: none;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus,
.header_in button:focus {
  outline: -webkit-focus-ring-color auto 1px;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Alignment CSS
 */
/*.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}*/

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

.wish-btn a:hover,
.cart-text:hover,
.account-btn:hover,
.wish-btn i:hover,
.cart_no i:hover,
.user-btn i:hover {
  color: #222222;
}

/*--------------------------------------------------------------
# Global Color
--------------------------------------------------------------*/

:root {
  --first-color: #2BBEF9;
  --second-color: #223994;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
.custom-header *,
.featured-header-image * {
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

section.no-results.not-found{
  text-align: center;
}
.navigation.pagination{
  margin-bottom: 30px !important;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

.entry-content a,
.textwidget a,
.comment-content a,
.woocommerce-product-details__short-description a,
#page-content p a {
  text-decoration: underline;
}

#page-content p a:hover,
a:hover {
  color: #ED8914;
}

#masthead {
  margin-bottom: 4em;
}

.page-template-home-template #masthead {
  margin-bottom: 0;
}

.custom-logo-link img {
  display: inline-block;
  max-height: 80px;
  width: auto;
}

/*--------------------------------------------------------------
# Scroll Back
--------------------------------------------------------------*/
#button {
  display: inline-block;
  background-color: var(--first-color);
  width: 55px;
  height: 55px;
  text-align: center;
  position: fixed;
  bottom: 60px;
  right: 30px;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  padding: 18px 0;
  font-weight: bold;
}

a#button {
  color: #fff !important;
}

#button:hover,
#button:active {
  cursor: pointer;
  background-color: #222222;
}

#button.show {
  opacity: 1;
  visibility: visible;
}

/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/

.post-password-form input[type="password"] {
  margin-top: 0.4375em;
}

/*--------------------------------------------------------------
# Topbar
--------------------------------------------------------------*/
p.topbar-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 0px;
  color: #FFCD00;
}

.top-info p.location a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.header-right-box {
  text-align: right;
}

.location-box {
  border: 1px solid #E5F9FF;
  border-radius: 30px;
  padding: 0px 30px;
  background: #F6FDFF;
  color: var(--first-color);
  font-size: 14px;
  font-weight: 400;
}

.phone-icon i {
  height: 35px;
  display: flex;
  align-items: center;
}

.phone-icon {
  border-right: 1px solid #E5F9FF;
  padding: 10px 0px;
  font-size: 23px;
}
.contact-box p.m-0{
  color: #797979;
  font-size: 12px;
  font-weight: 400;
}
.contact-box p.location{
  color: #222222;
  font-size: 14px;
  font-weight: 500;
}

span.user-btn a.account-btn {
  font-size: 13px;
  font-weight: 400;
  line-height: 26px;
  color: #FFFFFF;
}

span.user-btn a i {
  color: #ffffff;
  margin-right: 10px;
}

.right-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}

.chosen-container-single .chosen-single span {
  color: #ffff !important;
  padding-left: 10px;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 26px !important;
}

.chosen-container .chosen-results li.active-result {
  text-align: left;
}

.chosen-container {
  min-width: 100% !important;
}

.chosen-container-single .chosen-single {
  padding-left: 0px !important;
}

.translate-btn select {
  width: 80px;
  border: 0px;
  background: transparent;
  color: #ffff;
  font-size: 14px;
  font-weight: 400;
}

.translate-btn option {
  color: #000000;
}

.chosen-container-single .chosen-single {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #272727 !important;
  font-weight: 700 !important;
}

span.head-btn a {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  padding: 10px 10px;
}

span.head-btn a:hover,
span.user-btn a.account-btn:hover,
span.user-btn a i:hover {
  color: #FFCD00;
}

.product-search input {
  background-color: transparent;
  width: 100%;
  border: none;
  color: #151515;
  font-size: 15px;
  padding: 13px 40px 13px 15px;
  font-weight: 500;
}

.product-search input::placeholder {
  color: #151515;
}

.product-search button {
  padding: 10px 15px;
  background: url(assets/img/search.png) no-repeat scroll 0 3px;
  float: right;
  text-indent: -9999px;
  border: none;
  position: absolute;
  right: 5px;
}

.center-header {
  padding: 15px 0px;
}

.product-search input::placeholder {
  font-family: Inter;
  font-size: 14px;
  color: #B7B7B7;
  font-weight: 400;
}

.all-categories button {
  border: none;
  padding: 7px 20px;
  background: transparent;
  color: #222222;
  border-right: 1px solid #F1F1F1;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 400;
}

.product-search button:after {
  content: "";
  background: url(assets/img/search.png) no-repeat scroll 0 0px;
  position: absolute;
  right: 0px;
  left: 0px;
  top: 8px;
  width: 20px;
  z-index: 999;
  height: 29px;
  margin: 0 auto;
}

.product-search button {
  padding: 10px 15px;
  float: right;
  text-indent: -9999px;
  border: none;
  top: 3px;
  border-radius: 30px;
  right: 3px;
  position: absolute;
  width: 35px;
  height: 35px;
  background: var(--first-color);
}

.nav-box p.location a {
  border: 1px solid #E5F9FF;
  border-radius: 30px;
  padding: 12px 30px;
  background: #F6FDFF;
  color: var(--first-color);
  font-size: 14px;
  font-weight: 400;
}

.nav-box p.location a i {
  transform: rotate(50deg);
}

.nav-box p.location a i {
  transform: rotate(315deg);
  font-size: 22px;
}

.row.top-header {
  border-bottom: 1px solid #F1F1F1;
}

form.woocommerce-product-search {
  border: 1px solid #F1F1F1;
  border-left: 0px;
  border-radius: 0px 30px 30px 0px;
  position: relative;
  margin-bottom: 0px;
}

.all-categories {
  border-radius: 30px 0px 0px 30px;
  text-align: right;
  background: transparent;
  padding: 6px 0px;
  position: relative;
  border: 1px solid #F1F1F1;
  border-right: 0pc;
}

.all-categories button i {
  margin-left: 10px;
}

.home_product_cat {
  position: absolute;
  background: #fff;
  display: none;
  z-index: 99999;
  text-align: left;
  width: 100%;
  box-shadow: 4px 4px 34px 0px rgba(0, 0, 0, 0.08);
}

.home_product_cat h4 a {
  color: #151515;
}

.home_product_cat h4 {
  font-size: 16px;
  border-bottom: solid 1px #efefef;
  padding: 10px 15px;
  margin-bottom: 0;
}

.header-categories-box .home_product_cat h4 a {
  color: #222222;
  font-size: 14px;
  font-weight: 400;
}

.header-categories-box .home_product_cat {
  position: absolute;
  background: #fff;
  display: none;
  top: 65px;
  z-index: 99999;
  border: 1px solid #E0E0E0;
  text-align: left;
  width: 300px;
  border-radius: 10px;
  box-shadow: 4px 4px 34px 0px rgba(0, 0, 0, 0.08);
  padding: 12px;
}

.header-categories-box .home_product_cat h4 {
  border-bottom: 0px;
}

.header-categories-box .all-categories {
  text-align: left;
  border: 0px;
  border-radius: 30px;
}

.header-categories-box .all-categories button {
  border: 0px;
  color: #ffffff;
  background: var(--first-color);
  padding: 12px 50px 12px 5px;
  text-align: left;
  border-radius: 30px;
}

.product-category {
  display: flex;
  align-items: center;
}

.product-category img {
  width: 35px;
  height: 35px;
  border-radius: 30px;
  margin: 10px;
  border: 1px solid #F1F1F1;
  padding: 4px;
  object-fit: cover;
}

.product-category:hover img {
  background-color: var(--first-color);
}

.product-category:hover h4 a {
  color: var(--first-color);
}

.header-categories-box .home_product_cat h4 {
  padding: 0px
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.page-template-home-template .main-header {
  border-bottom: 0px;
}

.main-header {
  border-bottom: 1px solid #000;
}

span.head-search {
  position: relative;
  margin-right: 20px;
}

span.cart-value {
  position: absolute;
  width: 15px;
  text-align: center;
  height: 15px;
  background: var(--first-color);
  padding: 2px;
  border-radius: 17px;
  color: #fff;
  font-size: 8px;
  right: -2px;
  top: -3px;
}

.search-form-main input.search-submit.btn.btn-primary.mt-3 {
  position: absolute;
  right: 15px;
  top: 0px;
}

span.wish-btn {
  width: 45px;
  height: 45px;
  border-radius: 30px;
  padding: 13px;
  position: relative;
  display: inline-block;
  border: 1px solid #F1F1F1;
}

span.cart_no {
  width: 45px;
  height: 45px;
  border-radius: 30px;
  padding: 13px 10px;
  position: relative;
  display: inline-block;
  border: 1px solid #F1F1F1;
}

span.search-main i,
span.cart_no a i,
span.wish-btn a i {
  color: #222222;
  font-size: 20px;
}

.header-search-wrapper .search-form-main {
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .15);
  box-shadow: 1px 1px 7px rgba(0, 0, 0, .15);
  border-top: 2px solid #408c40;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 124%;
  width: 300px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
}

.search-form-main.active-search {
  opacity: 1;
  visibility: visible;
}

.search-form-main.active-search label {
  display: block;
}

.header-search-wrapper .search-form-main {
  border-top-color: var(--first-color);
}

.header-search-wrapper .search-form-main:before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #408c40;
  content: "";
  position: absolute;
  right: 0px;
  top: -12px;
}

.header-search-wrapper .search-form-main .search-field {
  border-radius: 0;
  padding: 5px 10px;
  width: 100%;
  height: 40px;
  float: left;
}

.header-search-wrapper .search-form-main:before {
  border-bottom-color: var(--first-color);
}

.button-header a {
  background: var(--first-color);
  padding: 10px 30px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid var(--first-color);
  color: #ffffff;
}

.main-header {
  position: relative;
  width: 100%;
  margin-bottom: 0px;
  z-index: 999;
}

.top-info {
  background: var(--second-color);
  padding: 3px 0px;
}

#masthead {
  box-shadow: none;
  z-index: 2;
  position: relative;
}


span.text-center.translate-btn {
  height: 100%;
}

span.currency form {
  margin-bottom: 0px;
}

/*--------------------------------------------------------------
## Logo
--------------------------------------------------------------*/
.site-logo {
  text-align: center;
}

.navbar-brand a {
  color: #222222;
  font-weight: 400;
  font-size: 22px;
  font-family: "DM Serif Display", serif;
}

.navbar-brand p {
  color: #222222;
  text-align: center;
  font-size: 15px;
  margin-bottom: 0;
}

.navbar-dark .navbar-brand {
  color: #222222;
  text-align: left;
  display: block;
}

.navbar-brand h1.site-title,
p.site-title {
  margin-bottom: 0;
  font-family: "DM Serif Display", serif;
  font-size: 28px;
  font-weight: bold;
  text-align: left;
}

.navbar-brand a span.last_slide_head {
  color: #222222;
}

/*--------------------------------------------------------------
## Top Slider
--------------------------------------------------------------*/
#top-slider {
  background: #ffffff;
  position: relative;
}

#top-slider .social-link {
  position: absolute;
  bottom: 0px;
  display: flex;
  left: 0;
  width: 70px;
  align-items: center;
  gap: 17px;
  justify-content: center;
  flex-direction: column-reverse;
}

#top-slider .social-link:after {
  content: "";
  width: 1px;
  height: 200px;
  background: var(--first-color);
  bottom: 0px;
  left: 0px;
  position: relative;
  right: 0px;
  margin: 0 auto;
}

#top-slider .social-link a i {
  transform: rotate(270deg);
  color: #222222;
  font-size: 22px;
}

#top-slider .slider-content-box {
  background: #222222;
  margin-bottom: 50px;
}

#top-slider .slider-inner-box h5.main-heading {
  position: relative;
  color: #FFFFFF;
  display: inline-block;
  background: #ED8914;
  font-size: 15px;
  padding: 10px 20px;
  font-weight: 500;
  border-radius: 30px;
}

#top-slider .slider-inner-box h3 {
  color: #222222;
  text-transform: capitalize;
  font-size: 30px;
  font-weight: 800;
  line-height: 40px;
}

.slider-inner-box p {
  color: #222222;
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
}

.slider-inner-box {
  position: absolute;
  left: 8%;
  right: 70%;
  top: 50%;
  transform: translateY(-50%);
}

#top-slider .owl-dots {
  display: none;
}

.page-template-home-template .nav-box {
  box-shadow: none;
}

.main-header {
  background: #fff;
  padding-bottom: 12px;
}

#top-slider .slide-btn a {
  background: var(--first-color);
  padding: 12px 25px;
  font-size: 16px;
  line-height: 21px;
  color: #ffffff;
  font-weight: 500;
  border-radius: 30px;
}

#top-slider .slide-btn a:hover {
  background: #EDDD5E;
  color: #000;
}

#top-slider .slide-bg {
  background-color: #dfdfdf;
  height: 700px;
}

#top-slider,
.slider-image img {
  height: 700px;
  object-fit: cover;
}

#top-slider .slider-image img {
  object-fit: cover;
  height: 700px;
}

/*--------------------------------------------------------------
## Products
--------------------------------------------------------------*/
.men-tabs a.nav-link {
  border: 0px;
  color: #222222;
  font-size: 15px;
  font-weight: 400;
}
.men-tabs a.nav-link.active{
  color: var(--first-color);
}
.sells-product span.onsale {
  position: absolute;
  top: 5%;
  left: 5%;
  padding: 5px 15px;
  border-radius: 30px;
  font-size: 12px;
  background: #D766FF;
  font-weight: 500;
}

.men-tabs ul.nav-tabs.nav {
  border: 0px;
}

.prodimg_box img {
  height: 300px;
  width: 100%;
  border-radius: 10px;
}

.prodimg_box {
  background-color: #F0F2F3;
  border-radius: 10px;
}

.sells-product {
  border: 1px solid #F1F1F1;
  border-radius: 10px;
}

h4.hidedesktop a {
  font-size: 20px;
  font-weight: 500;
  color: #222222;
}
h4.hidedesktop a:hover{
  color: var(--first-color);
}
.text_box p.price {
  font-size: 20px;
  font-weight: 700;
  color: #222222;
}

.text_box p.price del {
  font-weight: 400;
  color: #797979;
}

span.woocommerce-average-rating {
  color: #797979;
  font-size: 15px;
  font-weight: 400;
}

span.woocommerce-average-rating i {
  color: #FFC107;
  margin-right: 5px;
}

.text_box span.sale_cart a:hover {
  background: var(--first-color);
  color: #fff;
}

.sells-product .text_box {
  padding: 20px 15px;
}

.text_box span.sale_cart a.added_to_cart.wc-forward {
  margin-top: 20px !important;
}

.text_box span.sale_cart a {
  background: transparent;
  color: var(--first-color);
  border: 1px solid var(--first-color);
  display: block;
  text-align: center;
  padding: 8px 15px;
  border-radius: 30px;
  font-size: 18px;
  font-weight: 500;
}

.featured h3.main-heading {
  color: #222222;
  font-size: 22px;
  font-weight: 700;
}

a.product-btn {
  background: var(--first-color);
  padding: 10px 25px;
  font-size: 14px;
  line-height: 21px;
  color: #ffffff;
  border-radius: 30px;
  display: inline-block;
  font-weight: 500;
}

span.feedback {
  font-size: 0px;
}

.prodimg_box i.yith-wcwl-icon.fa.fa-heart {
  font-weight: 100;
}

.prodimg_box .yith-wcwl-wishlistaddedbrowse a {
  font-size: 0;
  position: relative;
}

.prodimg_box .yith-wcwl-wishlistexistsbrowse a {
  font-size: 0px;
  right: 0px;
  position: absolute;
}

a.add_to_wishlist.single_add_to_wishlist {
  background: #FFFFFF;
  padding: 10px;
  border-radius: 30px;
  width: 35px;
  text-align: center;
  display: block;
  height: 35px;
}

a.add_to_wishlist.single_add_to_wishlist i{
  margin-right: 0px;
  color: #797979;
}

.prodimg_box .inner_product:hover .yith-wcwl-wishlistexistsbrowse a:after {
  opacity: 1;
}

.prodimg_box .inner_product:hover .yith-wcwl-wishlistaddedbrowse a:after {
  opacity: 1;
}

.prodimg_box .yith-wcwl-wishlistaddedbrowse {
  display: flex;
}

.prodimg_box a.added_to_cart.wc-forward {
  margin-left: 49px;
  padding: 10px !important;
}

.prodimg_box .yith-wcwl-wishlistaddedbrowse a:after,
.yith-wcwl-wishlistexistsbrowse a:after {
  content: '\f004';
  font-size: 16px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  opacity: 1;
  width: 35px;
  height: 35px;
  font-size: 14px;
  padding: 8px;
  color: #797979;
  border-radius: 30px;
  background: #ffffff;
}

.prodimg_box .yith-wcwl-wishlistaddedbrowse {
  position: absolute;
}

.prodimg_box span.wishlist {
  position: absolute;
  top: 5px;
  right: 50px;
}

.prodimg_box .inner_product:hover .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
  display: block;
}

.product-content .pro-button a {
  box-shadow: 2px 3px 5px 2px rgba(0, 0, 0, 0.25);
}

.featured h4.main-heading {
  color: #719582;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}

.featured p.main-content {
  color: #797979;
  font-size: 16px;
  font-weight: 400;
}

section.featured {
  position: relative;
  background: #FFFFFF;
}

.product-content h3 a {
  font-size: 22px;
  font-weight: 500;
  color: #222221;
}

.cart-btn a i {
  color: var(--first-color);
}

.cart-btn a {
  color: var(--first-color);
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.cart-btn a.added_to_cart.wc-forward {
  margin-left: 16px;
}

/*--------------------------------------------------------------
## Sticky
--------------------------------------------------------------*/

.stick_header {
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
  background: #fff;
}

.admin-bar .stick_header {
  margin-top: 32px;
}

/*--------------------------------------------------------------
## Preloader
--------------------------------------------------------------*/
.dot {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  margin: 6px;
  animation: loading 2s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.loading {
  background-color: var(--first-color);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999;
}

@keyframes loading {

  0%,
  100% {
    transform: translatey(-2.5rem);
    background-color: var(--first-color);
  }

  50% {
    transform: translatey(2.5rem);
    background-color: var(--first-color);
  }
}

/*--------------------------------------------------------------
## Preloader 2
--------------------------------------------------------------*/
.loading2 {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999;
}
.load {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*change these sizes to fit into your project*/
  width: 100px;
  height: 100px;
}
.load hr {
  border: 0;
  margin: 0;
  width: 40%;
  height: 40%;
  position: absolute;
  border-radius: 50%;
  animation: spin 2s ease infinite;
  background: var(--first-color);
  opacity: 1;
}

.load :first-child {
  animation-delay: -1.5s;
}
.load :nth-child(2) {
  animation-delay: -1s;
}
.load :nth-child(3) {
  animation-delay: -0.5s;
}

@keyframes spin {
  0%,
  100% {
    transform: translate(0);
  }
  25% {
    transform: translate(160%);
  }
  50% {
    transform: translate(160%, 160%);
  }
  75% {
    transform: translate(0, 160%);
  }
}

/*--------------------------------------------------------------
## Articale
--------------------------------------------------------------*/
#latest_post h2 {
  font-size: 30px;
}

.postcat-name {
  font-size: 14px;
  color: var(--first-color) !important;
  font-weight: bold;
}

.article-box {
  background: #f3f3f3;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 30px;
  box-shadow: 0 0 10px 4px #eee;
}

.article-box p,
.sidebar ul li a {
  overflow-wrap: anywhere;
}

.article-box img {
  border-radius: 10px;
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.article-box h3.entry-title {
  font-size: 35px;
  margin-bottom: 0;
}

.sidebar .search-from,
.sidebar form.woocommerce-product-search {
  padding: 10px;
}

.sidebar .widget {
  padding: 10px;
}

.sidebar input[type="submit"],
.sidebar button[type="submit"] {
  width: 100%;
  background: var(--first-color);
  border: none;
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
}

h2.entry-title,
h1.entry-title,
h2.page-title {
  font-size: 40px;
}

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

.article-box a {
  word-wrap: break-word;
  color: var(--first-color);
}

.author-date a {
  font-weight: 600;
  text-transform: capitalize;
}

a.btn-text {
  background: var(--first-color);
  padding: 10px 20px;
  border-radius: 30px;
  font-size: 12px;
  line-height: 21px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 400;
  text-align: center;
}

.meta-info-box span,
.meta-info-box a {
  color: #222222;
  text-transform: uppercase;
  font-size: 13px;
}

.entry-summary p {
  line-height: 1.7;
  font-size: 15px;
}

/*--------------------------------------------------------------
## Woocommerce Product CSS
--------------------------------------------------------------*/

.woocommerce ul.products li span.price {
  margin: 0 5px;
}

.woocommerce a.button.product_type_simple.add_to_cart_button {
  margin-right: 10px;
}

.woocommerce ul.products li.product a img {
  margin: 0;
}

p.price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--first-color);
  font-weight: bold;
  font-size: 14px;
}

span.onsale {
  position: absolute;
  top: 0;
  left: 0;
  background: var(--first-color);
  color: #fff;
  padding: 2px 5px;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
}

.pro-button a,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.added_to_cart {
  padding: 9px 14px;
  color: #ffffff;
  font-size: 15px;
  border-radius: 30px !important;
  background: var(--first-color);
}

.pro-button a:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: #222222;
  color: #fff;
}

ins {
  text-decoration: none;
}

.woocommerce ul.products li {
  text-align: center;
  box-shadow: 0 0 20px 2px #d7d7d7;
  padding: 15px !important;
}

.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  position: absolute;
  top: 15px;
  color: #222222;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  left: 15px;
  right: auto;
  background: var(--first-color);
  padding: 2px 5px;
  border-radius: 0px;
  margin: 0px;
  min-height: 20px;
  line-height: 1.5;
}

.woocommerce ul.products li.product .star-rating,
.woocommerce .star-rating {
  margin: 0px auto 10px;
  color: #ffc53f;
}

.woocommerce .woocommerce-ordering select {
  background: var(--first-color);
  color: #222222;
  padding: 2px;
  border: 1px solid #e3e3e3;
}

.woocommerce .entry-summary {
  margin: 0;
}

.woocommerce .quantity .qty {
  padding: 8px;
  border: solid 2px #222222;
}

.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--first-color);
}

.woocommerce-message::before,
.woocommerce-info::before {
  color: var(--first-color);
}

input[type="text"],
input[type="email"],
input[type="phno"],
input[type="password"],
textarea {
  border: 1px solid #bcbcbc;
  width: 100%;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 23px 0;
  height: auto;
}

span.woocommerce-input-wrapper,
.checkout label,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce form .form-row label,
span.password-input,
header.page-header {
  width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  padding: 0;
  list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  display: initial;
  background: var(--first-color);
  padding: 10px;
  margin-right: 5px;
  font-size: 15px;
  font-weight: 600;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  color: #ffffff;
}

h2.woocommerce-loop-product__title {
  font-size: 32px !important;
  padding: 8px 0 !important;
}

.woocommerce #customer_login .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce #customer_login .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  display: table-cell;
  max-width: 100%;
  float: none;
}

.woocommerce ul.products li.product .button {
  margin-top: 0;
  border-radius: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.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: #222222;
  font-weight: 400;
}

#site-navigation .menu ul li a:hover {
  color: var(--first-color);
}

.navigation_header .nav,
.navbar-expand-xl {
  justify-content: flex-start;
}

nav#site-navigation {
  padding: 0;
}

.main-navigation ul.sub-menu li a {
  color: #ffffff !important;
}

.main-navigation ul.sub-menu>li>a:hover,
.main-navigation ul.sub-menu>li>a:focus {
  background: var(--second-color);
}

.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;
  margin-bottom: -2px;
  color: #222222;
  font-size: 15px;
  font-weight: 400;
}

.main-navigation .current_page_item>a,
.main-navigation .current-menu-item>a {
  color: var(--first-color) !important;
}

.main-navigation .menu>li>a:hover {
  color: var(--first-color);
}

.main-navigation .sub-menu {
  background-color: var(--first-color);
  list-style: none;
  padding-left: 0;
  position: absolute;
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  width: 200px !important;
}

.main-navigation .sub-menu>li>a:hover,
.main-navigation .sub-menu>li>a:focus {
  background: var(--second-color);
  color: #fff;
}

.main-navigation .sub-menu li ul.sub-menu {
  left: 200px !important;
  top: 0px;
}

.main-navigation .sub-menu>li {
  display: block;
  float: none;
  position: relative;
}

.main-navigation .sub-menu>li.menu-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 {
  margin-right: 0;
}

.main-navigation .sub-menu>li>a,
.main-navigation .sub-menu>li>.menu-item-link-return {
  color: #fff;
  display: block;
  padding: 15px;
  font-weight: 600;
}

.main-navigation .sub-menu>li>.menu-item-link-return {
  width: 100%;
  font-size: 22px;
  font-weight: normal;
  text-align: left;
}

.main-navigation .sub-menu>li>a:empty {
  display: none;
}

.main-navigation .sub-menu>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-menum,
.main-navigation .menu .menu-item-has-children:not(.off-canvas):focus-within>.sub-menu {
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
  width: auto;
  min-width: 100%;
}

.main-navigation .menu li.page_item_has_children:not(.off-canvas):hover > ul.children,
.main-navigation .menu li.page_item_has_children:not(.off-canvas):focus > ul.children,
.main-navigation .menu li.page_item_has_children.is-focused:not(.off-canvas) > ul.children,
.main-navigation .menu li.page_item_has_children:not(.off-canvas)[focus-within] > ul.children,
.main-navigation .menu li.page_item_has_children:not(.off-canvas):focus-within > ul.children  {
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
  width: auto;
  min-width: 100%;
}
.wp-block-latest-comments article {
  margin-bottom: 0;
}
.main-navigation .menu li.page_item_has_children ul.children {
  background-color: var(--first-color);
  list-style: none;
  padding-left: 0;
  position: absolute;
  text-align: left;
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  width: 200px !important;
}
.main-navigation .menu li {
  display: inline;
  position: relative;
  font-size: 14px;
}
.main-navigation .menu li a {
  color: #222222;
  padding: 15px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}
.main-navigation .menu li ul.children li a{
  display: block;
}
.main-navigation .menu li ul.children li a{
  color: #ffffff !important;
}
.main-navigation .menu li.page_item_has_children ul.children li ul.children {
  left: 200px !important;
  top: 0px;
}

/*--------------------------------------------------------------
## Next / Previous
--------------------------------------------------------------*/
/* Next/Previous navigation */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
  width: 100%;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0.98rem;
  -moz-border-radius: 0.98rem;
  border-radius: 0.98rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  overflow-wrap: anywhere;
  background: white;
  color: var(--first-color);
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover,
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover {
  background: var(--first-color);
  color: #ffffff;
  border: 1px solid var(--first-color);
}

.post-navigation .nav-next a::after,
.posts-navigation .nav-next a::after {
  content: " \2192  ";
}

.post-navigation .nav-previous a::before,
.posts-navigation .nav-previous a::before {
  content: "\2190  ";
}

.navigation.pagination {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span {
  border: 1px solid #ddd;
  -webkit-border-radius: 0.98rem;
  -moz-border-radius: 0.98rem;
  border-radius: 0.98rem;
  display: inline-block;
  padding: 0.13rem 0.875rem;
  background: white;
}

.navigation.pagination .nav-links a.current,
.navigation.pagination .nav-links a:hover,
.navigation.pagination .nav-links span.current,
.navigation.pagination .nav-links span:hover {
  background: var(--first-color);
  color: white;
  border: 1px solid var(--first-color);
}

@media screen and (max-width: 560px) {
  .navigation.post-navigation .nav-links {
    display: flex;
    flex-flow: column wrap;
  }

  .navigation.post-navigation .nav-links .nav-previous,
  .navigation.post-navigation .nav-links .nav-next {
    margin-bottom: 14px;
    width: 100%;
    float: none;
    text-align: start;
  }
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  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: auto !important;
  clip-path: none;
  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;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
/*.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
}*/
a img .alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img .alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img .alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption .alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption .alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.module-border-wrap {
  -moz-border-image: -moz-linear-gradient(to bottom left, #19b094 0%, var(--first-color) 100%);
  -webkit-border-image: -webkit-linear-gradient(to bottom left, #19b094 0%, var(--first-color) 100%);
  border-image: linear-gradient(to bottom left, #19b094 0%, var(--first-color) 100%) 1;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input {
  width: 100%;
}

.comment-respond input#submit {
  background: var(--first-color);
  border: none;
  color: #ffffff;
  padding: 10px 20px;
  font-weight: 600;
}

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list {
  padding-left: 0;
}

.comment-list .comment {
  display: block;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.error-404 input.search-field.form-control {
  width: 30%;
}

.btn-primary {
  background-color: #000;
  border-color: #000;
}

.error-404 input.search-submit.btn.btn-primary {
  width: 30%;
  margin-top: 5px;
}

.page-content form.search-from {
  display: flex;
  justify-content: center;
}
.theme-area-headlines h2 {
  font-size: 60px;
  font-weight: 900;
}
.not-found-pagetext input.search-submit.btn.btn-primary {
  background: var(--first-color);
}

.sticky .entry-title a {
  margin-left: 15px;
}

.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome\ 5 Free";
  font-size: 20px;
  font-weight: 900;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.posted-on,
.byline,
.comments-link {
  color: #9a9a9a;
}

div#respond {
  border: 1px solid #bcbcbc;
  padding: 15px;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#colophon {
  background: var(--first-color);
  color: #ffffff;
}

.widget #wp-calendar caption,
#colophon a,
#colophon h5 {
  color: #ffffff;
}

#colophon a:hover,
#colophon a:focus {
  color: #2b93ff;
}

#colophon ul {
  list-style: none;
  padding-left: 0;
}

#colophon h5 {
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 28px;
}

#colophon a:hover,
#colophon a:focus {
  color: #000;
}

#colophon .footer-menu ul {
  list-style: none;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
}
aside#pages ul li:hover{
  color: #000000;
}
#colophon .footer-menu li {
  margin-right: 10px;
}

.site-info {
  padding: 15px 0;
}

.footer-menu-left {
  text-align: right;
}

.footer-column {
  border-bottom: 1px solid #000;
}
.footer-column .wp-block-heading{
  color: #ffffff;
}
.footer-column {
  color: #ffffff;
  padding: 30px 0;
}

.widget select {
  width: 100%;
  padding: 8px 4px;
  border-radius: 10px;
}

a.rsswidget {
  text-decoration-line: underline;
}

#colophon .tagcloud a {
  font-size: 15px !important;
  display: block;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget a:hover,
.widget a:focus {
  color: var(--first-color);
}

.widget ul li.recentcomments {
  display: block;
  padding: 5px 15px;
}

.widget .gallery-item,
.textwidget {
  padding: 10px;
}

.widget #wp-calendar caption {
  caption-side: top !important;
  padding-top: 0;
}

.widget #wp-calendar tbody tr td {
  padding: .5rem;
}

.widget #wp-calendar tfoot {
  text-align: center;
}

.half-rule {
  margin: 2.5rem 0;
  width: 6rem;
}

.sidebar section {
  border: solid 1px #e7ebf1;
  margin-bottom: 30px;
}

.sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading {
  font-size: 30px;
  color: #ffffff;
  background: var(--first-color);
  padding: 15px 10px;
  text-align: center;
}
.sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading {
  margin-bottom: 20px;
}

.sidebar ul {
  list-style: none;
  padding: 0;
}

.sidebar li {
  color: #222222;
  padding: 15px;
  font-size: 15px;
  font-weight: 500;
}

.sidebar ul li a:before {
  content: '\f30b';
  font-family: "Font Awesome\ 5 Free";
  font-size: 15px;
  margin-right: 10px;
  font-weight: 900;
}

.sidebar ul li a:hover {
  color: var(--first-color);
}

.sidebar ul li a {
  color: #222222;
}

.sidebar .textwidget img,
.sidebar .form-group {
  width: 100%;
  height: auto;
}

.sidebar select {
  padding: 10px;
  border: solid 1px #e3e3e3;
  background: transparent;
  font-size: 14px;
  width: 100%;
  color: #222222;
}

.sidebar .tagcloud a,
p.wp-block-tag-cloud a {
  border: 1px solid #e3e3e3;
  color: #222222;
  line-height: 20px;
  padding: 5px 10px;
  font-size: 12px !important;
  display: inline-block;
  margin-bottom: 5px;
}

.sidebar .tagcloud a:hover {
  background: var(--first-color);
  color: #222222;
}

p.wp-block-tag-cloud a:hover {
  background: var(--first-color);
  color: #fff;
}

.sidebar .tagcloud {
  margin-top: 15px;
}

.sidebar input[type="search"] {
  padding: 10px;
  width: 100%;
  border: solid 1px #e7ebf1;
  font-size: 15px;
}

.sidebar button[type="submit"] {
  padding: 8px;
  width: 100%;
  color: #fff;
}

.sidebar table#wp-calendar {
  border: solid 1px #e3e3e3;
  text-align: center;
  margin-top: 15px;
  width: 100%;
}

.sidebar th,
#theme-sidebar td {
  border-right: solid 1px #e3e3e3;
  padding: 10px 0;
}

.sidebar tr {
  border-bottom: solid 1px #e3e3e3;
}

/*--------------------------------------------------------------
# Infinite Scroll
--------------------------------------------------------------*/
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Audio
--------------------------------------------------------------*/
#footer label,
iframe,
.entry-audio audio,
.sidebar input[type="submit"],
span.woocommerce-input-wrapper,
.checkout label,
.woocommerce-page form .password-input {
  width: 100%;
}

iframe {
  height: auto;
}

/*--------------------------------------------------------------
# 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 {
  background-color: #fff;
  border: 1px solid #dee2e6;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  height: auto;
  max-width: 100%;
  padding: 0.25rem;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  color: #686868;
  font-size: 13px;
  font-size: 0.8125rem;
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

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

ul.comment-list .comment .media-body {
  overflow: auto;
}

.toggle-nav.mobile-menu,
a.closebtn.mobile-menu {
  display: none;
}

@media screen and (max-width: 320px) {
  .woocommerce ul.products li {
    width: 100% !important;
  }
}

@media screen and (max-width: 575px) {
  .top-info .social-link {
    text-align: center;
    margin-bottom: 10px;
  }
  
  .men-tabs ul.nav-tabs.nav{
    justify-content: center !important;
  }
  .men-tabs{
    margin-bottom: 10px;
  }
  .header-box{
    margin: 10px 0px;
  }
  span.head-btn a {
    padding: 10px 25px;
    display: inline-block;
  }
  span.user-btn a.account-btn {
    font-size: 12px;
  }
  .cat-box{
    padding-right: 15px !important;
  }

  .all-categories,form.woocommerce-product-search{
    border-radius: 30px;
  }
  .all-categories button{
    border-right: 0px;
  }
  form.woocommerce-product-search{
    border-left: 1px solid #F1F1F1;
  }
  .all-categories {
    border-right: 1px solid #F1F1F1;
    text-align: center;
  }
  .product-search{
    padding-left: 15px !important;
    margin-bottom: 20px;
  }
  .cat-box {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  
  .navbar-brand h1.site-title, p.site-title {
    text-align: center !important;
  }

  .product-image img {
    height: 300px;
    object-fit: cover;
  }

  .header-right-box {
    text-align: center;
    padding-top: 15px;
  }

  .header-search-wrapper .search-form-main {
    right: -12em;
  }

  .header-search-wrapper .search-form-main:before {
    display: none;
  }

  #top-slider .social-link {
    width: 30px;
  }

  .slider-inner-box {
    left: 10%;
    right: 10%;
    text-align: center;
  }

  .contact-box,
  #colophon h5,
  #colophon .tagcloud a {
    text-align: center;
  }

  section.featured .heading {
    text-align: center !important;
    margin-bottom: 40px !important;
  }

  p#timer {
    justify-content: center;
    gap: 10px;
  }

  .slider-inner-box:before {
    left: 0px;
  }

  .top-info p.topbar-text{
    text-align: center;
  }

  .service-sec h3.main-heading {
    padding: 6px 37px !important;
  }

  .site-logo {
    margin-bottom: 20px;
  }

  .slider-image img {
    height: 200px;
  }

  .heading .main_heading,
  .section-btn {
    text-align: center !important;
  }
  .header-categories-box .all-categories{
    text-align: center;
  }

  .slider-inner-box h2 {
    font-size: 18px;
  }

  .header-box {
    padding-left: 15px !important;
  }

  .logo-box {
    padding-right: 15px !important;
  }

  .main-navigation .menu>li {
    border: none;
  }

  .slider-inner-box p {
    display: none;
  }

  #top-slider .slide-bg {
    height: 242px;
  }
}

@media screen and (max-width: 720px) {

  .toggle-nav,
  .footer-menu-left,
  #colophon ul,
  .slider-box {
    text-align: center;
  }

  .navbar-brand,
  .admin-bar .navigation_header.stick_header {
    margin: 0 auto;
    width: 100%;
  }

  .slider-inner-box h1 a {
    font-size: 18px;
  }

  .slider-inner-box h1 {
    line-height: 18px;
  }
}

@media screen and (min-width: 575px) and (max-width: 767px) {
  .slider-inner-box {
    left: 12%;
    right: 12%;
    text-align: center;
  }
  .all-categories{
    padding: 7px 0px;
  }
  .all-categories button{
    padding: 6.5px 20px;
  }
  section.featured .heading {
    text-align: center !important;
    margin-bottom: 40px !important;
  }
  span.head-btn a{
    display: inline-block;
  }

  p#timer {
    justify-content: center;
    gap: 10px;
  }
}

@media screen and (max-width: 767px) {
  .slider-inner-box h2 {
    font-size: 18px;
    line-height: 30px;
  }
  .featured h3.main-heading{
    text-align: center;
  }
  .btn-box{
    text-align: center !important;
    margin-top: 20px;
  }
  .right-box{
    margin-bottom: 15px;
    justify-content: center;
  }
  .logo-box,.navbar-brand h1.site-title, p.site-title{
    text-align: center;
  }
  .slider-inner-box p {
    font-size: 18px;
  }

  .pro-button a {
    padding: 9px 16px;
  }

  #top-slider .owl-dots,
  .featured .owl-carousel .owl-nav {
    display: none;
  }

  #top-slider {
    height: 400px;
  }

  #top-slider .slider-content-box {
    margin-bottom: 0px;
  }

  #top-slider .slider-inner-box h3 {
    font-weight: 600;
    font-size: 35px;
    line-height: 30px;
  }

  #top-slider .slider-image img {
    height: 400px;
  }
}

@media screen and (max-width: 1000px) {
  ul#menu-testing-menu li.current-menu-item.current_page_item a {
    border: none;
    color: #ffffff;
  }

  .admin-bar .sidenav .closebtn {
    top: 50px;
    padding: 7px;
  }

  .main-navigation ul.sub-menu li a {
    color: #ffffff !important;
  }

  .main-navigation ul.sub-menu>li>a:hover,
  .main-navigation ul.sub-menu>li>a:focus {
    background: transparent;
  }

  .slider-box-btn {
    margin: 17px 0;
  }

  .main-navigation .menu>li>a:hover {
    color: var(--first-color);
  }

  .toggle-nav.mobile-menu {
    text-align: center;
  }

  .nav-box {
    outline: none;
    background: transparent;
  }

  .main-navigation .sub-menu>li {
    border: none;
  }

  .alignfull {
    max-width: 1000%;
    margin-right: ~"calc(50% - 50vw)";
    margin-left: ~"calc(50% - 50vw)";
    width: auto;
  }

  .alignwide {
    max-width: 1000%;
    margin-right: ~"calc(25% - 25vw)";
    margin-left: ~"calc(25% - 25vw)";
    width: auto;
  }

  .toggle-nav {
    display: none;
    cursor: pointer;
    z-index: 999999;
  }

  .toggle-nav i {
    font-size: 30px;
    color: #fff;
    padding: 8px;
    background: var(--first-color);
  }

  .toggle-nav button {
    border: none;
    background: transparent;
  }

  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999999;
    left: 0;
    top: 0;
    overflow-x: hidden;
    transition: 0.5s;
    overflow-y: scroll;
    background: #1E192D;
    visibility: hidden;
  }

  .sidenav.show {
    visibility: visible;
    width: 300px;
  }

  .sidenav .closebtn {
    position: absolute;
    top: 20px;
    margin-left: 10px;
    display: block;
    font-size: 22px;
    background: var(--first-color);
    border-radius: 5px;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    right: 14px;
  }

  .sidenav #site-navigation {
    width: 100%;
  }

  .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 {
    position: static;
    background: transparent !important;
  }

  .main-navigation .menu>li>a,
  .main-navigation .sub-menu>li>a,
  .main-navigation .sub-menu>li>.menu-item-link-return {
    color: #fff;
    display: block;
    border: none;
    text-align: left;
  }

  #site-navigation .menu ul li a {
    color: #fff !important;
  }

  #site-navigation .menu ul li a:hover {
    color: var(--first-color);
  }

  .main-navigation .menu ul {
    text-align: left;
  }

  .navigation_header .nav,
  .navbar-expand-xl {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 991px) {
  .pro-button span {
    display: block;
    padding: 15px 0px;
    margin-right: 0px !important;
  }

  .page-template-home-template #masthead {
    position: relative;
    padding-top: 0px;
  }

}

@media screen and (max-width:782px) {
  .admin-bar .main-navigation .menu {
    padding-top: 45px;
  }
}

@media screen and (min-width: 783px) and (max-width: 1000px) {
  .admin-bar .main-navigation .menu {
    padding-top: 32px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .slider-inner-box {
    left: 10%;
    right: 35%;
  }

  .all-categories{
    padding: 7px 0px;
  }
  
  .location-box{
    margin-top: 15px;
  }

  span.head-btn a{
    display: inline-block;
  }

  .featured h3.main-heading {
    font-size: 18px;
  }

}

@media screen and (min-width: 991px) and (max-width: 1199px) {
  .slider-inner-box {
    right: 44%;
    left: 15%;
  }
  .location-box{
    padding: 0px 13px;
  }
  .all-categories button {
    border: none;
    padding: 7px 8px;
  }

  .featured .owl-carousel .owl-nav .owl-next {
    right: -90.5%;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-inner-box {
    left: 12%;
    right: 53%;
  }
  .header-categories-box .all-categories button {
    padding: 12px 35px 12px 5px;
  }
  .nav-box p.location a {
    padding: 12px 20px;
  }
}

.button-header a {
  padding: 10px 15px;
}
}

@media screen and (min-width:1700px) and (max-width:1900px) {
  .container {
    max-width: 1520px;
  }
}

@media screen and (min-width:1920px) {
  .container {
    max-width: 1620px;
  }
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
span.navbar-control-trigger{
  color: #00224D;
}
button.navbar-control.navbar-control-offcanvas{
  margin-bottom: 10px;
  margin-top: 10px;
  border: 0px;
  background: transparent;
}
.single-post .header-layout {
  border-bottom: 1px solid #efece2;
}
.site-navigation .primary-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto;
  padding: 0;
  justify-content: left;
}
.site-navigation .primary-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto;
  padding: 0;
}
.theme-menu,
.theme-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.theme-menu a,
.responsive-content-menu a {
  color: inherit;
}
.site-navigation .primary-menu .icon {
  pointer-events: none;
  margin-left: 5px;
}
.site-navigation .primary-menu > li a{
  padding: 15px 15px;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0px;
  color: #222222;
}
.header-layout .site-navigation .primary-menu > li:last-child {
  margin-right: 0;
}
.site-navigation .primary-menu > li > a,.link-icon-wrapper a {
  line-height: 1;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}
.site-navigation .primary-menu > li:hover > a::before,
.site-navigation .primary-menu > li:focus > a::before {
  width: 100%;
  left: 0;
}
.site-navigation .primary-menu > li.active > a::before {
  width: 100%;
  left: 0;
}
.site-navigation .primary-menu > li:not(.megamenu-has-children),
.site-navigation .primary-menu > li:not(.megamenu-has-children) .dropdown-menu li {
  position: relative;
}
.site-navigation .primary-menu a {
  display: inline-block;
  text-decoration: none;
  word-break: normal;
  word-wrap: normal;
}
.site-navigation .primary-menu > li ul.sub-menu a {
  padding: 15px;
  font-size: 14px;
  margin-bottom: -2px;
  color: #ffffff;
  font-weight: 500;
}
.site-navigation .primary-menu > li ul.sub-menu li .link-icon-wrapper i{
  display: none;
}
/* SUB MENU */

.site-navigation ul.primary-menu.theme-menu ul.sub-menu li a:hover, .main-navigation .menu > ul.sub-menu li > a:focus{
  border-radius: 0px;
  padding: 15px;
}
.site-navigation .primary-menu ul {
  background-color: var(--first-color);
  list-style: none;
  padding-left: 0;
  position: absolute;
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  width: 200px !important;
  transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
  transform: translateY(0.6rem);
}
.site-navigation .primary-menu li.menu-item-has-children:hover > ul,
.site-navigation .primary-menu li.menu-item-has-children:focus > ul,
.site-navigation .primary-menu li.page_item_has_children:hover > ul,
.site-navigation .primary-menu li.page_item_has_children:focus > ul {
  left: 0;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.15s linear, transform 0.15s linear;
}
.site-navigation .primary-menu li.menu-item-has-children:focus-within > ul,
.site-navigation .primary-menu li.page_item_has_children:focus-within > ul {
  left: 0;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.15s linear, transform 0.15s linear;
}
.site-navigation .primary-menu ul::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
}
.site-navigation .primary-menu ul::before {
  height: 2rem;
  left: 0;
  right: 0;
}
.link-icon-wrapper i {
  font-size: 9px;
  color: #ffffff;
}
.site-navigation .primary-menu ul a {
  background: transparent;
  border: none;
  color: inherit;
  padding: 1.5rem;
  transition: background-color 0.15s linear;
  width: 100%;
}
.site-navigation .primary-menu ul li.menu-item-has-children > a {
  padding-right: 3rem;
}
.site-navigation .primary-menu ul li.menu-item-has-children .icon {
  position: absolute;
  right: 1.5rem;
  top: calc(50% - 0.5rem);
}
/* DEEP DOWN */
.site-navigation .primary-menu ul ul {
  top: 0;
}
.site-navigation .primary-menu ul li.menu-item-has-children:hover > ul,
.site-navigation .primary-menu ul li.menu-item-has-children:focus > ul,
.site-navigation .primary-menu ul li.page_item_has_children:hover > ul,
.site-navigation .primary-menu ul li.page_item_has_children:focus > ul {
  left: calc(100% + 0rem);
}
.site-navigation .primary-menu ul li.menu-item-has-children:focus-within > ul,
.site-navigation .primary-menu ul li.page_item_has_children:focus-within > ul {
  left: calc(100% + 0rem);
}
.site-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
  background: #000000;
  color: #ffffff !important;
}
.site-navigation ul.primary-menu.theme-menu ul li a:hover,.site-navigation .primary-menu ul li a:focus{
  background: #000000;
  color: #ffffff !important;
}
.site-navigation ul.primary-menu.theme-menu li a:hover, .main-navigation .menu > li > a:focus {
  color: var(--first-color) !important;
}
.site-navigation .primary-menu ul ul::before {
  position: absolute;
  content: '';
  bottom: 0;
  height: 5.6rem;
  right: auto;
  left: -2rem;
  top: 0;
  width: 2rem;
}

@media (any-pointer: coarse) {
  .site-navigation .primary-menu > li.menu-item-has-children > a {
    padding-right: 0;
    margin-right: 2rem;
  }
  .site-navigation .primary-menu ul li.menu-item-has-children > a {
    margin-right: 4.5rem;
    padding-right: 0;
    width: unset;
  }
}
/* Repeat previous rules for IE11 (when JS enabled for polyfill). */
body.touch-enabled .primary-menu > li.menu-item-has-children > a {
  padding-right: 0;
  margin-right: 2rem;
}
body.touch-enabled .primary-menu ul li.menu-item-has-children > a {
  margin-right: 4.5rem;
  padding-right: 0;
  width: unset;
}
@media screen and (max-width: 991px) {
  .site-navigation .primary-menu-wrapper {
    display: none;
    opacity: 0;
    visibility: hidden;
  }
  .header-box{
    justify-content: center;
  }
}
.navbar-control-offcanvas {
  display: none;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 991px) {
  .navbar-control-offcanvas {
    display: block;
    opacity: 1;
    visibility: visible;
  }
}
#offcanvas-menu {
  background: rgba(0, 0, 0, 0.42);
  position: fixed;
  top: 0;
  height: 100%;
  right: -100%;
  width: 100%;
  z-index: 1000;
  justify-content: flex-end;
  -webkit-transition: right 0.5s;
  -moz-transition: right 0.5s;
  -ms-transition: right 0.5s;
  -o-transition: right 0.5s;
  transition: right 0.5s;
}
#offcanvas-menu .offcanvas-wraper {
  height: 100%;
  padding: 20px 100px;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .1);
}
#offcanvas-menu .offcanvas-wraper::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@media screen and (max-width: 991px) {
  #offcanvas-menu .offcanvas-wraper {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  #offcanvas-menu .offcanvas-wraper {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
#offcanvas-menu .close-offcanvas-menu {
  text-align: right;
  cursor: pointer;
}
#offcanvas-menu .close-offcanvas-menu .offcanvas-close {
  font-size: 14px;
  font-weight: 700;
  margin: 10px auto;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.admin-bar #offcanvas-menu .close-offcanvas-menu .offcanvas-close {
  margin-top: 40px;
}
.responsive-date-clock .responsive-content-date,
.responsive-date-clock .theme-topbar-clock {
  text-align: left;
}
.responsive-date-clock .theme-topbar-icon,
.responsive-date-clock .theme-topbar-label {
  display: inline-block;
  vertical-align: middle;
}
.offcanvas-wraper > * {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
  opacity: 0;
  transition: transform 0.4s ease-out, opacity 0.4s ease-out;
  will-change: transform, opacity;
}
.offcanvas-menu-active .offcanvas-wraper > * {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.offcanvas-menu-active .offcanvas-wraper .offcanvas-branding {
  transition-delay: 0.3s;
}
.offcanvas-menu-active .offcanvas-wraper .offcanvas-main-navigation {
  transition-delay: 0.6s;
}
.offcanvas-menu-active .offcanvas-wraper .offcanvas-social-navigation {
  transition-delay: 0.9s;
}
#offcanvas-menu.offcanvas-menu-active {
  display: -ms-flexbox;
  display: flex;
  right: 0;
}
.offcanvas-main-navigation {
  width: 100%;
}
.offcanvas-item {
  margin-bottom: 15px;
}
.offcanvas-main-navigation li,
.responsive-content-menu li {
  border-bottom: 0;
  position: relative;
}
.offcanvas-main-navigation li:last-child,
.responsive-content-menu li:last-child {
  border-bottom: none;
}
.offcanvas-main-navigation a,
.responsive-content-menu a {
  padding: 10px 15px;
  display: inline-block;
  font-size: 17px;
  margin-bottom: 0px;
  width: 100%;
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: 400;
}
.submenu-wrapper span.btn__content i{
  color: #ffffff;
}
button.button-offcanvas-close {
  position: relative;
  margin-left: 10px;
  display: block;
  font-size: 22px;
  background: var(--first-color);
  border-radius: 5px;
  border:0px;
  color: #fff;
  padding: 8px 12px;
  text-align: center;
  right: 0px;
}
.offcanvas-main-navigation .sub-menu {
  border-top: 0;
  display: none;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.offcanvas-wraper{
  background: #000000;
}
.offcanvas-main-navigation .sub-menu.submenu-toggle-active {
  display: block;
}
span.navbar-control-trigger i {
  font-size: 30px;
  color: #fff;
  padding: 8px;
  background: #000000;
}
.navbar-controls {
  text-align: center;
  display: flex;
  justify-content: center;
}
.offcanvas-main-navigation .submenu-wrapper {
  display: flex;
  justify-content: space-between;
  border: 0px;
  width: 100%;
}
.offcanvas-main-navigation .sub-menu .submenu-wrapper a:before{
  content: "\00BB \00a0";
}
.offcanvas-main-navigation .submenu-wrapper .submenu-toggle {
  border-width: 0 0 0 0px;
  padding-left: 10px;
  padding-right: 10px;
  background: transparent;
}
.site-navigation .primary-menu ul.sub-menu li{
  position: relative;
}