<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: So Store
Theme URI: https://hussainrj.github.io/so-store-theme.html
Author: RjHussain
Author URI: https://hussainrj.github.io/index.html
Description: So Store is a compatible WooCommerce theme made with WordPress. It is the best theme for you to sell anything online, beautifuly designed and fully responsive this theme have support evato elements, elementor pagebuilder, this theme have 4 defferent type of navBar styles also have dark or light navbar on the theme customizer and also the scroll animation on the shop page Blog page and this have also the two types of designe one is the simple and second material designe and 10 theme colors 4 Blog page style this theme are perfect for shop or blogging etc website
Version: 1.7.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
Text Domain: so-store
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: e-commerce, custom-menu, custom-logo, featured-images, footer-widgets, theme-options, translation-ready, blog, right-sidebar, sticky-post, threaded-comments
*/

/*--------------------------------------------------------------
&gt;&gt;&gt; TABLE OF CONTENTS:
----------------------------------------------------------------
# Home Page Template
    ## Header - Main Menu
    ## Search Box
    ## Cart
    ## Flex Slider
    ## Frontend Product Lists
    ## Footer - Footer Menu
# WooCommerce
    ## Grid System
    ## Shop
    ## Single Product
    ## Cart
    ## Checkout
    ## My Account
    ## Store Notice
# Blog and Archive Pages
    ## Single
    ## Seacrh
    ## Comments
# Elementor Website Builder
# WooCommerce Widgets
# General Widgets
# Content Adjustments
# General
# WordPress Core
# Media Queries
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
     ========================================================================== */

/**
   * Remove the margin in all browsers.
   */

