/*
==  WOOCOMMERCE THEME DETAILS  ============================================================
    Theme Name: POS KPN NetwerkNL
	Theme URI: https://www.domeinnaam.nl/
    Description: Woomcommerce Stylesheet POS KPN NetwerkNL
    Version: 1.0
    Author: Alfabet Reclame
	Author URI: https://www.alfabetreclame.nl
===============================================================================
*/

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

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

	.woocommerce .button ,
	.woocommerce button{
        font-size: 0.9rem !important;
        line-height: 1rem !important;
		color: #FFF !important;
		font-weight: 400 !important;
		padding: 0.75rem 1.25rem !important;
        margin: 0 !important;
        max-height: 2.5rem !important;
		text-align: center;
		border-radius: 0 !important;
        background: rgba(0,107,45,1) !important;
        background: -moz-linear-gradient(left, rgba(0,107,45,1) 0%, rgba(59,170,53,1) 100%) !important;
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,107,45,1)), color-stop(100%, rgba(59,170,53,1))) !important;
        background: -webkit-linear-gradient(left, rgba(0,107,45,1) 0%, rgba(59,170,53,1) 100%) !important;
        background: -o-linear-gradient(left, rgba(0,107,45,1) 0%, rgba(59,170,53,1) 100%) !important;
        background: -ms-linear-gradient(left, rgba(0,107,45,1) 0%, rgba(59,170,53,1) 100%) !important;
        background: linear-gradient(to right, rgba(0,107,45,1) 0%, rgba(59,170,53,1) 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006b2d', endColorstr='#3baa35', GradientType=1 ) !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 .button:hover {
		opacity: 0.9 !important;
	}

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

	.woocommerce label {
		font-weight: normal;
	}

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

	.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 li:before {
        content: none !important;
    }

    @media all and (max-width : 767px) {
        .woocommerce .button .wc-forward {
            padding-left: 1rem;
        }
    }

/*---------------------------------------------- 
	2. Winkeloverzicht
------------------------------------------------*/
	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product {
		padding: 1rem 0.75rem;
        background: #FFF;
		-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
	}

	.woocommerce ul.products li.product a {
		display: flex;
		flex-direction: column;
	}
	
	.woocommerce ul.products li.product img {
		order: -1;
		margin: 0 !important;
	}

	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: 1rem;
		color: #106DB7;
		font-weight: 700 !important;
		padding: 0.5rem 0 0 0;
        margin-bottom: 0.25rem;
		line-height: 1.5rem;
		display: block;
		order: 1;
	}

	.woocommerce ul.products li.product p {
        font-size: 0.75rem;
        color: #000;
	    order: 2;
	}

    .woocommerce ul.products li.product span.text {
        font-style: italic;
        color: #000;
        order: 3;
		border-top: 1px solid #000;
		line-height: 1.75rem;
		margin: 0.5rem 0 0.25rem 0;
		display: block;
    }

	.woocommerce ul.products li.product .price {
		font-size: 1rem !important;
		color: #000 !important;
        font-weight: 700 !important;
		display: block;
		margin-bottom: 0.5rem;
		order: 4;
	}

	.woocommerce ul.products li.product .button {
        font-size: 1rem !important;
        min-width: 4.75rem !important;
        display: inline-block;
	}

    .woocommerce ul.products li.product p.stock {
        font-weight: 700;
        text-align: center;
        border-bottom: 0;
        padding: 0.5rem 0 0 0;
        margin: 0;
    }

    .woocommerce ul.products li.product p.stock:before {
        content: "\f468";
        font-family: 'Font Awesome 5 Pro';
		font-weight: 400;
		color: #000;
        padding-right: 0.25rem;
    }

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

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

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

	.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
		display: none;
	}

	.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 {
		font-size: 2rem !important;
		margin-bottom: 1rem !important;
		order: 1;
	}	

	.woocommerce .product .product_meta {
		display: none !important;
	}

	.woocommerce .product p {
		margin: 0;
	}

	.woocommerce .product h3 {
		font-size: 1.3rem !important;
		color: #000 !important;
		margin-bottom: 0.4em;
	}

	.woocommerce .tinv-wraper.woocommerce {
		margin: 0;
	}

	.woocommerce .product .woocommerce-product-details__short-description p ,
	.woocommerce .product .product_meta span ,
	.woocommerce .tinv-wraper.woocommerce {
		font-size: 0.9rem;
	}

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

	.woocommerce .summary h3 {
		color: #106DB7 !important;
		font-size: 1rem !important;
	}

	.woocommerce .product table {
		border: none;
	}

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

	.woocommerce table.shop_attributes td {
		border: none;
		font-style: normal;
		line-height: 2em !important;
	}

	.woocommerce table.shop_attributes th {
		font-weight: 700;
		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;
	}
	
