/**
* Arbo Centrum 
* WooCommerce styling
* Copyright Markethinq B.V. (C) 2021
*/

/**
* ARBO Oranje: #ff6600
* ARBO Hover: #D55A07
*/

.woocommerce {
  font-family: "Montserrat", sans-serif !important;
}

/*
.woocommerce table.shop_table,
.woocommerce table.shop_table td,
.woocommerce table thead:first-child tr:first-child th {
  background: none !important;
  border: none !important; 
}

.woocommerce .product-name a {
  color: #3c3c3c;
  font-family: "Montserrat", Sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
}*/


.woocommerce .checkout-button,
.woocommerce button[name="apply_coupon"] {
    font-family: "Montserrat", Sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 26px !important;
    border-radius: 5px 5px 5px 5px !important;
    padding: 14px 20px 14px 20px !important;
    color: #FFF !important;
    background: #FF6600 !important;
    border-style: solid !important;
    border-width: 0px 0px 0px 0px !important; 
    border-color: #02010100 !important;
}
/*
.woocommerce table.cart img {
  width: 98px !important;
}
*/
.woocommerce input[name="coupon_code"],
.woocommerce .qty {
  border: 1px solid #ddd;

  font-size: 14px !important; 

  width: 63px !important;

  padding: 10px !important;
}

.woocommerce button[name="apply_coupon"] {
  background: #0090e3 !important;
  padding: 10px !important
}

.woocommerce input[name="coupon_code"],
.woocommerce button[name="apply_coupon"]
{
  padding: 10px !important;
  height: 54px !important;

}

.woocommerce .cart_totals h2,
.woocommerce .cart_totals table {
  display: none;
}


/** FLEXBOX **/
.mq-wc-flex {
  display: flex;
  flex-wrap: wrap; 
  width: 60%;
  justify-content: flex-end;
  float: right;
}

.mq-wc-flex div {
  flex: 1 1 45%;

  margin-bottom: 10px;
  margin-right: 20px;
}

.mq-wc-flex div input[name="coupon_code"],
.mq-wc-flex div button[name="apply_coupon"],
.mq-wc-flex div .checkout-button, 
.mq-wc-flex div .checkout-button { 
  width: 100% !important;
  text-align: center;
}

/*
.mq-wc-flex div button[name="apply_coupon"],
.mq-wc-flex div .checkout-button, 
.mq-wc-flex div .checkout-button { 
  text-align: center;
}*/

.woocommerce table.shop_table {
  border-collapse: collapse !important;
}

.woocommerce table.shop_table tr.cart_item {
  border-bottom: 5px solid #f2f3f3;
}

.woocommerce .product-subtotal .amount {
  color: #FF6600;
  font-weight: bold;
}

.woocommerce table.shop_table .mq-remove img {
  border-radius: 5px !important;
  display: block !important;
  width: 45px !important;
  border: 1px solid #eee !important;

  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.woocommerce-cart table.cart td {
  padding: 40px !important;
}

.woocommerce-cart .instock {
  color: #1c9ce6;
}

.woocommerce-cart .instock {
  color: #1c9ce6;
}

.woocommerce-cart .mq-extra ul {
  /*margin: 0;
  padding: 0;*/
  padding-left: 17px;
}


/**
* Winkelwagen overzicht
*/

.mq-cart-wrapper .mq-cart-item {
  display: flex;
  flex-wrap: wrap;

  border-bottom: 5px solid #f2f3f3;
}

.mq-cart-wrapper .mq-cart-item .mq-row {
  flex: 1;
  margin-right: 20px;

  margin-right: 20px;
  margin-bottom: 50px;
  padding: 20px;
}

.mq-cart-wrapper .mq-cart-content {
  flex-grow: 3 !important;
}

.mq-cart-wrapper .mq-cart-img img {
  width: 98px;
}

.mq-cart-wrapper .mq-cart-title a {
  color: #3c3c3c;

  font-size: 18px;
  font-weight: bold;
}

.mq-cart-wrapper .mq-cart-trash {
  text-align: right;
}

.mq-cart-wrapper .mq-cart-trash a img {
  border-radius: 5px !important;
  width: 29px !important;
  border: 1px solid #eee !important;

  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.mq-cart-wrapper .mq-cart-costs {
  color: #FF6600;
  font-weight: bold;
}


.woocommerce-shipping-totals th {
  display: none;
}

.woocommerce-checkout-review-order-table {
  border: none !important;
}

td[data-title="Verzending"] {
  border: none !important;
}

#order_comments_field,
.woocommerce-terms-and-conditions-wrapper,
#order_review #payment {
  display: none;
}

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

.woocommerce-checkout #payment div.payment_box::before {
  display: none !important;
}

