/*
Theme Name: WR Nitro Child
Theme URI: http://www.woorockets.com/themes/nitro
Author: WooRockets Team
Author URI: http://www.woorockets.com/
Description: Nitro - the only WordPress eCommerce theme you will need for any WooCommerce projects. Nitro theme comes with ready to use layouts for different ecommerce industries such as fashion, electronics, furniture, digital, sports, jewelry and other. Nitro represents what WooCommerce customers want to see in a theme including intuitive design (UX), robust performance (loading speed) and eCommerce functionalities (boosting sales).
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: wr-nitro
Text Domain: wr-nitro

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */


#shop-main .products.list:not(.item-style-6) .auction-ajax-change{
	float: left;
	margin: 60px 0 0 20px;
}
input[type='number'].bid {
    -moz-appearance:textfield !important;
}
.p-single-nav{
	display:block!important
}
.type-product .cart .quantity + button{
	margin-top:0!important
}
.auction-ajax-change .quantity input.minus{
	border-left:none!important;
	border-right: 1px solid #d7d7d7;
	display:none
}
.auction-ajax-change .quantity input.bid {
	width:100% !important
}
.auction-ajax-change .quantity input.plus{
	border-right:none!important;
	border-left: 1px solid #d7d7d7;
	display:none
}
.product__image{
	min-height:134px;
}
.products.item-style-6.list .product__action{
	margin-top:-20px
}
.products.item-style-6.list{
	padding-right:20px
}
.products.item-style-6.list .product{
	margin-bottom:10px !important;
	border-bottom:1px solid #eee !important
}
#shop-sidebar2{
	float:right;
	width:200px
}
#shop-sidebar2 .widget .product_list_widget li > a,
#shop-sidebar2 .widget .product_list_widget .product-info{
	float:none!important;
	margin-top: 10px;
	width:100%
}
#shop-sidebar2 .product_list_widget li>a>span{
	display:none
}
#shop-sidebar ul.menu a{
	text-transform: uppercase;
	font-weight: 700;
}
#after-product{
	max-width: 95%;
	margin: 20px auto 0;
	padding: 0 20px;
}
#after-product p{
	font-size: 18px;
	margin-bottom:10px
}
#after-product img{
	margin-right:10px;
}
.products.list:not(.item-style-6) .product-type-auction .product__list{
	width: calc(80% - 100px);
}
.products.list:not(.item-style-6) .auction-time.future{
	margin-bottom:10px;
}
.products.list:not(.item-style-6) .auction-time-countdown.future{
	display: inline;
	padding: 0;
}
.products.list:not(.item-style-6) .auction-time-countdown.future span{
	font-size:100%
}
.woocommerce-account .woocommerce .button[type="submit"]{
	width:auto!important
}
.woof_list_checkbox>li.woof_term_621,
.woof_list_checkbox>li.woof_term_622,
.woof_list_checkbox>li.woof_term_623,
.woof_list_checkbox>li.woof_term_624,
.woof_list_checkbox>li.woof_term_625,
.woof_list_checkbox>li.woof_term_626{
	display:none
}
#woof_results_by_ajax .woocommerce{
	-ms-align-items: unset!important;
	-ms-flex-align: unset!important;
	align-items: unset!important;
	-webkit-align-items: unset!important;
	-webkit-box-align: unset!important;
	-ms-flex-wrap: unset!important;
	flex-wrap: unset!important;
	-webkit-flex-wrap: unset!important;
	display:block!important;
}
#woof_results_by_ajax .products{
	width:unset!important;
}
.pay-win{
	display:none!important
}
.woocommerce-MyAccount-content .simple-auctions.active-auctions:last-child .pay-win{
	display:inline-block!important
}

@media screen and (max-width:1200px){
	#shop-main .products.list .auction-ajax-change{
		float:none
	}
	#shop-sidebar2{
		float:none;
		margin-bottom:20px
	}
}
@media screen and (max-width:800px){
	#shop-sidebar2{
		width:100%
	}
	#after-product span{
		display:block
	}
}
@media screen and (max-width:680px){
	#shop-main .products.list .auction-ajax-change{
		float:left;
		margin:0
	}
}
@media screen and (min-width:1226px){
	.header .hb-s1i1 img{
		width: 338px;
		/*max-width: none !important;*/
		position:absolute;
		z-index:9
	}
	.header .hb-s1i1 a{
		display: block;
		width: 280px;
	}
}
@media screen and (min-width:1450px){
	.header .hb-s1i1 img{
		width: 446px;
	}
}
button.pswp__button, .pswp__button--arrow--left::before, .pswp__button--arrow--right::before {
    background-image: url('images/white-skin.png') !important;
}
.pswp__button--arrow--left::before, .pswp__button--arrow--right::before {
    top: 0;
}
.woof_list>li>label{
	text-transform: uppercase;
	font-weight: 700;
}
.SWPControl {
  background: #FFFF89;
  margin-bottom: 10px;
  display: inline-block;
  font-weight: 600 !important;
  padding:10px;
  border-radius: 3px;
  box-shadow: 0 -0.085em 0 0 rgba(102, 52, 0, 0.2) inset, 0 0 3px 0 rgba(254, 255, 187, 0.5) inset;
  color: #000;
}