body {
  margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */

main {
  display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */

/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
     ========================================================================== */

/**
   * Remove the gray background on active links in IE 10.
   */

a {
  background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */

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

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */

b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */

small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
     ========================================================================== */

/**
   * Remove the border on images inside links in IE 10.
   */

img {
  border-style: none;
}

/* Forms
     ========================================================================== */

/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

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

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

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

/**
   * 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 padding in Firefox.
   */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

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

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */

progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */

textarea {
  overflow: auto;
}

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

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
     ========================================================================== */

/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */

details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */

summary {
  display: list-item;
}

/* Misc
     ========================================================================== */

/**
   * Add the correct display in IE 10+.
   */

template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */

[hidden] {
  display: none;
}

body {
  font-family: "Mukta", sans-serif;
}

/* Base */
body {
  line-height: 1.7;
  color: #909590;
  font-weight: 300;
  font-size: 14px;
}


a {
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
a:hover {
  text-decoration: none;
}

.text-black {
  color: #909590;
}

.site-wrap:before {
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  background: rgba(0, 0, 0, 0.6);
  content: "";
  position: absolute;
  z-index: 2000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
}

.offcanvas-menu .site-wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  overflow: hidden;
}
.offcanvas-menu .site-wrap:before {
  opacity: 1;
  visibility: visible;
}

.btn {
  text-transform: uppercase;
  position: relative;
  -webkit-transition: 0.2s all ease-in-out !important;
  -o-transition: 0.2s all ease-in-out !important;
  transition: 0.2s all ease-in-out !important;
  top: 0;
  letter-spacing: 0.05em;
}
.btn:hover,
.btn:active,
.btn:focus {
  outline: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn.btn-secondary {
  background-color: #e6e7e9;
  border-color: #e6e7e9;
  color: #000;
}
.btn.btn-sm {
  font-size: 14px !important;
  padding: 10px 20px !important;
}
.btn.btn-primary {
  font-size: 17px;
  font-weight: 300;
  letter-spacing: 0.2em;
}
.btn:hover {
  -webkit-box-shadow: 0 5px 20px -7px rgba(0, 0, 0, 0.9) !important;
  box-shadow: 0 5px 20px -7px rgba(0, 0, 0, 0.9) !important;
  top: -2px;
}

.form-control {
  height: 43px;
}

.form-control:hover,
.form-control:active,
.form-control:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.site-section {
  padding: 2.5em 0;
}
@media (min-width: 768px) {
  .site-section {
    padding: 1em 0;
  }
}
.site-section.site-section-sm {
  padding: 4em 0;
}

.site-section-heading {
  font-size: 30px;
  color: #25262a;
  position: relative;
}



.border-top {
  border-top: 1px solid #edf0f5 !important;
}

.site-footer {
  padding: 4em 0;
}
.site-footer ul li {
  margin-bottom: 10px;
}
.site-footer ul li a {
  color: #5c626e;
}

.site-footer .footer-heading {
  font-size: 20px;
  color: #25262a;
}

/* Navbar */
.site-navbar {
  background: #fff;
  margin-bottom: 4px;
  margin-top: 0px;
  z-index: 1999;
  position: relative;
}
.site-navbar.transparent {
  background: transparent;
}
.site-navbar .site-navbar-top {
  border-bottom: 1px solid #f3f3f4;
  padding-top: 0px;
  padding-bottom: 10px;
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .site-navbar .site-navbar-top {
    padding-top: 6px;
    padding-bottom: 0px;
  }
}
.site-navbar .site-search-icon a span {
  display: inline-block;
  margin-right: 10px;
}
.site-navbar .site-search-icon a:hover {
  text-decoration: none;
}
.site-navbar .site-logo a {
  text-transform: uppercase;
  color: #25262a;
  letter-spacing: 0.2em;
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
  border: 2px solid #25262a;
}
.site-navbar .site-logo a:hover {
  text-decoration: none;
}
.site-navbar a {
  color: #868995;
}
.site-navbar a:hover {
  color: #3d3f45;
}
.site-navbar .icon {
  font-size: 20px;
}
.site-navbar .site-top-icons ul,
.site-navbar .site-top-icons ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.site-navbar .site-top-icons ul li {
  display: inline-block;
}
.site-navbar .site-top-icons ul li a {
  margin-right: 10px;
}
.site-navbar .site-top-icons ul li a.site-cart {
  display: block;
  position: relative;
}

.site-navbar .site-top-icons ul li a:hover .count {
  -webkit-box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.3) !important;
  margin-top: -22px;
}
.site-navbar .site-top-icons ul li:last-child a {
  padding-right: 0;
}
.site-navbar .site-top-icons ul .site-menu-toggle {
  font-size: 25px;
  position: relative;
  top: 2px;
  margin-left: 20px;
}
.site-navbar .site-navigation.border-bottom {
  border-bottom: 1px solid #f3f3f4 !important;
}
.site-navbar .site-navigation .site-menu {
  margin-bottom: 0;
}

.site-navbar .site-navigation .site-menu a {
  text-decoration: none !important;
  font-size: 15px;
  display: inline-block;
}
.site-navbar .site-navigation .site-menu &gt; li {
  display: inline-block;
  padding: 10px 5px;
}
.site-navbar .site-navigation .site-menu &gt; li &gt; a {
  padding: 10px 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #25262a;
  font-size: 15px;
  text-decoration: none !important;
}

.site-navbar .site-navigation .site-menu .has-children {
  position: relative;
}
.site-navbar .site-navigation .site-menu .has-children &gt; a {
  position: relative;
  padding-right: 20px;
}
.site-navbar .site-navigation .site-menu .has-children &gt; a:before {
  position: absolute;
  content: "\e313";
  font-size: 16px;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "icomoon";
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a {
  font-size: 16px;
  text-transform: none;
  letter-spacing: normal;
  -webkit-transition: 0s all;
  -o-transition: 0s all;
  transition: 0s all;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown &gt; li {
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 200px;
}
.site-navbar .site-navigation .site-menu .has-children .dropdown &gt; li &gt; a {
  padding: 9px 20px;
  display: block;
}
.site-navbar
  .site-navigation
  .site-menu
  .has-children
  .dropdown
  &gt; li
  &gt; a:hover {
  background: #f4f5f9;
  color: #25262a;
}
.site-navbar
  .site-navigation
  .site-menu
  .has-children
  .dropdown
  &gt; li.has-children
  &gt; a:before {
  content: "\e315";
  right: 20px;
}
.site-navbar
  .site-navigation
  .site-menu
  .has-children
  .dropdown
  &gt; li.has-children
  &gt; .dropdown,
.site-navbar
  .site-navigation
  .site-menu
  .has-children
  .dropdown
  &gt; li.has-children
  &gt; ul {
  left: 100%;
  top: 0;
}
.site-navbar
  .site-navigation
  .site-menu
  .has-children
  .dropdown
  &gt; li.has-children:hover
  &gt; a,
.site-navbar
  .site-navigation
  .site-menu
  .has-children
  .dropdown
  &gt; li.has-children:active
  &gt; a,
.site-navbar
  .site-navigation
  .site-menu
  .has-children
  .dropdown
  &gt; li.has-children:focus
  &gt; a {
  background: #f4f5f9;
  color: #25262a;
}
.site-navbar .site-navigation .site-menu .has-children a {
  text-transform: uppercase;
}

.site-navbar .site-navigation .site-menu .has-children:hover,
.site-navbar .site-navigation .site-menu .has-children:focus,
.site-navbar .site-navigation .site-menu .has-children:active {
  cursor: pointer;
}
.site-navbar .site-navigation .site-menu .has-children:hover &gt; .dropdown,
.site-navbar .site-navigation .site-menu .has-children:focus &gt; .dropdown,
.site-navbar .site-navigation .site-menu .has-children:active &gt; .dropdown {
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  margin-top: 0px;
  visibility: visible;
  opacity: 1;
}

.site-mobile-menu {
  width: 300px;
  position: fixed;
  right: 0;
  z-index: 2000;
  padding-top: 20px;
  background: #fff;
  height: calc(100vh);
  -webkit-transform: translateX(110%);
  -ms-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.offcanvas-menu .site-mobile-menu {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}
.site-mobile-menu .site-mobile-menu-header {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
  float: right;
  margin-top: 8px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
  font-size: 40px;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
  color: #25262a;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
  float: left;
  margin-top: 10px;
  margin-left: 20px;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
  display: inline-block;
  text-transform: uppercase;
  color: #25262a;
  letter-spacing: 0.2em;
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
  border: 2px solid #25262a;
}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
  text-decoration: none;
}
.site-mobile-menu .site-mobile-menu-body {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding: 20px;
  height: calc(100vh - 52px);
  padding-bottom: 150px;
}
.site-mobile-menu .site-nav-wrap {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
.site-mobile-menu .site-nav-wrap a {
  padding: 10px 20px;
  display: block;
  position: relative;
  color: #212529;
}

.site-mobile-menu .site-nav-wrap li {
  position: relative;
  display: block;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse {
  position: absolute;
  right: 0px;
  top: 10px;
  z-index: 20;
  width: 36px;
  height: 36px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
  background: #f8f9fa;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
  font-size: 12px;
  z-index: 20;
  font-family: "FontAwesome";
  content: "\f078";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-180deg);
  -ms-transform: translate(-50%, -50%) rotate(-180deg);
  transform: translate(-50%, -50%) rotate(-180deg);
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.site-mobile-menu .site-nav-wrap &gt; li {
  display: block;
  position: relative;
  float: left;
  width: 100%;
}
.site-mobile-menu .site-nav-wrap &gt; li &gt; a {
  padding-left: 20px;
  font-size: 20px;
}
.site-mobile-menu .site-nav-wrap &gt; li &gt; ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.site-mobile-menu .site-nav-wrap &gt; li &gt; ul &gt; li {
  display: block;
}
.site-mobile-menu .site-nav-wrap &gt; li &gt; ul &gt; li &gt; a {
  padding-left: 40px;
  font-size: 16px;
}
.site-mobile-menu .site-nav-wrap &gt; li &gt; ul &gt; li &gt; ul {
  padding: 0;
  margin: 0;
}
.site-mobile-menu .site-nav-wrap &gt; li &gt; ul &gt; li &gt; ul &gt; li {
  display: block;
}
.site-mobile-menu .site-nav-wrap &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  font-size: 16px;
  padding-left: 60px;
}

/* Blocks */
.site-blocks-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.site-blocks-cover,
.site-blocks-cover .row {
  min-height: 600px;
  height: calc(100vh - 174px);
}
.site-blocks-cover h1 {
  font-size: 30px;
  font-weight: 900;
  color: #000;
}
@media (min-width: 768px) {
  .site-blocks-cover h1 {
    font-size: 50px;
  }
}
.site-blocks-cover p {
  color: #333333;
  font-size: 20px;
  line-height: 35px;
}
.site-blocks-cover .intro-text {
  font-size: 16px;
  line-height: 1.5;
}

.site-blocks-1 {
  border-bottom: 1px solid #edf0f5;
}
.site-blocks-1 .divider {
  position: relative;
}
.site-blocks-1 .divider:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  right: 10px;
  background: #edf0f5;
}
.site-blocks-1 .divider:last-child:after {
  display: none;
}

.site-blocks-1 .text h2 {
  color: #25262a;
  letter-spacing: 0.05em;
  font-size: 18px;
}
.site-blocks-1 .text p:last-child {
  margin-bottom: 0;
}

.site-blocks-2 .block-2-item {
  display: block;
  position: relative;
}
.site-blocks-2 .block-2-item:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(
    top,
    transparent 0%,
    transparent 18%,
    rgba(0, 0, 0, 0.8) 99%,
    rgba(0, 0, 0, 0.8) 100%
  );
  background: -webkit-linear-gradient(
    top,
    transparent 0%,
    transparent 18%,
    rgba(0, 0, 0, 0.8) 99%,
    rgba(0, 0, 0, 0.8) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(transparent),
    color-stop(18%, transparent),
    color-stop(99%, rgba(0, 0, 0, 0.8)),
    to(rgba(0, 0, 0, 0.8))
  );
  background: -o-linear-gradient(
    top,
    transparent 0%,
    transparent 18%,
    rgba(0, 0, 0, 0.8) 99%,
    rgba(0, 0, 0, 0.8) 100%
  );
  background: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 18%,
    rgba(0, 0, 0, 0.8) 99%,
    rgba(0, 0, 0, 0.8) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
}
.site-blocks-2 .block-2-item .image {
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
}
.site-blocks-2 .block-2-item .image img {
  margin-bottom: 0;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.site-blocks-2 .block-2-item .text {
  z-index: 2;
  bottom: 0;
  padding-left: 20px;
  position: absolute;
  width: 100%;
}
.site-blocks-2 .block-2-item .text &gt; span,
.site-blocks-2 .block-2-item .text h3 {
  color: #fff;
}
.site-blocks-2 .block-2-item .text &gt; span {
  font-size: 12px;
  letter-spacing: 0.1em;
  font-weight: 900;
}
.site-blocks-2 .block-2-item .text h3 {
  font-size: 40px;
}
.site-blocks-2 .block-2-item:hover .image img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.block-3 .owl-stage {
  padding-top: 40px;
  padding-bottom: 40px;
}

.block-3 .owl-nav {
  position: relative;
  position: absolute;
  bottom: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.block-3 .owl-nav .owl-prev,
.block-3 .owl-nav .owl-next {
  position: relative;
  display: inline-block;
  padding: 20px;
  font-size: 30px;
  color: #5c626e;
}
.block-3 .owl-nav .owl-prev:hover,
.block-3 .owl-nav .owl-next:hover {
  color: #25262a;
}
.block-3 .owl-nav .owl-prev.disabled,
.block-3 .owl-nav .owl-next.disabled {
  opacity: 0.2;
}

.block-4 {
  -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.block-4 .block-4-text h3 {
  font-size: 20px;
  margin-bottom: 0;
}
.block-4 .block-4-text h3 a {
  text-decoration: none;
}

.block-5 ul,
.block-5 ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1.5;
}

.block-5 ul li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 15px;
  color: #25262a;
}

.block-5 ul li.address:before {
  content: "\e8b4";
}
.block-5 ul li.email:before {
  content: "\f0e0";
}
.block-5 ul li.phone:before {
  content: "\f095";
}

.block-6 {
  display: block;
}
.block-6 img {
  display: block;
}
.block-6 h3 {
  font-size: 18px;
}
.block-6 p {
  color: #737b8a;
}

.block-7 .form-group {
  position: relative;
}

.block-7 .form-control {
  padding-right: 96px;
}

.block-7 .btn {
  position: absolute;
  width: 80px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 3px;
}

.block-8 .post-meta {
  color: #c4c7ce;
}

.block-8 .block-8-sep {
  margin-left: 10px;
  margin-right: 10px;
}

.site-blocks-table {
  overflow: auto;
}
.site-blocks-table .product-thumbnail {
  width: 200px;
}
.site-blocks-table thead th {
  padding: 30px;
  text-align: center;
  border-width: 1px !important;
  vertical-align: middle;
  color: #212529;
  font-size: 18px;
}
.site-blocks-table td {
  padding: 20px;
  text-align: center;
  vertical-align: middle;
  color: #212529;
}


.site-block-order-table th {
  border-top: none !important;
  border-bottom-width: 1px !important;
}

.site-block-order-table td,
.site-block-order-table th {
  color: #000;
}

.site-block-top-search {
  position: relative;
}
.site-block-top-search .icon {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.site-block-top-search input {
  padding-left: 40px;
  -webkit-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.site-block-top-search input:focus,
.site-block-top-search input:active {
  padding-left: 25px;
}

.site-block-27 ul,
.site-block-27 ul li {
  padding: 0;
  margin: 0;
}

.site-block-27 ul li {
  display: inline-block;
  margin-bottom: 4px;
}
.site-block-27 ul li a,
.site-block-27 ul li span {
  text-align: center;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  border: 1px solid #ccc;
}


#slider-range {
  height: 8px;
}

#slider-range .ui-slider-handle:focus,
#slider-range .ui-slider-handle:active {
  outline: none;
}


.color-item .color {
  width: 14px;
  height: 14px;
}

.block-16 figure {
  position: relative;
}
.block-16 figure .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 40px;
  width: 90px;
  height: 90px;
  background: #fff;
  display: block;
  border-radius: 50%;
  border: none;
}
.block-16 figure .play-button:hover {
  opacity: 1;
}
.block-16 figure .play-button &gt; span {
  position: absolute;
  left: 55%;
  top: 50%;
  -webkit-transform: translate(-50%, -45%);
  -ms-transform: translate(-50%, -45%);
  transform: translate(-50%, -45%);
}

.block-38 .block-38-header .block-38-heading {
  color: #000;
  margin: 0;
  font-weight: 300;
}

.block-38 .block-38-header .block-38-subheading {
  color: #b3b3b3;
  margin: 0 0 20px 0;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 0.1em;
}

.block-38 .block-38-header img {
  width: 120px;
  border-radius: 50%;
  margin-bottom: 20px;
}

.content-area {
  min-height: 500px;
  padding: 3rem 0;
}

.page-template-template-home-php .content-area {
  padding: 0;
}

/* Home Page Template */

/* body {
  background-color: #fff !important;
} */

/* Header - Main Menu */

.navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.1rem 1rem;
}

header p.site-title {
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #909590;
  font-weight: 600;
  margin-top: 0px;
}


body #page &gt; header {
  border-top: 4px solid #ffeb33;
  background-color: #fdfdfd;
  border-bottom: 1px solid #eee;
}

header .search {
  padding: 0.7rem 0;
  background-color: #0000000a;
}

header .top-bar {
  padding: 1rem 0 0 0;
}

header p.site-title {
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #909590;
  font-weight: 600;
  margin-top: 0px;
}

header p.site-title ~ span {
  color: #909590;
}

header .brand {
  padding-bottom: 15px;
  word-break: break-word;
  -ms-word-wrap: break-word;
}

header .brand img {
  max-width: 160px;
  height: auto;
}

.account {
  font-weight: 700;
}

.account ul li a {
  padding: 0 1rem 0 0 !important;
}


/* Search Box */
.search-form button {
  height: 23px;
  width: 23px;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
}

.search-form input[type="search"] {
  background-color: #fff;
  border: none;
  font-weight: 500;
  font-size: 110%;
  padding: 0.5rem 1rem;
  margin-right: 3rem;
}

/* Cart */
.cart {
  padding: 0;
}

.cart .cart-icon {
  background: url("img/cart.svg");
  height: 25px;
  width: 25px;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: bottom;
}



/* Flex Slider */
.flexslider {
  border: 0 !important;
}

.flex-control-nav {
  bottom: 10px !important;
}

.slider-details-container {
  color: #fff;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 800px;
}

.slider-details-container h1 {
  font-family: "Seaweed Script";
  font-size: 3.7rem;
}

.slider-details-container .subtitle {
  font-size: 1.3em;
  margin-bottom: 15px;
}

.slider-details-container .slider-title {
  color: #fff;
  font-weight: 700;
}



.slider-details-container a:hover {
  color: #fff;
}

.flexslider .slides {
  padding: 0 !important;
}

.flex-control-paging li a {
  background: rgba(189, 189, 189, 0.5) !important;
  height: 10px !important;
  width: 15px !important;
}



.flex-control-nav li {
  margin: 0 2px !important;
}

/* Frontend Product Lists */
.home main .section-title {
  position: relative;
  margin-bottom: 20px;
}

.home main .section-title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 1px;
  width: 100%;
  background: #ddd;
}

.home main .section-title h2 {
  font-family: "Seaweed Script";
  font-size: 3rem;
  position: relative;
  display: inline-block;
  background: #fff;
  vertical-align: top;
  padding: 0 20px 0 0;
  margin: 0;
}

.home section.lab-blog {
  padding: 40px 0;
}

.home .woocommerce ul.products {
  border-top: none;
}

.home .woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 1.3rem;
  font-weight: 500;
  color: #868686;
  margin: auto;
  padding: 0;
  display: table;
}



