/*
Theme Name: Consolka
Theme URI: https://justpro.com.ua/
Author: JustPro
Author URI: https://justpro.com.ua/
Version: 1.0.4.6
Text Domain: projekt
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

body{
	color:#fff;
	font-family:Helvetica,Arial,sans-serif;
	font-size:16px;
	line-height:1;
	text-rendering:optimizeLegibility;
	vertical-align:baseline;
	/*
background: #451138;
background: linear-gradient(135deg,rgba(69, 17, 56, 1) 0%, rgba(22, 3, 52, 1) 40%, rgba(22, 3, 52, 1) 100%);

background: #de09a9;
background: linear-gradient(135deg,rgba(222, 9, 169, 1) 0%, rgba(22, 3, 52, 1) 25%, rgba(22, 3, 52, 1) 100%);
*/
background: #100325;
}
h1,h2,h3,h4,h5,h6{
	clear:both;
	line-height:1.5;
	margin:24px 0
}
h1{
	font-size:21px
}
h2{
	font-size:18px
}
h3{
	font-size:16px
}
h4{
	font-size:14px
}
h5{
	font-size:13px
}
h6{
	font-size:12px
}
hr{
	background-color:#ccc;
	border:0;
	height:1px;
	margin:24px
}
p{
	line-height:1.714285714;
	margin:0 0 24px
}
ul,ol{
	margin:0 0 24px;
	line-height:1.714285714;
	padding:0
}
ul{
	list-style:disc outside
}
ol{
	list-style:decimal outside
}
ul ul,ol ol,ul ol,ol ul{
	margin-bottom:0
}
li{
	margin:0 0 0 24px
}
dl{
	margin:0 24px
}
dt{
	font-weight:700;
	margin-bottom:24px
}
dd{
	line-height:1.714285714;
	margin:0 0 24px
}
strong{
	font-weight:700
}
cite,em,i{
	font-style:italic
}
cite{
	border:none
}
big{
	font-size:120%
}
.mceContentBody blockquote{
	font-style:italic!important;
	font-weight:400;
	margin:0;
	padding:24px
}
pre{
	border:1px solid #ededed;
	color:#666;
	font-family:Consolas,Monaco,Lucida Console,monospace;
	font-size:12px;
	line-height:1.714285714;
	margin:24px 0;
	overflow:auto;
	padding:24px
}
code,kbd,samp,var{
	font-family:Consolas,Monaco,Lucida Console,monospace;
	font-size:12px;
	line-height:2
}
pre code{
	font-size:inherit
}
abbr,acronym,dfn{
	border-bottom:1px dotted #666;
	cursor:help
}
address{
	display:block;
	line-height:1.714285714;
	margin:0 0 24px
}
del{
	color:#333
}
ins{
	background:#fff9c0;
	border:none;
	color:#333;
	text-decoration:none
}
sup,sub{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup{
	top:-.5em
}
sub{
	bottom:-.25em
}
input[type="text"]{
	border:1px solid #ccc;
	border-radius:3px;
	font-family:inherit;
	padding:6px
}
textarea{
	border:1px solid #d5d2ca;
	border-radius:3px;
	font-family:inherit;
	font-size:12px;
	line-height:1.714285714;
	padding:10px;
	width:96%
}
a,a em,a strong{
	color:#FF4545;
	outline:none;
	text-decoration: none;
	transition: all 200ms linear;
}
a:focus,a:active,a:hover{
	color: #fff;
	transition: all 200ms linear;
}
.alignleft{
	display:inline;
	float:left;
	margin:12px 24px 12px 0
}
.alignright{
	display:inline;
	float:right;
	margin:12px 0 12px 24px
}
.aligncenter{
	clear:both;
	display:block;
	margin-top:12px;
	margin-bottom:12px
}
table{
	border-bottom:1px solid #ededed;
	border-collapse:collapse;
	border-spacing:0;
	color:#fff;
	font-size:12px;
	line-height:2;
	margin:0 0 24px;
	width:100%
}
tr th{
	color:#fff;
	font-size:11px;
	font-weight:700;
	line-height:2.181818182;
	text-align:left;
	text-transform:uppercase
}
td{
	border-top:1px solid #ededed!important;
	color:#fff;
	font-size:inherit;
	font-weight:400;
	padding:6px 10px 6px 0;
	text-align:left
}
img,.editor-attachment{
	border:0;
	max-width:100%
}
img.size-full{
	width:auto/9
}
img[class*="wp-image-"]{
	height:auto;
	max-width:100%
}
img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"]{
	height:auto
}
img.mce-wp-nextpage{
	border-radius:0;
	box-shadow:none
}
img.wp-smiley{
	border:0;
	border-radius:0;
	box-shadow:none;
	margin-bottom:0;
	margin-top:0;
	padding:0
}
.wp-caption{
	background:transparent;
	border:none;
	margin:0;
	padding:4px;
	text-align:left
}
.wp-caption-dt{
	margin:0
}
.wp-caption .wp-caption-text,.wp-caption-dd{
	color:#757575;
	font-style:italic;
	font-size:12px;
	line-height:2;
	margin:0 0 24px
}