a.collapseButton {
    color: #D33F1D !important;
    /*font-weight: 500 !important;*/
    line-height: 22px;
    text-decoration: none !important;
}

span.SWPTitle::before {
    color: #000;
    content: "☻";
    font-size: 27px;
    line-height: 22px;
    display: inline-block;
    animation: credits 1s infinite;
    -webkit-animation: credits 1s infinite;
    animation-name: credits;
    -webkit-animation-name: credits;
    transition: all 0.3s linear 0s;
}
@keyframes credits {
        0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
        40% {transform: translateY(-10px);}
        60% {transform: translateY(-5px);}
}
@-webkit-keyframes credits {
        0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
        40% {-webkit-transform: translateY(-10px);}
        60% {-webkit-transform: translateY(-5px);}
}
/*
.flashing .menu_title {
	-webkit-animation: blink2 1s linear infinite;
  	animation: blink2 1s linear infinite;
	color: red;
	font-weight: bold;
}
*/

.flashing {
	-webkit-animation: blink-bg 1s linear infinite;
  	animation: blink-bg 1s linear infinite;
	background-color: red;
	font-weight: bold;
}

#shop-sidebar2 .widget-title {
	-webkit-animation: blink-bg2 1s linear infinite;
  	animation: blink-bg2 1s linear infinite;
	background-color: #1c3942;
	font-weight: bold;
}

.flashing a {
	color: #fff !important;
}

@-webkit-keyframes blink-bg2 {
  100% { background-color: rgb(255 0 0 / 80%); }
}
@keyframes blink-bg2 {
  100% { background-color: rgb(255 0 0 / 80%); }
}

@-webkit-keyframes blink-bg {
  100% { background-color: rgb(255 0 0 / 10%); }
}
@keyframes blink-bg {
  100% { background-color: rgb(255 0 0 / 10%); }
}

.icon-product {
	display: none;
	width: 40px;
    height: 40px;
    line-height: 40px;
	background: #438cc3;
    color: #fff;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.image__front:hover .icon-product {
	display: block;
}

.image__front {
	position: relative;
}

/* home banners */

.without-slider-wrapper {
	max-width: 1200px;
	margin: auto;
	margin-top: 40px;
}

.without-slider-content {
	display: flex;
	flex-wrap: wrap;
}
.right-panel-slider {
	display: flex;
	flex-grow: 1;
	flex-wrap: wrap;
}
.left-panel-slider {
	display: flex;
	flex-grow: 1;
}
.without-slider-image {
	margin: 5px;
}
.without-slider-image-fullwidth {
	flex-grow: 1;
		align-self: flex-end;
}
.without-slider img {
	width: 100%;
}
.without-slider-image-half {
	flex-basis: 45%;
	flex-grow: 1;
}
.left-panel-slider {
	display: flex;
	flex-grow: 1;
	flex-basis: 50%;
}
.right-panel-slider {
	display: flex;
	flex-grow: 1;
	flex-wrap: wrap;
	flex-basis: 46%;
}
.without-slider-fill-image {
	height: 100%;
	width: 100%;
	background-size: auto 100% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}
.without-slider-image-full {
	width: 100%;
}
.left-panel-slider {
    display: flex;
    flex-grow: 1;
    flex-basis: 30%;
}
	.without-slider-fill-image {
    height: 100%;
    width: 100%;
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    min-width: 300px;
}
	.right-panel-slider {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    flex-basis: 46%;
    min-width: 400px;
}
	.without-slider-fill-image {
		position: relative;
		
	}
	.without-slider-fill-image:before {
		content: "";
			display: block;
		padding-top: 100%;
	}
	.without-slider-text-wrap {
    position: absolute;
    bottom: 0;
    padding: 1.25em;
}
	.without-slider-block-title {
    font-family: 'Open Sans';
    color: #ffffff;
    font-size: 200%;
    text-shadow: none;
    line-height: 1.3;
    font-weight: 600;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    font-weight: 600;
}
	.without-slider-block-desc {
    font-family: 'Open Sans';
    color: #ffffff;
    color: RGBA(255,255,255,0.8);
    font-size: 100%;
    text-shadow: none;
    line-height: 1.3;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    font-weight: normal;
}