.woocommerce .checkout-button-checkout
{
  background: #ff6600 !important;
  border: none;

  color: #fff !important;

  width: 100%;
}

.woocommerce .checkout-button-checkout:hover {
  background-color: #D55A07 !important;
}

/**
* WooCommerce
* Checkout
*/

.woocommerce-checkout {

}

.woocommerce-checkout h3 {
  color: #0090e3 !important;

  font-weight: bold;
}

.woocommerce input.input-text,
.woocommerce select,
.woocommerce .form-row .select2-container--default .select2-selection--single {
  background: #fff !important;
  border: 1px solid #E2E2E2 !important;
  color: gray;

  font: 14px 'Montserrat';
}

/** Verberg standaard velden voor zakelijke klanten **/
.woocommerce-checkout #vat_number_field,
.woocommerce-checkout #billing_company_field,
.woocommerce-checkout #reference_field,
.woocommerce-checkout #po_order_field {
  display: none;
}

/** Verberg "Aanhef" label **/
.woocommerce #salutation_field label:nth-child(1) {
  /*display: none;*/
}

.woocommerce #salutation_field .woocommerce-input-wrapper {
  display: flex;
}

/*
.woocommerce input[type="radio"] {
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #0190e3;
  border-radius: 50%;
  margin-right: 10px;
}
*/

.woocommerce-checkout input[type="radio"] {
  visibility: hidden;
}

.woocommerce input[type="radio"] {
  margin-right: 20px;
}

.woocommerce #salutation_field label {
  line-height: 1.4;
}

.woocommerce #salutation_field label[for="salutation_dhr"] {
  margin-right: 13px; 
  margin-bottom: 10px;
}

.woocommerce label[for="customer_type"] {
  margin-bottom: 10px !important;
}

input[type='radio']:after,
input[type='checkbox']:after {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  top: -3px;
  left: -2px;
  position: relative;
  background-color: #fff;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 1px solid #0190e3;
}

input[type='radio']:checked:after,
input[type='checkbox']:checked:after {
  background-color: #ff6602;
  border-color: #ff6602;
}

/**
* Betaalmethoden
*/

.woocommerce .wc_payment_method,
.woocommerce .wc_payment_method label[for="payment_method_mollie_wc_gateway_ideal"]
{
  display: flex;
  flex-wrap: wrap;
}

.woocommerce .wc_payment_method label[for="payment_method_mollie_wc_gateway_ideal"]
{
  flex-grow: 1;
}

.woocommerce .wc_payment_method .mollie-gateway-icon
{

}

/** Verberg "Kies je bank" label wanneer je betaald via iDeal **/
.woocommerce .payment_method_mollie_wc_gateway_ideal p:nth-child(1) {
  /*display: none;*/
}

.woocommerce-checkout #payment ul.payment_methods li img {
  width: 50px; 
  margin: -5px 0 0 50px;
}

.woocommerce-checkout #payment ul.payment_methods li {
  margin-top: 40px !important; 
}

/**
* Let op: het verbergen van dit veld is enkel mogelijk als er slechts 1 land is ingesteld in WooCommerce.
* Anders zorgt dit voor errors
*/
.woocommerce-checkout #billing_country_field {
  display: none;
}

.woocommerce-additional-fields h3 {
  display: none;
}
/*
.woocommerce #shipping_method li {
  display: flex;
}
*/

.woocommerce #shipping_method li .tax_label{
  display: none;
}

