/*
Theme Name: Glass Artifact
Description: The Glass Artifact Theme is a multipurpose, modern, and elegant WordPress theme crafted for those who value sophistication, creativity, and luxury in their online presence. Perfectly suited for glass art studios, glass artifact stores, blown glass shops, stained glass artists, glass sculptor portfolios, glass galleries, vintage glass artifact collectors, colored glass artifact stores, engraved glass artifact sellers, carved glass boutiques, etched glass designers, glassware boutiques, and decorative glass stores, it provides a visually stunning experience across all devices with its clean, minimal layout and retina-ready design. Whether you’re a developer, creative agency, personal brand, or local business, this theme adapts effortlessly to any niche with its responsive, mobile-friendly, and SEO-optimized structure, ensuring flawless performance and fast loading times. Built using Bootstrap and optimized, secure code, the Glass Artifact Theme guarantees both speed and stability, making it ideal for professional, artistic, and commercial use. Its interactive features include smooth navigation, animated sections, and custom shortcodes supported by the Shortcodes Ultimate plugin, allowing easy content creation without coding knowledge. The theme’s flexible customization panel lets you modify colors, fonts, layouts, and backgrounds to match your brand’s identity while maintaining a luxurious aesthetic. Designed to highlight glass sculpture designs, handcrafted glass art collections, art glass exhibitions, and bespoke artisan products, it also offers banner areas, testimonial sections, Call to Action (CTA) buttons, and team showcase layouts that help engage visitors and convert them into loyal customers. The Glass Artifact Theme supports social media integration for seamless online engagement, is translation-ready to support multiple languages, and is fully SEO-structured to help your website rank higher on search engines. It’s also ideal for interior design studios, home décor boutiques, museum gift shops, art exhibition galleries, and handcrafted artisan stores that want to display their artistry in a refined digital format. With its modern design aesthetics, intuitive user interface, high performance, and complete customization control, the Glass Artifact Theme serves as a stunning digital canvas for artists, retailers, and creative entrepreneurs looking to showcase their work with style and substance. Whether you’re launching a glass artist portfolio, promoting a decorative home décor brand, or running a luxury art boutique, this theme offers the perfect combination of beauty, usability, and functionality — making it an exceptional choice for building a timeless online presence.
Author: misbahwp
Theme URI: https://www.misbahwp.com/products/glass-artifact
Author URI: https://www.misbahwp.com/
Version: 2.0
Requires PHP: 7.2
Tested up to: 6.8
Requires at least: 5.0
Tags: photography, news, e-commerce, wide-blocks, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, featured-image-header, footer-widgets, full-width-template, flexible-header, editor-style, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: glass-artifact
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Glass Artifact WordPress Theme has been created by misbahwp(misbahwp.com), 2025.
Glass Artifact WordPress Theme is released under the terms of GNU GPL
*/

:root {
  --first-color: #32BBE5;
  --second-color: #000000;
  --third-color: #FFFFFF;
}

.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;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.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-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#content[tabindex="-1"]:focus {
	outline: 0;
}
body {
  font-family: "Poppins", sans-serif;
  color: #a3aab4;
  margin:0;
  background: #fff;
}
h1,h2,h3,h4,h5,h6{
	font-family: "Protest Strike", sans-serif;
	color: var(--second-color);
	font-weight: 400;
}
a {
  color: var(--first-color);
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:var(--second-color);
  text-decoration: none;
}

.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}

