/*
==  WOOCOMMERCE THEME DETAILS  ============================================================
    Theme Name: Café de Brink Den Ham
	Theme URI: https://www.cafedebrinkdenham.nl/
    Description: Woomcommerce Stylesheet Café de Brink Den Ham
    Version: 1.0
   	Author: Communicatiebureau Fenomediaal
    Author URI: https://www.fenomediaal.nl/
===============================================================================
*/

/*---------------------------------------------- 
	1. Basics
------------------------------------------------*/
	.woocommerce a {
		color: #1D1D1B;
	}

	.woocommerce a:hover {
		color: #FEC652;
	}

	.woocommerce .button ,
	.woocommerce button {
		font-family: 'Titillium Web', sans-serif;
		font-size: 1rem !important;
		font-weight: 700 !important;
		line-height: 1.5rem !important;
		padding: 0.9rem 1rem !important;
		background: #FEC652 !important;
		color: #FFF !important;
		text-align: center;
		margin: 0 !important;
		border-radius: 0 !important;
		display: inline-flex !important;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
	}

	.woocommerce .add_to_cart_button:before ,
	.woocommerce button.single_add_to_cart_button:before {
		font-family: 'icomoon' !important;
		color: #1D1D1B !important;
		content: "\e900";
		font-style: normal;
	  	font-weight: normal;
	  	font-variant: normal;
		display: inline-block;
		padding-right: 0.75rem;
	}

	.woocommerce button:before {
		font-size: 2rem;	
	}

	.woocommerce .button:before {
		font-size: 1.25rem !important;
	}

	.woocommerce .button:hover {
		background: #1D1D1B !important;
	}

	.woocommerce .add_to_cart_button:hover:before ,
	.woocommerce button.single_add_to_cart_button:hover:before {
		color: #FEC652 !important;	
	}

	.woocommerce select {
		font-size: 0.8rem;
		border-color: #C4C4C4;
		width: 100%;
		height: 50px;
		padding: 0 0.5em;
		background-image:url(../images/dropdown-select.svg) !important;
		background-repeat:no-repeat;
		background-position: right !important;
		-webkit-appearance: none;
		appearance:none;
		-moz-appearance: none;
		background-size: 44px 20px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	.woocommerce select::-ms-expand {
   		display: none;
	}

	.woocommerce h2 {
		font-size: 1.5rem;
		margin-bottom: 1.5rem;
	}

	.woocommerce .content-block p + p {
		margin: 0 !important;
	}

	.woocommerce .content-block a {
		color: #FEC652;
	}

	.woocommerce label {
		font-size: 0.8rem;
		font-weight: 600;
		margin-bottom: 0.25rem !important;
	}

	.woocommerce-Price-currencySymbol {
		padding-right: 0.2em;
	}

	.woocommerce ins {
		text-decoration: none !important;
		font-weight: 700;
	}

	.woocommerce #respond input#submit.added::after, 
	.woocommerce a.button.added::after, 
	.woocommerce button.button.added::after, 
	.woocommerce input.button.added::after {
		display: none !important;
	}

  	.woocommerce .woocommerce-form-login input.woocommerce-Input ,
	.woocommerce .woocommerce-form-login span.password-input {
		width: 100% !important;
		max-width: 20rem !important;
	}

/*---------------------------------------------- 
	2.1 Winkeloverzicht
------------------------------------------------*/
	.woocommerce ul.products {
		margin: 0;
	}

	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product {
		padding: 0.75rem;
		background: #FFF;
		border: none;
		border-radius: 0;
		position: relative;
		-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
	}

	.woocommerce ul.products li.product img {
		order: -1;
		margin-bottom: 0.5rem !important;
	}

	.woocommerce a.woocommerce-loop-product__link {
		display: flex;
		flex-direction: column;
	}
	
	
	.woocommerce ul.products li.product span.category{
		display: block;
		order: 1;
	}
		
	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: 1rem;
		font-weight: 700 !important;
		padding: 0 0 0.5rem 0;
		line-height: 1.5rem;
		display: block;
		min-height: 3.5rem;
		order: 2;
	}

	.woocommerce ul.products li.product p {
		display: none;
		visibility: hidden;
	}

	.woocommerce ul.products li.product .add_to_cart_button {
		position: absolute !important;
		bottom: 0.75rem !important;
		right: 0.75rem !important;
	}

	.woocommerce ul.products li.product .price {
		font-size: 1.25rem !important;
		line-height: 3.3rem;
		color: #A69992 !important;
		font-weight: 700;
		display: inline-block;
		margin: 0;
		order: 3;
	}

	.woocommerce ul.products li.product a.added_to_cart {
		font-size: 0.8rem !important;
		color: #FEC652 !important;
		padding-top: 0 !important;
		bottom: -45px !important;
		left: 15px;
		position: absolute !important;
	}

	@media all and (max-width : 992px) {
		.woocommerce ul.products[class*=columns-] li.product , 
		.woocommerce-page ul.products[class*=columns-] li.product {
			width: 30.75%;
		}
		.woocommerce ul.products[class*=columns-] li.product.featured {
			width: 46% !important;
		}
	}

	@media all and (max-width : 767px) {
		.woocommerce ul.products[class*=columns-] li.product , 
		.woocommerce-page ul.products[class*=columns-] li.product ,
		.woocommerce ul.products[class*=columns-] li.product.featured {
			width: 100% !important;
		}
	}