.woocommerce #shipping_method li input {
    margin-bottom: 10px !important;
    margin-top: 0px !important;
    margin-right: 15px !important;
}

.woocommerce-checkout #payment ul.payment_methods {
  border: none !important;
}

.woocommerce-checkout #payment ul.payment_methods li:nt-child(1) {
   margin-top: 0px !important;
}
.woocommerce-checkout #payment ul.payment_methods li {
   margin-top: 20px !important;
}

.mq-checkout-flex {
  display: flex;

  flex-direction: row;
  flex-wrap: wrap;
}

.mq-checkout-flex .personal_data {}
.mq-checkout-flex .payment_method {}
.mq-checkout-flex .shipping_data {}

/**
* Media Queries 
*/

/** TABLET **/

/** MOBILE **/
@media only screen and (max-width: 767px) {
  .mq-cart-wrapper .mq-cart-item .mq-row {
    flex: auto;
    margin-bottom: 0px;
  }

  .mq-cart-wrapper .mq-wc-flex {
    width: 100%; 
    display: block;
  }

  /** Bepaal positie van betaalmethode op de mobiel **/
  .mq-checkout-flex .payment_method {
    order: 2;
  }
}

.woocommerce-Price-amount {
  float: right;
}


/**
* Postcode checker 
*/


#pc4woo_billing_wrapper #pc4woo_billing_postcode_wrapper.form-row-first {
  padding-right: 0px !important;
}

#pc4woo_billing_wrapper #pc4woo_billing_housenumber_wrapper.form-row-quart-first {
  margin-left: 32px !important;
  width: 22% !important;
}

#pc4woo_billing_housenumber_addition_wrapper {
  width: 21% !important;
}


#pc4woo_billing_wrapper label[for="pc4woo-billing-postcode-label"],
#pc4woo_billing_wrapper label[for="pc4woo-billing-housenumber-label"] {
  /*display: none;*/
}

/*
#pc4woo_billing_wrapper #pc4woo_billing_housenumber_wrapper.form-row-quart-first {
  width: 46% !important;
  margin-right: 0px !important;
}
*/

@media screen and (max-width: 767px) {
  #pc4woo_billing_wrapper #pc4woo_billing_housenumber_wrapper.form-row-quart-first {
    margin-left: 21px !important;
  }
}

/** Verberg toevoeging **/
label[for="pc4woo-billing-housenumber-addition-label"] {
  /*display: none !important;*/
}


.product .woocommerce-Price-amount {
  float: none !important;
}

#pc4woo-billing-disable {
  display: contents;
}

label[for="billing_address_2"] .optional {
  display: none;
}

label[for="pc4woo-disable-label"] {
  font-weight: 600;
  display: none !important;
}

.woocommerce form .form-row label {
  font-weight: 500;
}

#billing_state_field {
  display: none;
}

.mq-adress-first,
.mq-city-last
{
  width: 46% !important;
}

.mq-adress-first
{
  float: left !important;
}

.mq-city-last
{
  float: right !important;
}

#shipping_method li {
  font-weight: 500 !important;
  margin-bottom: 20px !important;
}

#shipping_method li,
ul#shipping_method li label {
  display: flex !important;
}

#shipping_method {
  width: 350px;
}

#shipping_method bdi {
  font-weight: 500 !important;
}

.woocommerce ul#shipping_method .amount {
  margin-left: 10px !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select {
  height: 50px !important;
}

.woocommerce form .form-row {
  padding: 0px !important;
}

.woocommerce .payment_method {
  margin-left: 35px !important;
}

#salutation_field {
  margin-top: 20px;
}

/** SHIPPING FIELDS **/

.shipping_method .woocommerce-shipping-fields {
  margin-top: -40px;

  margin-left: 12px;
  font-size: 14px;
  font-weight: 500;
}

.woocommerce-shipping-fields input[type="radio"],
.woocommerce-shipping-fields input[type="checkbox"] {
  margin-right: 12px;
}

#shipping_company_field,
#shipping_address_2_field .optional {
  display: none;
}

