/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 09 2024 | 09:11:46 */
:root {
  --blauw: #0468A8;			/* vanuit logo, primair */
  --oranje: #E15C15;		/* vanuit logo, secundair */
  --grijs: #B4B3B4;			/* vanuit logo, tertiair */
  --donkerGrijs: #777777;   /* vanuit thema */
  --zwart: #222529;         /* vanuit thema */
  --zachtZwart: #333333;    /* vanuit footer op oude website */
  --lichtBlauw: #0483D1;	/* vanuit achtergrond op oude website */
  --lichtOranje: #E77A3F;   /* vanuit gradient op oude website */
  --tekst: #222222;
	
	--porto-h1-ls: normal;
	--porto-h2-ls: normal;
	--porto-h3-ls: normal;
	--porto-h4-ls: normal;
	--porto-h5-ls: normal;
	--porto-h6-ls: normal;
}

.wc_payment_method.payment_method_icepay-ideal img[alt="iDEAL"] {
	width: 30px;
}

.gdprc_action__bar_save_all,
.gdprc_action__save_all {
  background-color: #84bd3c !important;
  border-color: #84bd3c !important;
}

.wit {
  color: #ffffff !important;
}
.bg-wit {
  background-color: #ffffff !important;
}
.blauw {
  color: #0468A8 !important;
}
.bg-blauw {
  background-color: #0468A8 !important;
}
.oranje {
  color: #E15C15 !important;
}
.bg-oranje {
  background-color: #E15C15 !important;
}
.grijs {
  color: #B4B3B4 !important;
}
.bg-grijs {
  background-color: #B4B3B4 !important;
}
.donkergrijs {
  color: #777777 !important;
}
.bg-donkergrijs {
  background-color: #777777 !important;
}
.zachtzwart {
  color: #333333 !important;
}
.bg-zachtzwart {
  background-color: #333333 !important;
}
.zwart {
  color: #222529 !important;
}
.bg-zwart {
  background-color: #222529 !important;
}
.lichtblauw {
  color: #0483D1 !important;
}
.bg-lichtblauw {
  background-color: #0483D1 !important;
}
.lichtoranje {
  color: #E77A3F !important;
}
.bg-lichtoranje {
  background-color: #E77A3F !important;
}

.underline {
  text-decoration: underline;
}

.nomar-t {
  margin-top: 0px !important;
}
.nomar-b {
  margin-bottom: 0px !important;
}
.nomar-l {
  margin-left: 0px !important;
}
.nomar-r {
  margin-right: 0px !important;
}
.mfp-content .mfp-figure img.mfp-img {
  width: 300px;
  height: 300px;
  object-fit: contain;
  object-position: center;
}

.sticky-product .container {
  padding-left: 20px;
  padding-right: 20px;
}
.wc_payment_method {
  margin-bottom: 30px;
}
.wc_payment_method > label {
  display: inline;
}
.grecaptcha-badge { visibility: hidden !important; }

html.ie .skeleton-loading,
html.ie .skeleton-loading-wrap {
  height: auto !important;
  overflow: visible !important;
  min-height: auto !important;
  visibility: visible !important;
}
html.ie .skeleton-body {
  display: none !important;
  visibility: hidden !important;
}

a.porto-sicon-box-link {
  color: inherit;
}
.shop_table .tax-total > th {
  text-transform: uppercase;
}

.owl-carousel.dots-style-1 .owl-dot.active span::after,
.owl-carousel.dots-style-1 .owl-dot:hover span::after {
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%);
}

.home-banner-slider .owl-carousel .owl-dots .owl-dot span {
  color: #ffffff !important;
  border-color: #ffffff !important;
}

#footer .footer-bottom, #footer .footer-bottom p, #footer .footer-bottom .widget > div > ul li, #footer .footer-bottom .widget > ul li {
  color: #B4B3B4; /* grijs */
}
#footer .footer-bottom a, #footer .footer-bottom .widget_nav_menu ul li::before {
  color: #ffffff; /* wit */
}