.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a {
  text-decoration: underline;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{
  margin-left: 0px;
}

.wp-block-button__link{
  background: var(--first-color);
}

.tag-title h3, .tag-title h1{
  overflow-wrap: anywhere;
}
.blocks-gallery-grid:not(.has-nested-images){
	padding: 6px;
}

.feature-header{
  position: relative;
  background-color: #000;
}
.feature-header img {
  width: 100%;
  height: 300px !important;
  object-fit: cover;
  opacity: 0.4;
}
h1.post-title.feature-header-title{
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  word-break: break-all;
}

/* ===============================================
   HEADER BOX
   ============================================= */
.social-links i{
  color: var(--third-color);
}
.top-header a.signup-btn {
  padding: 7px 25px;
  color: var(--second-color);
  border: 0.5px solid var(--second-color);
  font-size: 14px;
  font-weight: 400;
  border-radius: 30px;
}
.top-header a.signup-btn:hover{
  background: var(--first-color);
  border-color: var(--first-color);
}
.top-header p,.sign-button a {
  color: var(--third-color);
  font-size: 14px;
  font-weight: 400;
}
.top-header p i,.social-links i:hover{
  background: var(--first-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.social-links span {
  color: var(--third-color);
  margin-right: 15px;
}
.inner-header-box {
  border: 1px solid var(--second-color);
  border-radius: 50px;
  padding: 10px 20px;
}
/*.page-template-frontpage .inner-header-box::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: -35px;
  width: 4%;
  z-index: -1;
  height: 100%;
  background: var(--third-color);
  clip-path: polygon(0 0, 100% 0, 58% 100%, 0 100%);
}
.page-template-frontpage .inner-header-box::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: -35px;
  width: 4%;
  z-index: -1;
  height: 100%;
  background: var(--third-color);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 58% 100%);
}*/
.main-header-box {
  position: relative;
  width: 100%;
  z-index: 999;
  right: 0;
  padding: 20px 0px;
  left: 0;
  background: var(--third-color);
}
.page-template-frontpage .top-header p {
  margin-left: 52px;
}
.page-template-frontpage .social-links {
  margin-right: 15px;
}
.sign-button a.signin-box{
  background: var(--first-color);
  color: var(--second-color);
  font-size: 14px;
  font-weight: 400;
  padding: 8px 25px;
  border: 1px solid var(--first-color);
  border-radius: 30px;
}
.sign-button a.signup-box{
  padding: 10px 25px;
  border-radius: 3px;
}
.sign-button a.signin-box:hover,
.sign-button a.signup-box:hover{
  background: #fff;
  color: var(--second-color);
}

/* ===============================================
   LOGO BOX
   ============================================= */


.logo a {
  color: var(--second-color);
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 25px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
}
.logo span {
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: var(--second-color);
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/**
====================================================================
  Navigation
====================================================================
*/
.top-menu-wrapper {
    padding: 10px 0;
}
.main-navigation ul .menu-item.menu-item-has-children a,
.main-navigation ul .page_item.page_item_has_children a{
    position: relative;
}
.main-navigation .menu > li i,.menu li i{
    font-size: 10px;
}
.main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a {
    color: var(--second-color);
    font-weight: 600 !important;
}
.main-navigation ul li a{
  text-transform: capitalize;
  color: var(--second-color);
}
.main-navigation ul .menu-item.menu-item-has-children .sub-menu a:after,
.main-navigation ul .page_item.page_item_has_children .children a:after{
    content: none;
}
.main-navigation .menu ul {
    margin-bottom: 0px;
    padding: 0px;
}
.main-navigation .menu li {
    display: inline;
    position: relative;
    list-style: none;
}
.top-menu-wrapper ul {
    gap: 5px 40px;
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.main-navigation .menu > li > a ,
.page_item a{
    display: inline-block;  
    font-size: 14px;
    font-weight: 400;
}
#site-navigation .page_item_has_children ul li a,#site-navigation .main-navigation .menu .menu-item-has-children ul li a {
    font-size: 14px;
    position: relative;   
    display: block;
    color: var(--first-color);
    text-align: left;
    padding: 12px 20px !important;
    line-height: 22px;
    font-weight: 500;
}
#site-navigation .menu ul.sub-menu li a,
#site-navigation .menu ul.children li a{
    line-height: 1.5;
}
nav#site-navigation{
    padding: 0;
}
.main-navigation ul.sub-menu > li > a,
.main-navigation ul.children > li > a {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block;
    transition: color 0.3s ease;
}

.main-navigation ul.sub-menu > li > a::before,
.main-navigation ul.children > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: var(--first-color);
    color: #fff;
    z-index: -1;
    transition: left 0.4s ease;
}

.main-navigation ul.sub-menu > li > a:hover::before,
.main-navigation ul.sub-menu > li > a:focus::before,
.main-navigation ul.children > li > a:hover::before,
.main-navigation ul.children > li > a:focus::before {
    left: 0;
}

.main-navigation ul.sub-menu > li > a:hover,
.main-navigation ul.sub-menu > li > a:focus,
.main-navigation ul.children > li > a:hover,
.main-navigation ul.children > li > a:focus {
    color: #fff !important;
}
.main-navigation .menu,.main-navigation .menu ul {
    display: flex;
    gap: 5px 40px;
    flex-wrap: wrap;
}
div#mySidenav {
    display: inline-flex;
}
.main-navigation .menu > li ,.main-navigation .menu li{
    display: inline;
    position: relative;
}
.main-navigation .menu > li > a:hover{
    color: var(--first-color);
}
.main-navigation .sub-menu,
.main-navigation .children {
    background-color: #ffffff;
    list-style: none;
    padding-left: 0;
    position: absolute;
    opacity: 0;
    left: -9999px;
    z-index: 99999;
    width: 200px !important;
    border:none;
}
.main-navigation ul.sub-menu.dropdown-menu {
    border: none;
    border-radius: unset;
}
.main-navigation .sub-menu > li > a:hover,
.main-navigation .sub-menu > li > a:focus,
.main-navigation .children > li > a:hover,
.main-navigation .children > li > a:focus {
    background: #000;
    color: #fff;
}
.main-navigation .sub-menu li ul.sub-menu,
.main-navigation .children li ul.children {
    left: 200px !important;
    top: -1px !important;
}
.main-navigation .sub-menu > li,
.main-navigation .children > li {
    display: block;
    float: none;
    position: relative;
    width: 100%;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
    display: inline-block;
    position: absolute;
    width: calc( 24px + 1rem);
    right: 0;
    top: calc( .125 * 1rem);
    bottom: 0;
    color: white;
    line-height: 1;
    padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
    margin-right: 0;
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
    color: #000;
    display: block;
    padding: 14px;
    font-weight: 400;
}
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
    width: 100%;
    font-size: 22px;
    font-weight: normal;
    text-align: left;
}
.main-navigation .sub-menu > li > a:empty,
.main-navigation .children > li > a:empty {
    display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item,
.main-navigation .children > li.mobile-parent-nav-menu-item {
    display: none;
    font-size: 0.88889em;
    font-weight: normal;
}
.main-navigation .sub-menu > li:last-child,
.main-navigation .children > li:last-child {
    border-bottom: none;
}

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

.sub-menu span.dashicons.dashicons-arrow-down-alt2{
  position: absolute;
  top: 10px;
  right: 0;
}

.main-navigation .dashicons-arrow-down-alt2:before {
    content: "\f347";
    font-size: 15px;
    color: #000;
}

.children.dropdown-menu span.dashicons.dashicons-arrow-down-alt2 {
    position: absolute;
    top: 10px;
    right: 0;
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box{
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 10px;
  padding: 10px;
}
.post-thumbnail {
  line-height: 0;
}
h3.post-title a {
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 500;
  color: var(--second-color);
}
.post-content p{
  color: #898d94;
}
.post-content{
  word-wrap: break-word;
}
.post-meta i{
  color: var(--first-color);
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
  color: #000;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #000000;
  white-space: break-spaces;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
    border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
  max-width: 100%;
}
.layout-img img {
  max-height:100%;
  height:300px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  background: #dfdcdc;
}
.sidebar-area img{
  height:auto;
  width: auto;
}
.post-content{
  color: #3c3c3c;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
#content,footer {
  float: left;
  width: 100%;
}
.post-meta.my-3 {
  display: flex;
  justify-content: start;
  border-radius: 4px;
  gap: 50px;
}
.post-meta a{
  color: #000;
}
.more-btn i {
  font-size: 15px;
  margin-left: 10px;
}
.blog-grid-layout .post-meta{
 gap: 20px;
}

/*
===================================================================================
    02. Related post CSS
===================================================================================
*/

.related-post-item h4.post-title {
    word-wrap: break-word;
}


/* ===============================================
   Slider
   ============================================= */

.blog_box p {
  color: var(--second-color);
  font-weight: 400;
  font-size: 15px;
}
.blog_box .third-words{
  color: var(--first-color);
}
.list-box {
  position: relative;
}
.list-content {
  border: 1px solid var(--second-color);
  border-radius: 10px;
  padding: 25px 20px 15px 20px;
  position: relative;
}
.list-content p{
  font-size: 14px;
  font-weight: 400;
  color: var(--second-color);
  position: relative;
}
.list-content p:after {
  content: "";
  border-bottom: 1px solid var(--second-color);
  width: 45%;
  height: 20px;
  position: absolute;
  bottom: -9px;
  left: 0px;
}
.list-content p:last-child::after {
  display: none;
}
img.inner-banner {
  width: 420px;
  height: 420px;
  border-radius: 50%;
  position: relative;
  border: 10px solid var(--third-color);
}
.banner-right{
  position: relative;
}
.banner-right:before {
  content: "";
  width: 70%;
  height: 1px;
  z-index: 0;
  position: absolute;
  bottom: 28%;
  right: 0px;
  left: -26.8%;
  background: #525252;
  border-radius: 50%;
}
.slider-circle-box:after {
  content: "";
  width: 1px;
  height: 34px;
  z-index: -1;
  position: absolute;
  bottom: -34px;
  right: 0px;
  margin: 0 auto;
  left: 0px;
  background: #525252;
  border-radius: 50%;
}
.banner-right:after {
  content: "";
  width: 420px;
  height: 420px;
  z-index: -1;
  position: absolute;
  top: 0px;
  right: 18%;
  background: var(--first-color);
  border-radius: 50%;
}
.slider-circle-box {
  position: absolute;
  top: 50%;
  background: var(--third-color);
  width: 115px;
  height: 115px;
  display: flex;
  left: 36%;
  border-radius: 50%;
  text-align: center;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  transform: translateY(-50%);
}
.form-box input.email {
  border: 1px solid var(--second-color);
  border-radius: 10px;
  padding: 7px 16px;
  width: 45%;
}
.form-box{
  position: relative;
}
.form-box input.wpcf7-form-control.wpcf7-submit {
  background: var(--first-color);
  padding: 8px 20px;
  border: 0px;
  margin-left: -20px;
  border-radius: 10px;
  z-index: 2;
  position: absolute;
  top: 0px;
  right: 41%;
}
.form-box input.email::placeholder{
  font-size: 12px;
  font-weight: 400;
  color: var(--second-color);
  letter-spacing: 1px;
}
.slider-circle-box h4 {
  font-size: 35px;
  font-weight: 700;
  color: var(--first-color);
}
.slider-circle-box p {
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  color: #525252;
}
.banner-right {
  text-align: right;
}
.list-image{
  position: relative;
  z-index: 1;
}
img.banner-list {
  width: 300px;
  height: 180px;
  margin-top: -47px;
  margin-left: -69px;
}
.list-icon {
  background: var(--first-color);
  border-radius: 30px;
  padding: 10px;
  color: #000;
  display: inline-block;
  position: absolute;
  z-index: 1;
  left: 20px;
  top: -3px;
}
.blog_box h4 {
  font-size: 45px;
  font-weight: 400;
  color: var(--second-color);
}
.blog_inner_box img{
  height: 600px;
  object-fit: cover;
}
.blog_inner_box{
  position: relative;
}
/*.blog_box {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  right: 12%;
  left: 51%;
}*/
.blog_box h3 {
  font-size: 42px;
  font-weight: 600;
  color: var(--third-color);
}
p.slider-button a {
  background: var(--first-color);
  padding: 14px 25px;
  color: #fff;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
p.slider-button a:hover{
	background: var(--third-color);
}
p.slider-button a.slider-2-btn{
  background: var(--third-color);
  color: #090A14;
}
p.slider-button a.slider-2-btn:hover{
  background: var(--first-color);
  color: var(--third-color);
}
.slider .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.slider button.owl-prev,.slider button.owl-next {
  color: #fff !important;
  letter-spacing: 5px;
	position: absolute;
  text-align: center;
}
.slider button.owl-prev i, .slider button.owl-next i {
  padding: 15px;
  border-radius: 50%;
  color: #fff;
  border: 2px solid var(--third-color);
  background: var(--first-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.slider button.owl-prev:hover i, .slider button.owl-next:hover i{
	border: 2px solid var(--first-color);
	color: #fff;
}
.slider button.owl-prev:hover ,.slider button.owl-next:hover{
  color: var(--first-color) !important;
}
.slider button.owl-prev{
  left: 50px;
  text-align: center;
}
.slider button.owl-next{
	right: 50px;
}

/* ===============================================
   About Us
  ============================================= */
#hot_products .product-btn{
  padding: 10px 15px;
  border-radius: 6px;
  background: #f5f5f5;
  position: relative;
  color: #727489;
  border: 1px solid #ededed;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  text-align: left;
}
#hot_products .product-cat {
  border-radius: 6px;
  background: #f5f5f5;
  color: #727489;
  border: 1px solid #ededed;
  list-style: none;
  position: absolute;
  width: 76%;
  z-index: 999;
  left: 0px;
  text-align: left;
  right: 0px;
  margin: 0 auto;
}
#hot_products .product-btn i,#hot_products li.drp_dwn_menu i {
  text-align: right;
  float: right;
  margin: 3px 0;
}
#hot_products .product-cat-main{
  position: relative;
  text-align: center;
}
#hot_products li.drp_dwn_menu {
  border-bottom: 1px solid #ededed;
  padding: 14px;
}
#hot_products li.drp_dwn_menu:hover{
  background: var(--first-color);
}
#hot_products li.drp_dwn_menu:hover a,#hot_products li.drp_dwn_menu:hover i{
  color: #fff;
}
#hot_products li.drp_dwn_menu a{
  color: #727489;
}
#hot_products input.search-field{
  padding: 10px 15px;
  border-radius: 6px;
  background: #f5f5f5;
  color: #727489;
  border: 1px solid #ededed;
}
#hot_products input.search-field::placeholder{
  color: #727489;
}
#hot_products button.search-button{
  padding: 14px 15px;
  border-radius: 6px;
  background: #f5f5f5;
  color: #727489;
  margin-left: 40px;
  border: 1px solid #ededed;
  cursor: pointer;
}
div#hot_products {
  background: #32BBE51F;
}
#hot_products .tab-product .product-image img {
  width: 100%;
  height: 400px;
  border-radius: 6px;
  object-fit: cover;
}
#hot_products h6 {
  font-size: 18px;
  font-weight: 600;
  background: var(--first-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-block;
}
#hot_products .about-main-content h3 {
  font-size: 35px;
  font-weight: 400;
  color: var(--second-color);
  position: relative;
  display: inline-block;
}
#hot_products .about-main-content h3:after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 104px;
  height: 20px;
  z-index: -1;
  background: url(assets/images/vector.png);
}
#hot_products .about-main-content p{
  font-size: 12px;
  font-weight: 400;
  color: var(--second-color);
}
.about-main-content {
  width: 34%;
  margin: 0 auto;
}
.about-right h3 {
  font-size: 14px;
  font-weight: 700;
  color: var(--second-color);
  font-family: "Poppins", sans-serif;
}
.about-right p {
  font-size: 13px;
  font-weight: 400;
  color: var(--second-color);
}
.about-button a {
  background: var(--first-color);
  padding: 8px 25px;
  border-radius: 8px;
  text-decoration: underline;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.about-button a:hover,.form-box input.wpcf7-form-control.wpcf7-submit:hover{
  background: var(--second-color);
  color: var(--first-color);
}
#hot_products img.inner-about1 {
  width: 400px;
  height: 400px;
  border-radius: 50%;
}
.about-left{
  position: relative;
}
.inner-about2 {
  width: 300px;
  height: 300px;
  border: 5px solid var(--third-color);
  margin-left: -73px;
  border-radius: 50%;
  position: absolute;
  top: 20px;
}
.circle-box {
  position: absolute;
  bottom: 6%;
  background: var(--first-color);
  width: 115px;
  height: 115px;
  right: 43%;
  display: flex;
  border-radius: 50%;
  text-align: center;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  border: 5px solid var(--third-color);
}
.about-right span.dashicons,.about-right span.dashicons:before {
  color: var(--first-color);
  font-size: 40px;
  width: 50px !important;
  height: 50px !important;
}
.circle-box h4 {
  font-size: 35px;
  font-weight: 700;
  color: var(--third-color);
}
#hot_products .circle-box p {
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  color: var(--third-color);
}
.tab-section ul{
  text-align: right;
  padding: 0;
}
#hot_products .tab-section button{
  border: none;
  background: transparent;
  cursor: pointer;
}
#hot_products .product-tab{
  float: unset;
  position: relative;
  display: inline-block;
  padding: 0px 5px;
}
#hot_products button.tablinks {
  font-size: 14px;
  color: var(--third-color);
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#hot_products .tabcontent.active {
  display: block;
}
#hot_products .tabcontent{
  display: none;
}
#hot_products button:hover {
  transition: all 0.2s;
}
#hot_products button.tablinks.active {
  border-bottom: solid 2px;
  z-index: 99;
}
#hot_products .tablinks:hover {
  border-bottom: solid 2px;
  transition: all 0.2s;
  z-index: 99;
}
#hot_products h4.product-text {
  font-size: 18px;
  font-weight: 600;
}
#hot_products h4 a:hover{
	color: var(--first-color);
}
#hot_products h5.price {
  font-size: 15px;
  color: var(--first-color);
  font-weight: bold;
}
#hot_products .button2{
  display: inline-block;
  padding: 10px 20px;
  margin: 30px 0;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  border-radius: 6px;
  text-transform: uppercase;
  background: var(--first-color);
  font-weight: 400;
  font-size: 14px;
}
#hot_products .button2,
#hot_products .button2::after{
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#hot_products .button2::before,
#hot_products .button2::after{
	background: var(--first-color);
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 6px;
}
#hot_products .button2:hover{
  color: #fff;
  background: #090a14;
}
#hot_products .button2::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #090a14;
}
#hot_products .button2:hover:after{
  width: 100%;
}