@media (max-width: 400px) {
	.right-panel-slider {
		min-width: 300px;
	}
}
/* home banners */

#footer .bot,
#footer .top {
	background-color: #212121;
}

#footer .bot .info {
	text-align: left;
	color: #dfdfdf;
}

#footer .top ul li {
	color: #dfdfdf;
}

#footer .top ul li i {
	margin-right: 8px;
}

#footer .top .menu-item a {
	text-transform: uppercase;
	font-weight: bold;
	color: #dfdfdf;
}

#footer .top .menu-item:first-child a {
	font-weight: normal;
	text-transform: none;
	color: #fff;
}

#footer .top .menu-item  a:hover {
	text-decoration: none;
	color: #dfdfdf;
}

body .wr-btn-solid, body .button, body button[class*="button"], body .submit, body input[type="submit"]:not(.wr-btn-outline), body a.button_sg, body .yith-woocompare-widget a.compare {
	background-color: #3f8bc5;
	border-color: #3f8bc5;
}

body .wr-btn-solid:hover, body .button:hover, body button[class*="button"]:hover, body .submit:hover, body input[type="submit"]:not(.wr-btn-outline):not([disabled]):hover, body .yith-woocompare-widget a.compare:hover, body input.wpi-button:hover {
    color: #ffffff;
    background-color: #307bb3;
	border-color: #307bb3;
}

.single-product .social-share li a.nitro-line {
    width: 32px;
    height: 32px;
    line-height: 0px;
}

/* zoomle */
#zoomple_previewholder{
	left:0;
	top:0;
	z-index:99;
	position:absolute;
	display:none;
	width:300px;
	height:300px;
	background-color:transparent;
	background-position:50% 50%;
	background-repeat: no-repeat;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}
#zoomple_previewholder .image_wrap{
	left:0;
	top:0;
	z-index:99;
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	background:#fff;
	box-shadow:0 0 20px 4px #000;
}
#zoomple_previewholder.rounded .image_wrap{
	border:0 solid #454C50;	
	border-radius:50%;
	background-clip: padding-box;
}
#zoomple_previewholder .overlay{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-clip: padding-box;
	z-index:1; 
}
#zoomple_previewholder.rounded  .overlay{
	border-radius:50%;
	box-shadow:inset 0 0 20px 7px #fff;
}
#zoomple_previewholder .cursor{
	width:20px;
	height:20px;
	margin-left:-10px;
	margin-top:-10px;
	position:absolute;
	left:50%;
	top:50%;
	z-index:101;
	background: url(../images/cursor.png) 0 0 no-repeat;
}
#zoomple_previewholder.zp-visible{
	display:block;
}
#zoomple_previewholder img{
	display:block; 
	position:absolute;
	left:0;
	top:0;
}
#zoomple_previewholder .caption-wrap{ 
	position:absolute;
	top:100%;
	left:0;
	z-index:101;
	width:100%;
	margin:0;
	padding:0;   
	font:11px Verdana,sans-serif; 
	color:#090808; 
	border-radius:0 0 7px 7px;
} 
#zoomple_previewholder .caption-wrap .caption{ 
	padding:5px 10px;   
	font:11px Verdana,sans-serif; 
	border-radius:0 0 7px 7px;
	background: #fff;
} 
#zoomple_image_overlay{
	background:red;
	position:absolute;
	z-index:100; 
	filter: alpha(opacity=1);
	opacity: 0.01;
}
#zoomple_image_overlay.preview{
	background:rgb(0,0,0);
	filter: alpha(opacity=50);
	opacity: 0.5;
}
#zoomple_image_overlay .eyelet{
	background:rgba(0,0,0,0.2);
	position:absolute;
	left:0;
	top:0;
}
.marquee{
filter: alpha(opacity=100);
}
/* zoomle */

.woocommerce.new-date {
	width: 100%;
}

.product__image a.db {
	height: 250px;
}

@media (max-width: 600px) {
	.product__image a.db {
		height: auto;
	}
}