.home .popular-products .woocommerce ul.products li.product .button:hover,
.home .new-arrivals .woocommerce ul.products li.product .button:hover {
  color: #666;
}

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

.deal-of-the-week {
  background: #f7f7f7;
  padding: 60px 0;
}

.deal-of-the-week .row {
  padding: 30px 0;
}

.deal-of-the-week .discount {
  background: #ff6891;
  color: #fff;
  padding: 0.5rem;
  display: inline-block;
  margin: 20px 0;
  position: relative;
}

.deal-of-the-week .discount:before {
  content: "";
  position: absolute;
  top: 6%;
  left: 0;
  height: 1px;
  width: 100%;
  border: 1px dashed #ffc8d8;
}

.deal-of-the-week .discount:after {
  content: "";
  position: absolute;
  bottom: 5%;
  left: 0;
  height: 1px;
  width: 100%;
  border: 1px dashed #ffc8d8;
}

.deal-of-the-week .section-title {
  margin: 0 !important;
}

.deal-of-the-week h2 {
  background: #f8f8f8 !important;
}

.deal-of-the-week h3 {
  margin: 0 0 20px 0;
  padding: 0;
}

.deal-of-the-week h3 a {
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  transition: 0.5s;
}

.deal-of-the-week h3 a:hover {
  color: #777;
}