#hot_products .icon {
  background: #f5f5f5;
  width: 35px;
  height: 35px;
  padding: 5px;
  border-radius: 6px;
  display: inline-block;
  color: var(--second-color);
  border: 1px solid #cbcdcd;
  text-align: center;
  position: relative;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
}
.cart-button{
  position: relative;
}
#hot_products .icon .button1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  color: var(--second-color);
  background: #f5f5f5;
  font-weight: 600;
  position: absolute;
  bottom: 0;
  right: -25px;
  width: 100px;
  padding: 10px 10px;
  z-index: 1;
  font-size: 14px;
  border-radius: 6px;
  visibility: hidden;
  opacity: 0;
  -o-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition: all .5scubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all .5scubic-bezier(0.68, -0.55, 0.265, 1.55);
}
#hot_products .icon .button1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:before {
  content:'';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #cbcdcd;
  position:absolute;
  bottom:-5px;
  left:50px;
}
#hot_products .cart-button:hover .button1 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  bottom:40px;
  visibility:visible;
  opacity:1;
  width: 100px;
}
#hot_products .icon::before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f07a";
}
#hot_products  .product-details{
  display: flex;
}
#hot_products .icon:before{
  z-index: 99;
  position: relative;
  background: var(--first-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
#hot_products a.added_to_cart.wc-forward {
  position: absolute;
  transform: translateY(-30%);
  bottom: 28px;
  width: 100px;
  padding: 10px;
  background: #f5f5f5;
  color: var(--second-color);
  font-weight: 600;
  z-index: 3;
  right: -25px;
  border-radius: 6px;
  font-size: 14px;
}
#hot_products a.added_to_cart.wc-forward:before {
  content:'';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #cbcdcd;
  position:absolute;
  bottom:-5px;
  left:50px;
}
#hot_products figure{
	margin: 0;
	padding: 0;
	background: var(--third-color);
	overflow: hidden;
  border-radius: 6px;
}
#hot_products figure:hover+span{
	opacity: 1;
}
#hot_products figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
	height: auto;
}
#hot_products .product-image:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
.product-image{
	position: relative;
}

