/*
Theme Name:     Storefront Child Theme by M. Pigula
Theme URI:      https://github.com/stuartduff/storefront-child-theme
Author:         Mateusz Pigua
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.4
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/

/*
 * Add your own custom css below this text.
 */



body, .site-content,
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{
	font-family: "Lato Light", serif;
}

.woocommerce-tabs a,
.woocommerce-Tabs-panel h2, .woocommerce-Tabs-panel p{
	font-family: "Lato Light", serif !important;
}

button, input[type="button"], 
.textwidget .button, 
.woocommerce-mini-cart__buttons .button,
.product .add_to_cart_button,
.summary .cart button.alt, .summary .cart .button.alt
{
	font-family: "Lato semibold", sans-serif !important;
	font-size: 12px;
	    padding: 12px 15px;
	letter-spacing: 1px !important;
}
.product .add_to_cart_button {
	padding: 12px 7px;
	font-size: 12px;
}
.widgettitle  {
	font-family: "Lato", sans-serif;
}
.woocommerce-mini-cart__empty-message,
.facetwp-slider-label{
	color:#666;
}
.textwidget .noUi-connect {
	background-color:black !important;
}
.wc-forward::after, .woocommerce-Button--next::after {
	display:none !important;
}
table.shop_table th {
	font-family: "Lato", sans-serif !important;
	text-transform:uppercase ;
	    font-weight: normal;
    font-size: 14px !important;
}
.page_cart .shop_table li.tax-total {
	display:none;
}
.page_cart .shop_table li p {
	font-family: "Lato", sans-serif !important;
	font-size:1em !important;;
}
.page_cart .wc-proceed-to-checkout .button.checkout-button { 
	padding: 10px 0 12px 0 !important;
	font-size:1em !important;
	font-family: "Lato", sans-serif !important;
	font-weight: normal;
}
.um-login .um-field-label, 
.um-register .um-field-label{ 
	min-width:250px;
}
.um input[type=submit].um-button {
	border-radius:0 !important;
	background-color:black !important;
	border:2px solid black !important;
}
.um .um-button.um-alt {
	border-radius:0 !important;
	background-color:white !important;
	color:black !important;
	border:2px solid black !important;
	box-shadow:none !important;
}
.um-register {
	max-width: 500px;
}
.um-register .um-field {
	display: block !important;
}
.woocommerce-breadcrumb {
	color:#ccc;
}

.woocommerce-loop-product__title {
	font-weight: bold;
	font-family: "Lato semibold", Arial, sans-serif;

}
.um-form {
	font-family: "Lato semibold", Arial, sans-serif !important;
}

.um input[type=submit].um-button:hover {
	background-color: white !important;
	color: black !important;

}
.um-button.um-alt:hover {
	background-color: black !important;
	color: white !important;
}
.product_title.entry-title {
	font-size: 42px !important;
	font-family: "Arial Narrow", Arial, sans-serif;
	text-transform: uppercase;
}
.woocommerce-loop-product__title {
	font-size:18px !important;
}
.color-variations-wrapper {
	width: 55%;
	float: left;
}
#shop-sidebar .restbutton{
	margin-top: 20px;
}
#shop-sidebar .textwidget {
	float: left;
	width: 100%;
}
.storefront-full-width-content.single-product div.product .summary {
	width: 100% !important;
}
.woocommerce-Price-amount,
.woocommerce-product-details__short-description{
	color: #545454;
}

.single_add_to_cart_button.button.alt,
#one-click-order-button{
	padding: 5px 15px;
	line-height: 1.618;
}
#one-click-order-button{
	padding: 14px 15px;
}
.single-product div.product form.cart .quantity {
	display: inherit;
}
.oneclick_wrp {
	position: relative;
	margin-left: 30px;
	display: inherit;
}
.oneclick_wrp label {
	background: url('app/img/phone.png') top left no-repeat;
	color: black;
	position: absolute;
	top:-30px;
	padding-left: 20px;
}
.oneclick_wrp input[type="text"] {
	background-color: white;
	border: 1px solid #8c8c8c;
}
.cart_selects {
	width: 100%;
	display: block;
	background-color: white;
	padding: 0 0 25px 0!important;
}
.cart_selects select, .cart_selects input {
	background-color:black ;
	color: white;
	width: 100%;
	padding: 7px 13px 8px 12px;
	margin-bottom: 15px;
}
.cart_selects label {
	font-family: "Lato semibold", sans-serif;
	color: black;
	display: block;
	margin-bottom: 3px;
}
#lb_city, #lb_wh {
	display: block;
	display: none;
}
#np_city {display: none; }
#np_city_ul {
	position: absolute;
	top: 135px;
	background-color: #f1f1f1;
}
#np_city_ul li {
	color: black;
	padding: 6px 15px;
	font-family: "Lato";
	font-size:14px;
	border-bottom: 1px solid #ccc;
}
#np_wh_select {
	display: none;

}
#np_city_ul li:hover {
	background-color: #ccc;
}
.cart_selects {
	position: relative;
}