.deal-of-the-week p {
  color: #aeaeae;
  font-size: 1.2rem;
}

.deal-of-the-week .prices .regular {
  font-size: 1.4rem;
  font-weight: 600;
  opacity: 0.4;
  text-decoration: line-through;
}

.deal-of-the-week .prices .sale {
  font-size: 2rem;
  font-weight: 700;
}


/* Blogs */

.lab-blog img {
  margin: 15px 0;
}

.lab-blog h3 {
  margin-bottom: 0;
}


.lab-blog .pub-date {
  margin-bottom: 0.6rem;
  display: block;
}

.lab-blog .excerpt {
  color: #909590;
}


/* Footer - Footer Menu */
.footer-widgets {
  padding: 35px 0;
  background: #090909;
  color: #aeaeae;
}

.footer-widgets h4 {
  color: #fff;
  text-transform: uppercase;
}

.footer-widgets p {
  margin-bottom: 0.5rem;
}

.footer-widgets strong {
  color: #fff;
}

.footer-widgets ul li a {
  color: #aeaeae;
}

.copyright {
  background-color: #000000;
  color: #939393;
  padding: 20px 0;
}

.copyright p {
  margin: 0;
}

.footer-menu ul,
.footer-widgets ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
}

.footer-menu ul li {
  display: inline;
  margin: 0 10px 0 0;
}

