/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */




/**
 * Font customizations
 * Remove default Storefront Source Sans Pro (400 300 600 700 ) font and add custom google font.
 */
body,
button,
input,
textarea,
select {
	font-family: "Montserrat";
	font-weight: 400;
	line-height: 2.18em;
}


h1,
h2,
h3,
h4,
h5,
h6,
.widget .widget-title, .widget .widgettitle {
	font-family: "Montserrat Alternates";	/* alternative font style for headings */
	font-weight: 400;
}


.site-branding .site-title a, .site-branding-extension .site-title a {
	font-family: "Montserrat Alternates";	/* need to redefine font here due to blog page bug */
	font-weight: 400;						/* we drop 700 from google fonts, because we don't need the entrie font variation for just ONE GODDAMN word in heading. */
}


/**
 * StoreFront Homepage and StoreFront Header customizations
 */

body .secondary-navigation {
	display:none;
}

@media (min-width: 768px) {
	
	.col-full {
		/*
		max-width: 84.4989378333em;
		margin-left: auto;
		margin-right: auto;
		padding: 0 2.617924em;
		box-sizing: content-box;
		*/
	}
	
	.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
		padding: 0 1em 1.618em;
	}
	
	body .secondary-navigation {
		display: block;
		margin:0;
		padding-bottom:2.618em;
		
		font-size: .93em;
		background: #222;
	}
	
	body .secondary-navigation ul.menu a {
		color: #eee;
	}
	
	.site-header-cart .cart-contents {
		padding: 0 0 1.618em;
	}
	
}

.page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
	max-width:100%;
	margin-left:0;
	margin-right:0;
}



/**
 * Products list customizations
 */

/* on sale, new product, star rating elements customization */
span.onsale {
	position: absolute;
	top: 1px;
	left: 1px;
	background-color:#000;
	border: 1px solid #ef801a;
	/*
	background: #ef801a;
	color: #fff;
	border: 1px solid #ef801a;
	*/
}

span.itsnew {
	/*top: 3.5em;*/
}

span.itsnew::before {
	/*content: "NOWOŚĆ";*/
}

ul.products li.product .star-rating {
	position: absolute;
	top: 1px;
	right: 1px;
}
ul.products li.product .star-rating span::before {
	color: #daa520;
	text-shadow: #FFFF0A 0px 0px 5px;
}

/* image filter for out of stock product images */
ul.products li.outofstock img {
	filter:saturate(0);
	opacity:.3;
}


/**
 * Single product page customizations
 */

@media (min-width: 768px) {
	/*
	.single-product.left-sidebar .content-area, .single-product.right-sidebar .content-area {
		width:100%;
		float:left;
	}
	*/
	.woocommerce-Reviews #respond {
		padding:0;
		background: none;
	}
}

.add_to_cart_button::before {
	font-family: 'Font Awesome 5 Free';
	content: "\f217";
	font-weight:900;
	margin-right:.2em;
}

.view_product_button::before {
	font-family: 'Font Awesome 5 Free';
	content: "\f06e";
	font-weight:900;
	margin-right:.5em;
}

.single_add_to_cart_button::before {
	font-family: 'Font Awesome 5 Free';
	content: "\f07a";
	font-weight:900;
	margin-right:.5em;
}





/**
 * Checkout / Cart page customizations
 */
.woocommerce button[name="update_cart"], .woocommerce input[name="update_cart"] {
	display: none;
}


table.woocommerce-checkout-review-order-table thead {
	display:none;
}
	
table.woocommerce-checkout-review-order-table tbody {
	display:none;
}


@media (min-width: 768px) {
	table.woocommerce-checkout-review-order-table thead {
		display:table-header-group;
	}
	
	table.woocommerce-checkout-review-order-table tbody {
		display:table-row-group;
	}
}




/**
 * Products list customizations
 */
ul.products li.product img {
	width: 100%;
	height: 15em; /* fell free to use your own value */
	object-fit: contain; /* this one line will do the magic */
	background: transparent;
}

ul.products li.product h2 {
	min-height: 3.5em;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
 	overflow: hidden;
}

ul.products li.product .woocommerce-loop-product__title {
	margin-top:.5em;
}






.single-product div.product form.cart .quantity {
	float: none;
	margin: 0;
	display: inline-block;
}






.woocommerce-variation-price {
	font-size: 1.41575em;
	margin: 1.41575em 0;
}

.woocommerce-variation-price .woocommerce-Price-amount::before {
	content: " wybranej konfiguracji: ";
}




/**
 * single product page image thumbnails normalization  
 */
.woocommerce-products-compare-content .product a.product-link img {
	height: 12em;
	object-fit: cover;

}




.storefront-handheld-footer-bar ul li.home > a:before {
	content: "\f79c";
}



/**
 * single product page image thumbnails normalization  
 */

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
	object-fit: cover;
}

.single-product div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image img {
	margin-right:0;
	width:100%;
}

/* two columns - native */
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
    /*width: 42.8571428571%;*/
	width:45%;
    float: left;
    /*margin-right:14.2857142857%*/
	margin-right:10%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
    margin-right:0
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(odd) {
    clear:both
}

/* three columns - native */
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
    /*width: 23.8095238%;*/
	width:32%;
    float: left;
    /*margin-right:14.2857142857%*/
	margin-right:2%;
	margin-bottom:2%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
    margin-right:0
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n + 1) {
    clear:both
}

/* four columns - native, default */
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    /*width: 14.2857142857%;*/
	width:24%;
    float: left;
    /*margin-right:14.2857142857%*/
	margin-right:1%;
	margin-bottom:1%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
    margin-right:0
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n + 1) {
    clear:both
}

/* five columns - native */
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    /*width: 8.5714285714%;*/
	width:19%;
    float: left;
    /*margin-right:14.2857142857%*/
	margin-right:1%;
	margin-bottom:1%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
    margin-right:0
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n + 1) {
    clear:both
}

/* six columns - custom */
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-6 .flex-control-thumbs li {
    width: 16%;
    float: left;
    margin-right:.8%;
	margin-bottom:1%;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-6 .flex-control-thumbs li:nth-child(6n) {
    margin-right:0
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-6 .flex-control-thumbs li:nth-child(6n + 1) {
    clear:both
}





.woocommerce-page .hide-on-shop {
	display:none;
}

.blog .hide-on-blog, .single-post .hide-on-blog, .archive .hide-on-blog {
	display:none;
}

.woocommerce-page .hide-on-blog {
	display:block;
}





article.review-content {
	border: 0 !important;
	border-radius: 0 !important;
	background-color: #f8f8f8;
	position:relative;
}

article.review-content:after, article.review-content:before {
	content: "";
	display: block;
	position: absolute;
	top: -16px;
	left: 0;
	width: 100%;
	height: 16px;

	
	background: -webkit-linear-gradient(transparent 0,transparent 0),-webkit-linear-gradient(135deg,#f8f8f8 33.33%,transparent 33.33%),-webkit-linear-gradient(45deg,#f8f8f8 33.33%,transparent 33.33%);
	
	background-size: 0 100%,16px 16px,16px 16px;
}

article.review-content:after {
	top: auto;
	bottom: -16px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 280px;
}






.woocommerce-checkout .custom-question-field-wrapper .form-row input[type=checkbox], .woocommerce-checkout .custom-question-field-wrapper .form-row input[type=radio] {
	float: left;
	margin-top: .25em;
	margin-right: .3em;
}




.page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
	max-width: 80vw;
}