/*===============================================
   Footer Social Icons
=============================================== */

.copy-text a.social-links {
    margin-left: 14px;
}
.copy-text a:hover{
  color: var(--first-color);
}

/*===============================================
   PRELOADER
=============================================== */

.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent #ffffff transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent var(--first-color) transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

/*--------------------------------*/
.loader-main {
    top: 10px;
    position: relative;
    left: -70px;
}
.triangle35b {
  position:absolute;
  transform-origin:bottom center;
  left:50%;
  top:50%;
  margin: 0 auto;
  width:110px;
  height:55px;
  clip-path:polygon(0% 0%,100% 0%,50% 100%);
  animation:animTriangle35b 3s linear infinite;
}
@keyframes animTriangle35b {
  0%,14% { transform:rotate(calc(0deg + var(--angle))); }
  25%,39% { transform:rotate(calc(90deg + var(--angle))); }
  50%,64% { transform:rotate(calc(180deg + var(--angle))); }
  75%,89% { transform:rotate(calc(270deg + var(--angle))); }
  100% { transform:rotate(calc(360deg + var(--angle))); }
}
.triangle35b:nth-child(1) {
  --angle:0deg;
  background:var(--first-color);
  animation-delay:0.4s;
}
.triangle35b:nth-child(2) {
  --angle:90deg;
  background:#fff;
  animation-delay:0.2s;
}
.triangle35b:nth-child(3) {
  --angle:180deg;
  background:var(--first-color);
}