.footer-menu ul li:last-child {
  margin: 0;
}

.footer-menu ul li a {
  color: #939393;
  text-decoration: none;
}



/* WooCommerce */

/* Grid System */
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2 {
  flex: 0 0 50%;
  max-width: 50%;
}

/* Shop */

.shop-content {
  padding: 3rem 0;
}

.shop-content .row {
  margin-left: 0;
  margin-right: 0;
}

.post-type-archive-product .content-area,
.product-template-default .content-area,
.tax-product_cat .content-area {
  padding: 0;
}

.woocommerce .woocommerce-breadcrumb a {
  font-weight: 700;
}

.woocommerce ul.products.columns-1 li.product:first-child,
.woocommerce-page ul.products.columns-1 li.product:first-child {
  margin-top: 20px;
}

.woocommerce .products ul,
.woocommerce ul.products {
  border-top: 1px solid #eee;
}

.woocommerce ul.products li.product a img {
  width: 255px;
  height: auto;
  display: block;
  margin: 0 1em 1em 0;
  box-shadow: none;
  float: left;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 25px;
  font-weight: 700;
  color: #000;
  margin: auto;
  padding: 0;
  display: table;
}

.post-type-archive-product .woocommerce-loop-product__title {
  margin-bottom: 0.5rem !important;
}

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

.woocommerce ul.products li.product p {
  color: #000;
}

.woocommerce ul.products li.product .price {
  color: #000;
  font-weight: 600;
}

.woocommerce ul.products li.product .price ins {
  font-size: 140%;
}


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

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  color: #000;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  padding: 12px;
}


.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce ul.products li.product .button:hover {
  background-color: #3B1F2B
}

.product_meta &gt; span {
  display: block;
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount {
  color: #000;
  font-size: 20px;
  font-weight: 500;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.woocommerce-Price-amount {
  font-size: 25px;
  color: #000;
  font-weight: 700;
}


.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: 0;
  margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  content: none;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background-color: #ffeb8a;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: #ffe252;
}

/* Cart */
.woocommerce-cart table.cart td.actions .coupon .input-text {
  width: 150px;
}

/* Checkout */
.woocommerce form .form-row {
  display: block;
}
.woocommerce-checkout #customer_details {
  margin-bottom: 20px;
}
.woocommerce table.shop_table {
  border-collapse: collapse;
}

/* My Account */
.woocommerce-MyAccount-navigation a {
  color: #000000;
}

.woocommerce-MyAccount-navigation .is-active {
  font-weight: 700;
  background-color: #000000;
}

.woocommerce-MyAccount-navigation .is-active a {
  color: #fff;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  border: 1px solid #f3f3f3;
}

.woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid #f3f3f3;
  padding: 0.3rem 0.7rem;
}

.woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: 0;
}

.woocommerce table.my_account_orders {
  font-size: inherit;
}

/* Store Notice */
.woocommerce-store-notice,
p.demo_store {
  background-color: #750000;
}

/* Blog and Archive Pages */
.blog article,
.archive article {
  margin-bottom: 3rem;
}

article  p &gt; a {
  text-decoration: underline !important;
}

article a {
  text-decoration: underline !important;
}

article .meta p &gt; a {
  text-decoration: underline !important;
  font-weight: 400;
}
a {
  text-decoration: underline;
}
a:hover {
  text-decoration: none !important;
}

nav a {
  text-decoration: none !important;
}

.comment-author {
  font-weight: 700;
}

.blog article .title,
.archive article .title {
  font-weight: 600;
}

.blog article .meta,
.archive article .meta {
  font-weight: 400;
  margin: 1rem 0;
}

.archive-title {
  font-size: 2rem;
  font-weight: 600;
  border-bottom: 1px solid #efefef;
  padding: 0 0 0.7rem 0;
  margin-bottom: 1rem;
}

.archive-title span {
  color: #b58e8e;
  font-weight: normal;
}

.blog .post-thumbnail,
.archive .post-thumbnail {
  margin: 1rem 0;
}

.nav-links {
  font-weight: 700;
}

.nav-links span,
.nav-links a {
  padding: 0.4rem;
}

/* Single */
.single header h1 {
  font-weight: 700;
}

.single .post-thumbnail {
  margin: 1rem 0;
}

.comments-area {
  border-top: 1px solid #eee;
  padding: 1rem 0 2rem;
  margin-top: 2rem;
}

.comment-form label {
  display: block;
}


/* Search */
.search .content-area .search-form {
  margin: 0 0 1rem;
}

/* Comments */

#comments ol,
#comments ul {
  list-style: none;
  padding: 0;
}

#comments .depth-1 {
  padding: 2rem 0;
}

#comments .nav-links a {
  padding: 0;
}

#comments .bypostauthor {
  background-color: #bf95941a;
}

.entry-pings,
.entry-comments {
  color: #444;
  padding: 20px 45px 40px 45px;
  border: 1px solid #ccc;
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  border-left: 4px solid #444;
}

.entry-comments h3 {
  font-size: 30px;
  margin-bottom: 30px;
}

.comment-respond h3,
.entry-pings h3 {
  font-size: 20px;
  margin-bottom: 30px;
}

.comment-respond {
  margin: 1.5rem 0;
}

.comment-header {
  color: #adaeb3;
  font-size: 14px;
  margin-bottom: 20px;
}

.comment-header cite a {
  border: none;
  font-style: normal;
  font-size: 16px;
  font-weight: bold;
}

.comment-header .comment-meta a {
  border: none;
  color: #adaeb3;
}

li.comment {
  background-color: #fff;
  border-right: none;
}

.comment-content {
  clear: both;
  overflow: hidden;
}

.comment-list li {
  font-size: 14px;
  padding: 20px 30px 20px 25px;
}

.comment-list .children {
  margin-top: 40px;
  border: 1px solid #cccccc40;
  margin-left: 1rem;
}

.comment-list li li {
  background-color: #f5f5f6;
}

.comment-list li li li {
  background-color: #fff;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
  width: 50%;
}

.comment-respond label {
  display: block;
  margin-right: 12px;
}

.entry-comments .comment-author {
  margin-bottom: 0;
  position: relative;
}