.header-top-ads .vc_column_container:last-child .porto-sicon-box {
  border-right-width: 0px;
}
.payment_method_icepayCw_IDeal .icepaycw-control-label {
  font-size: 0px;
}
.payment_method_icepayCw_IDeal .icepaycw-control-label::before {
  content: 'Kies uw bank';
}
.payment_method_icepayCw_IDeal .icepaycw-control-label::before,
.payment_method_icepayCw_IDeal .icepaycw-control-label > .icepaycw-required {
  font-size: 14px;
}


.nummerbox {
  margin-bottom: -50px !important;
}
.children-inherit-color > *,
.all-children-inherit-color * {
  color: inherit !important;
}
.cart-v2 .proceed-to-checkout,
#place_order {
  background-color: #E15C15; /* oranje */
  border-color: #E15C15; /* oranje */
}

.product-images .img-thumbnail .inner img {
  padding: 25%;
}
.single-product .entry-summary .add_to_wishlist .yith-wcwl-icon {
  display: none !important;
  visibility: hidden;
}
.single-product .entry-summary .add_to_wishlist::before {
  margin-right: 5px;
}

@media (max-width: 991px) {
  #header .logo {
    min-width: auto !important;
  }
  body.home .mobile-sidebar {
    position: static;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    transform: none;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
  }
  body.home .main-content {
    padding-bottom: 0px;
  }
  body.home .mobile-sidebar .sidebar-toggle,
  #footer .footer-bottom .footer-right {
    display: none !important;
    visibility: hidden !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  ul.pcols-md-3 li.product-col {
    max-width: 25%;
    flex: 0 0 25%;
  }
  #header .logo {
    max-width: 24vw !important;
  }
  .header-top-ads .porto-sicon-box {
    flex-direction: column;
    text-align: center;
  }
  .header-top-ads .porto-sicon-box > * {
    min-height: 1px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
  }
  .header-top-ads .porto-sicon-default {
    margin-bottom: 10px;
  }
  .header-top-ads .default-icon .porto-sicon-default .porto-icon,
  .header-top-ads .default-icon .porto-sicon-default .porto-sicon-img {
    margin-right: 0px !important;
  }
  #footer > .footer-main > .container > .row > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  body.home .main-content {
    padding-top: 0px !important;
  }
  #home-intro {
    margin-left: -30px;
    margin-right: -30px;
  }
  #home-intro .porto-carousel .porto-ultimate-content-box::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
  }
  #home-intro .porto-carousel .porto-ultimate-content-box > * {
    z-index: 1;
  }
  .header-top-ads .default-icon .porto-sicon-default .porto-icon,
  .header-top-ads .default-icon .porto-sicon-default .porto-sicon-img {
    font-size: 35px !important;
  }
  .cart-v2 .heading-primary > span {
    font-size: calc(7vw - 10px);
  }
  body.home #main {
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 20px;
  }
  body.home #main > * {
    min-height: 1px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
  }
  body.home .porto-home-sidebar {
    padding-bottom: 0px;
  }
  #header .wishlist i,
  #header .my-account i {
    font-size: 6vw !important;
  }
  #mini-cart .minicart-icon {
    width: 5vw;
    height: calc(20 / 25 * 5vw);
    border-width: calc(2 / 25 * 5vw);
  }
  #mini-cart .minicart-icon::before {
    top: calc(8 / 25 * -5vw);
    margin-left: calc(7.5 / 25 * -5vw);
    width: calc(15 / 25 * 5vw);
    height: calc(11 / 25 * 5vw);
    border-width: calc(2 / 25 * 5vw);
  }
  #mini-cart .cart-items {
    width: calc(16 / 25 * 5vw);
    height: calc(16 / 25 * 5vw);
    line-height: calc(16 / 25 * 5vw);
    border-radius: calc(8 / 25 * 5vw);
    right: calc(8 / 16 / 25 * 5vw);
    top: calc(4 / 16 / 25 * 5vw);
  }
  
  #header .logo {
    max-width: 33vw !important;
  }
  #home-intro .porto-carousel .porto-ultimate-content-box {
    background-position: center !important;
    background-size: cover !important;
    min-height: auto !important;
    
    padding-bottom: 40px !important;
  }
  #home-intro .porto-carousel .porto-ultimate-content-box > :not(.vc_btn3-container) {
    text-shadow: -1px 1px 4px #000;
  }
  #home-intro .porto-carousel .owl-dots {
    bottom: 1em;
    margin-top: 0px;
  }
  #home-intro .porto-carousel .owl-stage {
    display: flex;
  }
  #home-intro .porto-carousel .porto-ultimate-content-box-container,
  #home-intro .porto-carousel .porto-ultimate-content-box {
    height: 100%;
  }
  
  .pr-xs-0 {
    padding-right: 0px !important;
  }
}