/*---------------------------------------------- 
	2.2 Sidebar
------------------------------------------------*/
	.woocommerce #sidebar .filter {
		padding: 1.5rem 1rem;
	}

	.woocommerce #sidebar .filter h4 {
		font-size: 1.15rem;
		margin-bottom: 0.5rem;
	}

	.woocommerce #sidebar .filter .facetwp-facet {
		margin-bottom: 0;
	}

	.woocommerce #sidebar .filter input.facetwp-search {
		font-size: 0.75rem;
		width: 100%;
		border: 0;	
		border-radius: 0;
		padding-left: 1rem;
		padding-right: 1rem;
		height: 2.5rem;
	}

	.woocommerce #sidebar .filter .facetwp-input-wrap {
		display: block;
	}

	.woocommerce #sidebar .filter .facetwp-facet .facetwp-checkbox ,
	.woocommerce #sidebar .filter .facetwp-facet .facetwp-slider-label {
		font-size: 0.75rem;
		line-height: 1.5rem;
	}

	.woocommerce #sidebar .filter .facetwp-toggle {
		font-size: 0.75rem;
		color: #FEC652;
	}

	.woocommerce #sidebar .filter .facetwp-facet .facetwp-slider-wrap {
		padding: 0.5rem 0;
	}

	.woocommerce #sidebar .filter .facetwp-facet .facetwp-slider-reset {
		font-size: 0.75rem;
		padding: 0.2rem 1rem;
		border-radius: 0;
		box-shadow: none;
	}

	.woocommerce #sidebar .filter .facetwp-facet .facetwp-counter {
		display: none;
	}



/*---------------------------------------------- 
	3. Single Product
------------------------------------------------*/
	.woocommerce div.product div.images {
		margin: 0 0 1.5rem 0;
	}

	.woocommerce div.product div.images .flex-control-thumbs{
		padding-left: -2.5px;
		padding-right: -2.5px;
	}

	.woocommerce div.product div.images .flex-control-thumbs li {
		padding: 0.75em 2.5px;
	}

/* Product content -------------------------------------- */
	.woocommerce div.product div.summary {
		margin: 0;
		display: flex;
		flex-direction: column;
	}

	.woocommerce .product h1.product_title {
		margin-bottom: 1rem !important;
		order: 1;
	}	

	.woocommerce .product .product_meta .posted_in ,
	.woocommerce .product .product_meta .tagged_as {
		display: none;
	}

	.woocommerce .product p {
		margin: 0;
	}

	.woocommerce .product h3 {
		font-size: 1.25rem !important;
		color: #000 !important;
		margin-bottom: 0.4em;
	}
	
	.woocommerce .product .woocommerce-product-details__short-description p ,
	.woocommerce .product .product_meta span {
		font-size: 0.9rem;
	}

	.woocommerce .product .woocommerce-product-details__short-description {
		margin-bottom: 1rem;
		order: 2;
	}

	.woocommerce .product table {
		border: none;
	}

	.woocommerce table.shop_attributes {
		min-height: 90px;
		margin-bottom: 0.5rem;
		order: 3;
	}

	.woocommerce table.shop_attributes tr {
		vertical-align: top !important;
	}

	.woocommerce table.shop_attributes td {
		font-size: 0.9rem;
		line-height: 2rem;
		border: none;
		font-style: normal;
	}

	.woocommerce table.shop_attributes th {
		font-size: 0.9rem;
		line-height: 2rem;
		font-weight: 700;
		color: #A69992;
		padding: 0;
		border: none;
		width: 30%;
	}

	.woocommerce table.shop_attributes tr:nth-child(even) td, 
	.woocommerce table.shop_attributes tr:nth-child(even) th {
		background: none !important;
	}

	.woocommerce table.shop_attributes td p {
		padding: 0;
	}

	.woocommerce span.onsale {
		display: none;
	}