.entry-comments .comment-author img {
  border-radius: 50%;
  border: 5px solid #fff;
  left: -80px;
  top: -5px;
  position: absolute;
  width: 60px;
}

.entry-pings .reply {
  display: none;
}


.form-allowed-tags {
  background-color: #f5f5f5;
  font-size: 16px;
  padding: 24px;
}

.comment-reply-link {
  cursor: pointer;
  background-color: #444;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  padding: 4px 10px 4px;
  text-transform: uppercase;
  width: auto;
}

.comment-reply-link:hover {
  color: #fff;
}

.comment-notes {
  display: none;
}

/* WooCommerce Widgets */
.woocommerce .shop-content .widget-wrapper {
  margin: 0 0 2rem;
  border-bottom: 1px solid #eee;
  padding: 0 1em 2em 0;
}

.woocommerce ul.products li.product .button:hover {
  background-color: #3B1F2B;
}

.woocommerce .shop-content .widget-wrapper h4 {
  padding: 0 0 0.7rem 0;
}

.woocommerce .shop-content .widget-wrapper &gt; ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.woocommerce .shop-content .widget-wrapper &gt; ul li ul {
  list-style: none;
}

.woocommerce .shop-content .widget-wrapper ul li span,
.woocommerce .shop-content .widget-wrapper ul li ul li span {
  float: right;
}

.no-sidebar-shop .sidebar-shop {
  display: none;
}

.no-sidebar-shop .main-content {
  flex: 0 0 100%;
  max-width: 100%;
}

/* General Widgets */

.widget {
  margin-bottom: 1rem;
}

.slider-details-container a:hover {
  color: #fff;
  background-color: #3B1F2B;
}

.content-area .widget h4 {
  border-bottom: 1px solid #f5f5f5;
  padding: 0.4rem 0;
  font-weight: 700;
}

.widget &gt; ul,
.widget &gt; ol,
.widget_nav_menu div &gt; ul {
  padding: 0;
  list-style: none;
}

.widget_nav_menu div &gt; ul li ul,
.widget_product_categories ul li ul {
  padding: 0 0 0 0.7rem;
  list-style: none;
}

.widget_product_categories ul li ul,
.widget_categories ul li ul,
.widget_pages ul li ul {
  padding: 0 0 0 0.7rem;
  list-style: none;
}

.widget select,
.widget img {
  max-width: 100%;
}

.widget_calendar table {
  width: 100%;
  text-align: center;
}

.widget_calendar tfoot {
  background-color: #d46562;
}

.widget_calendar tfoot a {
  color: #fff;
}

.widget_calendar tfoot tr td {
  padding: 0.3rem 0.7rem;
}

.widget_calendar tfoot tr .pad {
  padding: 0;
}

.widget_calendar tfoot tr #next {
  text-align: right;
}

.widget_calendar table caption {
  text-align: center;
  background-color: #a7524b;
  color: #fff;
  padding: 0.3rem;
}

.widget_recent_comments .recentcomments {
  padding: 0 0 0.5rem;
}

.widget_recent_comments .recentcomments .comment-author-link {
  font-weight: 700;
}

.widget_recent_comments .recentcomments .comment-author-link a {
  color: #909590;
  font-size: inherit;
}

.widget_rss ul {
  background-color: #f9f9f9;
  padding: 1rem;
}

.widget_rss ul li {
  padding: 0 0 0.8rem;
}

.widget_rss ul li .rss-date {
  font-weight: 500;
  display: block;
}

.widget .tagcloud {
  font-weight: 500;
}

.widget .search-form,
.search .content-area .search-form {
  display: flex;
  max-width: 300px;
}

.widget .search-form button,
.search .content-area .search-form button {
  flex: 0;
  height: 38px;
  width: 38px;
  background-color: #a5a5a5;
  border-top: 6px solid #a5a5a5;
  border-right: 0;
  border-bottom: 6px solid #a5a5a5;
  border-left: 6px solid #a5a5a5;
}

.widget .search-form input[type="search"],
.search .content-area input[type="search"] {
  margin-right: 0;
  flex: 1;
  max-width: 172px;
}

.content-area .widget .search-form input[type="search"],
.shop-content .widget .search-form input[type="search"],
.search .search-form input[type="search"] {
  background-color: #f1f1f1;
}

.shop-content .widget_rss ul {
  padding: 1rem !important;
}

.shop-content .widget_recent_comments .recentcomments .comment-author-link,
.shop-content .widget_rss ul li .rss-date {
  float: none !important;
}

.footer-widgets a:hover {
  color: #ddd;
}

.footer-widgets .widget_calendar tfoot {
  background-color: #737070;
}

.footer-widgets .widget_calendar table caption {
  text-align: center;
  background-color: #2b2b2b;
  color: #fff;
  padding: 0.3rem;
}

.footer-widgets .widget_rss ul {
  background-color: #f9f9f91c;
}

.footer-widgets .widget_rss ul li a,
.footer-widgets .tagcloud a {
  color: #ffb4b4d4;
}

.footer-widgets .widget_rss ul li a:hover,
.footer-widgets .tagcloud a:hover {
  color: #ff9191d4;
}

.footer-widgets .widget_recent_comments .recentcomments .comment-author-link,
.footer-widgets .widget_recent_comments .recentcomments .comment-author-link a {
  color: #f1b7b7;
}

.no-sidebar .sidebar-1 {
  display: none;
}

.no-sidebar .blog-area {
  flex: 0 0 100%;
  max-width: 100%;
}

.no-sidebar-footer .footer-widgets {
  display: none;
}

/* Content Adjustments */