@media (max-width: 1219px) {
  
}


@media (min-width: 992px) {
  #customer_details,
  .checkout-order-review {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  #order_review > .row > div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  
  .woocommerce-billing-fields__field-wrapper,
  .woocommerce-shipping-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .woocommerce-billing-fields__field-wrapper > .form-row,
  .woocommerce-shipping-fields__field-wrapper > .form-row {
    width: 50%;
  }
  .woocommerce-billing-fields__field-wrapper > .form-row:nth-child(odd),
  .woocommerce-shipping-fields__field-wrapper > .form-row:nth-child(odd) {
    padding-right: 10px;
  }
  .woocommerce-billing-fields__field-wrapper > .form-row:nth-child(even),
  .woocommerce-shipping-fields__field-wrapper > .form-row:nth-child(even) {
    padding-left: 10px;
  }
  #billing_state_field ~ .form-row:nth-child(odd) {
    padding-left: 10px;
    padding-right: 0px;
  }
  #billing_state_field ~ .form-row:nth-child(even) {
    padding-left: 0px;
    padding-right: 10px;
  }
}
.gdprc_item__icon.fa {
  font-family: 'FontAwesome';
}

.sticky-product .availability,
.sticky-product .star-rating {
  display: none !important;
  visibility: hidden !important;
}

.product-nav .product-popup {
  height: 250px;
  width: 250px;
}
.product-nav .product-popup .featured-box,
.product-nav .product-popup .box-content,
.product-nav .product-popup .product-image,
.product-nav .product-popup .product-image > .inner,
.product-nav .product-popup .product-image img {
  height: 100%;
}
.product-nav .product-popup .product-image,
.product-nav .product-popup .product-image > .inner,
.product-nav .product-popup .product-image img {
  width: 100%;
}
.product-nav .product-popup .product-image img {
  object-fit: contain;
  object-position: center;
}
.product-nav .featured-box .box-content {
  padding: 25px;
}
.product-nav .featured-box .product-details {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.product-nav .featured-box .product-details > .product-title {
  padding-top: 0px;
  line-height: 25px;
}


.single-product .product-summary-wrap .yith-wcwl-add-to-wishlist {
  margin-right: 20px;
}

.wishlist-items-wrapper .product-thumbnail img {
  max-height: 100px;
  object-fit: contain;
  object-position: center;
}


body:not(.single-product) .page-top {
  background-image: url('https://www.houtwaren.nl/wp-content/uploads/2020/04/header-houtwaren.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
}
body:not(.single-product) .page-top * {
  color: #ffffff !important;
}
body:not(.single-product) .page-title {
  text-shadow: 0px 0px 7px #555;
}
body:not(.single-product) .page-top ul.breadcrumb > li {
  text-shadow: 0px 0px 5px #000;
}




body.single-product .page-top .page-title {
  display: none !important;
  visibility: hidden !important;
}
body.single-product .page-top {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: transparent;
}
body.single-product .page-top .breadcrumbs-wrap {
  text-align: left !important;
}
body.single-product .page-top ul.breadcrumb {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}


body.single-product #main,
body.tax-product_cat #main {
  display: flex;
  flex-direction: column;
}
body.single-product #main > *,
body.tax-product_cat #main > * {
  min-height: 1px;
}
@media (min-width: 992px) {
  body.single-product #main > .porto-block,
  body.tax-product_cat #main > .content-bottom-wrapper {
    order: -1;
  }
}

