/* 
*
* Style WooCommerce 
*
*/

/* Button */
.woocommerce a.button {
	border-radius: 0;
}

.woocommerce ul.products li.product .price .price-suffix {
	color: #000;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #A1AA75;
}
.woocommerce div.product p.price .price-suffix {
	font-size: 1.1rem;
	color: #000;
}

/* Archive page */
/* Woocommerce ordering */

.woocommerce .widget h3.widget-title {
	color:#1C83FB;
}

.woocommerce .woocommerce-ordering {
    margin: 0 0 0.1em;
    font-size: 16px;
}
.woocommerce-ordering { float: none !important; }

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
 color: #000;
}

.woocommerce-category-description h1 {
	font-size: 1.1rem;
	color: #444241;
}

.woocommerce ul.products li form.cart .quantity {
	display: inline-block;
	
}

.woocommerce ul.products li form.cart .quantity,
.woocommerce ul.products li .button {
	font-size: 15px;
	border-radius: 0;
}


@media (min-width:601px) {
  .woocommerce-loop-product__title {
    height: 60px;
    min-height: 60px;
  }
}

/** Change fixed height if we're on mobile or reset it to auto **/

@media (max-width:600px) {
  .woocommerce-loop-product__title {
    height: 45px;
    min-height: 45px;
  }
}

/** Alternatively you could also truncate the text on mobile **/

@media (max-width:600px) {
  .woocommerce-loop-product__title {
/*    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;*/
	height: 60px;
    min-height: 60px;
  }
}


/* Product page */
.product_meta {
	color: #444241;
}
.product_meta > span {
    display: block;
    border-top: 1px dotted #ddd;
    padding: 5px 0;
}

.product_meta > span.sku_wrapper {
	display: none;
}
.single-product h1 {
	font-size: 28px;
	color: #444241;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    width: 100px;
}

.woocommerce-product-attributes.shop_attributes {
	width: auto !important;
}

.woocommerce-product-attributes.shop_attributes tbody tr th {
	width: auto !important
}
.woocommerce-product-attributes.shop_attributes tbody tr td,
.woocommerce-product-attributes.shop_attributes tbody tr th {
	padding-left: 15px;
	padding-right: 15px;
}

/* Remove prijs van hover tip */
#tiptip_holder .woocommerce-Price-amount.amount  {
	display: none;
}

/* Product - type selector */
.wc-pao-addon-container h3 {
	font-weight: 400;
}


/* Checkout */
.woocommerce .woocommerce-checkout .col2-set .col-1,
.woocommerce .woocommerce-checkout .col2-set .col-2 {
    float: none;
    width: 100%;
}

.woocommerce form .form-row .input-checkbox {
	margin: 10px 8px 0 0;
	padding: .375rem 0rem;
}

h3#order_review_heading {
	margin-bottom: 0px;
}

.woocommerce table.shop_table {
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}
.checkout-sidebar table.shop_table {
    border: 0px solid rgba(0,0,0,.1);
    margin: 0 -1px 24px 0;
        margin-bottom: 24px;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 5px;
}
.checkout-sidebar table.shop_table th {
     line-height: 4em;
}

.checkout-sidebar td.product-name dl.variation {
 margin-top: 10px;
}

.checkout-sidebar .woocommerce-checkout-review-order .cart_item td {
	padding: 4px 12px;
	font-size: 90%;
}

.checkout-sidebar .woocommerce-checkout-review-order .cart_item {
/*	font-size: 20px;*/
}
.checkout-sidebar .woocommerce-checkout-review-order .cart_item .variation,
.checkout-sidebar .woocommerce-checkout-review-order .cart_item .product-total {
/*	font-size: 14.5px;*/
}

.checkout-sidebar #payment.woocommerce-checkout-payment {
    background: #FFF;
    border-radius: 0px;
}

.checkout-sidebar #payment div.payment_box {
    background-color: #F7F7F7;
	padding: 30px 25px;
}
.woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #f7f7f7;
        border-top-color: rgb(247, 247, 247);
        border-right-color: rgb(247, 247, 247);
        border-left-color: rgb(247, 247, 247);
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

.woocommerce-checkout #payment ul.payment_methods {
    padding: 2em;
}
.woocommerce-checkout #payment ul.payment_methods li {
    padding-bottom: .6em;
}

form .woocommerce-billing-fields .form-row {
    padding: 3px;
    margin: 0 0 15px;
}

form .woocommerce-billing-fields .form-control::placeholder {
    color: #6c757d;
    opacity: 1;
    font-weight: lighter;
}

.woocommerce-checkout #payment div.form-row {
	padding: 2em;
}
.woocommerce-checkout #payment #place_order {
    float: none;
    display: block;
    width: 100%;
    padding: 30px 30px;
    font-size: 20px;
    font-weight: 200;
	border-radius: 0;
}