/* ===============================================
   sticky header
   =============================================== */

	 .fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
}
	 .admin-bar .fixed-header{
		margin-top: 32px;
}

/* ===============================================
 STICKY POST
 =============================================== */

.post-box.sticky {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
h3.post-title{
    position: relative;
}
.sticky h3.post-title::before {
    content: '\f08d';
    font-family: "Font Awesome\ 5 Free";
    font-size: 25px;
    font-weight: 900;
    color: #000;
    margin-top: 10px;
    z-index: 9;
    left: -30px;
    position: absolute;
    bottom: -6px;
}
.sticky h3.post-title {
    margin-left: 30px;
}

.copyright{
  background: #000000;
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.glass-artifact-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.glass-artifact-pagination a span,
.glass-artifact-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 12px;
	font-size:14px;
	line-height:21px;
	color:#333;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background:#f3f4f7;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.glass-artifact-pagination span.current,
.glass-artifact-pagination span.current:hover,
.glass-artifact-pagination span.current:focus,
.glass-artifact-pagination a span:hover,
.glass-artifact-pagination a span:focus {
	background: var(--first-color);
	color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--first-color);
    color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus{
  color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover{
	background: var(--second-color);
	color: #fff;
}
.comment-form-url input,nav.navigation.pagination{
  width: 100%;
}
.comment-respond input#submit {
  background: var(--first-color);
  border: none;
  color: #fff;
  padding: 10px;
  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;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: var(--first-color);
  padding: 5px 15px;
  color: #fff;
}
.sidebar-area  .wp-block-latest-comments__comment-meta{
	float: none;
	background: transparent;
}
.sidebar-area .wp-block-latest-comments__comment-meta a{
	color: #2f3235;
}
ol.wp-block-latest-comments{
	padding: 0;
}
.sidebar-area .wp-block-latest-comments__comment li {
  margin-bottom: 0;
}

.footer-area a:hover{
  color: var(--second-color);
}

/* ===============================================
   Breadcrumbs
   =============================================== */

.bread_crumb a:hover{
    color:var(--first-color);
}
.bread_crumb a{
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;

}
.bread_crumb span {
  color: var(--first-color) ;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
     padding: 10px;
}
.bread_crumb {
    color: #fff;
    position: absolute;
    width: 100%;
    top: 65%;
}

/* ===============================================
   SIDEBARS
   =============================================== */
.sidebar-area{
  color: #000;
}
.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
  margin-bottom: 25px;
  background: #f5f6f7;
  border-radius: 10px;
  padding: 0px 10px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
  line-height:1.9em;
  font-weight: normal;
  color: var(--second-color);
}
footer .sidebar-area a,
footer .sidebar-area p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .textwidget {
  color: var(--third-color);
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style: circle;
  margin: 0;
  padding: 0 0px;
}
footer .sidebar-area ul,footer #calendar_wrap,footer .sidebar-area .textwidget,footer .tagcloud {
  list-style: none;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  word-wrap: break-word;
}
.sidebar-area li {
  padding-bottom: 5px;
  list-style: circle;
  margin-left: 25px;
}
.sidebar-area ul li{
  position: relative;
  margin-left: 25px;
  list-style: circle;
}
footer .sidebar-area ul li{
  list-style: none;
  margin-left: 0;
}
.sidebar-area ul li ul.children li,.sidebar-area ul li ul.sub-menu li{
  margin-left: 0;
}
.sidebar-area ul li::marker,.sidebar-area li::marker{
  color: var(--first-color);
}
.sidebar-area h4.title:before, .sidebar-area h1.wp-block-heading:before,  
.sidebar-area h2.wp-block-heading:before,  
.sidebar-area h3.wp-block-heading:before,  
.sidebar-area h4.wp-block-heading:before,  
.sidebar-area h5.wp-block-heading:before,  
.sidebar-area h6.wp-block-heading:before,
.sidebar-area .wp-block-search__label:before {
    content: '';
    position: absolute;
    height: 4px;
    width: 16%;
    bottom: 12px;
    left: 0;
    background-color: var(--first-color);
}
.footer-area h4.title:before, .footer-area h1.wp-block-heading:before,  
.footer-area h2.wp-block-heading:before,  
.footer-area h3.wp-block-heading:before,  
.footer-area h4.wp-block-heading:before,  
.footer-area h5.wp-block-heading:before,  
.footer-area h6.wp-block-heading:before,
.footer-area .wp-block-search__label:before{
  display: none;
}
.sidebar-area h4.title, .sidebar-area h1.wp-block-heading,  
.sidebar-area h2.wp-block-heading,  
.sidebar-area h3.wp-block-heading,  
.sidebar-area h4.wp-block-heading,  
.sidebar-area h5.wp-block-heading,  
.sidebar-area h6.wp-block-heading,
.sidebar-area .wp-block-search__label {
    padding: 20px 0px;
    color: #000;
    font-size: 22px;
    border-bottom: 1px dashed #dfe0e4;
    font-weight: 500;
    position: relative;
}
.wp-block-search__inside-wrapper {
  margin-top: 10px;
}