body.single-product #main > .porto-block {
  margin-bottom: 30px;
}
body.tax-product_cat #main > .content-bottom-wrapper {
  padding-bottom: 0px;
}

body:not(.tax-product_cat) #main > .content-bottom-wrapper {
  display: none;
  visibility: hidden !important;
}

.product-thumbs-slider.owl-carousel .owl-item .img-thumbnail {
  height: 0px;
  padding-top: 100%;
}
.product-thumbs-slider.owl-carousel .owl-item img {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}





#mini-cart li .product-image,
#mini-cart li .product-image > .inner,
#mini-cart li .product-image > .inner > a,
#mini-cart li .product-image > .inner > a > img,
.shop_table .product-thumbnail img {
  height: 80px;
}
#mini-cart li .product-image > .inner > a > img,
.shop_table .product-thumbnail img {
  object-fit: contain;
  object-position: center;
}




.home-blok-vertrouwd-bezorgd > .porto-ultimate-content-box,
.home-blok-catalogus > .porto-ultimate-content-box {
  background-size: auto 78% !important;
}
.home-blok-particulier > .porto-ultimate-content-box {
  background-size: auto 83% !important;
}

@media (max-width: 767px) {
  .home-blok-vertrouwd-bezorgd > .porto-ultimate-content-box,
  .home-blok-catalogus > .porto-ultimate-content-box,
  .home-blok-particulier > .porto-ultimate-content-box {
    background-size: auto 100% !important;
  }
}

.vc_btn3.vc_btn3-size-sm.vc_btn3-style-outline {
  border-width: 1px;
}


#betaalmethoden-footer > .betaalmethode {
  padding: 7px;
  background-color: #292C30;
  border-radius: 4px;
}
#betaalmethoden-footer > .betaalmethode > img {
  height: 30px;
}

@media (min-width: 992px) {
  #header .searchform input {
    width: 100%;
  }
}


#footer .row > div:first-child > .contact-info {
  text-align: right;
}
#footer .widget_media_image:first-child {
  margin-bottom: 15px;
}
#footer .widget_media_image:first-child + .widget {
  margin-top: 15px;
}
#footer .widget_media_image:first-child + .widget p {
  margin-top: -4px; /* i.p.v. -3px */
}
#footer-bent-u-particulier {
  margin-top: -12px;
}
#footer .widget.contact-info li:not(:last-child) {
  margin-bottom: 16px; /* i.p.v. 10px */
}
#footer .widgettitle,
#footer .widget-title {
  line-height: 35px; /* hoogte van logo */
}
#ideal-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-direction: reverse;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  
  margin-bottom: 0px;
}
#ideal-footer h3 {
  line-height: inherit;
}
#ideal-footer img {
  margin-left: 15px;
  height: 39px;
  width: auto;
}





#footer .contact-info-block span {
  line-height: 1.41em;
  margin-top: 3px;
}


#footer .footer-bottom .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#footer .footer-bottom .container > div {
  display: block;
  width: auto;
}
#footer .footer-bottom .footer-left {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
}


#footer .widget > div > ul {
  border-bottom-width: 0px;
}