.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6,
.content-area p {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.content-area .sticky {
  background-color: #fbed350d;
  padding: 2rem;
  border: 1px dashed #f1dc3d;
}

.content-area ul,
.comment-body ul {
  padding: 0 0 0 1rem;
  list-style: none;
}

.page .content-area .woocommerce ul {
  padding: 0;
  list-style: none;
}

.content-area ol,
.comment-body ol {
  padding: 0 0 0 1rem;
}

.content-area ul li,
.comment-body ul li,
.content-area ol li,
.comment-body ol li {
  font-size: 1.15rem;
  list-style: square;
}
.content-area a {
  text-decoration: underline;
}

.content-area blockquote,
.comment-body blockquote,
.content-area q,
.comment-body q {
  background-color: #f5f5f5;
  border-left: 5px solid #000;
}

.content-area blockquote p,
.comment-body blockquote p {
  margin: 0;
  padding: 1rem;
}

.content-area q,
.comment-body q {
  margin: 0;
  padding: 0.5rem;
  display: inline-block;
}

.content-area table,
.comment-body table {
  width: 100%;
  margin: 0 0 1rem;
  font-size: 1.15rem;
}


.page .content-area .woocommerce table tbody tr:first-child {
  background-color: transparent;
  color: initial;
}

.comment-body table tbody tr:first-child th,
.content-area table tbody tr:first-child th {
  border: none;
}

.content-area table tbody th,
.comment-body table tbody th,
.content-area table tbody td,
.comment-body table tbody td {
  padding: 0.4rem;
  vertical-align: middle;
  border: 1px solid #ececec;
  text-align: center;
  font-weight: 500;
}

.content-area table tbody tr:hover,
.comment-body table tbody tr:hover {
  background-color: #f5f5f5;
}

.content-area dl,
.comment-body dl {
  font-size: 1.15rem;
}

.content-area dt,
.comment-body dt {
  font-weight: bold;
  padding: 0.5rem;
  background: #333;
  color: #fff;
}

.content-area dd,
.comment-body dd {
  margin: 0;
  padding: 0.5rem;
}

.content-area address,
.comment-body address {
  font-size: 1.15rem;
  font-style: italic;
}

.content-area code,
.comment-body code {
  font-size: 0.95rem;
  font-style: italic;
}
.content-area img {
  max-width: 100%;
  height: auto;
}

.content-area .wp-caption.alignleft {
  margin: 5px 20px 10px 0;
}

.content-area .inner-pagination {
  font-weight: 700;
}

.comment-body ul {
  padding: 0 0 0 1.5rem !important;
  list-style: square !important;
}

.comment-body ol {
  padding: 0 0 0 1.5rem !important;
}

.comment-body &gt; ul,
.comment-body &gt; ol {
  margin: 0 0 1rem 0;
}

.comment-body ul li,
.comment-body ol li {
  font-size: 1.15rem;
  background-color: transparent !important;
  padding: 0 !important;
}

.comment-body ol {
  list-style: decimal !important;
}

#comments .pingback {
  font-size: 1.15rem;
  padding: 0;
}

.gallery-item dt {
  padding: 2rem;
}

.gallery-item img {
  border: 2px solid #fff !important;
}

/* General */

embed,
iframe,
object {
  max-width: 100%;
}

button,
input,
optgroup,
select,
textarea {
  background-color: #f6f6f6;
  padding: 5px 15px;
  border: 1px solid #e2e2e2;
  max-width: 100%;
}


header a {
  text-decoration: none !important;
}

.slider a {
  text-decoration: none !important;
}

a:hover {
  color: #3B1F2B;
  text-decoration: none;
}

p,
ul li a,
.nav-links a,
.nav-links span {
  font-size: 1.15rem;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

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

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  padding: 0 4px 5px;
  color: #000;
}

/* 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; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.gallery-caption {
  display: block;
  font-size: 0.71111em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0.5rem;
}

.bypostauthor {
  display: block;
}

/* Media Queries */

@media all and (max-width: 767px) {
  .woocommerce .col2-set .col-1,
  .woocommerce .col2-set .col-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .footer-widgets .col-12 {
    margin-bottom: 25px;
  }

  .footer-widgets .col-12:last-child {
    margin-bottom: 0;
  }

  .copyright-text {
    margin-bottom: 10px;
  }

  .brand {
    margin-bottom: 15px;
  }

  .main-menu {
    padding: 0px;
    margin-top: 0px;
  }

  .main-menu ul li {
    margin: 0;
  }

  .main-menu .dropdown-menu {
    display: block;
    margin-left: 1rem;
  }

  .main-menu ul li .dropdown-menu .dropdown &gt; a::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
  }

  .main-menu ul li .dropdown-menu .dropdown &gt; a::after {
    display: none;
  }

  .main-menu .dropdown-menu .dropdown-menu {
    margin-left: 0;
  }

  .main-menu .dropdown-menu .dropdown-menu a {
    padding-left: 1rem;
  }

  .main-menu ul li a,
  .navbar-light .navbar-nav .nav-link {
    padding: 10px 0;
  }

  .search input[type="search"] {
    width: 75px;
  }

  .search-form input[type="search"] {
    width: 45%;
  }

  .slider-details-container {
    margin: 0 25px;
    max-width: 400px;
  }

  .slider-title h3 {
    font-size: 2em;
  }

  .slider-details-container .subtitle {
    font-size: 1em;
  }

  .slider-details-container a {
    padding: 0.5em;
  }
}

@media all and (max-width: 575px) {
  .slider-details-container {
    max-width: 300px;
  }

  .slider-details-container a {
    padding: 0.7em;
    font-size: 1em;
  }

  .flexslider img {
    height: 500px !important;
    object-fit: cover;
    object-position: center;
  }
}

@media all and (max-width: 500px) {
  .woocommerce ul.products li.product a img {
    width: 100%;
  }
}

/* NavBar-2 */

.navbar-2 &gt; .navbar{
  padding: 8px !important;
  margin-top: 0px;
}

.navbar-2 &gt; .count {
  
  margin-top: -26px;
}

.navbar-2 &gt; .site-navbar .site-top-icons ul li a.site-cart .count {
  position: absolute;
  top: 8px;
}

/* NavBar-3 */

.navbar-3 &gt; .navbar{
  padding: 10px !important;
  margin-top: 0px;
  margin-bottom: -4px;
  background-color: black !important;
}

.navbar-3 &gt; .count {
  margin-top: -26px;
}


/* NavBar-4 */

@media all and (max-width: 1000px) {
  .navbar-4 &gt; .navbar {
    padding: 0.6rem 1rem !important;
  }
}

.woocommerce ul.products li.product a img {
  width: 274px;
  
}
.navbar-4 .navbar-brand {
  padding-top: 0.1rem !important;
  position: relative;
  top: 9px;
  
}

