/*
Theme Name:   Sklep
Description:  Write here a brief description about your child-theme
Author:       admin
Template:     wp-bootstrap-starter
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  Sklep
*/

h1, h2, h3, h4, h5 {color: #c40000;}
body a {color: #e10b00;}
.navbar-brand a.site-title {color: #c40000;}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {color: #000;}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {color: #c40000;} 

.home #content.site-content {padding-top: 10px;}


.owl-carousel .col-xs-12.col-md-12 {background-size: cover; padding: 50px 45px; min-height: 289px;}
.owl-carousel .col-xs-12.col-md-12 h2 {color: #fff;}
.owl-carousel .col-xs-12.col-md-12 p {color: #fff;}
.owl-carousel a.more-btn {float: left;}
.owl-carousel .owl-nav {margin: 0;}
.owl-carousel .owl-nav button {position: absolute; top: 40%; outline: none;}
.owl-carousel .owl-nav button span {background-color: #e10b00; color: #fff; font-size: 40px; line-height: 30px; padding: 0 10px 10px; display: block; float: left; outline: none;}
.owl-carousel .owl-nav button.owl-prev {left: 0;}
.owl-carousel .owl-nav button.owl-next {right: 0;}

p.woocommerce-result-count {display: none;}
.woocommerce ul.products li.product .onsale {background-color: #e10b00; border-radius: 0; margin: 0; line-height: 1; min-height: inherit; padding: 10px 15px; right: 15px;}
.woocommerce span.onsale {background-color: #e10b00; border-radius: 0; margin: 0; line-height: 1; min-height: inherit; padding: 10px 15px;}

h1.dark-color, h2.dark-color, h3.dark-color, h4.dark-color, h5.dark-color {color: #000;}
.container .blue-color, .container .blue-color, .container .blue-color, .container .blue-color, .container .blue-color {color: #c40000;}
header#masthead {background-color: #f8f8f8; border: none;}

.wpcf7-submit.btn.btn-primary {background-color: #e10b00; border: none; border-radius: 0;}
.form-control {margin-bottom: 15px;}


section#frontpage-title {margin-bottom: 50px;}
.home h1.page-title {text-align: center;}
.big-box-title a.big-box {float: left; width: 100%; background-image: url('/wp-content/uploads/2019/10/slide1a.jpg'); padding: 30px 20px; height: 100%; background-size: cover}
.big-box-title a.big-box h2 {color: #fff;}
.big-box-title a.big-box p {color: #fff;}

a.small-box {float: left; width: 100%; background-color: #c40000; padding: 30px 20px; margin-bottom: 20px;}
a.small-box h2 {color: #fff; font-size: 18px;}
a.small-box p {color: #fff;}
a.small-box.last-box {margin-bottom: 0;}

.small-box-title a.small-box  {background-size: cover; background-image: url('/wp-content/uploads/2019/10/box1-2.jpg');}
.small-box-title a.small-box.last-box  {background-image: url('/wp-content/uploads/2019/10/box2-2.jpg');}

section.four-block {padding: 0 15px; margin-bottom: 25px;}
section.four-block .row {border: 1px solid #dfdfdf; padding: 30px;}
section.four-block .row .col-xs-12 {border-right: 1px solid #dfdfdf; text-align: center;}
section.four-block .row .col-xs-12:last-child {border-right: none;}

.yith-ajaxsearchform-container {margin-top: 0; margin-left: 70px;}
form#yith-ajaxsearchform input#yith-s {border: none; padding: 5px 15px; font-size: 13px; margin-bottom: 0; outline: none;}
input#yith-searchsubmit {border: none; background-color: #ce0002; color: #fff; font-weight: bold; font-size: 12px; padding: 5px 15px;}
.autocomplete-suggestions {min-width: 500px; max-width: 80vw;}
.autocomplete-suggestion .yith_wcas_result_content .title {line-height: 18px; padding-right: 10px;}


section.block-product-category-menu {text-align: center;}
section.block-product-category-menu aside {width: 100%;}
section.block-product-category-menu aside ul {display: block;}
section.block-product-category-menu aside ul li {width: 33.3333333%; float: left; padding: 15px 20px;}
section.block-product-category-menu aside ul li a {font-size: 1.3rem; border: 1px solid #eaeaea; padding: 30px 20px; font-weight: bold; color: #c40000;}

section#frontpage-twobanner {margin-bottom: 50px;}
section#frontpage-twobanner h3 {color: #fff;}


section#frontpage-twobanner a.big-box {float: left; width: 100%; min-height: 200px; background-size: cover; background-image: url('/wp-content/uploads/2019/10/bp-2.jpg'); padding: 30px 20px}
section#frontpage-twobanner a.small-box {float: left; width: 100%; min-height: 200px; background-size: cover; background-image: url('/wp-content/uploads/2019/10/blog-2-300x139.jpg');}
section#frontpage-twobanner a p, section#frontpage-twobanner a {color: #fff;}




section#product-list h2 {text-align: center;}
section#product-list .woocommerce.columns-4 a.woocommerce-LoopProduct-link {float: left; width: 100%;}
section#product-list .woocommerce.columns-4 a.woocommerce-LoopProduct-link img {width: 40%; float: left; padding-right: 10px;}
section#product-list .woocommerce.columns-4 a.woocommerce-LoopProduct-link h2 {margin-top: 20px; width: 60%; float: left; clear: initial; text-align: left;}
section#product-list .woocommerce.columns-4 a.woocommerce-LoopProduct-link span.price {width: 60%; float: left; clear: initial; text-align: left;}
section#product-list .woocommerce.columns-4 a.woocommerce-LoopProduct-link a.button {width: 60%; float: left;}


.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 0; }
.woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product {width: 20%; padding: 0 15px; margin-bottom: 20px;}
.woocommerce ul.products li.product .price {color: #c40000; text-align: center; font-weight: bold;}
.woocommerce ul.products li.product a {float: left;  padding-bottom: 15px;}
.woocommerce ul.products li.product .button {width: 100%; background-color: #c40000; margin-top: 0; color: #fff; border-radius: 0; text-align: center; padding: 15px; font-size: 0.875rem;}


section#product-list a h2 {font-size: 15px; color: #000;}


.archive #content.site-content, .single-product #content.site-content {padding: 0;}
#page-sub-header.woocommerce-products-header {align-items: center; display: flex; padding-top: 0; background-size: cover !important; background-color: #ce0901; text-align: left; padding: 80px 0 40px; background-image: url('/wp-content/uploads/2019/10/slide1a.jpg');  background-repeat: no-repeat; background-position: center right;}
#page-sub-header.woocommerce-products-header .container h1 {color: #fff; float: left; float: left; position: relative; padding-right: 10px; }
#page-sub-header.woocommerce-products-header .container h1:before {position: absolute; content: ""; top: 0; right: -30px; width: 30px; height: 100%; background-image: url('/wp-content/themes/Themestore/img/text-bg.png'); background-repeat: no-repeat; background-position: left top; background-size: cover;}


.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {padding: 0 15px; margin-bottom: 20px;}
.woocommerce ul.products li.product a h2 {text-align: center; padding: 0 10px;}

body.archive .container .row {display: block; margin-top: 70px; margin-bottom: 70px; display: inline-block;}
body.archive div#primary {width: 75%; float: right;}
body.archive div#primary ul.products.columns-4 li {width: 25%;}
body.archive div#primary ul.products.columns-3 li {width: 33.33333333%;}
body.archive aside#woocommerce_product_categories-3 {width: 25%; float: left;}



.shop-sidebar-col {float: left;}
.shop-sidebar-col aside {padding: 15px; background-color: #f8f8f8; float: left; width: 100%;}
.shop-sidebar-col [type=search] {border: none; padding: 0 15px; line-height: 42px; float: left;}
.shop-sidebar-col button {float:left; line-height: 42px; border: none; padding: 0 20px; color: #c40000; font-weight: bold;}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {color: #000;}
 
ul.product-categories.nav.flex-column li a {font-weight: 500; padding: 4px 0; color: #333333;}
ul.product-categories.nav.flex-column li ul {padding-left: 15px;}

.single-product #content.site-content .row {margin-top: 70px; margin-bottom: 70px;}
.single-product #content.site-content div#primary {width: 75%; padding: 0 15px;}
.single-product #content.site-content aside#woocommerce_product_categories-3 {width: 25%; padding: 0 15px;}

.woocommerce div.product form.cart .button {background-color: #c40000; color: #fff; border-radius: 0; text-align: center; padding: 14px 15px; font-size: 0.875rem;}
.woocommerce div.product p.price, .woocommerce div.product span.price {color: #c40000; font-weight: 500;}
.woocommerce .quantity .qty {height: 42px;}

.woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product {width: 25%;}
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product {width: 20%;}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {width: 33.33333%;}



.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color: #c40000;}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {background-color: #1d6dff;}


form.checkout.woocommerce-checkout div#customer_details {width: 50%; float: left;}

body.woocommerce-checkout section#primary form.checkout.woocommerce-checkout {float: left; width: 100%;}
body.woocommerce-checkout section#primary form.checkout.woocommerce-checkout form.checkout.woocommerce-checkout div#customer_details {float: left; width: 50%;}
body.woocommerce-checkout section#primary form.checkout.woocommerce-checkout h3#order_review_heading {float: revert; width: 50%; display: inline-block;}
body.woocommerce-checkout section#primary form.checkout.woocommerce-checkout div#order_review {float: revert; width: 50%; display: inline-block;}



div#page-sub-header.single-page {align-items: center; display: flex; padding: 80px 0 40px; text-align: left; background-image: url('/wp-content/uploads/2019/10/slide1a.jpg'); background-size: auto !important; background-repeat: no-repeat; background-position: center right; background-color: #ce0901;}
div#page-sub-header.single-page h1 {color: #fff; text-align: left; float: left; float: left; position: relative;  padding-right: 10px; }
div#page-sub-header.single-page h1:before {position: absolute; content: ""; top: 0; right: -30px; width: 30px; height: 100%; background-image: url('/wp-content/themes/Themestore/img/text-bg.png'); background-repeat: no-repeat; background-position: left top; background-size: cover;}


.container.blog-list {display: flex;}
article header.entry-header h2.entry-title {border: none; margin-top: 30px;}
article .entry-content {margin-top: 10px; margin-bottom: 30px;}
a.more-btn {margin-top: 20px; background-color: #c40000; color: #fff; border-radius: 0; text-align: center; font-weight: 500; padding: 14px 30px; font-size: 0.875rem; float: right;}


.woocommerce-billing-fields__field-wrapper span {clear: both; float: left; width: 100%;}
span.woocommerce-input-wrapper {clear: both; float: left; width: 100%;}
.woocommerce-billing-fields__field-wrapper textarea {clear: both; float: left; width: 100%;}

.woocommerce-order-received .woocommerce .col2-set .col-1, .woocommerce-order-received .woocommerce-page .col2-set .col-1 {max-width: 100%;}
.woocommerce-order-received .woocommerce .col2-set .col-2, .woocommerce-order-received .woocommerce-page .col2-set .col-2 {max-width: 100%;}


.woocommerce ul.products li.product .button:hover, .woocommerce div.product form.cart .button:hover,background-color .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {background-color: #ef0101;}
#main-nav ul li a:hover {color: #ef0101;}

footer#colophon {background-color: #1a1a1a;}


@media (min-width: 1600px) {
	.container {max-width: 1460px;}
}



@media (min-width: 769px) {
	#main-nav ul#menu-primary-menu li a {padding: 20px 10px;}
	#main-nav ul#menu-primary-menu li.menu-item-has-children {position: relative;}
	#main-nav ul#menu-primary-menu li.menu-item-has-children a {padding-right: 20px;}
	#main-nav ul#menu-primary-menu li.menu-item-has-children:before {position: absolute; content: ""; right: 5px; top: 10px; width: 0; height: 0; border-left: 5px solid transparent;	border-right: 5px solid transparent; border-top: 7px solid #b30;}
	#main-nav ul#menu-primary-menu li ul.sub-menu {display: none; background-color: #fff; list-style-type: none; z-index: 999; border: 1px solid #dcdcdc; padding-left: 0; float: left; position: absolute; top: 43px; left: 0;}
	#main-nav ul#menu-primary-menu li:hover ul.sub-menu {display: block;}
	#main-nav ul#menu-primary-menu li ul.sub-menu li.menu-item-has-children {position: relative; float: left;  width: 100%;}
	#main-nav ul#menu-primary-menu li ul.sub-menu li.menu-item-has-children:before {top: 20px;}
	#main-nav ul#menu-primary-menu li ul.sub-menu a {color: #000; font-weight: 500; font-size: 0.875rem; padding: 10px 15px; float: left; width: 100%; border-bottom: 1px solid #dcdcdc;}
	#main-nav ul#menu-primary-menu li ul.sub-menu li ul.sub-menu {position: absolute; left: 100%; min-width: 150px; top: 0; display: none;}
	#main-nav ul#menu-primary-menu li ul.sub-menu li:hover ul.sub-menu {display: block;}
}



@media (max-width: 1366px) {
	.owl-carousel .col-xs-12.col-md-12 { min-height: 336px;}
}


@media (max-width: 768px) {
	body {font-size: 15px;}
	.home div#page-sub-header {display: block; background-position: top right; height: inherit; padding-bottom: 40px; float: left; width: 100%; margin-bottom: 50px;}
	.home div#page-sub-header .container {padding-top: 70vw;}
	.home #page div#page-sub-header .container h1 {font-size: 30px;}
	.home #page div#page-sub-header .container h3 {font-size: 24px;}

	section.four-block .row .col-xs-12 {border-right: none; border-bottom: 1px solid #dfdfdf; margin-bottom: 10px; padding-bottom: 0px;}
	section.four-block .row .col-xs-12 h4 {margin-bottom: 0;}
	.woocommerce ul.products li.product .button {font-size: 15px;}
	.products span.price bdi {font-size: 18px;}
	section.four-block .row {padding: 10px 20px;}
	
	.woocommerce ul.products li.product a {width: 100%;}

	body.archive div#primary ul.products.columns-4 li, body.archive div#primary ul.products.columns-3 li {width: 50%; padding: 0 5px;}
	section#product-category-frontpage ul#menu-frontpage-category li:nth-child(2) {border-right: none;}
	section#product-category-frontpage ul#menu-frontpage-category li:nth-child(4) {border-left: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;}
	section#product-category-frontpage ul#menu-frontpage-category li:nth-child(5) {border-left: none; border-right: none;}
	section#product-category-frontpage ul#menu-frontpage-category li:nth-child(6) {border-left: 1px solid #cdcdcd;}
	section#product-category-frontpage a.more-btn {font-size: 15px; float: inherit;}
	aside#text-3 {text-align: center;}
	.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {overflow-wrap: break-word;}
	body.archive .container .row {margin-top: 30px;}


	.col-xs-12.col-md-8.big-box-title {margin-bottom: 20px;}
	section#frontpage-twobanner a.big-box {margin-bottom: 20px;}

	#page-sub-header.woocommerce-products-header .container h1 {font-size: 22px;}

	.owl-carousel .col-xs-12.col-md-12 { min-height: 40vw; background-size: contain; background-repeat: no-repeat; background-color: #ce0002; padding: 35vw 40px 20px;} 
	.owl-carousel a.more-btn {margin-top: 10px; border: 1px solid #fff;}

	#page-sub-header.woocommerce-products-header, div#page-sub-header.single-page {background-size: cover !important;}

	body.archive div#primary {width: 100%; float: left; padding: 0 15px;}
	body.archive aside#woocommerce_product_categories-3 {width: 100%; float: left; padding: 0 15px;}
	.single-product #content.site-content div#primary {width: 100%;}
	.single-product #content.site-content aside#woocommerce_product_categories-4 {width: 100%;}
	.woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product {width: 100%;}
	div#page-sub-header.single-page h1 {font-size: 28px; line-height: 1.4;}
	.entry-content p {font-size: 14px; margin-bottom: 5px;}
	.container.blog-list {display: block;}
	
	
	
	
	
	section.block-product-category-menu aside ul li {width: 50%;}

	
	
	.navbar-brand {padding: 2px 0 0 10px; margin-right: 0;}
	form#yith-ajaxsearchform input#yith-s {padding: 5px 8px;}
	.yith-ajaxsearchform-container {margin-left: 0;}
	.autocomplete-suggestions {position: fixed; top: 40px; left: 0; width: 100%;}


	header#masthead {padding: 10px 0;}
	header#masthead .container  {padding: 0;}
	#main-nav ul {padding: 0; list-style-type: none;}
	#main-nav ul#menu-primary-menu li.menu-item-has-children {position: relative; border-bottom: 1px solid #cdcdcd;}
	#main-nav ul#menu-primary-menu li.menu-item-has-children:before {position: absolute; content: ""; right: 5px; top: 10px; width: 0; height: 0; border-left: 5px solid transparent;	border-right: 5px solid transparent; border-top: 7px solid #b30;}
	#main-nav ul#menu-primary-menu li {border-bottom: 1px solid #cdcdcd; float: left; width: 100%;}
	#main-nav ul#menu-primary-menu li.menu-item-has-children a, body:not(.theme-preset-active) #masthead .navbar-nav > li > a {font-size: 14px; padding: 10px 10px;}
	#main-nav ul#menu-primary-menu li a {float: left; width: 100%; padding: 10px 10px; color: #000;}
	#main-nav ul#menu-primary-menu li.menu-item-has-children a {float: left; width: calc(100% - 50px); padding: 10px 10px; border-right: 1px solid #cdcdcd;}
	#main-nav ul#menu-primary-menu li.menu-item-has-children:before {top: 17px; right: 12px;}
	#main-nav ul#menu-primary-menu li ul.sub-menu {display: none;}
	#main-nav ul#menu-primary-menu li.open-submenu ul.sub-menu {display: block; position: relative; float: left; width: 100%; border-top: 1px solid #cdcdcd;}
	#main-nav ul#menu-primary-menu li ul.sub-menu {border: none;}
	#main-nav ul#menu-primary-menu li.open-submenu ul.sub-menu li a {font-size: 15px;}

	#main-nav ul#menu-primary-menu li ul.sub-menu, #main-nav ul#menu-primary-menu li ul.sub-menu {position: relative; float; left; width: 100%;}
	#main-nav ul#menu-primary-menu li ul.sub-menu li {float: left; width: 100%;}
	#main-nav ul#menu-primary-menu li ul.sub-menu li ul.sub-menu {position: relative; width: 100%;}
	#main-nav ul#menu-primary-menu li ul.sub-menu li ul.sub-menu {font-size: 15px;}

	#main-nav ul#menu-primary-menu ul li.menu-item-has-children:before {display: none;}
	#main-nav ul#menu-primary-menu li.open-submenu ul.sub-menu li.menu-item-has-children a {width: 100%; padding-left: 30px; color: #000;}
	#main-nav ul#menu-primary-menu li.open-submenu ul.sub-menu li.menu-item-has-children li a {padding-left: 45px;}

	.widget {font-size: 15px;}
	.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {width: 50%;}
	.woocommerce ul.products li.product .button {font-size: 14px; padding: 10px 9px;}
	

}