.woocommerce-checkout .woocommerce form.checkout {
    margin-top: 40px;
}

.woocommerce-checkout .wpb_content_element ul li::before {
    display: inline-block;
    content: "";
    background-image: none;
    background-repeat: no-repeat;
    background-size: 70%;
    width: 1em;
    height: 0.7em;
}

.woocommerce-shipping-fields #ship-to-different-address {
	display: none !important;
}

/* - woo cat toggling elements, injected via jQuery - */

.widget_product_categories ul.product-categories.new-products li a {
	font-weight: 600;
}

/* make list item be relative, to be able to position toggle within this item, if desired */
.widget_product_categories ul.product-categories {
	list-style: none;
	padding-left: 0;
}
.widget_product_categories ul.product-categories > li {
	border-top: 1px solid #ececec;
	position: relative;
}
.widget_product_categories ul.product-categories > li:first-child {
	border-top:none;
}
.widget_product_categories ul.product-categories li a {
	line-height: 35px;
	padding: 0;
}
.widget_product_categories ul.product-categories li ul.children {
	list-style: none;
	padding-left: 20px
}
.widget_product_categories ul.product-categories > li.cat-parent {
	position: relative;	
}

.widget_product_categories a {
	color: #444241;
}
.widget_product_categories li.current-cat > a,
.widget_product_categories li.active > a,
.widget_product_categories a:hover {
	color: #A2A87A;
}
	

/* the new toggle element wrapper, which is added via jQuery */
.widget_product_categories ul.product-categories > li.cat-parent .woo-cat-toggle {
	cursor: pointer;
	display: inline-block;
	-webkit-transform: rotate(-90deg);
	transform: rotate(0deg);
	transition: all 0.2s ease;
	float: right;
	padding-top: 8px;
}
/* when it's popped, style the toggle wrapper differently */
.widget_product_categories ul.product-categories > li.cat-parent .woo-cat-toggle.cat-popped {
	-webkit-transform: rotate(0deg);
	transform: rotate(180deg);
}
/* toggle icon */
.widget_product_categories ul.product-categories > li.cat-parent .woo-cat-toggle::before {
	speak: none;
	content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
}
/* toggle icon when triggered */
.widget_product_categories ul.product-categories > li.cat-parent .woo-cat-toggle.cat-popped::before {
	
}
/* hide sub cats by default */
.widget_product_categories ul.product-categories > li.cat-parent .woo-cat-toggle ~ ul.children {
	overflow: hidden;
	max-height: 0;
	transition: all 0.2s ease;
	width: 100%;
}
/* show sub cats when triggered via jQuery toggle */
.widget_product_categories ul.product-categories > li.cat-parent .woo-cat-toggle.cat-popped ~ ul.children {
	max-height: 300px;
}

/* # WooCommerce Cart Icon CSS with FontAwesome 5
---------------------------------------------------------------------------------------------------- */

.cart-contents {
    position: relative;
    display: flex !important;
    flex-flow: column nowrap;
    justify-content: center;
	float: left;
	margin-right: 15px;
}

.cart-contents:before {
    display: flex;
	content: '';
	background-image: url("images/shopping-cart.svg") !important;
	background-size: 25px 25px;
	height: 25px;
	width: 25px;
	margin-top: 3px;
}

.cart-contents:hover {
    text-decoration: none;
}

.cart-contents-count {
	position: absolute;
    	top: 15px;
   	right: 1px;
   	transform: translateY(-105%) translateX(25%);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
   	width: 22px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
    	background: #EA2D4D;
    	border-radius: 50%;
    	padding: 1px;  
}

/* Breadcrumbs */
.archive.woocommerce .woocommerce-breadcrumb {
	font-size: .92em !important;
	margin-bottom: 0;
	color: #000000;
}

@media (min-width: 768px) {
	.archive.woocommerce .woocommerce-breadcrumb {
		font-size: .92em !important;
	}	
}

.woocommerce .woocommerce-breadcrumb a {
    color: #000000;
}

/* Mijn Account pagina */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    padding: 8px;
}


/* Shop Buttons */
.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

	background:#1264B6 !important;
	background-color:#1264B6 !important;
	color:white !important;
	text-shadow: transparent !important;
	box-shadow: none;
	border-color:#1264B6 !important;
	font-weight: 400;
	transition: 0.3s;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {
	background:#1264B6 !important;
	background-color:#1264B6 !important;
	color:white !important;
	text-shadow: transparent !important;
	box-shadow: none;
	border-color:#1264B6 !important;
	font-weight: 400;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

	background: #1C83FB !important;
	color:white !important;
	text-shadow: transparent !important;
	border-color:#1C83FB !important;
	font-weight: 400;
	transition: 0.3s;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

	background: #1C83FB !important;
	box-shadow: none;
	text-shadow: transparent !important;
	color:white !important;
	border-color:#1C83FB !important;
	font-weight: 400;

}