.filter-checkbox .woocommerce-widget-layered-nav-list__item {
	width: 100%;
	float: left;
}
.filter-checkbox .woocommerce-widget-layered-nav-list__item a {
	border: none !important;
	color: black;
	text-indent: 0 !important;
	width: 100% !important;
	font-size: 25px;
	font-family: Arial, serif;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
	height: 25px !important;
	margin: 5px 0px 5px 25px;
}
.filter-checkbox .woocommerce-widget-layered-nav-list__item a:before {
	display: block;
	border: 2px solid black;
	content: " ";
	width: 18px;
	height: 18px;
	position: absolute;
	left: -25px;
	top: 2px;
}
.filter-checkbox .woocommerce-widget-layered-nav-list__item a:after {
	left: -22px;
}
.filter-checkbox {
	margin: 10px 0 10px 0;
	float: left;
}

.woocommerce-loop-product__title {
	font-size: 14px !important;
}
.product .add_to_cart_button {
	font-size: 10px !important;
	letter-spacing: 0px !important;
}

.color-variations-wrapper .woocommerce-loop-product__title {
	font-size: 13px !important;
}


.color-variations-wrapper .product .add_to_cart_button {
	font-size: 8px !important;
	letter-spacing: 0px !important;
}

.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.5);
	transition: opacity 200ms;
	visibility: visible;
	opacity: 1;
	z-index: 99999;
	font-family: "Lato", sans-serif;
	display: none;
}

.overlay .cancel {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: default;
}

.overlay:target {
	visibility: visible;
	opacity: 1;
}

.modal {
	margin: 100px auto;
	padding: 40px 30px;
	background: #fff;
	border: 1px solid #666;
	width: 400px;
	border-radius: 0px;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
	position: relative;
	text-align: center;
	color: black;

}

.modal h2 { margin-top: 0; }

.modal .close {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 20px;
	right: 20px;
	opacity: 0.8;
	transition: all 200ms;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	color: #777;
}

.modal .close:hover { opacity: 1; }

.modal .content {
	max-height: 400px;
	
}

.modal p {
	margin: 0 0 1em;
	text-align: center;
}

.modal p:last-child { margin: 0; }



@media screen and (max-width: 1400px) {
	.color-variations-wrapper ul.products li.product .button {
		font-size: 14px;
	}

}
@media (max-width: 1300px)
{
	.color-variations-wrapper  ul.products.columns-4 li.product {
		width: 33.3%;
		float: left;

	}
}
@media (max-width: 1100px)
{
	.color-variations-wrapper  ul.products.columns-4 li.product {
		width: 42%;
		float: left;
		margin-right: 4.347826087%;
	}
	.product .add_to_cart_button {
		font-size: 9px !important;
		letter-spacing: 0px !important;
	}
}
@media (max-width: 768px)
{
	.summary .cart {
		display: block !important;
	}
	.oneclick_wrp {
		margin-left: 0;
		margin-top: 50px;
		display: block;
	}
	.oneclick_wrp input[type="text"] {
		display: block;
		float: left;
	}
	.oneclick_wrp label {
		top:-25px;
		left: 0;
	}

	.single_add_to_cart_button.button.alt {
		padding: 10px 16px !important;
	}
}
@media (max-width: 400px)
{
	.oneclick_wrp input[type="text"] {
		max-width: 168px;
	}
	.single-product div.product form.cart .quantity {
		max-width: 60px;
	}
}

.site-search {
	flex-grow: 1;
	margin: 0;
	padding: 0 25px;
	width: 150px;
}

