/*
Theme Name:   Shoper Dark
Description:  Shoper Dark is a modern and unique dark mode theme designed for online shops, with an elegant and beautiful design. Integrates Bootstrap, WooCommerce, and other eCommerce plugins to enhance online store functionality. The layout is well-suited for jewelry, watches, apparel, auto parts, and other storefronts. Has clean and SEO-optimized coding, allowing you to easily customize your website with real-time changes. Its design tools are impressive and suitable for your eCommerce starter website. 
Author:       aThemeArt
Author URL:   https://athemeart.com
Theme URI: https://athemeart.com/downloads/shoper-wordpress-shop-theme-free/
Template:     shoper

License:      GNU General Public License v3
License URI:  https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain:  shoper-dark

Version:      1.1.3
Requires at least: 5.0
Tested up to: 6.5.0
Requires PHP: 7.0
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, sticky-post, custom-background, custom-header, custom-colors, custom-menu, featured-images, full-width-template, translation-ready, theme-options, threaded-comments, custom-logo, blog, e-commerce


Shoper Dark WordPress Theme, Copyright 2020 aThemeArt
Shoper Dark is distributed under the terms of the GNU GPL

Shoper Dark is child theme of shoper WordPress Theme, Copyright 2020 aThemeArt

*/
:root {
  --nav-color:#fff;
  --nav-h-color:#fff;
  --secondary-color:#dd0000;
}
header.site-header{
    padding-bottom: 0;
}
#navbar{
    width: 100%;
}
#nav_bar_wrap {
    border-top: solid 1px #eee;
    margin-top: 40px;
	background:#000;
}
#masthead [class*="col-"] {
    padding-top:0px;
    padding-bottom:0px;
}

#masthead #navbar .navigation-menu > li > a{
	padding:17px 20px;	
}
#masthead #navbar li{
	float:left;	
}
#masthead #navbar{
	display:block;	
}
#navbar .navigation-menu > li > a{
	border-radius:0px;
}
#masthead .header-icon li li > a{
	color:#000;	
}
#navbar .navigation-menu > li:hover > a,#navbar .navigation-menu > li:hover > a:focus,#navbar .navigation-menu > li > a:focus, #navbar .navigation-menu > li:focus > a, #navbar .navigation-menu > li > a:focus, #navbar .navigation-menu > li.current-menu-item > a, #navbar .navigation-menu > li.current-page-parent > a, #navbar .navigation-menu > li.current_page_item > a {
    background: var(--secondary-color);
    color: var(--nav-h-color);
}
#masthead .header-icon li span.quantity{
	background:var( --secondary-color );	
}
#masthead .header-icon li span.quantity::before {
	border-top: 8px solid var( --secondary-color );	
}
#masthead .header-icon li:hover > a, #masthead .header-icon li a:focus {
    color: var( --secondary-color );	
}
#masthead .header-icon li ul {
	border-top: 1px solid var( --secondary-color );	
}
#masthead .header-icon li ul::after {
   border-bottom: 8px solid var( --secondary-color );	
}
#masthead #navbar li li{
	float:none;
	display:block;	
}
#navbar .navigation-menu li ul{
	z-index:999;	
}
#navbar .navigation-menu li li > a{
	 color: var(--secondary-color);
}
#navbar .navigation-menu li li > a:hover, #navbar .navigation-menu li li > a:focus, #navbar .navigation-menu li li.current-menu-item > a, #navbar .navigation-menu li li.current-page-parent > a{
	  background:var( --secondary-color );
	  color:#fff;
}
#navbar .navigation-menu li ul{
	border-top: 1px solid var( --secondary-color );
}
#navbar .navigation-menu li ul::after {
	border-bottom: 8px solid var( --secondary-color );
}
a.search-close-trigger:focus,a.search-close-trigger:hover{
	transform: scale(1.5); 
}
@media only screen and (max-width : 992px) {
    #navbar{
        width: 280px;
    }
	#masthead #navbar ul{
		margin-right:0px;
		width:100%;
	}
	#masthead .search-box{
		padding-top:40px;	
	}
	.ss-content{
		padding-right:00px;	
	}
	#navbar .navigation-menu > li > a{
		color:var( --secondary-color );
	}
	#masthead #navbar .navigation-menu > li > a{
		padding: 12px 20px;
	}
	#navbar .responsive-submenu-toggle {
		background: var(--secondary-color);
		border:1px solid  var(--secondary-color);
		color: #fff;
	}
	#navbar .responsive-submenu-toggle:hover, #navbar .responsive-submenu-toggle:focus{
		color: var(--secondary-color);
	}
}

#content .shoper-single-post blockquote {
    background-color: #f5f5f5;
    font-weight: 400;
    color: #444;
    border-left: 4px solid var( --secondary-color );
    font-style: italic;
    font-weight: 700;
    margin: 3%;
    padding: 15px;
}
body {
    background: #222;
}
a {
    color: #bababa;
}
p {
    color: #bababa;
}
#masthead {
    background: #222;
}
#navbar .navigation-menu > li > a {
    color: #bababa;
}
#navbar .navigation-menu li ul {
    background: #333;
}
#navbar .navigation-menu li li:hover,
#navbar .navigation-menu li li:focus,
#navbar .navigation-menu li li.focus{
    background-color: #292929;
}
#navbar .navigation-menu li li {
    background: transparent;
    border-color: #444;
}
#navbar .navigation-menu li li > a {
    color: #bababa;
}
#navbar .navigation-menu li li.current-menu-item {
    background: #292929;
}

