/*** basic style v1 ***/ :root { --global-fs: 1.6rem; --global-lh: 2.4rem; --ts-100: 1000ms; --ts-95: 950ms; --ts-90: 900ms; --ts-85: 850ms; --ts-80: 800ms; --ts-75: 750ms; --ts-70: 700ms; --ts-65: 650ms; --ts-60: 600ms; --ts-55: 550ms; --ts-50: 500ms; --ts-45: 450ms; --ts-40: 400ms; --ts-35: 350ms; --ts-30: 300ms; --ts-25: 250ms; --ts-20: 200ms; --ts-15: 150ms; } /*** Disable animations & transitions ***/ @media (prefers-reduced-motion) { *, *::before, *::after { transition: 0s; animation: none; } :root { --ts-100: 0; --ts-95: 0; --ts-90: 0; --ts-85: 0; --ts-80: 0; --ts-75: 0; --ts-70: 0; --ts-65: 0; --ts-60: 0; --ts-55: 0; --ts-50: 0; --ts-45: 0; --ts-40: 0; --ts-35: 0; --ts-30: 0; --ts-25: 0; --ts-20: 0; --ts-15: 0; } } *, *::before, *::after { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; box-sizing: border-box; margin: 0; padding: 0; font-size: var(--global-fs); line-height: var(--global-lh); color: rgb(var(--wpb-text)); } html { font-size: 10px; height: -webkit-fill-available; scroll-behavior: smooth; } .wpb-body { min-height: 100dvh; min-height: -webkit-fill-available; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wpb-body.--no-scroll { overflow: hidden; } .wpb-pagewrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /*** Images ***/ .wpb-image img { border-radius: .5rem; } .wpb-image figcaption { display: block; padding-top: .5rem; font-size: 1.4rem; } img { display: block; width: 100%; height: auto; } /*** ---------- Containers ---------- ***/ .container, .container-fluid { --wpb-width: 100%; --wpb-padding: 2rem; width: 100%; max-width: var(--wpb-width); margin-left: auto; margin-right: auto; padding-left: var(--wpb-padding); padding-right: var(--wpb-padding); position: relative; } .wpb-width__large .container { --wpb-width: 1831px; } @media (min-width: 576px) { body { --wp--style--global--content-size: 540px; } .container { --wpb-width: 540px; } } @media (min-width: 768px) { body { --wp--style--global--content-size: 720px; } .container { --wpb-width: 720px; } } @media (min-width: 992px) { body { --wp--style--global--content-size: 960px; } .container { --wpb-width: 960px; } } @media (min-width: 1200px) { body { --wp--style--global--content-size: 1140px; } .container { --wpb-width: 1140px; } .wpb-width__small .container { --wpb-width: 960px; } .wpb-width__medium .container { --wpb-width: 1030px; } } @media (min-width: 1400px) { body { --wp--style--global--content-size: 1320px; } .container { --wpb-width: 1320px; } .wpb-width__small .container { --wpb-width: 960px; } .wpb-width__medium .container { --wpb-width: 1270px; } } @media (min-width: 1600px) { body { --wp--style--global--content-size: 1480px; } .container { --wpb-width: 1480px; } .wpb-width__small .container { --wpb-width: 960px; } .wpb-width__medium .container { --wpb-width: 1270px; } } /*** ---------- Sections ---------- ***/ section { background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; } .has-background-image { position: relative; } .has-background-image::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 25%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,1) 100%);; border-radius: inherit; } .has-background-image .wpb-text :is(h1, h2, h3, h4, h5, p, ul, ol, .wpb-breadcrumbs, em) { color: #fff; } .has-background-image .container { z-index: 1; } .has-background-image .wpb-text { z-index: 1; position: relative; } img.is-background-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%!important; object-fit: cover; } figure.is-background-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } figure.is-background-image img { width: 100%; height: 100%!important; object-fit: cover; } .wpb-section__header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1.6rem; } .wpb-section__header .wpb-text { margin: 0; } /*** ---------- Background colors ---------- ***/ .wpb-bg-color__transparent { background-color: transparent; } .wpb-bg-color__white { background-color: #fff; } .wpb-bg-color__grey { background-color: #f2f2f2; } /*** ----- Typography ----- ***/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: rgb(var(--wpb-text)); font-size: var(--fs); line-height: var(--lh); } h1, .h1 { --fs: clamp(2.8rem, 5vw, 3.6rem); --lh: 1.15; } h2, .h2 { --fs: clamp(2rem, 4vw, 2.8rem); --lh: 1.15; } h3, .h3 { --fs: clamp(1.8rem, 2.5vw, 2.2rem); --lh: 1.15; } h4, .h4 { --fs: 1.8rem; --lh: 2rem; } h5, .h5 { --fs: 1.6rem; --lh: 1.15; } h6, .h6 { --fs: 1.4rem; --lh: 1.15; } .wpb-text > * + *:not(.btn .blockquote) { margin-top: 1em; } .wpb-text :is(ul:not(.woocommerce-MyAccount-navigation ul), ol) { padding-left: 2rem; } .wpb-text :is(ul, ol) li { font: inherit; } .wpb-text a:not(.btn) { font: inherit; text-underline-offset: .25rem; } .wpb-text blockquote { border-left: 4px solid #f2f2f2; padding-left: 1.6rem; } strong, strong * { font: inherit; font-weight: 700; color: inherit; } em, em * { color: inherit; } /*** ---------- Buttons ---------- ***/ .btn, .gform_button, .gform_next_button, .gform_previous_button, .button { --font-size: 1.6rem; --line-height: 1; --padding: 1.25rem 2rem; --border-radius: .35rem; --color: 255,255,255; --bg-color: 0,0,0; --border: 1px solid rgb(0,0,0); --box-shadow: none; --hover-color: var(--color); --hover-bg-color: var(--bg-color); --hover-border: var(--border); --hover-box-shadow: var(--box-shadow); --focus-color: var(--hover-color); --focus-bg-color: var(--hover-bg-color); --focus-border: var(--hover-border); --focus-box-shadow: var(--hover-box-shadow); display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .5rem; font-size: var(--font-size); line-height: var(--line-height); padding: var(--padding); color: rgba(var(--color)); background-color: rgba(var(--bg-color)); border-radius: var(--border-radius); border: var(--border); box-shadow: var(--box-shadow); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; -webkit-transition: color var(--ts-15) ease, background-color var(--ts-15) ease, border-color var(--ts-15) ease, -webkit-box-shadow var(--ts-15) ease; transition: color var(--ts-15) ease, background-color var(--ts-15) ease, border-color var(--ts-15) ease, -webkit-box-shadow var(--ts-15) ease; -o-transition: color var(--ts-15) ease, background-color var(--ts-15) ease, border-color var(--ts-15) ease, box-shadow var(--ts-15) ease; transition: color var(--ts-15) ease, background-color var(--ts-15) ease, border-color var(--ts-15) ease, box-shadow var(--ts-15) ease; transition: color var(--ts-15) ease, background-color var(--ts-15) ease, border-color var(--ts-15) ease, box-shadow var(--ts-15) ease, -webkit-box-shadow var(--ts-15) ease; } .btn .wpb-icon, .gform_button .wpb-icon, .gform_next_button .wpb-icon, .gform_previous_button .wpb-icon { background-color: rgba(var(--color)); } .btn:hover, .gform_button:hover, .gform_next_button:hover, .gform_previous_button:hover, .button:hover { color: rgba(var(--hover-color))!important; background-color: rgba(var(--hover-bg-color))!important; border: var(--hover-border)!important; box-shadow: var(--hover-box-shadow)!important; } .btn:hover .wpb-icon, .gform_button:hover .wpb-icon, .gform_next_button:hover .wpb-icon, .gform_previous_button:hover .wpb-icon { background-color: rgba(var(--hover-color)); } .btn:focus, .gform_button:focus, .gform_next_button:focus, .gform_previous_button:focus, .btn:active, .gform_button:focus, .gform_next_button:active, .gform_previous_button:active, .button:active { color: rgba(var(--focus-color))!important; background-color: rgba(var(--focus-bg-color))!important; border: var(--focus-border)!important; box-shadow: var(--focus-box-shadow)!important; } .btn:focus .wpb-icon, .gform_button:focus .wpb-icon, .gform_next_button:focus .wpb-icon, .gform_previous_button:focus .wpb-icon, .btn:active .wpb-iconi, .gform_button:focus .wpb-icon, .gform_next_button:active .wpb-icon, .gform_previous_button:active .wpb-icon { background-color: rgba(var(--focus-color)); } .btn.btn-small { --padding: 1rem 1.5rem; --font-size: 1.4rem; } .btn.btn-large { --padding: 1.5rem 2rem; --font-size: 1.8rem; } .btn.btn-white { --color: 0,0,0; --bg-color: 255,255,255; --border: 1px solid rgb(255,255,255); --box-shadow: none; --hover-color: 255,255,255; --hover-bg-color: 0,0,0; --hover-border: 1px solid rgb(0,0,0); } .btn.btn-outline-primary { --color: 0,0,0; --bg-color: 255,255,255; --border: 1px solid rgb(var(--wpb-primary)); --box-shadow: none; --hover-color: 255,255,255; --hover-bg-color: var(--wpb-primary); --hover-border: 1px solid rgb(var(--wpb-primary)); } .btn.btn-link { --color: 0,0,0; --bg-color: transparent; --border: 1px solid transparent; --box-shadow: none; } .btn-group { --gap: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: var(--gap); } .btn-group.btn-group__flush { --gap: 0; flex-wrap: nowrap; } .btn-group.btn-group__flush > *:first-child { border-top-left-radius: 3rem; border-bottom-left-radius: 3rem; } .btn-group.btn-group__flush > *:last-child { border-top-right-radius: 3rem; border-bottom-right-radius: 3rem; } .btn-group.btn-group__flush > * { border-radius: 0; } .btn-group.btn-group__flush > * + * { margin-left: -.1rem; } /*** ---------- Cards ---------- ***/ .wpb-card { --border-radius: 1rem; border-radius: var(--border-radius); background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; text-decoration: none; } .wpb-card a { text-decoration: none; } .wpb-card .wpb-card__header { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .wpb-card .wpb-card__header img { width: 100%; height: auto; } .wpb-card .wpb-card__body { padding: 1.6rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .wpb-card .wpb-card__footer { padding: 0 1.6rem 1.6rem 1.6rem; } .wpb-card > *:first-child { border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); } .wpb-card > *:first-child img { border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); } .wpb-card > *:last-child { border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); } .wpb-card .wpb-card__header.is-bg-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: var(--border-radius); } .wpb-card .wpb-card__header.is-bg-image::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; border-radius: var(--border-radius); background: linear-gradient(0deg, rgba(0,0,0,.85) 0%, rgba(0,0,0,0) 100%); } .wpb-card .wpb-card__header.is-bg-image img { object-fit: cover; border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); } .wpb-card.wpb-card__article .excerpt { --excerpt-line-clamp: 2; display: -webkit-box; -webkit-line-clamp: var(--excerpt-line-clamp); -webkit-box-orient: vertical; overflow: hidden; } .wpb-card.wpb-card__article .card-title { margin-bottom: .8rem; } .wpb-card.wpb-card__article .toggle-bookmark { position: absolute; top: 1.6rem; right: 1.6rem; z-index: 1; } .wpb-card.wpb-card__article-secondary { display: grid; grid-template-columns: 1fr 2.2rem; align-items: center; column-gap: 2rem; border-radius: 0; background: transparent; } .wpb-card.wpb-card__article-secondary .card-title { --fs: 1.8rem; font-weight: 600; } .wpb-card.wpb-card__article-secondary .wpb-card__body { padding: 0; } .wpb-card.wpb-card__article-secondary .wpb-card__body .badge-group { margin-top: 1.2rem; } .wpb-card.wpb-card__article-secondary .wpb-card__body summary { font-size: 1.3rem; color: rgba(var(--wpb-text), .8); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .wpb-card.wpb-card__article-secondary .wpb-card__body summary * { font: inherit; color: inherit; margin-top: .4rem; } .wpb-card.wpb-card__article-secondary .wpb-icon__wrapper { border-radius: 50%; width: 2.2rem; height: 2.2rem; } .wpb-card.wpb-card__article-secondary:hover .wpb-icon__wrapper { background-color: rgb(var(--wpb-blue)); border-color: rgb(var(--wpb-blue)); } .wpb-card.wpb-card__article-secondary:hover .wpb-icon__wrapper .wpb-icon { --color: 255,255,255; } .wpb-card.wpb-card__article-tertiary { border-radius: 0; background-color: transparent; gap: 2.7rem; } .wpb-card.wpb-card__article-tertiary .wpb-card__body { padding: 0; } .wpb-card.wpb-card__article-tertiary .wpb-card__body .badge-group { margin-top: 2rem; } .wpb-card.wpb-card__article-tertiary .wpb-card__header { display: flex; border-radius: var(--border-radius); } .wpb-card.wpb-card__article-tertiary .wpb-card__header img { object-fit: cover; transition: transform var(--ts-35) ease; } .wpb-card.wpb-card__article-tertiary:hover .wpb-card__header img { transform: scale(1.1); } .wpb-card.wpb-card__search-result .wpb-card__header img { aspect-ratio: 16/9; object-fit: cover; } .wpb-card.wpb-card__search-result .wpb-card__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1.6rem; } .toggle-bookmark { border: none; background: transparent; cursor: pointer; } .toggle-bookmark .wpb-icon { background-color: #fff; } .toggle-bookmark .wpb-icon__bookmark-solid { display: none; } .toggle-bookmark.selected .wpb-icon__bookmark { display: none; } .toggle-bookmark.selected .wpb-icon__bookmark-solid { display: block; } /*** ---------- Alignment ---------- ***/ .wpb-align-y__top .inner { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .wpb-align-y__center .inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wpb-align-y__bottom .inner { -webkit-box-align: end; -ms-flex-align: end; align-items: end; } @media (min-width: 992px) { .wpb-align-left { order: -1; } .wpb-align-right { order: 999; } } /*** ---------- Badge ---------- ***/ .badge-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: .4rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .badge { --transition-speed: var(--ts-15); --font-size: 1.2rem; --line-height: 1; --padding: .5rem .55rem; --color: 255,255,255; --bg-color: 0,0,0; --border-radius: 0 0 .5rem .5rem; --border: none; --box-shadow: none; --hover-color: var(--color); --hover-bg-color: var(--bg-color); --hover-border: var(--border); --hover-box-shadow: var(--box-shadow); display: inline-block; font-size: var(--font-size); line-height: var(--line-height); padding: var(--padding); color: rgb(var(--color)); background-color: rgb(var(--bg-color)); border-radius: var(--border-radius); border: var(--border); box-shadow: var(--box-shadow); text-align: center; font-weight: 600; text-decoration: none; vertical-align: middle; user-select: none; transition: color var(--transition-speed) ease, background-color var(--transition-speed) ease, border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease; } .badge:hover { color: rgb(var(--hover-color)); background-color: rgb(var(--hover-bg-color)); border: var(--hover-border); box-shadow: var(--hover-box-shadow); } .badge.badge-primary { --color: 255,255,255; --bg-color: var(--wpb-primary); } .badge.badge-green { --color: 255,255,255; --bg-color: var(--wpb-green); } .badge.badge-red { --color: 255,255,255; --bg-color: var(--wpb-red); } .badge.badge-red .wpb-icon {background-color: rgba(255, 255, 255);} .badge.badge-blue { --color: 255,255,255; --bg-color: var(--wpb-blue); } .badge.badge-lightred {--color: var(--wpb-red); --bg-color: 247, 220, 224;} .badge.badge-lightred .wpb-icon {background-color: rgba(var(--wpb-red));} .badge.badge-lightgreen {--color: var(--wpb-green); --bg-color: 230, 241, 222;} .badge.badge-lightgreen .wpb-icon {background-color: rgba(var(--wpb-green));} .badge > .wpb-icon {width: 1.2rem; height: 1.2rem; margin-right: 3px;} @media (min-width: 768px) { .badge { --font-size: 1.4rem; --padding: .6rem .8rem;} } /*** ---------- Pill ---------- ***/ .pill { --transition-speed: var(--ts-15); --font-size: 1.4rem; --line-height: 1; --padding: .3rem .5rem; --color: 255,255,255; --bg-color: 0,0,0; --border-radius: 2rem; --border: none; --box-shadow: none; --hover-color: var(--color); --hover-bg-color: var(--bg-color); --hover-border: var(--border); --hover-box-shadow: var(--box-shadow); display: inline-block; font-size: var(--font-size); line-height: var(--line-height); padding: var(--padding); color: rgb(var(--color)); background-color: rgb(var(--bg-color)); border-radius: var(--border-radius); border: var(--border); box-shadow: var(--box-shadow); text-align: center; font-weight: 600; text-decoration: none; vertical-align: middle; user-select: none; transition: color var(--transition-speed) ease, background-color var(--transition-speed) ease, border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease; } .pill.pill-white { --color: var(--wpb-green); --bg-color: 255,255,255; } /*** ---------- backdrop ---------- ***/ .wpb-backdrop { background-color: rgba(0,0,0,.45); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; opacity: 0; pointer-events: none; transition: opacity var(--ts-25) ease; } .wpb-backdrop.active { opacity: 1; pointer-events: all; } /*** ---------- Breadcrumb ---------- ***/ .wpb-breadcrumbs :is(span, a) { color: inherit; text-decoration: none; font-size: 1.4rem; font-weight: 500; } /*** ---------- Footer ---------- ***/ .wpb-footer .wpb-footer__menu ul { list-style: none; } .wpb-footer .menu-item { text-decoration: none; color: inherit; display: block; } /*** ---------- Modal ---------- ***/ .modal { --modal-border-radius: 1.6rem; --modal-padding: 2.2rem; --modal-backdrop: rgba(0,0,0,.25); position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; pointer-events: none; padding: 2.2rem; background-color: var(--modal-backdrop); display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: opacity var(--ts-15) ease; z-index: 1090; } .modal.show { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; pointer-events: all; } .modal.show .modal-dialog { transform: translateY(0); } .modal .modal-dialog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: var(--modal-border-radius); width: 100%; max-width: 74rem; height: auto; max-height: 80vh; transform: translateY(5rem); transition: transform var(--ts-25) ease; background-color: #fff; overflow: hidden; } .modal.modal__small .modal-dialog { max-width: 60rem; max-height: 67rem; } .modal.modal__large .modal-dialog { max-width: 1230px; max-height: 67rem; } .modal.modal__fullscreen { padding: 0; } .modal.modal__fullscreen .modal-dialog { height: 100%; max-height: 100%; max-width: 100%; border-radius: 0; } .modal .modal-dialog .modal-dialog__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--modal-padding); background-color: #fff; font-family: inherit; } .modal .modal-dialog .modal-dialog__header .modal-title { font-size: 2rem; margin: 0; } .modal .modal-dialog .modal-dialog__header .btn-close { cursor: pointer; background-color: transparent; width: 3.2rem; height: 3.2rem; border-radius: 50%; border: 1px solid rgb(var(--wpb-border-color)); display: inline-grid; place-items: center; transition: background-color var(--ts-15) ease, border-color var(--ts-15) ease; } .modal .modal-dialog .modal-dialog__header .btn-close i { --width: 1.4rem; --height: 1.4rem; } .modal .modal-dialog .modal-dialog__header .btn-close:hover { border-color: rgb(var(--wpb-primary)); background-color: rgb(var(--wpb-primary)); } .modal .modal-dialog .modal-dialog__header .btn-close:hover i { --color: 255,255,255; } .modal .modal-dialog .modal-dialog__header p { margin: 0; font-size: 1.6rem; line-height: 1.6rem; } .modal .modal-dialog .modal-dialog__body { background-color: #fff; padding: 0 var(--modal-padding) var(--modal-padding) var(--modal-padding); overflow-y: auto; overflow-x: hidden; } .modal .modal-dialog .modal-dialog__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #E4E9EA; background-color: #fff; padding: var(--modal-padding); z-index: 2; margin-top: auto; } @media (min-width: 576px) { .modal.modal__fullscreen { --modal-padding: 2rem calc((100% - 540px) / 2 + 2.2rem); } } @media (min-width: 768px) { .modal.modal__fullscreen { --modal-padding: 2.2rem; } .modal.modal__fullscreen .modal-dialog { max-width: 74rem; height: auto; max-height: 80vh; border-radius: var(--modal-border-radius); } } @media (min-width: 992px) { .modal { --modal-padding: 3.2rem; } .modal.modal__fullscreen { --modal-padding: 3.2rem; } } /*** ---------- Block: Header ---------- ***/ .wpb-header.wpb-header__home { --gc: 1; --gap: 3.2rem; } .wpb-header.wpb-header__home .inner { display: -ms-grid; display: grid; gap: var(--gap); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wpb-header__search form { position: relative; } .wpb-header__search form [type="submit"] { display: inline-flex; cursor: pointer; user-select: none; padding: 0.25rem 1rem; border: none; background: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .wpb-header__search form [type="submit"] img { width: 1.5rem; } .wpb-header .wpb-header__toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.6rem; padding-bottom: 2.8rem; } .wpb-header .wpb-header__toolbar .btn { white-space: nowrap; } .wpb-header .wpb-header__toolbar .wpb-breadcrumbs { margin: 0; --excerpt-line-clamp: 1; display: -webkit-box; -webkit-line-clamp: var(--excerpt-line-clamp); -webkit-box-orient: vertical; overflow: hidden; } .wpb-header .wpb-header__toolbar .wpb-breadcrumbs > span > span:not(.breadcrumb_last) { opacity: .65; } @media (min-width: 768px) { .wpb-header.wpb-header__home { --gc: 2; } .wpb-header.wpb-header__home .inner { grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); -ms-grid-columns: repeat(var(--gc), minmax(0, 1fr)); } } /*** ---------- Block: Text media tabs ---------- ***/ .wpb-block__image-tabs .container > .wpb-text { padding-bottom: 3.2rem; text-align: center; } .wpb-block__image-tabs .inner { display: -ms-grid; display: grid; gap: 3.2rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wpb-block__image-tabs .tab__images { display: -ms-grid; display: grid; border-radius: 1.6rem; overflow: hidden; } .wpb-block__image-tabs .tab__images > figure { grid-row: 1/-1; grid-column: 1/-1; opacity: 0; transition: opacity var(--ts-25) ease; transition-delay: var(--ts-35); } .wpb-block__image-tabs .tab__images figure.active { opacity: 1; transform: scale(1); } .wpb-block__image-tabs .tab__images figure img { height: 100%; width: 100%; object-fit: contain; } .wpb-block__image-tabs .tab__content { display: -ms-grid; display: grid; position: relative; gap: 2rem; } .wpb-block__image-tabs .tab__item { display: -ms-grid; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wpb-block__image-tabs .tab__item.has-icon { grid-template-columns: 6.4rem 1fr; -ms-grid-columns: 6.4rem 1fr; gap: 1.6rem; } .wpb-block__image-tabs .tab__item .icon { background-color: rgb(var(--wpb-contrast)); border-radius: 50%; width: 6.4rem; height: 6.4rem; padding: 1.4rem; transition: box-shadow var(--ts-25) ease; } .wpb-block__image-tabs .tab__item .icon img { width: 100%; height: 100%; object-fit: contain; } @media (min-width: 768px) { .wpb-block__image-tabs .inner { grid-template-columns: repeat(2, minmax(0, 1fr)); -ms-grid-columns: repeat(2, minmax(0, 1fr)); } .wpb-block__image-tabs .container > .wpb-text { padding-bottom: 6.4rem; } } @media (min-width: 992px) { .wpb-block__image-tabs .inner { gap: 8.2rem; } .wpb-block__image-tabs .tab__item.has-icon { grid-template-columns: 9.8rem 1fr; -ms-grid-columns: 9.8rem 1fr; } .wpb-block__image-tabs .tab__item .icon { width: 9.8rem; height: 9.8rem; } } @media (min-width: 1200px) { .wpb-block__image-tabs .tab__item.has-icon { grid-template-columns: 12.6rem 1fr; -ms-grid-columns: 12.6rem 1fr; gap: 2.4rem } .wpb-block__image-tabs .tab__item .icon { width: 12.6rem; height: 12.6rem; padding: 2.4rem; } } /*** ---------- Block: Accordion ---------- ***/ .wpb-block__accordion .wpb-text { margin-bottom: 3.2rem; } .wpb-accordion .collapse:not(.show) { display: none; } .accordion__item .accordion__header { margin: 0; } .accordion__item .accordion__button { cursor: pointer; display: grid; align-items: center; width: 100%; font-size: 1.6rem; text-align: left; border: 0; overflow-anchor: none; border-radius: 0; transition: background-color var(--ts-15) ease, color var(--ts-15) ease, border-radius var(--ts-15) ease; } .accordion__item .accordion__button i { transition: transform var(--ts-25) ease; } .accordion__item .accordion__button.is-active i { transform: rotate(-180deg); } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height .35s ease; } @media (min-width: 992px) { .wpb-block__accordion.--primary .inner, .wpb-block__accordion.--secondary .inner { display: -ms-grid; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); -ms-grid-columns: repeat(2, minmax(0, 1fr)); -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 3.2rem; } .wpb-block__accordion.--primary .inner .accordion-container { order: -1; } } /*** ---------- Block: Blurb ---------- ***/ .wpb-block__blurb .wpb-text { margin-bottom: 3.2rem; } .wpb-block__blurb .wpb-card__blurb .wpb-text { margin: 0; } /*** ---------- Block: Text & Media ---------- ***/ .wpb-block__text-media { --gc: 1; --gap: 2.2rem; } .wpb-block__text-media .inner { display: -ms-grid; display: grid; gap: var(--gap); grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); -ms-grid-columns: repeat(var(--gc), minmax(0, 1fr)); } @media (min-width: 992px) { .wpb-block__text-media { --gc: 2; --gap: 4.8rem; } } @media (min-width: 1200px) { .wpb-block__text-media { --gap: 6.4rem; } } @media (min-width: 1400px) { .wpb-block__text-media { --gap: 9.8rem; } } /*** ---------- Block: Tabs ---------- ***/ .wpb-block__tabs .container .inner > .wpb-text { margin-bottom: 3.2rem; } .wpb-tabs { display: -ms-grid; display: grid; --padding: .85rem 1.25rem; --color: var(--wpb-text); --bg-color: transparent; --border-radius: .5rem .5rem 0 0; --border: 1px solid transparent; --box-shadow: none; --active-color: var(--wpb-text); --active-bg-color: #fff; --active-border: 1px solid rgb(var(--wpb-border)); } .wpb-tabs .tab__header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; z-index: 1; margin-bottom: -0.1rem; } .wpb-tabs .tab__button { display: inline-block; padding: var(--padding); color: var(--color); background-color: var(--bg-color); border-radius: var(--border-radius); border: var(--border); box-shadow: var(--box-shadow); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; transition: color var(--ts-15) ease, background-color var(--ts-15) ease, border-color var(--ts-15) ease, box-shadow var(--ts-15) ease; } .wpb-tabs .tab__button.is-active { color: var(--active-color); border-color: rgb(var(--active-color)); background-color: var(--active-bg-color); border: var(--active-border); border-bottom: 1px solid #fff; } .wpb-tabs .tab__content { display: -ms-grid; display: grid; border: 1px solid rgb(var(--wpb-border)); border-radius: 0 0 .5rem .5rem; } .wpb-tabs .tab__content .tab__pane { grid-column: 1/-1; grid-row: 1/-1; pointer-events: none; opacity: 0; transition: opacity 250ms ease; } .wpb-tabs .tab__content .tab__pane.is-active { pointer-events: all; opacity: 1; } .wpb-tabs .tab__content .tab__pane { padding: 1.6rem; } .wpb-tabs.--secondary { --border-radius: .5rem; --gc: 15rem 1fr; display: -ms-grid; display: grid; grid-template-columns: var(--gc); -ms-grid-columns: var(--gc); -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .wpb-tabs.--secondary .tab__header { margin-bottom: 0; margin-right: -0.1rem; } .wpb-tabs.--secondary .tab__button { border-right: 0; margin: 0; width: 100%; border-radius: .5rem 0 0 .5rem; } .wpb-tabs.--secondary .tab__button.is-active { border: var(--active-border); border-right: 0; } .wpb-tabs.--secondary .tab__content { border-radius: 0 .5rem .5rem 0; } /*** ---------- Block: Media ---------- ***/ .wpb-block__media .wpb-text { margin-bottom: 3.2rem; } /*** ---------- Block: Text Shortcode ---------- ***/ .wpb-block__text-shortcode { --gc: 1; --gap: 2.2rem; } .wpb-block__text-shortcode .inner { display: -ms-grid; display: grid; gap: var(--gap); grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); -ms-grid-columns: repeat(var(--gc), minmax(0, 1fr)); } @media (min-width: 992px) { .wpb-block__text-shortcode { --gc: 1; --gap: 3.2rem; } :is(.wpb-block__text-shortcode.--primary, .wpb-block__text-shortcode.--secondary) { --gc: 2; } .wpb-block__text-shortcode.--primary .form { order: -1; } } /*** ---------- Tooltips ---------- ***/ .wpb-tooltip { --bg: 255,255,255; position: fixed; pointer-events: none; opacity: 0; background-color: rgb(var(--bg)); color: inherit; font-size: 1.3rem; line-height: 2rem; padding: .5rem 1rem; border-radius: .5rem; z-index: 9999; box-shadow: 0 0 .75rem .25rem rgba(0,0,0,.1); } .wpb-tooltip::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent rgb(var(--bg)) transparent; bottom: 100%; transform: translateX(-50%); left: 50%; } .wpb-tooltip.wpb-tooltip__left::after { border-width: 7px 0 7px 7px; border-color: transparent transparent transparent rgb(var(--bg)); top: 50%; transform: translateY(-50%); left: calc(100% - 1px); } .wpb-tooltip.wpb-tooltip__right::after { border-width: 7px 7px 7px 0; border-color: transparent rgb(var(--bg)) transparent transparent; top: 50%; transform: translateY(-50%); right: calc(100% - 1px); left: auto; } .wpb-tooltip.wpb-tooltip__top::after { border-width: 5px 5px 0 5px; border-color: rgb(var(--bg)) transparent transparent transparent; top: 100%; transform: translateX(-50%); left: 50%; } .wpb-tooltip.show { opacity: 1; } /*** ---------- Gravity Form ---------- ***/ .gform_wrapper .gform_required_legend { display: none; } .gform_wrapper .gform_validation_errors { margin: 0 0 1.6rem 0!important; box-shadow: none!important; } .gform_ajax_spinner { width: 3rem!important; margin-left: 2rem; } .gform_wrapper .gfield :is(input:not([type=checkbox], [type=radio]), textarea, select) { border: 1px solid rgb(var(--wpb-border-color))!important; transition: border-color var(--ts-15) ease!important; } .gform_wrapper .gfield :is(input:not([type=checkbox], [type=radio]), textarea, select):focus { outline: none!important; } .gform_wrapper .gfield [type=file] { padding: .75rem; } .form-control, .form-select, .gform_wrapper .gfield :is(input:not([type=checkbox], [type=radio]), textarea, select) { --padding: 1.2rem 1.6rem; --border-radius: .6rem; --border: 1px solid rgb(var(--wpb-border-color)); --focus-border: 1px solid #000; min-height: 4.3rem; border: var(--border); border-radius: var(--border-radius)!important; transition: border-color var(--ts-15) ease!important; padding: var(--padding); } .gform_wrapper .gfield :is(input:not([type=checkbox], [type=radio]), textarea, select) { border: var(--border)!important; } .form-control:focus, .gform_wrapper .gfield :is(input:not([type=checkbox], [type=radio]):focus, textarea:focus, select:focus) { border: var(--focus-border); } .gform_wrapper .gfield :is(input:not([type=checkbox], [type=radio]):focus, textarea:focus, select:focus) { border: var(--focus-border)!important; } @media (min-width: 992px) { .form-control, .form-select { min-height: 5rem; } } .gform_wrapper .gfield_label { display: block!important; } .gform_wrapper .gform_fields { --gap: 2.2rem; gap: var(--gap)!important; } .gform_wrapper .ginput_container_textarea { display: -webkit-box; display: -ms-flexbox; display: flex; } /* Gravity Form : footer */ .gform_wrapper .gform_footer { margin: 0!important; padding-bottom: 0!important; } .gform_wrapper .gform_footer [type="submit"] { margin: 0!important; } .gform_wrapper.gravity-theme .gform_validation_errors>h2 .gform-icon { display: none; } /*** ---------- Forms ---------- ***/ label { display: inline-block; } .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: .5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-group .form-control { width: auto; display: inline-block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .form-check, .woocommerce-form__label { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.5rem; } .form-check .form-check-input, .woocommerce-form__label input { float: left; margin-left: -1.5em; } .form-check-inline { display: inline-block; margin-right: 1rem; } .form-check-input, .gfield_radio input, .gfield_checkbox input, .woocommerce-form__label input, .woocommerce-shipping-methods input { width: 1.15em; min-width: 1.15em; height: 1.15em; min-height: 1.15em; margin-top: 0.15em!important; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0,0,0,.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-check-input[type=checkbox], .gfield_radio input, .gfield_checkbox input, .woocommerce-form__label [type="checkbox"] { border-radius: 0.35em; } .form-check-input[type=radio], .gfield_radio input, .woocommerce-shipping-methods input[type=radio] { border-radius: 50%; } .form-check-input:checked, .gfield_radio input:checked, .gfield_checkbox input:checked, .woocommerce-form__label input:checked, .woocommerce-shipping-methods input:checked { --check-bg-color: #000; --check-border-color: #000; background-color: var(--check-bg-color); border-color: var(--check-border-color); } .form-check-input:checked[type=radio], .gfield_radio input:checked, .woocommerce-shipping-methods input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input:checked[type=checkbox], .gfield_checkbox input:checked, .woocommerce-form__label [type=checkbox]:checked { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { cursor: default; opacity: .5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position var(--ts-15) ease; } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-label { margin-bottom: 0.8rem; font-weight: 600; width: 100%; } .form-label abbr { text-decoration: none; } .form-control { display: inline-block; width: 100%; padding: var(--padding); font-size: 1.6rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-control:focus { color: #212529; background-color: #fff; border-color: #000; outline: 0; } .form-select { --padding: 0 1.6rem; display: block; width: 100%; padding: var(--padding); font-size: 1.6rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; } .btn-check { position: absolute; pointer-events: none; opacity: 0; left: -9999rem; } .btn-check + .btn { --active-color: #fff; --active-bg-color: #1f1f1f; --active-border: 1px solid #000; } .btn-check:checked + .btn { background-color: var(--active-bg-color); color: var(--active-color); border: var(--active-border); } /* Select2 */ .select2-container { --padding: 0 1.6rem; --border-radius: .6rem; --hover-color: 255,255,255; --hover-bg: 0,0,0,.5; --highlighted-color: 255,255,255; --highlighted-bg: var(--wpb-blue); } .select2-container .select2-selection--single { border-color: rgb(var(--wpb-border)); border-radius: var(--border-radius); margin: 0; } .select2-container .select2-selection--single { height: auto; height: 4rem; padding: var(--padding); } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; font-size: 1.6rem; min-height: 4rem; line-height: 4rem; } .select2-container .select2-selection--single .select2-selection__arrow { height: 100%; } .select2-container .select2-selection--single .select2-selection__arrow b { --src: url('/wp-content/themes/wux/assets/icons/chevron-down.svg'); border: none; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: 2rem; height: 1.6rem; background-color: rgba(var(--wpb-headings)); transition: background-color var(--ts-15) ease; transform: translateY(-50%); left: auto; right: 1.6rem; } .select2-container--open .select2-dropdown { border-color: rgb(var(--wpb-border)); overflow: hidden;} .select2-container--open .select2-dropdown--top { border-radius: var(--border-radius) var(--border-radius) 0 0; } .select2-container--open .select2-dropdown--below { border-radius: 0 0 var(--border-radius) var(--border-radius); } .select2-container--default .select2-search--dropdown .select2-search__field { border-color: rgb(var(--wpb-border)); } .select2-container--open .select2-dropdown--below .select2-search__field, .select2-container--open .select2-dropdown--above .select2-search__field { border-color: rgb(var(--wpb-border)); border-radius: var(--border-radius); font-size: 1.4rem; height: auto; padding: 0 0.8rem; min-height: 4rem; } .select2-container .select2-results__option { font-size: 1.6rem; } .select2-container .select2-results__option[data-selected=true] { background-color: rgba(var(--highlighted-bg)); color: rgba(var(--hover-color)); } .select2-container .select2-results__option.select2-results__option--highlighted { background-color: rgba(var(--highlighted-bg)); color: rgba(var(--highlighted-color)); } @media (min-width: 992px) { .select2-container .select2-selection--single {height: 5rem; } .select2-container .select2-selection--single .select2-selection__rendered { min-height: 5rem; line-height: 5rem; } } /*** ---------- Dropdowns ---------- ***/ .wpb-dropdown { position: relative; } .wpb-dropdown .wpb-dropdown__menu { opacity: 0; pointer-events: none; min-width: 10rem; position: absolute; top: 100%; left: 0; background-color: #fff; padding: 1.25rem; transition: opacity var(--ts-15) ease; } .wpb-dropdown .wpb-dropdown__menu-right { left: auto; right: 0; } .wpb-dropdown .wpb-dropdown__menu ul { list-style: none; } .wpb-dropdown .wpb-dropdown__menu ul .dropdown-item { white-space: nowrap; display: grid; grid-template-columns: 2rem 1fr; align-items: center; gap: .5rem; text-decoration: none; } .wpb-dropdown.wpb-dropdown__left .wpb-dropdown__menu { top: 0; right: calc(100% + .5rem); left: auto; } .wpb-dropdown.wpb-dropdown__left button .wpb-icon { order: -1; transform: rotate(90deg); } .wpb-dropdown.wpb-dropdown__right .wpb-dropdown__menu { top: 0; left: calc(100% + .5rem); right: auto; } .wpb-dropdown.wpb-dropdown__right button .wpb-icon { order: 9999; transform: rotate(-90deg); } .wpb-dropdown button[aria-expanded="true"] + .wpb-dropdown__menu { opacity: 1; pointer-events: all; z-index: 850; } /*** ---------- Tables ---------- ***/ .wpb-table { overflow-x: auto; } table { --table-color: rgb(var(--wpb-text)); --table-bg: transparent; --table-border-color: var(--wpb-border-color); --table-accent-bg: transparent; --table-hover-color: rgb(var(--wpb-text)); --table-hover-bg: rgba(0, 0, 0, 0.075); --border-width: .1rem; border-collapse: collapse; width: 100%; margin-bottom: 1rem; color: rgba(var(--table-color)); vertical-align: top; border-color: rgb(var(--table-border-color)); } table > thead { vertical-align: bottom; } tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0; } table > * > * > * { padding: 0.5rem 0.5rem; background-color: var(--table-bg); border-bottom-width: var(--border-width); } table > tbody { vertical-align: inherit; } /*** ---------- Filters ---------- ***/ .wpb-filters form { --gap: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--gap); } .wpb-toolbar .inner { display: -ms-grid; display: grid; } @media (width > 576px) { .wpb-toolbar .inner { grid-template-columns: 1fr 20rem; -ms-grid-columns: 1fr 20rem; } } /*** ---------- Pagination ---------- ***/ .wpb-pagination { text-align: center; --padding: 0; --color: var(--wpb-text); --bg-color: 255,255,255; --border: 1px solid rgba(var(--wpb-border)); --border-radius: 4rem; --hover-color: 0,0,0; --hover-bg-color: var(--wpb-secondary); --hover-border: var(--border); --active-color: 255, 255, 255; --active-bg-color: var(--wpb-dark); --active-border: var(--hover-border), 0; position: relative; } .wpb-pagination .has-prev-next { padding-left: 4rem; padding-right: 4rem; } .wpb-pagination ul { position: relative; --gap: .5rem; list-style: none; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--gap); padding-top: 3.2rem; } .wpb-pagination li > * { width: 3.8rem; height: 3.8rem; display: inline-grid; place-items: center; font-weight: 600; font-size: 1.6rem; line-height: 1.6; color: #000; color: inherit; padding: var(--padding); color: rgba(var(--color)); background-color: rgba(var(--bg-color)); border-radius: var(--border-radius); border: var(--border); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; transition: color var(--ts-15) ease, background-color var(--ts-15) ease, border-color var(--ts-15) ease;} .wpb-pagination li > * .wpb-icon { --width: 1.5rem; --height: 1.5rem; pointer-events: none; } .wpb-pagination li > *:hover .wpb-icon { --color: var(--hover-color) } .wpb-pagination li :is(> *:hover, > *:focus, > *:active) { color: rgba(var(--hover-color)); background-color: rgba(var(--hover-bg-color)); border: var(--hover-border); ; } .wpb-pagination li > *.current { color: rgba(var(--active-color)); background-color: rgba(var(--active-bg-color)); border: var(--active-border); } .wpb-pagination li .page-number__prev { position: absolute; left: 0; } .wpb-pagination li .page-number__next { position: absolute; right: 0; } @media (min-width: 992px) { .wpb-pagination li > * { font-size: 1.8rem; } } @media (min-width: 1200px) { .wpb-pagination li > * { font-size: 2rem; } .wpb-pagination li > * { width: 4.5rem; height: 4.5rem; } .wpb-pagination .has-prev-next { padding-left: 12rem; padding-right: 12rem; } } /*** ---------- Block: Carousel ---------- ***/ .wpb-block__carousel .wpb-text { margin-bottom: 3.2rem; } /*** ---------- Block: Text ---------- ***/ .wpb-block__text .inner + .btn-group { padding-top: 1.6rem; } /*** ---------- Block text & carousel ---------- ***/ .wpb-block__text-carousel { --gc: 1; --gap: 2.2rem; } .wpb-block__text-carousel .inner { display: -ms-grid; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); -ms-grid-columns: repeat(var(--gc), minmax(0, 1fr)); gap: var(--gap); } @media (min-width: 992px) { .wpb-block__text-carousel { --gc: 2; --gap: 4.8rem; } .wpb-block__text-carousel.--primary .wpb-text { order: 1; } } @media (min-width: 1200px) { .wpb-block__text-carousel { --gap: 6.4rem; } } @media (min-width: 1400px) { .wpb-block__text-carousel { --gap: 9.8rem; } } /*** ---------- Block: Youtube embed ---------- ***/ .wpb-youtube { --gc: 1; --gap: 2.2rem; } .wpb-youtube .inner { display: -ms-grid; display: grid; gap: var(--gap); grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); -ms-grid-columns: repeat(var(--gc), minmax(0, 1fr)); } .wpb-youtube .wpb-ratio :is(iframe, img) { border-radius: .5rem; } .wpb-youtube .wpb-ratio .youtube-play { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; cursor: pointer; transition: opacity var(--ts-35) ease; } .wpb-youtube .wpb-ratio .youtube-play img { object-fit: cover; width: 100%; height: 100%; } .wpb-youtube .wpb-ratio .youtube-play .play-icon { position: absolute; top: calc(50% - 3.2rem); left: calc(50% - 3.2rem); display: -ms-grid; display: grid; place-items: center; z-index: 2; background-color: #000; border-radius: 50%; width: 6.4rem; height: 6.4rem; transition: .25s ease; } .wpb-youtube .wpb-ratio .youtube-play .play-icon i { --color: 255,255,255; } .wpb-youtube .wpb-ratio:hover .youtube-play .play-icon {transform: scale(1.065);} @media (min-width: 992px) { .wpb-youtube { --gc: 2; --gap: 4.8rem; } .wpb-youtube.wpb-youtube__primary .wpb-ratio { order: -1; } } @media (min-width: 1200px) { .wpb-youtube { --gap: 6.4rem; } } @media (min-width: 1400px) { .wpb-youtube { --gap: 9.8rem; } } /*** ---------- Block: Timeframe ---------- ***/ .wpb-block__timeframe .wpb-text { padding-bottom: 3.2rem; } .wpb-block__timeframe .wpb-timeframe__content { padding: 3.2rem 0; display: -ms-grid; display: grid; overflow-x: auto; } .wpb-block__timeframe .wpb-timeframe__content::-webkit-scrollbar { height: 1rem; } .wpb-block__timeframe .wpb-timeframe__content::-webkit-scrollbar-track { background: rgba(var(--wpb-primary),.15); border-radius: .35rem; } .wpb-block__timeframe .wpb-timeframe__content::-webkit-scrollbar-thumb { background: rgb(var(--wpb-primary)); border-radius: .35rem; } .wpb-block__timeframe .wpb-timeframe__content .inner { min-width: calc(150rem - 14vw); grid-row: 1/-1; grid-column: 1/-1; position: relative; display: -ms-grid; display: grid; grid-template-columns: repeat(99, minmax(0, 1fr)); -ms-grid-columns: repeat(99, minmax(0, 1fr)); gap: 1.5rem 0; } .wpb-block__timeframe .wpb-timeframe__content .inner-1 { z-index: 3; margin: 2.2rem 0; } .wpb-block__timeframe .wpb-timeframe__content .inner-2 { z-index: 1; } .timeframe-item { background-color: rgb(var(--wpb-primary)); display: inline-block; padding: 1rem 1.5rem; border-radius: .8rem; position: relative; } .timeframe-item.timeframe-item__primary { background-color: rgb(var(--wpb-primary)); } .timeframe-item.timeframe-item__striped { background-color: rgb(var(--wpb-primary-smoke)); } .timeframe-item.timeframe-item__striped :is(strong, span) { color: rgb(var(--wpb-primary)); position: relative; z-index: 2; } .timeframe-item.timeframe-item__striped::before { content: ''; border-radius: .8rem; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: repeating-linear-gradient(-65deg, rgba(var(--wpb-primary), .07), rgba(var(--wpb-primary), .07) 1.25rem, transparent 1.25rem, transparent 2.5rem); } .timeframe-item.timeframe-item__first::after { content: ''; } .timeframe-item strong { display: block; font-size: 1.6rem; line-height: 1.4; color: #fff; } .timeframe-item span { display: block; font-size: 1.4rem; line-height: 1.4; color: #fff; } .timeframe-item:last-child { margin-right: 0!important; } .wpb-timeframe__indicator { position: relative; width: .1rem; background-color: rgb(var(--wpb-border-color)); } .wpb-timeframe__indicator::before { content: attr(data-phase); color: rgba(var(--wpb-text), .5); position: absolute; bottom: calc(100% + 1rem); left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 1.4rem; line-height: 1.4; } .wpb-timeframe__indicator:first-of-type::before { left: 100%; transform: none; } .wpb-timeframe__indicator:last-of-type::before { left: auto; right: 100%; transform: none; } /*** ---------- Wux carousel ---------- ***/ .wpb-carousel { position: relative; } .wpb-carousel .wpb-carousel__header { display: -ms-grid; display: grid; grid-template-columns: 1fr auto; -webkit-box-align: end; -ms-flex-align: end; align-items: end; margin-bottom: 2.8rem; } .wpb-carousel .wpb-carousel__header .wpb-text { margin-bottom: 0; } .wpb-carousel .wpb-carousel__container { position: relative; overflow: hidden; display: block; width: 100%; } .wpb-carousel .wpb-carousel__track { width: 100%; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: nowrap; overflow-x: scroll; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; } .wpb-carousel .wpb-carousel__track .wpb-carousel__slide { scroll-snap-align: center; } .wpb-carousel .wpb-carousel__button { z-index: 1; position: absolute; top: 50%; transform: translateY(-50%); display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 4.8rem; height: 4.8rem; cursor: pointer; border: none; background-color: #f2f2f2; color: #000; } .wpb-carousel .wpb-carousel__button.disabled { opacity: .5; pointer-events: none; } .wpb-carousel .wpb-carousel__button.wpb-carousel__button-prev { left: 0; } .wpb-carousel .wpb-carousel__button.wpb-carousel__button-next { right: 0; } .wpb-carousel.wpb-carousel__fluid .wpb-carousel__track { --padding: 2.2rem; padding-left: var(--padding); padding-right: var(--padding); } @media (min-width: 576px) { .wpb-carousel.wpb-carousel__fluid .wpb-carousel__track { --padding: calc((100% - 540px) / 2 + 2.2rem); } } @media (min-width: 768px) { .wpb-carousel.wpb-carousel__fluid .wpb-carousel__track { --padding: calc((100% - 720px) / 2 + 2.2rem); } } @media (min-width: 992px) { .wpb-carousel.wpb-carousel__fluid .wpb-carousel__track { --padding: calc((100% - 960px) / 2 + 2.2rem); } } @media (min-width: 1200px) { .wpb-carousel.wpb-carousel__fluid .wpb-carousel__track { --padding: calc((100% - 1140px) / 2 + 2.2rem); } } @media (min-width: 1400px) { .wpb-carousel.wpb-carousel__fluid .wpb-carousel__track { --padding: calc((100% - 1320px) / 2 + 2.2rem); } } /*** ---------- Wux offcanvas ---------- ***/ .wpb-offcanvas { width: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 9999; background-color: #fff; transform: translate3d(100%, 0, 0); transition: transform var(--ts-35) ease; } .wpb-offcanvas.wpb-offcanvas__left { transform: translate3d(-100%, 0, 0); top: 0; right: auto; bottom: 0; left: 0; } .wpb-offcanvas.is-active { pointer-events: all; transform: translate3d(0%, 0, 0); } @media (min-width: 576px) { .wpb-offcanvas { max-width: 45rem; } } /*** ---------- Page: 404 ***/ .is-page-404 .wpb-header .wpb-text { text-align: center; } /*** ---------- Archive ---------- ***/ .wpb-archive { --gc: 1; --gap: 2.2rem; } .wpb-archive .inner { display: -ms-grid; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); -ms-grid-columns: repeat(var(--gc), minmax(0, 1fr)); gap: var(--gap); } @media (min-width: 768px) { .wpb-archive { --gc: 2; } } @media (min-width: 992px) { .wpb-archive { --gc: 3; } } /*** ---------- Single ---------- ***/ .content-section__related { --gc: 1; --gap: 3.2rem; } .content-section__related .wpb-text { margin-bottom: 3.2rem; } .content-section__related .inner { display: -ms-grid; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); -ms-grid-columns: repeat(var(--gc), minmax(0, 1fr)); gap: var(--gap); } @media (min-width: 992px) { .content-section__related { --gc: 3; } } .social-share-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .25rem; padding-top: 1.6rem; } /*** ---------- 404 page ---------- ***/ .wpb-text_404 .wpb-text { text-align: center; } .wpb-text_404 .wpb-text p { margin-bottom: 1.6rem; } .wpb-text_404 form { position: relative; margin-bottom: 1.6rem; } /*** ---------- Page: Search ---------- ***/ .wpb-search-results { --gc: 1; --gap: 2.2rem; } .wpb-search-results .wpb-text { margin-bottom: 3.2rem; } .wpb-search-results .inner { display: -ms-grid; display: grid; gap: var(--gap); grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); -ms-grid-columns: repeat(var(--gc), minmax(0, 1fr)); } .wpb-search-results .result { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; gap: .5rem; padding: .75rem 1.25rem; margin-bottom: -.1rem; transition: background-color var(--ts-15) ease; } .wpb-search-results .result .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; gap: .5rem; } .wpb-search-results .result .info i { margin-left: auto; } .wpb-search-results .result:hover { background-color: #f2f2f2; } .wpb-search-results :is(.result:first-child, .no-result) { margin-top: 1.6rem; } /*** ---------- Aspect ratio ---------- ***/ .wpb-ratio { --wpb-aspect-ratio: 100%; position: relative; width: 100%; } .wpb-ratio::before { display: block; padding-top: var(--wpb-aspect-ratio); content: ""; } .wpb-ratio > img { object-fit: cover; } .wpb-ratio--16x9 { --wpb-aspect-ratio: 56.25%; } .wpb-ratio--4x3 { --wpb-aspect-ratio: 75%; } .wpb-ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*** ---------- Alerts ---------- ***/ .wpb-alert::before { content: ''; --src: url('/wp-content/themes/wux/assets/icons/circle-info.svg'); z-index: 2; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: 1.5em; --color: 255, 255, 255; --width: 2rem; --height: 2rem; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: var(--width); height: var(--height); background-color: rgba(var(--color)); } .wpb-alert.wpb-alert__info { --color: 255,255,255; --bg: var(--wpb-blue); } .wpb-alert.wpb-alert__info-light { --color: var(--wpb-blue); --bg: var(--wpb-light-blue); } .wpb-alert.wpb-alert__warning { --color: 255,255,255; --bg: var(--wpb-orange); } .wpb-alert.wpb-alert__danger { --color: 255, 255, 255; --bg: var(--wpb-red); } .wpb-alert.wpb-alert__success { --color: 255, 255, 255; --bg: var(--wpb-green); } .wpb-alert.wpb-alert__white { --color: var(--wpb-headings); --bg: 255,255,255; } .wpb-alert__bookmark::before { --src: url('/wp-content/themes/wux/assets/icons/bookmark.svg'); --width: 1.6rem; --height: 1.6rem; } .wpb-alert__bookmark::after { content: ''; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: 1em; width: 3.2rem; height: 3.2rem; display: inline-block; background-color: rgb(var(--wpb-blue)); border-radius: 50%; } .wpb-alert .wpb-alert-text { display: flex; flex-direction: column; --global-fs: 1.6rem; --global-lh: 1.2; } .wpb-alert { position: relative; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; align-items: center; --color: 255,255,255; --bg: var(--wpb-primary); --border-radius: .8rem; padding: .25em 2em .25em 3.5em; min-height: 5.6rem; color: rgb(var(--color)); background-color: rgb(var(--bg)); border-radius: var(--border-radius); } .wpb-alert.wpb-alert-icon { display: -ms-grid; display: grid; grid-template-columns: 2.8rem 1fr; -ms-grid-columns: 2.8rem 1fr; gap: 1.6rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wpb-alert.wpb-alert-icon .wpb-icon__wrapper { width: 2.8rem; height: 2.8rem; } .wpb-alert.wpb-alert-icon .wpb-icon__wrapper i { --width: 2.8rem; --height: 2.8rem; } .wpb-alert .wpb-alert__content { --global-lh: 1.2; } .wpb-alert .wpb-alert__content strong { font-size: 1.6rem; display: block; } .wpb-alert .wpb-alert__content small { --global-fs: 1.4rem; } .wpb-alert *:not(.btn) { color: inherit; } .wpb-alert > .wpb-icon__wrapper { width: 3.3rem; height: 3.3rem; position: absolute; left: 1.6rem; top: 50%; transform: translateY(-50%); } .wpb-alert .btn { font-size: 1.4rem; } /*** ---------- Icons ---------- ***/ .wpb-icon__wrapper { display: inline-grid; place-items: center; transition: background-color var(--ts-15) ease, border-color var(--ts-15) ease; } .wpb-icon { --src: ; --color: 0, 0, 0; --width: 2rem; --height: 2rem; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: var(--width); height: var(--height); background-color: rgba(var(--color)); transition: background-color var(--ts-15) ease; } .wpb-icon.wpb-icon__small { --width: 1.5rem; --height: 1.5rem; } .wpb-icon.wpb-icon__large { --width: 2.5rem; --height: 2.5rem; } .wpb-icon.wpb-icon__chevron-left { --src: url('/wp-content/themes/wux/assets/icons/chevron-left.svg'); } .wpb-icon.wpb-icon__chevron-right { --src: url('/wp-content/themes/wux/assets/icons/chevron-right.svg'); } .wpb-icon.wpb-icon__chevron-down { --src: url('/wp-content/themes/wux/assets/icons/chevron-down.svg'); } .wpb-icon.wpb-icon__chevron-up { --src: url('/wp-content/themes/wux/assets/icons/chevron-up.svg'); } .wpb-icon.wpb-icon__arrow-up { --src: url('/wp-content/themes/wux/assets/icons/arrow-up.svg'); } .wpb-icon.wpb-icon__arrow-down { --src: url('/wp-content/themes/wux/assets/icons/arrow-down.svg'); } .wpb-icon.wpb-icon__xmark { --src: url('/wp-content/themes/wux/assets/icons/xmark.svg'); } .wpb-icon.wpb-icon__house { --src: url('/wp-content/themes/wux/assets/icons/house.svg'); } .wpb-icon.wpb-icon__check { --src: url('/wp-content/themes/wux/assets/icons/check.svg'); } .wpb-icon.wpb-icon__search { --src: url('/wp-content/themes/wux/assets/icons/search.svg'); } .wpb-icon.wpb-icon__headset { --src: url('/wp-content/themes/wux/assets/icons/headset.svg'); } .wpb-icon.wpb-icon__location-dot { --src: url('/wp-content/themes/wux/assets/icons/location-dot.svg'); } .wpb-icon.wpb-icon__clock { --src: url('/wp-content/themes/wux/assets/icons/clock.svg'); } .wpb-icon.wpb-icon__magnifying-glass { --src: url('/wp-content/themes/wux/assets/icons/magnifying-glass.svg'); } .wpb-icon.wpb-icon__arrow-left { --src: url('/wp-content/themes/wux/assets/icons/default/icon_arrow-left.svg'); } .wpb-icon.wpb-icon__arrow-right { --src: url('/wp-content/themes/wux/assets/icons/default/icon_arrow-right.svg'); } .wpb-icon.wpb-icon__search { --src: url('/wp-content/themes/wux/assets/icons/default/icon_search.svg'); } .wpb-icon.wpb-icon__close { --src: url('/wp-content/themes/wux/assets/icons/default/icon_close.svg'); } .wpb-icon.wpb-icon__play { --src: url('/wp-content/themes/wux/assets/icons/default/icon_play.svg'); } .wpb-icon.wpb-icon__facebook { --src: url('/wp-content/themes/wux/assets/icons/default/icon_facebook.svg'); } .wpb-icon.wpb-icon__instagram { --src: url('/wp-content/themes/wux/assets/icons/default/icon_instagram.svg'); } .wpb-icon.wpb-icon__linkedin { --src: url('/wp-content/themes/wux/assets/icons/default/icon_linkedin.svg'); } .wpb-icon.wpb-icon__twitter { --src: url('/wp-content/themes/wux/assets/icons/default/icon_twitter.svg'); } .wpb-icon.wpb-icon__whatsapp { --src: url('/wp-content/themes/wux/assets/icons/default/icon_whatsapp.svg'); } .wpb-icon.wpb-icon__youtube { --src: url('/wp-content/themes/wux/assets/icons/default/icon_youtube.svg'); } .wpb-icon.wpb-icon__bookmark { --src: url('/wp-content/themes/wux/assets/icons/default/icon_bookmark.svg'); } .wpb-icon.wpb-icon__bookmark-solid { --src: url('/wp-content/themes/wux/assets/icons/default/icon_bookmark-solid.svg'); } .wpb-icon.wpb-icon__share { --src: url('/wp-content/themes/wux/assets/icons/default/icon_share.svg'); } .wpb-icon.wpb-icon__copy { --src: url('/wp-content/themes/wux/assets/icons/default/icon_copy.svg'); } .wpb-icon.wpb-icon__basket { --src: url('/wp-content/themes/wux/assets/icons/default/icon_basket.svg'); } .wpb-icon.wpb-icon__discount-card { --src: url('/wp-content/themes/wux/assets/icons/default/icon_discount-card.svg'); } .wpb-icon.wpb-icon__phone { --src: url('/wp-content/themes/wux/assets/icons/default/icon_phone.svg'); } .wpb-icon.wpb-icon__send { --src: url('/wp-content/themes/wux/assets/icons/default/icon_send.svg'); } .wpb-icon.wpb-icon__globe_regular { --src: url('/wp-content/themes/wux/assets/icons/globe.svg'); } .wpb-icon.wpb-icon__calendar { --src: url('/wp-content/themes/wux/assets/icons/calendar.svg'); } .wpb-icon.wpb-icon__favicon-outline { --src: url('/wp-content/themes/wux/assets/icons/favicon.svg'); --width: 60rem; --height: calc(var(--width) * 1.2); --color: var(--wpb-border); } /*** ---------- Flags ---------- ***/ .wpb-flag { --flag: ; --aspect-ratio: 16 / 9; background: var(--flag) no-repeat 0/contain; aspect-ratio: var(--aspect-ratio); width: 2rem; height: auto; } .wpb-flag.wpb-flag__nl { --flag: url('/wp-content/themes/wux/assets/icons/flags/nl.svg'); } .wpb-flag.wpb-flag__be { --flag: url('/wp-content/themes/wux/assets/icons/flags/be.svg'); } .wpb-flag.wpb-flag__de { --flag: url('/wp-content/themes/wux/assets/icons/flags/de.svg'); } .wpb-flag.wpb-flag__fr { --flag: url('/wp-content/themes/wux/assets/icons/flags/fr.svg'); } /*** ---------- Wux Advanced Search ---------- ***/ .wpb-search-results { display: -ms-grid; display: grid; gap: 2.2rem; position: relative; } /* .wpb-search-results h3 { --fs: 2rem; padding-bottom: .8rem; } */ .wpb-search-results.--loading { min-height: 6.4rem; margin-top: 2.2rem; } .wpb-search-results.--loading::after { content: ''; --src: url('/wp-content/themes/wux/assets/icons/default/icon_loading.svg'); --color: var(--wpb-text); --width: 2rem; --height: 2rem; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: var(--width); height: var(--height); background-color: rgba(var(--color)); position: absolute; top: calc(50% - (var(--height) / 2)); left: calc(50% - (var(--width) / 2)); animation: wux_rotate 0.5s linear infinite; } .wpb-search-results.--loading .result-section { opacity: .5; } .wpb-search-results .result-section:nth-child(1) { margin-top: 2.2rem; } .wpb-search-results.--loading .result-section:nth-child(1) { margin-top: 0; } .wpb-search-results .result-section .results:is(.posts, .terms) { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); -ms-grid-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: .8rem; } .wpb-search-results .no-result-section { border: 1px solid rgb(var(--wpb-border-color)); padding: 2.2rem; border-radius: 1rem; margin-top: 2.2rem; } .wpb-search-results.--loading .no-result-section { margin-top: 0; } @keyframes wux_rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (min-width: 768px) { .wpb-search-results .result-section .results:is(.posts, .terms) { grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr)); -ms-grid-columns: repeat(auto-fill, minmax(25rem, 1fr)); } } /*** ---------- Wux Bulk Pricing ---------- ***/ .wpb-bp-overview { margin-bottom: 2.2rem; } .wpb-bp-overview .wpb-bp-rules { display: -ms-grid; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); -ms-grid-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; } .wpb-bp-overview .wpb-bp-rules .wpb-bp-rule { cursor: pointer; border: 1px solid rgb(var(--wpb-border-color)); border-radius: .5rem; display: -ms-grid; display: grid;} .wpb-bp-overview .wpb-bp-rules .wpb-bp-rule > span { font-size: 1.6rem; line-height: 1; padding: 1rem 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; gap: .5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wpb-bp-overview .wpb-bp-rules .wpb-bp-rule > span strong { font-size: 1.8rem; } .wpb-bp-overview .wpb-bp-rules .wpb-bp-rule > span small { margin-left: auto; font-size: 1.2rem; line-height: 1; } .wpb-bp-overview .wpb-bp-rules .wpb-bp-rule > span small * { font-size: inherit; line-height: inherit; } .wpb-bp-overview .wpb-bp-rules .wpb-bp-rule > span + * { border-top: 1px solid rgb(var(--wpb-border-color)); } @media (min-width: 992px) { .wpb-bp-overview { margin-bottom: 3.2rem; } } .wpb-body { background-color: rgb(var(--wpb-light)); } [data-count]::after { content: attr(data-count); display: inline-grid; place-items: center; --src: url('/wp-content/themes/wux/assets/icons/icon_polygon.svg'); background-color: rgb(var(--wpb-red)); -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; color: #fff; font-weight: 600; margin-left: auto; width: 2rem; height: 2.3rem; font-size: 1rem; line-height: 1rem; } [data-beeldmerk] { position: relative; } [data-beeldmerk]::after { content: ''; position: absolute; width: 5.5rem; height: 6.5rem; background: url('/wp-content/themes/wux/assets/img/beeldmerk-transoplast-bg-wit.svg') no-repeat center/contain; } @media (min-width: 992px) { [data-beeldmerk]::after { width: 9.5rem; height: 10rem; } } .mini-title { position: relative; --global-fs: 1.4rem; } .mini-title .mark { position: relative; z-index: 1; padding-right: 1rem; } .mini-title::after { content: ''; width: 100%; height: 0; border-top: .1rem solid rgb(var(--wpb-border)); position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .mark.mark__light { background-color: rgb(var(--wpb-light)); } /*** ----- Aspect ratio's ----- ***/ [data-ratio="none"] img { width: auto; max-width: 100%; } [data-ratio="1/1"] img { aspect-ratio: 1/1; object-fit: cover; } [data-ratio="4/3"] img { aspect-ratio: 4/3; object-fit: cover; } [data-ratio="16/9"] img { aspect-ratio: 16/9; object-fit: cover; } .wpb-image img, .wpb-youtube .wpb-ratio :is(iframe, img) { border-radius: 1.2rem; } .wpb-backdrop { background-color: rgba(0,0,0,.5); } .trusted-shops { --global-fs: 1.4rem; text-decoration: none; padding: 0 1.8rem; display: flex; align-items: center; white-space: nowrap; } .trusted-shops * { color: #fff; } .trusted-shops span { display: flex; align-items: start; line-height: 1; } .trusted-shops strong { font-size: 1.8rem; } .trusted-shops .wpb-icon { --color: 255,255,255; margin-right: 1.2rem; } .mini-logo img { max-height: 2.8rem; width: auto; } [class^="fs-"] { font-size: var(--fs); line-height: var(--lh); } .fs-18-24 { --fs: clamp(1.8rem, 3vw, 2.4rem); --lh: 1.15; } .fs-16-22 { --fs: clamp(1.6rem, 3vw, 2.2rem); --lh: 1.15; } .fs-16-18 { --fs: clamp(1.6rem, 3vw, 1.8rem); } .fs-13 { --fs: 1.3rem; --lh: 1.56rem; } .fs-14 { --fs: 1.4rem; --lh: 1.4rem; } .fs-16 { --fs: 1.6rem; --lh: 1.845rem; } h1, .h1, h2, .h2, h3, .h3 , h4, .h4, h5, .h5, h6, .h6 { color: rgb(var(--wpb-headings)); } /*** ---------- Breadcrumb ---------- ***/ .wpb-breadcrumbs { --global-fs: 1.2rem; display: inline-flex; color: rgb(var(--wpb-headings)); max-width: 100%; } .wpb-breadcrumbs > span { display: inline-flex; align-items: baseline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .wpb-breadcrumbs > span > * { margin-right: .8rem; font-weight: 500; } .wpb-breadcrumbs .breadcrumb_last { margin-right: 0; } .wpb-breadcrumbs a { color: rgb(var(--wpb-text)); text-decoration: none; } .wpb-breadcrumbs .wpb-icon { --color: var(--wpb-text); } .wpb-breadcrumbs .wpb-icon.wpb-icon__house { --width: 1.2rem; --height: 1rem; } .wpb-breadcrumbs .wpb-icon.wpb-icon__chevron-right { --width: .6rem; --height: 1rem; min-width: var(--width); } .wpb-breadcrumbs .breadcrumb_last { max-width: 18rem; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 992px) { .wpb-breadcrumbs { --global-fs: 1.4rem; padding: 1rem 1.4rem; background-color: rgb(var(--wpb-light)); border-radius: .5rem; } } /*** ----- Whitespace ----- ***/ [class*="wpb-wst"] { --wpb-wst: 0; padding-top: var(--wpb-wst); } [class*="wpb-wsb"] { --wpb-wsb: 0; padding-bottom: var(--wpb-wsb); } .wpb-wst__none { --wpb-wst: 0; } .wpb-wst__small { --wpb-wst: 1.8rem; } .wpb-wst__medium { --wpb-wst: 2.8rem; } .wpb-wst__large { --wpb-wst: 2.8rem; } .wpb-wsb__none { --wpb-wsb: 0; } .wpb-wsb__small { --wpb-wsb: 1.8rem; } .wpb-wsb__medium { --wpb-wsb: 2.8rem; } .wpb-wsb__large { --wpb-wsb: 2.8rem; } @media (min-width: 992px) { .wpb-wst__small { --wpb-wst: 3.2rem; } .wpb-wst__medium { --wpb-wst: 4.8rem; } .wpb-wst__large { --wpb-wst: 6.4rem; } .wpb-wsb__small { --wpb-wsb: 3.2rem; } .wpb-wsb__medium { --wpb-wsb: 4.8rem; } .wpb-wsb__large { --wpb-wsb: 6.4rem; } } /*** ----- Background colors ----- ***/ .wpb-bg-color__light { background-color: rgb(var(--wpb-light)); } .wpb-bg-color__light :is(.btn-outline-dark, .btn-outline) { --hover-bg-color: var(--wpb-red)!important; --hover-border: 1px solid rgb(var(--wpb-red)); --hover-color: 255,255,255; } .wpb-bg-color__light :is(.btn-outline-dark, .btn-outline):hover .wpb-icon__wrapper-outline { border-color: #fff!important; } .wpb-bg-color__secondary { background-color: rgb(var(--wpb-secondary)); } .wpb-bg-color__dark { background-color: rgb(var(--wpb-dark)); } .wpb-bg-color__dark *:not(.btn) { color: #fff; } .wpb-bg-color__dark .wpb-text-label { opacity: .6; } .wpb-bg-color__dark .wpb-text-label i { --color: 255,255,255,.6; } .wpb-bg-color__blue { background-color: rgb(var(--wpb-blue)); } .wpb-bg-color__blue *:not(.btn) { color: #fff; } .wpb-bg-color__blue .wpb-text-label { opacity: .6; } .wpb-bg-color__blue .wpb-text-label i { --color: 255,255,255,.6; } .wpb-bg-color__white-8 { background-color: rgba(255,255,255,.08); } .wpb-bg-pattern__dark { position: relative; background-color: rgb(var(--wpb-dark)); } .wpb-bg-pattern__dark::after { --src: url('/wp-content/themes/wux/assets/img/background-pattern.svg'); content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: 40rem; mask-size: 40rem; -webkit-mask-repeat: repeat; mask-repeat: repeat; -webkit-mask-position: left center; background-color: rgba(255,255,255,.15); } .wpb-bg-pattern__dark > * { position: relative; z-index: 1; } .wpb-bg-pattern__dark *:not(.btn) { color: #fff; } .wpb-bg-pattern__dark .wpb-text-label i { --color: 255,255,255; } .wpb-bg-pattern__dark .btn.btn-blue { --hover-bg-color: 255,255,255; --hover-color: var(--wpb-headings); } .wpb-bg-pattern__dark .btn.btn-blue .wpb-icon__wrapper-outline { border-color: rgb(255,255,255); } .wpb-bg-pattern__dark .btn.btn-blue:hover .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-headings)) } .wpb-bg-pattern__dark .btn.btn-red { --hover-bg-color: 255,255,255; --hover-color: var(--wpb-headings); } .wpb-bg-pattern__dark .btn.btn-red .wpb-icon__wrapper-outline { border-color: rgb(255,255,255);} .wpb-bg-pattern__dark .btn.btn-red .wpb-icon__wrapper-outline .wpb-icon { --color: 255, 255, 255; } .wpb-bg-pattern__dark .btn.btn-red:hover .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-headings)) } .wpb-bg-pattern__dark .btn.btn-primary { --hover-bg-color: 255,255,255; --hover-color: var(--wpb-headings); } .wpb-bg-pattern__dark .btn.btn-primary .wpb-icon__wrapper-outline { border-color: rgb(255,255,255); } .wpb-bg-pattern__dark .btn.btn-primary:hover .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-headings)) } /*** ----- Text ----- ***/ .wpb-text__white *:not(.btn) { color: #fff; } .wpb-text__white .wpb-text-label i { --color: 255,255,255; } .wpb-text__blue { color: rgb(var(--wpb-blue)); } .wpb-text__blue i { --color: var(--wpb-blue); } .wpb-text-label { display: flex; align-items: center; font-size: clamp(1.4rem, 4vw, 1.8rem); color: rgb(var(--wpb-red)); font-weight: 600; } .wpb-text-label i { margin-right: .5rem; --width: 1.3rem; --height: 1.5rem; --color: var(--wpb-red); } .wpb-text-label + * { margin-top: 1.2rem!important; } /*** ----- Badges ----- ***/ .badge { display: inline-flex; align-items: center; column-gap: .2rem; } .badge.badge-large { min-height: 3.2rem; } .badge-rounded { border-radius: 2rem; } .badge .wpb-icon.wpb-icon__favicon { --width: 1.2rem; --height: 1.2rem; } .badge.badge-blue .wpb-icon { --color: 255,255,255; } .badge.badge-outline { --color: rgb(var(--wpb-text)); --border: 1px solid rgb(var(--wpb-border)); --bg-color: transparent; } a.badge-outline:hover { --hover-color: 255,255,255; --bg-color:var(--wpb-blue); --border: 1px solid rgb(var(--wpb-blue)); } /*** ----- Buttons ----- ***/ .btn, .gform_button, .gform_next_button, .gform_previous_button, .button { --font-size: 1.4rem; --border-radius: 4rem; gap: .8rem; --color: var(--wpb-text); --padding: 0 2rem; column-gap: 2rem; font-weight: 600; min-height: 4rem; justify-content: space-between; text-align: start; } .btn span, .gform_button span, .gform_next_button span, .gform_previous_button span, .button span { font: inherit; color: inherit; } .btn i { --width: 1.2rem; --height: 1.2rem; } .btn.btn-large { --padding: 0 2.4rem; --font-size: 1.6rem; min-height: 4.6rem; } .btn.btn-small { --padding: 0 1.8rem; min-height: 3.6rem; } .btn.btn-mini { --padding: 0 1.6rem; min-height: 3rem; } .btn.btn-outline { --color: var(--wpb-headings); --bg-color: transparent; --border: .1rem solid rgb(var(--wpb-headings)); --hover-bg-color: var(--wpb-light); } .btn.btn-outline .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-headings)); } .btn.btn-outline .wpb-icon { --color: var(--wpb-headings); } .btn.btn-outline.selected { --border: .1rem solid rgb(var(--wpb-blue)); --bg-color: var(--wpb-blue), .15; --color: var(--wpb-blue); } .btn.btn-outline.selected i:not(.wpb-icon__trashcan) { --src: url('/wp-content/themes/wux/assets/icons/bookmark.svg'); --color: var(--wpb-blue); } .btn.btn-outline.loading::after { --color: var(--wpb-green); } .btn.btn-outline-light { --color: var(--wpb-headings); --bg-color: transparent; --border: .1rem solid rgb(var(--wpb-border)); --hover-bg-color: var(--wpb-light); } .btn.btn-outline-light .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-headings)); } .btn.btn-outline-light .wpb-icon__wrapper-outline .wpb-icon { --color: var(--wpb-headings); } .btn.btn-outline-dark { --color: var(--wpb-headings); --bg-color: transparent; --border: .1rem solid rgb(var(--wpb-border-dark)); --hover-bg-color: var(--wpb-light); } .btn.btn-outline-dark .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-headings)); } .btn.btn-outline-dark .wpb-icon__wrapper-outline .wpb-icon { --color: var(--wpb-headings); } .btn.btn-outline-headings { --color: var(--wpb-headings); --bg-color: transparent; --border: .1rem solid rgb(var(--wpb-headings)); --hover-bg-color: var(--wpb-light); } .btn.btn-outline-headings .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-headings)); } .btn.btn-outline-headings .wpb-icon__wrapper-outline .wpb-icon { --color: var(--wpb-headings); } .btn.btn-outline-white { --color: 255,255,255; --bg-color: transparent; --border: .1rem solid rgb(255,255,255); --hover-color: var(--wpb-headings); --hover-bg-color: 255,255,255; } .btn.btn-outline-white .wpb-icon__wrapper-outline { border-color: rgb(255,255,255); } .btn.btn-outline-white:hover .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-headings)) } .btn.btn-outline-white .wpb-icon__wrapper-outline i { --color: 255,255,255; } .btn.btn-white { --hover-color: 255, 255, 255; --hover-bg-color: var(--wpb-dark); } .btn.btn-light { --bg-color: var(--wpb-light); --border: .1rem solid rgb(var(--wpb-light)); --color: var(--wpb-headings); } .btn.btn-light .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-headings)); } .btn.btn-light i { --color: var(--wpb-headings); } .btn.btn-secondary { --bg-color: var(--wpb-dark); --border: .1rem solid rgb(var(--wpb-dark)); --color: 255,255,255; --hover-bg-color: var(--wpb-blue); --hover-border: .1rem solid rgb(var(--wpb-blue)); } /* .btn.btn-secondary .wpb-icon__wrapper-outline { border-color: 255,255,255,.; } */ .btn.btn-secondary i { --color: 255,255,255; } .btn-check + .btn { --active-color: #fff; --active-bg-color: rgb(var(--wpb-headings)); --active-border: 1px solid rgb(var(--wpb-headings)); } .btn-check:checked + .btn { --hover-color: 255,255,255; --hover-bg-color: var(--wpb-headings); --hover-border: .1rem solid rgb(var(--wpb-headings)); } .btn-check:checked + .btn .wpb-icon__wrapper-outline { border-color: rgb(255,255,255); } .btn-check:checked + .btn i { --color: 255,255,255; } .btn.btn-link { --padding: 0; min-height: 0; } .btn.btn-link-blue { --color: var(--wpb-blue); } .btn.btn-link-blue .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-blue)); } .btn.btn-link-blue .wpb-icon { --color: var(--wpb-blue); } .btn.btn-link-red { --color: var(--wpb-red); } .btn.btn-link-red .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-red)); } .btn.btn-link-red .wpb-icon { --color: var(--wpb-red); } .btn.btn-primary , .button { --bg-color: var(--wpb-red); --border: 1px solid rgb(var(--wbp-red)); --color: 255,255,255; --hover-bg-color: var(--wpb-dark); } .btn.btn-primary .wpb-icon { --color: 255,255,255; } .btn.btn-blue { --bg-color: var(--wpb-blue); --border: 1px solid rgb(var(--wbp-blue)); --color: 255,255,255; --hover-bg-color: var(--wpb-dark); } .btn.btn-blue .wpb-icon { --color: 255,255,255; } .btn.btn-green { position: relative; --bg-color: var(--wpb-green); --border: 1px solid rgb(var(--wpb-green)); --color: 255,255,255; --hover-bg-color: var(--wpb-dark); --hover-border: 1px solid rgb(var(--wpb-dark)) } .btn.btn-green .wpb-icon { --color: 255,255,255; } .btn.btn-green.is-loading::before, .btn.btn-outline.is-loading::before { z-index: 2; content: ''; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; background-color: rgb(var(--bg-color)); border-radius: 5rem; } .btn.btn-outline.is-loading::after, .btn.btn-green.is-loading::after { z-index: 3; content: ''; display: block; position: absolute; --src: url('/wp-content/themes/wux/assets/icons/default/icon_loading.svg'); --color: 255,255,255; --width: 2rem; --height: 2rem; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: var(--width); height: var(--height); background-color: rgba(var(--color)); top: calc(50% - (var(--height) / 2)); left: calc(50% - (var(--width) / 2)); animation: woocommerce_rotate 0.5s linear infinite; } .btn.btn-outline.is-loading {background-color: rgba(var(--wpb-dark))!important; color: #fff!important;} .btn.btn-red { --bg-color: var(--wpb-red); --border: 1px solid rgb(var(--wbp-red)); --color: 255,255,255; --hover-bg-color: var(--wpb-dark); } .btn.btn-red .wpb-red { --color: 255,255,255; } .btn.btn-link { column-gap: .6rem; } .btn.btn-link.btn-link__blue { --color: var(--wpb-blue); } .btn.btn-link.btn-link__blue .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-blue)); } .btn.btn-link.btn-link__blue .wpb-icon__wrapper-outline i { --color: var(--wpb-blue); } .btn.btn-link { column-gap: .6rem; } .btn.btn-link.btn-link__green { --color: var(--wpb-green); } .btn.btn-link.btn-link__green .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-green)); } .btn.btn-link.btn-link__green .wpb-icon__wrapper-outline i { --color: var(--wpb-green); } .btn[data-online]::after { margin-left: 2.7rem; } [data-online]::after { content: ''; display: inline-block; width: .9rem; height: .9rem; border-radius: 50%; margin: .5rem; } [data-online="true"]::after { background-color: rgb(var(--wpb-green)); box-shadow: 0 0 0 .5rem rgba(var(--wpb-green), .22); } [data-online="false"]::after { background-color: rgb(var(--wpb-dark)); box-shadow: 0 0 0 .5rem rgba(var(--wpb-dark), .22); } .has-background-image .btn.btn-outline { --color: 255,255,255; --hover-color: var(--wpb-headings); } .has-background-image .btn.btn-outline .wpb-icon__wrapper-outline { border-color: rgb(255,255,255) } .has-background-image .btn.btn-outline .wpb-icon { --color: 255,255,255; } .has-background-image .btn.btn-outline:hover .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-headings)) } @media (min-width: 576px) { .btn, .gform_button, .gform_next_button, .gform_previous_button, .button { font-size: 1.6rem; } .btn.btn-small { font-size: 1.4rem; } } @media (min-width: 768px) { .badge { column-gap: .3rem; } } @media (min-width: 992px) { .btn, .gform_button, .gform_next_button, .gform_previous_button, .button { min-height: 4.6rem; } .btn.btn-large { min-height: 5.3rem; } } /*** ----- Forms ----- ***/ .form-control { min-height: 4rem; --border: 1px solid rgb(var(--wpb-border)); --padding: 0 1.6rem; --border-radius: 0.6rem; } .form-select { font-weight: 600; --padding: 0 .9rem; } .form-select__small { min-height: 3.6rem; font-size: 1.4rem; } .form-select:focus { outline: .1rem solid rgba(0,0,0,.5); } .form-select__wrapper .form-select { -webkit-appearance: none; appearance: none; } .form-select__wrapper { position: relative; } .form-select__wrapper::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 1.6rem; pointer-events: none; --src: url('/wp-content/themes/wux/assets/icons/chevron-down.svg'); -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: 1.2rem; height: 1.2rem; background-color: rgba(var(--wpb-headings)); } textarea.form-control { --padding: 1rem 1.6rem; } .has-floating-label { background-color: #fff; border-radius: .5rem; display: flex; flex-direction: column; overflow: hidden; } .has-floating-label label { font-size: 1rem; line-height: 1; text-transform: uppercase; padding: .7rem 1rem 0 1rem; } .has-floating-label :is(select, input) { min-height: 3rem; font-weight: 400; padding: 0 1rem; } .has-floating-label :is(select, input):focus { outline: none; } .gform_wrapper .gfield_label { color: rgb(var(--wpb-headings)); margin-bottom: .5rem; } .gform_wrapper:not(#gform_wrapper_2) .gfield :is(input:not([type=checkbox], [type=radio]), textarea, select) { --border: .1rem solid rgb(var(--wpb-border)); padding: 0 1.6rem!important; --border-radius: 0.6rem; min-height: 4rem!important; } .gform_wrapper .textarea { padding: 1.6rem!important; } .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message { background: transparent!important; border: none!important; padding: 0!important; margin: 0!important; } .form-check-input:checked, .gfield_radio input:checked, .gfield_checkbox input:checked, .woocommerce-form__label input:checked, .woocommerce-shipping-methods input:checked { --check-bg-color: rgb(var(--wpb-blue)); --check-border-color: rgb(var(--wpb-blue)); } /* Gravity Form : Errors */ .gform_wrapper.gravity-theme .gfield_description { display: none; } .gform_wrapper.gravity-theme .gform_validation_errors { background-color: #c02b0a; padding: 1.6rem 2rem; } .gform_wrapper.gravity-theme .gform_validation_errors h2 { color: #fff; } .gform_confirmation_message { background-color: rgb(var(--wpb-green)); padding: 1.6rem 2rem; border-radius: 0.8rem; color: #fff; } @media (min-width: 992px) { .form-control { min-height: 5rem; } .gform_wrapper:not(#gform_wrapper_2) .gfield :is(input:not([type=checkbox], [type=radio]), textarea, select) { min-height: 5rem!important; } } /*** ----- Form: Newsletter ----- ***/ .newsletter .wpb-alert { margin-top: 1rem; --global-fs: 1.4rem; padding: 1rem; padding-left: 3rem; min-height: unset;} .newsletter .wpb-alert::before { left: 1rem; --width: 1.4rem; --height: 1.4rem; } .newsletter .form-group { position: relative; } .newsletter [type="email"] { --border-radius: 4rem!important; --border: 1px solid rgba(255,255,255,.25)!important; --focus-border: 1px solid rgba(255,255,255,.25)!important; font-size: 1.4rem; color: #fff; background-color: transparent; padding-right: 4.5rem!important; padding-left: 2rem!important; min-height: 4.5rem!important; } .newsletter [type="email"]::placeholder { color: #fff; font-size: 1.4rem; } .newsletter [type="email"]:focus { border-color: rgba(255,255,255,.75); } .newsletter button { cursor: pointer; border: none; display: inline-grid; place-items: center; position: absolute; top: .5rem; right: .5rem; width: 3.5rem; height: 3.5rem; min-height: 3.5rem; padding: 0; border-radius: 50%; background-color: rgb(var(--wpb-blue)); } .newsletter button .wpb-icon { --color: 255,255,255; --width: 1.3rem; --height: 1.3rem; } .newsletter.newsletter--dark [type="email"] { border: 1px solid rgba(0,0,0,.25)!important; color: rgb(var(--wpb-text)); } .newsletter.newsletter--dark [type="email"]:focus { border-color: rgba(0,0,0,.75); } .newsletter.newsletter--dark [type="email"]::placeholder { color: rgb(var(--wpb-text)); } /*** ----- Icon wrapper ----- ***/ .wpb-icon__wrapper { --w: 1.7rem; --h: 1.7rem; width: var(--w); min-width: var(--w); height: var(--h); min-height: var(--h); border-radius: 50%; line-height: 1; } .wpb-icon__wrapper .wpb-icon { --width: 1rem; --height: 1rem; } .wpb-icon__wrapper .wpb-icon.wpb-icon__info { --width: .425rem; --height: .956rem; } .wpb-icon__wrapper.wpb-icon__wrapper-outline { border: 1px solid rgb(var(--wpb-border)); } .wpb-icon__wrapper.wpb-icon__wrapper-outline-white { border: 1px solid rgb(255,255,255, .45); } .wpb-icon__wrapper.wpb-icon__wrapper-outline-white .wpb-icon { --color: 255,255,255; } .wpb-icon__wrapper.wpb-icon__wrapper-blue { background-color: rgb(var(--wpb-blue)); } .wpb-icon__wrapper.wpb-icon__wrapper-blue .wpb-icon { --color: 255,255,255; --width: 1.7rem; --height: 1.7rem; } .wpb-icon__wrapper.wpb-icon__wrapper-red { background-color: rgb(var(--wpb-red)); } .wpb-icon__wrapper.wpb-icon__wrapper-red .wpb-icon { --color: 255,255,255; } .wpb-icon__wrapper.wpb-icon__wrapper-polygon { border-radius: 0; display: inline-grid; place-items: center; --src: url('/wp-content/themes/wux/assets/icons/icon_polygon.svg'); background-color: rgb(var(--wpb-red)); -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; font-weight: 600; margin-left: auto; --w: 3.2rem; --h: 3.7rem; } .wpb-icon__wrapper-15 { --w: 1.5rem; --h: 1.5rem; } .wpb-icon__wrapper-23 { --w: 2.3rem; --h: 2.3rem; } .wpb-icon__wrapper-23 .wpb-icon { --width: 1.2rem; --height: 1.2rem; } .wpb-icon__wrapper-27 { --w: 2.7rem; --h: 2.7rem; } .wpb-icon__wrapper-27 .wpb-icon { --width: 1.3rem; --height: 1.3rem; } .wpb-icon__wrapper-30 { --w: 3rem; --h: 3rem; } .wpb-icon__wrapper-30 .wpb-icon { --width: 1.3rem; --height: 1.3rem; } .wpb-icon__wrapper-38 { --w: 3.8rem; --h: 3.85rem; } .wpb-icon__wrapper-38 .wpb-icon { --width: 1.6rem; --height: 1.6rem; } .wpb-icon__wrapper-41 { --w: 4.1rem; --h: 4.1rem; } .wpb-icon__wrapper-41 .wpb-icon { --width: 2rem; --height: 2rem; } .wpb-icon__wrapper-47 { --w: 4.7rem; --h: 4.7rem; } .wpb-icon__wrapper-47 .wpb-icon { --width: 2.5rem; --height: 2.5rem; } .wpb-icon__wrapper-51 { --w: 5.1rem; --h: 5.1rem; } .wpb-icon__wrapper-51 .wpb-icon { --width: 3rem; --height: 3rem; } .wpb-icon__wrapper-51 img { width: 3rem; height: 3rem; object-fit: contain; } /*** ----- Info ----- ***/ .wpb-info { --global-fs: 1.4rem; } .wpb-info .wpb-icon__wrapper { margin-right: .6rem; } /*** ----- USP's ----- ***/ .wpb-usps { --global-fs: 1.4rem; --global-lh: 1.15; list-style: none; display: flex; color: #fff; scroll-snap-type: x mandatory; white-space: nowrap; overflow-x: auto; scrollbar-width: none; } .wpb-usps::-webkit-scrollbar { display: none; } .wpb-usps li { display: grid; grid-template-columns: 1.4rem 1fr; column-gap: .5rem; align-items: center; scroll-snap-align: start; } .wpb-usps li .wpb-icon { --width: 1.6rem; --height: 1.6rem; --color: 255,255,255,.65; } .wpb-usps > li + li { margin-left: 1.8rem; } .wpb-usps * { color: #fff; } .wpb-usps.wpb-usps__dark * { color: rgb(var(--wpb-headings)); } .wpb-usps.wpb-usps__dark li .wpb-icon { --color: var(--wpb-blue); } .wpb-usps.wpb-usps__extended li { grid-template-columns: 3.2rem 1fr; column-gap: 1rem; } .wpb-usps.wpb-usps__extended li .wpb-icon__wrapper { width: 2.4rem; height: 2.4rem; } .wpb-usps.wpb-usps__extended li .wpb-icon { --color: 255,255,255; --width: 1.4rem; --height: 1.4rem; } /*** ----- Tooltips ----- ***/ .wpb-tooltip { border: 1px solid rgb(var(--wpb-border)); padding: 1rem; box-shadow: 0 0 0.8rem 0.15rem rgba(0,0,0,.05); } .wpb-tooltip.wpb-tooltip__top::before { z-index: 2; content: ''; width: 1rem; height: 1rem; position: absolute; bottom: -.5rem; left: 50%; transform: translateX(-50%) rotate(45deg); background-color: #fff } .wpb-tooltip.wpb-tooltip__top::after { z-index: 1; border-width: 8px 8px 0 8px; border-color: rgb(var(--wpb-border)) transparent transparent transparent; } .wpb-tooltip strong { display: block; font-size: 1.4rem; line-height: 1.2; color: rgb(var(--wpb-headings)); } .wpb-tooltip span { display: block; font-size: 1.3rem; line-height: 1.2; color: rgb(var(--wpb-headings)); } /*** ----- Cards ----- ***/ .card-container { container-name: cardContainer; container-type: inline-size; } .wpb-card { --border-radius: 1.2rem; } .wpb-card .wpb-card__body { padding: 1rem; z-index: 2; } .wpb-card .wpb-card__footer { padding: 0 1rem 1rem 1rem; z-index: 2; } .wpb-card .card-date { display: inline-flex; align-items: center; column-gap: .5rem; font-size: 1.3rem; font-weight: 600; } .wpb-card .card-date .wpb-icon { --width: 1.4rem; --height: 1.6rem; opacity: .5; } .wpb-card .wpb-card__header.is-bg-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: var(--border-radius); } .wpb-card .wpb-card__header.is-bg-image::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; border-radius: var(--border-radius); background: linear-gradient(0deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,.05) 100%); } .wpb-card .wpb-card__header.is-bg-image img { object-fit: cover; border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); } .wpb-card.wpb-card__category { margin-top: 2rem; background-color: #fff;} .wpb-card.wpb-card__category .wpb-card__body > p {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .wpb-card.wpb-card__category .wpb-card__header { padding: 0 1rem; overflow: inherit; } .wpb-card.wpb-card__category .wpb-card__header figure { margin-top: -2rem; max-width: 65%; } .wpb-card.wpb-card__category .wpb-card__header figure img { height: 13rem; object-fit: contain; } .wpb-card.wpb-card__category .wpb-card__footer a::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .wpb-card.wpb-card__sector { background-color: #334B72; border-radius: 1.6rem; } .wpb-card.wpb-card__sector .wpb-card__header { overflow: hidden; border-radius: var(--border-radius); } .wpb-card.wpb-card__sector .wpb-card__header img { transition: transform var(--ts-35) ease; width: 100%; height: 100%; object-fit: cover; border-radius: var(--border-radius); } .wpb-card.wpb-card__sector .wpb-card__body { padding: 1.6rem; display: flex; flex-direction: column; align-items: start; } .wpb-card.wpb-card__sector .wpb-card__body .btn { margin-top: auto; } .wpb-card.wpb-card__sector .wpb-card__body .wpb-icon__wrapper i { --color: 255,255,255; } .wpb-card.wpb-card__sector:hover .wpb-card__header img { transform: scale(1.1); } .wpb-card.wpb-card__sector .btn::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .wpb-card.wpb-card__article .card-title { --fs: clamp(1.6rem, 2.5vw, 2rem); } .wpb-card.wpb-card__article .wpb-card__header { overflow: hidden; border-radius: var(--border-radius); } .wpb-card.wpb-card__article .wpb-card__header img { transition: transform var(--ts-35) ease; width: 100%; height: 100%; object-fit: cover; border-radius: var(--border-radius); min-height: 20rem; } .wpb-card.wpb-card__article .wpb-card__body { display: flex; flex-direction: column; align-items: start; justify-content: flex-end; padding: 2rem; } .wpb-card.wpb-card__article .wpb-card__body a::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .wpb-card.wpb-card__article:hover .wpb-card__header img { transform: scale(1.1); } .wpb-card.wpb-card__article summary p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .wpb-card.wpb-card__article .badge-group .badge { --border: 1px solid rgba(255,255,255,.3); } .wpb-card.wpb-card__article .card-date .wpb-icon { background-color: rgba(255,255,255,.75); } .wpb-card.wpb-card__header .wpb-card__body h3 { --fs: clamp(1.4rem, 2.5vw, 2rem); padding-bottom: .7rem; } .wpb-card.wpb-card__header .wpb-card__body form { margin-top: 1.8rem; } .wpb-card.wpb-card__header.wpb-bg-pattern__dark .newsletter .form-control { background-color: #3F557B; border-color: #3F557B; } .wpb-card.wpb-card__wishlist-product { border: .1rem solid rgb(var(--wpb-border)); } .wpb-card.wpb-card__article-small { background-color: transparent; border-radius: 0; } .wpb-card.wpb-card__article-small .card-title { font-size: 1.8rem; font-weight: 600; margin-bottom: .5rem; } .wpb-card.wpb-card__article-small .btn { margin-top: 1rem; } .wpb-card.wpb-card__article-small summary p { font-size: 1.3rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .wpb-card.wpb-card__article-small .wpb-card__body { padding: 0; } .wpb-card.wpb-card__article-small .badge { --padding: .45rem .9rem; } .wpb-card.wpb-card__article-small .wpb-card__footer { display: flex; justify-content: space-between; padding: .9rem 0 0 0; } .wpb-card.wpb-card__article-small .wpb-card__footer .wpb-icon__wrapper { width: 2.2rem; height: 2.2rem; } .wpb-card.wpb-card__article-small:hover .wpb-icon__wrapper { background-color: rgb(var(--wpb-blue)); border-color: rgb(var(--wpb-blue)); } .wpb-card.wpb-card__article-small:hover .wpb-icon__wrapper .wpb-icon { --color: 255,255,255; } .wpb-card.wpb-card__wishlist-product .wpb-card__header { height: 20rem } .wpb-card.wpb-card__wishlist-product .wpb-card__header img { object-fit: contain; } .wpb-card.wpb-card__wishlist-product .wpb-card__body .product-sku { display: inline-block; color: rgb(var(--wpb-text)); font-size: 1.2rem; font-weight: 500; background-color: rgb(var(--wpb-light)); border-radius: 0.3rem; padding: 0 0.25rem; margin-bottom: .5rem; } .wpb-card.wpb-card__wishlist-product .wpb-card__body h3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .wpb-card.wpb-card__wishlist-product .wpb-card__body + .wpb-card__body { border-top: 1px solid rgb(var(--wpb-border)); } .wpb-card.wpb-card__wishlist-product .price { color: rgb(var(--wpb-headings)); } .wpb-card.wpb-card__wishlist-product .price > strong { display: block; font-size: 2rem; line-height: 1.2rem; } .wpb-card.wpb-card__wishlist-product .price > strong small { display: none; } .wpb-card.wpb-card__wishlist-product .price > small { font-size: 1.2rem; line-height: 1.2rem; color: rgb(var(--wpb-text)); } .wpb-card.wpb-card__wishlist-product .price > small * { font-size: 1.2rem; line-height: 1.2rem; color: rgb(var(--wpb-text)); } .wpb-card.wpb-card__wishlist-product .btn.btn-outline { --padding: 0 1.4rem; --color: var(--wpb-headings); --bg-color: transparent; --border: .1rem solid rgb(var(--wpb-border)); } .wpb-card.wpb-card__wishlist-product .wpb-quantity input { width: 4.5rem!important; } .wpb-card.wpb-card__brochure { background-color: rgb(var(--wpb-light)); border-radius: 1.2rem; margin-top: 6.4rem; } .wpb-card.wpb-card__brochure .wpb-card__header { margin-top: -6.4rem; } .wpb-card.wpb-card__brochure .wpb-card__header img { width: 75%; } .wpb-card.wpb-card__brochure .wpb-card__body > * + * { margin-top: 0.5em; } .wpb-card.wpb-card__brochure .btn { --hover-bg-color: 255,255,255; --hover-border: 1px solid rgb(255,255,255) } .wpb-card.wpb-card__brochure .btn::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .wpb-card.wpb-card__vacancy summary { margin-bottom: 1em; } .wpb-card.wpb-card__vacancy .vacancy__spec { display: flex; align-items: center; column-gap: .8rem; } .wpb-card.wpb-card__vacancy .vacancy__spec .wpb-icon-wrapper .wpb-card.wpb-card__vacancy .vacancy__spec .wpb-icon { --color: 255,255,255; } .wpb-card.wpb-card__vacancy .wpb-card__body .btn::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .wpb-card.wpb-card--showroom { background-color: rgb(var(--wpb-light)); } .wpb-card.wpb-card--prd-option { border: 1px solid rgb(var(--wpb-border)); } .wpb-card.wpb-card--prd-option .wpb-card__body { padding: 1rem; line-height: 1; display: grid; grid-template-columns: 1fr 1.9rem; column-gap: .5rem; } .wpb-card.wpb-card--prd-option strong { font-size: 1.4rem; line-height: 1; } .wpb-card.wpb-card--prd-option span { cursor: pointer; display: grid; place-items: center; width: 1.9rem; height: 1.9rem; min-width: 1.9rem; border-radius: 50%; border: .1rem solid rgb(var(--wpb-border)); } .wpb-card.wpb-card--prd-option span .wpb-icon { --width: 1.3rem; --height: 1.3rem; } .wpb-card.wpb-card__category-color { background-color: rgb(var(--wpb-light)); } .wpb-card.wpb-card__category-color .wpb-card__header { padding: 1.6rem 2rem; column-gap: 2rem; display: flex; justify-content: space-between; overflow: inherit; } .wpb-card.wpb-card__category-color .wpb-card__header h3 { font-size: 1.8rem; display: flex; align-items: center; column-gap: .8rem; } .wpb-card.wpb-card__category-color .wpb-card__header h3 .wpb-icon { background: rgba(63, 76, 88, .4); --width: 1.3rem; --height: 1.3rem; min-width: 1.3rem; } .wpb-card.wpb-card__category-color .wpb-card__header .wpb-icon__wrapper { border: 1px solid rgb(var(--wpb-blue)); } .wpb-card.wpb-card__category-color .wpb-card__header .wpb-icon__wrapper .wpb-icon { --color: var(--wpb-blue); } .wpb-card.wpb-card__category-color .wpb-card__header .wpb-icon__wrapper::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; } .wpb-card.wpb-card__category-color:hover .wpb-card__header .wpb-icon__wrapper { background-color: rgb(var(--wpb-blue)); border-color: rgb(var(--wpb-blue)); } .wpb-card.wpb-card__category-color:hover .wpb-card__header .wpb-icon__wrapper .wpb-icon { background: #fff!important; } .wpb-card.wpb-card__category-color .wpb-card__body { padding: .8rem 2rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .wpb-card.wpb-card__category-color .wpb-card__footer { padding: .8rem 2rem; } .wpb-card.wpb-card__category-color .colors { display: inline-flex; align-items: center; } .wpb-card.wpb-card__category-color .color { --size: 2rem; border: 2px solid rgb(var(--wpb-light)); border-radius: 50%; width: var(--size); height: var(--size); min-width: var(--size); background-color: var(--c); } .wpb-card.wpb-card__category-color .color + .color { margin-left: -.85rem; } .wpb-card.wpb-card__category-color > * + * { border-top: 1px solid #DBDFE2; } .wpb-card.wpb-card__category-color * { color: #3F4C58; } .wpb-card.wpb-card__category-color small { font-size: 1.3rem; } .wpb-card.wpb-card__category-color .heights { display: flex; flex-wrap: wrap; column-gap: .5rem } .wpb-card.wpb-card__category-color .heights, .wpb-card.wpb-card__category-color .heights * { font-size: 1.3rem; } .wpb-card.wpb-card__category-color .height + .height::before { content: ', '; font-size: 1.3rem; display: inline-block; margin-right: .5rem; margin-left: -.5rem; } @media (min-width: 768px) { .wpb-card .wpb-card__body { padding: 2rem; } .wpb-card .wpb-card__footer { padding: 0 2rem 2rem 2rem; } .wpb-card.wpb-card__category .wpb-card__header { padding: 0 2.4rem; } .wpb-card.wpb-card__category .wpb-card__body { padding: 2.1rem 2.4rem 1.8rem 2.4rem; } .wpb-card.wpb-card__category .wpb-card__footer { padding: 0 2.4rem 2.4rem 2.4rem; } .wpb-card.wpb-card--showroom .wpb-card__body { padding: 2.4rem; } .wpb-card.wpb-card__article .wpb-card__header img { min-height: 30rem; } } @media (min-width: 992px) { .wpb-card.wpb-card__vacancy .wpb-card__body { display: flex; align-items: center; column-gap: 6.4rem; padding: 3.2rem; } .wpb-card.wpb-card__vacancy .wpb-card__body .btn { white-space: nowrap; } .wpb-card.wpb-card--showroom .wpb-card__body { padding: 3.2rem; } } @media (min-width: 1200px) { .wpb-card.wpb-card__sector .wpb-card__body { padding: 2.8rem; } .wpb-card.wpb-card__vacancy .wpb-card__body { padding: 4.8rem 7.8rem 4.8rem 5.2rem; } } @media (min-width: 1400px) { .wpb-card.wpb-card--prd-option strong { font-size: 1.6rem; } } /*** ----- Navigation ----- ***/ .wpb-navigation { --nav-bg-color: #fff; position: relative; background-color: #fff; border-top: .5rem solid rgb(var(--wpb-red)); } .wpb-navigation .logo { display: inline-flex; margin: auto; } .wpb-navigation .logo img { width: 100%; max-width: 20rem; height: auto; } .wpb-navigation .menu-item-has-children { position: relative; } .wpb-navigation .wpb-navigation__center { padding: 1.3rem 0; } .wpb-navigation .wpb-navigation__center .container { display: grid; grid-template-columns: auto 1fr auto; column-gap: 1.9rem; grid-row-gap: 1.2rem; } .wpb-navigation .wpb-navigation__center .woocommerce-cart__button { --padding: 0 1.8rem; position: relative; cursor: pointer;} .wpb-navigation .wpb-navigation__center .woocommerce-cart__button .wpb-icon { --width: 1.9rem; --height: 1.6rem; } .wpb-navigation .wpb-navigation__center .woocommerce-cart__button span { display: none; } .wpb-navigation .wpb-navigation__center .woocommerce-cart__button::after { position: absolute; top: -.5rem; right: -.5rem; } .wpb-navigation .wpb-navigation__center .wux-bookmark__button { position: relative; } .wpb-navigation .wpb-navigation__center .wux-bookmark__button::after { position: absolute; top: -.5rem; right: -.5rem; } .wpb-navigation .customerservice { text-decoration: none; color: #fff; border-left: 1px solid rgb(255,255,255,.20); padding: 0 1.8rem 0 4.3rem; position: relative; line-height: 1; display: inline-flex; flex-direction: column; justify-content: center; min-height: 3.9rem;} .wpb-navigation .customerservice .wpb-icon { --width: 1.7rem; --height: 1.7rem; --color: 255,255,255,.65; position: absolute; left: 1.8rem; top: 50%; transform: translateY(-50%); } .wpb-navigation .customerservice strong { display: block; width: 100%; font-size: 1.4rem; line-height: 1.2; } .wpb-navigation .customerservice span { font-size: 1.2rem; line-height: 1.2; color: #fff; } /*** SEARCH BAR ***/ .wpb-navigation__search { order: 99; grid-column: 1/-1; position: relative; border-radius: 4rem; display: flex; height: 4rem; } .wpb-navigation__search input { padding: 0 1.6rem; flex-grow: 1; font-size: 14px; height: 4rem; border: none; background-color: rgba(var(--wpb-light)); border-right: 0; border-top-left-radius: 4rem; border-bottom-left-radius: 4rem; } .wpb-navigation__search input:focus { outline: none; } .wpb-navigation__search.is-active input, .wpb-navigation__search.is-active button {background-color: #fff;} .wpb-navigation__search button { cursor: pointer; background-color: rgba(var(--wpb-light)); display: flex; color: rgb(var(--wpb-headings)); align-items: center; font-size: 1.4rem; font-weight: 600; height: 4rem; padding: 0 1.6rem; border: none; border-left: .1rem solid rgb(var(--wpb-border)); border-top-right-radius: 4rem; border-bottom-right-radius: 4rem; } .wpb-navigation__search button .wpb-icon { --width: 1.6rem; --height: 1.6rem; margin-right: .7rem; } .wpb-navigation__search .wpb-search-results { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; } .wpb-navigation__search .wpb-search-history {opacity: 0; visibility: hidden; pointer-events: none; background-color: #fff; border-radius: 1.2rem; padding: 1.2rem 1.8rem; z-index: 10; position: absolute; top: calc(100% + 0.65rem); left: 0; right: 0; transition: var(--ts-15) ease;} .wpb-navigation__search .wpb-search-history .searches {display: flex; flex-direction: column; margin: 0 -6px;} .wpb-navigation__search .wpb-search-history .searches .search {cursor: pointer; font-weight: 600; color: rgba(var(--wpb-headings)); padding: 3px 6px; border-radius: .4rem; font-size: 15px; text-decoration: none; display: flex; align-items: center; justify-content: space-between; transition: var(--ts-15) ease;} .wpb-navigation__search .wpb-search-history .searches .search .wpb-icon__wrapper {opacity: 0; transition: var(--ts-15) ease;} .wpb-navigation__search .wpb-search-history .searches .search:hover {background-color: rgba(var(--wpb-light));} .wpb-navigation__search .wpb-search-history .searches .search:hover .wpb-icon__wrapper {opacity: 1;} .wpb-navigation__search .wpb-search-history label {font-size: 13px; font-weight: 500; opacity: .65; color: rgba(var(--wpb-headings)); margin-bottom: 8px;} .wpb-navigation__search .empty-state {display: flex; padding: 1.2rem 0; align-items: center; flex-direction: column; text-align: center;} .wpb-navigation__search .empty-state img {max-width: 80px; margin-bottom: 16px;} .wpb-navigation__search .empty-state .title {font-size: 16px; font-weight: 700; color: rgba(var(--wpb-headings)); margin-bottom: 5px;} .wpb-navigation__search .empty-state p {font-size: 13px;} .wpb-navigation__search .wpb-search-backdrop {pointer-events: none; visibility: hidden; background-color: #000; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 4; transition: var(--ts-25) ease;} .wpb-navigation__search input {z-index: 5;} .wpb-navigation__search button {z-index: 5;} .wpb-navigation__search.is-active.shows-history .wpb-search-history {opacity: 1; visibility: visible; pointer-events: all;} .wpb-navigation__search.is-active.shows-results .wpb-search-history {opacity: 0; visibility: hidden; pointer-events: none;} .wpb-navigation__search.is-active.shows-results .wpb-search-results {opacity: 1; visibility: visible; pointer-events: all;} .wpb-navigation__search.is-active .wpb-search-backdrop {opacity: .15; visibility: visible; pointer-events: all;} .wpb-navigation .wpb-navigation__collapse-body { display: flex; flex-grow: 1; } .wpb-navigation .wpb-navigation__collapse-body .collapse__quick-links { display: grid; } .wpb-navigation .wpb-navigation__collapse-body .collapse__quick-links .btn { justify-content: start; min-height: 4.9rem; gap: .8rem;} .wpb-navigation .wpb-navigation__collapse-body .collapse__quick-links .btn span { font-size: 1.6rem; } .wpb-navigation .wpb-navigation__collapse-body .collapse__quick-links .btn + .btn { margin-top: .8rem; } .wpb-navigation .wpb-navigation__collapse-body .collapse__quick-links .wpb-icon.wpb-icon__user { -webkit-mask-size: 1.6rem; mask-size: 1.6rem; } .wpb-navigation .wpb-navigation__collapse-body .collapse__quick-links .wpb-icon__bookmark { -webkit-mask-size: 1.4rem; mask-size: 1.4rem; } .wpb-navigation .wpb-navigation__collapse-body .collapse__quick-links .wpb-icon__cart { -webkit-mask-size: 1.6rem; mask-size: 1.6rem; } .wpb-navigation .wpb-navigation__collapse-footer > * + * { border-left: 1px solid rgb(var(--wpb-border)); } .wpb-navigation .wpb-navigation__bottom { background-color: rgb(var(--wpb-dark)); } .wpb-navigation .wpb-navigation__secondary { display: flex; } .wpb-navigation .wpb-navigation__secondary > * + * { border-left: .1rem solid rgba(255,255,255,.2); } .wpb-navigation .wpb-navigation__secondary .trusted-shops { margin-left: auto; height: 3.9rem; padding-right: 1.2rem; border-left: none; } .wpb-navigation .wpb-navigation__secondary .wpb-usps { --global-fs: 1.2rem; display: grid; border-right: none; } .wpb-navigation .wpb-navigation__secondary .wpb-usps li { grid-column: 1/-1; grid-row: 1/-1; opacity: 0; transition: opacity var(--ts-15) ease; } .wpb-navigation .wpb-navigation__secondary .wpb-usps li + li { margin-left: 0; } .wpb-navigation .wpb-navigation__secondary .wpb-usps li.is-active { opacity: 1; } .wpb-navigation .wpb-navigation__secondary .wpb-usps li .wpb-icon { --width: 1.3rem; --height: 1.3rem; } .wpb-navigation .wpb-navigation__secondary .global-region-switcher {padding: 0 0 0 1.2rem;} .wpb-navigation .wpb-navigation__secondary .wpb-dropdown.wpb-dropdown__tax { display: none; } @media (min-width: 576px) { .wpb-navigation .wpb-navigation__secondary .trusted-shops { padding-right: 1.6rem;} .wpb-navigation .wpb-navigation__secondary .global-region-switcher {padding: 0 1.6rem;} } @media (min-width: 768px) { .wpb-navigation .wpb-navigation__secondary .trusted-shops { height: 4.8rem; } .wpb-navigation .wpb-navigation__secondary .wpb-usps li .wpb-icon { --width: 1.4rem; --height: 1.4rem; } } @media (min-width: 992px) { .wpb-navigation .wpb-navigation__secondary .wpb-usps { margin-right: 1.8rem; } .wpb-navigation .wpb-navigation__secondary .wpb-usps li { justify-content: end; grid-template-columns: 1.4rem auto; } .wpb-navigation .wpb-navigation__secondary .wpb-dropdown.wpb-dropdown__tax { display: block; border-right: .1rem solid rgba(255,255,255,.2); } } @media (min-width: 1400px) { .wpb-navigation .wpb-navigation__secondary .wpb-usps { display: flex; } .wpb-navigation .wpb-navigation__secondary .wpb-usps li { opacity: 1; } .wpb-navigation .wpb-navigation__secondary .wpb-usps li + li { margin-left: 1.2rem; } } .wpb-navigation .wpb-dropdown > button { display: flex; align-items: center; justify-content: center; cursor: pointer; width: 100%; min-height: 4.8rem; padding: 0 1.8rem; border: none; background-color: transparent; } .wpb-navigation .wpb-dropdown > button span { font-size: 1.4rem; font-weight: 600; white-space: nowrap; } .wpb-navigation .wpb-dropdown > button .wpb-icon__chevron-down { margin-left: 1.4rem; } .wpb-navigation .wpb-dropdown > .wpb-dropdown__menu { border: .1rem solid rgb(var(--wpb-border)); } .wpb-navigation .wpb-dropdown.wpb-dropdown__wpml > button img { display: inline-block; width: 2rem; margin-right: .5rem; } .wpb-navigation.wpb-navigation__checkout { background-color: var(--wpb-light); } .wpb-navigation.wpb-navigation__checkout .logo { margin-left: 0; } .wpb-navigation.wpb-navigation__checkout .wpb-usps { order: 3; grid-column: span 2; } .wpb-navigation.wpb-navigation__checkout .wpb-navigation__center .container { grid-template-columns: 1fr auto; } .wpb-navigation .wpb-menu { flex-grow: 1; } .wpb-navigation .wpb-menu ul { list-style: none; overflow-y: auto; flex-grow: 1; } .wpb-navigation .menu-item__thumbnail img {width: 3rem; height: 2.5rem; aspect-ratio: 1/1; object-fit: contain;} .wpb-navigation .mobile-menu-item__thumbnail {display: flex; align-items: center; background-color: rgba(var(--wpb-light)); padding: 2rem; margin-left: calc(var(--wpb-padding) * -1); margin-right: calc(var(--wpb-padding) * -1);} .wpb-navigation .mobile-menu-item__thumbnail img {width: 100%; max-height: 10rem; padding: 0 2rem; max-width: 16rem; object-fit: contain; margin: 0 auto;} .wpb-navigation .mobile-menu-item__thumbnail > div {width: 100%;} .wpb-navigation .mobile-menu-item__thumbnail .category-title {font-size: 1.8rem; font-weight: 700; color: rgba(var(--wpb-headings));} .wpb-navigation .mobile-menu-item__thumbnail .btn {color: rgba(var(--wpb-blue)); margin-top: 1rem;} .wpb-navigation .mobile-menu-item__thumbnail .btn .wpb-icon {--color: var(--wpb-blue);} .wpb-navigation .menu-item a { font-weight: 500; text-decoration: none; } .wpb-navigation .menu-item-has-children a:not(.mobile-menu-item__thumbnail) { padding-right: 3.2rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .wpb-navigation .menu-item-has-children .wpb-submenu__toggle { border-radius: .5rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 4rem; height: 4rem; cursor: pointer; display: inline-grid; place-items: center; } .wpb-navigation .menu-item-has-children .wpb-submenu__toggle i { transition: transform var(--ts-25) ease; --width: 1.5rem; --height: 1.5rem; --color: var(--wpb-headings);} /* Mobile menu */ @media (max-width: 575.98px) { .wpb-navigation .wpb-navigation__collapse { max-width: 100%; } .wpb-navigation .customerservice span {display: none;} } @media (max-width: 991.98px) { /* Nav-toggle */ .nav-toggle { border: .1rem solid rgb(var(--wpb-border)); border-radius: 3rem; color: rgb(var(--color)); display: grid; place-items: center; background-color: #fff; cursor: pointer; width: 5.6rem; height: 4rem; position: relative; } .nav-toggle svg { fill: var(--color); } .nav-toggle svg rect { transition: y var(--ts-25) ease var(--ts-25), transform var(--ts-25) ease, opacity 0ms var(--ts-25); transform-origin: center; } .nav-toggle[aria-expanded="true"] svg rect { transition: y var(--ts-25) ease, transform var(--ts-25) ease var(--ts-25), opacity 0ms var(--ts-25); } .nav-toggle[aria-expanded="true"] svg .top { y: 45; transform: rotate(45deg); } .nav-toggle[aria-expanded="true"] svg .middle { opacity: 0; } .nav-toggle[aria-expanded="true"] svg .bottom { y: 45; transform: rotate(-45deg); } .wpb-navigation .menu-item:not(.menu-item-has-thumbnail) a:not(.mobile-menu-item__thumbnail) { width: 100%; padding: 1rem 0; transition: color var(--ts-15) ease; display: flex; column-gap: 8px; line-height: 1; } .wpb-navigation .menu-item-has-children .wpb-submenu__toggle { width: 100%; height: 5.4rem; } .wpb-navigation .menu-item-has-children .wpb-submenu__toggle i { margin-left: auto; margin-right: 2rem; } .wpb-navigation .is-level-1 > .menu-item-has-children > a > .wpb-submenu__toggle {width: 100%;} .wpb-navigation .wpb-navigation__collapse { --collapse-bg-color: #fff; max-width: 45rem; transform: translate3d(-100%, 0, 0); width: 100%; display: none; flex-direction: column; position: fixed; top: 0; right: auto; bottom: 0; left: 0; overflow: hidden; background-color: var(--collapse-bg-color); z-index: 1080; transition: transform var(--ts-35) ease; } .wpb-navigation .wpb-navigation__collapse.active { pointer-events: all; transform: translate3d(0%, 0, 0); } .wpb-navigation .wpb-navigation__collapse-header { display: flex; justify-content: space-between; align-items: center; padding: 2rem 1.6rem; } .wpb-navigation .wpb-navigation__collapse-header .btn { --padding: 0 1.6rem; } .wpb-navigation .wpb-navigation__collapse-header span { padding-left: 6.2rem; font-size: 1.6rem; font-weight: 600; color: rgb(var(--wpb-headings)); margin-left: auto; margin-right: auto; } .wpb-navigation .wpb-navigation__collapse-body { flex-direction: column; padding: 2rem 1.6rem 3.2rem 1.6rem; } .wpb-navigation .wpb-navigation__collapse-body > * + * { margin-top: .8rem; } .wpb-navigation .wpb-navigation__collapse-footer { border-top: .1rem solid rgb(var(--wpb-border)); } .wpb-navigation .wpb-navigation__collapse-footer .trusted-shops { display: none; } .wpb-navigation .wpb-dropdown > .wpb-dropdown__menu { top: auto; bottom: 100%; left: 0; right: 0; } .wpb-navigation .menu-item-default-menu ul:not(.is-level-1) > .menu-item > a { display: flex; justify-content: space-between; color: rgb(var(--wpb-headings)); font-size: 1.6rem; font-weight: 600; border-bottom: .1rem solid rgb(var(--wpb-border)); padding-right: 1.6rem; } .wpb-navigation .menu-item-default-menu ul:not(.is-level-1) > .menu-item > a .wpb-icon { --width: 1.2rem; --height: 1.2rem; } .wpb-navigation .menu-item-default-menu ul:not(.is-level-1) > .menu-item:nth-child(1) > a { border-top: .1rem solid rgb(var(--wpb-border)); } .wpb-navigation .sub-menu { display: flex; flex-direction: column; height: 100%; overflow: hidden; overflow-y: auto; list-style: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color:#fff; z-index: 1; transform: translate3d(100%, 0, 0); transition: transform var(--ts-35) ease; } .wpb-navigation .sub-menu.active { transform: translate3d(0, 0, 0); } .wpb-navigation .sub-menu ul li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .wpb-navigation .sub-menu ul li a span { font: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; color: rgb(var(--wpb-text));} .wpb-navigation .sub-menu .sub-menu__header { padding: 2rem; background-color: rgb(var(--wpb-light)); } .wpb-navigation .sub-menu .sub-menu__header img { max-height: 10rem; width: auto; margin: auto; } .wpb-navigation .sub-menu .wpb-submenu__header { background-color: var(--nav-bg-color); padding: 2rem 1.8rem 1.5rem 1.8rem; order: -1; display: flex; justify-content: space-between; align-items: center; } .wpb-navigation .sub-menu .wpb-submenu__header .btn { --padding: 0 1.8rem; } .wpb-navigation .sub-menu .wpb-submenu__header .wpb-submenu__toggle { position: relative; transform: none; top: 0; } .wpb-navigation .sub-menu .wpb-submenu__header span { font-size: 1.6rem; font-weight: bold; margin: auto; padding-left: 1rem; padding-right: 1rem; padding-right: 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgba(var(--wpb-headings)) } .wpb-navigation .is-level-1 > .menu-item > a { color: rgb(var(--wpb-headings)); font-size: 2.4rem; padding: .75rem 0; margin: .75rem 0; } .wpb-navigation .is-level-1 > .menu-item > a .wpb-icon { --width: .7rem; --height: 1.2rem; } .wpb-navigation .is-level-1 > .menu-item > a small { position: absolute; top: 50%; transform: translateY(-50%); right: 3.5rem; color: rgb(var(--wpb-red)); } .wpb-navigation .is-level-1 > .menu-item.menu-item-mega-menu > a { font-size: 1.5rem; font-weight: 600; font-size: 2.4rem; padding: 1.5rem 1.4rem; border-radius: .5rem; color: rgb(var(--wpb-headings)); background-color: rgb(var(--wpb-light)); } .wpb-navigation .is-level-1 > .menu-item.menu-item-mega-menu > a .wpb-icon { --color: var(--wpb-red); } .wpb-navigation .is-level-2 > .container > .menu-item {border-bottom: 1px solid rgba(var(--wpb-border));} .wpb-navigation .is-level-2 > .container > .menu-item > a span {font-size: 1.8rem; font-weight: 600; color: rgba(var(--wpb-headings));} .wpb-navigation .is-level-2 > .container > .menu-item > a .wpb-submenu__toggle i {margin-right: 0;} .wpb-navigation .is-level-3 > ul {padding-left: var(--wpb-padding); padding-right: var(--wpb-padding);} .wpb-navigation .is-level-3 > ul > .menu-item:not(:first-child) {margin-top: 28px;} .wpb-navigation .is-level-3 > ul > .menu-item > a {border-bottom: 1px solid rgba(var(--wpb-border)); padding: 1rem 0;} .wpb-navigation .is-level-3 > ul > .menu-item > a span {font-weight: 600; font-size: 1.8rem; color: rgba(var(--wpb-headings));} .wpb-navigation .is-level-4 > ul > .menu-item > a {padding: 1rem 0; border-bottom: 1px solid rgba(var(--wpb-border));} .wpb-navigation .is-level-4 > ul > .menu-item > a span {font-size: 1.4rem; color: rgba(var(--wpb-headings));} /* sub-menu accordions */ .wpb-navigation .sub-menu .wpb-accordion { padding-left: 2rem; padding-right: 2rem; border: none; } .wpb-navigation .sub-menu .wpb-accordion .accordion__button { background: transparent; grid-template-columns: 2rem 1fr; padding-top: 1rem; padding-left: 0;} .wpb-navigation .sub-menu .wpb-accordion .accordion__button span { color: rgb(var(--wpb-blue)); font-size: 1.6rem; font-weight: 600; } .wpb-navigation .sub-menu .wpb-accordion .accordion__button > span { overflow: hidden; position: relative; height: 2.6rem; width: 100%; } .wpb-navigation .sub-menu .wpb-accordion .accordion__button > span > span:nth-child(1) { position: absolute; bottom: 100%; transition: transform var(--ts-25) ease; } .wpb-navigation .sub-menu .wpb-accordion .accordion__button > span > span:nth-child(2) { position: absolute; bottom: 0; margin-left: 6px; transition: transform var(--ts-25) ease; } .wpb-navigation .sub-menu .wpb-accordion .accordion__button.is-active > span > span:nth-child(1) { transform: translateY(100%); } .wpb-navigation .sub-menu .wpb-accordion .accordion__button.is-active > span > span:nth-child(2) { transform: translateY(100%); } .wpb-navigation .sub-menu .wpb-accordion .accordion__button .wpb-icon { --width: 1.2rem; --height: 1.2rem; --color: var(--wpb-blue); } .wpb-navigation .sub-menu .wpb-accordion .accordion__body {padding: 0; color: rgb(var(--wpb-text))!important;} .wpb-navigation .sub-menu .wpb-accordion ul li { margin: 0; } .wpb-navigation.wpb-navigation__checkout .wpb-usps { display: none; } } @media (min-width: 576px) { .wpb-navigation .btn { font-size: 1.4rem; } } @media (min-width: 992px) { .wpb-navigation .wpb-dropdown > button { color: #fff; } .wpb-navigation .wpb-dropdown > button * { color: #fff; } .wpb-navigation .wpb-dropdown > button .wpb-icon { --color: 255,255,255; } .wpb-navigation.wpb-navigation__checkout .wpb-usps { order: inherit; margin-left: auto; } .wpb-navigation .btn { min-height: 4rem; column-gap: .5rem; } .wpb-navigation .logo { padding: 2.2rem 0; margin-left: 0; margin-right: 0; } .wpb-navigation .logo img { max-width: 27.8rem; } .nav-toggle, .wpb-submenu__header { display: none; } .wpb-navigation .wpb-navigation__center { padding: 0; } .wpb-navigation .wpb-navigation__center .container { display: flex; align-items: center; grid-column-gap: 1.9rem; grid-row-gap: 1.2rem; } .wpb-navigation .wpb-navigation__center .wpb-navigation__search { order: inherit; flex-grow: 1; } .wpb-navigation .wpb-navigation__bottom { position: relative; } .wpb-navigation .wpb-navigation__bottom > .container { position: static; display: flex; justify-content: space-between; } .wpb-navigation .wpb-navigation__collapse { position: static; max-width: inherit; display: flex!important; transform: none; width: auto; background-color: transparent!important; } .wpb-navigation .wpb-navigation__collapse-header { display: none!important; } .wpb-navigation .wpb-navigation__collapse-body { padding: 0; } .wpb-navigation .wpb-navigation__collapse-body .collapse__quick-links { display: none; } .wpb-navigation .wpb-navigation__collapse-footer { display: none; } .wpb-navigation .wpb-menu { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wpb-navigation .wpb-menu ul { overflow: unset; } .wpb-navigation .menu-item a { font-size: 1.6rem; line-height: 3.1rem; padding: 1rem 1.4rem; position: relative; } /* Submenu */ .wpb-navigation .sub-menu { opacity: 0; pointer-events: none; visibility: hidden; position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #fff; padding: 1.8rem; } .wpb-navigation .sub-menu .sub-menu { left: 100%; top: 0; } .wpb-navigation .sub-menu a { display: flex; justify-content: space-between; color: rgb(var(--wpb-dark)); font-size: 1.6rem; line-height: 2.5rem; font-weight: 600; transition: background-color var(--ts-15) ease; } .wpb-navigation .sub-menu a span { display: inline-block; font: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: inherit; transition: color var(--ts-15) ease; } .wpb-navigation .menu-item-has-children:hover > .sub-menu { opacity: 1; pointer-events: all; visibility: visible; padding-left: 0; padding-right: 0; } /* Default dropdown menu */ .wpb-navigation .menu-item-default-menu .sub-menu { min-width: 28rem; padding: 0; box-shadow: 0px .5rem 2rem rgba(0,0,0,0.05); } .wpb-navigation .menu-item-default-menu ul li a { font-size: 1.6rem; padding: 0.8rem 1.4rem; } .wpb-navigation .menu-item-default-menu ul li a:hover { background-color: rgb(var(--wpb-light)); } .wpb-navigation .menu-item-default-menu ul li a.menu-item-has-children { padding-right: 3.2rem; } .wpb-navigation .menu-item-default-menu ul li:not(.menu-item-has-children) a .wpb-icon { display: none; } /* Mega menu desktop */ .wpb-navigation .menu-item-mega-menu { position: static; } .wpb-navigation .mobile-menu-item__thumbnail {display: none!important;} .wpb-navigation .is-level-1 { display: flex; } .wpb-navigation .is-level-1 > .menu-item > a { font-size: 1.4rem; display: inline-flex; color: #fff; padding: 0 1rem; min-height: 4.8rem; align-items: center; } .wpb-navigation .is-level-1 > .menu-item > a small { display: none; } .wpb-navigation .is-level-1 > .menu-item.menu-item-mega-menu > a { padding: 0 1.8rem; min-height: 4.8rem; font-weight: 600; border-left: .1rem solid rgba(var(--wpb-border),.2); border-right: .1rem solid rgba(var(--wpb-border),.2) } .wpb-navigation .is-level-1 > .menu-item.menu-item-mega-menu + .menu-item > a { padding-left: 1.8rem; white-space: nowrap; } .wpb-navigation .is-level-1 > .menu-item.menu-item-has-children > a { padding-right: 3.2rem; } .wpb-navigation .is-level-1 > .menu-item.menu-item-has-children > a .wpb-submenu__toggle .wpb-icon { transform: rotate(90deg); --width: 1.3rem; --height: 1.4rem; --color: 255,255,255; } .wpb-navigation .is-level-2 {border-bottom: 1px solid rgba(var(--wpb-border)); padding: 1.2rem;} .wpb-navigation .is-level-2 > .container {align-items: stretch; display: grid; grid-template-columns: 1fr 3fr; grid-template-areas: 'main sub';} .wpb-navigation .is-level-2 > .container > .menu-item {grid-column: 1/2; border-radius: .5rem 0 0 .5rem;} .wpb-navigation .is-level-2 > .container > .menu-item.is-active {background-color: rgba(var(--wpb-dark), .08);} .wpb-navigation .is-level-2 > .container > .menu-item a {line-height: 2rem; justify-content: unset;} .wpb-navigation .is-level-2 > .container > .menu-item a img {margin-right: 12px;} .wpb-navigation .is-level-2 > .container > .menu-item.menu-item-has-children:hover > a::before { content: ''; z-index: 1; display: inline-block; position: absolute; right: 0; top: -4rem; bottom: -4rem; width: 100%; clip-path: polygon(0 50%, 100% 100%, 100% 0); } .wpb-navigation .is-level-3.sub-menu {grid-area: sub; left: 0; padding: 0; padding-left: 1.6rem; position: relative; order: 9999; grid-row-start: 1; grid-row-end: 30; border-left: 1px solid rgba(var(--wpb-border));} .wpb-navigation .is-level-3.sub-menu.is-active {opacity: 1; pointer-events: all; visibility: visible; padding-right: 0;} .wpb-navigation .is-level-3.sub-menu.is-active .is-level-4.small-sub-menu {pointer-events: all; visibility: visible; opacity: 1;} .wpb-navigation .is-level-3.sub-menu > ul {display: grid; grid-auto-flow: dense; grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );} .wpb-navigation .is-level-3.sub-menu > ul > .menu-item > a {padding-bottom: 0;} .wpb-navigation #sub-menu__1 > ul {grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) );} .wpb-navigation .is-level-4.small-sub-menu {position: relative; left: unset; top: unset; padding: 0; visibility: hidden; opacity: 0; pointer-events: none; margin-bottom: 1.8rem;} .wpb-navigation .is-level-4.small-sub-menu a {font-size: 1.4rem; line-height: 1.2; font-weight: 400; padding-top: .4rem; padding-bottom: .4rem;} .wpb-navigation .is-level-3.sub-menu a:hover, .wpb-navigation .is-level-4.small-sub-menu a:hover {text-decoration: underline;} } @media (min-width: 1200px) { .wpb-navigation .wpb-navigation__center .woocommerce-cart__button span { display: inline-block; } } @media (min-width: 1400px) { .wpb-navigation .wpb-navigation__center .wpb-navigation__search { margin-left: 4.5rem; margin-right: 4.5rem; } } /*** ----- Footer ----- ***/ .wpb-bg-color__white + .wpb-footer__cta { border-top: .1rem solid rgb(var(--wpb-border)); } .wpb-footer__cta { display: grid; row-gap: 1.6rem; margin-top: auto; } .wpb-footer__cta figure { padding-top: 3.25rem; } .wpb-footer__cta figure img { border-radius: 1.6rem; max-height: 30rem; object-fit: cover; } .wpb-footer__cta figure::after { left: 50%; top: 0; transform: translateX(-50%); } .wpb-footer__cta .btn-large { width: 100%; justify-content: unset;} .wpb-footer__cta .btn[data-online]::after {margin-left: auto;} .wpb-footer__cta .btn .wpb-icon__wrapper.wpb-icon__wrapper-outline {margin-left: auto;} .wpb-footer { background-color: rgb(var(--wpb-light)); border-bottom: .5rem solid rgb(var(--wpb-red)); margin-top: auto; } .wpb-footer * { color: rgb(var(--wpb-headings)); } .wpb-footer .wpb-footer__top { padding-top: 4.8rem; } .wpb-footer .wpb-footer__top .container { display: flex; flex-direction: column; align-items: center; } .wpb-footer .wpb-footer__top .logo img { max-width: 23.5rem; } .wpb-footer .wpb-footer__top .wpb-card { background-color: transparent; border: .1rem solid rgb(var(--wpb-border)); } .wpb-footer .wpb-footer__top .wpb-card .wpb-text { line-height: 1; } .wpb-footer .wpb-footer__top .wpb-card h2 { font-size: 2rem; line-height: 1; } .wpb-footer .wpb-footer__top .wpb-card p { font-size: 1.4rem; line-height: 1; margin: 0;} .wpb-footer .wpb-footer__main .contact-link { grid-template-columns: 4.1rem 1fr; } .wpb-footer .wpb-footer__main .contact-link .wpb-icon__wrapper { --w: 4.1rem; --h: 4.1rem; border-color: rgba(255,255,255,.45)!important; } .wpb-footer .wpb-footer__main .contact-link .wpb-icon__wrapper i { --width: 2rem; --height: 2rem; --color: 255,255,255; } .wpb-footer .wpb-footer__main .contact-link .contact-link__text { line-height: 1.1; } .wpb-footer .wpb-footer__main .contact-link strong { font-size: 1.6rem; line-height: 1.2; } .wpb-footer .wpb-footer__main .contact-link span { font-size: 1.4rem; line-height: 1.2; } .wpb-footer .wpb-footer__main { --gc: 1; padding-top: 4.8rem; padding-bottom: 4.8rem; } .wpb-footer .wpb-footer__main .container { display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); column-gap: 3.2rem; row-gap: 3.2rem; align-items: start; } .wpb-footer .wpb-footer__main .wpb-footer__menu ul { column-count: 2; column-gap: 2rem; } .wpb-footer .wpb-social-media { padding: 1.6rem; } .wpb-footer :is(.btn-outline-dark, .btn-outline) { --hover-bg-color: var(--wpb-red)!important; --hover-border: 1px solid rgb(var(--wpb-red)); --hover-color: 255,255,255; } .wpb-footer :is(.btn-outline-dark, .btn-outline):hover .wpb-icon__wrapper-outline { border-color: #fff!important; } .wpb-footer__menu .footer-menu__title { display: block; padding: 0 0 1rem 0; --global-fs: 2rem; color: inherit; text-decoration: none; font-weight: bold; } .wpb-footer__menu ul li + li { margin-top: .5rem; } .wpb-footer__menu ul a { display: flex; font-size: 15px; align-items: center; transition: transform var(--ts-25) ease; } .wpb-footer__menu ul a:hover { transform: translateX(1rem); } .wpb-footer__menu ul .wpb-icon { --color: var(--wpb-red); --width: 1rem; --height: 1rem; margin-right: .3rem; } .wpb-footer .wpb-footer__bottom { border-top: .4rem solid rgb(255,255,255); padding-top: 2rem; padding-bottom: 2rem; } .wpb-footer .wpb-footer__bottom .container { display: flex; flex-direction: column; align-items: center; column-gap: 2rem; row-gap: 1rem; } .wpb-footer .wpb-footer__bottom .copyright { font-size: 1.4rem; line-height: 1.2; font-weight: 600; white-space: nowrap; } .wpb-footer .wpb-footer__bottom .menu { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 2rem; row-gap: 1rem; padding-top: 1.6rem; padding-bottom: 1.6rem; } .wpb-footer .wpb-footer__bottom .menu a { text-decoration: none; font-size: 1.4rem; line-height: 1.2; font-weight: 500; } .wpb-footer .wpb-footer__bottom .menu a:hover { text-decoration: underline; } .wpb-footer .wpb-footer__bottom .member-of { white-space: nowrap; font-size: 1.2rem; font-weight: 500; display: flex; align-items: center; } .wpb-footer .wpb-footer__bottom .member-of img { width: 14rem; margin-left: 1rem; } @media (min-width: 768px) { .wpb-footer__cta .btn-large { width: unset;} .wpb-footer .wpb-footer__main { --gc: 2; } } @media (min-width: 992px) { .wpb-footer__cta { --global-fs: 2rem; align-items: center; } .wpb-footer__cta > * { grid-column: 1/-1; grid-row: 1/-1; } .wpb-footer__cta .wpb-text { width: 50%; z-index: 1; position: relative; } .wpb-footer__cta figure { width: 50%; margin-left: auto; padding-top: 0; padding-left: 4.5rem; } .wpb-footer__cta figure::after { left: 0; top: 50%; transform: translateY(-50%); } .wpb-footer .wpb-footer__bottom .container { flex-direction: row; } .wpb-footer .wpb-footer__bottom .copyright { border-right: .1rem solid rgb(var(--wpb-headings),.5); padding-right: 2rem; } .wpb-footer .wpb-footer__bottom .menu { justify-content: start; padding: 0; column-gap: 1rem; row-gap: 0; } .wpb-footer .wpb-footer__bottom .member-of { margin-left: auto; } .wpb-footer .wpb-footer__top .container { flex-direction: row; } .wpb-footer .wpb-footer__top .container .wpb-social-media { margin-left: auto; } } @media (min-width: 1200px) { .wpb-footer .wpb-footer__top { padding-top: 6.4rem; } .wpb-footer .wpb-footer__bottom .menu { column-gap: 2rem; } .wpb-footer .wpb-footer__main .container { column-gap: 6.4rem; grid-template-columns: 2fr 1fr 1fr 2fr; } .wpb-footer .wpb-footer__main .wpb-footer__menu:nth-child(2) ul { column-count: 1; } .wpb-footer .wpb-footer__main .wpb-footer__menu:nth-child(3) ul { column-count: 1; } } @media (min-width: 1400px) { .wpb-footer .wpb-footer__main .container { column-gap: 6.4rem; grid-template-columns: minmax(0, 41rem) 1fr 1fr minmax(0, 44rem); } } /*** ---------- Carousel ---------- ***/ .wpb-carousel .wpb-carousel__buttons { z-index: 1; display: flex; padding-left: 1.2rem; position: absolute; right: 0; bottom: -1.3rem; background-color: rgb(255, 255, 255); } .wpb-carousel .wpb-carousel__buttons .wpb-carousel__button { position: relative; top: 0; margin-left: 1.2rem; transform: none; z-index: 500; border-radius: 50%; width: 3.1rem; height: 3.1rem; background-color: transparent; border: .1rem solid rgb(var(--wpb-border)); } .wpb-carousel .wpb-carousel__buttons .wpb-carousel__button .wpb-icon { --width: 1.2rem; --height: 1.2rem; --color: var(--wpb-headings); } .wpb-carousel .wpb-carousel__buttons .wpb-carousel__button:hover { background-color: #fff; } .wpb-carousel .wpb-carousel__track { padding-bottom: 3.9rem; } .wpb-carousel .wpb-carousel__track::-webkit-scrollbar-thumb { background-color: rgb(var(--wpb-dark)); } .wpb-carousel .wpb-carousel__track::-webkit-scrollbar-track { background-color: rgb(var(--wpb-border)); } .wpb-carousel .wpb-carousel__track::-webkit-scrollbar { height: 2px; border-radius: 4px; } .wpb-bg-color__white .wpb-carousel .wpb-carousel__buttons { background-color: #fff; } .wpb-bg-color__transparent .wpb-carousel .wpb-carousel__buttons { background-color: rgb(var(--wpb-light)); } /*** ---------- Accordion ---------- ***/ .wpb-accordion { border-radius: 0; background-color: transparent; overflow: hidden; } .wpb-accordion * { color: rgb(var(--wpb-headings)); } .wpb-accordion > .accordion__item + .accordion__item { border-top: .1rem solid rgb(var(--wpb-border)); } .wpb-accordion .accordion__button { display: flex; justify-content: space-between; font-weight: 700; font-size: 1.6rem; background-color: transparent; padding: 1.6rem 1.8rem; } .wpb-accordion .accordion__button span { font: inherit; } .wpb-accordion .accordion__body { padding: 0 1.8rem 1.8rem 1.8rem; } .wpb-accordion .accordion__body > * + * { margin-top: 1em; } /*** ---------- Blaze Slider ---------- ***/ .blaze-slider {--slides-to-show:5; --slide-gap:8px; direction:ltr} .blaze-container {position:relative} .blaze-track-container {overflow:hidden} .blaze-track {will-change:transform; touch-action:pan-y; display:flex!important; gap:var(--slide-gap)!important; --slide-width: calc( (100% - (var(--slides-to-show) - 1) * var(--slide-gap)) / var(--slides-to-show)); box-sizing:border-box;} .blaze-track > * {box-sizing:border-box; width:var(--slide-width)!important; flex-shrink:0} .blaze-slider .blaze-nav-btn {cursor: pointer; transition: opacity .12s ease; width: 3.6rem; height: 3.6rem; background-color: #fff; border-radius: 50%; border: none; outline: none; display: flex; align-items: center; justify-content: center; position: absolute; --offset:calc(100% + 20px); transform: translateY(-50%); top: 50%;} .blaze-slider .blaze-nav-btn .wpb-icon {--width: 1.2rem; --height: 1.2rem; background-color: rgba(var(--wpb-dark));} .blaze-slider .blaze-nav-btn:hover {opacity: .65;} .blaze-slider .blaze-nav-btn.blaze-prev {right: var(--offset);} .blaze-slider .blaze-nav-btn.blaze-next {left: var(--offset);} .blaze-slider.start .blaze-nav-btn.blaze-prev {opacity: 0; pointer-events: none;} .blaze-slider.end .blaze-nav-btn.blaze-next {opacity: 0; pointer-events: none;} .blaze-slider.static .blaze-nav-btn {display: none;} @media (max-width: 768px) { .blaze-slider .blaze-nav-btn {display: none;} } /*** ---------- Social media ---------- ***/ .wpb-social-media { display: flex; flex-wrap: wrap; column-gap: .5rem; row-gap: .5rem; } .wpb-social-media a { background-color: transparent; text-decoration: none; display: inline-flex; width: 4rem; height: 4rem; border-radius: 50%; display: inline-grid; place-items: center; border: .1rem solid rgb(var(--wpb-border)); transition: background-color var(--ts-15) ease, border-color var(--ts-15) ease; } .wpb-social-media a .wpb-icon { --color: var(--wpb-headings); --width: 1.6rem; --height: 1.6rem; } .wpb-social-media a:hover { background-color: rgb(var(--wpb-dark)); border-color: rgb(var(--wpb-dark)); } .wpb-social-media a:hover .wpb-icon { --color: 255,255,255; } /*** ---------- Block: Header home --------- ***/ .wpb-header.wpb-header__home .container { display: grid; } .wpb-header.wpb-header__home h1 { margin-top: 1.8rem!important; } .wpb-header.wpb-header__home .container.container__primary { grid-template-columns: repeat(1, minmax(0, 1fr)); column-gap: 1.8rem; row-gap: 1.2rem; } .wpb-header.wpb-header__home .container.container__primary .wpb-card .wpb-card__body { display: flex; flex-direction: column; justify-content: end; align-items: start; } .wpb-header.wpb-header__home .container.container__primary .wpb-card .btn::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .wpb-header.wpb-header__home .container.container__primary .wpb-card .wpb-card__header img { transition: transform var(--ts-35) ease; border-radius: var(--border-radius); } .wpb-header.wpb-header__home .container.container__primary .wpb-card:hover .wpb-card__header img { transform: scale(1.2); } .wpb-header.wpb-header__home .container.container__secondary { grid-template-columns: repeat(1, minmax(0, 1fr)); column-gap: 1.8rem; row-gap: 1.2rem; align-items: end; } .wpb-header.wpb-header__home .container.container__secondary .wpb-usps { --global-fs: 1.3rem; display: grid; grid-template-columns: minmax(0, 1fr); white-space: inherit; row-gap: 1rem; } .wpb-header.wpb-header__home .container.container__secondary .wpb-usps li + li { margin-left: 0; } .wpb-header.wpb-header__home .is-background-image img { object-position: top; } .wpb-header.wpb-header__home.has-background-image::after { background: linear-gradient(90deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); } .wpb-header__small { padding-top: 2rem; padding-bottom: 2rem; background-color: #fff; } .wpb-header__small .wpb-text { text-align: center; } .wpb-header:has(.wpb-header__assets) { position: relative; z-index: 2; } .wpb-header .wpb-header__assets { z-index: -1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .wux-wc-quote .wpb-header__small { background-color: transparent; padding-bottom: 0rem; } @media (min-width: 992px) { .wpb-header.wpb-header__home .container.container__primary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .wpb-header.wpb-header__home .container.container__primary .wpb-card:nth-child(1) { grid-column: span 2; grid-row: span 2; } .wpb-header.wpb-header__home .container.container__primary .wpb-card:nth-child(2) { grid-column: span 2; grid-row: span 2; } .wpb-header.wpb-header__home .container.container__secondary { grid-template-columns: minmax(0, 1fr) minmax(0, 33.5rem) } } @media (min-width: 1200px) { .wpb-header.wpb-header__home .container.container__secondary .wpb-usps { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 3.2rem; } } @media (min-width: 1400px) { .wpb-header.wpb-header__home .container.container__secondary .wpb-usps { column-gap: 4.8rem; } } /*** ---------- Header image ---------- ***/ .wpb-header.wpb-header__image .wpb-text { padding-bottom: 2rem; } .wpb-header.wpb-header__image figure { padding-left: 2rem; } .wpb-header.wpb-header__image figure img { border-radius: 1.6rem 0 0 1.6rem; } .wpb-header.wpb-header__image .wpb-card { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .wpb-header.wpb-header__image .wpb-card .wpb-card__body { display: flex; flex-direction: column; column-gap: 2rem; row-gap: 1rem; align-items: start; } .wpb-header.wpb-header__image .wpb-card h3 { margin-bottom: 1rem; } .wpb-header.wpb-header__image .wpb-card .btn { white-space: nowrap; } .wpb-header.has-cta .wpb-card .wpb-card__body { display: flex; flex-direction: column; column-gap: 2rem; row-gap: 1rem; align-items: start; } @media (min-width: 992px) { .wpb-header.wpb-header__image .container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 4.8rem; } .wpb-header.wpb-header__image .wpb-text { padding: 0 0 4.8rem 0; } .wpb-header.wpb-header__image .wpb-card { position: absolute; right: 2rem; bottom: 0; width: calc(50% - (4.8rem / 2)) } .wpb-header.wpb-header__image figure { position: absolute; top: 0; right: 0; bottom: 7rem; left: 50%; padding: 0; } .wpb-header.wpb-header__image figure img { width: 100%; height: 100%; object-fit: cover; border-top-left-radius: 0; } } @media (min-width: 1200px) { .wpb-header.wpb-header__image .container { column-gap: 9.8rem; } .wpb-header.wpb-header__image .wpb-card { width: calc(50% - (9.8rem / 2)); } .wpb-header.wpb-header__image .wpb-card .wpb-card__body { flex-direction: row; align-items: center; padding: 2.8rem; } .wpb-header.has-cta .wpb-card .wpb-card__body { flex-direction: row; align-items: center; padding: 2.8rem; } } @media (min-width: 1400px) { .wpb-header.wpb-header__image .container { column-gap: 16.8rem; } .wpb-header.wpb-header__image .wpb-card { width: calc(50% - (16.8rem / 2)); } } /*** ---------- Block: Product categorieën overzicht ---------- ***/ .wpb-block__about-transoplast :is(.wpb-image img, .wpb-card) { --border-radius: 1.6rem; border-radius: var(--border-radius); } .wpb-block__about-transoplast .wpb-card * { color: rgb(var(--wpb-headings)); } .wpb-block__about-transoplast .wpb-card .wpb-card__body { padding: 1.6rem; } .wpb-block__about-transoplast.wpb-bg-color__transparent .wpb-card { background-color: #fff; } @media (min-width: 768px) { .wpb-block__about-transoplast .container { grid-template-columns: repeat(2, minmax(0, 1fr)); } .wpb-block__about-transoplast .wpb-card .wpb-card__body { padding: 2.4rem; } } @media (min-width: 1200px) { .wpb-block__about-transoplast .container { grid-template-columns: minmax(0, 10fr) minmax(0, 8fr); } .wpb-block__about-transoplast figure img { height: 100%; object-fit: cover; } .wpb-block__about-transoplast figure:nth-of-type(1) { grid-row: span 3; } .wpb-block__about-transoplast .wpb-card .wpb-card__body { padding: 3.6rem; } } /*** ---------- Block: Product categories ---------- ***/ .wpb-block__product-categories.wpb-variation__sectors { overflow: hidden; } .wpb-block__product-categories.wpb-variation__sectors .wpb-text-label { justify-content: center; } .wpb-block__product-categories.wpb-variation__sectors .wpb-text { text-align: center; max-width: 89rem; margin-left: auto; margin-right: auto; } .wpb-block__product-categories.wpb-variation__sectors .wpb-section__header, .wpb-block__product-categories.wpb-variation__sectors .container { z-index: 1; } .wpb-block__product-categories.wpb-variation__sectors::before, .wpb-block__product-categories.wpb-variation__sectors::after { content: ''; position: absolute; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; background-color: rgba(255,255,255,.08); } .wpb-block__product-categories.wpb-variation__sectors::before { --src: url('/wp-content/themes/wux/assets/img/bg-asset-favicons.svg'); width: 28rem; height: 35rem; right: -5.5rem; } .wpb-block__product-categories.wpb-variation__sectors::after { --src: url('/wp-content/themes/wux/assets/img/bg-asset-favicons-2.svg'); width: 22rem; height: 30rem; top: 40%; left: -6rem; } /*** ---------- Block: Text media ---------- ***/ .wpb-block__text-media.wpb-variation__secondary { display: grid; grid-row-gap: 1.6rem; overflow: clip; } .wpb-block__text-media.wpb-variation__secondary .wpb-image img { height: 100%; object-fit: cover; } .wpb-block__text-media.wpb-variation__secondary > .container-fluid { padding: 0; } .wpb-block__text-media.wpb-variation__secondary .container-fluid .order-md-1 { padding-left: 2rem; } .wpb-block__text-media.wpb-variation__secondary .container-fluid .order-md-1 .wpb-image:nth-child(2) img { border-top-right-radius: 0; border-bottom-right-radius: 0; } .wpb-block__text-media.wpb-variation__secondary .container-fluid .order-md-0 { padding-right: 2rem; } .wpb-block__text-media.wpb-variation__secondary .container-fluid .order-md-0 .wpb-image:nth-child(1) img { border-top-left-radius: 0; border-bottom-left-radius: 0; } .wpb-block__text-media.wpb-variation__secondary .container-fluid * { height: 100%; } .wpb-block__text-media.wpb-variation__secondary .container-fluid .wpb-image { position: relative; } .wpb-block__text-media.wpb-variation__secondary .container-fluid .wpb-image:after { content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 100%; } .wpb-block__text-media.wpb-variation__secondary .container-fluid .order-md-1 .wpb-image:nth-child(1):after { right: auto; left: 0; } .wpb-block__text-media.wpb-variation__secondary.wpb-bg-color__white .container-fluid .order-md-0 .wpb-image:nth-child(2):after { background: linear-gradient(90deg, rgba(255,255,255, 0) 0%, rgba(255,255,255, 1) 100%); } .wpb-block__text-media.wpb-variation__secondary.wpb-bg-color__dark .container-fluid .order-md-0 .wpb-image:nth-child(2):after { background: linear-gradient(90deg, rgba(var(--wpb-dark), 0) 0%, rgba(var(--wpb-dark), 1) 100%); } .wpb-block__text-media.wpb-variation__secondary.wpb-bg-color__transparent .container-fluid .order-md-0 .wpb-image:nth-child(2):after { background: linear-gradient(90deg, rgba(var(--wpb-light), 0) 0%, rgba(var(--wpb-light), 1) 100%); } .wpb-block__text-media.wpb-variation__secondary.wpb-bg-color__white .container-fluid .order-md-1 .wpb-image:nth-child(1):after { background: linear-gradient(-90deg, rgba(255,255,255, 0) 0%, rgba(255,255,255, 1) 100%); } .wpb-block__text-media.wpb-variation__secondary.wpb-bg-color__dark .container-fluid .order-md-1 .wpb-image:nth-child(1):after { background: linear-gradient(-90deg, rgba(var(--wpb-dark), 0) 0%, rgba(var(--wpb-dark), 1) 100%); } .wpb-block__text-media.wpb-variation__secondary.wpb-bg-color__transparent .container-fluid .order-md-1 .wpb-image:nth-child(1):after { background: linear-gradient(-90deg, rgba(var(--wpb-light), 0) 0%, rgba(var(--wpb-light), 1) 100%); } .wpb-block__text-media.wpb-variation__tertiary .text-media__images { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; row-gap: 2rem; } .wpb-block__text-media.wpb-variation__tertiary .text-media__images figure:nth-child(2) { grid-row: span 2; padding-top: 3.2rem; padding-bottom: 3.2rem; } .wpb-block__text-media.wpb-variation__tertiary .text-media__images figure:nth-child(2) img { width: 100%; height: 100%; object-fit: cover; } .wpb-block__text-media.wpb-variation__tertiary .text-media__images figure:nth-child(3) { padding-left: 2rem } @media (min-width: 768px) { .wpb-block__text-media.wpb-variation__secondary > * { grid-column: 1/-1; grid-row: 1/-1; } .wpb-block__text-media.wpb-variation__secondary .container { z-index: 1; } .wpb-block__text-media.wpb-variation__secondary > .container .wpb-text { padding-top: 3.2rem; padding-bottom: 3.2rem; } .wpb-block__text-media.wpb-variation__secondary .container .order-md-1 { grid-column-end: -1 } .wpb-block__text-media.wpb-variation__secondary .container-fluid .order-md-1 { grid-column-end: -1; padding-left: 0; } .wpb-block__text-media.wpb-variation__secondary .container-fluid .order-md-0 { padding-right: 0; } } @media (min-width: 1400px) { .wpb-block__text-media.wpb-variation__tertiary .text-media__images { grid-template-columns: minmax(0, 1fr) minmax(0, 28rem); } } /*** ---------- Block: Specialisme ---------- ***/ .wpb-block__specialisme .wpb-images { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0,1fr); column-gap: 1.6rem; row-gap: 1.6rem; } .wpb-block__specialisme .wpb-images .wpb-image img { height: 100%; object-fit: cover; } .wpb-block__specialisme .wpb-images .wpb-image:nth-child(1) { grid-row: span 2; padding-top: 4.8rem; padding-bottom: 4.8rem; } .wpb-block__specialisme .wpb-images .wpb-image:nth-child(2) { padding-right: 3.2rem; } .wpb-block__specialisme .wpb-images .wpb-image:nth-child(3) { min-height: 30rem; } .wpb-block__specialisme .wpb-card { --border-radius: 1.2rem; } .wpb-block__specialisme .wpb-card .wpb-card__footer { position: static; } .wpb-block__specialisme .wpb-card .btn::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } @media (min-width: 992px) { .wpb-block__specialisme .wpb-images { column-gap: 2rem; row-gap: 2rem; } .wpb-block__specialisme .wpb-images .wpb-image:nth-child(1) { padding-top: 6.4rem; padding-bottom: 6.4rem; } .wpb-block__specialisme .wpb-images .wpb-image:nth-child(3) { min-height: 40rem; } .wpb-block__specialisme .wpb-images .wpb-image:nth-child(3) img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } @media (min-width: 1200px) { .wpb-block__specialisme .wpb-card .wpb-card__body { padding: 2.8rem; } .wpb-block__specialisme .wpb-card .wpb-card__footer { padding: 0 2.8rem 2.8rem 2.8rem; } } @media (min-width: 1400px) { .wpb-block__specialisme .wpb-card.wpb-bg-pattern__dark { flex-direction: row; align-items: center; } .wpb-block__specialisme .wpb-card.wpb-bg-pattern__dark .wpb-card__footer { padding-top: 2.8rem; } .wpb-block__specialisme .wpb-card.wpb-bg-pattern__dark .wpb-card__footer .btn { white-space: nowrap; } } /*** ---------- Block: Vacatures ---------- ***/ .wpb-block__vacatures { overflow: hidden; } .wpb-block__vacatures:not(.wpb-variation__secondary) .wpb-image { flex-grow: 1; aspect-ratio: 19/9; } .wpb-block__vacatures .wpb-image img { height: 100%; object-fit: cover; } .wpb-block__vacatures .is-card-2 h3 { --fs: clamp(1.8rem, 2.5vw, 2rem); } .wpb-block__vacatures.wpb-bg-color__dark .wpb-card, .wpb-block__vacatures .wpb-bg-color__dark .wpb-card { background-color: #334B72; } .wpb-block__vacatures.wpb-variation__secondary .wpb-block__wrapper { max-width: calc(100% - 2rem); border-radius: 0 3.2rem 3.2rem 0; } .wpb-block__vacatures.wpb-variation__secondary .container { align-items: start; } .wpb-block__vacatures.wpb-variation__secondary > div > .container > .wpb-text { text-align: center; } .wpb-block__vacatures.wpb-variation__secondary .wpb-text-label { justify-content: center; } .wpb-block__vacatures.wpb-variation__secondary .wpb-block__wrapper { background-color: rgb(var(--wpb-dark)); } .wpb-block__vacatures.wpb-variation__secondary .wpb-image__2 img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .wpb-block__vacatures::before, .wpb-block__vacatures::after { content: ''; position: absolute; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; background-color: rgba(255,255,255,.08); } .wpb-block__vacatures::before { --src: url('/wp-content/themes/wux/assets/img/bg-asset-favicons.svg'); width: 28rem; height: 35rem; right: -5.5rem; } .wpb-block__vacatures::after { --src: url('/wp-content/themes/wux/assets/img/bg-asset-favicons-2.svg'); width: 22rem; height: 30rem; top: 40%; left: -6rem; } @media (min-width: 992px) { .wpb-block__vacatures .container { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; } .wpb-block__vacatures.wpb-variation__secondary .wpb-block__wrapper { max-width: calc(100% - 3.2rem); } } @media (min-width: 1200px) { .wpb-block__vacatures .container { grid-template-columns: minmax(0, 1fr) minmax(0, 56rem); } .wpb-block__vacatures.wpb-variation__secondary .wpb-block__wrapper { max-width: calc(100% - 6.4rem); } } /*** ---------- Block: Showroom ---------- ***/ .wpb-block__showroom .container { align-items: end; } .wpb-block__showroom .wpb-card .wpb-card__header { max-height: 29rem; } .wpb-block__showroom .wpb-card .wpb-card__header img { object-fit: cover; } .wpb-block__showroom .wpb-text figure img { max-height: 35rem; object-fit: cover; } @media (min-width: 1400px) { .wpb-block__showroom .wpb-text figure { margin-top: 4.8rem; } .wpb-block__showroom .container { column-gap: 8rem; } } /*** ---------- Sticky contact ---------- ***/ .wpb-sticky-contact { cursor: pointer; z-index: 400; right: 18px; bottom: 18px; position: fixed; } .wpb-sticky-contact h4 { writing-mode: vertical-rl; text-orientation: mixed; } .wpb-sticky-contact p { display: none;} .wpb-sticky-contact .btn { display: none; column-gap: .8rem; margin-top: 1rem; } .wpb-sticky-contact .desktop {display: none;} .wpb-sticky-contact .mobile {background-color: rgba(var(--wpb-blue)); border-radius: 32px; padding-inline: 1.4rem; column-gap: 6px; display: flex; align-items: center; justify-content: center; height: 4rem;} .wpb-sticky-contact .mobile .wpb-icon {--color: 255, 255, 255; width: 1.7rem; height: 1.7rem;} .wpb-sticky-contact .mobile h4 {color: #fff; writing-mode: unset; text-orientation: unset; font-size: 1.4rem;} .wpb-offcanvas.wpb-offcanvas__contact { background-color: transparent; padding-top: 3.2rem; padding-left: 2rem; } .wpb-offcanvas.wpb-offcanvas__contact .wpb-offcanvas__header { background-color: #fff; border-radius: 2.4rem 0 0 0; display: flex; align-items: center; justify-content: space-between; padding: 2rem 2rem 0 2rem; } .wpb-offcanvas.wpb-offcanvas__contact .wpb-offcanvas__body { flex-grow: 1; background-color: #fff; padding: 0 2rem 2rem 2rem; } .wpb-offcanvas.wpb-offcanvas__contact .wpb-offcanvas__footer { background-color: #fff; padding: 0 0 0 2rem; } .wpb-offcanvas.wpb-offcanvas__contact .wpb-offcanvas__footer figure img { border-radius: 1.6rem 0 0 0; max-height: 20rem; object-fit: cover; } .wpb-offcanvas.wpb-offcanvas__contact p { margin-bottom: 3.2rem; } .wpb-offcanvas.wpb-offcanvas__contact .contact-link { border: .1rem solid rgb(var(--wpb-border)); transition: var(--ts-15) ease; display: grid; grid-template-columns: 4.1rem 1fr 1.7rem; align-items: center; text-decoration: none; } .wpb-offcanvas.wpb-offcanvas__contact .contact-link .wpb-icon__wrapper-outline { border-color: rgb(var(--wpb-border-dark))!important;--w: 1.7rem; --h: 1.7rem; } .wpb-offcanvas.wpb-offcanvas__contact .contact-link .wpb-icon__wrapper-outline .wpb-icon {--width: 1rem; --height: 1rem; --color: var(--wpb-headings);} .wpb-offcanvas.wpb-offcanvas__contact .contact-link + .contact-link { margin-top: 1rem; } .wpb-offcanvas.wpb-offcanvas__contact .contact-link:hover { background-color: rgba(var(--wpb-blue), .15); border-color: rgba(var(--wpb-blue), 0); } @media (min-width: 768px) { .wpb-sticky-contact .desktop {display: block;} .wpb-sticky-contact .mobile {display: none!important;} .wpb-sticky-contact { background-color: #fff; right: 0; bottom: 25%; padding: 2rem; max-width: 23.4rem; border-radius: .8rem 0 0 .8rem; box-shadow: 0 0 2rem 0 rgba(0,0,0,0.05); } } @media (min-width: 1400px) { .wpb-offcanvas.wpb-offcanvas__contact .wpb-offcanvas__header { padding: 3.2rem 3.2rem 0 3.2rem; } .wpb-offcanvas.wpb-offcanvas__contact .wpb-offcanvas__body { padding: 0 3.2rem 3.2rem 3.2rem; } .wpb-offcanvas.wpb-offcanvas__contact .wpb-offcanvas__footer { padding: 0 0 0 3.2rem; } } @media (min-width: 1625px) { .wpb-sticky-contact { width: 100%; bottom: auto; top: 24rem; position: absolute; } .wpb-sticky-contact h4 { writing-mode: horizontal-tb; } .wpb-sticky-contact p { display: inherit; } .wpb-sticky-contact .btn { display: flex } } /*** ---------- Template: Contact ---------- ***/ .wpb-header__contact .wpb-text-label { color: rgba(255,255,255,.65); } .wpb-header__contact .wpb-text-label i { --color: 255,255,255,.65; } .wpb-header__contact::after { background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.85) 100%) } .wpb-header__contact .contact-link strong { color: #fff; } .wpb-header__contact .contact-link span { font-size: 1.6rem; color: #fff; } .wpb-contact { --gc: 1; --gap: 2.2rem; } .wpb-contact .inner { display: -ms-grid; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); -ms-grid-columns: repeat(var(--gc), minmax(0, 1fr)); gap: var(--gap); -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .wpb-table-info { display: grid; grid-template-columns: auto 1fr; column-gap: 2rem; } table.product--properties-table { margin: 0; } /* Contact links */ .contact-link { display: grid; grid-template-columns: 4.1rem 1fr; align-items: center; text-decoration: none; } .contact-link .wpb-icon__wrapper { --w: 4.1rem; --h: 4.1rem; border-color: rgba(255,255,255,.45)!important; } .contact-link .wpb-icon__wrapper i { --width: 2rem; --height: 2rem; --color: 255,255,255; } .contact-link .contact-link__text { padding-left: 1rem; padding-right: 1rem; } .contact-link strong { display: block; color: rgb(var(--wpb-headings)); line-height: 1.1; } .contact-link span { --global-fs: 1.4rem; --global-lh: 1.1; } .wpb-showroom-location .container > div > .wpb-text { padding-left: 2rem; margin-bottom: 2rem; } .wpb-showroom-location .wpb-ratio { border-radius: 1.2rem; overflow: hidden; } .wpb-header__contact .wpb-card .btn { white-space: nowrap; } @media (min-width: 992px) { .wpb-header__contact .inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; min-height: 30rem; } .contact-link strong { font-size: 2rem; } .wpb-contact .inner { grid-template-columns: minmax(0, 1fr) minmax(0, 40rem); --gap: 3.2rem; } .wpb-showroom-location .container { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } .wpb-contact-cta .wpb-card .wpb-card__body { padding: 2.8rem; } .wpb-contact-cta-block figure img { height: 100%; object-fit: cover; max-height: 37rem; } } @media (min-width: 1200px) { .wpb-contact .inner { grid-template-columns: minmax(0, 1fr) minmax(0, 49rem); } .wpb-showroom-location .container { grid-template-columns: minmax(0, 1fr) minmax(0, 56rem); } .wpb-showroom-location .container > div > .wpb-text { padding-left: 4.8rem; margin-bottom: 3.2rem; } .wpb-contact-cta .container { grid-template-columns: minmax(0, 59rem) minmax(0, 1fr); } .wpb-contact-cta-block .wpb-card .wpb-card__body { padding: 4.8rem; } .wpb-header__contact .inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 60rem); min-height: 40rem; } } @media (min-width: 1400px) { .wpb-contact-cta-block .wpb-card .wpb-card__body { padding: 6.4rem; } } /*** ---------- Template: Product bookmarks ---------- ***/ .woocommerce-bookmarks ul.products { min-height: 43rem; } /*** ---------- Archive: vacatures ---------- ***/ .wpb-header.wpb-header__vacancies .wpb-text { padding-bottom: 2rem; } .wpb-header.wpb-header__vacancies figure { padding-left: 2rem; } .wpb-header.wpb-header__vacancies figure img { border-radius: 1.6rem 0 0 1.6rem; } .wpb-header.wpb-header__vacancies .wpb-card { border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-top: -4rem; } .wpb-header.wpb-header__vacancies .wpb-card .wpb-card__body { display: flex; flex-direction: column; column-gap: 2rem; row-gap: 1rem; align-items: start; } .wpb-header.wpb-header__vacancies .wpb-card h3 { margin-bottom: 1rem; } .wpb-header.wpb-header__vacancies .wpb-card .btn { white-space: nowrap; } .is-archive-vacatures .wpb-archive { --gc: 1; } .wpb-archive-faq .wpb-text { margin-bottom: 3.2rem; } .wpb-archive.wpb-archive__brochures { --gap: 2.4rem; } @media (min-width: 992px) { .wpb-header.wpb-header__vacancies .container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 4.8rem; } .wpb-header.wpb-header__vacancies .wpb-text { padding: 0 0 4.8rem 0; } .wpb-header.wpb-header__vacancies .wpb-card { position: absolute; right: 2rem; bottom: 0; width: calc(50% - (4.8rem / 2)) } .wpb-header.wpb-header__vacancies figure { position: absolute; top: 0; right: 0; bottom: 7rem; left: 50%; padding: 0; } .wpb-header.wpb-header__vacancies figure img { width: 100%; height: 100%; object-fit: cover; border-top-left-radius: 0; } .is-archive-vacatures .wpb-archive { row-gap: 2.8rem; } } @media (min-width: 1200px) { .wpb-header.wpb-header__vacancies .container { column-gap: 9.8rem; } .wpb-header.wpb-header__vacancies .wpb-card { width: calc(50% - (9.8rem / 2)); } .wpb-header.wpb-header__vacancies .wpb-card .wpb-card__body { flex-direction: row; align-items: center; padding: 2.8rem; } } @media (min-width: 1400px) { .wpb-header.wpb-header__vacancies .container { column-gap: 16.8rem; } .wpb-header.wpb-header__vacancies .wpb-card { width: calc(50% - (16.8rem / 2)); } } /*** ---------- Archive: news ---------- ***/ .wpb-archive .wpb-filters { display: flex; flex-wrap: wrap; align-items: center; } .wpb-archive .wpb-filters .form-label { font-size: 1.4rem; margin: 0 .8rem 0 0; width: auto; } .wpb-archive .wpb-filters form { display: grid; grid-template-columns: minmax(0, 1fr); } .wpb-archive .wpb-filters form > div { display: flex; flex-wrap: wrap; align-items: center; } .wpb-archive .wpb-filters form > div > span { display: none; } .wpb-archive .wpb-filters .form-group { display: flex; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; } .wpb-archive .wpb-filters .form-group::-webkit-scrollbar-thumb { background-color: rgb(var(--wpb-dark)); } .wpb-archive .wpb-filters .form-group::-webkit-scrollbar-track { background-color: rgb(var(--wpb-border)); } .wpb-archive .wpb-filters .form-group::-webkit-scrollbar { height: 2px; border-radius: 4px; } .wpb-archive .wpb-filters .form-group > * { scroll-snap-align: start; } #wux-filter-results {scroll-margin-top: 25vh; transition: .1s ease-in-out;} #wux-filter-results.--loading {opacity: 0.65;} #wux-filter-results .empty-state {grid-column: span 4; background-color: #fff; border-radius: .8rem; padding: 3.2rem; display: flex; align-items: center; justify-content: center; flex-direction: column;} #wux-filter-results .empty-state img {width: 80px; margin-bottom: 16px; display: inline-block;} #wux-filter-results .empty-state h3 {margin-bottom: 4px; display: inline-block;} #wux-filter-results .empty-state p {display: inline-block;} @media (min-width: 768px) { body.post-type-archive-nieuws .wpb-block__featured .container { min-height: 34rem; } } @media (min-width: 992px) { body.post-type-archive-nieuws .wpb-block__featured .container { min-height: 44rem; } } @media (min-width: 1200px) { body.post-type-archive-nieuws .wpb-block__featured .container { min-height: 54rem; } } /*** ---------- Single: vacatures ---------- ***/ body.single-vacatures .wpb-card.wpb-card__contact-form { position: sticky; top: 6.4rem; } body.single-vacatures .wpb-card.wpb-card__contact-form [type="submit"] { width: 100%; text-align: center; } /*** ---------- Single news ---------- ***/ body.single .wpb-header .container {position: relative; z-index: 1;} body.single .wpb-header .wpb-breadcrumbs { padding: 1rem 1.4rem; border-radius: 0.5rem; } body.single .wpb-header.has-background-image .wpb-breadcrumbs {background-color: rgba(0,0,0,.40); backdrop-filter: blur(10px);} body.single .wpb-header.has-background-image .wpb-breadcrumbs * { color: #fff; } body.single .wpb-header.has-background-image .wpb-breadcrumbs i { --color: 255,255,255; } .wpb-single__share .container { display: grid; row-gap: 2rem; } .wpb-single__share .social-share-icons { column-gap: 1rem; } .wpb-single__share .social-share-icons span { font-weight: 700; } .wpb-single__share .social-share-icons a { border: .1rem solid rgb(var(--wpb-border)); width: 3.6rem; height: 3.6rem; border-radius: 50%; display: grid; place-items: center; transition: var(--ts-15) ease; } .wpb-single__share .social-share-icons a:hover { border-color: rgb(var(--wpb-blue)); background-color: rgb(var(--wpb-blue)); } .wpb-single__share .social-share-icons a i { --color: var(--wpb-headings); --width: 1.4rem; --height: 1.4rem; } .wpb-single__share .social-share-icons a:hover i { --color: 255,255,255; } .single-nieuws .wpb-header :is(h1, summary) { max-width: 70rem; } .single-nieuws .wpb-header summary p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .wpb-single__content.has-sidebar > .container { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); } .wpb-single__content.has-sidebar > .container .container { padding-left: 0; padding-right: 0; } .wpb-single__content .popular-news .mini-title { display: block; } .wpb-single__content .popular-news .wpb-card + .wpb-card { border-top: .1rem solid rgb(var(--wpb-border)); padding-top: 1.6rem; } .content-section.content-section__quote .wpb-text { --global-fs: clamp(2rem, 4vw, 2.8rem); --global-lh: 1.2; color: rgb(var(--wpb-headings)); font-weight: 500; border-left: .4rem solid rgb(var(--wpb-blue)); padding-left: 3.2rem; } .content-section.content-section__quote .wpb-text * { color: rgb(var(--wpb-headings)); } .content-section.content-section__quote .wpb-text .name { font-size: 1.8rem; } .content-section.content-section__cta .inner .wpb-text { padding: 0; } .content-section.content-section__cta .wpb-usps { padding: 0; flex-wrap: wrap; column-gap: 1.6rem; row-gap: 1rem; } .content-section.content-section__cta .wpb-usps li { margin: 0; } .content-section.content-section__images .wpb-image > img {max-height: 400px; object-fit: cover; object-position: center;} .content-section.content-section__faq .wpb-accordion .accordion__button { font-size: 1.6rem; } .content-section.content-section__faq .container .wpb-ratio { --wpb-aspect-ratio: 62%; } .content-section.content-section__faq .container .wpb-ratio img { object-fit: cover; overflow: clip; border-radius: 1.2rem; } .content-section.wpb-block__text-media figure img { border-radius: 1.2rem; overflow: clip; object-fit: cover; } .wpb-single__share .container .wpb-card__header {overflow: hidden;} .single-nieuws .content-section.content-section__text .btn-group { margin-top: 1em; } .content-section.content-section__text .wpb-text + .inner {margin-top: .8rem;} .single-nieuws .content-section .wpb-gc__2 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; } @media (min-width: 768px) { .content-section.content-section__cta .inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .wpb-single__share .container .wpb-card__header { position: absolute; right: 2rem; bottom: 0; max-width: 36.8rem; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .single-nieuws .content-section .wpb-gc__2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 992px) { .wpb-single__content.has-sidebar > .container { grid-template-columns: minmax(0, 1fr) 36.8rem; column-gap: 4.8rem; } .wpb-single__content .popular-news .wpb-card + .wpb-card { padding-top: 2.8rem; } } @media (min-width: 1200px) { .wpb-single__content.has-sidebar > .container { column-gap: 6.4rem; } .content-section.content-section__cta .inner { grid-template-columns: minmax(0, 1fr) minmax(0, 30rem); column-gap: 4.8rem;} } @media (min-width: 1400px) { .wpb-single__content.has-sidebar > .container { column-gap: 12.8rem; } } .content-section.content-section__featured_product_categories .btn-outline-headings:hover { background-color: rgb(var(--wpb-dark)) !important; color: #FFF !important;} .content-section.content-section__featured_product_categories .btn-outline-headings:hover .wpb-icon__wrapper { border-color: #FFF; } .content-section.content-section__featured_product_categories .btn-outline-headings:hover .wpb-icon__wrapper i { background-color: #FFF; } .content-section.content-section__images .container .inner { display: grid; grid-template-columns: minmax(0,1fr); gap: 1rem; } @media(min-width: 992px) { .content-section.content-section__images .container .inner { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 2rem; } } .content-section.content-section__featured_product_categories { container: productCategories / inline-size; } .content-section.content-section__featured_product_categories .wpb-text { margin-bottom: 3.2rem; } .content-section.content-section__featured_product_categories .categories { --gc: 1; display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); gap: 1.6rem; } .content-section.content-section__featured_product_categories.is-secondary .categories { gap: 1.4rem; } .content-section.content-section__featured_product_categories .wpb-card.wpb-card__category h3 { font-size: 1.8rem; } @container productCategories (width > 400px) { .content-section.content-section__featured_product_categories .categories { --gc: 2; } .content-section.content-section__featured_product_categories.is-secondary .categories { --gc: 3; } } @container productCategories (width > 900px) { .content-section.content-section__featured_product_categories .categories { --gc: 3; } .content-section.content-section__featured_product_categories.is-secondary .categories { --gc: 4; } } @container productCategories (width > 1200px) { .content-section.content-section__featured_product_categories .categories { --gc: 4; } .content-section.content-section__featured_product_categories.is-secondary .categories { --gc: 5; } } /*** Single vacancy ***/ body.single .wpb-header .vacancy__spec {display: flex; align-items: center; font-weight: 600; column-gap: 8px;} body.single .wpb-header.has-background-image .vacancy__spec {color: #fff;} /*** Search results ***/ .wpb-navigation__search .wpb-search-results { background-color: #fff; border-radius: 1.2rem; padding: 0; opacity: 0; visibility: hidden; pointer-events: none; overflow: hidden; z-index: 10; top: calc(100% + 0.65rem)!important; grid-template-columns: minmax(0, 1fr); } .wpb-navigation__search .wpb-search-results.shows-results { opacity: 1; visibility: visible; pointer-events: all; } .wpb-navigation__search .wpb-search-results .result-group-wrapper { padding: 1.2rem; } .wpb-navigation__search .wpb-search-results .result-group-wrapper .result-group-label { font-size: 1.3rem; font-weight: 500; margin-bottom: .2rem; padding-left: .6rem; padding-bottom: .2rem; display: inline-block; } .wpb-navigation__search .wpb-search-results .result-group-wrapper + .result-group-wrapper { border-top: 1px solid rgba(var(--wpb-border));} .wpb-search-results .empty-state { padding: 3rem 0; padding-bottom: 2.2rem; } .result-group-wrapper .result { display: flex; align-items: center; column-gap: 10px; padding: .8rem .6rem; border-radius: .6rem; position: relative; } .result-group-wrapper .result:hover { background-color: rgba(var(--wpb-light)); } .result-group-wrapper .result .icon-wrapper { width: 3.2rem; height: 3.2rem; min-width: 3.2rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; transform: rotate(-30deg); border: 1px solid rgba(var(--wpb-border)); } .result-group-wrapper .result .icon-wrapper .wpb-icon { --color: var(--wpb-headings); width: 1.7rem; height: 1.7rem;} .result-group-wrapper .result .result-info .result-title { font-size: 1.6rem; line-height: 1.1; font-weight: 600; color: rgba(var(--wpb-headings)); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .result-group-wrapper .result .result-info .post-date { font-size: 1.3rem; line-height: 1; margin-top: .3rem; } .result-group-wrapper .result .result-info .post-date span {font-size: inherit; line-height: inherit;} .result-group-wrapper .result .result-info .product-categories { font-size: 1.3rem; line-height: 1.2; margin-top: .3rem; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .result-group-wrapper .result .result-info .product-categories span { font-size: inherit; line-height: inherit; padding: 0 .4rem; } .result-group-wrapper .result .result-info .product-categories span:last-of-type { display: none; } .result-group-wrapper .result .result-thumbnail { width: 4.8rem; max-height: 3.8rem; border-radius: .4rem; object-fit: contain; } .result-group-wrapper .result.product { justify-content: space-between; } .result-group-wrapper .result.product .base { display: flex; align-items: center; column-gap: 1rem; } .result-group-wrapper .result.product .product-info .price { display: flex; flex-direction: column; align-items: flex-end; } .result-group-wrapper .result.product .product-info .price > strong { color: rgba(var(--wpb-headings)); line-height: 1; white-space: nowrap; } .result-group-wrapper .result.product .product-info .price > strong.is-sale { color: rgba(var(--wpb-red)); } .result-group-wrapper .result.product .product-info .price > strong.is-sale .is-original { font-size: 1.4rem; font-weight: 500!important; color: rgba(var(--wpb-text)); text-decoration: line-through; } .result-group-wrapper .result.product .product-info .price > strong.is-sale .is-original .amount bdi { font-weight: 500!important; } .result-group-wrapper .result.product .product-info .price > small { font-size: 13px; line-height: 1; white-space: nowrap; } .result-group-wrapper .result.product .product-info .price > small * { font-size: inherit; } .result-group-wrapper .result.product.has-button .product-info { display: flex; align-items: center; column-gap: .8rem; margin-left: auto; } .result-group-wrapper .result.product.has-button .product-info .btn { width: 3.2rem; height: 3.2rem; min-height: 3.2rem; padding: 0; justify-content: center; } .result-group-wrapper .result.product.has-button .product-info .btn::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .result-group-wrapper .result.product.has-button .product-info .btn .wpb-icon { --width: 1.6rem; --height: 1.6rem; } .modal #wux_wc_search_input { padding: 0 1.6rem; height: 4rem; border: 0.1rem solid rgb(var(--wpb-border)); border-radius: 4rem; width: 100%; } .modal #wux_wc_search_input:focus-visible { outline: none; } .modal .result-group-wrapper { padding: 0; } .modal .result-group-wrapper .result { justify-content: start; } .modal .empty-state { padding: 3.2rem; display: flex; align-items: center; justify-content: center; flex-direction: column; } .modal .empty-state img { width: 8rem; margin-bottom: 1.6rem; display: inline-block; } .modal .empty-state h3 { margin-bottom: .4rem; display: inline-block; } .modal .empty-state p { display: inline-block; } /*** ---------- Search / Zoeken ---------- ***/ .wpb-header.wpb-header__search form { display: flex; } .wpb-header.wpb-header__search form input { padding: 0 2rem; flex-grow: 1; font-size: 1.6rem; height: 5rem; border: none; border: 0.1rem solid rgb(var(--wpb-border)); border-right: 0; border-top-left-radius: 4rem; border-bottom-left-radius: 4rem; } .wpb-header.wpb-header__search form input:focus { outline: none; border-color: rgb(var(--wpb-border-dark)); } .wpb-header.wpb-header__search form button { cursor: pointer; background-color: rgba(var(--wpb-light)); display: flex; color: rgb(var(--wpb-headings)); align-items: center; font-size: 1.6rem; font-weight: 600; height: 5rem; padding: 0 1.6rem; border: none; border: 0.1rem solid rgb(var(--wpb-border)); border-top-right-radius: 4rem; border-bottom-right-radius: 4rem; position: relative; transform: none; } .wpb-header.wpb-header__search form button .wpb-icon { --width: 1.6rem; --height: 1.6rem; margin-right: 0.7rem; } .is-search section.wpb-search-results { opacity: 1; visibility: visible; background-color: transparent; pointer-events: all; } .is-search section.wpb-search-results .wpb-card h3 { font-size: clamp(1.6rem, 4vw, 2rem); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1; } .is-search section.wpb-search-results .wpb-card { position: relative; } .is-search section.wpb-search-results .wpb-card .badge { position: absolute; top: 0; right: 2rem; } .is-search section.wpb-search-results .wpb-card .wpb-card__body { padding-top: 3rem; } .is-search section.wpb-search-results .wpb-card .btn::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } @media (min-width: 992px) { .wpb-header.wpb-header__search form input { padding: 0 2rem; flex-grow: 1; font-size: 1.6rem; height: 5rem;} .wpb-header.wpb-header__search form button {font-size: 1.6rem; height: 5rem;} } .is-page-404 form { display: flex; } .is-page-404 form input { padding: 0 2rem; flex-grow: 1; font-size: 1.6rem; height: 5rem; border: none; border: 0.1rem solid rgb(var(--wpb-border)); border-right: 0; border-top-left-radius: 4rem; border-bottom-left-radius: 4rem; } .is-page-404 form input:focus { outline: none; border-color: rgb(var(--wpb-border-dark)); } .is-page-404 form button { cursor: pointer; background-color: rgba(var(--wpb-light)); display: flex; color: rgb(var(--wpb-headings)); align-items: center; font-size: 1.6rem; font-weight: 600; height: 5rem; padding: 0 1.6rem; border: none; border: 0.1rem solid rgb(var(--wpb-border)); border-top-right-radius: 4rem; border-bottom-right-radius: 4rem; position: relative; transform: none; } .is-page-404 form button .wpb-icon { --width: 1.6rem; --height: 1.6rem; margin-right: 0.7rem; } /*** QUOTE ***/ .wux_quote-wrapper {padding: 6.4rem 0;} .wux_quote-wrapper .inner {display: grid; grid-template-columns: 1fr 36rem; column-gap: 3.2rem;} .wux_quote-wrapper .inner .quote > *:not(:first-child) {margin-top: 4.8rem;} .wux_quote-wrapper .quote-section-header {position: relative; padding-left: 5.2rem; margin-bottom: 2.4rem; } .wux_quote-wrapper .quote-section-header::after {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3.4rem; height: 3.9rem; font-size: 2.4rem;} .wux_quote-wrapper .quote-section-header h2 {margin-bottom: 2px;} .wux_quote-wrapper.quote-succes .header {text-align: center; padding: 3.2rem 0; max-width: 900px; margin: 0 auto;} .wux_quote-wrapper.quote-succes .header * + * {margin-top: 12px;} .wux_quote-wrapper .quote-section-card {background-color: #fff; padding: 3.2rem; border-radius: 1.2rem;} .wux_quote-wrapper .quote-section-card .product-list {display: flex; position: relative; flex-direction: column; border: 1px solid rgb(var(--wpb-border)); border-radius: .6rem; transition: .12s ease-in-out;} .wux_quote-wrapper .quote-section-card .product-list::before, .wux_quote-wrapper .quote-section-card .product-list::after { content: ''; display: block; position: absolute; z-index: 1; transition: .12s ease-in-out; pointer-events: none;} .wux_quote-wrapper .quote-section-card .product-list::before { top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0); border-radius: .6rem; } .wux_quote-wrapper .quote-section-card .product-list.loading::before { background: rgba(255, 255, 255);} .wux_quote-wrapper .quote-section-card .product-list.loading::after { --src: url('/wp-content/themes/wux/assets/icons/default/icon_loading.svg'); --color: var(--wpb-dark); --width: 2rem; --height: 2rem; -webkit-mask-image: var(--src); mask-image: var(--src); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; display: inline-block; width: var(--width); height: var(--height); background-color: rgba(var(--color)); top: calc(50% - (var(--height) / 2)); left: calc(50% - (var(--width) / 2)); animation: woocommerce_rotate 0.5s linear infinite; } .wux_quote-wrapper .quote-section-card .product-list .product {display: flex; padding: .6rem; padding-right: 2rem; position: relative; justify-content: space-between; align-items: center;} .wux_quote-wrapper .quote-section-card .product-list .product:not(:first-child) {border-top: 1px solid rgb(var(--wpb-border));} .wux_quote-wrapper .quote-section-card .product-list .product .product-info {display: flex; align-items: center; column-gap: 10px; width: 100%; text-decoration: none; cursor: pointer;} .wux_quote-wrapper .quote-section-card .product-list .product .product-info .product-title {font-size: 20px;} .wux_quote-wrapper .quote-section-card .product-list .product .product-info .thumbnail img {width: 80px; max-height: 64px; object-fit: contain;} .wux_quote-wrapper .quote-section-card .product-list .product .product-controls {display: flex; align-items: center; column-gap: 12px;} .wux_quote-wrapper .quote-section-card .product-list .product .product-controls .print-controls {display: flex; align-items: center; column-gap: 8px;} .wux_quote-wrapper .quote-section-card .product-list .product .product-controls .print-controls .print-label {cursor: pointer; font-weight: 600; font-size: 14px; color: rgba(var(--wpb-headings)); user-select: none; height: 40px; display: flex; align-items: center; border-radius: 6.4rem; padding: 0 1.2rem; overflow: hidden; border: 1px solid rgb(var(--wpb-border)); transition: .12s ease; white-space: nowrap; text-decoration: none;} .wux_quote-wrapper .quote-section-card .product-list .product .product-controls .print-controls .print-label:hover {background-color: rgba(var(--wpb-light));} .wux_quote-wrapper .quote-section-card .product-list .product .product-controls .quantity-controls {display: flex; align-items: center; border-radius: 6.4rem; overflow: hidden; border: 1px solid rgb(var(--wpb-border));} .wux_quote-wrapper .quote-section-card .product-list .product .product-controls .quantity-controls .quantity-btn {min-width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer;} .wux_quote-wrapper .quote-section-card .product-list .product .product-controls .quantity-controls .quantity-btn:hover {background-color: rgba(var(--wpb-light));} .wux_quote-wrapper .quote-section-card .product-list .product .product-controls .quantity-controls .quantity-input {height: 40px; width: 55px; font-weight: 700; text-align: center; border-inline: 1px solid rgb(var(--wpb-border)); border-block: none;} .wux_quote-wrapper .quote-section-card .product-list .product .product-controls .quantity-controls .quantity-input:focus-visible {border: 1px solid rgb(var(--wpb-border)); outline: none;} .wux_quote-wrapper .quote-section-card .product-list .product .product-controls .remove {min-width: 50px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 6.4rem; border: 1px solid rgb(var(--wpb-border)); cursor: pointer;} .wux_quote-wrapper .quote-section-card .product-list .product .product-controls .remove:hover {background-color: rgba(var(--wpb-light));} .wux_quote-wrapper .quote-section-card .product-list .product .product-controls .wpb-icon {--color: var(--wpb-dark);} .wux_quote-wrapper .quote-section-card .single-product .section-label {font-size: 15px; font-weight: 700; color: rgba(var(--wpb-headings)); margin-bottom: 6px;} .wux_quote-wrapper .quote-section-card .single-product .product-wrapper .product {display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(var(--wpb-border)); padding: 0 .6rem; border-radius: .6rem; cursor: pointer;} .wux_quote-wrapper .quote-section-card .single-product .product-wrapper .product .product-info {display: flex; align-items: center; column-gap: 10px;} .wux_quote-wrapper .quote-section-card .single-product .product-wrapper .product .product-info > img {width: 48px; height: 48px; object-fit: contain;} .wux_quote-wrapper .quote-section-card .single-product .product-wrapper .product .product-info .product-title {font-size: 18px;} .wux_quote-wrapper .quote-section-card .single-product .product-wrapper .product .search-button {min-width: 54px; margin-left: 8px; height: 38px; cursor: pointer; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(var(--wpb-border)); border-radius: 6.4rem;} .wux_quote-wrapper .quote-section-card .single-product .product-wrapper .product .search-button .wpb-icon {--color: var(--wpb-headings);} .wux_quote-wrapper .quote-section-card .single-product .quantity-wrapper {margin-top: 18px;} .wux_quote-wrapper .quote-section-card .single-product .quantity-wrapper .quantity-selector {display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(var(--wpb-border)); padding: 0.6rem; border-radius: 0.6rem;} .wux_quote-wrapper .quote-section-card .single-product .quantity-wrapper .quantity-selector .quantity-input {width: 100%; border: none; padding: 6px; font-size: 18px; font-weight: 600; color: rgba(var(--wpb-headings));} .wux_quote-wrapper .quote-section-card .single-product .quantity-wrapper .quantity-selector .quantity-input:focus-visible {border: none; outline: none;} .wux_quote-wrapper .quote-section-card .single-product .quantity-wrapper .quantity-selector .buttons {display: flex; align-items: center; column-gap: 5px; } .wux_quote-wrapper .quote-section-card .single-product .quantity-wrapper .quantity-selector .buttons .quantity-btn {width: 54px; height: 38px; display: flex; cursor: pointer; align-items: center; justify-content: center; border: 1px solid rgba(var(--wpb-border)); border-radius: 6.4rem;} .wux_quote-wrapper .quote-section-card .single-product .quantity-wrapper .quantity-selector .buttons .quantity-btn .wpb-icon {--color: var(--wpb-headings);} .wux_quote-wrapper .quote-section-card #wux_wc_quote_product_container .empty-state {padding: 3.2rem; display: flex; align-items: center; justify-content: center; flex-direction: column;} .wux_quote-wrapper .quote-section-card #wux_wc_quote_product_container .empty-state img {width: 80px; margin-bottom: 16px; display: inline-block;} .wux_quote-wrapper .quote-section-card #wux_wc_quote_product_container .empty-state h3 {margin-bottom: 4px; display: inline-block;} .wux_quote-wrapper .quote-section-card #wux_wc_quote_product_container .empty-state p {display: inline-block;} .wux_quote-wrapper .quote-section-card .add-product {margin-top: 12px;} #wux_wc_quote_add-products-modal .wpb-search-results .results {display: grid; grid-template-columns: 1fr;} #wux_wc_quote_add-products-modal .wpb-search-results .results .result > img {width: 48px; height: 48px; object-fit: contain;} #wux_wc_quote_add-products-modal .wpb-search-results .results .result .product-title {font-size: 16px; line-height: 1.2; margin-bottom: 2px;} #wux_wc_quote_add-products-modal .wpb-search-results .results .result .product-categories {font-size: 13px; line-height: 1.2;} #wux_wc_quote_add-products-modal .wpb-search-results .results .result .product-categories .separator {font-size: inherit; line-height: inherit; margin: 0 3px; text-decoration: none;} #wux_wc_quote_add-products-modal .wpb-search-results .results .result .product-categories .separator:last-of-type {display: none;} .wux_quote-wrapper .form-wrapper {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; row-gap: 20px;} .wux_quote-wrapper .form-wrapper .input-wrapper.full-width {grid-column: 1 / 3;} .wux_quote-wrapper .form-wrapper .input-wrapper .form-label {color: rgba(var(--wpb-headings));} .wux_quote-wrapper .form-wrapper .input-wrapper.is-adress input:first-of-type {width: 65%;} .wux_quote-wrapper .form-wrapper .input-wrapper.is-adress input:last-of-type {width: 33%; float: right;} .wux_quote-wrapper .form-wrapper .input-wrapper .required { display: none; } .wux_quote-wrapper .form-wrapper .input-wrapper.is-required .required { display: inline-block; } .wux_quote-wrapper .inner .sidebar .usps {background-color: #fff; padding: 2.4rem; border-radius: 0.8rem;} .wux_quote-wrapper .inner .sidebar .usps h3 {font-size: 20px; margin-bottom: 20px;} .wux_quote-wrapper .inner .sidebar .usps .wpb-usps {white-space: initial; flex-direction: column; row-gap: 18px;} .wux_quote-wrapper .inner .sidebar .usps .wpb-usps > li + li {margin-left: 0;} .wux_quote-wrapper .inner .sidebar .usps .wpb-usps * {color: rgba(var(--wpb-headings));} @media (max-width: 1400px) { .wux_quote-wrapper .quote-section-card .product-list .product {flex-direction: column; row-gap: 1.4rem; align-items: flex-end;} } @media (max-width: 768px) { .wux-wc-quote .woocommerce-notices-wrapper {padding-top: 1.6rem;} .wux-wc-quote .woocommerce-notices-wrapper + .wux_quote-wrapper {padding-top: 2rem;} .wux_quote-wrapper {padding: 3.2rem 0;} .wux_quote-wrapper .inner {grid-template-columns: 1fr;} .wux_quote-wrapper .quote-section-header {padding-left: 4.8rem; margin-bottom: 1.8rem;} .wux_quote-wrapper .quote-section-header::after {width: 3.35rem; height: 3.35rem;} .wux_quote-wrapper .quote-section-card {padding: 1.6rem;} .wux_quote-wrapper .quote-section-card .product-list .product {padding: 1.4rem;} .wux_quote-wrapper .quote-section-card .product-list .product .product-info {column-gap: 8px;} .wux_quote-wrapper .quote-section-card .product-list .product .product-info .product-title {font-size: 15px; line-height: 1.1;} .wux_quote-wrapper .quote-section-card .single-product .product-wrapper .product .product-info {padding: 10px 0;} .wux_quote-wrapper .quote-section-card .single-product .product-wrapper .product .product-info .product-title {font-size: 16px;} .wux_quote-wrapper .form-wrapper {grid-template-columns: 1fr; row-gap: 1.2rem;} .wux_quote-wrapper .form-wrapper .input-wrapper.full-width {grid-column: 1;} .wux_quote-wrapper .inner .quote > *:not(:first-child) {margin-top: 2.8rem;} .wux_quote-wrapper .form-wrapper .input-wrapper .form-label {margin-bottom: 0.4rem;} .wux_quote-wrapper .quote-section-card .single-product .quantity-wrapper {margin-top: 12px;} .wux_quote-wrapper .quote-section-card .product-list .product .product-controls {flex-direction: column-reverse; row-gap: 8px; width: 100%; align-items: flex-start;} .wux_quote-wrapper .quote-section-card .product-list .product .product-controls .print-controls {width: 100%;} .wux_quote-wrapper .quote-section-card .product-list .product .product-controls .print-controls .print-label {width: 100%; text-align: center; justify-content: center;} .wux_quote-wrapper .quote-section-card .product-list .product .product-controls .quantity-controls .quantity-btn {height: 32px;} .wux_quote-wrapper .quote-section-card .product-list .product .product-controls .quantity-controls .quantity-input {height: 32px; width: 45px;} .wux_quote-wrapper .quote-section-card .product-list .product .product-controls .remove {background-color: #fff; top: 14px; right: 14px; position: absolute; min-width: 40px; height: 32px;} .wux_quote-wrapper .quote-section-card .product-list .product .product-controls .remove .wpb-icon {--width: 1.6rem; --height: 1.6rem;} .wux_quote-wrapper .quote-section-card #wux_wc_quote_product_container .empty-state {padding: 2.4rem; text-align: center;} .wux_quote-wrapper .quote-section-card #wux_wc_quote_product_container .empty-state img {width: 64px; margin-bottom: 12px;} .wux_quote-wrapper .quote-section-card #wux_wc_quote_product_container .empty-state h3 {margin-bottom: 4px; display: inline-block;} } @media (min-width: 768px) { .wux_quote-wrapper .form-wrapper .input-wrapper.is-adress input:first-of-type {width: 75%;} .wux_quote-wrapper .form-wrapper .input-wrapper.is-adress input:last-of-type {width: 23%;} } /*** CORPORATE ***/ .wpb-card.wpb-card__entry-summary form .price {display: none;} .wpb-card.wpb-card__entry-summary .printing-cta {margin-top: 24px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 5px 24px 5px 5px; border-radius: 8px; border: 1px solid rgba(var(--wpb-border));} .wpb-card.wpb-card__entry-summary .printing-cta .info {display: flex; align-items: center; column-gap: 8px;} .wpb-card.wpb-card__entry-summary .printing-cta .info img {width: 80px;} .wpb-card.wpb-card__entry-summary .printing-cta .info p {font-size: 14px; color: rgba(var(--wpb-headings)); line-height: 1.2;} .wpb-card.wpb-card__entry-summary .printing-cta .info p.title {font-weight: 700; font-size: 16px;} @media (max-width: 552px) { .wpb-card.wpb-card__entry-summary .printing-cta {flex-direction: column; align-items: flex-start;} .wpb-card.wpb-card__entry-summary .printing-cta .btn-link {padding: 2px 6px;} } .btn.is-active-quote .wpb-icon {--width: 1.5rem; --height: 1.5rem;} .btn.is-active-quote.is-active {position: relative;} .btn.is-active-quote.is-active::after {content: ''; width: 10px; height: 10px; right: -4px; top: 7px; display: inline-block; border-radius: 50%; position: absolute; background-color: rgba(var(--wpb-green));} .wpb-section__unsubscribe .container { --wpb-width: 500px; } .wpb-section__unsubscribe .container .wpb-text { text-align: center; margin-bottom: 3.2rem; } /*** EXPANDABLE FILTERS ***/ .wpb-woocommerce__filters #wux-filters .wpb-accordion .accordion__body .filter.expandable {max-height: 260px; overflow: hidden;} .wpb-woocommerce__filters #wux-filters .wpb-accordion .accordion__body .btn-link {margin-top: 0;} .wpb-woocommerce__filters #wux-filters .wpb-accordion .accordion__body .btn-link span {color: rgba(var(--wpb-red)); font-size: 15px;} .wpb-woocommerce__filters #wux-filters .wpb-accordion .accordion__body .btn-link.expandable .reset {display: none;} .wpb-woocommerce__filters #wux-filters .wpb-accordion .accordion__body .btn-link:not(.expandable) .expand {display: none;} .wpb-woocommerce__filters #wux-filters .wpb-accordion .accordion__body .btn-link .wpb-icon {background-color: rgba(var(--wpb-red)); width: 14px; height: 14px;} /*** BROCHURE DOWNLOAD ***/ .woocommerce-description .brochure-download {margin-top: 24px; cursor: pointer; text-decoration: none; display: flex; align-items: center; justify-content: space-between; padding: 12px 18px 12px 18px; border-radius: 8px; border: 1px solid rgba(var(--wpb-border));} .woocommerce-description .brochure-download .info {display: flex; align-items: center;} .woocommerce-description .brochure-download .info .wpb-icon {--color: var(--wpb-headings); opacity: .5; margin-right: 8px;} .woocommerce-description .brochure-download strong {color: rgba(var(--wpb-headings));} /*** UPDATED STOREFRONT HEADER ***/ .wpb-woocommerce__product-archive-header img {display: none;} @media (min-width: 992px) { .wpb-woocommerce__product-archive-header .inner {display: grid; align-items: center; grid-template-columns: 2fr 1fr; column-gap: 4rem;} .wpb-woocommerce__product-archive-header img {display: block; height: 200px; object-fit: cover; border-radius: .8rem;} } @media (min-width: 1400px) { .wpb-woocommerce__product-archive-header img {height: 250px;} .wpb-woocommerce__product-archive-header h1 {margin-top: 1.2rem!important;} } .collapsable-description .collapsable-description__toggle { display: flex; align-items: center; column-gap: .5rem; color: rgb(var(--wpb-red)); cursor: pointer; } .collapsable-description .collapsable-description__toggle span { font-size: 1.4rem; color: inherit; font-weight: 600; } .collapsable-description .collapsable-description__toggle i { --color: var(--wpb-red); --width: 1.2rem; --height: 1.2rem; } .collapsable-description .collapsable-description__toggle .less { display: none; } .collapsable-description .collapsable-description__toggle[aria-expanded="true"] .less { display: inline-block; } .collapsable-description .collapsable-description__toggle[aria-expanded="true"] .more { display: none; } .collapsable-description .collapsable-description__toggle[aria-expanded="true"] .wpb-icon { transform: rotate(180deg); } .collapsable-description .collapsable-description__inner { overflow: hidden; text-overflow: ellipsis; transition: height 150ms ease-in-out; } .collapsable-description .collapsable-description__inner section, .collapsable-description .collapsable-description__inner section .container { padding: 0!important; } @media (min-width: 768px) { .collapsable-description .collapsable-description__toggle { display: none; } .collapsable-description .collapsable-description__inner { height: auto!important; } .collapsable-description .collapsable-description__toggle span { font-size: 1.6rem; } }