.shipping_address {
  width: 650px;
  height: 450px;
  padding: 20px;
}

#shipping_state_field {
  display: none !important;
}

.woocommerce-billing-fields .optional {
  display: none !important;
}

.shipping_method .woocommerce-shipping-fields {
  display: none;
}

.mq-checkout-heading {
  margin-top: 20px;
  margin-bottom: 10px;
}

/**
* Verberg standaard "Op rekening"
*/
.woocommerce .payment_method_op_rekening
{
  /*display: none;*/
}

/**
* Betaalmethoden wel "normaal" tonen op betaalpagina wanneer bestelling is mislukt.
*/
.woocommerce-order-pay #order_review #payment {
  display: block !important;
}

/**
* Checkout full width
*/

.mq-checkout-flex .col-1, 
.mq-checkout-flex .col-2 {
  width: 100% !important;
}

@media screen and (max-width: 767px) {
  .woocommerce form .form-row label {
    font-size: 13px !important;
  }
}

.woocommerce-orders .elementor-widget-woocommerce-my-account .woocommerce-Button {
	display: none !important;
}


/**
* Mijn account fields
*/

.mq-account-company-info {}

.mq-account-company-info #__mq_exact_btw_field,
.mq-account-company-info #__mq_exact_reference_field,
.mq-account-company-info #_po_order_field, 
.mq-account-company-info #billing_company_field {
	width: 47% !important;
	display: inline-block !important;
}

.mq-account-company-info #billing_company_field {
	float: left;
}

.mq-account-company-info #__mq_exact_btw_field,
.mq-account-company-info #_po_order_field {
	float: right;
}

.e-my-account-tab .u-column1 {
	width: 100% !important;
}

.woocommerce-form-login__rememberme span {
    margin: 10px;
}

/*
#vat_number_field,
#billing_company_field,
#reference_field {
  width: 32% !important;
  margin-right: 14px;
}
*/

p#billing_company_field {
  margin-left: 70px;
  width: 46.0%;
}

.mq-cart-costs del span {
  color: #333;

  text-decoration: line-through;
  margin-left: 10px;
}

.woocommerce-message .restore-item {
  display: none;
}

.woocommerce-table--order-details .includes_tax .woocommerce-Price-amount {
  margin-right: 10px;
}

.mq-cart-wrapper .mq-wc-flex ul li {
	display: flex;
}

.mq-cart-wrapper .mq-wc-flex ul li strong {
	flex: 1 1 50%;
}

.mq-cart-wrapper .mq-wc-flex ul .mq-tax .woocommerce-Price-currencySymbol {
	visibility: hidden;
}

@media only screen and (max-width: 1079px) {
/*	#billing_company_field { display: block; float: right; margin-left: 0px !important; }
*/

#vat_number_field,
#billing_company_field, 
#reference_field {
	width: 100% !important;
}

#billing_company_field {
	margin-left: 0px !important;
}
}


/**
* Wachtwoord reset
*/

.woocommerce-lost-password .lost_reset_password .form-row-first {
	width: 50% !important;
}

.mq-cart-table {
  width: 62%;
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .mq-cart-table {
    width: 97%;
  }
}


table.mq-cart-table td,
table.mq-cart-table tr,
table.mq-cart-table tbody>tr:nth-child(odd)>td,
table.mq-cart-table tr:hover,
table.mq-cart-table td:hover {
  background: none !important;
  border: none !important;
}

table.mq-cart-table tr td:first-child, 
table.mq-cart-table tr:nth-child(3) td:nth-child(2), 
table.mq-cart-table tr:nth-child(3) td:nth-child(3),
table.mq-cart-table tr:nth-child(3) td:nth-child(4) {
  font-weight: bolder;
}

table.mq-cart-table tr td:nth-child(3) {
  width: 40px;
}

table.mq-cart-table tr {
  height: 25px;
}

table.mq-cart-table tr td {
  padding: 0px;
}

table.mq-cart-table .woocommerce-Price-amount {
  float: none;
}

table.mq-cart-table .woocommerce-Price-currencySymbol {
  display: none;
}