.site-search .widget.widget_product_search {
	margin: 0 !important;
}

.site-search form.woocommerce-product-search,
.site-search .widget_product_search form input[type=search] {
	background-color: #fff;
	border-radius: 4px; 
}

@media screen and (max-width: 1170px)
{
	.site-search {
		flex-basis: 100%;
		order: 1;
		margin-top: 10px;
	}
	.site-search .widget_product_search form input[type=search] {
		width: 100%;
	}
}

@media screen and (max-width: 1020px)
{
	.site-search {
		display: block;
		flex-basis: auto;
		order: 1;
		margin-top: 10px;
	}
	.login-block {
		margin-top: 10px;		
	}
	
}
@media screen and (max-width: 768px) {
	.login-block {
		width: initial !important;
		padding: 0 !important;
		flex-basis: auto;
	}
	.site-search {
		display: block;
		flex-basis: auto;
	}
}

@media screen and (max-width: 468px) {
	.login-block {
		flex-basis: 100%;
	}
	.site-search {
		display: block;
		flex-basis: 100%;
	}
}
/* section#guardo .text.description,
section#guardo a.cat-link,
section#guardo_first .text.description,
section#guardo_first a.cat-link,
section#quantrum .text.description,
section#quantrum a.cat-link{ */
.border-grey{	
	border: 5px solid #6d6b69;
}

/* #guardo_first .mens-watch, */
/* #guardo_first .women-watch, */
/* .guardo-list .women{ */
#guardo_first .cat-link,
#quantrum .cat-link,
.guardo-list .cat-link{
	align-items: flex-start !important;
}

.cat-link.remeshok:hover:after {
    opacity: 0 !important;
}

.title-cat {
    font-family: 'Roboto Condensed', sans-serif !important;
}

#guardo_first .title-text img{
	display: inline-block;
}

.topnav .sale-button{
	background: #ffa500e6;
    height: 39px;
    line-height: 20px;
    border-radius: 20px;
    border: 2px solid #fff;
	color: #000;
}
.topnav .sale-button:hover{
	background: orange;
    border: 2px solid #fff;
}

/* footer */

.footer .container {
	flex-wrap: nowrap;
}

.footer-adress span.phone,
.footer-adress span.email {
	display: inline-block;
}

@media screen and (max-width: 1015px) {
	.footer .d-flex .footer-logo {
		flex-basis: 100%;
	}
}


/* single product page */

.woocommerce-product-details__short-description {
	margin-bottom: 10px;
}

/* checkout page */

.woocommerce-checkout .col2-set .col-2 {
	max-width: 100%;
}

.woocommerce-checkout .col2-set .col-2 > * {
	flex-basis: 100%;
}

.page_checkout #order_review.woocommerce-checkout-review-order .woocommerce-checkout-payment {
	background-color: #000;
}
.page_checkout #order_review .woocommerce-checkout-payment .wc_payment_methods>li:not(.woocommerce-notice),
.page_checkout #order_review .woocommerce-checkout-payment .place-order {
	background-color: #2f2f2f;
}

/* ultimate member account page */

.um-form table.shop_table thead {
	color: #000;
}

.um-form table.shop_table td,
.um-form table.shop_table th {
	vertical-align: top;
}

/* before content shop archive page */
.storefront-sorting {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.storefront-sorting > * {
	margin: 0 10px 15px 5px;
	padding: 0;
}

.storefront-sorting .woocommerce-notices-wrapper {
	flex-basis: 100%;
}

@media screen and (max-width: 768px) {
	.shop-sidebar,
	.shop-sidebar > .woocommerce_widget_cart {
		display: none;
	}
}

/* Стили для video-btn */
.video-btn {
	position: relative;
	height: 0;
}

.video-btn__link {
	position: absolute;
	width: 30px;
	height: 30px;
	border: 1px solid #ff6b15;
	display: block;
	border-radius: 50%;
	line-height: 30px;
	right: 0;
	top: -130px;
	opacity: 0.6;
}

.video-btn__link:hover {
	opacity: 1;
}

.video-popup {
    max-width: 640px;
    margin: auto;
}


@media screen and (min-width: 768px) {
	button.dropbtn{
		display: none;
	}
}
@media screen and (max-width: 767px) {
	a.dropbtn{
		display: none;
	}
}