/* Header */
.site-header{
	padding: 20px;
	margin: 0 auto;
	max-width: 1400px;
}

.logo{
	background-image: url('images/logo.svg');
	background-size: cover;
	background-repeat: no-repeat;
	width: 220px;
	height: 95px;
	
}
.wrapper-type1,
.wrapper-type2{
	padding: 20px;
	margin: 0 auto;
	max-width: 1400px;
}
.wrapper-type2{
	display: flex;
}
.wrapper-type2 .content-area{
	width: calc(100% - 320px);
	flex-grow: 1;
    margin-left: 20px;
}
.wrapper-type2 .sidebar-area{
	width: 320px;
	flex-grow: 1;
}



/* Catalog */
.woocommerce .woocommerce-ordering select {
    vertical-align: top;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
	border-radius: 5px;
    padding: 8px 10px;
}
.woocommerce .woocommerce-ordering select option{
    vertical-align: top;
    background: transparent;
    color: #000;
}

/* woocommerce */
.woocommerce .quantity .qty {
    width: 2em;
    text-align: center;
    background: transparent;
    border: 0;
    color: #fff;
    padding: 8px 0;
}
.woocommerce div.product form.cart {
    display: flex;
}
.woocommerce div.product form.cart div.quantity {
    margin: 0 10px 0 0;
    display: flex;
    align-items: center;
}

button.qtyplus,
button.qtyminus {
    background: #FF4545;
    padding: 0;
    color: #fff;
    border: 0;
    font-size: 20px;
    cursor: pointer;
    border-radius: 50%;
    line-height: 1;
    margin: 0;
    width: 24px;
    height: 24px;
	transition: all 200ms linear;
}
button.qtyplus:hover,
button.qtyminus:hover {
	background: rgb(255 255 255 / 20%);
	transition: all 200ms linear;
}

/* Прибрати + та - у Chrome, Safari, Edge */
.woocommerce input[type=number]::-webkit-inner-spin-button,
.woocommerce input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Прибрати стрілочки у Firefox */
.woocommerce input[type=number] {
    -moz-appearance: textfield;
}


.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
    background: #FF4545;
    padding: 0;
    color: #fff;
    border: 0;
    font-size: 20px;
    cursor: pointer;
    border-radius: 50%;
    line-height: 1;
    margin: 0;
	opacity: 1;
    width: 24px;
    height: 24px;
	min-width: 24px;
	transition: all 200ms linear;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover {
	background: rgb(255 255 255 / 20%);
	transition: all 200ms linear;
	 border: 0;
}
.wc-block-components-quantity-selector:after {
    border: 0;
}
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
	width: 2em;
    flex: none;
    font-size: 14px;
	font-weight: normal;
    min-width: auto;
	color: #fff;
    padding: 0;
}

/* Sidebar */
.brands-list{
	background: #444;
	border-radius: 25px;
	padding: 20px;
	border: 1px solid #555;
}
.brand-item{
	margin: 5px 0;
}
.brand-item a{
    display: flex;
    align-items: center;
	font-size: 18px;
	color: #fff;
}
.brand-item a:hover{
	color: #FF4545;
}
.brand-item-img{
	width: 50px;
	height: 50px;
	margin-right: 15px;
	display: flex;
    align-items: center;
}
.brand-item img{
	width: 100%;
	height: auto;
	margin: 0;
}
.brand-image{
	margin: 0 auto 20px auto;
	width: 150px;
	
}
.brand-image img{
	width: 100%;
}

.jpwlwc-btn{
	border: 0;padding: 4px;margin: 0 0 0 10px;height: 32px;cursor: pointer;display: inline-block;width: 32px;background: transparent;border-radius: 5px;transition: all 200ms linear;
	}
.jpwlwc-btn:hover{background: rgb(255 255 255 / 10%);transition: all 200ms linear;}
.jpwlwc-btn .svg-icon-heart{fill: #FF4545;}

.jpwlwc-items{
	margin: 0;
}
.jpwlwc-item{
display:flex;
align-items:center;
margin: 0 0 10px 0;
}
.jpwlwc-item img{
	margin-right:10px;
	width: 60px;
	height: 60px;
}
.jpwlwc-item a{
flex-grow: 1;
}
.jpwlwc-remove {
    background: #FF4545;
    padding: 0;
    color: #fff;
    border: 0;
    font-size: 20px;
    cursor: pointer;
    border-radius: 50%;
    line-height: 1;
	rotate: 45deg;
    margin: 0;
    width: 24px;
    height: 24px;
	transition: all 200ms linear;
}
.jpwlwc-remove:hover {
	background: rgb(255 255 255 / 20%);
	transition: all 200ms linear;
}

@media screen and (min-width: 960px) {

}