/* Price -------------------------------------- */
	.woocommerce .product p.price {
		font-size: 1.75rem !important;
		font-weight: 700 !important;
		color: #000 !important;
		text-align: right;
		margin: 0.5rem 0 1rem 0 !important;
		order: 3;
	}

	.woocommerce div.product form.cart  {
		text-align: right;
		margin: 0;
		display: flex !important;
		-ms-flex-pack: end!important;
    	justify-content: flex-end!important;
		order: 7;
		-webkit-box-orient: vertical!important;
		-webkit-box-direction: normal!important;
		-ms-flex-align: end!important;
    	align-items: flex-end!important;
		-ms-flex-direction: column;
    	flex-direction: column;
	}

	.woocommerce div.product form.cart .button {
		font-weight: 700 !important;
		font-size: 0.75rem;
		height: 3.25rem;
	}

	.woocommerce .quantity .qty {
		width: 3.5rem;
		height: 3.25rem;
	}

	.woocommerce div.product form.cart div.quantity ,
	.woocommerce div.product form.cart .button  {
		float: none;
		display: inline-block;
	}

	.woocommerce .product p.stock {
		font-size: 0.8rem !important;
		color: #58AD4B;
		padding: 0 0 0.5rem 0;
		display: inline-block;
		order: 5;
		text-align: right;
	}

/* Product tabs -------------------------------------- */
	.woocommerce .woocommerce-tabs {
		margin-top: 1.5rem;
	}

	.woocommerce .line {
		float: left;
		width: 100%;
		clear: none;
		display: block;
	}

	.woocommerce .line hr {
		border-color: #FEC652;
		margin: 1.5rem 0;
	}

	.woocommerce .product-info {
		float: left;
		width: 100%;
		clear: none;
	}

/*---------------------------------------------- 
	4. Winkelwagen
------------------------------------------------*/
	.woocommerce table.shop_table {
		border: none !important;
		border-radius: 0;
	}

	.woocommerce table.shop_table tbody ,
	.woocommerce table.shop_table tbody th ,
	.woocommerce table.shop_table tbody strong {
		font-size: 0.9rem;
		color: #000;
	}

	

	.woocommerce table td.product-thumbnail {
		text-align: center !important;
	}

	.woocommerce table td.product-thumbnail img {
		width: 100px;
	}

	.woocommerce a.remove:hover {
		color: #8E8E93 !important;
		background: none !important;
	}

	.woocommerce .cart-collaterals .cart_totals {
		width: 100%;
	}

	.woocommerce .cart_totals th { 
		text-align: left !important;
		font-weight: normal !important;
	}

	.woocommerce .cart_totals td {
		text-align: right !important;
	}

	.woocommerce table.shop_table .order-total {
		border-top: 1px dashed #56198E !important;
	}

	.woocommerce .wc-proceed-to-checkout {
		text-align: right !important;
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow b {
		margin: 8px 0 0 0;
		left: -5px;
	}

	
	.woocommerce ul#shipping_method li {
		margin: 0;
	}

	p.woocommerce-shipping-destination {
		display: none;
	}

	@media all and (max-width: 754px) {
		.woocommerce .product-remove a.remove {
			position: relative;
		}
		.woocommerce .product-remove a.remove:after {
			content: "Verwijderen";
			font-size: 0.8rem;
			bottom: 2px;
			position: relative;
			padding-left: 0.3rem;
		}
	}

	@media all and (max-width: 550px) {
		.woocommerce-error, 
		.woocommerce-info, 
		.woocommerce-message {
			padding: 1rem 2.75rem;
		}
		.woocommerce-message::before {
			display: none !important;
		}
		.woocommerce .woocommerce-error .button, 
		.woocommerce .woocommerce-info .button, 
		.woocommerce .woocommerce-message .button, 
		.woocommerce-page .woocommerce-error .button, 
		.woocommerce-page .woocommerce-info .button, 
		.woocommerce-page .woocommerce-message .button {
			float: none;
			display: block !important;
		}
	}