/* Woo Pagination */
.woocommerce-pagination {
	margin-bottom: 40px;
}

.woocommerce nav.woocommerce-pagination ul li {
	border-right: 4px solid #fff;
	background: white !important;
}
.page-numbers {
	border: none !important;
}
.woocommerce-pagination .page-numbers a {
	display: block !important;
	background: #fff !important;
	color: #000 !important;
	padding: 10px 14px !important;
	border:  1px solid #ccc !important
}
.woocommerce-pagination .page-numbers a:hover {
	display: block !important;
	background: #A2A87A !important;
	color: #000 !important;
	color: #fff !important;
	border: 1px solid #A2A87A !important;
}
.woocommerce-pagination .page-numbers .current{
	padding: 10px 14px !important;
	background: #A2A87A !important;
	color: #fff !important;
	border: 1px solid #A2A87A !important;
}
.woocommerce-pagination a.next.page-numbers,
.woocommerce-pagination .prev.page-numbers {
	border: 1px solid #fff !important;
}

/* Filter */
.wfpTitle.wfpClickable {
	font-weight: 600;
	color: #444241;
}


/* Tabs product page */


.woocommerce div.product .woocommerce-tabs ul.tabs {
 list-style:none;
 padding:0 0 0 1em;
 margin:0 0 1.618em;
 overflow:hidden;
 position:relative
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
 border:1px solid #d3ced2;
 background-color:#ebe9eb;
 display:inline-block;
 position:relative;
 z-index:0;
 border-radius:4px 4px 0 0;
 margin:0 -5px;
 padding:0 1em
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
 display:inline-block;
 padding:.5em 0;
 font-weight:700;
 color:#515151;
 text-decoration:none
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
 text-decoration:none;
 color:#6b6a6b
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
 background:#fff;
 z-index:2;
 border-bottom-color:#fff
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
 color:inherit;
 text-shadow:inherit
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
 box-shadow:2px 2px 0 #fff
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
 box-shadow:-2px 2px 0 #fff
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
 border:1px solid #d3ced2;
 position:absolute;
 bottom:-1px;
 width:5px;
 height:5px;
 content:" ";
 box-sizing:border-box
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
 left:-5px;
 border-bottom-right-radius:4px;
 border-width:0 1px 1px 0;
 box-shadow:2px 2px 0 #ebe9eb
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
 right:-5px;
 border-bottom-left-radius:4px;
 border-width:0 0 1px 1px;
 box-shadow:-2px 2px 0 #ebe9eb
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
 position:absolute;
 content:" ";
 width:100%;
 bottom:0;
 left:0;
 border-bottom:1px solid #d3ced2;
 z-index:1
}
.woocommerce div.product .woocommerce-tabs .panel {
 margin:0 0 2em;
 padding:0
}

/* Order ontvangen */
.woocommerce-thankyou-order-received {
	font-size: 26px;
	font-weight: 400;
	color: #a1aa75;}

/* Gallery slider product page */
/* Thumbsize op productpagina */
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    width: 100px;
}
.wpgs-nav .slick-slide {
    width: 100px !important;
}

/* Productgallery arrows */
.woocommerce-product-gallery .slick-arrow {
/*	opacity: .0;*/
}

#tab-allergenen-informatie .intolleranze {
	display: none;
}

/* Gerelateerde producten */
.woocommerce ul.products li.product .button {
    margin-top: 0em;
}


/* Order-overview */
.woocommerce-order-overview .woocommerce-order-overview__payment-method {
	display: none;
}

/* Badges */
.woocommerce span.onsale {
	background-color: #E73150;
}

/* Custom badges */
.woocommerce ul.products li.product .custombadge {
	min-height: 3.236em;
	min-width: 3.236em;
	padding: .202em;
	font-size: 1em;
	font-weight: 700;
	position: absolute;
	text-align: center;
	line-height: 3.236;
	top: -.5em;
	left: -.5em;
	margin: 0;
	border-radius: 100%;
	background-color: #77a464;
	color: #fff;
	font-size: .857em;
	z-index: 9;
}
.woocommerce ul.products li.product .custombadge {
    top: 0;
    right: 0;
    left: auto;
    margin: -.5em -.5em 0 0;
	z-index: 10;
}

/* YITH Wishlist */
.wishlist-items-wrapper .product-add-to-cart .quantity {
	display: inline-block;
}