footer .sidebar-area form {
  padding: 0px;
}
.sidebar-area .wp-block-search__button {
  background: var(--first-color);
  color: #ffffff;
}
.sidebar-area .tagcloud a, p.wp-block-tag-cloud a {
  font-size: 15px !important;
  background: var(--first-color);
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
  border-radius: 6px;
}
footer .sidebar-area .tagcloud a, footer p.wp-block-tag-cloud a{
  background: #000;
}
footer .sidebar-area .tagcloud a:hover, footer p.wp-block-tag-cloud a:hover{
  background: #fff;
  color: #000;
}
.sidebar-area .tagcloud a:hover{
  background: #000000;
}
.sidebar-area form {
  padding: 15px 0px;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input,
#comments input[type="email"],
#comments input[type="url"]{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width:100%;
  padding: 5px 2%;
  border: solid 1px #000000;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
#footer-widgets caption {
    color: #fff;
}
#footer-widgets h4 {
    margin-bottom: 30px;
    font-weight: 600;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type=submit] {
	background: var(--first-color);
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:var(--first-color);
	text-decoration:none
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}

footer {
	background: var(--first-color);
}

footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

.wp-block-group__inner-container h2 {
    color: #fff;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #fff;
}

.footer-area ul {
  padding: 0;
}