/* Price -------------------------------------- */
	.woocommerce .product p.price {
		font-size: 1.75rem !important;
		font-weight: 900 !important;
		color: #000 !important;
		text-align: right;
		margin: 0.5rem 0 !important;
		order: 3;
	}

	.woocommerce .product p.price small {
		font-size: 0.7rem;
	}

	.woocommerce .quantity .qty {
		width: 4.75rem;
		height: 2.5rem;
	}

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

	.woocommerce div.product form.cart .button {
		height: 3.25rem;
	}

	.woocommerce .product form.cart {
		text-align: right;
	}

	.woocommerce .product p.stock {
		color: #58AD4B;
		padding: 0 0 0.5em 0;
		font-size: 1rem;
		order: 4;
		text-align: right;
	}

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

	.woocommerce .product-info h2 {
		margin-bottom: 1.5rem;
	}

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

/*---------------------------------------------- 
	4. Winkelwagen
------------------------------------------------*/
	.woocommerce table.shop_table {
		border: none !important;
        background: #FFF;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding: 1.75rem 1.25rem;
        margin-bottom: 1.5rem;
	}

	.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.shop_table th {
		color: #106DB7;
	}

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

	.woocommerce table td.product-thumbnail img {
		width: 100px;
	}
	
	.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 a.remove {
        font-size: 0.9rem;
        height: 1.25rem;
        width: 1.25rem;
        line-height: 1rem;
        border: 2px solid red;
    }

    .woocommerce a.remove:hover {
		color: #FFF !important;
		background: red !important;
	}

    @media all and (max-width : 767px) {
		.woocommerce a.remove {
            display: none;   
        }
	}

/*---------------------------------------------- 
	5. Afrekenen
------------------------------------------------*/
    .woocommerce .woocommerce-billing-fields__field-wrapper ,
    .woocommerce .woocommerce-additional-fields ,
    .woocommerce-checkout #payment {
        background: #FFF;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding: 1.5rem 1.25rem;
        margin-bottom: 1.5rem;
    }

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

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

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

	.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 {
		background-color: #FFF !important;
		height: 50px;
    	font-size: 16px;
    	line-height: 1.5;
		width: 100% !important;
    	background-image: none;
    	border: 1px solid #707070;
		margin: 0;
		padding: 0 10px;
		box-shadow: none;
		border-radius: 0;
		display: block !important;
	}

	.woocommerce form .form-row {
		margin: 1em 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;
	}

	.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: 1rem;
	}

	.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-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;
	}

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

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

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

    #add_payment_method #payment div.form-row, 
    .woocommerce-cart #payment div.form-row, 
    .woocommerce-checkout #payment div.form-row {
        padding: 0 !important;
    }

    .woocommerce .woocommerce-checkout-payment button#place_order {
        margin-top: 1.5rem !important;
    }

     @media all and (max-width : 767px) {
		.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;
         }
         .woocommerce .woocommerce-checkout .col2-set {
             width: 96% !important;
         }
	}
    

/*---------------------------------------------- 
	6. Mijn Account
------------------------------------------------*/
	.woocommerce .woocommerce-MyAccount-navigation {
		margin-bottom: 1.5em;
	}

	.woocommerce .woocommerce-MyAccount-navigation ul {
		list-style: none;
		padding: 0;
	}

	.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.5em;
	}

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

	.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;
		text-align: left;
	}	

	.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.my_account_orders td, 
	.woocommerce table.my_account_orders th {
		padding: 0.5em 3em;
		text-align: left;
	}	

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

	.woocommerce-info::before {
		color: #106DB7;
	}

	@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.5em;
	}

    .woocommerce .woocommerce-order p.woocommerce-thankyou-order-received {
        font-size: 1.5rem;
        font-weight: 900;
        line-height: 2rem;
        color: #106DB7;
    }

    .woocommerce h2.woocommerce-order-details__title ,
    .woocommerce h2.woocommerce-column__title {
        margin-bottom: 1rem;
    }

	.woocommerce .woocommerce-customer-details address {
        background: #FFF;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding: 1.5rem 1.25rem;
		border: none;
		line-height: 1.5rem;
		margin-bottom: 0 !important;
	}

    .woocommerce ul.order_details {
        background: #FFF;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding: 1.5rem 1.25rem;
        margin-bottom: 1.5rem !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.5em !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;
	}