/*---------------------------------------------- 
	5. Afrekenen
------------------------------------------------*/
	.woocommerce form .form-row.create-account {
		margin-top: 0 !important;
	}

	.woocommerce .create-account .input-checkbox {
		margin-top: 0 !important;
	}

	.woocommerce .create-account .woocommerce-form__label-for-checkbox {
		padding-left: 0 !important;
	}

	.woocommerce .woocommerce-billing-fields h3 ,
	.woocommerce .woocommerce-shipping-fields h3,
	.woocommerce h3#order_review_heading {
		margin-bottom: 1rem !important;
	}

	.woocommerce .woocommerce-additional-fields h3 {
		font-size: 1.25rem;
		margin-bottom: 0.5rem !important;
	}

	.select2-container--default .select2-results__option--highlighted[aria-selected], 
	.select2-container--default .select2-results__option--highlighted[data-selected] {
		background-color: #FEC652;
	}

	.woocommerce .col2-set .col-1 , 
	.woocommerce-page .col2-set .col-1,
	.woocommerce .col2-set .col-2, 
	.woocommerce-page .col2-set .col-2 {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		float: none;
		padding: 0 !important;
	}

	.woocommerce form .form-row label {
		padding-left: 0;
		width: 100%;
	}

	.woocommerce form .form-row input.input-text, 
	.woocommerce form .form-row textarea ,
	.select2-container--default .select2-selection--single ,
	.woocommerce form .form-row select ,
	.woocommerce form .coupon input {
		background-color: #F2F2F2 !important;
		height: 50px;
    	font-size: 16px;
    	line-height: 1.5;
    	background-image: none;
    	border: 0;
		margin: 0;
		padding: 0 10px;
		box-shadow: none;
		border-radius: 0;
		display: block !important;
	}

	.woocommerce form .woocommerce-billing-fields__field-wrapper .form-row {
		margin: 0 0 1.5rem 0 !important;
		padding: 0;
	}

	.select2-container--default .select2-selection--single {
		margin: 0 !important;	
	}

	.select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 45px !important;
		font-size: 0.8rem;
	}

	.woocommerce form span.woocommerce-input-wrapper {
		display: block;
		width: 100%
	}

	.woocommerce form .form-row textarea {
		height: 6em !important;
		padding: 1em !important;
		width: 100% !important;
	}

	.woocommerce #ship-to-different-address .checkbox {
		margin-left: 0 !important;
		padding: 0 !important;
	}

	.woocommerce #order_review table th ,
	.woocommerce #order_review table td.product-name {
		font-size: 0.9rem;
		text-align: left;
		padding: 0.2em;
		color: #000;
	}

	.woocommerce #order_review table td {
		text-align: right;
		padding: 0.4em 0.2em;
	}

	.woocommerce #order_review table th.product-total {
		text-align: right !important;
	}

	.woocommerce .woocommerce-privacy-policy-text p {
		margin-bottom: 0.5rem;
	}

	.woocommerce .woocommerce-terms-and-conditions-wrapper .form-row {
		margin: 0 !important;
	}

	.woocommerce .woocommerce-terms-and-conditions-wrapper .input-checkbox {
		margin: -5px 5px 0 0 !important;
		position: relative;
	}

	.woocommerce form.checkout_coupon, 
	.woocommerce form.login, 
	.woocommerce form.register {
		border: none;
		padding: 0;
    	margin: 0;
   		border-radius: 0;
	}

	#add_payment_method #payment div.payment_box::before, 
	.woocommerce-cart #payment div.payment_box::before, 
	.woocommerce-checkout #payment div.payment_box::before {
		content: none;
	}

	#add_payment_method #payment div.payment_box, 
	.woocommerce-cart #payment div.payment_box, 
	.woocommerce-checkout #payment div.payment_box {
		background:  none !important;
		padding: 0;
	}

	.woocommerce-checkout #payment div.payment_box p {
		display: none;
	}

	.woocommerce-checkout #payment div.payment_box fieldset p {
		display: block;
	}

	.woocommerce-checkout #payment div.payment_box fieldset label {
		padding-left: 0;
	}

	.woocommerce .woocommerce-terms-and-conditions-wrapper a {
		color: #A69992;
	}

	.woocommerce .woocommerce-terms-and-conditions-wrapper a:hover {
		color: #000;
	}

	.woocommerce-billing-fields .woocommerce-input-wrapper {
		width: 100%;
	}

	.woocommerce .woocommerce-terms-and-conditions-wrapper {
		margin-bottom: 1rem;
		width: 100% !important;
	}

	.woocommerce form .coupon input {
        margin-bottom: 1rem !important;
    }

	.woocommerce .thwcfd-field-radio .woocommerce-input-wrapper label ,
	.woocommerce label.woocommerce-form__label-for-checkbox {
		display: inline-block !important;
		width: auto !important;
		padding-left: 0.5rem !important;
	}

	.woocommerce form .form-row .input-checkbox {
		margin: 10px 0 0 0;
	}
	
	.woocommerce .thwcfd-field-radio label.radio {
		margin-right: 1rem;
	}

	.woocommerce .woocommerce-checkout-payment ul li {
		padding: 0 !important;
	}

	.woocommerce .woocommerce-checkout-payment ul li label {
		font-size: 0.8rem;
	}

	.woocommerce .woocommerce-checkout-payment .about_paypal {
		display: none;
	}

	.woocommerce #order_review_heading {
		margin-top: 1rem !important;
	}

	@media all and (max-width: 550px) {
		.woocommerce form .form-row-first, 
		.woocommerce form .form-row-last, 
		.woocommerce-page form .form-row-first, 
		.woocommerce-page form .form-row-last {
			width: 100% !important;
		}
	}