.footer-area h4.title {
  padding: 0;
  font-size: 30px;
  font-weight: 500;
  background: transparent;
  border: none;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}

.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}

.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:auto;
}

.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}
.scroll-up a {
	background: var(--first-color);
	color:#000;
}
.scroll-up a:hover{
	background: var(--third-color);
	color:var(--first-color);
}
.scroll-up a {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  line-height: 2;
  border-radius: 3px;
  font-size: 1.25rem;
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.scroll-up span {
  top: 7px;
  position: absolute;
  left: 7px;
  font-size: 25px;
  font-weight: 600;
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}


/* DARK MODE CSS */
body.dark-mode {
  background-color: #000000 !important;
  color: #f1f1f1 !important;
}

body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6,body.dark-mode .sticky h3.post-title::before,
body.dark-mode a ,body.dark-mode p, body.dark-mode li, body.dark-mode blockquote ,body.dark-mode label ,body.dark-mode span,body.dark-mode .post-content,body.dark-mode .main-navigation .dashicons-arrow-down-alt2:before,.header-search i,body.dark-mode .wc-block-components-totals-footer-item .wc-block-components-totals-item__value, body.dark-mode .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, body.dark-mode .wc-block-components-totals-item__label, body.dark-mode .wc-block-components-totals-item__value, body.dark-mode .wc-block-components-product-metadata .wc-block-components-product-metadata__description>p, body.dark-mode .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total .wc-block-components-formatted-money-amount, body.dark-mode .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input, body.dark-mode .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button, body.dark-mode .wc-block-components-quantity-selector, body.dark-mode table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, body.dark-mode .wc-block-components-product-price__value.is-discounted, body.dark-mode del.wc-block-components-product-price__regular,body.dark-mode .woocommerce .woocommerce-ordering select, body.dark-mode .woocommerce form .form-row input.input-text, body.dark-mode .woocommerce form .form-row textarea {
  color: #fff !important;
}

body.dark-mode span.woocommerce-Price-amount.amount{
  color: grey !important;
}

body.dark-mode input, body.dark-mode select, body.dark-mode textarea, body.dark-mode button {
  background-color: #333;
  color: #fff; 
}

body.dark-mode #site-navigation .page_item_has_children ul li a,body.dark-mode #site-navigation .main-navigation .menu .menu-item-has-children ul li a,body.dark-mode p.slider-button a:hover,body.dark-mode .screen-reader-text:focus,body.dark-mode #wp-admin-bar-woocommerce-site-visibility-badge a.ab-item,h4.product-text a,body.dark-mode .searchform input[type=text],body.dark-mode ul.woocommerce-error li,body.dark-mode .wc-blocks-components-select .wc-blocks-components-select__label,body.dark-mode .slider-circle-box h4,body.dark-mode .main-navigation ul li a,body.dark-mode .top-header a.signup-btn,body.dark-mode .slider-circle-box p,.sign-button a.signin-box:hover,body.dark-mode .sign-button a.signup-box:hover{
  color: #000 !important;
}

