/*
Theme Name: Rubbermats
Template: Total
Version: 1.0
*/

/*** ALGEMEEN ***/
.breedte-300 {max-width: 300px !important;}
.breedte-400 {max-width: 400px !important;}
.breedte-500 {max-width: 500px !important;}
.breedte-600 {max-width: 600px !important;}
.breedte-700 {max-width: 700px !important;}
.breedte-800 {max-width: 800px !important;}
.breedte-900 {max-width: 900px !important;}
.breedte-980 {max-width: 980px !important;}
.breedte-1000 {max-width: 1000px !important;}
.breedte-1100 {max-width: 1100px !important;}
.breedte-1200 {max-width: 1200px !important;}
.textbigger {font-size: 1.25em !important; line-height: 1.8;}

.orange-text, .orange-text h1, .orange-text h2, .orange-text h3 {color: #CE891D;}

.diapos, .diapos h1, .diapos h2, .diapos h3 {color: #fff;}

.button {text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: 1px; padding: 10px 25px; transform: skewX(27deg); -webkit-transform: skewX(27deg); margin: 0 10px; position: relative; z-index: 1;}
.button.darkblue {background: #2b3880;}
.button.darkblue:hover {background: #2b3880;}
.button-text {display: inline-block; transform: skewX(-27deg); -webkit-transform: skewX(-27deg);}
.button.arrow {transform: none; -webkit-transform: none; margin: 0; position: relative; padding: 10px 35px 10px 25px;}
.button.arrow.blue {background: #556099;}
.button.arrow.orange span.arrow {background: #CE891D;}
.button.arrow .button-text {transform: none; -webkit-transform: none; position: relative;}
.button.arrow span.arrow {position: absolute; top: 0; right: -35px; background: #404c8d; height: 100%; width: 50px; transform: skewX(15deg); -webkit-transform: skewX(15deg); display: flex; align-items: center; justify-content: center;}
.button.arrow span.arrow svg {display: inline-block; width: 16px; height: 13px; transform: skewX(-15deg); -webkit-transform: skewX(-15deg);}
.button.arrow span.arrow:before, .button:before {content: ""; display: inline-block; position: absolute; top: 0; left: 0; right: 100%; bottom: 0; background: rgba(0,0,0,.10); -webkit-transition: 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s cubic-bezier(0.1, 0, 0.1, 1); transition: 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s cubic-bezier(0.1, 0, 0.1, 1); z-index: -1;}
.button.arrow:hover span.arrow:before, .button:hover:before { left: 100%; right: 0; -webkit-transition: 0.3s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1); transition: 0.3s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1);}
.button.arrow:before, .button:disabled, ul#thmaf-th-list button.thmaf-acnt-dflt:before {display: none;}
.button.no-skew, .button.wc-forward, .woocommerce-cart .woocommerce .button, .woocommerce-checkout .woocommerce .button, .wpex-loop-product-images .wpex-loop-product-add-to-cart>.button, .wpex-loop-product-images .wpex-loop-product-add-to-cart>.added_to_cart, .tc-summary .button, input[type=submit], body.woocommerce-account .woocommerce-MyAccount-content .button, nav.prdctfltr-pagination.prdctfltr-pagination-load-more a.button {transform: none !important; -webkit-transform: none !important; margin: 0; font-weight: 700; letter-spacing: 1px;}

a.arrow-link {font-size: 18px; font-weight: 700; text-transform: uppercase;}
a.arrow-link:after {content: "\f105"; font-family: 'ticons'; display: inline-block; font-size: 22px; padding-left: 10px; vertical-align: top;}

ul.voordelen {list-style: none; margin-left: 0;}
ul.voordelen li {position: relative; padding-left: 35px; margin-bottom: 15px;}
ul.voordelen li:before {content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 27px; height: 24px; background: url(/wp-content/uploads/2022/08/check-icon.svg) no-repeat center center;}

h1.page-header-title {font-weight: 700; font-size: 30px; color: #333 !important;}

h2.big {font-size: 60px; line-height: 1;}

a, button {outline: none !important;}

.menu-none {display: none !important;}

.width800 {max-width: 800px !important;}
.center {margin-left: auto; margin-right: auto;}
.extra-padding {padding-top: 6%; padding-bottom: calc(6% - 40px);}

button.collapsible, button.collapsible:hover {background: transparent; color: #333333; padding: 0; font-size: 17px; font-weight: 600;}
.collapsible:after {content: '\f107'; font-family: 'ticons'; color: white; float: right; margin-left: 10px; color: #333333;}
.collapsible.active:after {content: '\f106';}

/*** HEADER ***/
#top-bar-wrap {border-bottom: 0 !important;}
.top-bar-left {position: relative; padding: 10px 0; display: flex; align-items: center; padding-right: 10px;}
.top-bar-left .ticon {margin-right: 5px; color: #DC911B;}
.top-bar-right {background: #2b3880; padding: 5px 0; position: relative;}
.top-bar-right:before {content: ''; display: block; position: absolute; top: 0; left: -15px; background: #fff; height: 100%; width: 125px; transform: skewX(27deg); -webkit-transform: skewX(27deg); z-index: 1;}
.top-bar-right:after {content: ''; position: absolute; top: 0; right: -1000px; background: #2b3880; height: 100%; width: 1000px; display: block;}
.top-bar-right a {color: #333333 !important; padding-right: 40px; font-weight: 500; font-size: 14px; display: inline-block; vertical-align: middle; position: relative; z-index: 2;}
#top-bar .searchform {margin-right: 25px; height: 40px;}
.top-bar-left span.sep {color: #DC911B; display: inline-block; padding: 0 20px; font-size: 16px; font-weight: 400;}
#top-bar .searchform label {position: relative;}
#top-bar .searchform input {border: 0; background: transparent; border-radius: 0px; color: #fff; font-weight: 500; padding-top: 7.5px !important; padding-bottom: 7.5px !important;}
#top-bar .searchform .searchform-submit {opacity: 1; color: #fff; font-size: 16px;}
#site-header-inner {padding-bottom: 0;}
.header-one #site-logo {position: relative; z-index: 2; margin-top: 20px;}
#site-logo img {width: 350px;}

#site-navigation .dropdown-menu li a .nav-arrow {font-weight: 700;}
.wpex-dropdown-style-minimal-sq #site-navigation .dropdown-menu ul.sub-menu {padding: 20px; border-top: 2px solid #d5d4d4; margin-top: 10px;}
.ubermenu .ubermenu-item .ubermenu-submenu-drop>.ubermenu-tabs {border: 1px solid #eee !important;}
.navbar-style-one .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {right: 0; margin-top: -12px;}
.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item>.ubermenu-submenu.ubermenu-submenu-type-mega {border: 0 !important; }
.navbar-style-one .ubermenu-tabs-group {background: #f5f5f5 !important;}
.navbar-style-one .ubermenu-tabs-group>li>a {font-size: 15px; color: #333 !important; font-weight: 700;}
.navbar-style-one .ubermenu-tabs-group>li>.ubermenu-target>.ubermenu-sub-indicator {right: 20px !important;}
.navbar-style-one .ubermenu-skin-minimal .ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target {background: #d5d4d4;}
.navbar-style-one li.woo-menu-icon.ubermenu-item {vertical-align: middle;}
.navbar-style-one li.woo-menu-icon.ubermenu-item>a {color: #fff;}
.navbar-style-one li.woo-menu-icon.ubermenu-item:hover>a {background: #DC911B; color: #fff;}
.navbar-style-one .ubermenu-tab-content-panel {padding: 30px 10px !important;}
.ubermenu-tab-content-panel>li.ubermenu-item-has-children {margin-bottom: 30px;}
.ubermenu-tab-content-panel>li.ubermenu-item-has-children>a {text-transform: uppercase; font-size: 14px; border-bottom: 0 !important; padding: 0 20px;}
.ubermenu-tab-content-panel li a .ubermenu-target-text {position: relative;}
.ubermenu-tab-content-panel li a .ubermenu-target-text:after {content: ''; display: block; position: absolute; bottom: -2px; left: 0; width: 0; height: 1px; background: #333; transition: .3s; -webkit-transition: .3s;}
.ubermenu-tab-content-panel li>a:hover>.ubermenu-target-text:after, .ubermenu-tab-content-panel li.ubermenu-current-menu-item>a>.ubermenu-target-text:after {width: 100%;}
.ubermenu-tab-content-panel li.ubermenu-current-menu-item:not(.ubermenu-item-has-children)>a>.ubermenu-target-text {font-weight: 500;}
.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target {font-size: 13px;}
.ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {border: 1px solid #eee !important;}
.ubermenu-transition-shift .ubermenu-item.ubermenu-active>.ubermenu-submenu-drop {margin-top: 0 !important;}
.ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-has-submenu-flyout > .ubermenu-submenu-drop a {padding-top: 10px; padding-bottom: 10px;}
.ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-has-submenu-flyout > .ubermenu-submenu-drop a:hover, .ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-has-submenu-flyout > .ubermenu-submenu-drop li.ubermenu-current-menu-item a {background: #d5d4d4;}

.wcmenucart-details.count.t-bubble {background: #fff !important; color: #DC911B; border: 1px solid #DC911B;}
.cart_list li, .product_list_widget li {min-height: auto;}
#current-shop-items-dropdown {border-top: 0;}

@media (max-width: 1409px) {
	.navbar-style-one .ubermenu .ubermenu-item-level-0>.ubermenu-target {margin: 0 15px !important; font-size: 16px;}
}


/*** HOME ***/
/*.intro-kolom p {line-height: 36px;}*/
.home-intro-row .intro-kolom {padding: 5em 5em 5em calc(5em + 3 * ((100vw - 320px) / 680));}
.intro-kolom.blauw {background: #2b3880;}
.intro-kolom:before, .extra-text-row .tekst-kolom.lightgrey:before, .kolom-bg-img.grijs:before, .footer-quote-row:before {content: ''; display: block; background: inherit; width: 1000px; height: 100%; position: absolute; left: -1000px; top: 0;}
.intro-kolom:after {content: ''; display: block; background: inherit; width: 250px; height: 100%; position: absolute; right: -250px; top: 0; transform: skew(27deg, 0deg); -webkit-transform: skew(27deg, 0deg); transform-origin: bottom left; z-index: 1;}
.intro-kolom>.vc_column-inner, .home-intro-row .vc_column-inner {position: relative; z-index: 2 !important;}
.intro-kolom-lichtblauw {background: #f1f7ff;}
.intro-kolom-lichtblauw:after {content: ''; display: block; background: inherit; width: 5000px; height: 100%; position: absolute; right: -5000px; top: 0;}
.intro-kolom-lichtblauw .vcex-image-inner, .cat-img-tekst-row .vcex-image-inner {transform: skew(27deg); -webkit-transform: skew(27deg); width: calc(100% + 90px); height: 440px; overflow: hidden;}
.intro-kolom-lichtblauw .vcex-image-inner img, .cat-img-tekst-row .vcex-image-inner img {width: 100%; height: 100%; transform: skew(-27deg); -webkit-transform: skew(-27deg); position: absolute; top: 0; left: -90px; object-fit: cover;}
.intro-kolom-grijs:before {content: ''; display: block; background: inherit; width: 1000px; height: 100%; position: absolute; right: -1000px; top: 0;}
.intro-kolom-grijs:after, .kolom-bg-img.grijs:after {content: ''; display: block; background: #fff; width: 5000px; height: 115px; position: absolute; right: -950px; top: 0;}
/*.search-blok {background: url(/wp-content/uploads/2020/10/example-image.png) no-repeat top right; background-size: cover; height: 350px; display: flex; align-items: center; padding-left: 5em; position: relative; z-index: 9;}*/
.benefits-blok, .contact-blok {background: #f5f5f5; padding: 4em; position: relative;}
.search-blok {max-width: 430px; padding-top: 45px;}
.search-blok h3 {font-size: 30px;}
.benefits-blok:before {content: ''; display: block; background: #fff; width: 166px; height: 100%; position: absolute; left: -166px; top: 0; z-index: 0;}
.search-blok .searchform label {transform: skewX(27deg); -webkit-transform: skewX(27deg); background: #fff; margin-left: 15px;}
.search-blok .searchform input {padding: 10px 25px; border: 0; border-radius: 0; transform: skewX(-27deg); -webkit-transform: skewX(-27deg); background: transparent;}
.search-blok .searchform .searchform-submit {top: 0; right: 0; height: 43px; line-height: 1; margin: 0; background: #DC911B; color: #fff; font-size: 100%; opacity: 1; display: inline-block; padding: 10px 25px; transform: skewX(27deg); -webkit-transform: skewX(27deg);}
.search-blok .searchform .searchform-submit span.ticon {transform: skewX(-27deg); -webkit-transform: skewX(-27deg);}

.applications-row:before {content: ''; display: block; background: #f1f7ff; width: 100%; height: 40%; position: absolute; left: 30%; top: 0; transform: skew(27deg); -webkit-transform: skew(27deg); }
.applications-row .vcex-post-type-grid-wrap {margin-top: 30px;}
.applications-row .vcex-post-type-entry-inner, .subcat-blocks-row .vcex-post-type-entry-inner {position: relative; overflow: hidden;}
.applications-row .vcex-post-type-entry-media, .subcat-blocks-row .vcex-post-type-entry-media {margin-bottom: 0;}
.applications-row .vcex-post-type-entry-media>a:before, .subcat-blocks-row .vcex-post-type-entry-media>a:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
.applications-row .vcex-post-type-entry-media>a:after, .subcat-blocks-row .vcex-post-type-entry-media>a:after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: .3s; -webkit-transition: .3s;}
.applications-row .vcex-post-type-entry-details {text-align: center; color: #fff; padding: 0 20px; position: absolute; top: 40%; left: 0; width: 100%; transition: .5s;}
.applications-row .vcex-post-type-entry-title {color: #fff; text-transform: uppercase; font-size: 40px; font-weight: 700; transition: .5s;}
.applications-row .vcex-post-type-entry-title a:hover, .subcat-blocks-row .vcex-post-type-entry-title a:hover {color: #fff;}
.applications-row .vcex-post-type-entry-excerpt {opacity: 0; margin-top: 100%; transition: .5s;}
.applications-row .vcex-post-type-entry-inner:hover .vcex-post-type-entry-media>a:after, .subcat-blocks-row .vcex-post-type-entry-inner:hover .vcex-post-type-entry-media>a:after {backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}
.applications-row .vcex-post-type-entry-inner:hover .vcex-post-type-entry-title {margin-top: -40px;}
.applications-row .vcex-post-type-entry-inner:hover .vcex-post-type-entry-excerpt {margin-top: 0; opacity: 1;}

.featured-products-row {background: #f1f7ff; }
.featured-products-row ul.products {margin-top: 40px; margin-bottom: 40px;}
.featured-products-row.vc_row:before {content: ''; display: block; background: #fff; width: 100%; height: 100%; position: absolute; right: calc(-100% + 5%); top: 0; transform: skew(27deg, 0deg); -webkit-transform: skew(27deg, 0deg); transform-origin: bottom left;}

.kolom-bg-img .vc_column-inner {background-repeat: no-repeat; background-size: cover;}
.kolom-bg-img.grijs {background: #f1f7ff;}
.tekst-kolom {position: relative;}
.tekst-kolom.greyblue {background: #808c9f;}
.tekst-kolom.greyblue a {color: #fff; text-decoration: underline;}
.tekst-kolom.home-about:after {content: ''; display: block; background: inherit; width: 1000px; height: 100%; position: absolute; right: -1000px; top: 0;}
.tekst-kolom.home-about p {max-width: 600px;}

.tekst-kolom.lightgrey {background: #f1f7ff; position: relative;}
.extra-text-row .tekst-kolom.lightgrey .button {margin-top: 100px;}
.kolom-bg-img.grijs:after {right: unset; left: -2500px; height: 200px;}

.usp-row {padding-bottom: 3%;}
.usp-row .icon-blok {text-align: center;}
.usp-row .icon-blok img {max-height: 80px;}
.usp-row .icon-blok h4 {text-transform: uppercase; font-weight: 700; font-size: 18px; color: #DC911B;}

/*** CATEGORIE ***/
.cat-intro-row .vc_column-inner {margin-bottom: 0;}
.intro-img-kolom {z-index: 2;}
/*.intro-img-kolom>.vc_column-inner {height: 340px; background-repeat: no-repeat; background-size: cover; background-position: right 15px top;}*/
.extra-text-row h3 {font-size: 20px !important; font-weight: 600 !important; margin-top: 30px !important;}
.cat-intro-row.tekst {padding-top: 40px;}

.cat-products-row {margin-top: 60px; margin-bottom: 20px !important;}
.wpex-loop-product-images {padding: 15px;}
.products .product .product-details {padding: 15px;}
.woocommerce-loop-product__title {font-size: 16px !important; margin-bottom: 10px !important; font-weight: 700;}
.products .product .product-inner {background: #fff; box-shadow: 0 0 30px rgba(0,0,0,.05);}

.cat-extra-text-blok {font-size: 15px; max-width: 800px; margin: 60px auto 0 auto;}

.widget-heading, .prdctfltr_woocommerce_filter_title {font-size: 20px; font-weight: 700;}

.cat-products-row.full-width  ul.products {width: 100%; float: left;}
.prdctfltr_showing {display: none;}
.prdctfltr_regular_title {color: #888; font-size: 18px; font-weight: 700 !important; margin-top: 15px;}
.prdctfltr_mobile.pf_select .prdctfltr_regular_title {position: relative;}
.prdctfltr_mobile.pf_select i.prdctfltr-down {top: 50% !important; right: 10px !important; transform: translateY(-50%);}
.prdctfltr_mobile.pf_select .prdctfltr_down {top: 100% !important;}
.prdctfltr_add_scroll.prdctfltr_max_height::-webkit-scrollbar {width: 10px;}
.prdctfltr_add_scroll.prdctfltr_max_height::-webkit-scrollbar-track {background: #f5f5f5; border-radius: 8px;}
.prdctfltr_add_scroll.prdctfltr_max_height::-webkit-scrollbar-thumb {background: #ccc; border-radius: 8px;}
.pf_rngstyle_html5 .irs-bar {height: 5px !important; top: 36px !important; border-top-color: #ccc !important; border-bottom-color: #ccc !important; background: #ccc !important;}
.pf_rngstyle_html5 .irs-line {height: 5px !important; top: 36px !important; background: #f5f5f5 !important; border-color: #f5f5f5 !important;}
.pf_rngstyle_html5 .irs-from, .pf_rngstyle_html5 .irs-to, .pf_rngstyle_html5 .irs-single {background: #888 !important; font-size: 12px !important; padding: 3px 6px !important;}
.pf_rngstyle_html5 .irs-slider {width: 16px !important; height: 16px !important; top: 30px !important; background: #fff !important;}

.subcat-blocks-row {margin-top: 5em;}
.subcat-blocks-row .vc_column-inner {margin-bottom: 0 !important;}
.subcat-blocks-row .vcex-post-type-grid.entries {justify-content: center;}
.subcat-blocks-row .vcex-post-type-entry-inner .vcex-post-type-entry-details {text-align: center; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.subcat-blocks-row .vcex-post-type-entry-title {color: #fff; text-transform: uppercase; font-size: 24px; font-weight: 700; line-height: 1;}
.subcat-blocks-row .vcex-post-type-entry-title a {display: block; padding: 20px;}

.cat-img-tekst-row .kolom-bg-img>.vc_column-inner>.wpb_wrapper, .cat-img-tekst-row .vcex-image, .cat-img-tekst-row .vcex-image-inner {height: 100%;}
.cat-img-tekst-row .vcex-image {overflow: hidden; min-height: 500px;}
.cat-img-tekst-row .vcex-image-inner {width: calc(100% + 50px); left: 150px;}
.cat-img-tekst-row .vcex-image-inner img {left: -150px; }

body.tax-product_cat #content-wrap {padding-top: 30px;}

/*** PRODUCT ***/
.woocommerce .onsale {font-size: 115%; font-weight: 600; background-color: #CE891D;}

.product-breadcrumbs-wrapper {background: #f5f5f5; padding: 10px 0; position: relative; margin-bottom: 30px;}
/*.product-breadcrumbs-wrapper:before, .product-breadcrumbs-wrapper:after {content: ''; display: block; position: absolute; top: 0; left: -1000px; width: 1000px; height: 100%; background: inherit;}
.product-breadcrumbs-wrapper:after {left: unset; right: -1000px;}*/
.full-width {
   width: 100vw;
   position: relative;
   left: 50%;
   right: 50%;
   margin-left: -50vw;
   margin-right: -50vw;
}

p#breadcrumbs {margin-bottom: 0 !important; font-size: 14px;}
p#breadcrumbs a {color: #333; text-decoration: underline;}

.woo-variation-product-gallery {width: 50%; max-width: 100%;}
.woocommerce-product-gallery, .woo-variation-product-gallery {border: 2px solid #e6e6e6;}
.woocommerce-product-gallery img {margin: 0 auto;}
.woocommerce-product-gallery .flex-control-thumbs {display: none !important;}
.woocommerce-product-gallery .flex-direction-nav a, .woo-variation-product-gallery .woo-variation-gallery-slider-wrapper .wvg-slider-next-arrow, .woo-variation-product-gallery .woo-variation-gallery-slider-wrapper .wvg-slider-prev-arrow {opacity: 1; background: transparent; color: #d5d4d4; font-size: 50px;}
.woocommerce-product-gallery .flex-direction-nav a:hover {background: transparent; color: #888;}
.woocommerce-product-gallery .flex-direction-nav a.flex-prev, .woo-variation-gallery-slider-wrapper .wvg-slider-prev-arrow {left: 15px !important;}
.woocommerce-product-gallery .flex-direction-nav a.flex-next, .woo-variation-gallery-slider-wrapper .wvg-slider-next-arrow {right: 15px !important;}
.woo-variation-gallery-slider-wrapper .wvg-slider-next-arrow:before, .woo-variation-gallery-slider-wrapper .wvg-slider-prev-arrow:before {color: #d5d4d4 !important;}
.woo-variation-gallery-slider-wrapper .wvg-slider-next-arrow:hover, .woo-variation-gallery-slider-wrapper .wvg-slider-prev-arrow:hover {background: transparent !important;}
.woo-variation-gallery-wrapper .woo-variation-gallery-thumbnail-slider, .pswp__caption {display: none !important;}
.wvg-single-gallery-image-container {padding: 30px;}
.woo-variation-gallery-wrapper .woo-variation-gallery-trigger {background: #f5f5f5 !important;}
.pswp.pswp--open .pswp__bg {opacity: .75 !important;}
.woocommerce .product .summary {float: left; padding-left: 4%;}
.woocommerce-product-details__short-description {margin-top: 10px;}
.woocommerce div.product .product_title+.price {font-weight: 500; font-size: 16px;}
.woocommerce-product-details__short-description p {font-size: 14px;}
.woocommerce .product form.cart {padding-top: 0;}
.woocommerce .product .cart .variations {position: relative;}
.woocommerce .product .cart .variations label {font-size: 18px; color: #888; font-weight: 700;}
.wpex-select-wrap {border-color: #d5d4d4; border-radius: 0;}
.wpex-select-wrap select {height: 40px; line-height: 40px; padding: 0 30px 0 10px; font-size: 14px; font-family: 'Montserrat';}
.woo-variation-items-wrapper {position: relative;}
.woo-selected-variation-item-name {font-size: 14px; font-weight: 500; color: #888;}
.woocommerce .product .cart .variations .reset_variations {position: absolute; top: 0; right: 0;}
.woocommerce .quantity input[type=number] {height: 50px; width: 58px;}
.wpex-quantity-btns .plus, .wpex-quantity-btns .minus {height: 25px; line-height: 25px;}
.woocommerce-variation-price .price {font-weight: 500; font-size: 20px;}
.woocommerce .product .summary .single_add_to_cart_button {transform: none !important; -webkit-transform: none !important; font-size: 18px !important; position: relative !important; height: 50px; line-height: 1.85; z-index: 1;}
.woocommerce button.disabled {cursor: auto !important;}
.woocommerce button.disabled:before, .fancybox-caption {display: none !important;}

.woocommerce-tabs {color: #fff; position: relative; float: left;}
.woocommerce-tabs .panel>h2 {display: block; color: #fff; font-size: 18px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid #c3c3c3;}
.woocommerce-tabs .panel h3 {color: #fff;}
.woocommerce-tabs .panel a {color: #fff; text-decoration: underline;}
.woocommerce-tabs table th {border: 0; padding-left: 0; color: #fff !important; padding-bottom: 0 !important; padding-top: 0 !important;}
.woocommerce-tabs table td {border: 0; padding-bottom: 0 !important; padding-top: 0 !important;}

.woo-variation-swatches .variable-items-wrapper .variable-item {border-radius: 0 !important; box-shadow: none !important; position: relative;}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {box-shadow: 0 0 0 2px rgba(0,0,0,1) !important;}
.woo-variation-swatches .variable-items-wrapper .variable-item.color-variable-item-black-yellow .variable-item-contents:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #fde142; z-index: 1;}

.product-overview-wrapper {background: #f5f5f5; width: 100%; float: left; padding: 60px 0; position: relative;}
.product-overview-wrapper:before, .woocommerce .related.products:before, .extra-seo-tekst-wrapper:before {content: ''; display: block; position: absolute; top: 0; left: -1000px; width: 1000px; height: 100%; background: inherit; z-index: -1;}
.product-overview-wrapper:after, .extra-seo-tekst-wrapper:after {content: ''; display: block; position: absolute; top: -250px; right: -1000px; width: 2000px; height: calc(100% + 250px); background: inherit; z-index: -2;}
.product-overview-block {max-width: 800px; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; background: #fff; border: 1px solid #e6e6e6; padding: 30px;}
span.product-overview-title {font-size: 18px; font-weight: 600;}
.product-overview-block .ticon {font-size: 18px; vertical-align: middle;}

.product-overview-wrapper+.related.products {padding-top: 0 !important;}
.woocommerce .related.products {background: #f5f5f5; width: 100%; float: left; position: relative; margin-bottom: 0; padding-top: 60px; padding-bottom: 60px;}
.woocommerce .related.products:after, .product-overview-wrapper+.extra-seo-tekst-wrapper:after {content: ''; display: block; position: absolute; top: 0; right: -1000px; width: 1000px; height: 100%; background: inherit; z-index: -1;}
.up-sells>h2, .cross-sells>h2, .related.products>h2 {font-size: 30px; text-align: center; margin-bottom: 20px;}
.woocommerce .related.products ul.products {justify-content: center;}
.single-product .footer-builder:before, .woocommerce-account .footer-builder:before {background: #f5f5f5;}

.extra-seo-tekst-wrapper {width: 100%; float: left; background: #f5f5f5; position: relative; padding-top: 60px;}
.extra-seo-tekst-wrapper h2 {font-size: 2em;}
.extra-seo-tekst-wrapper h3 {font-size: 18px;}
.extra-seo-tekst-wrapper .text-block {background: #fff; padding: 30px; border: 1px solid #e6e6e6;}
.product-overview-wrapper+.extra-seo-tekst-wrapper {padding-top: 0;}

.product-contact-message {background: #f5f5f5; padding: 20px; margin-bottom: 20px; font-weight: 500; color: #000;}
.product-contact-message a {text-decoration: underline; color: #000;}

.woocommerce-error, .woocommerce-message, .woocommerce-info {background: rgba(218,49,52,.08); border: 0; color: #DA3134; line-height: 1.65; font-weight: 500; margin-bottom: 20px;}
.woocommerce-error::before {background: #DA3134; padding-left: 1px;}
.woocommerce-message {background: rgba(75,184,40,.08); color: #4BB828;}
.woocommerce-info {background: rgba(255,137,3,.08); color: #FF8903;}
.woocommerce-info::before {background: #FF8903;}

/*** CALCULATOR ***/
#product-1194 .woo-variation-product-gallery {display: none;}
.single-product.postid-1194 main {background: #f5f5f5;}
.single-product.postid-1194 .woocommerce-product-gallery, .single-product.postid-1194 section.related.products {display: none !important;}
.single-product.postid-1194 .product .summary {padding-left: 0; margin-bottom: 0; width: 100%;}
.single-product.postid-1194 .woocommerce-product-details__short-description {display: flex; gap: 40px;}

.tc-section {width: 100%; float: left; display: flex; justify-content: space-between; padding-bottom: 40px;}
.tc-section .tc-column {width: calc(50% - 15px); background: #fff; border: 2px solid #ECECEC; padding: 40px;}
.tc-summary h3, .tc-summary h2 {font-size: 16px !important; text-transform: uppercase; letter-spacing: .5px; margin-bottom: 0 !important;}
.tc-summary div.line-item {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ECECEC; padding: 15px 0;}
.tc-summary div.line-item:nth-child(2) {display: none;}
.tc-summary h3.result {color: #ABABAB;}
.tc-price:before {content: '$ ';}
#tc-order-btn {margin-top: 15px;}
#tc-order-btn:disabled {display: inline-block !important; background: #ECECEC;}
#tc-order-btn:disabled:before {display: none;}
.tc-section .tc-visual {background: #fff; border: 2px solid #ececec;}
.tc-section .section-title {text-transform: uppercase; font-size: 18px; letter-spacing: .5px;}
.tc-inner-section {border-bottom: 1px solid #ECECEC; padding: 25px 0;}
.tc-section abbr {text-decoration: none;}

.form-row.input-select.tc-shape-field {display: flex; justify-content: space-between; align-items: center; margin-bottom: 0;}
.form-row.input-select select {border: 2px solid #333; padding: 6px 35px 6px 10px; color: #333; border-radius: 4px; font-family: "Montserrat"; font-weight: 500; font-size: 16px; -webkit-appearance: none; appearance: none; position: relative; z-index: 1; background: transparent; cursor: pointer;}
.form-row.input-select label, .checkbox-title {font-size: 16px; font-weight: 600;}
.form-row.input-select select option {border: 2px solid #333;}
.form-row.input-select .woocommerce-input-wrapper {position: relative;}
.form-row.input-select .woocommerce-input-wrapper:after {content: '\f107'; font-family: 'ticons'; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; color: #333; font-size: 24px;}

.tc-column .form-row.input-checkbox .woocommerce-input-wrapper {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ECECEC; padding-bottom: 15px;}
.tc-safetymargin-field .woocommerce-input-wrapper {padding-top: 15px; border-top: 1px solid #ECECEC;}
.tc-section .tc-column input:checked + .slider {background: #14CC7B;}

.tc-shapes-repeater {max-width: 100%; margin-bottom: 30px; margin-top: 30px;}
.tc-shapes-repeater .tc-repeater-form {background: #F5F5F5; border: 0 !important; padding: 25px !important; align-items: center;}
.tc-rform-header {font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.tc-shapes-repeater .tc-repeater-form .rform-label {display: inline-block; margin-left: 20px;}
.tc-shapes-repeater .tc-repeater-form .rform-label:first-of-type {margin-left: 0;}
.tc-shapes-repeater .tc-repeater-form .rform-label .rform-prefix {font-weight: 500; width: auto; margin-right: 6px;}
.tc-shapes-repeater .tc-repeater-form .rform-label input {border: 1px solid #ECECEC; width: 45px; margin-right: 0;}
.tc-shapes-repeater .tc-repeater-form .rform-label span.input-after {background: #ECECEC; color: #ABABAB; padding: 5px; display: inline-block; line-height: normal; margin-right: 10px;}
.tc-shapes-repeater .tc-repeater-form .tc-rform-a {margin-right: 0; display: flex; justify-content: space-between; flex: 100% 0 0; margin-bottom: 15px;}
.tc-shapes-repeater .tc-repeater-form .tc-rform-b {justify-content: flex-start;}
.tc-shapes-repeater .tc-repeater-form .tc-rform-b input[type="button"] {border: 0; background: #14CC7B; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: .5px; font-family: "Montserrat"; padding: 5px 10px; cursor: pointer;}
.tc-shapes-repeater ul.tc-shapes-list {margin: 0 -10px; list-style: none;}
.tc-shapes-repeater ul.tc-shapes-list li.area-shape {display: inline-block; background: #E9EAF2; border-radius: 4px; padding: 5px 10px; position: relative; color: #2B3880; margin: 10px 15px;}
.tc-shapes-repeater ul.tc-shapes-list li.area-shape .shape-header {font-weight: 600;}
.tc-shapes-repeater ul.tc-shapes-list li.area-shape .shape-close-btn {position: absolute; right: -12px; top: -12px; width: 24px; height: 24px; line-height: 24px; background: #FFE9E6; color: #FF2F0D; border: 0; margin: 0; font-weight: 500;}
.tc-shapes-repeater ul li .shape-header .shape-l, .tc-shapes-repeater ul li .shape-header .shape-w {outline: none; padding: 0; margin: 0 5px;}

.tc-section .tc-tabs .tc-tab {margin-right: 10px; background: #ECECEC !important; border: 2px solid #ECECEC;}
.tc-section .tc-tabs .tc-tab.active {background: #fff !important; position: relative;}
.tc-section .tc-tabs .tc-tab.active:before {content: ''; display: block; height: 4px; background: #ffff; width: 100%; position: absolute; left: 0; bottom: -4px;}

.tc-section .tc-notice {background: #fbf4e8; color: #dc911b; position: relative; margin: 15px 0 25px; padding-left: 55px; border-radius: 4px; font-weight: 600; line-height: 1.5;}
.tc-section .tc-notice a {color: #FF2F0D; font-weight: bold; text-decoration: underline; float: right;}
.tc-section .tc-notice:before {content: "\f129"; font-family: 'ticons'; font-weight: 400; font-size: 13px; border-radius: 4px 0 0 4px; background: transparent; width: 22px; height: 22px; line-height: 22px; border: 1.5px solid #dc911b; border-radius: 50%; text-align: center; left: 1.854em; top: 1.209em;}
.tc-section .tc-notice.no_areas, .tc-section .tc-notice.unavailable_shape {background: #FFE9E6; color: #FF2F0D; padding-left: 50px;}
.tc-section .tc-notice.no_areas:before, .tc-section .tc-notice.unavailable_shape:before {content: ''; display: inline-block; background: url(/wp-content/uploads/2021/09/icon-warning.svg) no-repeat center center; width: 18px; height: 18px; position: absolute; border-radius: 0; border: 0;}

.tc-section.inactive .extra-area-options, .tc-section.inactive .tc-summary {opacity: .35; pointer-events: none;}

button#tc-order-btn {background: #14CC7B;}


/*** WINKELMAND + AFREKENEN ***/
.page-title-row {background: #2B3880; color: #fff; padding: 40px 0 0;}
.page-title-row h1 {color: #fff !important;}
.woocommerce-cart-form {width: 65%; float: left;}
.cart-collaterals {width: 30%; background: #F5F5F5;}
.cart-collaterals .cart_totals {width: 100%;}
.woocommerce-cart-form table thead {background: transparent;}
.woocommerce-cart table th, .woocommerce-cart table td, table.woocommerce-table--order-details th, table.woocommerce-table--order-details td {border: 0;}
.woocommerce-cart-form table th, table.woocommerce-checkout-review-order-table thead th, table.woocommerce-table--order-details thead th {text-transform: uppercase; font-weight: 700; color: #888; padding-top: 0;}
tr.woocommerce-cart-form__cart-item:first-child {border-top: 1px solid #e7e7e7;}
tr.woocommerce-cart-form__cart-item {border-bottom: 1px solid #e7e7e7;}
table.cart .product-name a {font-weight: 600;}
td.product-name dl.variation {font-size: 13px; line-height: 1.65;}
.cart-collaterals .cart_totals th, .cart-collaterals .cart_totals td {padding-left: 0; padding-top: 0;}
.cart-collaterals .order-total th {background: transparent;}
.cart-collaterals .wc-proceed-to-checkout .checkout-button {float: left; width: 100%; text-align: center;}
.cart-collaterals .cart_totals>h2, .cart-collaterals .cross-sells>h2 {text-transform: uppercase; font-size: 1.5em; font-weight: 700;}
.cart-empty {margin-top: 30px !important; text-align: left;}
.return-to-shop {text-align: left;}

.coupon.under-proceed {display: block; float: left; width: 100%; margin-top: 40px;}
.coupon.under-proceed span.coupon-title {display: block; font-weight: 600; margin-bottom: 5px; text-transform: uppercase; font-weight: 700;}
.coupon .button {background: #B3BAC5; float: none !important; display: inline-block; font-size: 13px; padding: 9px 20px;}
.coupon .button:hover {background: #B3BAC5;}
table.cart .actions button[name="update_cart"] {background: #333;}
table.cart .actions button:disabled {opacity: 0 !important; visibility: hidden;}

.woocommerce-cart .footer-quote-row {display: none;}
.woocommerce-cart .footer-builder:before {display: none;}
.woocommerce-cart .footer-builder {background: url(/wp-content/uploads/2020/10/footer-line-skew.png) #2b3880 no-repeat top right 30px;}

div.coupon:not(.under-proceed), .woocommerce-checkout .form-row .optional { display: none !important;}

.woocommerce-checkout .col2-set .col-2 {background: #F5F5F5; padding: 30px;}
.woocommerce-checkout .col2-set .col-2 table.woocommerce-checkout-review-order-table thead {background: #F5F5F5;}
.woocommerce-shipping-fields {margin-top: 30px;}
.woocommerce-checkout-payment .wc_payment_method label {display: inline-block; width: 90%;}
.woocommerce-checkout a.about_paypal {display: none;}
.woocommerce-checkout-payment .wc_payment_method img {display: inline-block; max-height: 50px; vertical-align: middle; margin-left: 5px;}
#stripe-payment-data>p {font-size: 13px; line-height: 1.75;}
table.woocommerce-checkout-review-order-table thead, table.woocommerce-table--order-details thead {background: #fff;}
table.woocommerce-checkout-review-order-table td, table.woocommerce-checkout-review-order-table th {border: 0; padding: .25em 0; width: 50%;}
.wc-stripe-elements-field, .wc-stripe-iban-element-field {padding: 6px 10px; line-height: 1.65;}
.woocommerce .blockUI.blockOverlay {background: rgba(255,255,255,.25) !important; opacity: 1 !important;}
.woocommerce-checkout-payment ul.wc_payment_methods {border-bottom: 1px solid #e7e7e7}
.woocommerce-checkout-payment ul.wc_payment_methods li {border-top: 1px solid #e7e7e7; padding: 10px 0;}
.payment_box.payment_method_stripe ul {list-style: none; margin: 0;}
.payment_box.payment_method_stripe ul li {border-top: 0; padding-top: 0;}
.woocommerce-terms-and-conditions-wrapper {margin-bottom: 20px;}
.woocommerce-privacy-policy-text {font-size: 13px; line-height: 22px; font-style: italic;}
.select2-container--default .select2-selection--single {border-radius: 0;}
p#docking_station_field {margin-top: 20px; margin-bottom: 20px !important;}
p#docking_station_field select {border: 1px solid #e0e0e0; width: 100%; height: 35px; cursor: pointer; padding-left: 8px; padding-right: 8px; color: #616161; font-family: inherit;}
.woocommerce-checkout.woocommerce-order-received .col2-set .col-1, .woocommerce-checkout.woocommerce-order-received .col2-set .col-2 {width: 100%; background: #fff;}
p#docking_station_field.woocommerce-invalid-required-field select, .woocommerce-invalid-required-field input {border-color: #DC3232;}
p.create-account {font-size: 1.231em; font-weight: 700;}
h3#ship-to-different-address label, p.create-account {cursor: pointer;}
form.woocommerce-checkout {padding-top: 0;}
form.woocommerce-checkout label {font-weight: 600;}


@media (max-width: 1023px) {
	.woocommerce-cart-form {width: 100%; margin-top: 30px; margin-bottom: 20px;}
	.cart-collaterals {width: 100%; padding: 30px; float: left; margin-bottom: 30px !important;}
}

@media (min-width: 1024px) {
	.cart-row .wpb_column {position: unset;}
	.woocommerce-cart-form {padding-top: 40px;}
	.cart-collaterals {position: absolute; top: 0; right: 0; height: 100%; padding: 40px 0 0 40px;}
	.woocommerce-checkout .col2-set .col-1 {padding-top: 40px;}
	.woocommerce-checkout:not(.woocommerce-order-received) .col2-set .col-2 {position: absolute; top: 0; right: 0; height: 100%; padding: 40px 0 40px 40px;}
	.woocommerce .cart-collaterals:after, .woocommerce-checkout:not(.woocommerce-order-received) .col2-set .col-2:after {content: ''; display: block; position: absolute; top: 0; right: -1000px; width: 1000px; height: 100%; background: #F5F5F5; visibility: visible;}
	.woocommerce-form-login-toggle, .woocommerce-form-login {max-width: 48%;}
	.woocommerce-form-login-toggle {padding-top: 40px;}
	.woocommerce-form-login-toggle .woocommerce-info {text-align: left; padding-bottom: 0;}
}

.woocommerce-checkout .woocommerce-order {max-width: 800px; margin-left: auto; margin-right: auto; padding-top: 40px;}
.woocommerce-checkout ul.woocommerce-order-overview.woocommerce-thankyou-order-details {background: #f5f5f5; padding: 30px;}
.woocommerce-order-received .page-title-row h1 {text-align: center;}
.woocommerce-table--order-details {border: 1px solid #ececec;}
.woocommerce-table--order-details ul.wc-item-meta {margin-left: 0;}
.tc-product-options li, .tc-product-list li, .tc-product-visuals li {padding-left: 0;}
.wc-item-meta-label {display: block !important; width: 100%; float: none !important;}
table.woocommerce-table--order-details thead th {padding-top: .769em;}
.woocommerce-table--order-details ul.wc-item-meta>li:first-child {border-top: 0 !important;}
.woocommerce-table--order-details .tc-product-list .tc-product-area-title {border-bottom: 0 !important;}
.woocommerce-table--order-details .tc-product-area-title {font-weight: 700;}
.woocommerce-table--order-details .tc-product-list>ul {border: 1px solid #ececec; padding: 15px;}
/*.woocommerce-table--order-details tfoot {background: #f5f5f5;}*/
.woocommerce-table--order-details tfoot>tr:first-child th, .woocommerce-table--order-details tfoot>tr:first-child td {padding-top: .769em;}
.woocommerce-table--order-details tfoot th, .woocommerce-table--order-details tfoot td {padding-top: 0;}
.tc-product-visuals a {text-decoration: underline !important;}
.woocommerce-table--order-details .woocommerce-table__line-item {border-top: 1px solid #ececec;}
.woocommerce .addresses .col-1, .woocommerce .addresses .col-2 {text-align: left; padding: 25px;}
.woocommerce-customer-details .woocommerce-column h2 {font-size: 20px !important;}

select#thmaf_shipping_alt {width: 100%; height: 35px; padding: 8px; cursor: pointer;}

/*** MY ACCOUNT ***/
body.woocommerce-account main {background: #f5f5f5; padding: 60px 0;}
.content-full-width.woocommerce-account #customer_login {display: flex;}
body.woocommerce-account .col-1, body.woocommerce-account .col-2 {background: #fff; padding: 30px 0 !important; margin: 0 15px 0 !important;}
body.woocommerce-account .woocommerce-MyAccount-content .col-1, body.woocommerce-account .woocommerce-MyAccount-content .col-2 {margin: 0 !important;}
#customer_login form.login, #customer_login form.register {border: 0; padding: 0;}
form.woocommerce-form label.woocommerce-form-login__rememberme {display: block;}
.woocommerce-form-login__submit {float: none; margin: 10px 0;}
body.woocommerce-account form .button {transform: none; -webkit-transform: none;}
.woocommerce-address-fields__field-wrapper {margin-bottom: 25px;}

.thmaf-acnt-cus-addr {margin-bottom: 30px;}
.thmaf-acnt-cus-addr .th-head h3 {border-bottom: 0;}
.thmaf-my-acnt.th-custom {margin-top: 0;}
ul#thmaf-th-list {margin-left: 0; list-style: none;}
ul#thmaf-th-list button.thmaf-acnt-dflt {background: none; color: #DC911B; padding: 0; letter-spacing: 0; text-transform: none; font-weight: 400;}
.thmaf-main-content {display: flex; flex-wrap: wrap;}
.thmaf-main-content>div {width: 100%; order: 2;}
.thmaf-main-content .btn-continue.address-wrapper {order: 1; text-align: left;}
ul#thmaf-th-list .acnt-adrr-text {line-height: 1.5;}
.thmaf-acnt-adr-footer button.thmaf-del-acnt {font-weight: 600; margin-top: 10px; margin-bottom: 10px; color: #fff;}
.thmaf-acnt-adr-footer button.thmaf-del-acnt:hover {background: #cc0000; color: #fff;}
.thmaf-thslider-box {margin: 0; padding-left: 0;}
.thmaf-thslider-viewport, .thmaf-adr-box.address-box {font-size: 14px;}
.thmaf-thslider-box .thmaf-thslider-viewport li.thmaf-thslider-item {margin: 0;}
.thmaf-acnt-adr-footer.acnt-address-footer {height: auto;}

body.woocommerce-account.logged-in .single-page-content .woocommerce {display: flex;}
.woocommerce-MyAccount-navigation {background: #2b3880;}
.woocommerce-MyAccount-navigation ul {border: 0; border-radius: 0; padding: 1em 0;}
.woocommerce-MyAccount-navigation li {border-bottom: 0;}
.woocommerce-MyAccount-navigation li.is-active a {background-color: transparent !important; opacity: 1;}
.woocommerce-MyAccount-navigation a {color: #fff; opacity: .75; font-weight: 700; font-size: 16px; padding: .5em 2em;}
.woocommerce-MyAccount-navigation a:hover {background: transparent; color: #fff; opacity: 1;}
.woocommerce-MyAccount-navigation li:first-child a, .woocommerce-MyAccount-navigation li:last-child a {border-radius: 0;}
.content-full-width .woocommerce-MyAccount-content {padding: 40px; background: #fff;}
body.woocommerce-account .woocommerce-EditAccountForm {margin-bottom: 30px;}
body.woocommerce-account .woocommerce-EditAccountForm .afreg_extra_fields {display: none;}
.woocommerce-MyAccount-paymentMethods .woocommerce-PaymentMethod--actions .button.delete, .thmaf-acnt-adr-footer button.thmaf-del-acnt {background: #cc0000; padding: 10px 15px; font-size: .923em;}
.woocommerce-MyAccount-paymentMethods+.button {font-size: .923em;}
.woocommerce-MyAccount-navigation-link--customer-logout {margin-top: 3em;}
.woocommerce-MyAccount-navigation-link--customer-logout a {color: #fff; opacity: .35;}
.woocommerce-MyAccount-navigation-link--customer-logout a:hover {opacity: .75;}
.woocommerce-MyAccount-navigation-link--customer-logout a:before {content: "\f08b"; font-family: 'ticons'; font-weight: 400; padding-right: 6px;}
.woocommerce-MyAccount-content .woocommerce-notices-wrapper {margin-bottom: 20px;}

@media only screen and (min-width: 800px) {
	.content-full-width.woocommerce-account #customer_login {margin: 0 -15px;}
	.content-full-width.woocommerce-account #customer_login .col-1, .content-full-width.woocommerce-account #customer_login .col-2 {width: calc(50% - 30px);}
}


/*** CONTACT ***/
.gform_wrapper.gravity-theme .gfield_label {}
.gfield_description {font-style: italic; margin-top: -8px; padding-bottom: 10px !important;}
.gform_wrapper textarea.large {height: 120px !important;}
.gfield_radio input, .gfield_radio label, .gfield_checkbox input, .gfield_checkbox label {cursor: pointer;}
.gform_required_legend {display: none;}
.gform_wrapper.gravity-theme .gfield select {min-height: 42px; cursor: pointer;}

/*** SEARCH PAGE ***/
body.search .searchform-search-page {margin-top: 20px; margin-bottom: 40px;}
body.search strong.search-term {opacity: .8;}
#search-entries {display: flex; flex-wrap: wrap; justify-content: space-between;}
#search-entries .search-entry {flex-basis: calc(50% - 15px); border: 1px solid #e8e8e8; padding: 40px 30px 30px; margin-bottom: 30px;}
.search-entry-divider, body.search-results  .footer-quote-row, #search-entries:after {display: none !important;}
#search-entries .search-entry.type-product:before {content: 'Product'; position: absolute; top: 0; right: 0; background: #E8E8E8; padding: 8px 10px; text-transform: uppercase; font-size: 13px; font-weight: 600; line-height: 1;}
#search-entries .search-entry .search-entry-excerpt {position: relative; height: 4em; overflow: hidden;}
#search-entries .search-entry .search-entry-excerpt:after {content: ""; display: block; text-align: right; position: absolute; bottom: 0; right: 0; width: 70%; height: 1.2em; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 95%); visibility: visible;}
#search-entries .search-entry .search-entry-link {}

/*** FOOTER ***/
.footer-quote-row {background: #eaebf2; padding: 3em 5em 3em 0; transform: skewX(27deg); -webkit-transform: skewX(27deg);}
.footer-quote-row .flex-wrapper {display: flex; justify-content: space-between; align-items: center; transform: skewX(-27deg); -webkit-transform: skewX(-27deg);}
.footer-quote-row span.titel {font-size: 40px; font-weight: 700; display: block;}
.footer-quote-row .vc_column-inner {margin-bottom: 0 !important;}
.footer-quote-row:before {left: -950px;}

.custom-footer-row {color: #fff; padding: 5em 0;}
.custom-footer-row h6 {color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; font-weight: 700; margin: 0 0 30px 0 !important;}
.footer-builder {position: relative; background: url(/wp-content/uploads/2022/08/footer-line-skew.png) #2b3880 no-repeat top right 30px; background-size: contain;}
.custom-footer-row .menu li {padding-bottom: 10px;}
.custom-footer-row .menu li:last-child {padding-bottom: 0;}
.custom-footer-row .menu a {color: #fff;}

.footer-copyright-row {color: #fff; padding: 25px 0; border-top: 1px solid #DC911B;}

/*** RESPONSIVE ***/
@media (min-width: 768px) {
	.extra-text-row .vc_column-inner {margin-bottom: 0 !important;}
	.footer-quote-row {max-width: 90%;}
	.woocommerce-tabs {padding: 60px 15% 40px 0; width: calc(100% - 100px); display: flex; justify-content: space-between;}
	.woocommerce-tabs:before {content: ''; display: block; position: absolute; top: 0; left: -50vw; width: 100vw; height: 100%; background: #808c9f; z-index: 0;}
	.woocommerce-tabs:after {content: ''; display: block; position: absolute; top: 0; right: 0; width: 50vw; height: 100%; background: #808c9f; z-index: 0; transform: skewX(-27deg); -webkit-transform: skewX(-27deg);}
	/*.woocommerce-tabs .panel, .woocommerce-tabs:before {transform: skewX(27deg); -webkit-transform: skewX(27deg);}*/
	.woocommerce-tabs ul.tabs {display: none !important;}
	.woocommerce-tabs .panel {display: block !important; flex-basis: 46%; font-size: 14px; position: relative; z-index: 1;}
	.woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information:first-of-type {flex-basis: 100%;}
	.woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information:first-of-type table tbody {columns: 2; display: block;}
	.cat-products-row .prdctfltr_wc {width: calc(25% - 5%); float: left;}
	.cat-products-row div.prdctfltr_wc_regular+ul.products {width: 75%; float: right; clear: none;}
	body.search .searchform-search-page {max-width: calc(50% - 15px);}
	h1, h2 {font-size: calc(34px + 5 * ((100vw - 1600px) / 320)) !important;}
	.gfield#field_2_5 {max-width: calc(50% - 16px);}
	.cat-intro-row .vcex-image-inner {transform: skew(27deg); -webkit-transform: skew(27deg); width: calc(100% + 90px); height: 350px; overflow: hidden;}
	.cat-intro-row .vcex-image-inner img {width: 100%; height: 100%; transform: skew(-27deg); -webkit-transform: skew(-27deg); position: absolute; top: 0; left: -90px; object-fit: cover; object-position: center;}
}

@media (max-width: 767px) {
	.extra-padding {padding-top: 50px; padding-bottom: 10px;}
	.top-bar-left .top-bar-item {margin-right: 15px; font-size: 12px;}
	.woocommerce-tabs {padding: 30px !important; transform: none; -webkit-transform: none; background: #808c9f; width: 100%;}
	.woocommerce-tabs .panel>h2 {color: #fff;}
	.footer-quote-row {padding: 30px 15px; margin-left: 0 !important; margin-right: 0 !important; transform: none; -webkit-transform: none;}
	.footer-quote-row .flex-wrapper {flex-wrap: wrap; transform: none; -webkit-transform: none;}
	.footer-quote-row span.titel {font-size: 26px; margin-bottom: 10px;}
	.footer-quote-row a.button {margin-top: 10px;}
	.woocommerce-checkout-payment .wc_payment_method label img, .footer-quote-row:before, .footer-quote-row .flex-wrapper .tekst br, .tekst-kolom.home-about:after, .kolom-bg-img.grijs:before, .intro-kolom:after {display: none !important;}
	.extra-text-row .tekst-kolom.lightgrey .button {margin-top: 20px;}
	h1, h2 {font-size: 30px !important;}
	h2.big {font-size: 40px !important;}
	h2.search-entry-header-title {font-size: 18px !important;}
	#search-entries .search-entry {width: calc(50% - 15px);}
	#search-entries .search-entry .search-entry-inner {display: block;}
	body.woocommerce-account.logged-in .single-page-content .woocommerce {flex-wrap: wrap;}
	body.woocommerce-account.logged-in .single-page-content .woocommerce .woocommerce-MyAccount-navigation ul {display: flex; overflow-x: auto;}
	body.woocommerce-account.logged-in .single-page-content .woocommerce .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {height: 10px;}
	body.woocommerce-account.logged-in .single-page-content .woocommerce .woocommerce-MyAccount-navigation ul::-webkit-scrollbar-track {background: #eaebf2;}
	body.woocommerce-account.logged-in .single-page-content .woocommerce .woocommerce-MyAccount-navigation ul::-webkit-scrollbar-thumb {background: #333;}
	body.woocommerce-account.logged-in .single-page-content .woocommerce .woocommerce-MyAccount-navigation ul li a {white-space: nowrap;}
	.woocommerce-MyAccount-navigation-link--customer-logout {margin-top: 0;}
	.applications-row .vcex-post-type-entry-title {font-size: 30px;}
	.cat-intro-row.tekst {padding-top: 20px;}
	.cat-intro-row.tekst h1 {margin-bottom: 15px;}
	.cat-intro-row .intro-kolom {padding: 2em 15px !important;}
	.intro-img-kolom>.vc_column-inner {padding-left: 0; padding-right: 0;}
	.cat-img-tekst-row .vcex-image {min-height: 300px;}
	.cat-img-tekst-row .vcex-image-inner {width: 100%; left: unset; transform: none; -webkit-transform: none;}
	.cat-img-tekst-row .vcex-image-inner img {left: 0; transform: none; -webkit-transform: none;}
	.cat-img-tekst-row {margin-bottom: 40px !important;}
	.cat-img-tekst-row .tekst-kolom {padding: 2em;}
	.extra-text-row .tekst-kolom {padding: 2em 0;}
	.footer-builder {background-image: none;}
}

@media (max-width: 479px) {
	.search-blok .searchform {max-width: 90%;} 
	.search-blok .searchform label {margin-left: 0; height: 43px; vertical-align: middle;}
	#search-entries {display: block;}
	#search-entries .search-entry {width: 100%; padding: 35px 20px 20px;}
	#search-entries .search-entry .search-entry-thumb {margin-bottom: 15px;}
	.search-blok {padding-bottom: 45px !important;}
	.search-blok h3 {font-size: 26px; margin-bottom: 15px;}
	.applications-row .col {width: 100% !important;}
	.featured-products-row.vc_row:before {display: none;}
}

@media (min-width: 960px) {
	.intro-kolom {padding: 4em 5em 5em 0; min-height: 440px; width: clamp(420px, 33.33333333%, 510px);}
	.intro-img-kolom {width: clamp(calc(100% - 510px), calc(100% - 33.33333333%), calc(100% - 420px));}
	.home-intro-row .intro-kolom {width: 40%;}
	.vervolg-row h2.big {margin-top: -5vw;}
	.benefits-blok {margin-left: 166px;}
	.tekst-kolom {padding: 6em 0 6em 5em;}
	.search-blok {margin-left: 25rem; padding-right: 2.5em;}
}

@media (max-width: 959px) {
	.cat-intro-row {display: flex; flex-direction: column-reverse; margin-left: 0; margin-right: 0;}
	.cat-intro-row.tekst {border-top: 2px solid #f5f5f5;}
	.intro-kolom {padding: 2.5em;}
	.tekst-kolom, .benefits-blok {padding: 2.5em;}
	.intro-kolom:before {display: none;}
	#site-logo img {width: 200px;}
	.search-blok {padding-left: 30px; padding-right: 30px; padding-bottom: 60px; margin: 0 auto;}
	.home-intro-row .intro-kolom {padding: 40px 30px}
	.applications-row .col {width: 50%;}
	.applications-row:before {display: none;}
	.intro-kolom-lichtblauw .vcex-image {display: none;}
	.intro-kolom-lichtblauw .vcex-image-inner {margin-left: 15vw;}
	.featured-products-row.vc_row:before {right: -125%;}
	ul.products.wpex-grid {--wpex-grid-columns: 2;}
	
	.tc-section {flex-wrap: wrap;}
	.tc-section .tc-column {width: 100%;}
	.tc-section .tc-column.main {margin-bottom: 30px;}
	.tc-shapes-repeater .tc-repeater-form .rform-label {display: block; margin-left: 0;}
	.tc-shapes-repeater .tc-repeater-form .tc-rform-b {justify-content: flex-start; margin-top: 15px;}
}

@media (max-width: 619px) {
	.top-bar-left {flex-wrap: wrap; justify-content: center !important; min-height: 35px;}
	.top-bar-left .top-bar-item {flex-basis: 100%; margin-right: 0; padding: 0 !important; text-align: center; position: absolute; top: 7.5px;}
	.top-bar-left .top-bar-item:nth-child(1) {animation-name: fade1; animation-duration: 12s; animation-timing-function: linear; animation-iteration-count: infinite;}
	.top-bar-left .top-bar-item:nth-child(2) {animation-name: fade2; animation-duration: 12s; animation-timing-function: linear; animation-iteration-count: infinite;}
	.top-bar-left .top-bar-item:nth-child(3) {animation-name: fade3; animation-duration: 12s; animation-timing-function: linear; animation-iteration-count: infinite;}
}

/* Responsive Breakpoint */
@media (max-width: 1279px) {
	#top-bar-wrap {background: #f1f7ff;}
	#top-bar {text-align: left;}
	.top-bar-left {justify-content: space-between; width: 100%; padding-right: 0;}
	.top-bar-left:after, .ubermenu.ubermenu-mobile-modal .woo-menu-icon, .ubermenu.ubermenu-mobile-modal .ubermenu-mobile-footer .ubermenu-mobile-close-button {display: none !important;}
	.top-bar-left .top-bar-item {margin-right: 0; line-height: 1.65;}
	.top-bar-right {display: none;}
	.wpex-mobile-toggle-menu-icon_buttons #site-logo {float: none !important; margin-top: 0; width: 100%; text-align: center !important; z-index: 0;}
	#site-logo-inner {display: inline-block;}
	#site-header-inner {padding-top: 20px; padding-bottom: 20px;}
	#site-navigation-wrap {display: block;}
	a.mobile-menu-extra-icons.mobile-menu-shopping-cart {margin-right: 0 !important;}
	.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {color: #111 !important;}
	.ubermenu.ubermenu-mobile-modal {max-width: 100% !important;}
	.ubermenu.ubermenu-mobile-modal .ubermenu-mobile-header .mobile-menu-close-wrapper {height: 35px; background: #2B3880;}
	.ubermenu.ubermenu-mobile-modal .ubermenu-mobile-header .ubermenu-mobile-close-button {float: right; color: #fff; padding: 7px 10px;}
	.ubermenu.ubermenu-mobile-modal .ubermenu-mobile-header .mobile-menu-logo-wrapper {padding: 20px;}
	.ubermenu.ubermenu-mobile-modal .ubermenu-mobile-header .mobile-menu-logo-wrapper img {max-width: 200px;}
	.ubermenu.ubermenu-mobile-modal .ubermenu-mobile-footer {padding: 10px;}
}

.navbar-style-one {position: relative; right: 0; width: 100%; height: auto; margin-top: 0;}

@media (min-width: 1280px) {
	
	.navbar-style-one:after {content: ''; display: block; background: #DC911B; width: 1000px; height: 100%; position: absolute; top: 0; right: -1000px; visibility: visible;}
	.ubermenu-bar-align-full {clear: unset !important;}
	.ubermenu-main.ubermenu-bound {position: unset; text-align: right;}
	.navbar-style-one .ubermenu .ubermenu-item-level-0>.ubermenu-target {padding: 25px 0 !important; margin: 0 20px !important;}
	.navbar-style-one .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target {padding-right: 25px !important;}
	.ubermenu .ubermenu-item.ubermenu-item-level-0 {background: #DC911B; }
	.ubermenu .ubermenu-item.ubermenu-item-level-0:first-of-type:before {content: ''; background: #DC911B; display: block; width: 60px; height: 100%; position: absolute; margin-left: -30px; transform: skewX(27deg); -webkit-transform: skewX(27deg);}
}

button.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {position: absolute; left: 0; top: 50%; margin-top: -40px; width: auto; font-size: 25px; background: #DC911B; color: #fff; line-height: 1; width: 50px; height: 50px; line-height: 50px; padding: 0; text-align: center; border-radius: 50%;}
.mobile-menu-toggle {display: none !important;}
a.mobile-menu-extra-icons.mobile-menu-shopping-cart {margin-right: 40px;}
a.mobile-menu-extra-icons.mobile-menu-search {margin-right: 10px;}
/*.ubermenu-mobile-modal li.ubermenu-item.toggle-cart-widget,*/ .ubermenu-mobile-modal li.ubermenu-item.search-toggle-li {display: none;}
.ubermenu-mobile-modal .ubermenu-tabs-group>li>a>.ubermenu-target-text, .ubermenu-mobile-modal .ubermenu-submenu-type-flyout>li>a>.ubermenu-target-text {font-size: 16px; font-weight: 500;}
.ubermenu-mobile-modal.ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop, .ubermenu-mobile-modal.ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group, .ubermenu-mobile-modal.ubermenu .ubermenu-item .ubermenu-submenu-drop>.ubermenu-tabs, .ubermenu-mobile-modal.ubermenu-responsive .ubermenu-tab > .ubermenu-target {border: 0 !important;}

@media (max-width: 767px) {
	#top-bar-content {padding: 10px 0;}
	#top-bar-content .top-bar-item {width: 100%; display: block; position: absolute; top: 8px; left: 50% !important; transform: translateX(-50%);}
	
	@keyframes fadeOutIn {
	  0% { opacity: 1; }
	  25% { opacity: 0; }
	  50% { opacity: 0; visibility: hidden; }
	  75% { opacity: 0; visibility: hidden; }
	  100% { opacity: 1; }
	}

	.top-bar-item {
	  opacity: 0;
	  visibility: hidden;
	  position: absolute;
	}

	.visible {
	  opacity: 1;
	  visibility: visible;
	}
	/*
	#top-bar-content .top-bar-item:nth-child(1) {animation-name: fade1; animation-duration: 12s; animation-timing-function: linear; animation-iteration-count: infinite;}
	#top-bar-content .top-bar-item:nth-child(2) {animation-name: fade2; animation-duration: 12s; animation-timing-function: linear; animation-iteration-count: infinite;}
	#top-bar-content .top-bar-item:nth-child(3) {animation-name: fade3; animation-duration: 12s; animation-timing-function: linear; animation-iteration-count: infinite;}
	#top-bar-content .top-bar-item:nth-child(4) {animation-name: fade3; animation-duration: 12s; animation-timing-function: linear; animation-iteration-count: infinite;
	*/
	}

/**
@keyframes fade1 {
	0% {opacity: 0;}
	3% {opacity: 1;}
	30% {opacity: 1;}
	33% {opacity: 0;}
	100% {opacity: 0;}
}

@keyframes fade2 {
	0% {opacity: 0;}
	33% {opacity: 0;}
	36% {opacity: 1;}
	63% {opacity: 1;}
	66% {opacity: 0;}
	100% {opacity: 0;}
}

@keyframes fade3 {
	0% {opacity: 0;}
	66% {opacity: 0;}
	70% {opacity: 1;}
	97% {opacity: 1;}
	100% {opacity: 0;}
}
**/