.search-bar {
    background: #222;
}
.apsw-search-wrap .apsw-search-form {
    background: #333;
    border-color: #333;
}
.search-bar label, .search-bar input {
    color: #bababa !important;
    background: transparent;
    border-color: #333;
}
.apsw-search-wrap .apsw-category-items option {
    background: #333;
}
#masthead .header-icon li ul {
    background: #333;
}
#masthead .header-icon li li {
    border-color: #444;
}
#masthead .header-icon li li > a {
    color: #bababa;
}

#content .shoper-single-post .post {
    background: #333;
}
.elementor-2018 .elementor-element.elementor-element-b001827:not(.elementor-motion-effects-element-type-background), .elementor-2018 .elementor-element.elementor-element-b001827 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: inherit !important;
    background-color: #333 !important;
}


aside#secondary .widget {
    background: #333;
}
.widget_search .search-field, .widget_search input[type=search] {
    background: #444;
    color: #bababa;
}
.wp-block-search .wp-block-search__button {
    background: #444;
    border-color: #444;
    color: #bababa;
}
.wp-block-search .wp-block-search__label {
    color: #bababa;
}
ol.wp-block-latest-comments {
    padding-left: 0;
}
#secondary .widget li, ul.popular_category_list li,  #colophon.site-footer li {
    border-color: #444;
}
#colophon.site-footer {
    background: #333;
}
.woocommerce-Price-amount {
    color: #bababa !important;
}
.site-footer li {
    border-color: #444;
    color: #bababa;
}
#colophon.site-footer .site_info {
    background-color: #444;
    color: #bababa;
}

.woocommerce-MyAccount-navigation li a {
    border-color: #444 !important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background-color: #444 !important;
    color: #bababa !important;
}
#content .shoper-single-post .entry-title a, #content .shoper-single-post .entry-title {
    color: #bababa;
}
.btn, .error-404 input.search-submit, #content .shoper-single-post .post a.btn, .woocommerce ul.products li.product .added_to_cart.wc-forward, .wc-proceed-to-checkout .button {
    background: #444;
    border-color: #444;
}
.woocommerce .woocommerce-ordering .orderby {
    background: transparent;
    border-color: #444;
    color: #bababa;
}
.woocommerce .woocommerce-ordering .orderby option {
    background: #333;
    color: #bababa;
}
.customSelect.orderby::after {
    border-color: #333 !important;
}
a.xoo-qv-button {
    border-color: #333 !important;
    color: #bababa !important;
}
.xoo-qv-btn-icon {
    color: #bababa !important;
}
.woocommerce li.product .product_wrap, .woocommerce div.product .woocommerce-tabs .panel, .woocommerce div.product div.summary {
    background: #333 !important;
}
.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale {
    background: #333 !important;
    border-color: #444 !important;
    color: #bababa !important;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    background: #333 !important;
    border-color: #444 !important;
}
.woocommerce nav.woocommerce-pagination ul li a.current, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus {
    background: #FF4343 !important;
    border-color: #FF4343 !important;
}

.navigation.posts-navigation a {
    background: #333;
    border-color: #444;
}
.single-prev-next {
    background:  #333;
}
.comments-area {
    background: #333;
}
#commentform [class^="col-"] input[type="text"], #commentform [class^="col-"] input[type="email"], #commentform [class^="col-"] textarea,#commentform input[type="text"], #commentform input[type="email"], #commentform textarea {
    background:  #333;
    border-color: #444;
    color: #bababa;
}
#nav_bar_wrap{
	border-top:none!important;
}
.apsw-search-wrap .apsw-category-items, .apsw-search-wrap .apsw-search-form input[type="search"] {
    color: #fff!important;
}

#primary input[type="text"]:focus,#primary input[type="email"]:focus, #primary textarea:focus, #commentform [class^="col-"] input[type="text"]:focus, #commentform [class^="col-"] input[type="email"]:focus, #commentform [class^="col-"] textarea:focus,#commentform [class^="col-"] input[type="search"]:focus,#primary select:focus,#commentform input[type="text"]:focus, #commentform input[type="email"]:focus, #commentform textarea:focus{
	border:1px solid var( --secondary-color );
	
}
button.plus:focus, button.minus:focus {
    background: var( --secondary-color );
    color: var( --quaternary-color );
}
.single-prev-next a:focus img{
	transform: scale(1.1);
}
.woocommerce .result-count li a:hover,.woocommerce .result-count li a:focus{
	color:var( --secondary-color );
}
mark, ins{
	background:none;
}
h1, h2, h3, h4, h5, h6, #review_form .comment-reply-title {
 
  letter-spacing: 0px;
  word-spacing: 1px;
}