body.dark-mode input[type="submit"], body.dark-mode button[type="submit"] {
  background-color: var(--first-color);
  color: #fff;
}

body.dark-mode table {
  background-color: #1e1e1e !important;
  color: #f1f1f1 !important;
}
body.dark-mode th ,body.dark-mode td {
  background-color: #333 !important; 
  color: #fff !important; 
}
body.dark-mode tr,body.dark-mode .post-box h3.post-title a,body.dark-mode .sticky .post-meta a,body.dark-mode h5.product-text a,body.dark-mode #featured-product p.price,body.dark-mode .card-header a,body.dark-mode .comment-content.card-block p,body.dark-mode .sticky .post-content,body.dark-mode .sticky h3.post-title a,body.dark-mode .sticky .post-meta a,body.dark-mode .comment-content a {
  color: #fff !important; 
}

body.dark-mode pre, body.dark-mode code {
  background-color: #1e1e1e !important;
  color: #f1f1f1 !important;
}

body.dark-mode .post-box,body.dark-mode #coming-soon-footer-banner,body.dark-mode div.product .woocommerce-tabs ul.tabs li,
body.dark-mode .pagination a,body.dark-mode .glass-artifact-pagination a span,#featured-product{
  background: #121212 !important;
}

body.dark-mode #wp-calendar th, body.dark-mode #wp-calendar td{
  color: #fff !important;
}

body.dark-mode ul, body.dark-mode ol {
  color: #f1f1f1 !important;
}

body.dark-mode footer {
  background-color: #1f1f1f;
  color: #f1f1f1;
}

body.dark-mode .pagination a {
  color: var(--first-color);
}

body.dark-mode .widget {
  background-color: #1e1e1e;
}

body.dark-mode .widget a {
  color: #f1f1f1;
}

body.dark-mode .sidebar-area .sidebar-widget,body.dark-mode .media-body-wrap.card{
  background: #121212;
}

@media screen and (max-width : 1000px){
  body.dark-mode #site-navigation .main-navigation .menu .menu-item-has-children ul li a{
    color: #fff !important;
  }
}