/*---------------------------------------------- 
	6. Mijn Account
------------------------------------------------*/
	.woocommerce .woocommerce-MyAccount-navigation {
		margin-bottom: 1.5rem;
		display: block;
		width: 100% !important;
	}

	.woocommerce .woocommerce-MyAccount-navigation ul {
		list-style: none;
		padding: 0 0 0.75rem 0;
		border-bottom: 1px solid #CBCBCB;
	}

	.woocommerce .woocommerce-MyAccount-navigation ul li {
		display: inline-block;
		font-weight: 700;
		padding: 0;
	}

	.woocommerce .woocommerce-MyAccount-navigation ul li:before {
		content: none;
	}

	.woocommerce .woocommerce-MyAccount-navigation ul li + li {
		margin-left: 1.5rem;
	}

	.woocommerce-account .woocommerce-MyAccount-content {
		width: 100%;
		float: left;
	}

	.woocommerce .woocommerce-MyAccount-content p {
		margin-bottom: 2rem;
	}

	.woocommerce .woocommerce-MyAccount-content span em {
		font-size: 0.75rem;
	}

	.woocommerce .woocommerce-Address-title h3 {
		margin-top: 1.25rem;
	}

	.woocommerce .woocommerce-Address address {
		margin-bottom: 0;
	}

	.woocommerce table.my_account_orders td, 
	.woocommerce table.my_account_orders th {
		padding: 0;
		text-align: left;
	}	

	.woocommerce table.shop_table .button {
		background: #FEC652 !important;
	}

	.woocommerce header {
		position: inherit !important;
		background: none;
		left: inherit;
		right: inherit;
		margin: 0 auto;
	}

	.woocommerce header:after {
		content: none;
	}

	.woocommerce-MyAccount-content address {
		display: block;
	}

	.woocommerce table.shop_table tbody, 
	.woocommerce table.shop_table tbody th, 
	.woocommerce table.shop_table tbody strong {
		font-size: 0.9rem !important;		
	}

	.woocommerce table.my_account_orders td, 
	.woocommerce table.my_account_orders th {
		padding: 0.5rem 3rem;
		text-align: left;
	}	

	.woocommerce-info {
		border-top-color: #FEC652;
	}

	.woocommerce-info::before {
		color: #FEC652;
	}

	.woocommerce .password-input {
		margin-bottom: 1.25rem !important;
	}

	@media all and (max-width : 800px) {
		.woocommerce .woocommerce-MyAccount-navigation ul li {
			display: block !important;
		}
		.woocommerce .woocommerce-MyAccount-navigation ul li + li {
			margin-left: 0 !important;
		}
	}

/* Order -------------------------------------- */
	.woocommerce .woocommerce-order p {
		margin-bottom: 1.5rem !important;
	}

	.woocommerce ul.order_details {
		padding: 0;
		margin-bottom: 1.5rem !important;
	}

	.woocommerce .woocommerce-customer-details address {
		border: none;
		border-radius: 0;
		padding: 0;
		line-height: 1.5rem;
		margin-bottom: 0 !important;
	}

/* Order Recieved -------------------------------------- */
	.woocommerce .woocommerce-column--billing-address h2 ,
	.woocommerce  .woocommerce-column--shipping-address h2 {
		font-size: 1.5rem;
		margin-bottom: 0.5em;
	}

	.woocommerce .woocommerce-column--billing-address address ,
	.woocommerce  .woocommerce-column--shipping-address address {
		margin-bottom: 1.5rem !important;
		line-height: 1.5rem;
	}

	.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, 
	.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
		padding: 0 !important;
	}

	.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before ,
	.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
		content: none !important;
	}