/* Theme Name: Storefront Child Theme Theme URI: https://github.com/stuartduff/storefront-child-theme Author: Stuart Duff Author URI: http://stuartduff.com Template: storefront Description: This is a blank child theme for WooThemes StoreFront theme Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: storefront Tags: black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL Images License: GNU General Public License v2 or later */ /* * Add your own custom css below this text. */ /*******************************/ /********** VARIABLES **********/ /*******************************/ :root { --color--black: #333333; --color--black--tint-1: #555555; --color--black--tint-2: #777777; --color--white: #FFFFFF; --color--white-65: rgba(255,255,255,.65); --color--white-40: rgba(255,255,255,.4); --color--white-20: rgba(255,255,255,.2); --color--white-15: rgba(255,255,255,.15); --color--light-grey: #C5C5C5; --color--grey: #555555; --color--grey--tint-1: #999999; --color--grey--tint-2: #D5D5D5; --color--grey--tint-3: #E0E0E0; --color--grey--tint-4: #EEEEEE; --color--grey--tint-5: #F4F4F4; --color--grey--shade-1: #444444; --color--grey--shade-2: #333333; --color--grey--shade-3: #222222; --color--blue: #009AC0; --color--blue--tint-1: #009AC0; --color--blue--shade-1: #008bad; --color--blue--shade-2: #007b9a; --color--blue--shade-3: #006c86; --color--light-blue: #42CFF2; --color--dark-blue: #006481; --color--brown: #C99F1D; --color--brown--tint-1: #CEA934; --color--brown--tint-2: #D4B24A; --color--brown--tint-3: #FAF5E8; --color--red: #C9551D; --color--green: #66A612; --color--green--tint-1: #7EC91D; --brand--color-1: var(--color--blue); --brand--color-1--light: var(--color--blue--tint-1); --brand--color-1--medium-light: var(--color--blue--tint-2); --brand--color-2: var(--color--dark-blue); --brand--color-3: var(--color--brown); --brand--color-3--light: var(--color--brown--tint-1); --brand--color-3--medium-light: var(--color--brown--tint-2); --brand--color-3--extra-light: var(--color--brown--tint-3); --text--color-1: var(--color--grey); --text--color-1--tint-1: var(--color--grey--tint-1); --text--color-1--tint-2: var(--color--grey--tint-2); --text--color-1--tint-3: var(--color--grey--tint-3); --text--color-1--shade-1: var(--color--grey--shade-1); --text--color-1--shade-2: var(--color--grey--shade-2); --text--color-1--shade-3: var(--color--grey--shade-3); --text--color-1--light: var(--text--color-1--tint-1); --text--color-1--medium-light: var(--text--color-1--tint-2); --text--color-1--extra-light: var(--text--color-1--tint-3); --text--color-1--medium-dark: var(--text--color-1--shade-1); --text--color-1--dark: var(--text--color-1--shade-2); --text--color-1--extra-dark: var(--text--color-1--shade-3); --nav-link--color: var(--color--white); --nav-link--color--hover: var(--brand--color-3); --nav-link--color--active: var(--brand--color-3); --link--color: var(--brand--color-3); --link--color--hover: var(--brand--color-3); --link--color--active: var(--brand--color-3); --button--primary-color: var(--brand--color-3); --button--primary-color--hover: var(--brand--color-3--medium-light); --button--primary-color--active: var(--brand--color-3); --button--secondary-color: var(--brand--color-1); --button--secondary-color--hover: var(--brand--color-1--light); --button--secondary-color--active: var(--brand--color-1); --border-grey: #D5D5D5; --border-medium-grey: #E5E5E5; --border-light-grey: #EEEEEE; --border--color-1: var(--color--grey); --border--color-1--tint-1: var(--color--grey--tint-1); --border--color-1--tint-2: var(--color--grey--tint-2); --border--color-1--tint-3: var(--color--grey--tint-3); --border--color-1--tint-4: var(--color--grey--tint-4); --border--color-1--tint-5: var(--color--grey--tint-5); --border--color-1--shade-1: var(--color--grey--shade-1); --border--color-1--shade-2: var(--color--grey--shade-2); --border--color-1--shade-3: var(--color--grey--shade-3); --background--color-1: var(--color--grey); --background--color-1--tint-1: var(--color--grey--tint-1); --background--color-1--tint-2: var(--color--grey--tint-2); --background--color-1--tint-3: var(--color--grey--tint-3); --background--color-1--tint-4: var(--color--grey--tint-4); --background--color-1--tint-5: var(--color--grey--tint-5); --background--color-1--shade-1: var(--color--grey--shade-1); --background--color-1--shade-2: var(--color--grey--shade-2); --background--color-1--shade-3: var(--color--grey--shade-3); --overlay--color: rgba(0 0 0 / .25); --overlay--color--light: rgba(0 0 0 / .15); --overlay--color--dark: rgba(0 0 0 / .65); --overlay--color--blue: rgba(0 154 192 / .9); --table--border-color: var(--border--color-1--tint-3); --art-border--height: 0rem; --font-family--sans-serif-1: 'Roboto', sans-serif; --font-family--sans-serif-2: 'Roboto', sans-serif; --font-family--serif-1: 'Signika Negative', serif; --font-family--serif-1: 'Signika Negative', serif; --font--kicker: var(--font-family--sans-serif-1); --font--headings: var(--font-family--serif-1); --font--subheadings: var(--font-family--sans-serif-2); --font--text: var(--font-family--sans-serif-1); --font-size--copy-3xsmall: .5em; --font-size--copy-2xsmall: .625em; --font-size--copy-xsmall: .75em; --font-size--copy-small: .875em; --font-size--copy: 1em; --font-size--copy-medium: 1.125em; --font-size--copy-large: 1.25em; --font-size--copy-xlarge: 1.5em; --font-size--copy-2xlarge: 2em; --font-size--h1: 2.25em; --font-size--h2: 1.25em; --font-size--h3: 1em; --font-size--h4: 1em; --font-size--h1-as-h2: var(--font-size--h2); --font-size--h1-product: 1.5em; --font-size--h1-subheading: 1em; --font-size--h2-section-heading: 1.75em; --font-size--product-subtitle: 1em; --font-size--product-grid-subtitle: 1em; --font-weight--300: 300; --font-weight--400: 400; --font-weight--500: 500; --font-weight--600: 600; --font-weight--700: 700; --letter-spacing--link: 0px; --letter-spacing--heading-h1: 0px; --letter-spacing--heading: 0px; --letter-spacing--button: 0px; --line-height--copy: 1.5; --line-height--h1: 1.1; --line-height--h1-small: 1.2; --line-height--h1-subheading: 1.2; --line-height--h2: 1.2; --line-height--h3: 1.2; --line-height--h4: 1.2; --offset-font-alignment: translateY(0px); --max-width: 74.5rem; --max-width--max: 160rem; --max-width--large: 56.25rem; --max-width--medium: 45rem; --max-width--small: 35.25rem; --max-width--full: 100%; --site-gutter: 1rem; --site-gutter--both: calc(var(--site-gutter) * 2); --space--site-breadcrumbs: var(--space--s); --space--site-content: 2.5rem; --space--section: 2.5rem; --space--section-inner: 2rem; --space--section-inner--children: 1.5rem; --space--grid-item--block: 1rem; --space--grid-item--inline: .5rem; --space--block: 1rem; --space--4xs: .125em; --space--3xs: .25em; --space--2xs: .375em; --space--xs: .5em; --space--s: .75em; --space--m: 1em; --space--l: 1.25em; --space--xl: 1.5em; --space--2xl: 2em; --space--3xl: 3em; --space--copy--xs: .clamp(0.5rem, calc(0.5rem + ((1vw - 0.3rem) * 0.4167)), 0.75rem); --space--copy--s: clamp(0.75rem, calc(0.75rem + ((1vw - 0.3rem) * 0.4167)), 1rem); --space--copy: clamp(0.875rem, calc(0.875rem + ((1vw - 0.3rem) * 0.625)), 1.25rem); --space--copy--m: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.8333)), 1.5rem); --space--copy--l: clamp(1.5rem, calc(1.5rem + ((1vw - 0.3rem) * 0.8333)), 2rem); --space--li: .375em; --flow-space--xsmall: var(--space--copy--xs); --flow-space--small: var(--space--copy--s); --flow-space--normal: var(--space--copy); --flow-space--medium: var(--space--copy--m); --flow-space--large: var(--space--copy--l); --grid-column--space: 1rem; --grid-column--width: 100%; --grid-row--space: 1em; --category-column--count: 1; --category-column--space: var(--grid-column--space); --border-radius--3xs: .125rem; --border-radius--2xs: .1875rem; --border-radius--xs: .25rem; --border-radius--s: .375rem; --border-radius--m: .5rem; --border-radius--l: .75rem; --border-radius--xl: 1rem; --border-radius--2xl: 1.25rem; --border-radius--3xl: 1.5rem; --block--border-radius: 0 0 1.5rem 0; --button--border-radius: var(--border-radius--3xs); --button--line-height: 1; --button--space--top: .9375em; --button--space--bottom: .9375em; --button--space--inline: 1.125em; --button--space--offset: .1875em; --button-with-icon--space--top: calc(var(--button--space--top) - var(--button--space--offset)); --button-with-icon--space--bottom: calc(var(--button--space--bottom) - var(--button--space--offset)); --select-container--space--top: .6875rem; --select-container--space--bottom: .8125rem; --select-container--space--inline: .75rem; --icon--size: 1em; --icon--xsmall: calc(var(--icon--size) * 1); --icon--small: calc(var(--icon--size) * 1.25); --icon--normal: calc(var(--icon--size) * 1.5); --icon--medium: calc(var(--icon--size) * 2); --icon--large: calc(var(--icon--size) * 3); --icon--xlarge: calc(var(--icon--size) * 4); --icon--gap: var(--space--3xs); --icon--gap-medium: var(--space--2xs); --icon--gap-large: var(--space--xs); --icon--ideal-wero: url('assets/images/icons/ideal-wero-darkmode-square.svg'); --site-header-topbar--height: 0rem; --site-header-gutter: var(--site-gutter); --site-header-gutter--scrolled: var(--site-gutter); --site-logo--width: auto; --site-logo--height: 2.5rem; --site-logo--height--scrolled: 2.5rem; --site-logo--offset: -.125rem; --site-search--height: 2.5rem; --site-search--height--scrolled: 2.5rem; --site-page--offset: calc(var(--site-header-topbar--height) + var(--site-logo--height) + var(--site-search--height) + (var(--site-header-gutter) * 3)); --mobile-nav-button--offset: .375rem; --mobile-nav-button--offset--scrolled: .375rem; --sticky-nav: calc(var(--site-page--offset) + 1.125rem); --frontpage-banner--height: 24rem; --frontpage-pf-hero--block-space: 1.25rem; --frontpage-pf-hero--offset: -1.75rem; --page-banner--height: 18.5rem; --page-banner--info-offset: 1.5rem; --product-item--thumbnail-size: 4rem; --product-item--thumbnail-space: .5em; --transition-duration: .25s; } /*-------------------------------------------------- TEMP -> REMOVE IN FINAL VERSION ----------------------------------------------------*/ .site-footer .widget_product_categories { display: none; } /*-------------------------------------------------- ANIMATIONS ----------------------------------------------------*/ /* @keyframes fade-view-cart { 0% { left: 0px; opacity: 0; transform: translateY(20px); } 12% { opacity: 1; transform: translateY(0); } 88% { opacity: 1; transform: translateY(0); } 99% { left: 0px; } 100% { left: -9999px; opacity: 0; transform: translateY(20px); } } */ /* Repositioned in this file */ /*-------------------------------------------------- NOT USED -> CUSTOM ----------------------------------------------------*/ /* @font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url("../storefront/assets/fonts/fa-brands-400.eot");src:url("../storefront/assets/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../storefront/assets/fonts/fa-brands-400.woff2") format("woff2"),url("../storefront/assets/fonts/fa-brands-400.woff") format("woff"),url("../storefront/assets/fonts/fa-brands-400.ttf") format("truetype"),url("../storefront/assets/fonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400} @font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url("../storefront/assets/fonts/fa-solid-900.eot");src:url("../storefront/assets/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../storefront/assets/fonts/fa-solid-900.woff2") format("woff2"),url("../storefront/assets/fonts/fa-solid-900.woff") format("woff"),url("../storefront/assets/fonts/fa-solid-900.ttf") format("truetype"),url("../storefront/assets/fonts/fa-solid-900.svg#fontawesome") format("svg")} .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa, .fas { font-family: "Font Awesome 5 Free"; font-weight: 900; } .fa-ideal:before { content: "邏"; } .fa-phone-alt:before { content: ""; } .fa-envelope:before { content: ""; } */ /*-------------------------------------------------- ADDED -> TO BE REARRANGED ----------------------------------------------------*/ /* Done: line 92 - 162 */ /* Done: line 187 - 189 */ /* Done: line 245 */ /* Done: line 264 - 265 */ /* Done: line 313 - 433 */ /* NOT Done: line 439 (ADD?) */ /* Done: line 462 */ /* Done: line 509 */ /* Done: line 513 - 518 */ /* Done: line 524 */ /* Done: line 530 - 531 */ /* Done: line 541 - 548 */ /* Done: line 722 - 772 */ /* Done: line 777 - 784 */ /* NOT Done: line 814 (add text-align class to html?) */ /* Done: line 815 - 816 */ /* NOT Done: line 817 (ADD?) */ /* NOT Done: line 823 - 826 (ADD?) */ /* Done: line 862 */ /* Done: line 863 - 864 */ /* Done: line 868 - 890 */ /* Done: line 892 - 900 */ /* Done: line 902 - 942 */ /* Done: line 944 - 983 */ /* Done: line 985 - 1002 */ /* Done: line 1004 - 1046 */ /* Done: line 1076 - 1081 */ /* Done: line 1083 - 1084 */ /* Done: line 1086 - 1144 */ /* Done: line 1146 - 1184 */ /* Done: line 1186 - 1208 */ /* Done: line 1212 */ /* Done: line 1235 - 1242 */ /* Done: line 1246 */ /* Done: line 1365 - 1367 */ /* Done: line 1410 - 1416 */ /* Done: line 1541 - 1542 */ /* Done: line 1561 */ /* Done: line 1730 - 1734 */ /* Done: line 1758 - 1791 */ /* Done: line 1793 - 1823 */ /* Done: line 1864 - 1870 */ /* Done: line 1890 - 1891 */ /* Done: line 1893 - 1895 */ /* Done: line 1897 - 1902 */ /* Done: line 1946 - 1988 */ /* Done: line 2027 - 2033 */ /* Done: line 2035 - 2037 */ /* Done: line 2057 */ /* Done: line 2064 - 2065 */ /* Done: line 2070 - 2073 */ /* Done: line 2079 - 2083 */ /* Done: line 2154 - 2161 */ /* Done: line 2168 - 2174 */ /* Done: line 2182 - 2183 */ /* Done: line 2247 - 2249 */ /* Done: line 2255 */ /* Done: line 2257 */ /* Done: line 2288 - 2289 */ /* Done: line 2335 - 2342 */ /* Done: line 2350 - 2351 */ /* Done: line 2415 - 2441 */ /* Done: line 2443 - 2472 */ /* Done: line 2474 - 2475 */ /* Done: line 2477 - 2478 */ /* Done: line 2498 */ /* Done: line 2500 - 2507 */ /* Done: line 2547 */ /* Done: line 2550 */ /* Done: line 2559 - 2563 */ /* Done: line 2571 */ /* Done: line 2580 - 2582 */ /* Misc */ [class^='vwc-cl_'].entry-content { position: relative; } .top-offset { position: relative; } .top-offset span { position: absolute; top: calc(.3125rem - var(--sticky-nav)); } h3.top-offset span { top: calc(0rem - var(--sticky-nav)); } h4.top-offset span { top: calc(.125rem - var(--sticky-nav)); } /* Lijmwijzer */ #vwc-cl_toc{ will-change: min-height; } #vwc-cl_toc .nav-inner{ transform: translate(0, 0); /* For browsers don't support translate3d. */ transform: translate3d(0, 0, 0); will-change: position, transform; } #vwc-cl_toc_redirect { position: absolute; top: calc(.625rem - var(--sticky-nav)); } .vwc-cl_lijmwijzer.entry-content .vwc-cl_section { display: flex; flex-direction: column; margin-bottom: 1.25em; padding-bottom: .5em; border-bottom: 0.125em solid var(--border--color-1--tint-3); } .vwc-cl_lijmwijzer.entry-content div.vwc-cl_section:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .vwc-cl_lijmwijzer.entry-content .vwc-cl_section h2 { margin-top: .5em; } .vwc-cl_lijmwijzer.entry-content .vwc-cl_section h2 span { color: var(--brand--color-1); } .vwc-cl_lijmwijzer.entry-content .vwc-cl_section h2 span::after { content: ""; position: absolute; top: var(--sticky-nav); left: -1rem; color: transparent; font-family: var(--icon-font); font-size: 1.125em; line-height: 1.05; } .vwc-cl_lijmwijzer.entry-content .vwc-cl_section h2 span:target::after { color: var(--text--color-1--tint-2); } .vwc-cl_lijmwijzer.entry-content .redirect { display: flex; margin-left: auto; color: var(--text--color-1--tint-2) !important; font-size: .875em; text-decoration: none !important; } .vwc-cl_lijmwijzer.entry-content .redirect::after { content: var(--icon-font--arrow-upward); position: relative; right: auto; bottom: auto; left: auto; width: auto; height: auto; margin: 0 0 0 var(--icon--gap); font-family: var(--icon-font); font-size: 1em; transform: none; background-color: transparent; vertical-align: text-bottom; } @media screen and (max-width: 767px) { #vwc-cl_toc_redirect { top: -5rem; } } @media screen and (min-width: 768px) and (max-width: 919px) { #vwc-cl_toc_redirect { top: -3.5rem; } } @media screen and (min-width: 920px) and (max-width: 1023px) { #vwc-cl_toc_redirect { top: -5.5rem; } } @media screen and (max-width: 1023px) { #vwc-cl_lijmwijzer { position: unset; } .vwc-cl_lijmwijzer.entry-content .redirect span:first-of-type { display: inline-block; } .vwc-cl_lijmwijzer.entry-content .redirect span:last-of-type { display: none; } } @media screen and (min-width: 1024px) { .vwc-cl_lijmwijzer.entry-content .redirect span:first-of-type { display: none; } .vwc-cl_lijmwijzer.entry-content .redirect span:last-of-type { display: inline-block; } } /* Exception? Remove in final */ /* Productfilter */ .prdctfltr_filter .prdctfltr_buttons { display: none; } /*-------------------------------------------------- DEFAULTS ----------------------------------------------------*/ body, select, textarea { color: var(--text--color-1); } body, button, input, textarea { line-height: var(--line-height--copy); } body, button, input, select, textarea { font-family: var(--font--text), sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Unit/object list */ ul { margin: 0 0 1.25em 0; list-style: none; } ol { margin: 0 0 1.25em 1.125rem; } ol li { padding-left: .125rem; } ol li::marker { color: var(--text--color-1); } /* Dialog popup */ dialog:-internal-dialog-in-top-layer::backdrop { background-color: rgba(0, 0, 0, 0.4); } /* Form */ form { margin-bottom: 0; } form .required { color: var(--brand--color-3--light); } input[type=checkbox], input[type=radio], .form-row input[type=checkbox], .form-row input[type=radio] { -webkit-appearance: none; -moz-appearance: none; width: .9375em; height: .9375em; border: 1px solid var(--border--color-1--tint-1); position: relative; border-radius: 0px; background-color: var(--color--white); transform: translateY(1px); } input[type=checkbox]:checked, input[type=radio]:checked { background-color: var(--brand--color-3); border-color: var(--brand--color-3); } input[type=checkbox]:checked::after { content: "\f00C"; position: absolute; top: 0px; left: 0px; line-height: 13px; width: 100%; height: 100%; color: #FFF; font-family: var(--icon-font); font-size: .625em; text-align: center; } input[type=checkbox]:hover, input[type=radio]:hover { cursor: pointer; } input::placeholder, textarea::placeholder { color: var(--text--color-1--light) !important; } input[type=number]::-webkit-inner-spin-button { opacity: 1 } input:focus, textarea:focus { outline: none; } select { -webkit-appearance: none; appearance: none; } :focus, input:focus, textarea:focus, button:focus { outline: none; } table th { padding: .5em .75em; } table td { padding: .5em .75em; } table tfoot tr:last-of-type td, table tfoot tr:last-of-type th { padding-bottom: 1em; } table thead th { padding: 1em; color: var(--text--color-1); } .col2-set .col-1, .col2-set .col-2 { margin-bottom: var(--space--section-inner); } .col2-set .col-1 p:last-of-type, .col2-set .col-2 p:last-of-type { margin-bottom: 0; } input { /* prevent anything that tries to change this from ever getting there */ transition: height var(--transition-duration) ease, color calc(infinity * 1s) step-end, background-color calc(infinity * 1s) step-end !important; } select.country_to_state--single, .input-text, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea { padding: 0 var(--space--s); background-color: var(--color--white); box-shadow: none; color: var(--text--color-1); line-height: 2.5; border: 1px solid var(--border--color-1--tint-2); border-radius: 0; } .input-text:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus { background-color: var(--color--white); } .input-text:focus-visible, input[type=email]:focus-visible, input[type=number]:focus-visible, input[type=password]:focus-visible, input[type=search]:focus-visible, input[type=tel]:focus-visible, input[type=text]:focus-visible, input[type=url]:focus-visible, textarea:focus-visible { outline: var(--brand--color-1) solid 0px; border-color: var(--brand--color-1); } textarea { resize: vertical; } textarea, .input-text { line-height: var(--line-height--copy); padding: var(--space--s); } .quantity .qty { width: 4em; text-align: center; padding: 0; } .form-row label { margin-bottom: .5em; } #billing_address_2_field, #shipping_address_2_field { display: none !important; } .woocommerce-form-row em { font-style: normal; font-size: var(--font-size--copy-small); color: var(--text--color-1); display: inline-block; padding-top: .5em; } .show-password-input { padding-top: var(--button-with-icon--space--top); padding-bottom: var(--button-with-icon--space--bottom); padding-left: calc(var(--button--space--inline) * .75); padding-right: calc(var(--button--space--inline) * .75); display: flex; line-height: var(--button--line-height); border-radius: 0; position: absolute; right: 0; top: 0; cursor: pointer; background-color: transparent; color: var(--text--color-1); } .show-password-input::after { content: var(--icon-font--visibility); font-family: var(--icon-font); font-weight: var(--icon-font--weight); font-size: calc(1em + (var(--button--space--offset) * 2)); font-style: normal; font-variant: normal; line-height: var(--button--line-height); letter-spacing: 0; vertical-align: baseline; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; } input[type="checkbox"] + label, input[type="radio"] + label { margin-left: .5em; } .select2-dropdown { z-index: 998; } .select2-container .select2-selection--single { height: auto; } .select2-container--default .select2-selection--single, .select2-dropdown, .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid var(--border--color-1--tint-2); border-radius: 0; } .select2-container--default .select2-selection--single .select2-selection__rendered { height: auto; line-height: 1; padding: var(--select-container--space--top) var(--select-container--space--inline) var(--select-container--space--bottom) var(--select-container--space--inline); color: var(--text--color-1); } .select2-search--dropdown .select2-search__field { padding: 0 .75em; } .select2-results__option { padding: .5em .75em; font-size: var(--font-size--copy-small); color: var(--text--color-1); } .select2-container .select2-selection--single { margin: 0; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: .75em; } .select2-container--default .select2-selection--single .select2-selection__arrow b { width: .5em; height: .5em; margin-top: 0; margin-left: -.5em; border-width: 1px 1px 0 0; border-color: var(--border--color-1--tint-1); transform: rotate(135deg); } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { margin-top: .25em; transform: rotate(-45deg); border-width: 1px 1px 0 0; border-color: var(--border--color-1--tint-1); } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: var(--color--white); color: var(--color--black); } .select2-container--default .select2-results__option--highlighted:focus, .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] { outline: none; } .select2-container--default .select2-results__option[data-selected=true] { background-color: var(--background--color-1--tint-4); color: var(--brand--color-1); } .select2-container--default .select2-selection--single .select2-selection__arrow { top: .125rem; } .select2-container--default .select2-results>.select2-results__options { max-height: 15rem; } body.tax-product_cat .select2-search--dropdown { display: none; } /* Icons */ a.remove { display: block; width: 1.5em; height: 1.5em; line-height: inherit; font-weight: 400; text-indent: -9999px; overflow: hidden; position: relative; } a.remove::before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: var(--icon-font--cancel); display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; font-family: var(--icon-font); font-weight: var(--icon-font--weight); vertical-align: baseline; content: var(--icon-font--cancel); position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 1.618; text-indent: 0; text-align: center; color: var(--background--color-1--tint-2); background-color: transparent; line-height: 1; border-radius: 1.125em; -webkit-text-stroke-width: 0; -webkit-text-stroke-color: var(--background--color-1--tint-3); } a.remove:hover::before { color: var(--brand--color-3); -webkit-text-stroke-color: var(--brand--color-3) } /* Unit list icons */ .ul-icons { --space--li: .375em; padding-top: .25em; } .ul-icons li { padding-bottom: var(--space--li); } .ul-icons li a { line-height: var(--line-height--copy); } .ul-icons--li-no-space { --space--li: 0; } /* Misc */ fieldset { padding: 0; margin: 0; } fieldset legend { margin-left: 0; padding: .625em 0; font-weight: var(--font-weight--600); } abbr[title] { text-decoration: none; } address { font-style: normal; margin-bottom: var(--space--m); } mark { color: var(--brand--color-1); } hr { margin: 0 0 1.25em 0; } /* Table */ table { margin: 0 0 2em 0; } /* Img */ img { border-radius: 0; } .entry-content img { margin-bottom: 1.5em; } .entry-content .wp-block-image img { margin-top: 0.5rem; margin-bottom: .5rem; } .copy img { width: 100%; } /* Anchors */ a { color: var(--brand--color-1); } a[href^="tel"] { color: inherit; text-decoration: none !important; } a:focus { outline: none; } p a { text-decoration: underline; font-weight: var(--font-weight--400); } .hentry .entry-content .ul-icons a { text-decoration: none; } .hentry .entry-content .ul-icons li { --space--li: 0; } .link { display: inline-flex; align-items: center; gap: var(--space--4xs); font-weight: var(--font-weight--500); } .link.icon-font { text-decoration: none; } /* Buttons */ .added_to_cart, .button, button, input[type=button], input[type=reset], input[type=submit] { border-radius: var(--button--border-radius); line-height: var(--button--line-height); padding: var(--button--space--top) var(--button--space--inline) var(--button--space--bottom) var(--button--space--inline); text-transform: uppercase; font-family: var(--font--text); font-size: var(--font-size--copy-small); font-weight: var(--font-weight--500); color: var(--color--white); letter-spacing: var(--letter-spacing--button); transition: background-color ease .3s; } .button, button, input[type=button], input[type=reset], input[type=submit] { border: none; background-color: var(--button--primary-color); transition: background-color ease .3s; } button[name=update_cart] { background-color: var(--button--primary-color); } button:focus { outline: none; } .wc-forward::after, .woocommerce-Button--next::after { content: ""; margin-left: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: var(--icon-font--weight); line-height: 1; font-family: var(--icon-font); line-height: inherit; vertical-align: baseline; } .button { display: inline-flex; gap: var(--icon--gap); align-items: center; justify-content: center; } .button svg { width: auto; height: .625em; } /* Desktop computers, laptops, touchpads */ @media (hover: hover) and (pointer: fine) { .added_to_cart.alt:hover, .added_to_cart.cta:hover, .button.alt:hover, .button.cta:hover, button.alt:hover, button.cta:hover, input[type=button].alt:hover, input[type=button].cta:hover, input[type=reset].alt:hover, input[type=reset].cta:hover, input[type=submit].alt:hover, input[type=submit].cta:hover { background-color: var(--button--primary-color--hover); } .added_to_cart:hover, .button:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { background-color: var(--button--primary-color--hover); } ul.products li.product .woocommerce-LoopProduct-link:hover .product-item-img, ul.products li.product-category:hover .cat-item-img { background-color: var(--background--color-1--tint-4); } ul.products li.product .woocommerce-LoopProduct-link:hover .woocommerce-placeholder, ul.products li.product-category:hover .woocommerce-placeholder { filter: brightness(1); } ul.products li.product:hover .product-item-wrap { border-color: var(--border--color-1--tint-1); } button.show-password-input:hover { background-color: transparent; color: currentColor; } /* ADDED */ .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info a:hover, #vwc-cl_section_qf_materiaal .prdctfltr_wc.pf_default .prdctfltr_woocommerce_filter_submit:hover, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc_regular.pf_default .prdctfltr_woocommerce_filter_submit:hover { background-color: var(--brand--color-3--medium-light); } } /*-------------------------------------------------- TYPOGRAPHY ----------------------------------------------------*/ h1, .search h1, .vwc-cl_header-alt h2 { color: var(--brand--color-2); font-family: var(--font--headings); font-size: var(--font-size--h1); font-weight: var(--font-weight--600); line-height: var(--line-height--h1); letter-spacing: var(--letter-spacing--heading-h1); margin-top: 0; margin-bottom: var(--space--3xs); text-transform: none; } h2 { font-family: var(--font--text); font-weight: var(--font-weight--500); color: var(--brand--color-1); margin: 0 0 .75em 0; } h1, h2, h3, h4, h5, h6 { position: relative; } h3, h4, h5, h6 { font-family: var(--font--text); font-weight: var(--font-weight--500); color: var(--text--color-1--dark); margin: 0 0 .75em 0; } h2+h3, .beta+h3 { border: none; padding-top: .5em; } .beta, h2 { font-size: var(--font-size--h2); line-height: var(--line-height--h2); } h2.section-heading, .related>h2:first-child, .upsells>h2:first-child, .cross-sells>h2:first-child { font-family: var(--font--headings); font-size: var(--font-size--h2-section-heading); font-weight: var(--font-weight--600); line-height: var(--line-height--h2); text-transform: none; color: var(--brand--color-2); } .related>h2:first-child, .upsells>h2:first-child, .cross-sells>h2:first-child { margin-bottom: .75em; } h2.section-heading { margin-bottom: 0; } .gamma, h3 { font-size: var(--font-size--h3); font-weight: var(--font-weight--500); color: var(--brand--color-1); line-height: var(--line-height--h3); } blockquote+h2, blockquote+h3, blockquote+h4, blockquote+header h2, form+h2, form+h3, form+h4, form+header h2, ol+h2, ol+h3, ol+h4, ol+header h2, p+h2, p+h3, p+h4, p+header h2, table+h2, table+h3, table+h4, table+header h2, ul+h2, ul+h3, ul+h4, ul+header h2 { margin-top: .5em; } h4, .delta, p+h4 { font-size: var(--font-size--h4); color: var(--brand--color-1); margin-top: 0; margin-bottom: 0; } h3+h4 { margin-top: 0.5em; } p { margin: 0 0 1.25em 0; } p:last-child { margin-bottom: 0; } body:not(.home, .archive) h1 { text-align: center } body.search h1 { text-align: center } h1::after, .home h2::after, .woocommerce-shop h2::after, .woocommerce .upsells.products h2::after, .woocommerce .cross-sells h2::after, .vwc-cl_header-alt h2::after, h2.alt::after { content: ''; position: absolute; bottom: -.5rem; left: 50%; width: 2.5rem; height: 0.1875rem; background-color: #d5d5d5; transform: translateX(-50%); } /* links */ a:focus { outline: none; } .site-title a:hover { color: var(--color--white); } /* Misc */ .term-description h2 { font-size: 1.0625em; color: var(--brand--color-1); } .term-description h3 { font-size: 1em; color: var(--brand--color-1); } .term-description a { text-decoration: underline; } b, strong { color: var(--color--black); font-weight: var(--font-weight--500); } li strong { color: var(--brand--color-2); font-weight: var(--font-weight--400); } li strong:first-of-type { color:var(--color--black); font-weight: var(--font-weight--500); } /*-------------------------------------------------- STRUCTURE ----------------------------------------------------*/ body { min-height: 100vh; } body, #page { display: flex; flex-direction: column; overflow-x: visible; } body.page #primary, body.single-product #primary, body.woocommerce-cart #primary, body.woocommerce-checkout #primary, body.woocommerce-account #primary { width: 100%; } #page, #content { flex: 1; } #primary { width: 100%; max-width: var(--max-width); margin: 0 auto; } #primary, #secondary { float: none; } #primary .site-main > *:last-child { margin-bottom: 0; padding-bottom: 0; } .content-area, .widget-area { margin-bottom: 0rem; } .site-main { position: relative; } .site-main, .hentry { margin: 0; } .site-main .section__inner { position: relative; } .col-full { margin: 0 auto; padding: 0 var(--site-gutter); max-width: 100%; box-sizing: border-box; max-width: var(--max-width); } .col-full:before { content: ""; display: block; } .col-full::after { content: ""; display: block; clear: both; } .site-content, .archive.search .site-content { margin: calc(var(--space--site-content) - 0px) 0 calc(var(--space--site-content) + var(--space--site-breadcrumbs)) 0; } .archive .site-content { margin: calc(var(--space--site-content) - .5rem) 0 calc(var(--space--site-content) + var(--space--site-breadcrumbs)) 0; } .storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignfull, .storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignfull { padding: 0; } /* Frontpage */ .home .site-content { margin: 0; } .home .site-main section.section:first-of-type { padding-top: 0; } .home .site-main section.section:last-of-type { padding-bottom: calc(var(--space--site-content) + var(--space--xs)); } .home .site-main section.section:last-of-type.theme--bg-art { margin-bottom: var(--space--site-content); padding-bottom: calc(var(--space--site-content) + 0rem); } /* Shop */ .vwc-cl_main-shop-page .site-content { margin-top: calc(var(--space--site-content) - (var(--space--site-breadcrumbs) * .5)); } .vwc-cl_main-shop-page .site-main section.section:first-of-type { padding-top: var(--space--section); } .vwc-cl_main-shop-page .site-main section.section:last-of-type { padding-bottom: 0; } .vwc-cl_main-shop-page .product-category .count { color: var(--color--white); margin-left: .25em; } /* ADDED (remove?) */ .vwc-cl_main-shop-page .section.last { margin-bottom: 0; } /* Archive */ .archive .site-content .col-full { -webkit-display: flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; height: 100%; } .archive.search .site-content .col-full { display: block; } .archive #primary { order: 1; } /* Footer */ .site-footer { position: relative; background-color: var(--brand--color-2); padding: var(--space--section) 0 0 0; border-top: var(--art-border--height) solid transparent } .site-footer::before { content: ''; position: absolute; top: calc(0px - var(--art-border--height)); left: 0; width: 100%; height: var(--art-border--height); background-image: none; background-position: left; background-repeat: repeat; } /* Space Sections */ .site-main section.section { position: relative; padding-top: var(--space--section); padding-bottom: var(--space--section); } .site-main .section__inner > * + * { margin-top: var(--space--section-inner--children); } .site-main section.section:not(.frontpage-hero).theme--white + section.section.theme--white, .site-main section.section:not(.frontpage-hero).theme--light + section.section.theme--light, .site-main section.section:not(.frontpage-hero).theme--bright + section.section.theme--bright, .site-main section.section:not(.frontpage-hero).theme--dark + section.section.theme--dark, .site-main section.section:not(.frontpage-hero).theme--medium-dark + section.section.theme--medium-dark, .site-main section.section:not(.frontpage-hero).theme--bg-art + section.section.theme--bg-art { padding-top: 0; } /* Breadcrumbs */ .woocommerce-breadcrumb, .yoast-breadcrumb { margin-bottom: 0; padding: var(--space--site-breadcrumbs) 0; order: -1; } .woocommerce-breadcrumb, .yoast-wc-breadcrumb { position: relative; color: var(--text--color-1--light); font-size: var(--font-size--copy-small); } .woocommerce-breadcrumb .col-full, .yoast-wc-breadcrumb .col-full { padding: 0; } .woocommerce-breadcrumb a, .yoast-wc-breadcrumb a { color: var(--brand--color-2); text-decoration: none; font-weight: var(--font-weight--500); } .woocommerce-breadcrumb a:first-of-type:before, .yoast-wc-breadcrumb a:first-of-type:before { content: ""; margin-right: 0; } .woocommerce-breadcrumb .breadcrumb-separator, .yoast-wc-breadcrumb .breadcrumb-separator { padding: .03125em .25em 0 .25em; font-size: 1.3125em; line-height: 1; color: var(--text--color-1--light); vertical-align: text-bottom; } .yoast-wc-breadcrumb > span { display: flex; } .search .yoast-wc-breadcrumb span > span span:not(:first-of-type) { display: none; } /* Messages */ .site-content>.col-full>.woocommerce>.woocommerce-error:first-child, .site-content>.col-full>.woocommerce>.woocommerce-info:first-child, .site-content>.col-full>.woocommerce>.woocommerce-message:first-child { margin-top: 0; margin-bottom: var(--space--section); } .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button, .woocommerce-noreviews .button, p.no-comments .button, .woocommerce-message .restore-item { color: var(--brand--color-3); text-transform: none; font-size: var(--font-size--copy); font-weight: var(--font-weight--400); letter-spacing: 0; text-decoration: underline !important; border: 0; order: 1; } .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button, .woocommerce-noreviews .button, p.no-comments .button { margin-left: 0; padding: 0; } .woocommerce-error a.button:hover, .woocommerce-info a.button:hover, .woocommerce-message a.button:hover, .woocommerce-noreviews a.button:hover, p.no-comments a.button:hover, .woocommerce-error a:hover, .woocommerce-info a:hover, .woocommerce-message a:hover, .woocommerce-noreviews a:hover, p.no-comments a:hover { text-decoration: none !important; color: var(--brand--color-3); opacity: 1; } .woocommerce-error a, .woocommerce-error a strong, .woocommerce-info a, .woocommerce-message a, .woocommerce-noreviews a, p.no-comments a { color: var(--brand--color-3); } .woocommerce-notices-wrapper, .woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments { margin-left: auto; margin-right: auto; } .tax-product_cat .woocommerce-info { margin-left: 0; } .woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments, .entry-content .woocommerce-notice { margin-bottom: var(--space--section); padding: .75em 1.25em .75em 2.5em; border-left: 0 solid var(--brand--color-3); border-radius: 0 0 var(--border-radius--l) 0; background-color: var(--background--color-1--tint-5); color: var(--text--color-1); } .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { clear: both; position: relative; list-style: none outside; } .woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before, .woocommerce-noreviews::before, p.no-comments::before { position: absolute; top: .5625em; left: .875em; display: inline-block; color: #fff; font-family: var(--icon-font); font-size: var(--icon-font--size-medium); font-weight: var(--icon-font--weight); } .woocommerce-message::before, .woocommerce-message::after, .woocommerce-info::before, .woocommerce-info::after, .woocommerce-error::before, .woocommerce-error::after, .woocommerce-noreviews::before, .woocommerce-noreviews::after, p.no-comments::before, p.no-comments::after { content: ""; display: table; } .woocommerce-message::after, .woocommerce-info::after, .woocommerce-error::after, .woocommerce-noreviews::after, p.no-comments::after { clear: both; } .woocommerce-error { border-color: var(--color--red); } .woocommerce-message { border-color: var(--color--green); } .woocommerce-info { border-color: var(--brand--color-3); } .woocommerce-info .button { letter-spacing: 0; } .woocommerce-noreviews { display: inline-flex; margin-bottom: var(--space--2xl); margin-left: 0; border-color: var(--brand--color-3); background-color: var(--color--white); } p.no-comments { border-color: var(--brand--color-3); } p.no-comments::before { color: var(--brand--color-3); } .woocommerce .restore-item { float: right; } .hentry .entry-content .woocommerce-info a { color: var(--link--color); } .woocommerce-error::before { content: var(--icon-font--warning); color: var(--color--red); } .woocommerce-message::before { content: var(--icon-font--check-circle); color: var(--color--green); } .woocommerce-info::before, .cart-empty.woocommerce-info::before { content: var(--icon-font--info); color: var(--brand--color-3); } .woocommerce-noreviews::before { content: var(--icon-font--info); color: var(--brand--color-3); } .woocommerce-downloads .woocommerce-info::before { content: var(--icon-font--info); } .woocommerce-no-comments::before { content: var(--icon-font--info); } .form-row.woocommerce-invalid input.input-text { box-shadow: inset 2px 0 0 var(--color--red); } .checkout-inline-error-message { font-size: var(--font-size--copy-small); margin-top: .125rem; color: var(--color--red); } /* Woocommerce */ .woocommerce-ordering { width: 14rem; } .woocommerce-ordering .select2-container { width: 100% !important; } .hentry .woocommerce-placeholder { margin-bottom: 0; } /* Misc */ #page.site { position: relative; margin-top: var(--site-page--offset); } #page.site::before { content: ''; position: absolute; transform: translateY(-100%); width: 100%; height: calc(var(--site-page--offset) - var(--site-logo--offset)); background-color: var(--brand--color-1); } .vwc-cl_header-alt { width: 100%; padding-bottom: var(--space--section); } /*-------------------------------------------------- UTILITY CLASSES ----------------------------------------------------*/ /* Layout width */ .layout-width, .layout-width-max, .width-small, .width-medium, .width-large, .width-full { margin: 0 auto; } .layout-width { max-width: var(--max-width); } .layout-width-max { max-width: var(--max-width--max); } /* Entry content */ .width-small { max-width: var(--max-width--small); } .width-medium { max-width: var(--max-width--medium); } .width-large { max-width: var(--max-width--large); } .width-full { max-width: var(--max-width--full); } /* Custom content */ .section__inner.width-small { max-width: calc(var(--max-width--small) + (var(--site-gutter) * 2)); } .section__inner.width-medium { max-width: calc(var(--max-width--medium) + (var(--site-gutter) * 2)); } .section__inner.width-large { max-width: calc(var(--max-width--large) + (var(--site-gutter) * 2)); } /* Grid layout */ .grid { --_row-gap: var(--row-gap, var(--space--m)); --_column-gap: var(--column-gap, var(--space--2xl)); display: grid; gap: var(--_row-gap) var(--_column-gap); position: relative; } .grid--columns-2 { --_min-column-size: var(--min-column-size, 19.25rem); --_column-count: 2; --_column-sizing: var(--column-sizing, auto-fit); } [class*="grid--columns-"], [class*="grid--inner-columns-"] { /* calculations */ --_breakpoint: calc(var(--_min-column-size) * var(--_column-count) + (var(--_column-gap) * (var(--_column-count) - 1))); --_column-size: calc((100% / var(--_column-count)) - var(--_column-gap)); grid-template-columns: repeat(var(--_column-sizing), minmax(min(max(var(--_column-size), (100% - var(--_breakpoint)) * -999), 100%), 1fr)); } /* Flexbox */ .flex { display: flex; } .flex--inline { display: inline-flex; } .flex--column { flex-direction: column; } .flex--column-wrap { flex-flow: column wrap; } .flex--row { flex-direction: row; } .flex--row-wrap { flex-flow: row wrap; } .flex--grow { flex-grow: 1; } .flex--no-grow { flex-grow: 0; } .flex--shrink { flex-shrink: 1; } .flex--no-shrink { flex-shrink: 0; } .flex--wrap { flex-wrap: wrap; } /* Flow space */ .copy .copy__heading > *, .copy .copy__body > * { margin-bottom: 0; } .copy > * + *, .copy .copy__heading > * + *, .copy .copy__heading > * + * { --_flow-space: var(--flow-space, var(--flow-space--normal)); margin-top: var(--_flow-space); } .copy .copy__body > * + * { --_flow-space: var(--flow-space, var(--flow-space--normal)); margin-top: var(--_flow-space); } .copy--block > * + * { --flow-space: var(--flow-space--medium); } .copy .copy__heading > * + * { --flow-space: var(--flow-space--small); } /* Alignment */ .align-items-center { align-items: center; } .align-items-start { align-items: start; } .align-items-end { align-items: end; } .align-self-center { align-self: center; } .align-self-start { align-self: flex-start; } .align-self-end { align-self: flex-end; } .align-content-center { align-content: center; } .align-content-left { align-content: start; } .align-content-right { align-content: end; } .justify-content-center { justify-content: center; } .justify-content-space-between { justify-content: space-between; } /* Text alignment */ .text-align-center { text-align: center; } .text-align-left { text-align: left; } .text-align-right { text-align: right; } /* Icons */ .icon svg, .icon img { width: auto; height: var(--icon--size); } .icon--xsmall { --icon--size: var(--icon--xsmall); } .icon--small { --icon--size: var(--icon--small); } .icon--normal { --icon--size: var(--icon--normal); } .icon--medium { --icon--size: var(--icon--medium); } .icon--large { --icon--size: var(--icon--large); } .icon--xlarge { --icon--size: var(--icon--xlarge); } .icon-gap { gap: var(--icon--gap); } .icon-gap--medium { gap: var(--icon--gap-medium); } .icon-gap--large { gap: var(--icon--gap-large); } /* Themes */ .theme--white { background-color: var(--color--white); } .theme--light { background-color: var(--background--color-1--tint-5); } .theme--bright { background-color: var(--background--color-1--tint-1); } .theme--dark { background-color: var(--background--color-1--shade-3); } .theme--bg-art { background-color: var(--color--white); } /*-------------------------------------------------- WIDGETS ----------------------------------------------------*/ .widget_archive ul li, .widget_categories ul li, .widget_layered_nav_filters ul li, .widget_layered_nav ul li, .widget_links ul li, .widget_nav_menu ul li, .widget_pages ul li, .widget_product_categories ul li, .widget_recent_comments ul li, .widget_recent_entries ul li { margin-bottom: .75em; padding-left: 0; line-height: 1; } .widget_product_categories ul li:before, .widget_pages ul li:before, .widget_recent_entries ul li:before, .widget_nav_menu ul li:before { content: ""; margin: 0; width: 0; } .widget_product_categories ul li.current-cat:before { content: ""; } /* .widget_product_categories .current-cat-parent .cat-item .count { opacity: .4; } .widget_product_categories .current-cat-parent .count, .widget_product_categories .current-cat-parent .cat-item.current-cat .count, .widget_product_categories .current-cat .count { opacity: 1; } .widget_product_categories .current-cat.cat-parent ul li .count { opacity: .4; } */ .widget_archive ul .children, .widget_categories ul .children, .widget_layered_nav_filters ul .children, .widget_layered_nav ul .children, .widget_links ul .children, .widget_nav_menu ul .children, .widget_pages ul .children, .widget_product_categories ul .children, .widget_recent_comments ul .children, .widget_recent_entries ul .children { margin-top: .875em; margin-bottom: .875em; margin-left: 1em; } .widget.woocommerce li .count { margin: 0 var(--space--l) 0 var(--space--3xs); font-size: var(--font-size--copy-xsmall); line-height: 1.3; opacity: 1; color: var(--color--light-grey); float: right; } .widget.woocommerce li.current-cat > .count, .widget.woocommerce li.current-cat.cat-parent > .count, .widget.woocommerce li.current-cat-parent .cat-item.current-cat .count { color: var(--text--color-1); } :not(div.footer-widgets .widget).widget_product_categories .widget-title, :not(div.footer-widgets .widget).widget.widget_product_categories .widgettitle { font-size: var(--font-size--h2); font-weight: var(--font-weight--700); line-height: var(--line-height--h2); letter-spacing: var(--letter-spacing--heading); text-transform: uppercase; color: var(--brand--color-1); margin-bottom: var(--space--xl); padding: 0; border: none; } /*-------------------------------------------------- PRODUCT FILTER ----------------------------------------------------*/ .vwc-cl_pf-wrapper { display: flex; flex-direction: column; } .vwc-cl_pf-wrapper .prdctfltr_filter_title { order: 1; flex-wrap: wrap; } body .vwc-cl_pf-wrapper .prdctfltr_filter_title .prdctfltr_showing { display: none; } body.vwc-cl_page-quickfinder .vwc-cl_pf-wrapper .prdctfltr_filter_title .prdctfltr_showing { display: block; } body.vwc-cl_page-quickfinder .vwc-cl_pf-wrapper .prdctfltr_filter_title { display: flex; flex-wrap: wrap; } .site-content .prdctfltr_wc { width: 100%; } .site-content .prdctfltr_wc .prdctfltr_woocommerce_ordering { margin: 0; } .site-content .prdctfltr_wc .prdctfltr_woocommerce_ordering .prdctfltr_filter_wrapper input[type="checkbox"] { border: 0; display: none; } .site-content .prdctfltr_wc .prdctfltr_filter { padding-left: 0; padding-right: 0; padding-bottom: 0; } .site-content .prdctfltr_wc .prdctfltr_filter_title { font-size: .875em; font-weight: var(--font-weight--400); } .site-content .prdctfltr_wc .prdctfltr_filter_title>span.prdctfltr_woocommerce_filter_title { line-height: 1; } .site-content .prdctfltr_wc .prdctfltr_filter_title>span.prdctfltr_showing:before { content: ''; margin: 0; display: none; } .site-content .prdctfltr_filter.vwc-cl_prdctfltr_down { z-index: 99 !important; } .site-content .prdctfltr_filter label { font-size: 1em; margin-bottom: 0; line-height: inherit; } .site-content .prdctfltr_filter label:last-of-type { margin-bottom: 0; } .site-content .prdctfltr_filter label>span { margin-bottom: .625em; display: inline-block; } .site-content .prdctfltr_wc .prdctfltr_filter label.prdctfltr_active>span { font-weight: var(--font-weight--400); color: var(--brand--color-2); } #vwc-cl_section_qf_materiaal .prdctfltr_wc .prdctfltr_filter label.prdctfltr_active>span { color: var(--color--white); } .site-content .prdctfltr_customize_count { color: var(--text--color-1--tint-1); border: 0; border-radius: 0; padding: 0 .25rem; position: relative; line-height: 1.4; font-size: .6875em; display: inline-block; margin: 0; height: 100%; } .site-content .prdctfltr_customize_count:before, .site-content .prdctfltr_customize_count:after { position: absolute; top: 0; line-height: 1.2; } .site-content .prdctfltr_customize_count:before { content: '('; left: 0; } .site-content .prdctfltr_customize_count:after { content: ')'; right: 0; } .prdctfltr-shop .prdctfltr_wc.prdctfltr_woocommerce.pf_arrow .vwc-cl_pf-wrapper .prdctfltr_woocommerce_ordering .prdctfltr_filter_wrapper .prdctfltr_filter, .prdctfltr-shop .prdctfltr_wc.prdctfltr_woocommerce.pf_default .vwc-cl_pf-wrapper .prdctfltr_woocommerce_ordering .prdctfltr_filter_wrapper .prdctfltr_filter, .prdctfltr-shop .prdctfltr_wc.prdctfltr_woocommerce.pf_select .vwc-cl_pf-wrapper .prdctfltr_woocommerce_ordering .prdctfltr_filter_wrapper .prdctfltr_filter, .prdctfltr-shop .prdctfltr_wc.prdctfltr_woocommerce.pf_fullscreen .vwc-cl_pf-wrapper .prdctfltr_woocommerce_ordering .prdctfltr_filter_wrapper .prdctfltr_filter { padding: 0 !important; margin-right: .5rem !important; margin-bottom: .5rem; width: auto !important; } .site-content .prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter label>span:before { width: .875rem; height: .875rem; border: 1px solid var(--border--color-1--tint-1); background-color: transparent; margin: 0 .625em .1875em 0; } .site-content .prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter label.prdctfltr_active>span:after { line-height: inherit; font-size: 1rem; padding-top: .0625rem; } .site-content .prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter label.prdctfltr_active>span:before { background-color: var(--brand--color-3); border-color: var(--brand--color-3); } .site-content .prdctfltr_title_added .prdctfltr-check:before { font-weight: var(--font-weight--600) !important; } .site-content .prdctfltr_aftertitle { margin-bottom: 1em; font-size: .875em; } .site-content .prdctfltr_checkboxes .prdctfltr_sub { margin-bottom: .25em; margin-left: .625em; font-size: .875em; } .site-content .prdctfltr_checkboxes .prdctfltr-plus { font-size: 1em; color: var(--text--color-1--tint-1); } .site-content .prdctfltr_wc_regular.prdctfltr_wc.prdctfltr_woocommerce.prdctfltr_scroll_default .prdctfltr_terms_customized_select .prdctfltr_add_scroll .prdctfltr_checkboxes { height: 280px; /* max-height: 280px; */ overflow-x: hidden; overflow-y: auto; } .site-content .prdctfltr_aftertitle>span { padding: .3125em .75em .3125em .625em; } .site-content .prdctfltr_collector_flat>span { border-radius: 1rem; background-color: var(--brand--color-3--extra-light); } body.archive .site-content .prdctfltr_woocommerce.prdctfltr_wc.prdctfltr_always_visible .prdctfltr_woocommerce_ordering, body.vwc-cl_page-quickfinder .site-content .prdctfltr_woocommerce.prdctfltr_wc.prdctfltr_always_visible .prdctfltr_woocommerce_ordering { display: flex !important; flex-direction: row; flex-wrap: wrap; margin: 0 !important; } .site-content .prdctfltr_wc_regular.pf_default .prdctfltr_filter_wrapper { order: 0; } .site-content .prdctfltr_collector, .site-content .prdctfltr_buttons { order: 1; font-size: .875em; margin-bottom: 1em; } .site-content .prdctfltr_wc .prdctfltr_add_inputs { order: 2; } .site-content .prdctfltr_wc .prdctfltr_add_inputs+.prdctfltr_buttons { margin-top: 0; } .site-content .prdctfltr_wc .prdctfltr_buttons { order: 3; margin-bottom: 0; margin-top: 0rem; padding: 0; } .site-content .prdctfltr_wc .prdctfltr_buttons .prdctfltr_reset label, .site-content .prdctfltr_wc .prdctfltr_buttons .prdctfltr_reset span { vertical-align: unset; } .site-content .prdctfltr_wc .prdctfltr_buttons .prdctfltr_reset label { line-height: 1; } .site-content .prdctfltr_wc .prdctfltr_buttons .prdctfltr_reset label input { border: 0; } .site-content .prdctfltr_collector>span, .site-content .prdctfltr_buttons .prdctfltr_reset { margin-right: .5em; margin-bottom: .5em; line-height: 2rem; color: var(--color--black); } .site-content .prdctfltr_collector>span { padding: 0 .75em 0 .625em; } .site-content .prdctfltr_buttons .prdctfltr_reset { padding: 0; } .site-content .prdctfltr_collector>span a { text-decoration: none; } .site-content .prdctfltr_wc a { text-decoration: none; } .site-content .prdctfltr_selected_title { color: var(--color--black); } .site-content .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter i.prdctfltr-down, .site-content .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter i.prdctfltr-up { position: relative; top: auto; right: auto; margin-left: .25em; height: 1em; } .site-content .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title { position: relative; z-index: 3; padding: .75rem 1rem; color: var(--text--color-1); border: 1px solid var(--background--color-1--tint-5); border-bottom: 0px; background-color: var(--background--color-1--tint-5); border-radius: 0px; color: var(--color--black);transition: all ease .0s .0s; overflow: unset; } .site-content .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title:after { content: ''; position: absolute; bottom: -.5rem; left: 0; width: 100%; height: .5rem; background-color: var(--color--white); } .site-content .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter.vwc-cl_prdctfltr_down .prdctfltr_regular_title { color: var(--text--color-1); border: 1px solid var(--text--color-1); border-bottom: 0px; background-color: var(--color--white); transition: all ease .0s .0s; } .site-content .prdctfltr_filter .prdctfltr_regular_title { line-height: 1; font-weight: var(--font-weight--400); } .site-content .prdctfltr-down:before, .site-content .prdctfltr-up:before, .site-content .prdctfltr-delete:before { font-weight: var(--font-weight--600) !important; } .site-content .prdctfltr-down:before, .site-content .prdctfltr-up:before { color: var(--brand--color-1); margin-right: -2px; } .site-content .prdctfltr-delete:before { color: var(--brand--color-3); } .site-content .prdctfltr_active { color: var(--brand--color-1); } .site-content .prdctfltr_regular_title>span:after, .prdctfltr_widget_title>span:after { color: var(--text--color-1--tint-2); } .site-content .prdctfltr_regular_title>span:last-of-type:after, .prdctfltr_widget_title>span:last-of-type:after { content: ''; margin: 0; } .site-content .prdctfltr_woocommerce_ordering span.prdctfltr_reset span:before { width: auto; font-size: 1em; line-height: 24px; color: var(--brand--color-3); content: ''; margin-right: 0; } .site-content .prdctfltr_woocommerce .prdctfltr_filter .prdctfltr_search_terms .prdctfltr_search_terms_input { width: 100%; padding: .3125em .5em !important; border: 1px solid var(--border--color-1--tint-2) !important; line-height: inherit; } .site-content .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_arrow .prdctfltr_woocommerce_ordering, .site-content .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering, .site-content .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_select .prdctfltr_woocommerce_ordering { margin: 0 !important; } .site-content .prdctfltr_custom_scroll *::-webkit-scrollbar { width: .3125rem; } .site-content .prdctfltr_custom_scroll *::-webkit-scrollbar-thumb { background-color: var(--text--color-1--tint-2); outline: 0px solid var(--color--white); border: 0; border-radius: 4px; } .site-content .prdctfltr_custom_scroll *::-webkit-scrollbar-track { background-color: var(--text--color-1--tint-3); border: 1px solid var(--color--white); border-radius: 0; } #vwc-cl_section_qf_materiaal .prdctfltr_custom_scroll .prdctfltr_pa_materiaal *::-webkit-scrollbar { -webkit-overflow-scrolling: auto; -webkit-appearance: none; width: .375rem; } #vwc-cl_section_qf_materiaal .prdctfltr_custom_scroll .prdctfltr_pa_materiaal *::-webkit-scrollbar-thumb { background-color: var(--brand--color-1); outline: 0px solid var(--brand--color-1); border: 0; border-radius: 4px; } #vwc-cl_section_qf_materiaal .prdctfltr_custom_scroll .prdctfltr_pa_materiaal *::-webkit-scrollbar-track { background-color: rgba(0,0,0,.15); border: 1px solid var(--brand--color-2); border-radius: 0; } #vwc-cl_section_qf_materiaal .prdctfltr_custom_scroll .prdctfltr_product_cat *::-webkit-scrollbar-thumb { background-color: var(--color--light-blue); outline: 0px solid var(--brand--color-1); border: 0; } #vwc-cl_section_qf_materiaal .prdctfltr_custom_scroll .prdctfltr_product_cat *::-webkit-scrollbar-track { background-color: rgba(0,0,0,.15); border: 1px solid var(--brand--color-1); border-radius: 0; } .site-content .prdctfltr_add_scroll { width: 100%; } .site-content .prdctfltr_custom_scroll * { scrollbar-color: var(--brand--color-1) #FFF; scrollbar-width: thin; } #vwc-cl_section_qf_materiaal .prdctfltr_custom_scroll .prdctfltr_pa_materiaal * { scrollbar-color: var(--brand--color-1) #004F66; scrollbar-width: thin; } #vwc-cl_section_qf_materiaal .prdctfltr_custom_scroll .prdctfltr_product_cat * { scrollbar-color: var(--color--light-blue) #004F66; scrollbar-width: thin; } [class*="prdctfltr-"] .prdctfltr_wc_regular.pf_default .prdctfltr_filter_wrapper { margin-bottom: .75em; flex-basis: auto; } [class*="prdctfltr-"] .prdctfltr_collector { margin-top: 0; margin-right: 0; margin-left: 0; } [class*="prdctfltr-"] .prdctfltr_filter_inner .prdctfltr_filter { margin-right: .625rem; margin-bottom: .625rem; } body.home[class*="prdctfltr-"] .prdctfltr_wc_regular.pf_default .prdctfltr_filter_wrapper { margin-bottom: 0; } .wc-prdctfltr-select .prdctfltr_regular_title { background-color: #f4f4f4; } .woocommerce-products-header { display: flex; flex-wrap: wrap; position: relative; } .woocommerce-products-header h1, .woocommerce-products-header .term-description { flex: 0 0 100%; } .vwc-wrap { flex: 0 0 auto; } .site-content .prdctfltr_wc_regular.prdctfltr_wc.prdctfltr_woocommerce.prdctfltr_scroll_default .prdctfltr_terms_customized_select .prdctfltr_add_scroll, .site-content .prdctfltr_wc.prdctfltr_woocommerce.pf_select.prdctfltr_scroll_default .prdctfltr_add_scroll { width: 16.75rem; top: 100%; left: 0; border: 1px solid var(--text--color-1); border-radius: 0 0 16px 0; -webkit-box-shadow: 0px 7px 3px -5px rgba(0,0,0,.15); -moz-box-shadow: 0px 7px 3px -5px rgba(0,0,0,.15); box-shadow: 0px 7px 3px -5px rgba(0,0,0,.15); margin-top: 0px; padding: 1em; } .site-content .prdctfltr_wc_regular.prdctfltr_wc.prdctfltr_woocommerce.prdctfltr_scroll_default .prdctfltr_terms_customized_select .prdctfltr_add_scroll.vwc-cl_prdctfltr_overflow, .site-content .prdctfltr_wc.prdctfltr_woocommerce.pf_select.prdctfltr_scroll_default .prdctfltr_add_scroll.vwc-cl_prdctfltr_overflow { left: unset; right: 0; } .prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter.prdctfltr_terms_customized.prdctfltr_terms_customized_select label.prdctfltr_active>span:after { color: #FFF; font-size: 1rem; padding-top: .0625rem; } .filter-wrapper { position: absolute; position: relative; top: 0; width: 100%; height: auto; display: flex; flex-wrap: wrap; } .filter-wrapper #filter-materiaal, .filter-wrapper #filter-tags { flex: 0 0 100%; display: none; } .filter-wrap { flex: 0 0 auto; margin-bottom: 1.25em; } .prdctfltr_filter { width: auto !important; } .wc-prdctfltr-active .prdctfltr_wc.pf_sidebar_right .prdctfltr_woocommerce_ordering, .wc-prdctfltr-active .prdctfltr_wc.pf_sidebar_css_right .prdctfltr_woocommerce_ordering { transform: translateX(0) !important; } .prdctfltr_wc.pf_sidebar .prdctfltr_woocommerce_ordering, .prdctfltr_wc.pf_sidebar_right .prdctfltr_woocommerce_ordering, .prdctfltr_wc.pf_sidebar_css .prdctfltr_woocommerce_ordering, .prdctfltr_wc.pf_sidebar_css_right .prdctfltr_woocommerce_ordering { width: 50%; max-width: 384px; } .prdctfltr_overlay.prdctfltr_active { opacity: 1 !important; } .site-content .prdctfltr_wc.pf_sidebar_css_right .prdctfltr_buttons span { display: inline-block; margin-bottom: 0; } .site-content .prdctfltr_tabbed_selection .prdctfltr_filter { opacity: 1; } .site-content .prdctfltr_tabbed_selection .prdctfltr_filter:not(:first-child) .prdctfltr_description, .site-content .prdctfltr_tabbed_selection .prdctfltr_filter:not(:first-child) .prdctfltr_add_scroll { opacity: .25; transition: opacity 150ms; } .prdctfltr_tabbed_selection .prdctfltr_filter.prdctfltr_has_selection+.prdctfltr_filter .prdctfltr_description, .prdctfltr_tabbed_selection .prdctfltr_filter.prdctfltr_has_selection+.prdctfltr_filter .prdctfltr_add_scroll { opacity: 1; } body.archive .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering .prdctfltr_filter.prdctfltr_product_cat, body.archive .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_sidebar_css_right .prdctfltr_woocommerce_ordering .prdctfltr_filter.prdctfltr_product_cat, body.archive .prdctfltr_collector span.prdctfltr_title_selected:first-of-type { display: none !important; } body.home .site-content .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce .prdctfltr_woocommerce_filter_submit { font-size: 1em; } .button.prdctfltr_woocommerce_filter_submit { font-size: 1em; } .prdctfltr-shop .prdctfltr_filter_inner { display: flex; flex-wrap: wrap !important; } .vwc-cl_pf-wrapper .pf_adptv_unclick.prdctfltr_adoptive .pf_adoptive_hide { opacity: 0.4 !important; } /* ADDED */ .prdctfltr_title_added { color: var(--color--green--tint-1); } /* Productfilter as column layout */ .vwc-cl_pf--column .vwc-cl_pf-wrapper .prdctfltr_woocommerce_ordering { display: flex; flex-flow: column wrap; } .vwc-cl_pf--column .vwc-cl_pf-wrapper .prdctfltr_woocommerce_ordering .prdctfltr_filter_inner { flex-wrap: wrap; } .vwc-cl_pf--column .vwc-cl_pf-wrapper .prdctfltr_filter, .vwc-cl_pf--column .prdctfltr_wc.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering .prdctfltr_filter_wrapper[class*="prdctfltr_columns_"] .prdctfltr_filter { flex-direction: column; width: 100% !important; } /* Productfilter as row layout */ .vwc-cl_pf--row .vwc-cl_pf-wrapper .prdctfltr_woocommerce_ordering, .vwc-cl_pf--row .prdctfltr_always_visible .vwc-cl_pf-wrapper .prdctfltr_woocommerce_ordering { display: flex !important; } .vwc-cl_pf--row .vwc-cl_pf-wrapper .prdctfltr_woocommerce_ordering .prdctfltr_filter_inner { flex-wrap: nowrap; overflow: unset; } .vwc-cl_pf--row .vwc-cl_pf-wrapper .prdctfltr_filter, .vwc-cl_pf--row .prdctfltr_wc.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering .prdctfltr_filter_wrapper[class*="prdctfltr_columns_"] .prdctfltr_filter { flex-direction: column; width: auto !important; flex-shrink: 1; } /* Productfilter for all Quickfinders */ [class*="vwc-cl_qf_"] .prdctfltr_description span.alt--font-style { color: var(--brand--color-3); font-weight: var(--font-weight--500); } .site-content [class*="vwc-cl_qf_"] .prdctfltr_wc_regular.prdctfltr_wc.prdctfltr_woocommerce.prdctfltr_scroll_default .prdctfltr_terms_customized_select .prdctfltr_add_scroll { margin-top: 0; padding-bottom: .5em; } /* Productfilter as homepage hero */ #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero:after { background-color: transparent; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_wc .prdctfltr_description { font-size: 1em; flex-grow: 0; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero { margin-top: var(--frontpage-pf-hero--offset); background-color: transparent; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero p:not(.vwc-cl_section_lijmwijzer) { margin-bottom: 0; padding-top: var(--frontpage-pf-hero--block-space); background-color: var(--brand--color-2); color: var(--color--white); font-size: 1.125em; box-shadow: 0px .125rem 0px 0px var(--brand--color-2); } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_sc { padding: var(--frontpage-pf-hero--block-space); } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_pa_materiaal { position: relative; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_pa_materiaal .prdctfltr_aftertitle { position: relative; margin-bottom: 0; padding: .6875rem .875rem .5rem .875rem; border: solid 1px var(--color--white-20); border-bottom: 0; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_pa_materiaal .prdctfltr_aftertitle::after { content: ''; position: absolute; top: 100%; left: 0; z-index: 1; width: 100%; height: 1.5rem; background: var(--brand--color-2); pointer-events: none; -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), color-stop(72.5%, rgba(0, 0, 0, 0))); -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 72.5%); mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), color-stop(72.5%, rgba(0, 0, 0, 0))); mask-image: linear-gradient(rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 72.5%); } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_pa_materiaal .prdctfltr_add_scroll { height: 2.5rem; padding: .6875rem .875rem .75rem .875rem; border: 1px solid var(--color--white-65); } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_has_selection + .prdctfltr_pa_materiaal .prdctfltr_add_scroll { position: relative; height: 28.5rem; padding-bottom: 1.5rem; border-color: var(--color--white-20); } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_has_selection + .prdctfltr_pa_materiaal.prdctfltr_has_selection .prdctfltr_add_scroll { padding-top: .75rem; border-top: 0; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_has_selection + .prdctfltr_pa_materiaal .prdctfltr_description { margin-bottom: 1em; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_wc_regular.prdctfltr_wc.prdctfltr_woocommerce.prdctfltr_scroll_default .prdctfltr_terms_customized_select .prdctfltr_add_scroll { min-width: auto; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_wc_regular.prdctfltr_wc.prdctfltr_woocommerce.prdctfltr_scroll_default .prdctfltr_terms_customized_select .prdctfltr_add_scroll, #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_wc.prdctfltr_woocommerce.pf_select.prdctfltr_scroll_default .prdctfltr_add_scroll { position: relative; top: unset; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title, #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_product_cat .prdctfltr_aftertitle { min-width: auto; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_wc .prdctfltr_buttons { margin-top: 1.142857em; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero h2, #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero p { padding-left: var(--frontpage-pf-hero--block-space); } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_pa_materiaal .prdctfltr_add_scroll::before, #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_pa_materiaal .prdctfltr_aftertitle::before { content: 'Materialen'; position: relative; display: flex; color: #fff; line-height: 1; font-size: 1rem; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_pa_materiaal .prdctfltr_add_scroll::before { padding-bottom: .9375rem; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_pa_materiaal .prdctfltr_aftertitle::before { padding-bottom: .75rem; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_pa_materiaal.prdctfltr_has_selection .prdctfltr_add_scroll::before { content: ''; padding-bottom: 0; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_pa_materiaal .prdctfltr_add_scroll::after { content: 'Einde materialen'; position: relative; display: flex; color: var(--color--white-40); font-size: 1rem; padding-top: 0rem; transform: translateY(.75rem); z-index: 1; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_filter[data-filter="pa_materiaal"] { --padding: 1.25rem; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_has_selection + .prdctfltr_pa_materiaal::before { content: ''; position: absolute; bottom: 1px; left: .0625rem; z-index: 1; width: calc(100% - .125rem); height: 4rem; background: var(--brand--color-2); pointer-events: none; -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(72.5%, rgba(0, 0, 0, 1))); -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 72.5%); mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(72.5%, rgba(0, 0, 0, 1))); mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 72.5%); } #vwc-cl_section_qf_materiaal .prdctfltr_collector_flat>span { padding: 0 .75em 0em .625em; } #vwc-cl_section_qf_materiaal .prdctfltr_selected_title { line-height: 2rem; } /* Section Quickfinder Materiaal */ #vwc-cl_section_qf_materiaal h2, #vwc-cl_section_qf_materiaal p { padding-left: var(--space--block); text-align: left; } #vwc-cl_section_qf_materiaal h2:after { left: var(--space--block); transform: translateX(0); } #vwc-cl_section_qf_materiaal p { padding-right: 1.5rem; } #vwc-cl_section_qf_materiaal .prdctfltr_sc { background-color: var(--brand--color-2); border-radius: 0 0 1rem 0; margin-bottom: 0 !important; padding: var(--space--block); } #vwc-cl_section_qf_materiaal .prdctfltr_description { color: var(--color--white); } #vwc-cl_section_qf_materiaal .prdctfltr_wc .prdctfltr_buttons { margin-top: 1.5rem; } #vwc-cl_section_qf_materiaal .prdctfltr_wc.pf_default .prdctfltr_woocommerce_filter_submit { min-width: 150px; margin: 0; background-color: var(--brand--color-3); } #vwc-cl_section_qf_materiaal .prdctfltr_collector_flat>span { background-color: var(--brand--color-1); } #vwc-cl_section_qf_materiaal .prdctfltr_selected_title { color: var(--color--white); } #vwc-cl_section_qf_materiaal .prdctfltr_title_added { color: var(--color--green--tint-1); } #vwc-cl_section_qf_materiaal .prdctfltr_pa_materiaal .prdctfltr_add_scroll { height: 14.625rem; overflow-x: hidden; overflow-y: auto; } #vwc-cl_section_qf_materiaal .prdctfltr_checkboxes { height: auto; column-count: 1; } #vwc-cl_section_qf_materiaal .prdctfltr_product_cat .prdctfltr_checkboxes { column-count: unset; } #vwc-cl_section_qf_materiaal .prdctfltr_selected_title { color: var(--color--white); } #vwc-cl_section_qf_materiaal .prdctfltr_wc_regular.prdctfltr_wc.prdctfltr_woocommerce.prdctfltr_scroll_default .prdctfltr_terms_customized_select .prdctfltr_add_scroll, #vwc-cl_section_qf_materiaal .prdctfltr_wc.prdctfltr_woocommerce.pf_select.prdctfltr_scroll_default .prdctfltr_add_scroll { background-color: var(--brand--color-1); border-color: var(--brand--color-1); padding-top: 0; } #vwc-cl_section_qf_materiaal .prdctfltr-down:before, #vwc-cl_section_qf_materiaal .prdctfltr-up:before { color: var(--color--white); } #vwc-cl_section_qf_materiaal .prdctfltr_wc_regular.prdctfltr_wc.prdctfltr_woocommerce.prdctfltr_scroll_default .prdctfltr_product_cat.prdctfltr_terms_customized_select .prdctfltr_add_scroll .prdctfltr_checkboxes { height: auto; } /* #vwc-cl_section_qf_materiaal .redirect_anchor { position: absolute; top: calc(-6.625rem - var(--site-page--offset)); height: 0px; line-height: 0; visibility: hidden; pointer-events: none; z-index: -1; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .redirect_anchor { top: calc(-9rem - var(--site-page--offset)); } */ #vwc-cl_section_qf_materiaal .redirect_anchor { position: absolute; top: calc((var(--site-page--offset) * -1) - 1.5rem); height: 0px; line-height: 0; visibility: hidden; pointer-events: none; z-index: -1; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .redirect_anchor { top: calc((var(--site-page--offset) * -1) - 1.5rem); } /* Section Lijmwijzer (Quickfinder Materiaal) */ #vwc-cl_section_qf_materiaal p.vwc-cl_section_lijmwijzer { margin: 0; padding: 0 !important; font-size: 1.125em; color: var(--text--color-1); text-align: center; line-height: 1.4; } #vwc-cl_section_qf_materiaal p.vwc-cl_section_lijmwijzer a { color: var(--brand--color-3); position: relative; font-weight: var(--font-weight--500); text-decoration: none; } #vwc-cl_section_qf_materiaal p.vwc-cl_section_lijmwijzer a:after { content: ''; position: absolute; bottom: 0px; left: 0; width: 100%; height: .125rem; background-color: var(--brand--color-3); } /* Section Quickfinder Toepassingsgebied */ #vwc-cl_section_qf_toepassingsgebied { min-height: 480px; } #vwc-cl_section_qf_toepassingsgebied h2, #vwc-cl_section_qf_toepassingsgebied p { text-align: left; } #vwc-cl_section_qf_toepassingsgebied p { flex-basis: 100%; } #vwc-cl_section_qf_toepassingsgebied h2:after, .vwc-cl_categorieen h2:after { left: 0; transform: translateX(0); } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering .prdctfltr_filter { width: 100% !important; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_tag .prdctfltr_checkboxes { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .5625rem; gap: .5625rem; margin: 0 0 1em 0; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_tag .prdctfltr_checkboxes label { display: flex; width: 100%; background-color: var(--brand--color-1); } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_terms_customized_image .prdctfltr_customize_block>.prdctfltr_customize_image, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_terms_customized_image .prdctfltr_customize_block>.prdctfltr_customize_image_text { background-color: transparent; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_image .prdctfltr_customize_block { position: relative; display: block; width: 100%; margin: 0; padding-top: 0; line-height: 1.2 !important; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_image .prdctfltr_customize_block .prdctfltr_customize_image_text { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; width: 100%; height: 100%; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_image label.prdctfltr_active .prdctfltr_customize_block .prdctfltr_customize_image_text img { padding: 0; border: 0; box-shadow: none; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_image .prdctfltr_customize_block .prdctfltr_customize_image_text_tip { position: relative; width: 100%; height: 100%; margin: 0; padding: 1em .75em; display: flex; justify-content: center; align-items: center; background-color: var(--overlay--color); color: var(--color--white); -webkit-transition: all ease .15s; transition: all ease .15s; top: 0; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; -webkit-hyphens: auto; hyphens: auto; text-align: center; } @media (pointer: fine) { #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_image .prdctfltr_customize_block .prdctfltr_customize_image_text_tip:hover { background-color: var(--brand--color-3); } } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_image .pf_adoptive_hide .prdctfltr_customize_block .prdctfltr_customize_image_text_tip, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_image .pf_adoptive_hide .prdctfltr_customize_block .prdctfltr_customize_image_text_tip:hover { background-color: var(--background--color-1--tint-1); } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_image label.prdctfltr_active .prdctfltr_customize_block .prdctfltr_customize_image_text_tip { background-color: var(--brand--color-3); } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_image label.prdctfltr_active .prdctfltr_customize_block .prdctfltr_customize_image_text_tip:before { content: '\f014'; font-family: "prdctfltr" !important; font-size: 1em; font-weight: var(--font-weight--600); margin-right: .25em; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_image .prdctfltr_customize_block .prdctfltr_customize_image_text img { padding: 0; border: 0; box-shadow: none; height: 100% !important; width: 100%; max-width: none; opacity: 0; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_sc { width: 100%; margin-bottom: 0 !important; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_sc .vwc-cl_pf-wrapper form { width: 100%; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc .prdctfltr_description { font-size: 1em; margin-bottom: 2em; width: 100%; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc_regular.pf_default .prdctfltr_buttons { text-align: center; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc_regular.pf_default .prdctfltr_woocommerce_filter_submit { margin: 0; background-color: var(--brand--color-3); } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc_regular.prdctfltr_wc.prdctfltr_woocommerce.prdctfltr_scroll_default .prdctfltr_terms_customized_select .prdctfltr_add_scroll, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc.prdctfltr_woocommerce.pf_select.prdctfltr_scroll_default .prdctfltr_add_scroll { background-color: var(--brand--color-1); border-color: var(--brand--color-1); padding-top: 0; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr-down:before, #vwc-cl_section_qf_toepassingsgebied .prdctfltr-up:before { color: var(--color--white); } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_pa_materiaal .prdctfltr_aftertitle { display: none; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc_regular.prdctfltr_wc.prdctfltr_woocommerce.prdctfltr_scroll_default .prdctfltr_product_cat.prdctfltr_terms_customized_select .prdctfltr_add_scroll .prdctfltr_checkboxes { height: auto; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_collector_flat>span { background-color: var(--brand--color-1); } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_selected_title { color: var(--color--white); } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_tag .prdctfltr_aftertitle { display: none; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_description .step__text { color: var(--brand--color-1); } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_tag { pointer-events: none; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_has_selection + .prdctfltr_product_tag { pointer-events: all; } /* Section Quickfinder Materiaal/Toepassingsgebied */ #vwc-cl_section_qf_materiaal p, #vwc-cl_section_qf_toepassingsgebied p { font-size: 1em; } #vwc-cl_section_qf_materiaal .prdctfltr_wc .prdctfltr_description, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc .prdctfltr_description { font-size: 1em; margin-top: 0; margin-bottom: 1em; max-width: 100%; order: -1; } #vwc-cl_section_qf_materiaal .prdctfltr_wc .prdctfltr_add_scroll, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc .prdctfltr_add_scroll { box-shadow: none; } #vwc-cl_section_qf_materiaal .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering .prdctfltr_filter, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering .prdctfltr_filter { margin-right: 0 !important; margin-bottom: 0; padding: 0 !important; display: flex !important; } #vwc-cl_section_qf_materiaal .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering .prdctfltr_filter.prdctfltr_product_cat, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering .prdctfltr_filter.prdctfltr_product_cat { margin-bottom: 1.5em; } #vwc-cl_section_qf_materiaal .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title:after, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title:after { background-color: transparent; height: 0; } #vwc-cl_section_qf_materiaal .prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter label>span:before, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter label>span:before { border: 1px solid var(--color--white); margin: 0 .625em .1875em 0; } #vwc-cl_section_qf_materiaal .prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter label.prdctfltr_active>span:before, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter label.prdctfltr_active>span:before { border-color: var(--brand--color-3); } #vwc-cl_section_qf_materiaal .prdctfltr_checkboxes label span, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_checkboxes label span { color: var(--color--white); } #vwc-cl_section_qf_materiaal .prdctfltr_product_cat .prdctfltr_checkboxes label span, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_cat .prdctfltr_checkboxes label span { color: var(--color--white); } #vwc-cl_section_qf_materiaal .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title { padding: .6875rem 1rem .75rem 1rem !important; background-color: var(--brand--color-1) !important; border-color: var(--brand--color-1) !important; color: var(--color--white); width: 16.75rem; } #vwc-cl_section_qf_materiaal .prdctfltr_description .step, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_description .step { display: flex; flex-direction: row; align-items: center; padding-right: .5rem; } #vwc-cl_section_qf_materiaal .prdctfltr_description .step__text, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_description .step__text { display: flex; align-items: center; font-weight: var(--font-weight--700); } #vwc-cl_section_qf_materiaal .prdctfltr_description .step__number, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_description .step__number { --size: 1.25em; display: flex; justify-content: center; align-items: center; width: var(--size); height: var(--size); margin-left: .25em; border-radius: calc(var(--size) / 2); color: var(--color--white); text-align: center; background: var(--brand--color-3); font-weight: var(--font-weight--700); } #vwc-cl_section_qf_materiaal .prdctfltr_product_cat .prdctfltr_aftertitle, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_cat .prdctfltr_aftertitle { margin: 0; padding-bottom: .25rem; padding-left: 1rem; width: 16.75rem; min-width: 300px; background-color: var(--brand--color-1); } #vwc-cl_section_qf_materiaal .prdctfltr_product_cat .prdctfltr_aftertitle>span, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_cat .prdctfltr_aftertitle>span { padding: 0 .75em 0 .625em; line-height: 2rem; background: var(--color--blue--shade-3); } #vwc-cl_section_qf_materiaal .prdctfltr_product_cat .prdctfltr_aftertitle>span i, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_cat .prdctfltr_aftertitle>span i { display: inline-block; height: 1em; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_pa_materiaal::after, #vwc-cl_section_qf_toepassingsgebied.vwc-cl_pf .prdctfltr_product_tag::after { --color-opacity: 0; --color: 255 255 255; --box-shadow: 0,100,129; --box-shadow-opacity: .75; content: '\f005'; font-family: 'prdctfltr'; position: absolute; bottom: unset; right: unset; border: 1px solid rgba(var(--color) / var(--color-opacity)); color: rgba(var(--color) / var(--color-opacity)); line-height: .4375; font-size: 1.125em; transition: color ease 0s, border-color ease 0s; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_pa_materiaal.prdctfltr_has_selection::after, #vwc-cl_section_qf_toepassingsgebied.vwc-cl_pf .prdctfltr_product_tag.prdctfltr_has_selection::after { --color-opacity: 1; --box-shadow-opacity: 0; opacity: 1; transition: color ease 0s, border-color ease 0s; } /* MOVE TO GF TOEPASSINGSGEBIED? */ #vwc-cl_section_qf_toepassingsgebied.vwc-cl_pf .prdctfltr_product_tag::after { --color: 119 119 119; --box-shadow: 255, 255, 255; --box-shadow: 244, 244, 244; --size-a1: -6.6875rem; --size-a2: 3.4375rem; --size-b: -2rem; --clip-path: inset(-20rem 3.75rem 0 -1.25rem); top: calc(100% + 1rem); left: 50%; width: 5rem; height: 2.4375rem; border-top: 0; border-right: 0; border-radius: 0 0 0 .5rem; text-align: left; text-indent: calc(0% - .525em); box-shadow: var(--size-b) var(--size-a1) 0px var(--size-a2) rgba(var(--box-shadow), var(--box-shadow-opacity)); transform: rotate(-90deg) translate(3.5rem, 4.125rem); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } /* Productfilter Mediaqueries */ @media screen and (max-width: 480px) { #vwc-cl_section_qf_toepassingsgebied.vwc-cl_pf .prdctfltr_product_tag::after { --size-a2: 3.125rem; } } @media screen and (min-width: 481px) { :root { --frontpage-pf-hero--offset: -2rem; } /* #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero { margin-top: -2rem; } */ } @media screen and (max-width: 767px) { #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_has_selection + .prdctfltr_pa_materiaal .prdctfltr_add_scroll { height: 20rem; } } @media screen and (min-width: 768px) { :root { --frontpage-pf-hero--offset: -2.25rem; } /* #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero { margin-top: -2.25rem; } */ #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero p:not(.vwc-cl_section_lijmwijzer) { font-size: 1.1875em; } } @media screen and (max-width: 1023px) { .vwc-cl_pf--row .vwc-cl_pf-wrapper .prdctfltr_woocommerce_ordering, .vwc-cl_pf--row .prdctfltr_always_visible .vwc-cl_pf-wrapper .prdctfltr_woocommerce_ordering { flex-direction: column; } .vwc-cl_pf--row .vwc-cl_pf-wrapper .prdctfltr_woocommerce_ordering .prdctfltr_filter_inner { flex-direction: column; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_pa_materiaal::after { --size-a1: -6.5rem; --size-a2: 4rem; --size-b: -2rem; --clip-path: inset(-20rem 3.75rem 0 -1.5rem); top: calc(100% + 1rem); left: 9rem; width: 5rem; height: 2.4375rem; border-top: 0; border-right: 0; border-radius: 0 0 0 .5rem; text-align: left; text-indent: calc(0% - .525em); box-shadow: var(--size-b) var(--size-a1) 0px var(--size-a2) rgba(var(--box-shadow),var(--box-shadow-opacity)); transform: rotate(-90deg) translate(2.5rem, 0rem); -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } } @media screen and (min-width: 1024px) { #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering .prdctfltr_filter { margin-bottom: 0; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering .prdctfltr_filter[data-filter="product_cat"] { flex-grow: 0; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering .prdctfltr_filter[data-filter="pa_materiaal"] { padding: 0 var(--padding) !important; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero p:not(.vwc-cl_section_lijmwijzer) { font-size: 1.3125em; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_pa_materiaal .prdctfltr_checkboxes { column-count: 2; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title, #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_product_cat .prdctfltr_aftertitle, #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_wc_regular.prdctfltr_wc.prdctfltr_woocommerce.prdctfltr_scroll_default .prdctfltr_terms_customized_select .prdctfltr_add_scroll { width: auto; min-width: 14rem; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_wc .prdctfltr_buttons { margin-left: auto; margin-top: 4rem; margin-bottom: auto; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_wc .prdctfltr_has_selection + .prdctfltr_buttons { margin-top: auto; margin-bottom: auto; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_wc_regular.pf_default .prdctfltr_filter_wrapper { flex-grow: 1; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_has_selection + .prdctfltr_pa_materiaal::before { left: calc(var(--padding) + .0625rem); width: calc(100% - (var(--padding)*2) - .125rem); } } /*-------------------------------------------------- SITE HEADER ----------------------------------------------------*/ .site-header { padding: var(--site-gutter) 0 0 0; color: var(--text--color-1); border: none; background-color: var(--color--white); position: fixed; top: 0; left: 50%; width: 100%; max-width: var(--max-width--max); transform: translateX(-50%); -webkit-transition: all,ease,var(--transition-duration); transition: all,ease,var(--transition-duration); } .site-header .col-full { display: flex; flex-wrap: wrap; -webkit-transition: all ease var(--transition-duration); transition: all ease var(--transition-duration); } .home.blog .site-header, .home.page:not(.home) .site-header, .home.post-type-archive-product .site-header { margin-bottom: 0; } /* Branding */ .site-header .site-branding, .site-header .site-branding a, .site-header .site-branding a img { transition: all ease var(--transition-duration); } .site-header .site-branding, .storefront-secondary-navigation .site-header .site-branding, .woocommerce-active .site-header .site-branding { flex: 0 0 auto; margin: 0; } .site-header .site-branding img { transform: translateY(var(--site-logo--offset)); width: var(--site-logo--width); height: var(--site-logo--height); max-width: none; -webkit-transition: height ease var(--transition-duration); transition: height ease var(--transition-duration); } .site-header .site-branding, .storefront-secondary-navigation.woocommerce-active .site-header .site-branding { align-items: flex-end; } /* Cart */ .site-header-cart { margin-left: 1.5rem; } .site-header-cart .cart-contents { position: relative; } .site-header-cart .cart-contents .amount, .site-header-cart .cart-contents .count { margin: 0; } .site-header-cart .cart-contents::after, .secondary-navigation a::after { font-size: var(--icon-font--size-xlarge); line-height: 1; } .site-header-cart .cart-contents::after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: var(--icon-font--weight); line-height: 1; font-family: var(--icon-font); vertical-align: baseline; content: var(--icon-font--cart); height: 1em; float: none; letter-spacing: var(--icon-font--letter-spacing); } .site-header-cart .widget_shopping_cart { border-radius: 0 0 1rem 0; width: 18.75rem; } .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message { margin: 0; } .site-header-cart .widget_shopping_cart_content { padding: var(--space--l); } .site-header-cart .widget_shopping_cart li, .site-header-cart .widget_shopping_cart p.buttons, .site-header-cart .widget_shopping_cart p.total { padding: var(--space--xs) 0; } .site-header-cart .widget_shopping_cart li { border-bottom: 0px solid var(--table--border-color); } .site-header-cart .widget_shopping_cart li:first-of-type { padding-top: 0; } .site-header-cart .widget_shopping_cart li:last-of-type { border-bottom: 0px; } .site-header-cart .widget_shopping_cart p.buttons { padding-bottom: 0; } .site-header-cart .widget_shopping_cart p.total { margin-top: var(--space--xs); border-top: 1px solid var(--border--color-1--tint-3); border-bottom: 1px solid var(--border--color-1--tint-3); } .site-header-cart .widget_shopping_cart .buttons a { margin-bottom: .625em; } .site-header-cart .widget_shopping_cart .buttons a:last-child { margin-bottom: 0; } .site-header-cart .widget_shopping_cart dl.variation { margin-top: 0em; margin-left: 1.5rem; } .site-header-cart .widget_shopping_cart dl.variation * { display: inline; } .site-header-cart .widget_shopping_cart dl.variation dd, .site-header-cart .widget_shopping_cart dl.variation dd p { margin-bottom: 0; } .site-header-cart .widget_shopping_cart dl.variation dd { margin-right: 0em; } .site-header-cart .widget_shopping_cart dl.variation dd::after { content: "\a"; white-space: pre; } .site-header .site-header-cart .woocommerce-mini-cart-item a { position: relative; color: var(--text--color-1); display: flex; align-items: center; justify-content: center; } .site-header .site-header-cart a { position: relative; color: var(--text--color-1); display: flex; align-items: center; } .site-header .site-header-cart .woocommerce-mini-cart__total .amount { color: var(--color--black); font-weight: var(--font-weight--600); } .site-header .site-header-cart .woocommerce-mini-cart__buttons a { color: var(--color--white); display: block; } /* Widget topbar */ .header-widget-region { position: fixed; top: 0; left: 50%; width: 100%; max-width: var(--max-width--max); background-color: var(--color--white); border-bottom: 1px solid var(--border--color-1--tint-3); transform: translateX(-50%); -webkit-transition: all,ease,var(--transition-duration); transition: all,ease,var(--transition-duration); z-index: 1000; } .header-widget-region .widget { padding: 0; font-size: .875em; } .header-widget-region .info-bar { display: flex; align-items: center; width: 100%; height: 2.1875rem; color: var(--text--color-1); } .header-widget-region .info-bar div { --_font-height-offset: 0rem; flex: 0 0 auto; padding-right: 1.5rem; padding-bottom: var(--_font-height-offset); } .header-widget-region .info-bar div:last-of-type { text-align: right; margin-left: auto; padding-right: 0; } .header-widget-region .info-bar div span { font-weight: var(--font-weight--500); color: var(--brand--color-2); } /* Multiple */ .site-search, .secondary-navigation, .site-header-cart .cart-contents { display: flex; align-items: center; padding: 0; } .storefront-secondary-navigation.woocommerce-active .site-header .site-search, .storefront-secondary-navigation.woocommerce-active .site-header .site-branding, .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation, .woocommerce-active .site-header .site-header-cart { width: auto; float: none; display: flex; } .storefront-secondary-navigation.woocommerce-active .site-header .site-search, .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation, .woocommerce-active .site-header .site-header-cart { align-items: center; } .site-header .wc-forward::after, .site-header .woocommerce-Button--next::after { content: ""; margin-left: 0; } .site-header .secondary-navigation ul li a, .site-header .site-header-cart a.cart-contents { font-weight: var(--font-weight--400); letter-spacing: var(--letter-spacing--link); text-transform: none; } .secondary-navigation .menu, .site-header .site-header-cart a.cart-contents { font-size: var(--font-size--copy); } /* All navigation */ .handheld-navigation ul.menu li button::after, .storefront-hamburger-menu-active .shm-close:before { -webkit-text-stroke-width: 0rem; -webkit-text-stroke-color: var(--brand--color-1); } .main-navigation ul.menu>li.menu-item-has-children>a::after, .main-navigation ul.menu>li.page_item_has_children>a::after, .main-navigation ul.nav-menu>li.menu-item-has-children>a::after, .main-navigation ul.nav-menu>li.page_item_has_children>a::after { -webkit-text-stroke-width: .0625rem; -webkit-text-stroke-color: var(--brand--color-1); transition: -webkit-text-stroke ease .2s; } /* Handheld Navigation */ .handheld-navigation { max-height: none; position: relative; } .handheld-navigation::before { content: ''; z-index: 2; position: fixed; left: -100%; display: block; width: 100vw; pointer-events: none; mask-image: -webkit-linear-gradient(270deg,rgba(0, 0, 0, 1) 33%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(180deg,rgba(0, 0, 0, 1) 33%, rgba(0, 0, 0, 0) 100%); background-color: var(--color--white); transition: left ease .3s; } .toggled .handheld-navigation::before { left: 0; } .handheld-navigation::after { content: ''; z-index: 2; position: fixed; left: -100%; display: block; width: 100vw; pointer-events: none; mask-image: -webkit-linear-gradient(90deg,rgba(0, 0, 0, 1) 33%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(0deg,rgba(0, 0, 0, 1) 33%, rgba(0, 0, 0, 0) 100%); background-color: var(--color--white); transition: left ease .3s; } .toggled .handheld-navigation::after { left: 0; } .handheld-navigation::-webkit-scrollbar { width: 0; background: transparent; scrollbar-width: none; -ms-overflow-style: none; } .handheld-navigation .dropdown-toggle { line-height: 1; padding: .9375em var(--site-gutter); font-size: 1em; } .handheld-navigation ul.menu .sub-menu { width: 100%; padding: 0 0 0em 0; } .main-navigation:hover button.menu-toggle::after, .main-navigation:hover button.menu-toggle:before, .main-navigation:hover button.menu-toggle span:before { background-color: var(--brand--color-2); } button.menu-toggle:before, button.menu-toggle::after, button.menu-toggle span:before { background-color: var(--background--color-1--tint-1); border-radius: 1px; width: 22px; height: 3px; top: 19px; left: 10px; margin-top: -2px; } button.menu-toggle { --_button-padding: .625rem; width: 42px; height: 37px; padding: var(--_button-padding); border: none; background: var(--color--white); margin: calc(0px - var(--_button-padding)) 0 0 calc(0px - var(--_button-padding)); float: none; } button.menu-toggle:before { -webkit-transform: translateY(-7px); -ms-transform: translateY(-7px); transform: translateY(-7px); } button.menu-toggle::after { -webkit-transform: translateY(7px); -ms-transform: translateY(7px); transform: translateY(7px); } button.menu-toggle:focus { outline: 0px; } .storefront-hamburger-menu-active .main-navigation.toggled button.menu-toggle:before, .storefront-hamburger-menu-active .main-navigation.toggled button.menu-toggle::after { transform: translateY(0); } .storefront-hamburger-menu-active .shm-close { color: var(--brand--color-3); } /* Navigation */ .site-header .storefront-primary-navigation { background-color: var(--brand--color-1); -webkit-transition: top ease var(--transition-duration), margin-top ease var(--transition-duration); transition: top ease var(--transition-duration), margin-top ease var(--transition-duration); } .site-header .storefront-primary-navigation .col-full { padding-top: 0; padding-bottom: 0 !important; } .main-navigation ul li a { font-weight: var(--font-weight--500); letter-spacing: var(--letter-spacing--link); color: var(--color--white); text-transform: none; } .main-navigation ul li ul li a { --letter-spacing--link: 0; font-weight: var(--font-weight--400); letter-spacing: var(--letter-spacing--link); text-transform: none; } .main-navigation > ul li a, ul.menu li a { color: var(--color--white); } .main-navigation ul li a:hover, .main-navigation > ul li:hover > a, .site-header > ul.menu li.current-menu-item > a { color: var(--color--white); } .main-navigation ul li ul li a:hover, .main-navigation ul li ul li a:hover > a { color: var(--color--white); } .main-navigation ul li ul li.current-menu-item a:hover > a { color: var(--brand--color-3); } .main-navigation ul ul li a { width: 100%; } .secondary-navigation { margin-left: auto; } .secondary-navigation ul { margin: 0; } .secondary-navigation a, .site-header-cart .cart-contents { display: flex; gap: var(--icon--gap); } .secondary-navigation a::after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; line-height: 1; font-family: var(--icon-font); font-weight: var(--icon-font--weight); vertical-align: baseline; height: 1em; float: none; color: var(--brand--color-2); letter-spacing: var(--icon-font--letter-spacing); } .secondary-navigation .account a::after { content: var(--icon-font--account); } .site-header .secondary-navigation ul li a { color: var(--text--color-1); position: relative; display: flex; align-items: center; } .site-header .secondary-navigation ul li.current-menu-item a, .site-header .site-header-cart li .current-menu-item a { color: var(--text--color-1); } .site-header .site-header-cart .cart-contents::after { color: var(--brand--color-2); } .site-header .site-header-cart .cart-contents .count { position: absolute; top: -.375em; right: -.375em; width: 1rem; height: 1rem; font-weight: var(--font-weight--500); text-align: center; background-color: var(--brand--color-3); color: #fff; font-size: .625em; line-height: inherit; letter-spacing: 0; border-radius: .5rem; box-shadow: 0px 0px 0px 0px #FFF; display: flex; justify-content: center; align-items: center; opacity: 1; } .woocommerce-active .site-header .main-navigation { width: auto; float: none; margin-right: 0; clear: both; } /* Search */ .site-search { font-size: .875em; clear: both; display: none; } .site-header .site-search { flex: 0 0 100%; margin-bottom: 0; } .site-header .widget_product_search form { width: 100%; max-width: 100%; } .site-search .widget_product_search form input[type=search], .site-search .widget_product_search form input[type=text], .widget_product_search form:not(.wp-block-search) input[type=search] { padding: 0 2.5rem 0 1rem; height: var(--site-search--height); line-height: var(--site-search--height); color: var(--text--color-1); box-shadow: none; background-color: var(--color--white); border: 1px solid var(--border--color-1--tint-2); border-radius: calc(var(--site-search--height)/2); -webkit-transition: height ease var(--transition-duration); transition: height ease var(--transition-duration); } .site-search .widget_product_search form:before, .widget_search form:not(.wp-block-search)::before, .widget_product_search form:not(.wp-block-search)::before { content: var(--icon-font--search); position: absolute; top: 50%; right: .625em; left: auto; display: inline-block; transform: translateY(-50%); font-size: var(--icon-font--size-xlarge); font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; font-family: var(--icon-font); font-weight: var(--icon-font--weight); line-height: inherit; vertical-align: baseline; line-height: 1; color: var(--text--color-1); z-index: 1; pointer-events: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .widget_search form:not(.wp-block-search) input[type=submit], .widget_search form:not(.wp-block-search) button[type=submit], .widget_product_search form:not(.wp-block-search) input[type=submit], .widget_product_search form:not(.wp-block-search) button[type=submit] { margin: 0; height: calc(100% - .3125rem); width: 2.5rem; background-color: var(--color--white); clip: unset; -webkit-clip-path: unset; clip-path: none; text-indent: -999em; top: 2px; right: 2px; left: auto; border-radius: calc(var(--site-search--height)/2); } .site-search .widget { width: 100%; } .site-search form { margin: 0; } /* Search REMOVE */ /* .site-search .widget_product_search form { --input-size: 2.5rem; } .site-search .widget_product_search form input[type=search], .site-search .widget_product_search form input[type=text], .widget_product_search form:not(.wp-block-search) input[type=search] { --input-size: 2.5rem; padding: 0 2.5rem 0 1rem; height: var(--input-size); line-height: var(--input-size); box-shadow: none; background-color: var(--color-white); border: 1px solid var(--border--color-1--tint-2); border-radius: calc(var(--input-size)/2); } .site-search .widget_product_search form:before, .widget_search form:not(.wp-block-search)::before, .widget_product_search form:not(.wp-block-search)::before { top: 50%; right: 1rem; left: auto; transform: translateY(-50%); color: var(--text--color-1--tint-1); z-index: 1; pointer-events: none; } .widget_search form:not(.wp-block-search) input[type=submit], .widget_search form:not(.wp-block-search) button[type=submit], .widget_product_search form:not(.wp-block-search) input[type=submit], .widget_product_search form:not(.wp-block-search) button[type=submit] { margin: 0; height: calc(100% - .3125rem); width: 2.5rem; background-color: var(--color-white); clip: unset; -webkit-clip-path: unset; clip-path: none; text-indent: -999em; top: 2px; right: 2px; left: auto; border-radius: calc(var(--input-size)/2); } */ /*-------------------------------------------------- SITE MAIN ----------------------------------------------------*/ /* PAGE - multiple pages */ .entry-content ul:not(.ul-icons, .products) li, .term-description ul li, .woocommerce-Tabs-panel ul:not(.ul-icons) li, ul.vwc-cl_ul-alt ul li, ul.vwc-cl_ul-alt li { --_space-li: 1.25rem; border-bottom: none; position: relative; padding-left: var(--_space-li); } .entry-content ul:not(.ul-icons, .products) li::after, .term-description ul li::after, .woocommerce-Tabs-panel ul:not(.ul-icons) li::after, ul.vwc-cl_ul-alt li::after, ul.vwc-cl_ul-alt ul li::after { --_offset: 0px; content: ''; position: absolute; top: calc(8px + var(--_offset)); left: 1px; width: .4375rem; height: .4375rem; background-color: var(--brand--color-1); } .entry-content ul.vwc-cl_ul-alt li a, ul.vwc-cl_ul-alt li a, .entry-content ul.vwc-cl_link-alt a, ul.vwc-cl_link-alt a { color: var(--brand--color-3); text-decoration: underline; } .entry-content ul.vwc-cl_ul-alt li::after, ul.vwc-cl_ul-alt li::after { background-color: var(--brand--color-3); } .entry-content a.button { color: var(--color--white); } .woocommerce-NoticeGroup ul li, ul.woocommerce-error li, .entry-content .woocommerce-MyAccount-navigation ul li, .woocommerce-cart .entry-content ul li, .woocommerce-checkout .entry-content ul.wc-item-meta li { padding-left: 0 !important; } .woocommerce-NoticeGroup ul li::after, .entry-content .woocommerce-notice::after, .entry-content .products li::after, .entry-content .woocommerce-MyAccount-navigation ul li::after, .entry-content ul.woocommerce-thankyou-order-details li::after, .entry-content ul.woocommerce-error li::after, .woocommerce-cart .entry-content ul li::after, .woocommerce-checkout .entry-content ul li::after { width: 0; height: 0; background-color: transparent; } .entry-content ul.wc-item-meta { margin-bottom: 0; } .entry-content i { display: flex; color: var(--text--color-1); } .entry-content a i { color: inherit; } .shop_table .includes_tax { display: block; } .page-content .page-header { padding-bottom: var(--space--section-inner); } .vwc-cl_col-left, .vwc-cl_col-right { flex-basis: 100%; padding: 0; } .vwc-cl_col-left { margin-left: auto; } .star-rating { overflow: hidden; position: relative; height: calc(1em * var(--line-height--copy)); line-height: var(--line-height--copy); font-size: 1.25em; width: 4.5em; font-family: var(--icon-font); font-weight: 400; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; color: #2c2d33; background-color: var(--color--white); } .star-rating span::before { color: var(--brand--color-3); } .star-rating::before, .star-rating span::before { content: var(--icon-font--star-rate); top: 0; left: 0; position: absolute; letter-spacing: -3px; transform: translate(-2px, 2px); } .star-rating::before { color: var(--background--color-1--tint-3); opacity: 1; } /* Product grid */ .page-template-template-fullwidth-php .site-main ul.products.columns-4 li.product, .page-template-template-fullwidth-php .header-widget-region ul.products.columns-4 li.product, .page-template-template-homepage-php .site-main ul.products.columns-4 li.product, .page-template-template-homepage-php .header-widget-region ul.products.columns-4 li.product, .home-php .site-main ul.products.columns-4 li.product, .home-php .header-widget-region ul.products.columns-4 li.product, .storefront-full-width-content .site-main ul.products.columns-4 li.product, .storefront-full-width-content .header-widget-region ul.products.columns-4 li.product, .vwc-cl_search-page .site-main ul.products[class*="columns-"] li.product, .vwc-cl_main-shop-page .site-main ul.products[class*="columns-"] li.product, .vwc-cl_main-shop-page .site-main ul.products[class*="columns-"] li.product-category { width: var(--grid-column--width); margin: 0 var(--grid-column--space) 0 0; font-size: 1em; text-align: left; float: left; } .vwc-cl_main-shop-page #vwc-cl_section_product_categories ul, .home #vwc-cl_section_product_categories ul, .home .storefront-product-categories ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(9rem, 100%), 1fr)); gap: var(--grid-column--space); } .vwc-cl_main-shop-page #vwc-cl_section_product_categories ul:before, .home #vwc-cl_section_product_categories ul.products:before, .home .storefront-product-categories ul.products:before { content: unset; display: none; } .vwc-cl_main-shop-page #vwc-cl_section_product_categories ul.products li.product-category, .home .site-main ul.products.columns-1 li.product { width: auto; margin: 0; } .vwc-cl_main-shop-page #vwc-cl_section_product_categories ul.products li.product .woocommerce-loop-category__title, .home ul.products li.product .woocommerce-loop-category__title { font-size: var(--font-size--copy); color: var(--text--color-1); font-weight: var(--font-weight--500); } .vwc-cl_main-shop-page #vwc-cl_section_product_categories ul.products li.product .woocommerce-loop-category__title, .home #vwc-cl_section_product_categories ul.products li.product .woocommerce-loop-category__title { margin-bottom: 0; } .vwc-cl_main-shop-page #vwc-cl_section_product_categories ul.products li.product.product-category img, .home ul.products li.product.product-category img { margin-bottom: 0; } /* Page banner (shop/category) */ #vwc-cl_page-banner { position: relative; width: 100%; margin: 0 auto 0; background-color: var(--background--color-1--shade-2); } #vwc-cl_page-banner, #vwc-cl_page-banner .page-banner { height: var(--page-banner--height); overflow: hidden; } #vwc-cl_page-banner .page-banner { position: absolute; top: 0; left: 50%; width: 100%; max-width: var(--max-width--max); transform: translateX(-50%); } #vwc-cl_page-banner .page-banner img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) scale(.1); max-width: none; width: auto; height: auto; min-width: 1000%; min-height: 1000%; } #vwc-cl_page-banner .page-banner::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; } #vwc-cl_page-banner .col-full { position: relative; z-index: 1; height: 100%; } #vwc-cl_page-banner .banner-info { position: relative; z-index: 1; height: 100%; display: flex; flex-direction: column; justify-content: end; gap: var(--space--xs); align-items: flex-start; margin: 0 auto; padding: 0; } #vwc-cl_page-banner .banner-info h1 { color: var(--color--white); margin-bottom: 0; } #vwc-cl_page-banner .banner-info h1::after { background-color: none; } #vwc-cl_page-banner .banner-info .sub-heading { color: var(--color--white); margin-bottom: 0; max-width: 25ch; font-family: var(--font--subheadings); font-size: var(--font-size--h1-subheading); line-height: var(--line-height--h1-subheading); } #vwc-cl_page-banner .banner-info.hero-has-art-border { padding-bottom: calc(var(--art-border--height) + var(--page-banner--info-offset)); } #vwc-cl_page-banner::before { content: ''; position: absolute; bottom: 0px; left: 0; width: 100%; height: var(--art-border--height); background-image: url("assets/images/Bar-01@2x.png"); background-position: left; background-repeat: repeat; z-index: 1; } #vwc-cl_page-banner .banner-placeholder { background-image: url(assets/images/banner-placeholder.jpg); } .banner-placeholder { width: 100%; height: 100%; background-color: var(--background--color-1--shade-1); position: absolute; background-image: none; background-position: center; background-size: cover; } /* ADDED (merge with above?) */ .page-banner { position: relative; width: 100%; margin: 0 auto 0; background-color: var(--brand--color-2); } .page-banner, .page-banner .banner-img { height: calc(10rem + ((1vw - 0.3rem) * 33.3333)); min-height: 10rem; overflow: hidden; } .page-banner .banner-img { position: absolute; top: 0; left: 50%; width: 100%; max-width: var(--max-width-max); transform: translateX(-50%); } .page-banner .banner-img img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) scale(1); max-width: none; width: auto; height: auto; min-width: 100%; min-height: 100%; } .page-banner .banner-img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--overlay--color--light); } .page-banner .col-full { position: relative; display: flex; justify-content: center; align-items: center; z-index: 1; height: 100%; } .page-banner .col-full h1 { text-align: center; color: var(--color--white); word-break: break-word; } .page-banner .col-full h1:after { background-color: var(--color--white-20); } /* Content and Submenu (sidebar) default pages (same styling as Account dashboard) */ .vwc-cl_content-wrapper { width: 100%; margin: 0 auto; } .vwc-cl_content-wrapper .entry-content { margin-right: 0; } .vwc-cl_content-wrapper #vwc-cl_side-bar-nav .heading { padding-bottom: .75em; color: var(--color--black); font-size: var(--font-size--copy); font-weight: var(--font-weight--500); } .vwc-cl_content-wrapper #vwc-cl_side-bar-nav a { padding-bottom: .25em; color: var(--text--color-1); display: block; } .vwc-cl_content-wrapper #vwc-cl_side-bar-nav ul li { position: relative; } .vwc-cl_content-wrapper #vwc-cl_side-bar-nav ul li.current_page_item a { color: var(--text--color-1--medium-dark); font-weight: var(--font-weight--600); } .vwc-cl_content-wrapper #vwc-cl_side-bar-nav ul li.current_page_item a::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 0rem; background-color: var(--brand--color-3); } .vwc-cl_content-wrapper #vwc-cl_side-bar-nav ul li ul { font-size: var(--font-size--copy); } /* Content and Submenu table of content pages - (lijmwijzer) */ .vwc-cl_content-wrapper #vwc-cl_side-bar-nav .toc a { padding: 0 0 .25em 0; color: var(--text--color-1); } .vwc-cl_content-wrapper #vwc-cl_side-bar-nav .toc ul { display: block; border: none; } .vwc-cl_content-wrapper #vwc-cl_side-bar-nav .toc ul li { margin: 0; border: none; } .vwc-cl_content-wrapper #vwc-cl_side-bar-nav .tocnumber { margin-right: .25em; } .vwc-cl_content-wrapper #vwc-cl_side-bar-nav .toclevel-3 .tocnumber { margin-left: .0625em; margin-right: .4375em; } /* PAGE - shop */ /* .vwc-cl_main-shop-page .site-main ul.products[class*="columns-"] li.product-category { width: var(--grid-column--width); } */ /* PAGE - product archive */ /* Product grid */ .site-main > .storefront-sorting ~ .storefront-sorting .woocommerce-result-count { display: none; } .site-main > .storefront-sorting ~ .storefront-sorting .woocommerce-ordering { display: none; } .site-main > .storefront-sorting .woocommerce-pagination { display: none; } .site-main > .storefront-sorting .woocommerce-result-count, .site-main > .storefront-sorting ~ .storefront-sorting .woocommerce-pagination { display: block; } .site-main .storefront-sorting .woocommerce-pagination { margin: var(--space--section-inner) auto 0 auto; border: none; } .site-main .term-description { display: flex; flex-direction: column; margin-top: var(--space--section); } .site-main ul.products li.product, .site-main ul.products.columns-3 li.product, .site-main ul.products.columns-4 li.product { width: var(--grid-column--width); margin: 0 var(--grid-column--space) 0 0; font-size: 1em; text-align: left; float: left; } .side-bar .vwc-cl_content ul.products { margin-bottom: var(--space--2xl); } ul.products .product-item-wrap { --_block-space: 1.25rem; display: flex; flex-direction: column; border: 1px solid var(--border--color-1--tint-2); height: 100%; padding: 0; } ul.products .product-item-wrap .remaining { display: none; } ul.products { display: flex; flex-wrap: wrap; row-gap: var(--grid-row--space); } ul.products:before { display: block; } ul.products li.product .woocommerce-loop-category__title, ul.products li.product .woocommerce-loop-product__title { font-family: var(--font--text); font-weight: var(--font-weight--700); font-size: var(--font-size--copy-medium); color: var(--brand--color-2); text-align: left; line-height: var(--line-height--h2); margin: 0 0 var(--space--3xs) 0; } ul.products li.product .woocommerce-LoopProduct-link { text-align: left; flex-grow: 1; display: flex; flex-direction: column; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; cursor: pointer; text-decoration: none; } ul.products li.product .product-item-img, ul.products li.product .cat-item-img { width: 100%; background-color: transparent; transition: all ease .3s; } ul.products li.product .cat-item-img { margin: 0 auto var(--space--s); } ul.products li.product .product-item-img { margin: 0 auto var(--space--l); } ul.products li.product .woocommerce-placeholder { transition: filter ease .3s; } ul.products li.product img { margin: 0 auto var(--space--l); padding: 0; width: 100%; max-width: 10rem; } ul.products li.product .star-rating { margin: 0 0 var(--space--s) 0; font-size: var(--icon-font--size-normal); line-height: 1; } .price ins { font-weight: var(--font-weight--600); } .onsale { position: absolute; top: -.75rem; right: 1.375rem; border-radius: 2.625rem; padding: .5em .75em; width: 5.25rem; height: 5.25rem; display: flex; justify-content: center; align-items: center; background-color: var(--color--red); color: var(--color--white); border: none; z-index: 1; line-height: 1; } body.single-product .onsale { top: -1.5rem; } .pagination, .woocommerce-pagination { border: 0; padding: 0; margin-bottom: 0; clear: none; float: none; } .up-sells ul.products { padding-top: .75em; } .vwc-cl_main-shop-page main ul.products { padding-top: 0; } .woocommerce .products h2::after, .woocommerce-loop-product__title::after, .upsells.products h2.woocommerce-loop-product__title::after { width: 0; height: 0; background-color: transparent; } .woocommerce-products-header__title { font-size: var(--font-size--h2); font-weight: var(--font-weight--700); line-height: var(--line-height--h1-small); letter-spacing: var(--letter-spacing--heading); text-align: left; text-transform: uppercase; color: var(--brand--color-1); margin-bottom: var(--space--xl); padding: 0; border: none; } .woocommerce-ordering { float: right; margin-right: 0; padding: 0; } ul.products li.product .price { font-weight: var(--font-weight--700); font-size: var(--font-size--copy-medium); color: var(--color--black); font-family: var(--font--text); margin-top: auto; } ul.products li.product .price .woocommerce-price-suffix { display: block; margin-bottom: var(--space--3xs); line-height: 1; font-size: .6875em; font-weight: var(--font-weight--400); color: var(--text--color-1); } ul.products li.product .price .woocommerce-price-suffix .woocommerce-Price-amount { font-weight: var(--font-weight--600); } ul.products li.product .button { margin-bottom: 0; order: 1; align-self: flex-start; } ul.products li.product.product-type-simple .button { position: relative; text-align: center; gap: calc(var(--icon--gap) / 2); } ul.products li.product.product-type-simple a.button.add_to_cart_button { padding-top: var(--button-with-icon--space--top); padding-bottom: var(--button-with-icon--space--bottom); text-indent: -9999px; } ul.products li.product.product-type-simple a.button.add_to_cart_button::before, ul.products li.product.product-type-simple a.button.add_to_cart_button::after { display: inline; font-family: var(--icon-font); text-indent: 0; font-size: calc(1em + (var(--button--space--offset) * 2)); color: var(--color--white); letter-spacing: 0; } ul.products li.product.product-type-simple a.button.add_to_cart_button::before { content: var(--icon-font--add); -webkit-text-stroke-width: 0; -webkit-text-stroke-color: var(--brand--color-3); } ul.products li.product.product-type-simple a.button.add_to_cart_button::after { content: var(--icon-font--cart); } ul.products li.product.product-type-simple a.button.add_to_cart_button.loading::after { animation: none; margin: 0; width: 100%; height: 100%; position: relative; top: unset; left: unset; display: inline; line-height: inherit; } ul.products li.product .woocommerce-LoopProduct-link { padding: var(--_block-space) var(--_block-space) 0 var(--_block-space); } ul.products li.product .button { margin: 0 var(--_block-space) var(--_block-space) var(--_block-space); } /* ul.products li.product .button.product_type_variable.add_to_cart_button::before, ul.products li:not(.purchasable).product-type-simple .button::before { content: ''; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; } */ .pagination .page-numbers li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers { color: var(--brand--color-1); background-color: transparent; padding: .5em .75em; border-radius: 0; line-height: 1; text-decoration: none; } .pagination .page-numbers li .page-numbers.next, .pagination .page-numbers li .page-numbers.prev, .woocommerce-pagination .page-numbers li .page-numbers.next, .woocommerce-pagination .page-numbers li .page-numbers.prev { padding: .5em 1em; color: var(--brand--color-1); border: 1px solid var(--brand--color-1); } .pagination .page-numbers li .page-numbers.next, .woocommerce-pagination .page-numbers li .page-numbers.next { margin-left: .5rem } .pagination .page-numbers li .page-numbers.prev, .woocommerce-pagination .page-numbers li .page-numbers.prev { margin-right: .5rem } .pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers.current { background-color: transparent; border-color: transparent; color: var(--text--color-1); font-weight: var(--font-weight--500); } .pagination .page-numbers li a.page-numbers:hover, .woocommerce-pagination .page-numbers li a.page-numbers:hover { background-color: var(--color--white); } .woocommerce-result-count { color: var(--text--color-1); margin-bottom: 0; padding: calc(var(--select-container--space--top) + 1px) 0 calc(var(--select-container--space--bottom) + 1px) 0; line-height: 1; } .woocommerce-pagination .next, .woocommerce-pagination .prev { text-indent: -9999px; position: relative; overflow: hidden; } .woocommerce-pagination .next::after, .woocommerce-pagination .prev::after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: var(--icon-font--size-3xlarge); font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; font-family: var(--icon-font); font-weight: var(--icon-font--weight); vertical-align: baseline; content: ""; text-indent: 0; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(calc(-50% + 0px)); } .woocommerce-pagination .next::after { content: var(--icon-font--chevron-forward); text-indent: .1875rem; } .woocommerce-pagination .prev::after { content: var(--icon-font--chevron-back); text-indent: -.0625rem; } .storefront-sorting { margin-bottom: 0; padding-bottom: var(--space--xl); font-size: var(--font-size--copy-small); } body.vwc-cl_main-shop-page .storefront-sorting { margin-bottom: 0; padding-bottom: 0; } body.search .storefront-sorting { margin-bottom: 0; } /* Product grid - Added to cart */ /* Default */ /* a.added_to_cart.wc-forward { background-color: #fff; color: var(--text--color-1); text-transform: none; font-weight: var(--font-weight--400); line-height: 1; margin-bottom: 1.5em; padding: 0; } */ /* Default position absolute */ @keyframes fade-view-cart { 0% { opacity: 0; } 100% { opacity: 1; } } a.added_to_cart.wc-forward { position: absolute; right: var(--_block-space); bottom: calc(var(--_block-space)*.6667); max-width: 7.25rem; animation: fade-view-cart 1s ease 1; padding-bottom: calc(var(--button--space--bottom)*1); padding-right: 0; background-color: transparent; color: var(--text--color-1); text-transform: none; font-weight: var(--font-weight--400); line-height: 1; letter-spacing: 0; } a.added_to_cart.wc-forward::after { content: var(--icon-font--arrow-upward); margin-left: var(--space--3xs); font-size: var(--icon-font--size-small); vertical-align: middle; transform: rotate(45deg); } /* Alternative */ /* @keyframes fade-view-cart { 0% { left: -12px; opacity: 0; transform: translateY(20px); } 12% { opacity: 1; transform: translateY(0); } 88% { opacity: 1; transform: translateY(0); } 99% { left: -12px; } 100% { left: -9999px; opacity: 0; transform: translateY(20px); } } a.added_to_cart.wc-forward { position: absolute; top: 20px; left: -9999px; animation: fade-view-cart 7s ease 1; opacity: 0; background-color: var(--color--green); color: var(--color--white); text-transform: none; font-weight: var(--font-weight--400); line-height: 1; margin-bottom: 0; padding: .75em 1em .875em 1em; width: auto; font-size: var(--font-size--copy-small); letter-spacing: 0; border-radius: 0; text-decoration: none; } a.added_to_cart.wc-forward::after { content: "\f054"; margin-left: .625em; font-size: .625em; vertical-align: middle; } */ /* ADDED (TEMP?) */ .site-main > .storefront-sorting ~ .storefront-sorting .woocommerce-result-count, .site-main .storefront-sorting .woocommerce-ordering, .site-main > .storefront-sorting .woocommerce-pagination { display: none; } .site-main > .storefront-sorting .woocommerce-result-count, .site-main > .storefront-sorting ~ .storefront-sorting .woocommerce-pagination { display: block; } /* .site-main .storefront-sorting .woocommerce-pagination { margin: 0 auto; border: none; } */ .site-main .term-description { display: flex; flex-direction: column; margin-top: var(--space--xl); } .woocommerce-ordering { float: right; margin-right: 0; } /* REMOVE? */ /* .theme-storefront .site-main ul.products[class*="columns-"] li.product, .site-main ul.products[class*="columns-"] li.product { width: 100%; margin-right: 0; padding: 0 var(--grid-item-padding); float: left; } */ /* Category grid */ /* Category grid - Alternative */ ul.products li.product.product-category a { display: block; position: relative; overflow: hidden; width: 100%; padding-top: 62.5%; } ul.products li.product.product-category a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--overlay--color--light); -webkit-transition: all ease .15s; transition: all ease .15s; } ul.products li.product.product-category a:hover:after { background-color: var(--overlay--color--light); } ul.products li.product.product-category img { position: absolute; top: 50%; left: 0; transform: translateY(-50%); margin: 0; padding: 0; max-width: none; } ul.products li.product.product-category .woocommerce-loop-category__title { position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: flex; align-items: center; margin: 0; padding: .5em; width: 100%; height: auto; font-size: 1.25rem; text-align: center; line-height: 1; color: var(--color--white); z-index: 1; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; -webkit-hyphens: auto; hyphens: auto; } ul.products li.product.product-category .woocommerce-loop-category__title:after { content: var(--icon-font--chevron-forward); position: relative; right: auto; bottom: auto; left: auto; width: auto; height: auto; margin: 0; font-family: var(--icon-font); font-size: 1.25em; transform: none; background-color: transparent; } ul.products li.product.product-category .woocommerce-loop-category__title .vwc-cl_count { font-family: var(--font--text); font-size: .625em; border: 1px solid var(--color--white-40); padding: .125em .25em; margin-top: .25rem; margin-left: 0; display: inline-block; min-width: 1.75em; border-radius: 0 0 4px 0; text-align: center; display: none; } /* Search widget */ .archive.left-sidebar .site-content .woocommerce-product-search { width: 100%; display: flex; margin-bottom: calc(var(--space--site-content) + var(--space--site-breadcrumbs)); } .archive.left-sidebar .site-content .woocommerce-product-search label { display: none; } .archive.left-sidebar .site-content .woocommerce-product-search input { flex-grow: 1; box-shadow: none; background-color: var(--color--white); border: 1px solid var(--border--color-1--tint-1); border-right-width: 0; border-radius: 0; } .archive.left-sidebar .site-content .woocommerce-product-search button { --button--space--inline: 1.5em; background-color: var(--brand--color-1); border-radius: 0 var(--button--border-radius) var(--button--border-radius) 0; } /* Product categories sidebar */ /* .widget-area .widget { font-size: var(--font-size--copy); } .widget-area .widget a { text-decoration: none; font-weight: var(--font-weight--400); } .widget_product_categories ul a { color: var(--text--color-1); font-size: var(--font-size--copy); position: relative; } .widget_product_categories ul .current-cat a { color: var(--brand--color-1); font-weight: var(--font-weight--600); } .widget_product_categories ul .current-cat ul a { color: var(--brand--color-1); } .widget_product_categories ul .current-cat-parent a { color: var(--text--color-1); font-weight: var(--font-weight--600); } .widget_product_categories ul .current-cat-parent ul a, .widget_product_categories ul .current-cat ul.children a { color: var(--text--color-1); font-size: .9375em; font-weight: var(--font-weight--400); } .widget_product_categories ul .current-cat-parent ul .current-cat a { color: var(--brand--color-1); } .widget_product_categories .cat-item-15 { display: none; } .widget_product_categories ul.product-categories { padding-top: 0; } */ .widget-area .widget { font-size: var(--font-size--copy); } .widget-area .widget a { text-decoration: none; font-weight: var(--font-weight--400); } .widget_product_categories ul a { color: var(--text--color-1); font-size: var(--font-size--copy); position: relative; } .widget_product_categories ul .current-cat a { color: var(--brand--color-1); font-weight: var(--font-weight--600); } .widget_product_categories ul .current-cat-parent a { color: var(--text--color-1); font-weight: var(--font-weight--600); } .widget_product_categories ul .current-cat-parent .current-cat a { color: var(--brand--color-1); font-weight: var(--font-weight--600); } .widget_product_categories ul .cat-parent.current-cat-parent > a { color: var(--text--color-1); font-weight: var(--font-weight--600); } .widget_product_categories ul .cat-parent.current-cat-parent .current-cat > a { color: var(--brand--color-1); } .widget_product_categories ul .current-cat-parent ul a, .widget_product_categories ul .current-cat ul.children a { color: var(--text--color-1); font-size: .9375em; font-weight: var(--font-weight--400); } .widget_product_categories .cat-item-15 { display: none; } .widget_product_categories ul.product-categories { padding-top: 0; } /* PAGE - product */ /* Product container */ .single-product div.product { --_button-height: 2.625rem; --_button-line-height: 2.625; overflow: visible; } .single-product div.product .woocommerce-product-gallery, .single-product div.product .summary { margin: 0 0 var(--space--section) 0; } .single-product div.product > *:last-child { margin-bottom: 0; } /* Product gallery */ .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li { width: 14.66667%; margin-right: var(--space--m); } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { opacity: 1; border: 1px solid var(--border--color-1--tint-2); } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { border: 1px solid var(--brand--color-2); } .single-product div.product .woocommerce-product-gallery figure { max-width: 25rem; margin: 0 auto; } .single-product div.product .woocommerce-product-gallery .flex-viewport figure { max-width: none; } .single-product div.product .woocommerce-product-gallery__image a { position: relative; } .single-product div.product .woocommerce-product-gallery__image a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0 0 24px 16px var(--color--white); z-index: 1; } .single-product div.product .woocommerce-product-gallery__image a:hover::after { box-shadow: none; } .single-product div.product .woocommerce-product-gallery img { margin: 0 auto; } .single-product div.product .woocommerce-product-gallery .flex-viewport { margin-bottom: 1rem; max-width: 25rem; margin-left: auto; margin-right: auto; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: 0; right: 0; color: var(--text--color-1); display: block; height: 2em; width: 2em; border-radius: 3px; z-index: 99; text-align: center; text-indent: -999px; overflow: hidden; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger::before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; font-family: var(--icon-font); font-weight: var(--icon-font--weight); font-size: 1.5em; line-height: inherit; vertical-align: baseline; content: var(--icon-font--zoom); display: flex; align-items: center; justify-content: center; text-indent: 0; width: 100%; height: 100%; } .single-product div.product .woocommerce-product-gallery__image--placeholder { max-width: none; margin: 0 auto; } .pswp__bg { background: var(--overlay--color--dark); } .pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar { background-color: transparent; } .pswp__caption__center { color: var(--color--white); } /* Product summary */ .single-product div.product .product_meta a { color: var(--brand--color-2); font-weight: var(--font-weight--500); } .single-product div.product .product_meta .sku { text-decoration: none !important; -webkit-text-decoration-line: none !important; text-decoration-line: none !important; -webkit-text-decoration-color: transparent !important; text-decoration-color: transparent !important; } .single-product div.product p.price { font-family: var(--font--text); font-size: var(--font-size--copy-xlarge); font-weight: var(--font-weight--600); margin: var(--space--l) 0 var(--space--s) 0; color: var(--color--black); } .single-product div.product p.price .woocommerce-price-suffix { margin-bottom: var(--space--3xs); line-height: 1; font-size: .6875em; font-weight: var(--font-weight--400); } .single-product div.product p.price .woocommerce-price-suffix .woocommerce-Price-amount { font-weight: var(--font-weight--600); } .single-product div.product .woocommerce-product-rating { display: flex; align-items: center; margin: 0; } .single-product div.product form.cart { margin-bottom: var(--space--xl); padding: var(--space--s) 0; display: flex; flex-wrap: wrap; } .single-product div.product form.cart button.single_add_to_cart_button { padding-top: var(--button-with-icon--space--top); padding-bottom: var(--button-with-icon--space--bottom); flex-grow: 1; justify-content: center; } .single-product div.product form.cart button.single_add_to_cart_button::before { content: var(--icon-font--cart); margin-right: 0; font-family: var(--icon-font); text-indent: 0; font-size: calc(1em + (var(--button--space--offset) * 2)); line-height: 1; display: unset; } .single-product div.product .product_meta { border-top: 1px solid var(--border--color-1--tint-4); } .single-product div.product .woocommerce-product-rating a { color: var(--text--color-1); font-weight: var(--font-weight--500); } .single-product div.product .woocommerce-product-rating .star-rating { margin-right: .625em; } .single-product div.product .single_variation_wrap { width: 100%; } .single-product div.product .single_variation .price { color: var(--color--black); font-size: var(--font-size--copy-large); font-weight: var(--font-weight--600); } .single-product div.product .single_variation .price .woocommerce-price-suffix { font-weight: var(--font-weight--400); } .single-product div.product .single_variation .price .woocommerce-price-suffix .amount { font-weight: var(--font-weight--600); } .single-product div.product .variations_button { display: flex; flex-wrap: wrap; } .single-product div.product table.variations select { height: var(--_button-height); line-height: var(--_button-line-height); border-color: var(--border--color-1--tint-1); vertical-align: unset; padding: 0 var(--space--xs); width: auto; min-width: 18rem; } .single-product div.product table.variations td, .single-product div.product table.variations th { margin-bottom: var(--space--3xs); } .single-product div.product table.variations td label { color: var(--color--black); font-weight: var(--font-weight--500); } .single-product div.product form.cart .quantity { margin-right: var(--space--s); } .single-product .summary h1 { color: var(--brand--color-2); font-size: var(--font-size--h1-product); text-align: left; text-transform: none; } .single-product .summary h1::after { width: 0; height: 0; } .added_to_cart.alt, .added_to_cart.cta, .button.alt, .button.cta, button.alt, button.cta, input[type=button].alt, input[type=button].cta, input[type=reset].alt, input[type=reset].cta, input[type=submit].alt, input[type=submit].cta { display: flex; justify-content: center; background-color: var(--brand--color-3); border: none; border-radius: var(--button--border-radius); } .stock { display: flex; align-items: center; gap: var(--icon--gap-medium); font-weight: var(--font-weight--500); } .stock:before { content: ''; width: .625em; height: .625em; border-radius: .3125em; transform: var(--offset-font-alignment); } .stock.in-stock { color: var(--color--green); } .stock.in-stock::before { background-color: var(--color--green); } .stock.out-of-stock { color: var(--color--red); } .stock.out-of-stock::before { background-color: var(--color--red); } .stock.available-on-backorder { color: var(--color--orange); } .stock.available-on-backorder::before { background-color: var(--color--orange); } .price del { opacity: 1; color: var(--text--color-1); font-size: var(--font-size--copy-xsmall); vertical-align: text-top; } .woocommerce-product-details__short-description { word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; -webkit-hyphens: auto; hyphens: auto; } /* Product tabs */ .woocommerce-tabs { margin: 0 0 var(--space--section) 0; padding: 0; } .woocommerce-tabs ul.tabs { display: flex; flex-wrap: wrap; border: none; margin: 0; padding: 0; width: auto; } .woocommerce-tabs ul.tabs li { border: 1px solid transparent; border-bottom: none; } .woocommerce-tabs ul.tabs li a { padding: var(--space--xs) var(--space--m) var(--space--s) var(--space--m); font-size: var(--font-size--copy); color: var(--text--color-1); } .woocommerce-tabs ul.tabs li.active, .woocommerce-Tabs-panel { border: 1px solid var(--background--color-1--tint-5); background-color: var(--background--color-1--tint-5); } .woocommerce-tabs ul.tabs li.active { border-bottom: none; } .woocommerce-tabs ul.tabs li.active a { color: var(--brand--color-2); } .woocommerce-tabs ul.tabs li::after, .woocommerce-tabs ul.tabs li.active::after { content: "" !important; } .woocommerce-tabs .panel { margin-top: -1px; padding: var(--space--xl) var(--space--m) var(--space--m) var(--space--m); border-radius: var(--block--border-radius); width: 100% !important; } .woocommerce-tabs .panel h2, .woocommerce-tabs .panel h2:first-of-type { font-size: 1em; color: var(--text--color-1--dark); margin-bottom: .625em; font-family: var(--font--text); font-weight: var(--font-weight--500); } .woocommerce-tabs .panel h2::after { width: 0; height: 0; } .woocommerce-tabs .panel h2, .woocommerce-tabs .panel p:not(.stars, .woocommerce-noreviews) { width: 100%; } .woocommerce-tabs .panel ul { margin-bottom: var(--space--l); } .woocommerce-tabs .panel a { text-decoration: underline; } .woocommerce-tabs .panel .ul-icons a { text-decoration: none; } .woocommerce-tabs .panel .star-rating span { background-color: var(--color--white); } .woocommerce-tabs .panel h3 { color: var(--brand--color-1); font-size: var(--font-size--h3); } .woocommerce-tabs .panel table { margin-bottom: var(--space--xs); } .woocommerce-tabs .panel table#vwc-cl_ean-sku-table { margin-bottom: var(--space--xl); } .woocommerce-tabs .panel table.woocommerce-product-attributes.shop_attributes { margin-bottom: 0; } .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table.woocommerce-product-attributes.shop_attributes tr:nth-child(odd):not(:nth-child(5)) { background-color: transparent; } .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table#vwc-cl_factory-attributes-table tr:nth-child(odd) { background-color: transparent; } .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table#vwc-cl_factory-attributes-table tr td, .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table#vwc-cl_factory-attributes-table tr th, .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table.shop_attributes tr td, .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table.shop_attributes tr th { padding-top: .3125em; padding-bottom: .3125em; border-top: 1px solid var(--border--color-1--tint-3); } .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table#vwc-cl_factory-attributes-table tr th, .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table.shop_attributes tr th { padding-left: 0; border-right: 0px solid var(--border--color-1--tint-5); } .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table tr>* { padding: 0; } .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table tr th { padding-right: var(--space--xl); font-weight: var(--font-weight--500); width: 50%; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; -webkit-hyphens: auto; hyphens: auto; } .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table tr td { padding-left: var(--space--xl); } .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table tr td span { width: auto; } .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table tr td span:after { content: ', '; } .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table tr td span:last-of-type:after { content: ''; } .woocommerce-Tabs-panel#tab-downloads ul.ul-icons { padding-top: 0; margin-bottom: var(--space--xs); } .woocommerce-Tabs-panel#tab-downloads ul.ul-icons li { --space--li: 0; } .woocommerce-Tabs-panel#tab-downloads ul.ul-icons li a { font-weight: var(--font-weight--500); } #respond { margin-bottom: var(--space--3xs); padding: 0; background-color: transparent; } #respond textarea { resize: vertical; } #respond .comment-form-author input:focus, #respond .comment-form-email input:focus, #respond .comment-form textarea:focus { background-color: var(--color--white); } #reviews .comment-form-rating { margin-bottom: var(--space--s); } #reviews .comment-form-rating label, #reviews .comment-form-comment label, #reviews .comment-form-author label, #reviews .comment-form-email label { margin-bottom: var(--space--xs); display: block; } #reviews .commentlist li, #reviews .commentlist li:last-child { margin-bottom: var(--space--xl); border-bottom: 1px dotted var(--border--color-1--tint-4); } #reviews .commentlist li .avatar { width: 10%; height: 10%; max-width: 3.75rem; max-height: 3.75rem; margin-right: 2.5em; display: none; } #reviews .commentlist { margin-bottom: 0; padding-top: var(--space--s); padding-bottom: var(--space--s); } #reviews .commentlist li .comment_container { display: flex; flex-grow: 1; } #reviews .commentlist li .comment_container .comment-text { width: 75%; flex-grow: 1; } #reviews .commentlist li .comment_container .comment-text .star-rating { margin-top: 4px; height: var(--line-height--copy); } #reviews .star-rating:before { color: rgba(0,0,0,.1); } #reviews .comment-reply-title { color: var(--color--black); font-weight: var(--font-weight--500); margin-bottom: 1em; line-height: 1.2; display: block; } #tab-additional_information h2 { display: none; } p.stars span { display: inline-flex; transform: translateX(-4px); } p.stars a:before { content: var(--icon-font--star-rate); font-family: var(--icon-font); font-size: 1.25em; color: rgba(0,0,0,.1); opacity: 1; } p.stars:hover a:before, p.stars.selected a.active:before, p.stars.selected a:not(.active):before { color: var(--brand--color-3); } p.stars a { font-size: var(--font-size--copy-large); width: 1em; } /* Product upsells/cross-sells */ .upsells h2, .cross-sells h2 { text-align: center; } /* Custom fields */ .custom-field-product--subtitle { font-size: var(--font-size--product-subtitle); font-weight: var(--font-weight--600); color: var(--text--color-1); margin-bottom: var(--space--s); } .custom-field-product--grid-subtitle { font-size: var(--font-size--product-grid-subtitle); font-weight: var(--font-weight--400); color: var(--text--color-1); margin-bottom: calc(var(--space--xs) + var(--space--4xs)); } /* PAGE - account */ /* Dashboard */ .woocommerce-MyAccount-navigation ul li.is-active a { color: var(--text--color-1); font-weight: var(--font-weight--500); } .woocommerce-MyAccount-navigation ul li.is-active a::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: .1875rem; background-color: transparent; } .hentry.type-page .entry-header { padding-bottom: var(--space--section); } .left-sidebar:not(.page-template-template-fullwidth-php) .woocommerce-MyAccount-content { margin-right: 0; } .woocommerce-MyAccount-navigation a { color: var(--text--color-1); } .woocommerce-Addresses { width: 100%; } .addresses header.title a { color: var(--brand--color-3); } .woocommerce-account h2, .woocommerce #customer_login h2, .woocommerce .cart-collaterals h2, .woocommerce .woocommerce-order-details h2, .woocommerce .woocommerce-customer-details h2, .woocommerce .checkout h3 { font-family: var(--font--text); font-size: var(--font-size--h2); font-weight: var(--font-weight--500); color: var(--brand--color-1); line-height: var(--line-height--h2); margin-left: auto; margin-right: auto; } .woocommerce .woocommerce-order-details h2, .woocommerce .woocommerce-customer-details h2 { max-width: none; } .woocommerce #customer_login h2::after, .woocommerce .cart-collaterals h2::after { width: 0; height: 0; } .hentry .entry-content .woocommerce-MyAccount-navigation ul { border-top: 0; transform: translateX(-4px); } .hentry .entry-content .woocommerce-MyAccount-navigation ul li { border-bottom: 0; } .hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a { display: flex; align-items: center; gap: var(--icon--gap); padding: var(--space--3xs) 0; } .woocommerce-MyAccount-navigation ul li a::before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: var(--icon-font--weight); font-family: var(--icon-font); font-size: var(--icon-font--size-large); vertical-align: baseline; transform: var(--icon-font--alignment-offset); float: left; width: 1.25em; margin-left: 0; margin-right: 0; line-height: var(--line-height--copy); color: var(--text--color-1--medium-light); text-align: center; opacity: 1; } .woocommerce-MyAccount-navigation ul li.is-active a::before { opacity: 1; color: inherit; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before { content: var(--icon-font--dashboard); } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before { content: var(--icon-font--receipt-long); } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before { content: var(--icon-font--file-save); } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before { content: var(--icon-font--home-alt); } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before { content: var(--icon-font--account); } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: var(--icon-font--logout); } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a::before { content: var(--icon-font--payment-note); } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions a::before { content: var(--icon-font--subscriptions); } /* Dashboard Cart contents overview */ .woocommerce-cart-form, .cart-collaterals { margin-left: auto; margin-right: auto; } table.shop_table_responsive tr td[data-title]:before { font-weight: var(--font-weight--500); } table.cart { margin-bottom: var(--space--section); } table.cart td.product-remove a.remove { font-size: 1.125em; top: calc(0em + 4rem / 2 - .625rem); right: unset; left: .625em; width: 1.125em; height: 1.125em; } table.cart td.product-quantity .qty { width: 3.75em; max-width: none; padding: 0 0 0 .5em; line-height: 2.25em; background-color: transparent; } table.cart td.actions { border: 0; } table.cart td.actions input { margin: 0 0 .625em 0; } table.cart td.actions .coupon { border-bottom: 1px solid var(--table--border-color); } .cart_totals table th, .cart_totals table td { padding: .75em 0rem; } .cart_totals table .cart-subtotal th, .cart_totals table .cart-subtotal td { border-bottom: 1px solid var(--table--border-color); } .cart_totals table .order-total .woocommerce-Price-amount.amount { font-weight: var(--font-weight--500); color: var(--brand--color-1); } .cart_totals table .order-total .includes_tax .woocommerce-Price-amount.amount, .includes_tax .woocommerce-Price-amount.amount { font-weight: var(--font-weight--600); color: var(--text--color-1); } .wc-proceed-to-checkout { margin-bottom: 0; } .wc-proceed-to-checkout .button.checkout-button { font-size: var(--font-size--copy-small); } table.cart .product-thumbnail img { max-width: 5em; margin: 0; } table.cart td.product-name a { color: var(--brand--color-3--dark); } table.cart tr td { background-color: var(--color--white); } table.cart td, table.cart th { padding: .5em 0 0 0; } table.cart tr:last-of-type td.actions .button { background-color: var(--button--secondary-color); } /* Dashboard Orders/order details */ .woocommerce .woocommerce-order-details table { border: 1px solid var(--table--border-color); margin-bottom: 0; } .woocommerce .woocommerce-order-details .woocommerce-table__product-table.product-total, .woocommerce .woocommerce-order-details .woocommerce-table__product-total.product-total, .woocommerce .woocommerce-order-details tfoot td { text-align: right; } .woocommerce .woocommerce-order-details tfoot tr + tr .woocommerce-Price-amount.amount { color: var(--brand--color-1); font-weight: var(--font-weight--500); } .woocommerce .woocommerce-order-details .woocommerce-Price-amount small { display: inline-block; } .my_account_orders .button, .woocommerce-MyAccount-downloads .button { padding-top: var(--button-with-icon--space--top); padding-bottom: var(--button-with-icon--space--bottom); margin-right: 0; } .my_account_orders .button.view::after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; font-weight: var(--icon-font--weight); line-height: 1; font-family: var(--icon-font); font-size: var(--icon-font--size-xlarge); line-height: inherit; vertical-align: baseline; content: var(--icon-font--visibility); margin-left: 0; transform: var(--icon-font--alignment-offset); } /* .my_account_orders .button.view { margin-right: var(--space--xs); } */ .my_account_orders .button.vwc_request_refund { padding-top: var(--button--space--top); padding-bottom: var(--button--space--bottom); } table.my_account_orders { border: 1px solid var(--table--border-color); } table.my_account_orders th, table.my_account_orders td { vertical-align: middle; } table.my_account_orders th { padding: .5em 1em .5em 1em; border-bottom: 1px solid var(--table--border-color); } table.my_account_orders td { padding: .5em 1em .5em 1em; } table.woocommerce-table--order-details thead th { padding-top: .5em; padding-bottom: .5em; border-bottom: 1px solid var(--table--border-color); } table.woocommerce-table--order-details tbody th, table.woocommerce-table--order-details tfoot th, .woocommerce-table__product-name { padding-right: 0; } table.woocommerce-table--order-details .product-name > * { display: table-cell; vertical-align: middle; } table.woocommerce-table--order-details .product-name p { padding-left: var(--space--m); } table.woocommerce-table--order-details .product-name .product-quantity { padding-left: var(--space--2xs); } table.woocommerce-table--order-details tr.order_item ~ tr td { padding-top: 0; } table.woocommerce-table--order-details tr.order_item:last-child > * { padding-bottom: 1.25em; } table.woocommerce-table--order-details .product-total { vertical-align: middle; } table.woocommerce-table--order-details .wc-item-meta { display: block; } table.woocommerce-table--order-details .wc-item-meta li { display: inline-block; margin-right: .5em; } table.woocommerce-table--order-details .product-quantity del { color: var(--text--color-1); } table.woocommerce-table--order-details tfoot th.order-actions--heading, table.woocommerce-table--order-details tfoot th.order-actions--heading + td { display: block; } table.woocommerce-table--order-details tfoot th.order-actions--heading { padding-bottom: .375em; } table.woocommerce-table--order-details tfoot th.order-actions--heading + td { padding-top: 0; text-align: left; } .woocommerce-table__product-name { width: 65%; } .woocommerce-order { max-width: var(--max-width--medium); margin: 0 auto; } .woocommerce-order .woocommerce-order-details { margin-top: 0em; margin-bottom: var(--space--section-inner); } .woocommerce-MyAccount-content .woocommerce-order-details { margin-bottom: var(--space--section-inner); } .woocommerce-MyAccount-content .woocommerce-order-details p:last-child { margin-bottom: 0; } .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-info.mollie-instructions { background-color: transparent; border: 1px solid var(--table--border-color); border-top-width: 0; padding-left: 2.25em; } .woocommerce-MyAccount-content .woocommerce-order-details .woocommerce-info.mollie-instructions::before { left: .625em; } .woocommerce-MyAccount-content .order-again { padding: 1em 0; text-align: right; margin-bottom: 0; } .woocommerce-MyAccount-content .order-again + section.woocommerce-order-details.mollie-instructions { border-top-width: 1px; } .woocommerce-MyAccount-content .woocommerce-OrderUpdate::marker { color: var(--brand--color-1); } .woocommerce-MyAccount-content .woocommerce-OrderUpdate-meta { margin-bottom: 0; } ul.order_details { margin: 0 0 0 0; border-width: 1px 1px 1px 1px; border-style: solid; border-color: var(--table--border-color); border-bottom-width: 0; } ul.order_details + p { padding: .75em 1em 1em 1em; border: 1px solid var(--table--border-color); border-top: 0; margin: 0; } ul.order_details li { padding: 0 1em .75em 1em; font-size: var(--font-size--copy); text-transform: none; } ul.order_details li:first-child { padding-top: 1em; } ul.order_details li:last-child { padding-bottom: 1em; } ul.order_details li strong { font-size: var(--font-size--copy); } ul.woocommerce-thankyou-order-details { margin-bottom: var(--space--section-inner); border-bottom-width: 1px; border: 0px; } ul.woocommerce-thankyou-order-details li { padding: 0 0 .75em 0 !important; } ul.woocommerce-thankyou-order-details li:last-child { padding-bottom: 0; } .woocommerce-order .woocommerce-order-details.woocommerce-info p { margin-bottom: 0; } .wc-item-meta li { padding-left: 0 !important; } .wc-item-meta li::after { background-color: transparent !important; } .wc-item-meta li p { width: auto !important; } .item-thumbnail { width: var(--product-item--thumbnail-size); height: var(--product-item--thumbnail-size); margin-bottom: var(--product-item--thumbnail-space); } .item-thumbnail img { margin: 0; } .item-name { padding-left: var(--space--m); } .item-quantity { min-width: 2.5rem; } .woocommerce-table__product-total .woocommerce-Price-amount { display: inline-block; margin-top: calc(var(--product-item--thumbnail-size) + var(--product-item--thumbnail-space)); } .order-has-customer-note .woocommerce-table--order-details tfoot tr:last-of-type > * { display: block; } .order-has-customer-note .woocommerce-table--order-details tfoot tr:last-of-type th { padding-bottom: 0; } .order-has-customer-note .woocommerce-table--order-details tfoot tr:last-of-type th.order-actions--heading { padding-bottom: .375em; } .order-has-customer-note .woocommerce-table--order-details tfoot tr:last-of-type td { padding-top: 0; text-align: left; } .item-thumbnail { display: block !important; } .item-name, table.woocommerce-table--order-details .product-name > p { margin-bottom: 0; padding-left: 0; } table.woocommerce-table--order-details .product-total, table.woocommerce-table--order-details .product-name > * { vertical-align: top; } /* Dashboard lost password */ body.woocommerce-lost-password .entry-content { max-width: var(--max-width--small); margin-left: auto; margin-right: auto; } /* PAGE - Login */ .woocommerce-privacy-policy-text { margin-bottom: var(--space--l); } #customer_login .woocommerce-form-login__rememberme { margin-bottom: var(--space--l); display: flex; align-items: center; } .col2-set#customer_login .col-1, .col2-set#customer_login .col-2 { padding: var(--space--block); } .col2-set#customer_login .col-1 { background-color: transparent; border: 1px solid transparent; border-radius: 0; } .col2-set#customer_login .col-2 { background-color: transparent; border: 1px solid var(--table--border-color); border-radius: 0; } /* PAGE - Cart and checkout */ .cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator { width: 100%; } .woocommerce .cart-collaterals h2 { color: var(--brand--color-1); } #payment .place-order { margin-top: var(--space--l); padding: 0 0 1em 0; } #payment .place-order .button { font-size: .875em; } #order_review .shop_table { background-color: var(--background--color-1--tint-5); border: 0px solid var(--table--border-color); margin-bottom: var(--space--l); border-collapse: collapse; } #order_review .shop_table th { padding: .625em 1rem; } #order_review .shop_table td { padding: .625em 1rem 0 1rem; } #order_review .shop_table tr:last-child td { padding-bottom: .625em; } #order_review .shop_table th.product-total, #order_review .shop_table td.product-total, #order_review .shop_table td.product-subtotal, #order_review .shop_table tr.cart-subtotal td, #order_review .shop_table tr.order-total td { text-align: right; max-width: 7.5rem; } #order_review .shop_table th.product-quantity, #order_review .shop_table td.product-quantity { text-align: right; } #order_review .shop_table td.product-total { vertical-align: middle; } #order_review .shop_table thead th { border-bottom: 1px solid var(--table--border-color); } #order_review .shop_table tbody tr:first-of-type td { padding-top: .625em; } #order_review .shop_table tbody tr:last-of-type td { padding-bottom: .625em; } #order_review .shop_table tfoot tr:first-of-type th, #order_review .shop_table tfoot tr:first-of-type td { border-top: 0px solid var(--table--border-color); } #order_review .shop_table tfoot tr:last-of-type * { border-bottom: 0; } #order_review .shop_table .cart_item .item-thumbnail { margin: 0 var(--space--s) 0 0; width: 3rem; height: 3rem; } #order_review .shop_table .cart_item img { margin: 0; } form.checkout .woocommerce-account-fields { margin-top: 1.25em; } form.checkout .woocommerce-account-fields .form-row.create-account label { margin-bottom: 0; } form.checkout .woocommerce-account-fields .create-account .validate-required { margin-top: .75em; } .woocommerce-checkout-review-order-table .order-total td { color: var(--brand--color-3); } .woocommerce-checkout-review-order-table .includes_tax { display: block; color: var(--text--color-1); margin-left: -10rem; } .woocommerce-cart-form__cart-item dl.variation dt, .woocommerce-cart-form__cart-item dl.variation dd, .woocommerce-checkout-review-order-table dl.variation dt, .woocommerce-checkout-review-order-table dl.variation dd { margin-bottom: 0; } .woocommerce-cart-form__cart-item dl.variation, .woocommerce-checkout-review-order-table dl.variation { margin: .5em 0 0 0; line-height: var(--line-height--copy); } .woocommerce-cart-form__cart-item dl.variation *, .woocommerce-checkout-review-order-table dl.variation * { display: inline; } .woocommerce-cart-form__cart-item dl.variation dd::after, .woocommerce-checkout-review-order-table dl.variation dd::after { content: "\a"; white-space: pre; } table.woocommerce-checkout-review-order-table .product-name { width: auto; min-width: 180px; padding-right: 0; } table.woocommerce-checkout-review-order-table .product-name span { display: table-cell; vertical-align: middle; } table.woocommerce-checkout-review-order-table thead .product-name, table.woocommerce-checkout-review-order-table thead .product-total { border-bottom: 1px solid var(--table--border-color); padding-top: .75em; padding-bottom: .75em; } table.woocommerce-checkout-review-order-table tbody tr:first-of-type td { padding-top: 1.5em; } table.woocommerce-checkout-review-order-table tbody tr:last-of-type td { padding-bottom: 1.5em; } table.woocommerce-checkout-review-order-table tfoot .cart-subtotal { border-top: 0px solid var(--table--border-color); border-bottom: 0px solid var(--table--border-color); } .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox { margin-right: .5em; } .cart-collaterals .cart_totals table { margin-bottom: 1em; background-color: var(--color--white); border: 0px solid var(--table--border-color); } .cart-collaterals .cart_totals .order-total, #order_review .order-total { font-size: var(--font-size--copy-large); } .cross-sells { margin: 0 auto; } .cross-sells h2 { text-align: center; } #payment .payment_methods { border: 1px solid var(--table--border-color); } #payment .payment_methods li { position: relative; list-style: none !important; margin-left: 0; padding-left: 0; } #payment .payment_methods li::after { width: 0; height: 0; } #payment .payment_methods>.wc_payment_method>label { margin-left: 0; } #payment .payment_methods li img { transform: translateY(-1px); } #payment .payment_methods .woocommerce-info { margin-bottom: 0; } #payment .payment_methods>.woocommerce-PaymentMethod>label, #payment .payment_methods>.wc_payment_method>label { display: block; cursor: pointer; } #payment .payment_methods>.woocommerce-PaymentMethod>label::before, #payment .payment_methods>.wc_payment_method>label::before { --_offset: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-style: normal; font-variant: normal; line-height: 1; font-family: var(--icon-font); font-weight: var(--icon-font--weight); font-size: var(--icon-font--size-medium); line-height: inherit; vertical-align: baseline; content: var(--icon-font--radio-button-checked); margin-right: .25em; transition: color ease var(--transition-duration); transform: translateY(var(--_offset)); } #payment .payment_methods>.woocommerce-PaymentMethod>label, #payment .payment_methods>.wc_payment_method>label, #payment .payment_methods li .payment_box { padding: 0 1em 1em 1em; } #payment .payment_methods .wc_payment_method:first-of-type>label { padding-top: 1em; } #payment .payment_methods li .payment_box { padding-left: calc(1em + 0.5em + var(--icon-font--size-medium)); } #payment .payment_methods li .payment_box.payment_method_mollie_wc_gateway_ideal { display: none !important; } #payment .payment_methods li.woocommerce-PaymentMethod>input[type=radio]:first-child:checked+label::before, #payment .payment_methods li.wc_payment_method>input[type=radio]:first-child:checked+label::before { content: var(--icon-font--radio-button-checked); } .woocommerce-order-pay #order_review #payment .form-row, .page-template-template-fullwidth-php.woocommerce-order-pay #order_review #payment .form-row { padding: 1em 0; } .woocommerce-order-pay #order_review .button#place_order, .page-template-template-fullwidth-php.woocommerce-order-pay #order_review .button#place_order { font-size: .875em; width: 100%; } /* .woocommerce-terms-and-conditions-wrapper { display: none; } */ .entry-content .woocommerce-notice.woocommerce-thankyou-order-received { padding-left: 1em; } table.cart .product-thumbnail .woocommerce-placeholder { border: .875em solid transparent; } .form-row.woocommerce-invalid input.input-checkbox { outline: 0px solid var(--color--red); outline-offset: 1px; border: 2px solid var(--color--red); } /* PAGE - checkout fail...order pay page */ .woocommerce-order-pay .entry-content .woocommerce { max-width: var(--max-width--small); margin: 0 auto; } /* ADDED */ table.shop_table_responsive tbody .order-total th, table.shop_table_responsive tr.order-total td { vertical-align: top; } .cart-collaterals .cart_totals small.includes_tax, .shop_table small.tax_label { display: block; color: var(--text--color-1--tint-1); line-height: 1; } /* PAGE - Home */ .home:not(.has-post-thumbnail) .site-main, .home .type-page { padding: 0; } .home .entry-content, .home .entry-header { max-width: 100%; text-align: left; } .home .entry-content { font-size: inherit; } .home #vwc-cl_section_product_categories ul li:first-child, .home .storefront-product-categories ul li:first-child { display: none; } .home #primary { max-width: 100%; margin: 0 auto; } .home .site-content .col-full { max-width: 100%; padding: 0; } .home .site-main .col-full { padding: 0; } .home .site-main .col-full .section__inner { padding: 0 var(--site-gutter); } /* Section width */ .home #vwc-cl_section_qf_toepassingsgebied .section__inner { width: 100%; max-width: calc(62rem + (var(--site-gutter) * 2)); } /* Section background */ #vwc-cl_section_qf_toepassingsgebied::before, #vwc-cl_section_advies::before { content: ''; position: absolute; top: 0; left: 50%; background-position: top left; width: calc(50% + 0rem); height: 100%; background-color: var(--background--color-1--tint-5); background-repeat: repeat; background-size: 16px; z-index: 0; } #vwc-cl_section_qf_toepassingsgebied::before { transform: translateX(-100%); } /* #vwc-cl_section_qf_toepassingsgebied .vwc-cl_pf-wrapper .prdctfltr_filter DOES NOTHING? */ /* hero banner */ /* #vwc-cl_frontpage-banner { position: relative; background-color: var(--background--color-1--shade-1); border-bottom: 0 solid transparent; } #vwc-cl_frontpage-banner::before { content: ''; position: absolute; bottom: 0px; left: 0; width: 100%; height: var(--art-border--height); background-image: url("assets/images/Bar-01@2x.png"); background-position: left; background-repeat: repeat; z-index: 1; } #vwc-cl_frontpage-banner .banner-placeholder { background-image: url(assets/images/frontpage-hero-banner.jpg); background-position: center 36%; } #vwc-cl_frontpage-banner .frontpage-banner { position: relative; overflow: hidden; } #vwc-cl_frontpage-banner .frontpage-banner, #vwc-cl_frontpage-banner .slides li { height: var(--frontpage-banner--height); } #vwc-cl_frontpage-banner .slides li { overflow: hidden; position: relative; } #vwc-cl_frontpage-banner .slides li img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) scale(.1); max-width: none; width: auto; height: auto; min-width: 1000%; min-height: 1000%; } #vwc-cl_frontpage-banner .slides li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; } #vwc-cl_frontpage-banner .slides { position: relative; z-index: 0; max-width: var(--max-width--max); margin: 0 auto; } #vwc-cl_frontpage-banner .col-full { height: 100%; } #vwc-cl_frontpage-banner .banner-info { position: relative; z-index: 1; height: 100%; display: flex; flex-direction: column; justify-content: center; gap: var(--space--s); align-items: flex-start; margin: 0 auto; padding: 0; } #vwc-cl_frontpage-banner .banner-info.hero-has-overlay, #vwc-cl_frontpage-banner .banner-info.hero-has-art-border { padding-bottom: var(--art-border--height); } #vwc-cl_frontpage-banner .banner-info h1 { color: var(--color--white); max-width: 32rem; margin-bottom: 0; } #vwc-cl_frontpage-banner .banner-info h1::after { background-color: var(--color--white-40); } #vwc-cl_frontpage-banner .banner-info .sub-heading { color: var(--color--white); margin-bottom: 0; max-width: 28rem; font-family: var(--font--subheadings); font-size: var(--font-size--h1-subheading); line-height: var(--line-height--h1-subheading); } #vwc-cl_frontpage-banner .banner-info .buttons { display: flex; flex-flow: row wrap; gap: var(--space--s); margin-top: var(--space--xs); max-width: 24rem; } #vwc-cl_frontpage-banner .banner-info a:nth-child(2).button { background-color: transparent; } */ /* Section Frontpage slider */ .vwc-cl_front-page-slider { background-color: var(--brand--color-2); } .vwc-cl_front-page-slider .vwc-cl_banner-placeholder { width: 100%; height: 100%; background-color: var(--brand--color-2); position: absolute; } .vwc-cl_front-page-slider .flexslider { position: relative; overflow: hidden; } .vwc-cl_front-page-slider .flexslider, .vwc-cl_front-page-slider .slides li { height: 22.5rem; } .vwc-cl_front-page-slider .slides li { overflow: hidden; position: relative; } .vwc-cl_front-page-slider .slides li img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) scale(.1); max-width: none; width: auto; height: auto; min-width: 1000%; min-height: 1000%; } .vwc-cl_front-page-slider .slides li:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--overlay--color--light); } .vwc-cl_front-page-slider .slides { position: relative; z-index: 0; max-width: var(--max-width-max); margin: 0 auto; } .vwc-cl_front-page-slider .slides li .col-full { height: 100%; } .vwc-cl_front-page-slider .flex-control-nav { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); margin: 0 0 1.5em 0; z-index: 1; display: none; } .vwc-cl_front-page-slider .flex-control-nav li { padding: 0 .375em; } .vwc-cl_front-page-slider .flex-control-nav li::marker { content: ''; text-indent: -9999px !important; } .vwc-cl_front-page-slider .flex-control-nav li a { display: block; width: .75rem; height: .75rem; text-indent: -9999px; line-height: 1; background-color: transparent; border: 1px solid var(--color--white-40); border-radius: .375rem; } .vwc-cl_front-page-slider .flex-control-nav li a.flex-active { background-color: var(--color--white); } .vwc-cl_front-page-slider .flex-direction-nav { position: absolute; top: 0; width: 100%; height: 100%; margin: 0; pointer-events: none; } .vwc-cl_front-page-slider .flex-direction-nav li { position: absolute; top: 50%; transform: translateY(-50%); display: block; pointer-events: auto; } .vwc-cl_front-page-slider .flex-direction-nav li a { display: flex; pointer-events: auto; color: var(--color--white-40); background-color: var(--overlay--color); font-size: 1.5em; line-height: 1; } .vwc-cl_front-page-slider .flex-direction-nav li a:hover { color: var(--color--white); } .vwc-cl_front-page-slider .flex-direction-nav li a.flex-disabled { display: none; } .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-prev a { padding: .25rem .25rem .25rem .125rem; border-radius: 0 0 0 .25em; } .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-next a { padding: .25rem .125rem .25rem .25rem; border-radius: 0 0 .25em 0; } .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info { position: relative; z-index: 1; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin: 0 auto; text-align: left; } .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info h1 { color: var(--color--white); text-align: left; } .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info p { color: var(--color--white); margin-bottom: 1em; } /* .vwc-cl_front-page-slider .slick-arrow:hover { border-color: rgba(255,255,255,1); color: var(--color--white); background-color: var(--overlay--color--blue); } .vwc-cl_front-page-slider .slick-prev.slick-arrow { left: var(--site-gutter); padding: .5625rem .75rem .5rem .6875rem; border-radius: 0 0 0 .5em; } .vwc-cl_front-page-slider .slick-next.slick-arrow { right: var(--site-gutter); padding: .5625rem .6875rem .5rem .75rem; border-radius: 0 0 .5em 0; } */ /* Content wide, nav position outside edge */ .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .flex-direction-nav { max-width: 100%; } .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-prev { left: var(--site-gutter); } .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-next { right: var(--site-gutter); } .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info { padding: 0 calc(var(--frontpage-pf-hero--block-space) * 2); } .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info h1 { max-width: 40rem; } .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info p {max-width: 32rem; } .vwc-cl_hero-content-wide #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero { max-width: calc(var(--max-width) + (var(--site-gutter) * 0)); } .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .slides li .col-full { max-width: calc(var(--max-width) + (var(--site-gutter) * 0)); } @media (min-width: 768px) and (max-width: 1263px) { .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-prev { left: unset; } .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-next { right: unset; } .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .flex-direction-nav { display: flex; gap: .5rem; top: unset; bottom: calc((var(--frontpage-pf-hero--offset) * -1) + 1.5rem); right: calc(0px + var(--site-gutter) + var(--frontpage-pf-hero--block-space)); width: auto; height: auto; } .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .flex-direction-nav li { position: relative; top: unset; transform: none; } } @media (min-width: 1192px) and (max-width: 1263px) { /* .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .flex-direction-nav { right: calc(0px + var(--site-gutter) + var(--frontpage-pf-hero--block-space)); } */ .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .flex-direction-nav { right: calc(50% - (var(--max-width) / 2) + (var(--frontpage-pf-hero--block-space) * 2)); } } @media (min-width: 1264px) { .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-prev { left: calc(50% - (var(--max-width) / 2) + var(--site-gutter)); transform: translate(-100%, -50%); } .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-next { right: calc(50% - (var(--max-width) / 2) + var(--site-gutter)); transform: translate(100%, -50%); } } /* Content slim, nav position edge */ .vwc-cl_hero-content-slim .vwc-cl_front-page-slider .flex-direction-nav { max-width: var(--max-width); left: 50%; transform: translateX(-50%); } .vwc-cl_hero-content-slim .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-prev { left: var(--site-gutter); } .vwc-cl_hero-content-slim .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-next { right: var(--site-gutter); } .vwc-cl_hero-content-slim .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info { padding: 0 4.875rem ; } .vwc-cl_hero-content-slim .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info h1 { max-width: 40rem; } .vwc-cl_hero-content-slim .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info p { max-width: 32rem; } .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info.vwc-cl_hero-has-overlay { padding-bottom: 1rem; } .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info h1:after { background-color: var(--color--white-20); } .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info a { background-color: var(--brand--color-3); } .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info .buttons { display: flex; flex-flow: row wrap; margin-top: -.625rem; max-width: 24rem; } .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info .button { font-size: .9375em; margin: .625em .625em 0 0;} /* Section quickfinder redirect (below frontpage slider) */ #vwc-cl_qf_redirect .mobile { display: flex; } #vwc-cl_qf_redirect .desktop { display: none; } #vwc-cl_qf_redirect .mobile, #vwc-cl_qf_redirect .desktop { flex-grow: 1; justify-content: center; align-items: center; flex-direction: row; } #vwc-cl_qf_redirect { display: flex; background-color: var(--background--color-1--tint-5); } #vwc-cl_qf_redirect a { display: flex; flex-direction: row; justify-content: center; width: 100%; width: 100%; padding: .625rem var(--site-gutter); color: var(--text--color-1); line-height: 1.4; } #vwc-cl_qf_redirect a * { display: flex; } #vwc-cl_qf_redirect a .text { position: relative; display: inline-block; margin-right: .5rem; line-height: 1.25; } #vwc-cl_qf_redirect a .text span { display: inline; font-weight: var(--font-weight--500); color: var(--color--black); } #vwc-cl_qf_redirect a .button { position: relative; } #vwc-cl_qf_redirect a .button::after { content: ""; display: inline-block; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: inherit; vertical-align: baseline; } /* Section Category information */ .home .vwc-cl_categorieen .wp-block-group__inner-container, .home .vwc-cl_categorieen .section { display: flex; flex-wrap: wrap; justify-content: space-between; } /* .home .vwc-cl_categorieen .vwc-cl_heading { width: 100%; margin-bottom: .75em; } */ .home .vwc-cl_categorieen h2, .home .vwc-cl_categorieen .vwc-cl_block { width: calc(50% - var(--grid-column--space)); text-align: left; } .home .vwc-cl_categorieen .vwc-cl_block { position: relative; display: flex; flex-flow: column wrap; margin-bottom: 1em; } .home .vwc-cl_categorieen .vwc-cl_block .bg-mark { position: absolute; top: 0; left: 0; transform: translate(-1.75em, -1.75em); color: var(--background--color-1--tint-5); font-weight: var(--font-weight--600); font-size: 7.5em; z-index: -1; } .home .vwc-cl_categorieen .vwc-cl_block h3 { margin-bottom: .75em; font-size: 1.25em; } .home .vwc-cl_categorieen .vwc-cl_block .vwc-cl_redirects { margin-top: auto; } .home .vwc-cl_categorieen .vwc-cl_block .vwc-cl_redirects a { text-transform: none; } .home .vwc-cl_categorieen .vwc-cl_block .vwc-cl_second-level-list { gap: var(--space--xs); margin: .25em 0 .5em 0; display: none; } .home .vwc-cl_categorieen .vwc-cl_block .vwc-cl_second-level-list li { padding-left: 0; } .home .vwc-cl_categorieen .vwc-cl_block .vwc-cl_second-level-list li::after { width: 0; height: 0; background: transparent; } .home .vwc-cl_categorieen .vwc-cl_block .vwc-cl_second-level-list li a { font-size: .875em; color: var(--text--color-1); border: 1px solid var(--border--color-1--tint-1); padding: .25em .375em; text-decoration: none; } /* home & global use */ /* .vwc-cl_categorieen .vwc-cl_block ul { display: flex; flex-direction: column; } */ .vwc-cl_categorieen .vwc-cl_block > ul:last-of-type { margin-bottom: 1.25em; } .vwc-cl_categorieen .vwc-cl_block a:hover { text-decoration: none; } ul.vwc-cl_subcategorieen-toebehoren li[class*="vwc-cl_heading-"] { margin-bottom: .5rem; padding-left: 0; font-weight: var(--font-weight--500); } ul.vwc-cl_subcategorieen-toebehoren li[class*="vwc-cl_heading-"]::after { width: 0; height: 0; background-color: transparent; } ul.vwc-cl_subcategorieen-toebehoren li.vwc-cl_heading-voorbehandeling { order: 1; } ul.vwc-cl_subcategorieen-toebehoren li.vwc-cl_type_voorbehandeling { order: 2; } ul.vwc-cl_subcategorieen-toebehoren li.vwc-cl_heading-verwerking { order: 3; margin-top: .75rem; } ul.vwc-cl_subcategorieen-toebehoren li.vwc-cl_type_verwerking { order: 4; } ul.vwc-cl_subcategorieen-toebehoren li.vwc-cl_type_onbekend { order: 0; } ul.vwc-cl_subcategorieen-toebehoren li:last-of-type.vwc-cl_type_onbekend { margin-bottom: .75rem; } ul.vwc-cl_taxonomy-tree { --_column--row-space: 1.25em; column-count: var(--category-column--count); column-gap: var(--category-column--space); margin-bottom: calc(var(--space--section-inner--children) - var(--_column--row-space)); } ul.vwc-cl_taxonomy-tree .vwc-cl_parent-term { display: inline-block; width: 100%; margin-bottom: var(--_column--row-space); } ul.vwc-cl_taxonomy-tree .vwc-cl_parent-term a { font-size: 1em; font-weight: var(--font-weight--500); line-height: var(--line-height--h3); color: var(--brand--color-1); margin-bottom: 0em; text-decoration: none; } ul.vwc-cl_taxonomy-tree .vwc-cl_second-level-list { margin-left: 0; } ul.vwc-cl_taxonomy-tree .vwc-cl_second-level-list li a { font-size: 1em; font-weight: var(--font-weight--400); color: var(--text--color-1); text-decoration: none; } /* Section Advies */ #vwc-cl_section_advies:after { transform: translateX(0%); } .vwc-cl_advies a { text-decoration: underline; } .vwc-cl_advies a:hover { text-decoration: none; } /* PAGE - Contact */ .vwc-cl_contact-form, .vwc-cl_contact-info { flex-basis: calc(50% - 1.25rem); padding: var(--space--block); } .vwc-cl_contact-form { border-radius: var(--block--border-radius); background-color: var(--background--color-1--tint-5); border: 0px solid var(--table--border-color); } .vwc-cl_contact-info { margin-left: auto; } /* added form style */ .wpforms-container { margin-bottom: 0; } .wpforms-container .wpforms-field, .wpforms-container .wpforms-recaptcha-container { padding: 0 0 1.25em 0; } .wpforms-container .wpforms-field-label { font-weight: var(--font-weight--400); margin-bottom: .5em; } .wpforms-container fieldset legend.wpforms-field-label { padding: 0; } .wpforms-container .wpforms-required-label { color: var(--brand--color-3); } .wpforms-container .wpforms-submit-container { padding: 0; } .vwc-cl_contact-form .wpforms-container .wpforms-form input[type="text"]:focus-visible, .vwc-cl_contact-form .wpforms-container .wpforms-form input[type="email"]:focus-visible, .vwc-cl_contact-form .wpforms-container .wpforms-form textarea:focus-visible { outline: var(--brand--color-1) solid 0px; border-color: var(--brand--color-1); } .wpforms-field-limit-text { display: none; } .wpforms-confirmation-container { font-weight: var(--font-weight--500); } /* PAGE - Search */ .vwc-cl_search-page .select2-dropdown .select2-search { display: none; } /* PAGE - 404 */ .error404 .page-header { max-width: var(--max-width--medium); } .error404 .page-content>p { max-width: var(--max-width--small); padding-left: var(--space--block); padding-right: var(--space--block); padding-bottom: var(--space--section-inner); } .error404 .page-header, .error404 .page-content>p { margin: 0 auto; } .error404 .fourohfour-columns-2 { padding: 0; border: none; } .error404 .fourohfour-columns-2 .col-2 { width: 100%; padding: calc(var(--space--block) * .333) var(--space--block) var(--space--block) var(--space--block); border-radius: var(--block--border-radius); } .error404 .fourohfour-columns-2 .col-2, .error404 .site-content .widget_product_search { background-color: var(--background--color-1--tint-5); } .error404 .fourohfour-columns-2, .error404 .site-content .widget_product_search { margin: 0 auto; max-width: var(--max-width--small); } .error404 .site-content .widget_product_search { margin: 0; padding: var(--space--block); } .error404 .vwc-cl_search { max-width: var(--max-width--small); margin: 0 auto; font-size: var(--font-size--copy-small); } .error404 .vwc-cl_search .widget_product_search form:not(.wp-block-search) input[type=search] { line-height: 2.5rem; background-color: var(--color--white); border-color: var(--border--color-1--tint-3); border-radius: 0; } .error404 .vwc-cl_search .widget_product_search form:not(.wp-block-search) button[type=submit] { background-color: var(--color--white); } .error404 .vwc-cl_search .widget_product_search form:not(.wp-block-search)::before { color: var(--text--color-1); } .error404 .widget_product_categories .count { margin-right: 0; } .error404 .widget_product_categories ul a { font-size: var(--font-size--copy); } /* PAGE - Multiple (Unset styles) */ .hentry .entry-content #vwc-cl_section_qf_materiaal p.vwc-cl_section_lijmwijzer a, .hentry .entry-content ul.products li.product .woocommerce-LoopProduct-link { text-decoration: none; } /*-------------------------------------------------- SITE FOOTER ----------------------------------------------------*/ .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer .widget .widget-title, .site-footer .widget .widgettitle { color: var(--color--white); font-family: var(--font--headings); } .site-footer p { font-size: var(--font-size--copy); } .site-footer a, .site-footer .widget_product_categories ul a { font-size: var(--font-size--copy); } .site-footer p a { font-size: inherit; } .site-footer .icon + a { line-height: 1; } .site-footer a:not(.button):not(.components-button) { color: var(--color--white-65); font-weight: var(--font-weight--400); text-decoration: none; -webkit-transition: color ease .2s; transition: color ease .2s; } .site-footer a:not(.button):not(.components-button), .footer-bar a, #footer-bar-menu li a { -webkit-transition: color ease .2s; transition: color ease .2s; } .site-footer a:not(.button):not(.components-button):hover, .footer-bar a:hover, #footer-bar-menu li a:hover { color: var(--color--white); } .footer-bar { position: relative; padding: var(--site-gutter) 0; border-top: 1px solid var(--color--white-15); background-color: var(--brand--color-2); font-size: var(--font-size--copy-small); } .footer-bar::after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: calc(var(--max-width) - (var(--site-gutter) * 2)); height: 0rem; background-color: var(--border--color-1--tint-3); } .footer-bar a, #footer-bar-menu li a { color: var(--color--white-65); font-weight: var(--font-weight--400); text-decoration: none; -webkit-transition: color ease .2s; transition: color ease .2s; } .footer-bar .col-full { display: flex; flex-wrap: wrap; justify-content: center; color: var(--color--white-65); } .footer-bar .col-full > * { margin-right: 1.25em; line-height: 1; padding-bottom: .1875rem; } .footer-bar .col-full > div:last-of-type { margin-right: 0; margin-left: auto; } #footer-bar-menu ul { display: flex; margin: 0; } #footer-bar-menu li { margin-right: 1.25em; } #footer-bar-menu li:last-of-type { margin-right: 0; } .footer-widgets { border-bottom: none; color: var(--color--white-65); margin: 0; padding: 0 0 calc(var(--space--section) - 1.5rem) 0; } .footer-widgets .block { width: var(--grid-column--width); float: left; padding: 0; } .footer-widgets .widget { margin-bottom: 1.5em; } .footer-widgets .widget i { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: var(--icon-font); font-weight: var(--icon-font--weight); } .footer-widgets .widget .font-social i { font-family: var(--icon-font-brands); font-style: normal; } .footer-widgets .widget .widget-title, .footer-widgets .widget .widgettitle { padding: 0; margin: 0 0 .5em; border-bottom: none; font-size: var(--font-size--copy-large); font-weight: var(--font-weight--600); } .footer-widgets .widget_product_categories ul li:before { margin: 0; width: 0; } .footer-widgets ul li, .footer-widgets .widget_nav_menu ul li { line-height: var(--line-height--copy); margin-bottom: 0; padding-bottom: var(--space--li); display: flex; align-items: center; } .footer-widgets ul.ul-icons li { --space--li: 0; } .footer-widgets::after, .footer-widgets:before { content: ""; display: table; } .footer-widgets::after { clear: both; } /*-------------------------------------------------- BODY SCROLLED CHANGES ----------------------------------------------------*/ .scrolled .site-header .col-full { --site-header-gutter: var(--site-header-gutter--scrolled); } .scrolled .site-header { --site-logo--height: var(--site-logo--height--scrolled); --site-search--height: var(--site-search--height--scrolled); --site-nav-item--padding-bottom: var(--site-nav-item--padding-bottom--scrolled); } .scrolled .storefront-primary-navigation { --mobile-nav-button--offset: var(--mobile-nav-button--offset--scrolled); } /*-------------------------------------------------- HAMBURGER MENU OVERRIDES ----------------------------------------------------*/ .storefront-hamburger-menu-active .shm-close { display: none; } @media screen and (max-width: 1023px) { .storefront-hamburger-menu-active .main-navigation ul li a { padding: calc(var(--site-gutter) * .875) calc(var(--site-gutter) * 1); line-height: 1; border-bottom: 1px solid var(--border--color-1--tint-2); color: var(--color--black); position: relative; } .storefront-hamburger-menu-active .main-navigation .handheld-navigation, .storefront-hamburger-menu-active .main-navigation div.menu { position: fixed; top: calc(var(--site-header-topbar--height) + var(--site-gutter) + var(--site-logo--height) + var(--site-gutter)); left: -100%; width: 100%; max-width: none; height: calc(100vh - calc(var(--site-header-topbar--height) + var(--site-gutter) + var(--site-logo--height) + var(--site-gutter))); overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; -webkit-transition: top ease var(--transition-duration), left ease var(--transition-duration); -moz-transition: top ease var(--transition-duration), left ease var(--transition-duration); -ms-transition: top ease var(--transition-duration), left ease var(--transition-duration); -o-transition: top ease var(--transition-duration), left ease var(--transition-duration); transition: top ease var(--transition-duration), left ease var(--transition-duration); z-index: 9999; display: block !important; border-right: 0px solid rgba(255, 255, 255, 0.2); } .storefront-hamburger-menu-active .main-navigation .handheld-navigation > ul, .storefront-hamburger-menu-active .main-navigation div.menu > ul { margin-top: 0; } .storefront-hamburger-menu-active .main-navigation.toggled button.menu-toggle:before, .storefront-hamburger-menu-active .main-navigation.toggled button.menu-toggle::after { background-color: var(--brand--color-2); } .storefront-hamburger-menu-active .main-navigation.toggled button.menu-toggle:before { transform: translateY(0px) rotate(-45deg); } .storefront-hamburger-menu-active .main-navigation.toggled button.menu-toggle::after { transform: translateY(0px) rotate(45deg); } .storefront-hamburger-menu-active .main-navigation.toggled button.menu-toggle span:before { opacity: 0; } .storefront-hamburger-menu-active .main-navigation.toggled .handheld-navigation, .storefront-hamburger-menu-active .main-navigation.toggled div.menu { left: 0%; box-shadow: 0px 0px 0px 1px var(--border--color-1--tint-2); } .storefront-hamburger-menu-active .shm-close { display: block; background-color: var(--color--white); cursor: pointer; overflow: hidden; font-weight: bold; border-bottom: 1px solid var(--border--color-1--tint-1); padding: 1em var(--site-gutter); text-align: right; line-height: 1; color: var(--brand--color-1); font-weight: var(--font-weight--500); } .storefront-hamburger-menu-active .shm-close:before { font-family: var(--icon-font); font-weight: 400; content: '\f00d'; margin-right: .25em; display: inline-block; padding: 0; line-height: 1; } .storefront-hamburger-menu-active .site-header-cart .cart-contents { right: 2.618em; } .storefront-hamburger-menu-active.admin-bar .main-navigation .handheld-navigation, .storefront-hamburger-menu-active.admin-bar .main-navigation div.menu { padding-top: 32px; } .storefront-2-3.storefront-hamburger-menu-active .main-navigation .shm-close:before { font-family: var(--icon-font); font-weight: 900; content: "\f00d"; font-size: var(--font-size--copy-small); } /* Custom added styles */ .storefront-hamburger-menu-active .main-navigation .handheld-navigation, .storefront-hamburger-menu-active .main-navigation div.menu { background-color: var(--color--white); } .storefront-hamburger-menu-active .main-navigation ul li { background-color: transparent; z-index: 1; } .storefront-hamburger-menu-active .main-navigation ul li .sub-menu li { background-color: var(--background--color-1--tint-5); } .storefront-hamburger-menu-active .main-navigation:before { content: ''; position: fixed; width: 100%; height: 9999px; top: var(--site-page--offset); left: -100%; background-color: var(--overlay--color); opacity: 0; -webkit-transition: left ease 0s .3s, opacity ease .3s 0s; transition: left ease 0s .3s, opacity ease .1s 0s; z-index: 0; } .storefront-hamburger-menu-active .main-navigation.toggled:before { left: 0%; opacity: 1; -webkit-transition: left ease 0s, opacity ease .3s .1s; transition: left ease 0s, opacity ease .3s .1s; } .storefront-hamburger-menu-active .main-navigation ul li ul.sub-menu li a { font-size: 1em; padding: calc(var(--site-gutter) * .875) calc(var(--site-gutter) * 1) calc(var(--site-gutter) * .875) calc(var(--site-gutter) * 1.75); border-bottom: 1px solid var(--border--color-1--tint-2); } .storefront-hamburger-menu-active .main-navigation ul li ul.sub-menu li ul.sub-menu.toggled-on { border-bottom: 1px solid var(--border--color-1--tint-2); } .storefront-hamburger-menu-active .main-navigation ul li ul.sub-menu li ul.sub-menu::after { content: '' !important; position: absolute; width: .3125em; height: 100%; top: 0; left: 0; z-index: 1; margin-left: 0; background-color: var(--background--color-1--tint-5); } .storefront-hamburger-menu-active .main-navigation ul li ul.sub-menu li ul.sub-menu li a { padding: .625em var(--site-gutter); padding-left: calc(var(--site-gutter) + var(--site-gutter) + var(--site-gutter)); border-bottom: 0; } .storefront-hamburger-menu-active .main-navigation ul li ul.sub-menu li ul.sub-menu li:first-of-type a { padding-top: 1.25em; } .storefront-hamburger-menu-active .main-navigation ul li ul.sub-menu li ul.sub-menu li:last-of-type a { padding-bottom: 1.25em; } .storefront-hamburger-menu-active .main-navigation ul li ul li a:hover, .main-navigation ul li ul li a:hover > a { color: var(--text--color-1--dark); background-color: transparent; } .handheld-navigation .dropdown-toggle { width: 100%; text-align: right; color: var(--color--black); padding: calc(var(--site-gutter) * .625) calc(var(--site-gutter) * .5) calc(var(--site-gutter) * .625) calc(var(--site-gutter) * 1); } .handheld-navigation ul.menu .sub-menu { transition: none; margin-left: 0; position: relative; background-color: var(--brand--color-1); display: flex; flex-direction: column; } .handheld-navigation ul.menu .sub-menu.toggled-on { left: unset; } .handheld-navigation ul.menu .sub-menu.toggled-on::after { content: ''; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background-color: var(--brand--color-1); } .handheld-navigation ul.menu .sub-menu li { position: relative; } .handheld-navigation ul.menu .sub-menu .sub-menu li:first-of-type { margin-top: 0; } .handheld-navigation ul.menu .sub-menu .sub-menu li:last-of-type { margin-bottom: 0; } .handheld-navigation ul.menu .sub-menu li.current-menu-parent > a, .handheld-navigation ul.menu .sub-menu li.current-menu-item > a { color: var(--brand--color-1); font-weight: var(--font-weight--500); } .handheld-navigation ul.menu .sub-menu li.current-menu-parent .sub-menu li a { color: var(--text--color-1); } .handheld-navigation ul.menu .sub-menu li.current-menu-parent .sub-menu li.current-menu-item a { color: var(--brand--color-1); font-weight: var(--font-weight--500); } .handheld-navigation ul.menu li a::after, .handheld-navigation ul.menu>li.menu-item-has-children>a::after { content: '' !important; position: absolute; width: .3125em; height: 100%; top: 0; left: 0; z-index: 1; margin-left: 0; } .handheld-navigation ul.menu li.current-menu-item a::after { background-color: var(--brand--color-1); } .handheld-navigation ul.menu li.current-menu-parent .sub-menu li.current-menu-parent a::after { background-color: var(--brand--color-1); } .handheld-navigation ul.menu li.current-menu-parent .sub-menu li.current-menu-item a::after { background-color: var(--brand--color-1); } .handheld-navigation ul.menu li.current-menu-ancestor .sub-menu li.current-menu-parent .sub-menu li a::after { background-color: var(--brand--color-1); } .handheld-navigation ul.menu li.current-menu-ancestor .sub-menu li.current-menu-parent a::after { background-color: var(--brand--color-1); } .handheld-navigation ul.menu li.current-menu-ancestor .sub-menu li.current-menu-item.current-menu-parent a::after { background-color: var(--brand--color-1); } .handheld-navigation ul.menu li.current-menu-item.current_page_item a { position: relative; color: var(--brand--color-1); } .handheld-navigation ul.menu li.current-menu-item.current_page_item .sub-menu li a { position: relative; color: var(--text--color-1); } .handheld-navigation ul.menu li.current-menu-item.current_page_item .sub-menu li a::after { background-color: transparent; } .handheld-navigation ul.menu li button::after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; width: 1em; font-family: var(--icon-font); font-weight: normal; font-size: 1.5em; font-style: normal; font-variant: normal; font-weight: normal; line-height: inherit; vertical-align: baseline; content: ""; content: var(--icon-font--chevron-forward); transform: translateY(-1px) rotate(90deg); transition: all ease 0s; } .handheld-navigation ul.menu li button.toggled-on::after { transform: translateY(-1px) rotate(270deg); } .menu-toggle, .handheld-navigation, .main-navigation.toggled .handheld-navigation, .main-navigation.toggled div.menu { display: block; } .main-navigation .handheld-navigation ul.menu, .main-navigation .handheld-navigation ul.nav-menu { margin: 0 auto; padding-bottom: 3rem; overflow: hidden; } .handheld-navigation { padding-top: calc(max(var(--site-logo--height), var(--site-search--height)) + var(--site-header-gutter)); padding-bottom: calc(var(--space--section) * 1); border-bottom: calc(var(--space--section) * 1) solid var(--brand--color-1); } .handheld-navigation .shm-close { display: none; } .toggled .handheld-navigation::before { top: calc(var(--site-header-topbar--height) + var(--site-gutter) + var(--site-logo--height) + var(--site-gutter)); height: calc(max(var(--site-logo--height), var(--site-search--height)) + var(--site-header-gutter)); } .toggled .handheld-navigation::after { top: calc(100vh - (var(--space--section) * 2)); height: var(--space--section); } /* .storefront-hamburger-menu-active .main-navigation ul li:hover>ul li:hover>ul { left: unset; } */ } @media screen and (max-width: 425px) { .storefront-hamburger-menu-active .main-navigation .handheld-navigation, .storefront-hamburger-menu-active .main-navigation div.menu { left: -100%; width: 100vw; } .storefront-2-3.storefront-hamburger-menu-active .main-navigation .shm-close:before { font-family: var(--icon-font); font-weight: 900; content: "\f00d"; } } @media screen and (max-width: 480px) { .handheld-navigation ul.menu { max-width: 30rem; } } @media screen and (min-width: 481px) and (max-width: 1023px) { .handheld-navigation ul.menu { max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .handheld-navigation { padding-top: calc((max(var(--site-logo--height), var(--site-search--height)) + var(--site-header-gutter)) * 2); } .toggled .handheld-navigation::before { height: calc((max(var(--site-logo--height), var(--site-search--height)) + var(--site-header-gutter)) * 2); } } @media screen and (max-width: 1037px) { .storefront-hamburger-menu-active.admin-bar .main-navigation .handheld-navigation, .storefront-hamburger-menu-active.admin-bar .main-navigation div.menu { padding-top: 46px; } } /* No space top and bottom */ .vwc-cl_mobile-nav-no-space .handheld-navigation { padding-top: 0; padding-bottom: 0; border-bottom: 0; } .vwc-cl_mobile-nav-no-space .toggled .handheld-navigation::before, .vwc-cl_mobile-nav-no-space .toggled .handheld-navigation::after { height: 0; } /* .vwc-cl_mobile-nav-no-space .toggled .handheld-navigation::before { top: calc(var(--site-header-topbar--height) + var(--site-gutter) + var(--site-logo--height)); height: var(--site-gutter); } .vwc-cl_mobile-nav-no-space .toggled .handheld-navigation::after { height: 0; } */ .vwc-cl_mobile-nav-no-space.storefront-hamburger-menu-active .main-navigation.toggled .handheld-navigation, .vwc-cl_mobile-nav-no-space.storefront-hamburger-menu-active .main-navigation.toggled div.menu { box-shadow: inset 0px 1px 0px 0px var(--border--color-1--tint-2), 0px 1px 0px 1px var(--border--color-1--tint-2); } .vwc-cl_mobile-nav-no-space.storefront-hamburger-menu-active .scrolled .main-navigation .handheld-navigation, .vwc-cl_mobile-nav-no-space.storefront-hamburger-menu-active .scrolled .main-navigation div.menu { top: calc(var(--site-header-topbar--height) + var(--site-gutter) + var(--site-logo--height) + var(--site-gutter)); height: calc(100vh - calc(var(--site-header-topbar--height) + var(--site-gutter) + var(--site-logo--height) + var(--site-gutter))); } /*-------------------------------------------------- MEDIA QUERIES ----------------------------------------------------*/ @media (max-width: 379px) { /* MAIN */ /* Multiple pages */ /* Product grid */ .page-template-template-fullwidth-php .site-main ul.products.columns-4 li.product, .page-template-template-fullwidth-php .header-widget-region ul.products.columns-4 li.product, .home-php .site-main ul.products.columns-4 li.product, .home-php .header-widget-region ul.products.columns-4 li.product, .storefront-full-width-content .site-main ul.products.columns-4 li.product, .storefront-full-width-content .header-widget-region ul.products.columns-4 li.product, .theme-storefront .site-main ul.products[class*="columns-"] li.product, .site-main ul.products[class*="columns-"] li.product, .vwc-cl_search-page .site-main ul.products[class*="columns-"] li.product, .vwc-cl_main-shop-page .site-main ul.products[class*="columns-"] li.product, .vwc-cl_main-shop-page .site-main ul.products[class*="columns-"] li.product-category { margin-right: 0; } /* Product grid */ ul.products li.product, .site-main ul.products li.product, .site-main ul.products.columns-3 li.product { margin-right: 0; } /* Section Category information */ ul.vwc-cl_taxonomy-tree { margin-bottom: 1.25em; } ul.vwc-cl_taxonomy-tree .vwc-cl_parent-term { margin-bottom: 0; } ul.vwc-cl_taxonomy-tree .vwc-cl_second-level-list { display: none; } } @media (min-width: 380px) and (max-width: 479px) { :root { --grid-column--space: 1rem; } /* ul.products li.product .button.product_type_variable.add_to_cart_button { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; } */ ul.products li.product .button.product_type_variable.add_to_cart_button, ul.products li:not(.purchasable).product-type-simple .button { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; align-self: auto; } } @media (min-width: 380px) and (max-width: 767px) { :root { --grid-column--width: 50%; --grid-column--width: calc((100% - (var(--grid-column--space) * 1)) / 2); --category-column--count: 2; } /* MAIN */ /* Multiple pages */ /* Product grid */ .page-template-template-fullwidth-php .site-main ul.products.columns-4 li.product:nth-child(even), .page-template-template-fullwidth-php .header-widget-region ul.products.columns-4 li.product:nth-child(even), .home-php .site-main ul.products.columns-4 li.product:nth-child(even), .home-php .header-widget-region ul.products.columns-4 li.product:nth-child(even), .storefront-full-width-content .site-main ul.products.columns-4 li.product:nth-child(even), .storefront-full-width-content .header-widget-region ul.products.columns-4 li.product:nth-child(even), .theme-storefront .site-main ul.products[class*="columns-"] li.product:nth-child(even), .site-main ul.products[class*="columns-"] li.product:nth-child(even), .vwc-cl_search-page .site-main ul.products[class*="columns-"] li.product:nth-child(even), .vwc-cl_main-shop-page .site-main ul.products[class*="columns-"] li.product:nth-child(even), .vwc-cl_main-shop-page .site-main ul.products[class*="columns-"] li.product-category:nth-child(even) { margin-right: 0; } /* Product grid */ ul.products li.product:nth-child(even), .site-main ul.products li.product:nth-child(even), .site-main ul.products.columns-3 li.product:nth-child(even) { margin-right: 0; } } @media (max-width: 540px) { a.added_to_cart.wc-forward { position: relative; display: block; width: 100%; order: 0; right: unset; bottom: unset; padding: 0 0 var(--_block-space) var(--_block-space); max-width: none; } } @media (max-width: 479px) { /** Product Filter **/ .prdctfltr_wc.pf_sidebar .prdctfltr_woocommerce_ordering, .prdctfltr_wc.pf_sidebar_right .prdctfltr_woocommerce_ordering, .prdctfltr_wc.pf_sidebar_css .prdctfltr_woocommerce_ordering, .prdctfltr_wc.pf_sidebar_css_right .prdctfltr_woocommerce_ordering { width: 100% !important; max-width: 480px !important; min-width: auto; } .site-content .prdctfltr_wc.pf_sidebar_css_right .prdctfltr_buttons, .site-content .prdctfltr_wc.pf_sidebar_css .prdctfltr_buttons, .site-content .prdctfltr_wc.pf_sidebar_right .prdctfltr_buttons, .site-content .prdctfltr_wc.pf_sidebar .prdctfltr_buttons { max-width: 480px !important; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_image .prdctfltr_customize_block .prdctfltr_customize_image_text_tip { font-size: .875em; } body.home .site-content .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce .prdctfltr_woocommerce_filter_submit { font-size: 1em; } /* FOOTER */ .footer-widgets .block { width: 100%; text-align: center; } .footer-widgets ul li, .footer-widgets .widget_nav_menu ul li { justify-content: center; } } @media (min-width: 480px) { :root { --grid-column--space: 1.25rem; --grid-row--space: calc(var(--grid-column--space) * 1); } /* Footer */ .footer-widgets > div:nth-child(2) { margin-right: var(--grid-column--space); } } @media (max-width: 600px) { /* MAIN */ /* Product grid */ .woocommerce-ordering { width: 100%; margin-bottom: var(--space--l); } .woocommerce-ordering .select2-container { width: 100% !important; } /* Product tabs */ .woocommerce-tabs ul.tabs li a { font-size: var(--font-size--copy-small); } } @media (max-width: 640px) { /* Frontpage slider */ /* .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-prev, .vwc-cl_front-page-slider .flexslider--content-slim .flex-direction-nav li.flex-nav-prev { left: 0; } .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-next, .vwc-cl_front-page-slider .flexslider--content-slim .flex-direction-nav li.flex-nav-next { right: 0; } */ .vwc-cl_hero-content-slim .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-prev { left: 0; } .vwc-cl_hero-content-slim .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-next { right: 0; } .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-prev { left: 0; } .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-next { right: 0; } /* Quickfinder redirect */ #vwc-cl_qf_redirect a { padding: .75rem var(--site-gutter); } /* Home - Qf Toepassingsgebied */ #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_tag .prdctfltr_checkboxes { grid-template-columns: repeat(2, 1fr); grid-gap: .5rem; gap: .5rem; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_tag .prdctfltr_checkboxes label { background-size: 613.333% 626.6667%; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_tag .prdctfltr_checkboxes label:nth-of-type(1) { background-position: 40% 10%; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_tag .prdctfltr_checkboxes label:nth-of-type(3) { background-position: 40% 30%; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_tag .prdctfltr_checkboxes label:nth-of-type(5) { background-position: 40% 50%; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_tag .prdctfltr_checkboxes label:nth-of-type(7) { background-position: 40% 70%; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_tag .prdctfltr_checkboxes label:nth-of-type(9) { background-position: 40% 90%; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_tag .prdctfltr_checkboxes label:nth-of-type(2) { background-position: 60% 10%; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_tag .prdctfltr_checkboxes label:nth-of-type(4) { background-position: 60% 30%; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_tag .prdctfltr_checkboxes label:nth-of-type(6) { background-position: 60% 50%; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_tag .prdctfltr_checkboxes label:nth-of-type(8) { background-position: 60% 70%; } /* Home - Section cat info */ .home .vwc-cl_categorieen h2, .home .vwc-cl_categorieen .vwc-cl_block { width: 100%; } /* Product filter */ .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_mod_row .prdctfltr_filter_inner { margin: 0 !important; } } @media (min-width: 641px) { :root { --font-size--h1: 2.75em; --font-size--h1-subheading: 1.25em; --font-size--h1-product: 1.75em; --font-size--h2-section-heading: 1.75em; --font-size--product-subtitle: 1em; } /* Frontpage slider */ .vwc-cl_front-page-slider.slick-initialized .slick-slide { height: 22.5rem; } .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-prev a { padding: .25rem; } .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-next a { padding: .25rem; } /* Quickfinder redirect */ #vwc-cl_qf_redirect .mobile { display: none; } #vwc-cl_qf_redirect .desktop { display: flex; } /* Quickfinder materiaal */ #vwc-cl_section_qf_materiaal .prdctfltr_checkboxes { column-count: 2; } /* Home - Section cat info */ .home .vwc-cl_categorieen div.vwc-cl_block:nth-of-type(odd) { padding-right: 1rem; } /** Product grid **/ /* REMOVE? */ /* .theme-storefront .site-main ul.products[class*="columns-"] li.product, .site-main ul.products[class*="columns-"] li.product { width: 33.333%; } .site-main ul.products[class*="columns-"] li.product-gategory { width: 33.333%; } */ /** Product summary **/ /* REMOVE? */ /* .single-product .summary h1 { font-size: 1.75em; } */ } @media (max-width: 767px) { /* HEADER */ /* .site-header .storefront-primary-navigation { margin-top: 0.75rem; } */ /* MAIN */ /* Page - multiple pages */ .vwc-cl_col-left { margin-bottom: var(--space--section-inner); } #vwc-cl_page-banner .banner-info .sub-heading { max-width: 100%; } /* Page - Product */ .single-product div.product table.variations select, .single-product div.product table.variations .select2 { min-width: 100%; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { top: 0; } .single-product div.product .woocommerce-product-gallery .flex-viewport { margin-bottom: 1rem; } /* Product tabs */ #reviews .commentlist li .avatar { margin-right: 1.5em; } /* Product tabs - Alternative */ .woocommerce-tabs ul.tabs { background-color: var(--background--color-1--tint-5); } .woocommerce-tabs ul.tabs li { width: 50%; border-bottom: 1px solid var(--color--white); } .woocommerce-tabs ul.tabs li:nth-child(odd) { border-right: 1px solid var(--color--white); } .woocommerce-tabs ul.tabs li.active a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: var(--brand--color-1); } /* Page - Account */ /* Dashboard */ .hentry .entry-content .woocommerce-MyAccount-navigation ul { border-top: 0px solid var(--border--color-1--tint-1); border-left: 0px solid var(--border--color-1--tint-1); } .hentry .entry-content .woocommerce-MyAccount-navigation ul li { border: 0px solid var(--border--color-1--tint-1); border-top: 0; border-left: 0; flex-basis: 100%; } .hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a { padding: var(--space--3xs) 0; } /* Login */ .col2-set#customer_login .col-1 { padding-top: 0; } body.woocommerce-account #customer_login { max-width: var(--max-width--small); margin-left: auto; margin-right: auto; float: none; } /* Orders */ table.my_account_orders td { padding-top: .3125em; padding-bottom: .3125em; } table.my_account_orders td:first-of-type { padding-top: .75em; } table.my_account_orders td:last-of-type { padding-top: 1em; padding-bottom: 1em; border-bottom: 1px solid var(--border--color-1--tint-4); display: flex; flex-wrap: wrap; justify-content: flex-end; row-gap: var(--space--xs); } table.my_account_orders tbody tr:last-of-type > * { border-bottom: 0px; } table.my_account_orders .button { margin: 0 0 0 var(--space--xs); } table.my_account_orders .button.view { margin-left: auto; } table.shop_table_responsive.my_account_orders tr td:last-of-type[data-title]:before { line-height: 2.375rem; } .woocommerce-MyAccount-content .order-again { text-align: center; } .woocommerce-MyAccount-content .order-again a { width: 100%; } /* Page - Cart and checkout */ table.cart tr { display: block; margin-bottom: 0em; } table.cart td { border-width: 0 1px; border-style: solid; border-color: var(--table--border-color); } table.cart td, table.cart th { padding: 0 .875em .625em .875em; } table.cart td.product-subtotal { border-bottom-width: 0px; border-radius: 0; padding-top: 0em; padding-bottom: 1em; } table.cart td.actions { padding-top: var(--space--m); } table.cart tr:nth-last-child(2) td.product-subtotal { border-bottom: 1px solid var(--table--border-color); border-radius: 0; } table.cart td.product-remove { border: 0; } table.cart tr:first-of-type td.product-thumbnail { border-top-width: 1px; border-color: var(--table--border-color); } table.cart td.product-thumbnail { border-top-width: 0px; border-top-color: var(--border--color-1--tint-5); padding: 0em .875em .875em calc(.875em + 1.25rem + .875em); } table.cart .product-thumbnail img { margin: 0; max-width: 4rem; } table.cart td.product-price, table.cart td.product-name, table.cart td.product-subtotal { line-height: var(--line-height--copy); } table.cart td.product-quantity { line-height: 2.25em; } .woocommerce .cart-collaterals h2 { padding-left: 0em; } /* body.woocommerce-account #customer_login { margin-left: auto; margin-right: auto; float: none; } */ table.cart td.product-name { margin-top: -3.75rem; padding-left: calc(.875em + 1.25rem + .875em + 4rem + .875em); } table.cart td.product-price { padding-top: 1.5rem; } table.cart .product-thumbnail .woocommerce-placeholder { border: .875em solid transparent; } table.shop_table_responsive tr td.product-name[data-title]::before { opacity: 0; text-indent: -999em; } /* .item-thumbnail { display: block !important; } .item-name, table.woocommerce-table--order-details .product-name p { padding-left: 0; } .item-name, .item-quantity, table.woocommerce-table--order-details .product-name p, table.woocommerce-table--order-details .product-name .product-quantity { padding-top: .25em; } #order_review .shop_table td.product-total, table.woocommerce-table--order-details .product-total, table.woocommerce-table--order-details .product-name > *, table.woocommerce-checkout-review-order-table .product-name span { vertical-align: bottom; } #order_review .shop_table tbody tr:last-of-type td { padding-bottom: 1.5em; } */ .item-name, .item-quantity, #order_review .shop_table td.product-total, table.woocommerce-checkout-review-order-table .product-name span { vertical-align: bottom; } #order_review .shop_table tbody tr:last-of-type td { padding-bottom: 1.5em; } /* Page - Default pages (Content and Submenu sidebar - same styling as Account dashboard) */ .vwc-cl_content-wrapper #vwc-cl_side-bar-nav ul { border-top: 0px solid var(--border--color-1--tint-2); border-left: 0px solid var(--border--color-1--tint-2); flex-direction: column; } .vwc-cl_content-wrapper #vwc-cl_side-bar-nav ul li { border: 0px solid var(--border--color-1--tint-2); border-top: 0; border-left: 0; flex-basis: auto; } .vwc-cl_content-wrapper #vwc-cl_side-bar-nav ul li a { padding: 0 0 var(--space--2xs) 0; display: inline-block; } /* Page - Home */ /* frontpage banner */ /* #vwc-cl_frontpage-banner .banner-info { text-align: center; padding: 0; align-items: center; } #vwc-cl_frontpage-banner .banner-info .buttons { flex-direction: column; justify-content: center; gap: var(--space--m); margin-top: var(--space--2xs); } #vwc-cl_frontpage-banner .banner-info a:nth-child(2).button { padding: 0; display: none; } */ /* Frontpage slider */ .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info, .vwc-cl_hero-content-slim .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info { padding-left: 0; padding-right: 0; } .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info { text-align: center; align-items: center; } .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info h1 { text-align: center; } .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info .buttons { justify-content: center; } .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info .button { margin: .625rem .3125rem 0rem .3125rem; } .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-prev a, .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-next a { border-radius: 0; } .vwc-cl_front-page-slider .flex-control-nav { display: none !important; } /* PRODUCT FILTER */ .site-content .vwc-cl_pf-wrapper { align-items: center; } #vwc-cl_section_qf_materiaal .vwc-cl_pf-wrapper { align-items: unset; } body.vwc-cl_page-quickfinder .site-content .prdctfltr_wc .prdctfltr_filter_title { margin-bottom: calc(var(--space--section-inner--children) + 1.25rem); } body.vwc-cl_page-quickfinder .site-content .prdctfltr_wc .prdctfltr_filter_title>span.prdctfltr_showing { position: absolute; top: calc(100% - 1.25rem); left: 0; pointer-events: none; } [class*="prdctfltr-"] .prdctfltr_filter_inner .prdctfltr_filter { width: 100% !important; margin-right: 0; margin-bottom: 0; } .site-content .prdctfltr_wc .prdctfltr_filter_title { margin-bottom: var(--space--section-inner--children); padding: 0; background-color: var(--background--color-1--tint-5); border-radius: 0px; width: 100%; /* max-width: 30rem; */ } .site-content .prdctfltr_wc .prdctfltr_filter_title .prdctfltr_woocommerce_filter { flex-grow: 1; justify-content: flex-end; margin-right: 0; padding-right: var(--icon--gap); color: var(--color--black); height: 2.5rem; } .site-content .prdctfltr_wc .prdctfltr_filter_title .prdctfltr_woocommerce_filter i::before { content: var(--icon-font--edit-note); font-family: var(--icon-font); font-size: 1em; font-weight: normal; font-style: normal; color: currentColor; vertical-align: middle; } .site-content .prdctfltr_woocommerce_filter i { font-size: .75em; } .site-content .prdctfltr_wc .prdctfltr_filter_title>span.prdctfltr_woocommerce_filter_title { flex-grow: 1; text-align: left; text-transform: uppercase; max-width: none; font-size: 1em; font-weight: var(--font-weight--500); color: var(--color--black); height: 2.5rem; line-height: 2.5rem; } .site-content .prdctfltr_wc .prdctfltr_filter_title>span.prdctfltr_showing { width: 100%; } .site-content .prdctfltr_wc.prdctfltr_wc_regular.pf_sidebar_css_right.prdctfltr_woocommerce .prdctfltr_woocommerce_filter_submit { margin-bottom: 0 !important; text-align: center; order: 1; flex-grow: 1; border-top: 1px solid var(--brand--color-3); border-radius: 0; -webkit-transition: all ease .15s; transition: all ease .15s; } .site-content .prdctfltr_wc.prdctfltr_wc_regular.pf_sidebar_css_right.prdctfltr_woocommerce .prdctfltr_woocommerce_filter_submit:hover { border-top: 1px solid var(--brand--color-3--medium-light); } body.home .site-content .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce .prdctfltr_woocommerce_filter_submit { width: auto; } .site-content .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce .prdctfltr_woocommerce_ordering .prdctfltr_filter_inner { padding: 0; } .site-content .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title, .site-content .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter.vwc-cl_prdctfltr_down .prdctfltr_regular_title { border: 1px solid var(--border--color-1--tint-2); border-top: 0px; border-left: 0px; border-right: 0px; background-color: var(--color--white); padding: 1em; display: flex; flex-wrap: wrap; } .site-content .prdctfltr_wc_regular.prdctfltr_wc.prdctfltr_woocommerce.prdctfltr_scroll_default .prdctfltr_terms_customized_select .prdctfltr_add_scroll, .site-content .prdctfltr_wc.prdctfltr_woocommerce.pf_select.prdctfltr_scroll_default .prdctfltr_add_scroll { width: 100%; padding-top: 0; border: 0; border-bottom: 1px solid var(--border--color-1--tint-2); border-radius: 0; box-shadow: 0px -1px 0px 0px #fff; position: relative; top: unset; margin-top: 0; z-index: 3; } .site-content .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title .prdctfltr_title_selected, .site-content .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title .prdctfltr_title_selected { order: 1; font-size: .875em; margin: .5em 0 0 0; } .site-content .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title .prdctfltr_title_selected a, .site-content .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title .prdctfltr_title_selected a { display: none; } .site-content .prdctfltr_wc.pf_sidebar .prdctfltr_woocommerce_ordering .prdctfltr_close_sidebar, .site-content .prdctfltr_wc.pf_sidebar_right .prdctfltr_woocommerce_ordering .prdctfltr_close_sidebar, .site-content .prdctfltr_wc.pf_sidebar_css .prdctfltr_woocommerce_ordering .prdctfltr_close_sidebar, .site-content .prdctfltr_wc.pf_sidebar_css_right .prdctfltr_woocommerce_ordering .prdctfltr_close_sidebar { margin: 0; padding: 0 1rem; font-size: 1em; color: var(--color--black); text-align: left; text-transform: none; border-bottom: 1px solid var(--border--color-1--tint-2); line-height: 3rem; height: 3rem; order: -1; float: none; } .site-content .prdctfltr_wc.pf_sidebar .prdctfltr_woocommerce_ordering>.prdctfltr_collector, .site-content .prdctfltr_wc.pf_sidebar_right .prdctfltr_woocommerce_ordering>.prdctfltr_collector, .site-content .prdctfltr_wc.pf_sidebar_css .prdctfltr_woocommerce_ordering>.prdctfltr_collector, .site-content .prdctfltr_wc.pf_sidebar_css_right .prdctfltr_woocommerce_ordering>.prdctfltr_collector { margin: 1em; order: 0; } .site-content .prdctfltr_wc.pf_sidebar_css_right .prdctfltr_buttons, .site-content .prdctfltr_wc.pf_sidebar_css .prdctfltr_buttons, .site-content .prdctfltr_wc.pf_sidebar_right .prdctfltr_buttons, .site-content .prdctfltr_wc.pf_sidebar .prdctfltr_buttons { padding: 0; margin-bottom: 0; position: fixed; bottom: 0; width: 100%; max-width: 384px; display: flex; flex-wrap: wrap; z-index: 99; } .site-content .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter i.prdctfltr-down, .site-content .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter i.prdctfltr-up { flex-basis: 100%; text-align: right; margin-top: -1em; margin-left: 0; } .site-content .prdctfltr_wc.pf_sidebar .prdctfltr_woocommerce_ordering, .site-content .prdctfltr_wc.pf_sidebar_right .prdctfltr_woocommerce_ordering, .prdctfltr_wc.pf_sidebar_css .prdctfltr_woocommerce_ordering, .site-content .prdctfltr_wc.pf_sidebar_css_right .prdctfltr_woocommerce_ordering { scrollbar-width: none; -ms-overflow-style: none; overflow-y: scroll; overflow-x: hidden; padding-bottom: 6em; transform: none !important; right: -100%; -webkit-transition: right ease .2s; transition: right ease .2s; width: 100%; } .wc-prdctfltr-active .prdctfltr_wc.pf_sidebar_right .prdctfltr_woocommerce_ordering, .wc-prdctfltr-active .prdctfltr_wc.pf_sidebar_css_right .prdctfltr_woocommerce_ordering { right: 0; } .site-content .prdctfltr_wc.pf_sidebar .prdctfltr_woocommerce_ordering::-webkit-scrollbar, .site-content .prdctfltr_wc.pf_sidebar_right .prdctfltr_woocommerce_ordering::-webkit-scrollbar, .prdctfltr_wc.pf_sidebar_css .prdctfltr_woocommerce_ordering::-webkit-scrollbar, .site-content .prdctfltr_wc.pf_sidebar_css_right .prdctfltr_woocommerce_ordering::-webkit-scrollbar { display: none; width: 0; height: 0; } .site-content .prdctfltr_collector>span, .site-content .prdctfltr_buttons .prdctfltr_reset { margin: 0; padding: 0; font-size: 1em; vertical-align: unset; text-transform: uppercase; } .site-content .prdctfltr_wc.pf_sidebar_css_right .prdctfltr_buttons .prdctfltr_reset label { line-height: calc(2.75rem - 0px); font-weight: var(--font-weight--500); margin: 0; padding: 0 1rem; border-top: 1px solid var(--border--color-1--tint-2); background-color: var(--color--white); color: var(--color--black); -webkit-transition: color ease .2s; transition: color ease .2s; } .site-content .prdctfltr_wc.pf_sidebar_css_right .prdctfltr_buttons .prdctfltr_reset label:hover { color: var(--brand--color-3); } .site-content .prdctfltr_wc.pf_sidebar_css_right .prdctfltr_buttons .prdctfltr_reset label span { vertical-align: unset; } .site-content .prdctfltr_woocommerce_ordering span.prdctfltr_reset span:before { line-height: 1; content: ''; } .site-content .prdctfltr_close_sidebar { position: relative; font-weight: var(--font-weight--500); text-align: right !important; } .site-content .prdctfltr_close_sidebar:after { font-family: var(--font-copy) !important; content: 'Sluiten'; font-size: 1em; vertical-align: unset; color: var(--color--black); } .site-content .prdctfltr_close_sidebar .prdctfltr-delete { margin: 0; } .site-content .prdctfltr_close_sidebar .prdctfltr-delete:before { font-family: var(--icon-font) !important; content: var(--icon-font--close) !important; font-size: 1.125em; vertical-align: bottom; color: var(--color--black); } .site-content .prdctfltr_selected_title { color: var(--brand--color-2); } .site-content .prdctfltr_wc .prdctfltr_buttons { padding: 0 !important; } .site-content .prdctfltr_wc_regular.prdctfltr_wc.prdctfltr_woocommerce.prdctfltr_scroll_default .prdctfltr_terms_customized_select .prdctfltr_add_scroll .prdctfltr_checkboxes { height: 100%; } .site-content .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title:after { width: 0; height: 0; background-color: transparent; } #vwc-cl_section_qf_materiaal .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title { width: 100%; } #vwc-cl_section_qf_materiaal .prdctfltr_product_cat .prdctfltr_aftertitle, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_cat .prdctfltr_aftertitle { width: 100%; } /* FOOTER */ .footer-bar .col-full div { margin-top: .5em; } .footer-bar .col-full div:first-of-type { width: 100%; margin: 0 0 0 0; text-align: center; } } @media (min-width: 768px) { :root { --font-size--h1: 3.25em; --font-size--h1-subheading: 1.3125em; --font-size--h1-product: 2em; --font-size--h2-section-heading: 2em; --font-size--product-subtitle: 1.125em; --space--site-breadcrumbs: var(--space--m); --space--site-content: 3rem; --space--section: 3rem; --space--section-inner: 2.5rem; --space--section-inner--children: 2rem; --space--block: 1.25rem; --site-logo--height: 3rem; --site-logo--height--scrolled: 2.5rem; --grid-column--space: 1.25rem; --grid-column--width: 33.3333%; --grid-column--width: calc((100% - (var(--grid-column--space) * 2)) / 3); --grid-row--space: calc(var(--grid-column--space) * 1); --category-column--count: 3; --frontpage-banner--height: 25.6rem; --page-banner--height: 18.5rem; --page-banner--info-offset: 2rem; --block--border-radius: 0 0 2.5rem 0; } /* STRUCTURE */ .entry-content { display: flex; flex-wrap: nowrap; flex-direction: column; } .home .entry-content { flex-direction: column; } .entry-content .woocommerce { margin: 0 auto; width: 100%; } .vwc-cl_flex-row .entry-content { flex-direction: row; } /* Form */ .col2-set .col-2 { margin-bottom: 0; } .col2-set .form-row-first { width: 40%; margin-right: 0; padding-right: .625em; } .col2-set .form-row-last { width: 60%; padding-left: .625em; } /* HEADER */ /* .site-branding a { transition: all ease var(--transition-duration); } */ .site-header-cart .widget_shopping_cart { left: unset; right: -999em; opacity: 0; background-color: var(--color--white); border: 1px solid var(--border--color-1--tint-2); box-shadow: 0px 1px 12px 0px rgba(0 0 0 / .1); } .site-header-cart.focus .widget_shopping_cart, .site-header-cart:hover .widget_shopping_cart { left: unset; right: 0; min-height: 5rem; opacity: 1; border-radius: 0 0 var(--border-radius--xl) 0; } .site-header-cart .widget_shopping_cart .product_list_widget li a, .site-header-cart .widget_shopping_cart .product_list_widget li .quantity { margin-left: 1.5rem; display: block; } .site-header-cart .widget_shopping_cart .product_list_widget li a.remove { position: absolute; margin-left: 0; width: 1.5em; height: 1.5em; } .site-header-cart .widget_shopping_cart .product_list_widget li a.remove::before { top: -2px; left: -1px; font-size: var(--icon-font--size-medium); line-height: var(--line-height--copy); } .site-header-cart .widget_shopping_cart .product_list_widget li .quantity { color: var(--text--color-1--dark); font-weight: var(--font-weight--500); } .widget_shopping_cart .buttons .wc-forward { background-color: var(--button--secondary-color); } .widget_shopping_cart .buttons .wc-forward:hover { background-color: var(--button--secondary-color--hover); } .widget_shopping_cart .buttons .checkout.wc-forward { background-color: var(--button--primary-color); } .widget_shopping_cart .buttons .checkout.wc-forward:hover { background-color: var(--button--primary-color--hover); } .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation { margin: 0 0 0 auto; } .secondary-navigation .menu a { padding: 0; } /* MAIN */ /* Page - multiple pages */ .vwc-cl_col-left, .vwc-cl_col-right { flex-basis: 50%; } .vwc-cl_col-left { padding-right: 1rem; } .vwc-cl_col-right { padding-left: 1rem; } /** Page banner **/ .page-banner { width: calc(100% - (2 * var(--site-gutter))); max-width: calc(var(--max-width) - (2 * var(--site-gutter))); border-radius: var(--block--border-radius); } .page-banner, .page-banner .banner-img { height: 16rem; } /* Page - Product */ .single-product div.product .woocommerce-product-gallery, .single-product div.product .summary { width: calc(50% - var(--space--m)); } .woocommerce-tabs ul.tabs li a { font-size: 1em; } #reviews .comment-form-author, #reviews .comment-form-email { width: calc(50% - .625em); float: left; } #reviews .comment-form-author { margin-right: 1.25em; } /* Product gallery item */ .single-product div.product .woocommerce-product-gallery .flex-viewport { width: 80%; float: right; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs { display: flex; flex-direction: column; float: left; width: 20%; padding-right: 1rem; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li { width: 100%; margin-bottom: 1rem; } /* Product tabs */ .woocommerce-tabs ul.tabs li a { font-size: 1em; } #reviews .comment-form-author, #reviews .comment-form-email { width: calc(50% - .625em); float: left; } #reviews .comment-form-author { margin-right: 1.25em; } .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table tr th { width: 14.375rem; } /* Page - Account */ /* Dashboard */ .hentry .entry-content .woocommerce-MyAccount-navigation ul { border-top: 0; } .logged-in.woocommerce-edit-address .woocommerce-MyAccount-content form, .logged-in.woocommerce-edit-account .woocommerce-MyAccount-content form { max-width: var(--max-width--small); width: 100%; } .addresses header.title a { display: block; width: 1em; height: 1em; text-indent: -9999px; position: relative; padding: .875em; margin-top: 0px; float: right; overflow: hidden; } .addresses header.title a::before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-family: var(--icon-font); font-style: normal; font-variant: normal; font-weight: normal; font-size: var(--icon-font--size-medium); line-height: inherit; vertical-align: baseline; content: var(--icon-font--edit-square); position: absolute; top: 0; left: 0; height: 100%; width: 100%; text-align: center; text-indent: 0; } .col2-set#customer_login .col-1, .col2-set.addresses .col-1, .col2-set#customer_login .col-2, .col2-set.addresses .col-2 { width: calc(50% - var(--space--m)); margin: 0; } .col2-set#customer_login .col-1, .col2-set.addresses .col-1 { float: left; } .col2-set#customer_login .col-2, .col2-set.addresses .col-2 { float: right; } /* Login */ .col2-set#customer_login { max-width: var(--max-width--large); margin-left: auto; margin-right: auto; float: none; } /* Checkout */ body.woocommerce-checkout .checkout { margin-left: auto; margin-right: auto; float: none; } /* Addresses */ .addresses header.title h2 { float: left; } /* Cart contents overview */ table.cart tr:last-of-type { margin-bottom: var(--space--m); } table.cart td.product-remove a.remove { top: 0; left: 0; right: auto; height: 4.5em; font-size: var(--icon-font--size-medium); line-height: var(--line-height--copy); } table.cart td.product-remove a.remove::before { top: 50%; bottom: unset; transform: translateY(-50%); line-height: var(--line-height--copy); } table.shop_table_responsive tbody tr td, table.shop_table_responsive tbody tr th { text-align: right; } table.cart tr:first-of-type td { border-top: 1px solid var(--table--border-color) !important; } table.cart tr:nth-last-child(2) td { border-bottom: 1px solid var(--table--border-color); } table.cart tr:nth-last-child(2) td:last-of-type { border-radius: 0; } table.cart tr td:first-of-type { border-left: 1px solid var(--table--border-color); } table.cart tr td:last-of-type { border-right: 1px solid var(--table--border-color); } table.cart tr:last-of-type td { border: 0; } table.cart tr td { border-bottom: 0px solid var(--table--border-color); } table.cart td.product-remove { border-bottom: 0px solid var(--table--border-color); } body:not(.page-template-template-fullwidth-php) table.cart th { padding: .5em 1em .625em 1em; } body:not(.page-template-template-fullwidth-php) table.cart th:last-of-type { padding-right: 1em; } body:not(.page-template-template-fullwidth-php) table.cart td { padding: 1em 1em 0em 1em; vertical-align: middle; } body:not(.page-template-template-fullwidth-php) table.cart tr:nth-last-child(2) td { padding-bottom: 1em; } body:not(.page-template-template-fullwidth-php) table.cart td.product-thumbnail, body:not(.page-template-template-fullwidth-php) table.cart td.product-quantity { padding-top: 1em; } body:not(.page-template-template-fullwidth-php) table.cart td.actions { padding: 1em 0 0 0; line-height: inherit; } body:not(.page-template-template-fullwidth-php) table.cart td.product-remove { padding-right: 1em; padding-left: 1em; } table.cart td, table.cart th { padding: 1em; text-align: right; } table.cart th { border-top: 1px solid var(--table--border-color); } table.cart th:first-of-type { border-left: 1px solid var(--table--border-color); } table.cart th:last-of-type { border-right: 1px solid var(--table--border-color); } table.cart td.product-price { width: 5em; } table.cart td.product-quantity { width: 6em; } table.cart td.product-subtotal { width: 7em; } table.cart td.actions input { margin-bottom: 0; } table.cart td.actions .coupon { border-bottom: 0; display: flex; } table.cart td.actions .coupon input { margin-right: .5em; } table.shop_table_responsive tbody tr.cart-subtotal th, table.shop_table_responsive tbody tr.order-total th { text-align: left; } table.cart td.product-remove { width: 1em; } table.cart td.product-thumbnail { width: 7em; } table.cart th.product-name, table.cart td.product-name { text-align: left; } table.cart td.product-subtotal small, .cart-collaterals .cart_totals small { margin-bottom: -1em; padding-bottom: 0; } .cart-collaterals .cart_totals small.tax_label, .cart-collaterals .cart_totals small.includes_tax, #order_review small { margin-bottom: 0; } /* Orders */ table.my_account_orders { font-size: var(--font-size--copy); } table.my_account_orders th, table.my_account_orders td { text-align: left; } table.my_account_orders td { border-bottom: 1px solid var(--table--border-color); } table.my_account_orders tbody tr:last-of-type > * { border-bottom: 0; } table.shop_table_responsive.my_account_orders tr * { text-align: left; white-space: nowrap; } table.shop_table_responsive.my_account_orders tr td.woocommerce-orders-table__cell-order-actions { white-space: normal; } table.my_account_orders th { font-size: 1em; } /* Common */ .woocommerce-MyAccount-content .form-row-first { width: calc(40% - var(--space--xs)); margin-right: 0; } .woocommerce-MyAccount-content .form-row-last { width: calc(60% - var(--space--xs)); } /* Page - Cart and checkout */ form.checkout .col2-set, form.checkout #order_review, form.checkout #order_review_heading { width: 50%; } form.checkout .col2-set { margin-right: 0; padding-right: 1rem; } form.checkout #order_review, form.checkout #order_review_heading { padding-left: 1rem; } #order_review_heading { margin-bottom: .75em; padding-bottom: 0; } #order_review .shop_table { margin-bottom: var(--space--l); } .woocommerce-billing-fields h3 { margin-bottom: 1.3125em; } form.checkout .woo-checkout-wrap { width: 50%; float: right; position: sticky; top: var(--sticky-nav); } form.checkout .woo-checkout-wrap #order_review, form.checkout .woo-checkout-wrap #order_review_heading { width: 100%; float: none; } /* Page - Home */ .home .entry-content { flex-direction: column; } /* #vwc-cl_frontpage-banner .banner-info { gap: var(--space--m); } #vwc-cl_frontpage-banner .banner-info .buttons { gap: var(--space--m); } */ /** Frontpage slider **/ .vwc-cl_front-page-slider .flexslider, .vwc-cl_front-page-slider .slides li { height: 26.25rem; } .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info h1 { text-align: left; } .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info h1:after { left: 0; transform: translateX(0); } .vwc-cl_front-page-slider .flex-direction-nav li a { font-size: 1.625em; } /* .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-prev a { padding: .5625rem .75rem .5625rem .75rem; } .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-next a { padding: .5625rem .6875rem .5625rem .8125rem; } */ /* Section width */ .home #vwc-cl_section_qf_toepassingsgebied .section__inner { width: 84%; } /* Lijmwijzer */ #vwc-cl_section_qf_materiaal p.vwc-cl_section_lijmwijzer { font-size: 1.1875em; } /* PRODUCT FILTER */ body .vwc-cl_pf-wrapper .prdctfltr_filter_title { display: none; } body.vwc-cl_page-quickfinder .vwc-cl_pf-wrapper .prdctfltr_filter_title { margin-bottom: 1.25em; } .site-content .prdctfltr_wc .prdctfltr_filter_title>span.prdctfltr_woocommerce_filter_title { display: none; } .site-content .prdctfltr_wc_regular.prdctfltr_wc.prdctfltr_woocommerce.prdctfltr_scroll_default .prdctfltr_terms_customized_select .prdctfltr_add_scroll, .site-content .prdctfltr_wc.prdctfltr_woocommerce.pf_select.prdctfltr_scroll_default .prdctfltr_add_scroll { min-width: 300px; } #vwc-cl_section_qf_materiaal .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title { min-width: 300px; } /* FOOTER */ .footer-widgets.col-4 .block { width: var(--grid-column--width); float: left; margin-right: var(--grid-column--space); } } @media (min-width: 641px) and (max-width: 919px) { /* Grid */ .home .site-main ul.products[class*="columns-"] li:last-of-type:not(.product-category).product, .vwc-cl_main-shop-page .site-main ul.products[class*="columns-"] li:last-of-type:not(.product-category).product { display: none; } /* .home .site-main ul.products[class*="columns-"] li:last-of-type.product-category, .vwc-cl_main-shop-page .site-main ul.products[class*="columns-"] li:last-of-type.product-category { display: block; } */ } @media (min-width: 768px) and (max-width: 1023px) { :root { --mobile-nav-button--offset: .5rem; --mobile-nav-button--offset--scrolled: .375rem; } /* HEADER */ /* Navigation */ /* .storefront-primary-navigation { margin-top: 1rem; } .scrolled .storefront-primary-navigation { margin-top: .75rem; } */ /* MAIN */ /* Multiple pages */ /* Product grid */ .page-template-template-fullwidth-php .site-main ul.products.columns-4 li.product:nth-child(3n+3), .page-template-template-fullwidth-php .header-widget-region ul.products.columns-4 li.product:nth-child(3n+3), .home-php .site-main ul.products.columns-4 li.product:nth-child(3n+3), .home-php .header-widget-region ul.products.columns-4 li.product:nth-child(3n+3), .storefront-full-width-content .site-main ul.products.columns-4 li.product:nth-child(3n+3), .storefront-full-width-content .header-widget-region ul.products.columns-4 li.product:nth-child(3n+3), .theme-storefront .site-main ul.products[class*="columns-"] li.product:nth-child(3n+3), .site-main ul.products[class*="columns-"] li.product:nth-child(3n+3), .vwc-cl_search-page .site-main ul.products[class*="columns-"] li.product:nth-child(3n+3), .vwc-cl_main-shop-page .site-main ul.products[class*="columns-"] li.product:nth-child(3n+3), .vwc-cl_main-shop-page .site-main ul.products[class*="columns-"] li.product-category:nth-child(3n+3) { margin-right: 0; } .page-template-template-fullwidth-php .site-main ul.products.columns-4 li.product:nth-child(3n+4), .page-template-template-fullwidth-php .header-widget-region ul.products.columns-4 li.product:nth-child(3n+4), .home-php .site-main ul.products.columns-4 li.product:nth-child(3n+4), .home-php .header-widget-region ul.products.columns-4 li.product:nth-child(3n+4), .storefront-full-width-content .site-main ul.products.columns-4 li.product:nth-child(3n+4), .storefront-full-width-content .header-widget-region ul.products.columns-4 li.product:nth-child(3n+4), .theme-storefront .site-main ul.products[class*="columns-"] li.product:nth-child(3n+4), .site-main ul.products[class*="columns-"] li.product:nth-child(3n+4), .vwc-cl_search-page .site-main ul.products[class*="columns-"] li.product:nth-child(3n+4), .vwc-cl_main-shop-page .site-main ul.products[class*="columns-"] li.product:nth-child(3n+4), .vwc-cl_main-shop-page .site-main ul.products[class*="columns-"] li.product-category:nth-child(3n+4), ul.products li.product-category.last { margin-right: var(--grid-column--space) !important; } /* Page - Product archive */ #secondary ul.product-categories { columns: 1; } .left-sidebar .content-area { margin-top: 0; } /* Page - Account */ /* Dashboard */ .woocommerce-MyAccount-content { padding: 0 0 0 0; } .hentry .entry-content .woocommerce-MyAccount-navigation ul li { flex-basis: auto; border-bottom: 0; margin-right: var(--space--l); } .hentry .entry-content .woocommerce-MyAccount-navigation ul li:last-of-type { margin-left: 0; margin-right: 0; } .hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a { padding: 0 0 var(--space--xs) 0; gap: calc(var(--icon--gap) * .5); } .left-sidebar:not(.page-template-template-fullwidth-php) .woocommerce-MyAccount-content { margin-left: auto; margin-right: auto; float: none; } .left-sidebar:not(.page-template-template-fullwidth-php) .woocommerce-MyAccount-navigation { float: none; } .logged-in.woocommerce-edit-address .woocommerce-MyAccount-content form, .logged-in.woocommerce-edit-account .woocommerce-MyAccount-content form { margin-left: auto; margin-right: auto; } /* Page - Cart and checkout */ .cart-collaterals { max-width: 50%; margin-right: 0; } table.woocommerce-checkout-review-order-table .product-name span, #order_review .shop_table td.product-total { vertical-align: top; } #order_review .shop_table td.product-total .amount bdi { display: inline-block; } table.woocommerce-checkout-review-order-table .item-name, table.woocommerce-checkout-review-order-table .item-quantity, #order_review .shop_table td.product-total .amount bdi { padding-top: .625em; } #order_review .shop_table tbody tr:last-of-type td { padding-bottom: 1em; } /* Page - Home */ /* Frontpage slider */ .vwc-cl_hero-content-slim .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info { padding: 0 5rem; } /* Page - Default pages (Content and Submenu sidebar - same styling as Account dashboard) */ .vwc-cl_content-wrapper #vwc-cl_side-bar-nav ul li { flex-basis: auto; border-bottom: 0; margin-right: var(--space--xl); } .vwc-cl_content-wrapper #vwc-cl_side-bar-nav ul li:last-of-type { margin-right: 0; } .vwc-cl_content-wrapper #vwc-cl_side-bar-nav ul li a { padding: 0 0 var(--space--2xs) 0; } } @media (min-width: 768px) and (max-width: 1263px) { /* Page - Home */ /* Frontpage slider */ .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info { padding: 0 calc(var(--frontpage-pf-hero--block-space) * 1) 1rem calc(var(--frontpage-pf-hero--block-space) * 1); } } @media (min-width: 1192px) and (max-width: 1263px) { /* Page - Home */ /* Frontpage slider */ .vwc-cl_hero-content-wide .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info { padding: 0 calc(var(--frontpage-pf-hero--block-space) * 1) 1rem calc(var(--frontpage-pf-hero--block-space) * 1); } } @media (max-width: 919px) { /* HEADER */ .site-header { padding: var(--site-gutter) 0; } /* Info bar header */ .header-widget-region { display: none; } } @media (min-width: 920px) { :root { --site-header-topbar--height: 2.25rem; } } @media (max-width: 1023px) { /* HEADER */ .site-header { box-shadow: 0px 1px 0px 0px rgba(0,0,0,.1); } .site-header .site-branding, .storefront-secondary-navigation.woocommerce-active .site-header .site-branding, .storefront-secondary-navigation .site-header .site-branding, .woocommerce-active .site-header .site-branding { order: 2; flex: 0 0 50%; margin: 0 0 0 25%; justify-content: center; } .site-header .secondary-navigation { order: 3; } .site-header .site-header-cart { order: 4; } .site-header .site-search { order: 5; } .site-header .storefront-primary-navigation { background-color: var(--color--white); position: absolute; top: calc(var(--site-gutter) + var(--site-header-topbar--height) + var(--mobile-nav-button--offset)); left: var(--site-gutter); margin-top: var(--mobile-nav-button--offset); } .site-header .storefront-primary-navigation .col-full { padding-left: 0; } .site-header-cart .cart-contents .cart-text, .account span { text-indent: -9999em; display: none; } .site-header-cart .cart-contents::after, .secondary-navigation a::after { font-size: var(--icon-font--size-2xlarge); } .site-search { margin-top: var(--site-gutter); } .storefront-hamburger-menu-active .site-header-cart .cart-contents { right: 0; } .primary-navigation { display: none; } /* Navigation */ .main-navigation ul li, .secondary-navigation ul li { display: block; } .main-navigation ul ul, .secondary-navigation ul ul, .main-navigation ul li:hover>ul li>ul, .main-navigation ul li.focus>ul li>ul, .secondary-navigation ul li:hover>ul li>ul, .secondary-navigation ul li.focus>ul li>ul, .main-navigation ul li:hover>ul li:hover>ul, .main-navigation ul li:hover>ul li.focus>ul, .main-navigation ul li.focus>ul li:hover>ul, .main-navigation ul li.focus>ul li.focus>ul, .secondary-navigation ul li:hover>ul li:hover>ul, .secondary-navigation ul li:hover>ul li.focus>ul, .secondary-navigation ul li.focus>ul li:hover>ul, .secondary-navigation ul li.focus>ul li.focus>ul { left: unset; float: unset; } .main-navigation ul.menu, .main-navigation ul.nav-menu { margin-left: 0; } .main-navigation ul.menu>li.menu-item-has-children>a:after, .main-navigation ul.menu>li.page_item_has_children>a:after, .main-navigation ul.nav-menu>li.menu-item-has-children>a:after, .main-navigation ul.nav-menu>li.page_item_has_children>a:after, .main-navigation ul.menu ul li.menu-item-has-children>a:after, .main-navigation ul.menu ul li.page_item_has_children>a:after, .main-navigation ul.nav-menu ul li.menu-item-has-children>a:after, .main-navigation ul.nav-menu ul li.page_item_has_children>a:after { content: ""; } /* MAIN */ /* Breadcrumbs */ .yoast-wc-breadcrumb > span { position: relative; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } .yoast-wc-breadcrumb .breadcrumb_last { margin-right: 1rem; } .yoast-wc-breadcrumb::before { content: ''; position: absolute; bottom: 1px; right: 0; z-index: 1; width: 2rem; height: 100%; background: var(--color--white); pointer-events: none; -webkit-mask-image: -webkit-linear-gradient(-90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); -webkit-mask-image: linear-gradient(-90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); mask-image: -webkit-linear-gradient(-90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(-90deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); } /* Page - Product archive */ .archive .site-content { margin-top: var(--site-gutter); } #secondary.widget-area { width: 100%; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--border--color-1--tint-3); } #secondary .widget.woocommerce.widget_product_categories { margin-bottom: 0; } /* #secondary .widget_product_categories ul li { display: none; } */ /* #secondary .widget_product_categories ul li, #secondary .widget_product_categories ul li.current-cat.cat-parent>a { display: none; } */ #secondary .widget_product_categories ul li.current-cat-parent > a { display: flex; align-items: center; gap: var(--icon--gap); position: relative; margin-bottom: 1em; margin-left: var(--site-gutter); font-weight: var(--font-weight--500); } #secondary .widget_product_categories > ul > li.current-cat-parent > a:before { position: relative; content: '\f048'; font-family: var(--icon-font); font-size: var(--font-size--copy-medium); line-height: inherit; } /* #secondary .widget_product_categories ul li.current-cat.cat-parent, #secondary .widget_product_categories ul li.current-cat-parent, #secondary .widget_product_categories ul li.current-cat-parent *, #secondary .widget_product_categories ul li.current-cat.cat-parent * { display: block; margin-bottom: 0; } #secondary .widget_product_categories ul li.current-cat.cat-parent, #secondary .widget_product_categories ul li.current-cat-parent { --_site-gutter: var(--site-gutter); overflow-y: hidden; position: relative; margin: 0 calc(0px - var(--_site-gutter)); } #secondary .widget_product_categories ul li.current-cat.cat-parent .children, #secondary .widget_product_categories ul li.current-cat-parent .children { overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; padding-left: var(--space--m); } #secondary .widget_product_categories ul li ul.children { display: flex !important; margin: 0; } #secondary .widget_product_categories ul li ul.children li { margin-bottom: 0; margin-right: var(--space--xs); display: inline-block !important; } #secondary .widget_product_categories ul li ul.children li a { padding: var(--space--s) var(--space--m); border: 1px solid var(--border--color-1--tint-1); font-size: 1em; } #secondary .widget_product_categories ul li ul.children li.current-cat a { font-weight: var(--font-weight--500); } #secondary .widget_product_categories ul li ul.children li.current-cat a::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: .1875rem; background-color: var(--brand--color-1); } #secondary .widget_product_categories ul li .count, #secondary .widget_product_categories ul li.current-cat.cat-parent .count { display: none; } */ .left-sidebar .widget-area { width: 100%; padding-bottom: var(--space--m); margin: 0 0 var(--space--m) 0; border-bottom: 0px solid var(--border--color-1--tint-1); } .left-sidebar .content-area { width: 100%; } .widget_product_categories ul .current-cat-parent ul a, .widget_product_categories ul .current-cat ul.children a { font-weight: var(--font-weight--700); } /* NEW */ #secondary .widget_product_categories ul.product-categories { margin: 0 calc(0px - var(--site-gutter)); } #secondary .widget_product_categories ul li { display: none; margin-bottom: 0; } #secondary .widget_product_categories ul li .count { display: none; } #secondary .widget_product_categories ul.children { display: flex !important; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; margin: 0 0 0 0; gap: var(--space--xs); } #secondary .widget_product_categories li.current-cat ul.children, #secondary .widget_product_categories ul.children ul.children { margin: 0; padding-right: var(--site-gutter); } #secondary .widget_product_categories ul.children ul.children .current-cat { order: -1; } #secondary .widget_product_categories ul.children li { margin-bottom: 0; margin-right: 0; } /* #secondary .widget_product_categories ul.children li:last-of-type { margin-right: 0; } */ /* #secondary .widget_product_categories ul.children li:not(.current-cat.cat-parent, .current-cat-parent):first-of-type { margin-left: 0; } */ /* #secondary .widget_product_categories > ul li > ul.children ul.children li:nth-of-type(n+2).current-cat { margin-left: 0; } */ #secondary .widget_product_categories > ul > li.current-cat.cat-parent > ul.children li:first-of-type { margin-left: var(--site-gutter); } #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > ul.children > li.current-cat.cat-parent > ul.children li:first-of-type { margin-left: var(--site-gutter); } #secondary .widget_product_categories > ul li > ul.children ul.children li { margin-left: 0; } #secondary .widget_product_categories > ul li > ul.children li.current-cat:not(.cat-parent) { margin-left: var(--site-gutter); } /* #secondary .widget_product_categories ul.children li:last-of-type:not(.current-cat) { margin-right: var(--site-gutter); } */ #secondary .widget_product_categories ul li ul.children li.current-cat:not(.cat-parent) a { font-weight: var(--font-weight--400); } #secondary .widget_product_categories ul li ul.children li.current-cat:not(.cat-parent) a::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: .1875rem; background-color: var(--brand--color-1); } /* #secondary .widget_product_categories > ul > li > ul.children > li:first-of-type { margin-left: var(--site-gutter); } */ /* #secondary .widget_product_categories > ul li.current-cat.cat-parent > a, #secondary .widget_product_categories > ul li.current-cat.cat-parent > a { display: none; } */ #secondary .widget_product_categories > ul li.current-cat.cat-parent { display: flex; } #secondary .widget_product_categories > ul li.cat-parent.current-cat-parent > ul.children li.current-cat { display: flex; } /* #secondary .widget_product_categories > ul li.current-cat.cat-parent > ul.children { padding-left: var(--site-gutter); } */ /* #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > ul.children, #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > ul.children > li.current-cat.cat-parent > ul.children, #secondary .widget_product_categories > ul > li.current-cat.cat-parent > ul.children { padding-left: var(--site-gutter); } */ #secondary .widget_product_categories > ul li.current-cat.cat-parent > ul.children li { display: flex; } /* #secondary .widget_product_categories > ul li.cat-parent.current-cat-parent > a { display: none; } */ #secondary .widget_product_categories > ul li.cat-parent.current-cat-parent > ul.children li a, #secondary .widget_product_categories > ul li.current-cat.cat-parent > ul.children li a { padding: var(--space--s) var(--space--m); border: 1px solid var(--border--color-1--tint-1); font-size: 1em; } #secondary .widget_product_categories ul li.cat-parent.current-cat-parent { display: block; margin-right: 0; } /* #secondary .widget_product_categories ul > li.cat-parent.current-cat-parent ul.children > li { display: flex; } */ #secondary .widget_product_categories ul li.cat-parent.current-cat-parent ul.children > li.current-cat.cat-parent > a { color: var(--brand--color-1); font-weight: var(--font-weight--600); } /* #secondary .widget_product_categories ul > li.cat-parent.current-cat-parent > ul.children > li:not(.current-cat-parent) { display: none; } #secondary .widget_product_categories ul > li.cat-parent.current-cat-parent > ul.children > li.cat-parent.current-cat-parent > ul.children > li { display: flex; } */ /* #secondary .widget_product_categories > ul li.current-cat.cat-parent > a, #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > ul.children > li:not(.cat-parent.current-cat-parent, .current-cat.cat-parent) > a, #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > ul.children > li.current-cat.cat-parent ~ li > a, #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > ul.children > li.cat-parent.current-cat-parent ~ li > a { display: none; } */ #secondary .widget_product_categories > ul li.current-cat.cat-parent > a /* #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > ul.children > li:not(.current-cat.cat-parent) */ { display: none; } /* #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > ul.children > li.current-cat.cat-parent ~ li > a, #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > ul.children > li.cat-parent.current-cat-parent ~ li > a { display: none; } */ /* #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > ul.children > li.cat-parent.current-cat-parent { --_offset: 2.125rem; margin-top: var(--_offset); } */ /* #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > ul.children > li.current-cat.cat-parent ~ li > a, #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > ul.children > li.cat-parent.current-cat-parent ~ li > a { order: 0; display: none; } */ /* #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > ul.children > li.current-cat.cat-parent, #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > ul.children > li.cat-parent.current-cat-parent { order: -1; margin-left: var(--site-gutter); } */ #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > ul.children > li.current-cat.cat-parent { position: relative; flex-direction: column; } #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > ul.children > li.cat-parent.current-cat-parent { --_offset: 2.125rem; padding-top: var(--_offset); position: relative; flex-direction: column; width: 100%; } #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > ul.children > li.cat-parent.current-cat-parent > a { position: absolute; top: 0; padding: 0; border: 0; margin-left: var(--site-gutter); margin-right: auto; color: var(--brand--color-1); background: var(--color--white); text-decoration: underline; } /* #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > ul.children > li.cat-parent.current-cat-parent > ul.children { padding-top: calc(var(--_offset) * -1); } */ #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > ul.children > li.cat-parent.current-cat-parent > ul.children > li { display: flex; } #secondary .widget_product_categories ul li.current-cat.cat-parent > a { padding-bottom: 1rem; padding-left: var(--space--m); } /* #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent { position: relative; z-index: -1; } #secondary .widget_product_categories > ul > li.cat-parent.current-cat-parent > a { isolation: isolate; } */ /* #secondary .widget_product_categories ul a { color: var(--text--color-1); font-size: var(--font-size--copy); position: relative; } */ /* #secondary .widget_product_categories ul .current-cat a { color: var(--brand--color-1); font-weight: var(--font-weight--600); } */ #secondary .widget_product_categories ul .current-cat-parent a { color: var(--text--color-1); font-weight: var(--font-weight--500); } /* #secondary .widget_product_categories ul .current-cat-parent .current-cat a { color: var(--brand--color-1); font-weight: var(--font-weight--600); } */ #secondary .widget_product_categories ul .cat-parent.current-cat-parent > a { color: var(--text--color-1); font-weight: var(--font-weight--500); } #secondary .widget_product_categories ul .cat-parent.current-cat-parent .current-cat > a { color: var(--brand--color-1); font-weight: var(--font-weight--500); } #secondary .widget_product_categories ul .current-cat-parent ul a, .widget_product_categories ul .current-cat ul.children a { color: var(--text--color-1); font-size: .9375em; font-weight: var(--font-weight--400); } /* #secondary .widget_product_categories > ul.children { max-height: 76px; } */ /* #secondary .widget_product_categories ul li.current-cat.cat-parent>a { display: block; } */ /* #secondary .widget_product_categories ul li.current-cat-parent>a { position: relative; padding-left: calc(.875em + .25em); margin-bottom: .8889em; margin-left: 0; font-weight: var(--font-weight--500); } #secondary .widget_product_categories ul li.current-cat-parent>a:before { position: absolute; content: '\f060'; font-family: var(--icon-font); top: 0; left: 0; font-size: var(--font-size--copy-small); line-height: 1.15em; } */ /* #secondary .widget_product_categories ul li.current-cat.cat-parent { height: 42px; } */ /** Frontpage Slider **/ .vwc-cl_front-page-slider .vwc-cl_banner-placeholder { background-color: var(--brand--color-2); } .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info .button { font-size: .875em; } /* Page - Product */ .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table tr td { padding-left: 1em; } /* Page - Account */ /* Dashboard */ .left-sidebar:not(.page-template-template-fullwidth-php) .woocommerce-MyAccount-navigation { width: 100%; padding-bottom: var(--space--section); } .left-sidebar:not(.page-template-template-fullwidth-php) .woocommerce-MyAccount-content { width: 100%; } .hentry .entry-content .woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; margin: 0; } /* Page - Default pages (Content and Submenu sidebar - same styling as Account dashboard) */ .vwc-cl_content-wrapper #vwc-cl_side-bar-nav { margin-bottom: var(--space--section-inner); } .vwc-cl_content-wrapper #vwc-cl_side-bar-nav ul { display: flex; flex-wrap: wrap; } /* Page - Cart & checkout */ .woo-cart-wrap-inner { margin-bottom: var(--space--section); } /* FOOTER */ .footer-widgets.col-4 .footer-widget-1 { width: 100%; } .footer-widgets .footer-widget-1 ul li { display: flex; margin-right: 1em; } .footer-widgets .footer-widget-1 ul li:last-of-type { margin-right: 0; } .footer-widgets .footer-widget-1 ul li:first-of-type { width: 100%; } .footer-widgets .footer-widget-1 ul li.blank { display: none; } .footer-bar .col-full div:last-of-type { width: 100%; margin: 1.5em 0 0 0; text-align: center; } #footer-bar-menu { margin-right: 0; } } @media (min-width: 920px) and (max-width: 1023px) { /* HEADER */ .site-header { padding: calc(var(--site-gutter) + var(--site-header-topbar--height)) 0 var(--site-gutter) 0; } .storefront-primary-navigation { top: calc(var(--site-gutter) + var(--site-header-topbar--height)); } } @media (min-width: 1024px) { :root { --font-size--h1: clamp(3.5rem, calc(3.5rem + ((1vw - 0.64rem) * 0.9615)), 3.75rem); --font-size--h1-subheading: clamp(1.3125rem, calc(1.3125rem + ((1vw - 0.64rem) * 0.7212)), 1.5rem); --font-size--h1-product: 2.25em; --font-size--h2-section-heading: 2.25em; --font-size--product-subtitle: 1.25em; --site-gutter: 1.25rem; --space--site-breadcrumbs: var(--space--l); --space--site-content: 3.5rem; --space--section: 3.5rem; --space--section-inner: 3rem; --space--section-inner--children: 2.5rem; --space--block: 1.5rem; --site-logo--width: auto; --site-logo--height: 3.5rem; --site-logo--height--scrolled: 2.5rem; --site-logo--offset: 0rem; --site-search--height: 2.5rem; --site-search--height--scrolled: 2.5rem; --site-header-gutter: .75rem; --site-header-gutter--scrolled: .75rem; --site-nav-item--font-size: calc(var(--font-size--copy) + .0625em); --site-nav-item--line-height: 1; --site-nav-item--margin: .3125rem; --site-nav-item--padding-top: .53125rem; --site-nav-item--padding-bottom: calc(var(--site-nav-item--padding-top) + var(--site-nav-item--margin)); --site-nav-item--padding-bottom--scrolled: calc(var(--site-nav-item--padding-top) + var(--site-nav-item--margin)); --site-nav-item--padding-left: 1rem; --site-nav-item--padding-right: 1rem; --site-nav--border: 0rem; --site-nav--gap: 0; --site-nav--height: calc(var(--site-nav-item--font-size) + var(--site-nav-item--margin) + var(--site-nav-item--padding-top) + var(--site-nav-item--padding-bottom) + var(--site-nav--border)); --site-page--offset: calc(var(--site-header-topbar--height) + max(2.5rem, var(--site-logo--height)) + (var(--site-header-gutter) * 2) + var(--site-nav--height)); --grid-column--space: 1.5rem; --grid-column--width: calc((100% - (var(--grid-column--space) * 3)) / 4); --grid-row--space: calc(var(--grid-column--space) * 1); --category-column--count: 4; --frontpage-banner--height: clamp(25.6rem, 40vw, 36rem); --page-banner--height: clamp(18.4888889rem, 28.8888889vw, 26rem); --page-banner--info-offset: clamp(2rem, 3.333vw, 3rem); --art-border--height: 0rem; --block--border-radius: 0 0 3.5rem 0; } /* STRUCTURE */ /* #primary .width-s { padding-left: 0; } REMOVE? */ .archive #secondary .widget_product_categories, .woocommerce-account #primary .woocommerce-MyAccount-navigation { position: sticky; top: var(--sticky-nav); } /* HEADER */ .site-header { padding: 0; } .site-header .col-full { padding: calc(var(--site-header-gutter) + var(--site-header-topbar--height)) var(--site-gutter) var(--site-header-gutter) var(--site-gutter); } .main-navigation .primary-navigation > ul { gap: var(--site-nav--gap); } .main-navigation ul ul li a { width: 100%; } .main-navigation ul.menu ul, .main-navigation ul.nav-menu ul { padding: .75rem 0; border-radius: 0 0 16px 0; } .main-navigation ul.menu ul li ul, .main-navigation ul.nav-menu ul li ul { padding-top: 0; } .main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a { padding: .75em 0 .5em 0; font-size: 1em; font-weight: var(--font-weight--500); line-height: 1; } .main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li.focus, .main-navigation ul.menu ul li:hover>a, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li.focus, .main-navigation ul.nav-menu ul li:hover>a { background-color: transparent; } .main-navigation ul.menu>li, .main-navigation ul.nav-menu>li { padding: 0; } .main-navigation ul.menu>li:last-of-type, .main-navigation ul.nav-menu>li:last-of-type { margin-left: auto; } .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a, .main-navigation ul.nav-menu>li ul li>a { font-size: var(--site-nav-item--font-size); transition: all ease var(--transition-duration); } .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a { position: relative; margin-top: var(--site-nav-item--margin); padding: var(--site-nav-item--padding-top) var(--site-nav-item--padding-right) var(--site-nav-item--padding-bottom) var(--site-nav-item--padding-left); line-height: var(--site-nav-item--line-height); border-radius: 3px 3px 0 0; } .main-navigation ul.menu>li:first-of-type a, .main-navigation ul.nav-menu>li:first-of-type a { padding-left: 0;} .main-navigation ul.menu>li:last-of-type a, .main-navigation ul.nav-menu>li:last-of-type a { padding-right: 0; } .main-navigation ul.nav-menu li ul li ul li a { font-size: .9375em; padding: .375em 0em; font-weight: var(--font-weight--400); } .main-navigation ul.menu, .main-navigation ul.nav-menu { margin-left: 0; display: flex; } .main-navigation ul.menu li.current-menu-item>a, .main-navigation ul.menu li.current_page_ancestor>a, .main-navigation ul.menu li.current_page_ancestor .current-menu-item>a, .tax-product_cat .main-navigation ul.menu li.menu-item-49>a { color: var(--color--white); } .main-navigation ul.menu li.current-menu-item>a:before, .main-navigation ul.menu li.current_page_ancestor>a:before, .tax-product_cat .main-navigation ul.menu li.menu-item-49>a:before { content: ""; position: absolute; bottom: 0; left: var(--site-nav-item--padding-left); width: calc(100% - var(--site-nav-item--padding-left) - var(--site-nav-item--padding-right)); height: .1875rem; background-color: var(--color--light-blue); display: block; -webkit-transition: background-color ease .2s; transition: background-color ease .2s; } .main-navigation ul.menu ul li.menu-item-has-children>a::after, .main-navigation ul.menu ul li.page_item_has_children>a::after, .main-navigation ul.nav-menu ul li.menu-item-has-children>a::after, .main-navigation ul.nav-menu ul li.page_item_has_children>a::after { content: ''; } .main-navigation ul.menu li:first-of-type.current-menu-item>a:before, .main-navigation ul.menu li:last-of-type.current-menu-item>a:before { width: calc(100% - var(--site-nav-item--padding-left)); } .main-navigation ul.menu li:first-of-type.current-menu-item>a:before { left: 0; } .main-navigation ul.menu li:last-of-type.current-menu-item>a:before { left: var(--site-nav-item--padding-left); } .main-navigation ul.menu li.current-menu-item:before, .main-navigation ul.menu li.current-menu-parent:before { opacity: 1; } .main-navigation ul.menu li.current_page_ancestor .current-menu-parent:before { opacity: 0; } .main-navigation ul.menu li.current-menu-parent ul li a:before, .main-navigation ul.menu li ul li.current-product_cat-ancestor a:before { width: 0; height: 0; } .main-navigation ul li, .secondary-navigation ul li { opacity: 1; -webkit-transition: opacity ease .2s, background-color ease .2s; transition: opacity ease .2s, background-color ease .2s; } .main-navigation ul li.focus>ul, .main-navigation ul li:hover>ul, .secondary-navigation ul li.focus>ul, .secondary-navigation ul li:hover>ul { opacity: 1; -webkit-transition: left ease 0s, opacity ease .2s; transition: left ease 0s, opacity ease .2s; } .woocommerce-active .site-header .site-search { flex: 0 0 42%; order: 0; margin-left: 4%; } .woocommerce-active .site-header .site-branding { flex: 0 0 25%; } .woocommerce-active .site-header .main-navigation { width: 100%; margin: 0; float: none; } .site-header .site-branding, .storefront-secondary-navigation.woocommerce-active .site-header .site-branding, .storefront-secondary-navigation .site-header .site-branding, .woocommerce-active .site-header .site-branding { margin-right: 0; } .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation { margin-right: 0; } .custom-logo-link, .site-branding, .site-header-cart, .site-logo-anchor, .site-logo-link, .site-search { margin-bottom: 0; } .secondary-navigation { margin-bottom: 0; line-height: unset; } .secondary-navigation .menu { font-size: var(--font-size--copy); } .secondary-navigation .menu a { padding: 0; } .secondary-navigation ul.menu li.current-menu-item > a, ul.site-header-cart.menu li.current-menu-item > a { color: var(--text--color-1); } .main-navigation ul.menu>li.menu-item-has-children>a:after, .main-navigation ul.menu>li.page_item_has_children>a:after, .main-navigation ul.nav-menu>li.menu-item-has-children>a:after, .main-navigation ul.nav-menu>li.page_item_has_children>a:after { margin-left: .25em; vertical-align: bottom; } /* Mega menu full width */ .main-navigation ul li.has-mega-menu { position: static; } .main-navigation ul li.has-mega-menu>a { background-color: var(--brand--color-1); -webkit-transition: background-color ease .2s, color ease .2s; transition: background-color ease .2s, color ease .2s, -webkit-text-stroke ease .2s; } .main-navigation ul li:hover.has-mega-menu>a { background-color: var(--color--white); color: var(--brand--color-1); } .main-navigation ul li:hover.has-mega-menu>a::after { -webkit-text-stroke-color: var(--color--white); transition: -webkit-text-stroke ease .2s; } .main-navigation ul li.has-mega-menu>.sub-menu-wrap { position: absolute; top: 100%; left:-9999px; width: 100%; z-index: 100; background-color: var(--color--white); opacity: 0; -webkit-transition: left ease 0s .2s, opacity ease .2s; transition: left ease 0s .2s, opacity ease .2s; } .main-navigation ul li.has-mega-menu:hover>.sub-menu-wrap { left:0px; opacity: 1; -webkit-transition: opacity ease .2s; transition: opacity ease .2s; } .main-navigation ul li.has-mega-menu .sub-menu { position: relative; top: auto; left:auto; width: 100%; } .main-navigation ul li.has-mega-menu .sub-menu-wrap>.sub-menu, .main-navigation ul li.has-mega-menu:hover .sub-menu-wrap>.sub-menu, .main-navigation ul li.has-mega-menu .sub-menu-wrap>.nav-footer { display: flex; flex-direction: row; flex-wrap: wrap; max-width: var(--max-width); margin: 0 auto; padding: var(--site-gutter); float: none; } .main-navigation ul li.has-mega-menu .sub-menu-wrap>.nav-footer { padding: 0 var(--site-gutter); color: var(--text--color-1); font-size: .9375em; } .main-navigation ul li.has-mega-menu .sub-menu-wrap>.nav-footer>div { width: 100%; padding: .75rem 0 1.5rem 0; border-top: 1px solid var(--border--color-1--tint-2); } .main-navigation ul li.has-mega-menu .sub-menu-wrap>.nav-footer>div a { display: inline-block; padding: 0; color: var(--brand--color-3); text-decoration: underline; } .main-navigation ul ul.sub-menu--is-touch-device, .secondary-navigation ul ul.sub-menu--is-touch-device { display: block; } .main-navigation .site-overlay { position: absolute; top: 100%; left: 0; height: 100vh; width: 100%; background-color: var(--overlay--color); z-index: -1; pointer-events: none; } .main-navigation ul.menu li:hover.has-mega-menu.current-menu-item>a:before, .main-navigation ul.menu li:hover.has-mega-menu.current-menu-parent>a:before, .main-navigation ul.menu li:hover.has-mega-menu.current_page_ancestor>a:before { background-color: var(--color--white); } .main-navigation ul.menu li:hover.has-mega-menu.current-menu-item>a, .main-navigation ul.menu li:hover.has-mega-menu.current-menu-parent>a, .main-navigation ul.menu li:hover.has-mega-menu.current_page_ancestor>a, .main-navigation ul.menu li:hover.has-mega-menu.current_page_ancestor .current-menu-item>a { color: var(--brand--color-1); } .main-navigation ul li>ul li>ul, .main-navigation ul li:hover>ul li>ul, .main-navigation ul li.focus>ul li>ul, .secondary-navigation ul li:hover>ul li>ul, .secondary-navigation ul li.focus>ul li>ul { left: auto; top: auto; position: relative; } .main-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device, .main-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device, .secondary-navigation ul li:hover>ul li>ul.sub-menu--is-touch-device, .secondary-navigation ul li.focus>ul li>ul.sub-menu--is-touch-device { display: block; left: auto; } .main-navigation ul li:hover>ul li:hover>ul, .main-navigation ul li:hover>ul li.focus>ul, .main-navigation ul li.focus>ul li:hover>ul, .main-navigation ul li.focus>ul li.focus>ul, .secondary-navigation ul li:hover>ul li:hover>ul, .secondary-navigation ul li:hover>ul li.focus>ul, .secondary-navigation ul li.focus>ul li:hover>ul, .secondary-navigation ul li.focus>ul li.focus>ul { left: auto; top: auto; } .main-navigation ul ul li.mega-menu-column, .secondary-navigation ul ul li.mega-menu-column { width: 20% } .main-navigation ul li.has-mega-menu ul li a { font-size: 1.0625em; color: var(--color--black); } .main-navigation ul li.has-mega-menu ul li a:hover { color: var(--brand--color-1); } .main-navigation ul li.has-mega-menu ul li ul li a { color: var(--text--color-1); } .main-navigation ul.menu li.has-mega-menu.current_page_ancestor .sub-menu .current-menu-item>a { color: var(--brand--color-1);} .main-navigation ul.menu li.has-mega-menu.current_page_ancestor .sub-menu ul li.current-menu-item>a { position: relative; padding-left: 0; } .main-navigation .mega-menu-column img { display: none; padding: .75em 2.5rem 0 0; } /* MAIN */ /* Page - multiple pages */ .site-main ul.products.columns-3 li.product { --grid-column--width: calc((100% - (var(--grid-column--space) * 2)) / 3); } .home-php .site-main ul.products.columns-4 li.product { --grid-row--space: 0; } .cross-sells ul { row-gap: var(--grid-row--space); } .cross-sells ul li { --grid-row--space: 0; } .vwc-cl_col-left { padding-right: 1.5rem; } .vwc-cl_col-right { padding-left: 1rem; } /* Page banner */ .page-banner, .page-banner .banner-img { height: 16.5rem; } /* Page - Shop */ body.vwc-cl_main-shop-page.left-sidebar .content-area { width: 100%; } .vwc-cl_main-shop-page .site-main ul.products[class*="columns-"] li.product-category { --grid-column--width: calc((100% - (var(--grid-column--space) * 3)) / 4); } /* Page - Product archive */ .left-sidebar .widget-area { width: var(--grid-column--width); margin-top: .8125rem; margin-right: var(--grid-column--space); border-bottom: 0px solid var(--border--color-1--tint-1); } .tax-product_cat.left-sidebar #primary { width: calc(100% - (var(--grid-column--width) + var(--grid-column--space))); } .woocommerce-products-header__title { margin-bottom: calc(var(--space--xl) - .625rem); } /* .widget_product_categories ul .current-cat-parent a { color: var(--brand--color-1); } */ .widget_product_categories ul li { margin-bottom: .625em; } .widget_product_categories ul .children { margin-top: .625em; margin-bottom: .625em; } .widget_product_categories ul .current-cat-parent ul a, .widget_product_categories ul .current-cat ul.children a { display: inline-block; width: 82%; } /* Page - Product */ .single-product div.product .woocommerce-product-gallery, .single-product div.product .summary { width: calc(50% - var(--space--xl)); } .woocommerce-Tabs-panel #comments { width: 50%; } .woocommerce-tabs .panel { padding: var(--space--2xl) var(--space--l) var(--space--l) var(--space--l); } .woocommerce-tabs ul.tabs li a { padding: var(--space--xs) var(--space--l) var(--space--s) var(--space--l); } .woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information table tr th { width: 14.875rem; } /* Page - Account */ /* Dashboard */ .left-sidebar:not(.page-template-template-fullwidth-php) .woocommerce-MyAccount-navigation { float: left; width: var(--grid-column--width); margin-right: var(--grid-column--space); padding-right: 0; } .left-sidebar:not(.page-template-template-fullwidth-php) .woocommerce-MyAccount-content { width: calc(100% - var(--grid-column--width) - var(--grid-column--space)); margin-right: 0; padding-left: 0; } .hentry .entry-content .woocommerce-MyAccount-navigation ul li { border-bottom: 0; } .hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a { padding: 0 0 var(--space--3xs) 0; } .woocommerce-MyAccount-navigation ul li.is-active a::after { width: 0; height: 0; } .logged-in.woocommerce-edit-address .woocommerce-MyAccount-content form, .logged-in.woocommerce-edit-account .woocommerce-MyAccount-content form { max-width: none; width: calc(((100% - (var(--grid-column--space) * 2)) / 3) * 2 + var(--grid-column--space)); } table.my_account_orders { margin-top: -.5625rem; } /* Page - Cart and checkout */ .woocommerce-cart-form, .cart-collaterals { margin-left: unset; margin-right: unset; } .woo-cart-wrap, .woo-cart-wrap-inner { display: flex; } .woo-cart-wrap { flex-direction: row; } .woo-cart-wrap-inner { flex-direction: column; width: 66.6667%; padding-right: var(--space--section-inner); } .woo-cart-wrap .cart-collaterals { width: 33.3333%; padding-left: var(--space--section-inner); } .woocommerce .cart-collaterals h2 { margin-top: .375em; } .cart-collaterals .cart_totals { position: sticky; top: var(--sticky-nav); } form.checkout .col2-set { padding-right: 1.5rem; } form.checkout #order_review, form.checkout #order_review_heading { padding-left: 1rem; } /* Page - Default pages (Content and Submenu sidebar - same styling as Account dashboard) */ .vwc-cl_content-wrapper { display: flex; flex-wrap: wrap; } .vwc-cl_content-wrapper #vwc-cl_side-bar-nav { width: var(--grid-column--width); margin-right: var(--grid-column--space); } .vwc-cl_content-wrapper .entry-content { width: calc(100% - var(--grid-column--width) - var(--grid-column--space)); margin-right: 0; padding-left: 0; } .vwc-cl_content-wrapper.side-bar .vwc-cl_content { width: calc(100% - var(--grid-column--width) - var(--grid-column--space)); padding-left: 0; } .vwc-cl_content-wrapper.side-bar .entry-content { width: calc(((100% - (var(--grid-column--space) * 2)) / 3) * 2 + var(--grid-column--space)); padding: 0; } .vwc-cl_content-wrapper #vwc-cl_side-bar-nav ul li { border-bottom: 0; } .vwc-cl_content-wrapper #vwc-cl_side-bar-nav ul li a { padding: 0 0 .25em 0; } .vwc-cl_content-wrapper #vwc-cl_side-bar-nav ul li.current_page_item a::after { width: 0; height: 0; } /* Page - Home */ /* frontpage banner */ /* #vwc-cl_frontpage-banner .banner-info h1 { max-width: 20ch; } */ /* Frontpage slider */ .vwc-cl_front-page-slider .flexslider, .vwc-cl_front-page-slider .slides li { height: calc(26.25rem + ((1vw - 0.64rem) * 14.4231)); } .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info h1:after { left: 0; transform: translateX(0); } .vwc-cl_front-page-slider .vwc-cl_front-page-slider-info .button { margin: .75em .75em 0 0;} .vwc-cl_front-page-slider .flex-direction-nav li a { font-size: 1.75em; } /* .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-prev a { padding: .625rem .8125rem .625rem .8125rem; } .vwc-cl_front-page-slider .flex-direction-nav li.flex-nav-next a { padding: .625rem .75rem .625rem .875rem; } */ /* Section - Quickfinder Materiaal */ #vwc-cl_section_qf_materiaal .prdctfltr_checkboxes { column-count: 3; } #vwc-cl_section_qf_materiaal h2, #vwc-cl_section_qf_materiaal p { padding-left: 2.5rem; } #vwc-cl_section_qf_materiaal h2:after { left: 2.5rem; } #vwc-cl_section_qf_materiaal .prdctfltr_sc { padding: 2.5rem; } /* #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_sc { padding: 1rem 1.25rem 1.25rem 1.25rem; } */ #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero .prdctfltr_pa_materiaal::after { top: 7.5rem; bottom: unset; left: 100%; width: 9.5rem; height: 3.25rem; border-top: 0; border-left: 0; border-radius: 0 0 .5rem 0; text-align: right; text-indent: calc(100% - .465em); --clip-path: inset(-10rem -10rem 0 4.75rem); --size-a: -3.5rem; --size-b: 4.625rem; box-shadow: var(--size-b) var(--size-a) 0px 0px rgba(var(--box-shadow),var(--box-shadow-opacity)); clip-path: var(--clip-path); transform: translateX(-50%); } /* Section - Lijmwijzer (below QF Materiaal) */ #vwc-cl_section_qf_materiaal p.vwc-cl_section_lijmwijzer { font-size: 1.3125em; } /* Section - Quickfinder Toepassingsgebied */ #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_image .prdctfltr_customize_block .prdctfltr_customize_image_text_tip { font-size: 1.125em; } #vwc-cl_section_qf_toepassingsgebied .prdctfltr_description .vwc-cl_pf-container { display: block; } /* Section - Quickfinder Materiaal/Toepassingsgebied */ #vwc-cl_section_qf_materiaal p, #vwc-cl_section_qf_toepassingsgebied p { font-size: 1em; } #vwc-cl_section_qf_materiaal .prdctfltr_wc .prdctfltr_description, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc .prdctfltr_description { font-size: 1em; } #vwc-cl_section_qf_materiaal.vwc-cl_pf--hero p:not(.vwc-cl_section_lijmwijzer) { text-align: center; line-height: 2rem; } /* Section - Info Categories */ .home .vwc-cl_categorieen .vwc-cl_block { margin-bottom: 1.25em; } /* Page - Lijmwijzer */ .vwc-cl_page-lijmwijzer .site-main ul.products li.product { --grid-column--width: calc((100% - (var(--grid-column--space) * 1)) / 2); } .vwc-cl_page-lijmwijzer .site-main ul.products li.product:last-child { margin-right: 0; } /* PRODUCT FILTER */ .site-content .prdctfltr_buttons .prdctfltr_reset { margin-left: .5em; } .site-content .prdctfltr_wc_regular.prdctfltr_wc.prdctfltr_woocommerce.prdctfltr_scroll_default .prdctfltr_terms_customized_select .prdctfltr_add_scroll, .site-content .prdctfltr_wc.prdctfltr_woocommerce.pf_select.prdctfltr_scroll_default .prdctfltr_add_scroll { width: 18.75rem; } #vwc-cl_section_qf_materiaal .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_wc_regular .prdctfltr_terms_customized_select.prdctfltr_filter .prdctfltr_regular_title { width: 18.75rem; } #vwc-cl_section_qf_materiaal .prdctfltr_product_cat .prdctfltr_aftertitle, #vwc-cl_section_qf_toepassingsgebied .prdctfltr_product_cat .prdctfltr_aftertitle { width: 18.75rem; } /* FOOTER */ .footer-bar { padding: .875rem 0; } .footer-widgets.col-4 .block { width: var(--grid-column--width); } } @media (min-width: 1264px) { /* Frontpage Slider */ /* .vwc-cl_hero-content-slim .vwc-cl_front-page-slider .flex-direction-nav { left: 50%; transform: translateX(-50%); } */ } @media (min-width: 1440px) { :root { --frontpage-banner--height: 36rem; --page-banner--height: 26rem; --page-banner--info-offset: 3rem; } /* Frontpage Slider */ .vwc-cl_front-page-slider .flexslider, .vwc-cl_front-page-slider .slides li { height: 30rem; } } @media (min-width: 1920px) { :root { font-size: .83333vw; } /* Frontpage Slider */ .vwc-cl_front-page-slider .flexslider, .vwc-cl_front-page-slider .slides li { height: 25vw; } /* Product filter */ .site-content .prdctfltr_wc_regular.prdctfltr_wc.prdctfltr_woocommerce.prdctfltr_scroll_default .prdctfltr_terms_customized_select .prdctfltr_add_scroll .prdctfltr_checkboxes { height: 14.58333vw; } }