/*
Theme Name: Ginkelsshop 2022
Theme URI: https://www.mennobouma.com/
Author: Menno Bouma
Author URI: https://www.mennobouma.com/
Description: Woocommerce thema door Menno Bouma.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: ginkelsshop

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.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */

*, input {font-family: 'Open Sans', sans-serif;}
body,html {color:#000; margin: 0px; padding: 0px; font-size: 14px; line-height: 20px;  }
h1,h2,h3,h4,h5,h6, ul, p {margin-bottom: 15px; margin-top: 0px; }
h1,h2,h3,h4,h5,h6, h2 a, h3 a { font-family: 'PT Serif', serif !important; text-transform: uppercase; }
h2,.h2 {font-size: 3rem; text-transform: none; }
img {max-width: 100%; height: 100%; }
img.alignright {float: right; }
.home #primary h2 {text-align: center; }
	.home #primary .highlight h2 {text-align: left; }
.entry-content ol {margin-left: 20px;}
.sep-wrap {float:left; margin-bottom: 15px; width: 100%}
	.sep {background: #e4c7be; height: 1px; margin: 0px auto; width: 125px; }
a img:hover {cursor: pointer;}

body ul, body ol {margin: 0px; padding: 0px; }
.green {color: #c5de6d; }
.pink {color:#e4c7be; }
body a {color: #e4c7be; }
a:hover, a img:hover {color:#000; cursor: pointer; }
a.button {background:#000; padding: 15px 20px; border-radius: 10px; color: #fff; text-align: center; }
	a.button.pink {background: #e4c7be; color: #fff;  }
		.category a.button.pink {float: left; }
		a.button i {margin-bottom: -1px; margin-left: 5px; }
			a.button:hover {text-decoration: none; font-weight: bold;}
.excerpt a {display: none; }
.page-wrap {overflow: hidden; }
.center {max-width: 1100px; width: 100%; margin: 0px auto; position: relative; }
.page-wrap, .topbar-wrap, header, .search-mobile, #site-navigation, .menu-hoofdmenu-container, .banner-wrap, .zakelijke-klant, #content, .bottom-wrap, footer {float: left; position: relative; width: 100%;}
.topbar-wrap {background: #e4c7be;/* border-bottom-left-radius:50%;border-bottom-right-radius:50%;*/color: #000; padding: 6px 0px; }
.topbar-wrap ul {float:right; margin: 0px; }
	.topbar-wrap ul li {float: left; list-style: none; margin-left: 15px; }
		.topbar-wrap a {color: #000;}

header {padding: 20px 0px 0px 0px; }
	header .aws-container {margin-top: 35px;}
		header .search-mobile .aws-container {margin: 10px; }
	a.logo {background: url("images/ginkelsshop-logo-2022.jpg") top center no-repeat; background-size: contain; float: left; width: 100%; height: 115px; margin-top: 15px;}
	form#searchform {float: left; width: 100%; position: relative; margin-top: 30px;}
		form#searchform input[type="text"] {width: 100%; position: absolute; height: 40px; left: 0px; top: 0px; padding: 0px 10px;}
		form#searchform input[type="submit"] {background: #E15E32 url("images/icon-search.png") no-repeat center center; position: absolute; right: 0px; top: 0px; height: 40px; width: 40px; border: none; text-indent: 9999px; overflow: hidden;  }
		form.aws-search-form .aws-wrapper {display: none; }
			form.aws-search-form:hover .aws-wrapper {display: block;}
			body .aws-container .aws-search-form .aws-form-btn {background: none; border: none;}
	header .customer-service {/*background: url("images/klantenservice-van-ginkels.png") no-repeat right bottom; */ width: 100%; height: 115px; padding-top: 35px; float: left; text-align: right; }
		header .customer-service p {margin-bottom: 5px;} 
		header .customer-service p.pink {font-size: 20px;}
	#site-navigation {background: #000; border-bottom: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; }
		#site-navigation ul {margin: 0px; padding: 0px; text-align: center; float: left; width: 100%;}
			#site-navigation ul li {display: inline-block; list-style: none; }
				#site-navigation ul li a {color:#fff; float: left; padding: 20px 15px 15px 15px; text-transform: uppercase; }
					#site-navigation img {height: auto; width: auto; }
					#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link>img.wpml-ls-flag, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link>img.iclflag {margin-top: -3px;}

.banner-wrap {}
	ul.usps {position: relative; float: left; background: #fff; width: 100%; text-align: center; top: 0px; left: 0px; opacity: 0.8; margin: 0px; z-index: 2; }
		ul.usps li {display: inline-block; padding: 10px; }
			.home ul.usps {margin-bottom: -45px; }
	.banner {width: 100%; background: #fff; position: relative; top: 0px; left: 0px; }
		.banner-content {padding-top: 130px; color: #fff;}
			.banner-content h2 {font-size: 28px; margin-bottom: 20px; line-height: 45px; }
				.banner-content h3 {font-size: 50px; font-family: 'Handlee', cursive; text-transform: none; }
				.banner-content a.button {float: left; margin-bottom: 20px; width: 100%; }
				
.breadcrumb-wrap {background: #eee; float: left; margin-bottom: 20px; padding: 10px 0px; width: 100%; }
	.breadcrumb-wrap p {margin: 0px; }
	
.single-product #content {padding-top: 30px;}
.highlight {background: #f2f2f2; }
	.highlight.hl-white {background: #fff; }
	.highlight-text {padding-top: 60px;}
		.highlight-text p {font-size: 17px; line-height: 32px; }
		.highlight-text a {background: #e4c7be; color: #fff; padding: 5px 10px; border-radius: 3px; font-size: 15px; }
			.highlight-text a:hover {background: #000; text-decoration: none; }
	.highlight-image {padding: 40px 0px;}
		.highlight-image p {margin: 0px; }
	.highlight hr {border-top: 1px solid #fff; display: inline-block; height: 1px; width: 125px; margin: -10px 0px 10px; }
	
.zakelijke-klant {}
	.zakelijke-klant a {position: absolute; right: 0px; top: -20px; color: #fff; background: #e15e32; padding: 5px 10px; border-radius: 0px 0px 10px 10px;}
		.home .zakelijke-klant a {top: 0px; }
	.c2a-zakelijk {float: left; text-align: center; padding: 30px 30px 10px 30px; background: #eee; width: 100%; margin: 30px 0px;}

ul.productfilters {margin-bottom: 20px; float: left; width: 100%; }
	section.widget_layered_nav select, .woocommerce-ordering select {background: #eee; border-radius: 5px; color: #000; border: none; height: 40px; width: 100%; }

ul.themeblokken-home {float: left; width: 100%; margin: 30px 0px; }

ul.blogs {}
	ul.blogs li {/*background: url("images/bg-product-item.png") no-repeat center bottom -120px; */ list-style: none; text-align: center;  }
		ul.blogs li a.thumb {width: 100%; float: left; margin-bottom: 15px; max-height: 150px; overflow: hidden; }
			ul.blogs li a.thumb img {width: 100%; height: auto; min-height: 150px; }
				ul.blogs h3 {padding: .5em 0;margin: 0px 0px 0px 0px;font-size: 16px; text-align: center; float:left; min-height: 57px; width: 100%; }
					ul.blogs h3 a {color: #000; }
						ul.blogs a.button {border-radius: 3px; padding: 5px 10px; display: inline-block; max-width: 150px; }
							ul.blogs .excerpt {float: left; width: 100%; margin-bottom: 15px;}
						
.category article {border-bottom:1px solid #eee; padding-bottom:30px; margin-bottom:30px; float: left; width: 100%;}
	.category .post-thumbnail {float: left; padding: 20px; border: 1px solid #eee; width: 100%; }
		.category .post-thumbnail img {max-width: 100%;height: auto; }
		.category article header {padding: 0px; }
		
.single-product.bedrijf_eu .wholesale_price_container .woocommerce-Price-amount { text-decoration-color: #B3B3B3 ; }
	.order-quantity-based-wholesale-pricing-view.table-view {width: 100%;}
		.single-product .related.products .order-quantity-based-wholesale-pricing-view.table-view {margin: 10px 0px 5px; }

.single .post-thumbnail {margin-bottom: 15px; }

body.search-results article {border: 1px solid #f1f1f1; padding: 20px; min-height: 370px;}
			
body .woocommerce ul.products, body.woocommerce ul.products { margin-bottom: 20px; }
body .woocommerce ul.products li.product, body .woocommerce-page ul.products li.product, body.woocommerce ul.products li.product { /* background: url("images/bg-product-item.png") no-repeat center bottom -20px;*/ margin: 0px; padding: 15px; width: 25%; text-align: center;  }
	body .woocommerce ul.products li.product.first, body.woocommerce ul.products li.product.first {}
		body .woocommerce ul.products li.product h2 {text-align: center; }
			body .woocommerce ul.products li.product a.woocommerce-loop-product__link, body.woocommerce ul.products li.product a.woocommerce-loop-product__link {color: #2b2829; float:left; padding: 0px 10px; }
				body.woocommerce ul.products li.product.first a.woocommerce-loop-product__link {padding: 0px 10px 0px 0px;}
				body.woocommerce ul.products li.product.last a.woocommerce-loop-product__link {padding: 0px 0px 0px 10px;}
				body .woocommerce ul.products li.product .onsale, body.woocommerce ul.products li.product .onsale, .woocommerce span.onsale {background: url("/wp-content/themes/ginkelsshop2021/images/icon-sale-2.png");display:none !important; width: 50px;height: 50px;left: 0px;margin: 0px;text-indent: 999px; border-radius:0px; top: 0px; }
	body .woocommerce ul.products li.product .price, body.woocommerce ul.products li.product .price {color:#000; text-align: center; margin-bottom: 0px; }
		body .woocommerce ul.products li.product .price {font-size: 1em;}
		body .woocommerce ul.products li.product .price del, body .woocommerce ul.products li.product .price ins, body.woocommerce ul.products li.product .price del, body.woocommerce ul.products li.product .price ins {display: inline-block; }
		body .woocommerce ul.products li.product .price del, body.woocommerce ul.products li.product .price del {color: #2b2829; }
		body .woocommerce ul.products li.product .price ins, body.woocommerce ul.products li.product .price ins {color:#e4c7be; }
		body .woocommerce ul.products li.product .button:hover, body.woocommerce ul.products li.product .button:hover {background: #e4c7be; color: #fff;}
		body .woocommerce ul.products li.product .woocommerce-loop-category__title, body .woocommerce ul.products li.product .woocommerce-loop-product__title, body .woocommerce ul.products li.product h3 {font-size:16px; min-height: 70px;}
		.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {min-height: 70px;}
		.woocommerce ul.products li.product a img {max-width: 300px; max-height: 285px;}
body .entry-summary {display: none; }
	body .summary.entry-summary {display: block; }
	
.woocommerce div.product div.images.woocommerce-product-gallery {border: 1px solid #eee; padding: 20px; }
	.woocommerce div.product p.price, .woocommerce div.product span.price {color: #000; }
	.woocommerce .quantity .qty {height: 40px; }

	
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background: #e4c7be; }
	#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {background: #000; }
		.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {float: left; }
		
p.wc-terms-and-conditions span {display: inline; padding-left: 20px; }
	p.wc-terms-and-conditions span.required {padding-left: 0px; }
body .woocommerce form .form-row .input-checkbox {margin-top: 9px;}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {width: 100%;}
		
.woocommerce-info {border-top-color: #e4c7be; float: left; width: 100%; }
	.woocommerce-info::before {color: #e4c7be; }
	
.woocommerce-cart .wc-proceed-to-checkout {
    display: block!important;
}

.home #primary .section {float:left; width:100%; }

/* Wholesale */
.category .price-1, .price-4, .category .price-2 .price-text, .category .price-3 .price-special-text {display: none; }
.wwp-wholesale-pricing-details {text-align: center; }
	.single .wwp-wholesale-pricing-details {text-align: left;}
	.wwp-wholesale-pricing-details s p.price-2, .wwp-wholesale-pricing-details p.price-3 {display: inline-block; margin-bottom: 0px;}
		.wwp-wholesale-pricing-details s p.price-2 {margin-right: 10px; text-decoration: line-through; }
			.wwp-wholesale-pricing-details p {margin-bottom: 0px; }
#wwlc-registration-form input {width: 100%; max-width: 500px; }
	#wwlc-registration-form input[type=button] {background: #E15E32; border: none; color: #fff; }
		#wwlc-registration-form .form-control {float: left; margin-right: 10px; width: auto; display: inline;  }
		.wholesale_customer #content {margin-bottom: 30px;}
		.page-id-5014 .widecolumn {    max-width: 1100px;    margin: 0px auto;    width: 100%;    float: none !important;    background: #eee;    padding: 25px 20px 10px 20px;    margin-bottom: 20px;}

.bottom-wrap {padding-bottom: 20px; }
	.bottom-wrap img {position: relative; bottom: -35px; }

footer#colophon {background: #000; padding-top:40px; color: #fff; }
	footer#colophon section {padding-bottom: 20px;}
	footer#colophon ul {float:left; width:100%; margin-bottom: 20px; }
		footer#colophon section li {list-style: none; }
			footer#colophon section ul a {color: #fff; padding: 0px; float: left; width: 100%;}
				footer#colophon a {color: #fff; }
			.debug {float:left; width:100%; text-align: center; padding: 20px 0px; border-top: 1px solid #383435;  }
				.debug a {color: #fff;}

/* Checkout */
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {max-width: 48%; width: 100%;}
.woocommerce-input-wrapper {width: 100%; }

/* parallax */
.parallax {
  /* Set a specific height */
  min-height: 250px;
  text-align: center;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-home-1 {background-image: url("images/800px-Cosmetologist_applying_skincare_treatment.jpg"); }
.parallax-home-2 {background-image: url("images/beauty-care-1.jpg"); }
.parallax-home-3 {background-image: url("images/iStock-883019542.jpg"); }
.parallax h1, .parallax h2 {color:#fff; line-height: 250px; margin: 0px; text-shadow: 1px 2px 15px #000; }
			
@font-face {
font-family: 'Eurostile';
font-style: normal;
font-weight: normal;
src: local('Eurostile'), url('fonts/eurostile.woff') format('woff');
}


@font-face {
font-family: 'EuroStyle Normal';
font-style: normal;
font-weight: normal;
src: local('EuroStyle Normal'), url('fonts/EuroStyle Normal.woff') format('woff');
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;
}

@media screen and (max-width: 768px) {
	h2,h3,h4,h5,h6 {text-align: center; }
    .topbar-wrap {text-align: center; }
    .topbar-wrap ul {float: left; width: 100%;}
    .topbar-wrap ul li {display: inline-block; float: none; }
    header .aws-container {margin-bottom:0px; margin-top: 0px; }
    header a.logo {margin-top: 0px; }
    form#searchform {margin-bottom: 20px;}
    header .customer-service {background: none; height: auto; text-align: center;}
    .home ul.usps {margin-bottom: 0px; }
    .banner {background: #c5de6d;}
    	.banner-content {padding-top: 50px; }
    footer#colophon {border-radius: 0px; text-align: center !important;}
    
	body .woocommerce ul.products li.product, body .woocommerce-page ul.products li.product, body.woocommerce ul.products li.product { width: 50%; }
}

/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	min-width: inherit;
	padding: 0.875em;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}