.navbar-4 &gt; .navbar-expand-lg .navbar-nav {
  margin-left: 20px;
  margin-top: 5px;
}


.widget_product_categories a{
  text-decoration: none !important;
  
}

.woocommerce ul.products li.product p {
  color: #8c92a0;
}

.woocommerce div.product {
  margin-bottom: 0px;
  position: relative;
  margin-top: 60px;
}

.shop-content {
  padding: 1rem 0;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
  background: #ffffff !important;
    color: #292929 !important;
    border: 1px solid !important;
    border-radius: 80%;
    margin-right: 4px;
}


.woocommerce nav.woocommerce-pagination ul {
  display: inline-block;
  white-space: nowrap;
  padding: 0;
  clear: both;
  border: 0;
  border-right: 0;
  margin: 1px;
}


.woocommerce nav.woocommerce-pagination ul li {
  border-right: 0;
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  overflow: hidden;
}



.woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce-Price-amount {
    font-size: 16px;
    color: #000;
    font-weight: 700;
}

/* .hidden-title-form a.hide-title-form, .wishlist-title a.show-title-form, .wishlist_manage_table a.create-new-wishlist, .wishlist_manage_table button.submit-wishlist-changes, .wishlist_table .add_to_cart.button, .wishlist_table a.ask-an-estimate-button, .woocommerce .yith-wcwl-wishlist-new button, .yith-wcwl-add-button a.add_to_wishlist, .yith-wcwl-popup-button a.add_to_wishlist, .yith-wcwl-wishlist-search-form button.wishlist-search-button {
  margin: 21px;
  box-shadow: none;
  text-shadow: none;
  position: absolute;
  top: 100%;
  left: 50px;
} */

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist i {
  font-size: 1.6rem;
  margin: 9px;
}

/* NavBar-5 */
@media all and (max-width: 1000px) {
  .navbar-5 &gt; .navbar {
    padding: 0.6rem 1rem !important;
  }
}
.navbar-5 .navbar-brand {
  padding-top: 0.1rem !important;
  position: relative;
  top: 9px;
  
}

.content-area ul li, .comment-body ul li, .content-area ol li, .comment-body ol li {
  font-size: 1.15rem;
  list-style: none;
}

.navbar-5 &gt; .navbar {
  padding: 0.2rem 1rem;
  margin-bottom: -4px;
}

.navbar-5 &gt; .navbar-expand-lg .navbar-nav {
  margin-left: 20px;
  margin-top: 5px;
}


/* search bar*/
HTML CSSResult Skip Results Iframe
EDIT ON
input.expanding-search{
  outline: none;
}
input.expanding-search[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  font-family: inherit;
  font-size: 100%;
  float: right;
  width: 15px;
  padding-left: 10px;
  color: transparent;
  cursor: pointer;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
  display: none; 
}

input[type=search] {
  background: #ededed url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiLz4NCiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+DQo8L3N2Zz4=") no-repeat 9px center;
  border: solid 1px #ccc;
  padding: 9px 14px 9px 32px;
  width: 55px;
  
  -webkit-border-radius: 12em;
  -moz-border-radius: 12em;
  border-radius: 12em;
  
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}
input[type=search]:focus {
  width: 130px;
  padding-left: 32px;
  color: #000;
  background-color: #fff;
  cursor: auto;
  border-color: #66CC75;
  -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
  -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
  box-shadow: 0 0 5px rgba(109,207,246,.5);
}

input.expanding-search:-moz-placeholder {
  color: transparent;
}
input.expanding-search::-webkit-input-placeholder {
  color: transparent;
}

Resources1Ã— 0.5Ã— 0.25Ã—Rerun


.hidden-title-form button i, .wishlist-title a.show-title-form i, .wishlist_manage_table tfoot a.create-new-wishlist i, .wishlist_manage_table tfoot button.submit-wishlist-changes i, .wishlist_table .add_to_cart.button i, .wishlist_table .ask-an-estimate-button i, .yith-wcwl-add-button&gt;a i, .yith-wcwl-wishlist-new button i, .yith-wcwl-wishlist-search-form button.wishlist-search-button i {
  margin-right: 10px;
  margin-top: 100px;
}


/* Icon 1 */

.animated-icon1, .animated-icon2, .animated-icon3 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  }
  
  .animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  }
  
  .animated-icon1 span {
  background: #e65100;
  }
  
  .animated-icon2 span {
  background: #e3f2fd;
  }
  
  .animated-icon3 span {
  background: #f3e5f5;
  }
  
  .animated-icon1 span:nth-child(1) {
  top: 0px;
  }
  
  .animated-icon1 span:nth-child(2) {
  top: 10px;
  }
  
  .animated-icon1 span:nth-child(3) {
  top: 20px;
  }
  
  .animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  }
  
  .animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
  }
  
  .animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  }
  
  /* Icon 3*/
  
  .animated-icon2 span:nth-child(1) {
  top: 0px;
  }
  
  .animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
  top: 10px;
  }
  
  .animated-icon2 span:nth-child(4) {
  top: 20px;
  }
  
  .animated-icon2.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%;
  }
  
  .animated-icon2.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  }
  
  .animated-icon2.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  }
  
  .animated-icon2.open span:nth-child(4) {
  top: 11px;
  width: 0%;
  left: 50%;
  }

  /* Icon 4 */
  
  .animated-icon3 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  }
  
  .animated-icon3 span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  }
  
  .animated-icon3 span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  }
  
  .animated-icon3.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 8px;
  }
  
  .animated-icon3.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
  }
  
  .animated-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 21px;
  left: 8px;
  }

.product &gt; img:hover {
  transform: scale(1.0);
}

.woocommerce ul.products li.product a img:hover {
  transform: scale(1.1);
  transition: transform .6s;
}

@media (min-width: 768px){
.navbar-3 &gt; .navbar-expand-md .navbar-nav {
    margin-left: 30px;
}
}

@media (min-width: 768px){
  .navbar-2 &gt; .navbar-expand-md .navbar-nav {
      margin-left: 30px;
      margin-top: 2px;
  }
  }
</pre></body></html>