body.woocommerce-page.archive .sidebar-content aside.widget.widget_product_categories .widget-title {
  padding: 20px;
  background-color: #0468A8;
  color: #ffffff;
}
body.woocommerce-page.archive .sidebar-content aside.widget.widget_product_categories .widget-title .toggle {
  margin-right: 20px;
}
body.woocommerce-page.archive .sidebar-content aside.widget.widget_product_categories .widget-title .toggle::before,
body.woocommerce-page.archive .sidebar-content aside.widget.widget_product_categories .widget-title .toggle::after {
  background-color: #ffffff;
}


.sticky-product .sticky-image {
  max-width: 100%;
}
.sticky-product .sticky-image > img {
  height: 50px;
  width: auto;
}

.single_add_to_cart_button {
  background: #E15C15; /* oranje */
}
.single-product form.cart:not(.variations_form) {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.single-product form.cart:not(.variations_form) .single_add_to_cart_button {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1;
  
  margin-right: 0px;
}
.single-product form.cart:not(.variations_form) .price-rules-table-wrapper {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  width: 100%;
}

.page-top {
  margin-bottom: 20px;
}

.usps-in-sidebar .porto-sicon-header + .porto-sicon-description {
  margin-top: 0px;
}

.product-image .img-effect {
  height: 0px;
  padding-top: calc(100% + 15px);
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  border: 1px solid #f3f3f3;
}
.product-images .img-thumbnail .inner {
  height: 0px;
  padding-top: 100%;
}

/*.product-image .img-effect img {
  position: absolute !important;
  top: 15px;
  left: 15px;
  height: calc(100% - 30px) !important;
  width: calc(100% - 30px) !important;
  object-fit: contain;
}*/
.product-image .img-effect img {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  height: auto !important;
  width: auto !important;
  max-height: 100% !important;
  max-width: 100% !important;
  transform: translate(-50%, -50%) translateZ(0px) !important;
  margin: 0px !important;
}

.product-images .img-thumbnail .inner img {
  position: absolute !important;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.sidebar-menu > li.menu-item-object-product_cat > a::before {
  content: '';
  display: inline-block;
  width: 35px;
  height: 35px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 10px;
}
.sidebar-menu > .menu-item-tafelpoten > a::before {
  background-image: url('https://www.houtwaren.nl/wp-content/uploads/2020/04/icon-tafelpoot.png');
}
.sidebar-menu > .menu-item-balusters > a::before {
  background-image: url('https://www.houtwaren.nl/wp-content/uploads/2020/04/icon-baluster.png');
}
.sidebar-menu > .menu-item-traponderdelen > a::before {
  background-image: url('https://www.houtwaren.nl/wp-content/uploads/2020/04/icon-traponderdeel.png');
  background-size: 69% !important;
}
.sidebar-menu > .menu-item-meubelonderdelen > a::before {
  background-image: url('https://www.houtwaren.nl/wp-content/uploads/2020/04/icon-meubelonderdeel.png');
}
.sidebar-menu > .menu-item-onderstellen > a::before {
  background-image: url('https://www.houtwaren.nl/wp-content/uploads/2020/04/icon-onderstel.png');
}
.sidebar-menu > .menu-item-zuilen > a::before {
  background-image: url('https://www.houtwaren.nl/wp-content/uploads/2020/04/icon-zuil.png');
}

.payment_method_icepayCw_IDeal p {
  display: none !important;
  visibility: hidden !important;
}
.shop_table td {
    padding: 5px 10px !important;
}
.price-rule-active td {
    color: #333;
}
.price-rule-active .amount {
    color: #333;
}
.single-product form.cart:not(.variations_form) .single_add_to_cart_button {
    width: 60%;
}
.tier-pricing-summary-table {
    float: left;
    width: 40%;
}

body:not(#__) #side-nav-panel .accordion-menu li.menu-item.active > a,
body:not(#__) #side-nav-panel .menu-custom-block a:hover {
    background-color: #2a2b2e;
}

body:not(#__) tr.tiered-pricing--active td span {
	color: var(--tekst);
}




























