/* PANTOON STYLES REDESIGN ----------*/ /* DATE: 07/06/2024 --------*/ /* VERSION: 3.0.0 ----------*/ /* AUTHOR: eWings ----------*/ /* COLORS */ :root{ --pan-black: #3A3530; --pan-white: #FFFFFF; --pan-primary: #877B70; --pan-accent: #6BAA8D; --pan-neutral: #C3C1C3; --pan-primary-lighter: #ECE7E2; --pan-primary-darker: #3A3530; --pan-boxshadow: 0px 10px 15px -3px rgba(0,0,0,0.1); } /* FONTS */ @font-face { font-family: "poppins-light"; src: url("/pub/media/fonts/Poppins-Light.ttf") format("truetype"); font-weight: 300; font-display: swap; } @font-face { font-family: "poppins-light-italic"; src: url("/pub/media/fonts/Poppins-LightItalic.ttf") format("truetype"); font-weight: 300; font-display: swap; } @font-face { font-family: "poppins-semibold"; src: url("/pub/media/fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 500; font-display: swap; } @font-face { font-family: "poppins-bold"; src: url("/pub/media/fonts/Poppins-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; } @import url('https://fonts.googleapis.com/css2?family=Lato&display=swap'); /* FONT SETTINGS */ h1 {font-family: 'poppins-bold', sans-serif !important; font-size: 45px; line-height: 50px; color: var(--pan-black); padding: 20px 0 35px 0 !important;} h2 {font-family: 'poppins-bold', sans-serif !important; font-size: 36px; line-height: 45px; color: var(--pan-black);} h3 {font-family: 'poppins-bold', sans-serif !important; font-size: 28px; line-height: 30px; color: var(--pan-black); margin-bottom: 25px !important;} h4 {font-family: 'poppins-semibold', sans-serif !important; font-size: 24px; line-height: 28px; color: var(--pan-black);} h5 {font-family: 'poppins-semibold', sans-serif !important; font-size: 20px; line-height: 22px; color: var(--pan-black);} .cms-page-view #maincontent p a {color: var(--pan-accent) !important;} .cms-page-view #maincontent p a:hover {text-decoration: underline !important;} .cms-page-view h3 {margin-top: 25px !important; margin-bottom: 25px !important;} .cms-page-view h2 {margin-top: 15px !important; margin-bottom: 25px !important;} .blue-dark-bg h2 {color: var(--pan-black);} /* HELPER CLASSES */ html {scroll-behavior: smooth;} li {list-style-type: none;} .tooltip-element {color: var(--pan-white); background: var(--pan-accent); width: 16px; height: 16px; border-radius: 8px;} .offset-50 {padding-top: 50px; margin-top: -50px;} .offset-100 {padding-top: 100px; margin-top: -100px;} .offset-150 {padding-top: 150px; margin-top: -150px;} .drop-shadow {box-shadow: none;} /* GENERAL ELEMENTS - BUTTONS */ /* PAGEBUILDER BUTTONS */ /* PRIMARY BUTTON */ #maincontent .action.primary, #maincontent a.action.primary, #maincontent button.primary, #maincontent .button.primary, #maincontent .product-item .actions-primary .action.primary, .action.login.primary, .action.submit.primary, button.action.primary {background:var(--pan-primary) !important; color: var(--pan-white) !important; border: 2px solid var(--pan-primary) !important; border-radius: 100px !important; padding: 15px 25px !important; font-size: 16px; line-height: 19px; font-family: 'poppins-semibold', sans-serif;} #maincontent .product-item .actions-primary .action.primary {width: 100%;} .action.primary:hover, #maincontent .secondary .action:hover, #maincontent a.action.primary:hover, #maincontent button.primary:hover, #maincontent .button.primary:hover, #maincontent .action.secondary:hover, a.action.secondary:hover, #maincontent button.secondary:hover, #maincontent .button.secondary:hover, #maincontent .actions-secondary a.action:hover, #maincontent .product-item .actions-primary .action.primary:hover, .action.login.primary:hover, .action.submit.primary:hover, button.action.primary:hover {background: transparent !important; color: var(--pan-black) !important; border: 2px solid var(--pan-primary) !important; box-shadow: none !important; text-decoration: none !important;} /* -- SECONDARY BUTTON */ #maincontent .action.secondary, #maincontent .secondary .action, a.action.secondary, #maincontent button.secondary, #maincontent .button.secondary, #maincontent .margin-top .amform-parent .amform-show button.action.primary, #maincontent .blue-dark-bg .amform-parent .amform-show button.action.primary {background: transparent !important; color: var(--pan-black) !important; border: 2px solid var(--pan-primary) !important; border-radius: 100px !important; padding: 15px 25px !important; font-size: 16px; line-height: 19px; font-family: 'poppins-semibold', sans-serif;} #maincontent .action.secondary:hover, #maincontent .secondary .action:hover, a.action.secondary:hover, #maincontent button.secondary:hover, #maincontent .button.secondary:hover, #maincontent .margin-top .amform-parent .amform-show button.action.primary:hover, #maincontent .blue-dark-bg .amform-parent .amform-show button.action.primary:hover, #maincontent .actions-secondary a.action:not(.towishlist):hover {box-shadow: var(--pan-boxshadow) !important;} #maincontent .action.ghost, #maincontent button.ghost, #maincontent .button.ghost {display: inline-block; background: transparent; color: var(--pan-black) !important; border: 2px solid var(--pan-primary); border-radius: 100px !important; font-family: 'poppins-semibold'; padding: 18px 25px !important;} #maincontent .action.ghost:hover, #maincontent button.ghost:hover, #maincontent .button.ghost:hover {box-shadow: var(--pan-boxshadow) !important; background: transparent; color: var(--pan-black); border: 2px solid var(--pan-primary); border-radius: 100px !important; font-family: 'poppins-semibold'; padding: 18px 25px !important; text-decoration: none !important;} /* LINK BUTTON */ /* BUTTON READ MORE */ a.readmore {color: var(--pan-accent); font-family: 'poppins-semibold', sans-serif;} a.readmore::after {font-family: 'Feather'; content: "\e912"; font-weight: 700; padding-left: 5px;} a.readmore:hover::after {text-decoration: none;} /* SMALL BUTTONS */ .checkout-cart-index .aw-rl__list-wrapper .toggle.change, .action.action-edit, .action.action-delete, .action.aw-requisitionlist__edit-list-action, .action.remove {background: transparent !important; color: var(--pan-black) !important; border: 2px solid var(--pan-primary) !important; border-radius: 100px !important; padding: 10px !important; font-size: 16px; line-height: 19px; font-family: 'poppins-semibold', sans-serif;} .checkout-cart-index .aw-rl__list-wrapper .toggle.change:hover, .action.action-edit:hover, .action.action-delete:hover, .action.aw-requisitionlist__edit-list-action:hover, .action.remove:hover {box-shadow: var(--pan-boxshadow) !important;} .action.continue, .action.clear, .action.update {background:var(--pan-primary) !important; color: var(--pan-white) !important; border: 2px solid var(--pan-primary) !important; border-radius: 100px !important; padding: 10px !important; font-size: 16px; line-height: 19px; font-family: 'poppins-semibold', sans-serif;} .action.continue:hover, .action.clear:hover, .action.update:hover {background: transparent !important; color: var(--pan-black) !important; border: 2px solid var(--pan-primary) !important; box-shadow: none !important; text-decoration: none !important;} /* INTERFACE BUTTONS */ .addto-links .ic, .qty-button:hover, #scroll-to-top:hover {border: 1px solid var(--pan-accent);} /* GENERAL ELEMENTS - INPUT FIELDS */ input, textarea, select {border-radius: 100px !important; border: 1px solid var(--pan-neutral) !important;} input:focus, textarea:focus {box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(236,231,226, .5) !important; border-color: var(--pan-accent);} label.label {margin-bottom: 5px !important;} textarea {border-radius: 0 !important;} /* GENERAL ELEMENTS - IMAGES */ .zoom-image {height: 105%; overflow: hidden; display: block;} .zoom-image img {transition: transform 0.5s ease;} .zoom-image:hover img {transform: scale(1.05);} .rcorners1 {border-radius: 0;} .rcorners2 {border-radius: 0;} /* GENERAL ELEMENTS - BACKGROUNDS */ .blue-bg {background-color: var(--pan-primary-lighter);} .blue-gradient-bg {background: linear-gradient(180deg, var(--pan-primary-lighter) 0%, var(--pan-white) 100%);} .blue-bg-form {background: linear-gradient(180deg, var(--pan-primary-lighter) 80%, var(--pan-white) 20%);} .blue-dark-bg {background-color: var(--pan-primary-lighter); color: var(--pan-black); background-image: url('/pub/media/wysiwyg/home/pantoon-logo-asset.png'); background-position: top right; background-repeat: no-repeat; padding-top: 40px; padding-bottom: 20px; border-radius: 0px;} /* GENERAL ELEMENTS - BLOCKS */ .row.flex {display: flex; flex-wrap: wrap; align-items: center;} .row.row-bottom-gutter {margin-bottom: 40px;} .flex-row-left-between {display: flex; flex-direction: row; align-content: flex-start; justify-content: space-between;} .cta-box {background-color: transparent !important; border-radius: 0; border: 1px solid var(--pan-neutral); box-shadow: none !important;} .cta-box.col-md-3 {width: 23%; margin: 0 1%; padding: 0;} .cta-box.col-md-3 img {border-top-left-radius: 0; border-top-right-radius: 0;} .cta-box .cta-box-content {padding: 30px 20px 10px;} .cta-box .cta-box-content h3 {height: 2em;} .cta-box-content p {height: 4em;} .cta-box-inner {margin: 35px 0; padding: 0 100px;} .cta-box-inner:first-of-type { border-right: 1px solid var(--pan-neutral);} .cta-box-link a {font-family: 'Poppins'; line-height: 19px; color: var(--pan-accent);} /* GENERAL ELEMENTS - BREADCRUMBS */ .breadcrumbs .items {font-size: 14px;} .breadcrumbs .items a {color: var(--pan-black); text-decoration: underline;} .breadcrumbs strong {font-family: Lato, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 700; color: var(--pan-primary)} .breadcrumbs {margin-left: 20px;} /* GENERAL ELEMENTS - SLIDER */ .amrelated-grid-wrapper a.amasty-hide-price-container, .amrelated-grid-wrapper .price-box.price-final_price, .amrelated-grid-wrapper .slick-slider .slick-arrow:after, .amrelated-grid-wrapper .actions-secondary {display: none !important;} .amrelated-grid-wrapper.block {margin-bottom: 0;} .amrelated-grid-wrapper .product-item .price-box .price-label {color: var(--pan-white);} .amrelated-grid-wrapper .slick-dots {display: none !important;} .amrelated-grid-wrapper .slick-slider .slick-slide .product-image-wrapper {padding-bottom: 90% !important;} .amrelated-grid-wrapper .slick-slider .slick-slide .product-image-wrapper img {border-radius: 0px;} .amrelated-grid-wrapper .product-item-info {min-width: 220px; text-align: center;} .amrelated-grid-wrapper .product-item-info a.product-item-photo {overflow: auto; display: block;} .amrelated-grid-wrapper .product-item-info .product-image-container {width: 200px !important;} .amrelated-grid-wrapper .product-items.slick-slider .slick-slide .product-item {max-width: 260px;} .amrelated-grid-wrapper .slick-slider .slick-arrow:before {content: "\e912"; font-family: 'Feather'; color: var(--pan-accent);} .amrelated-grid-wrapper .slick-slider button.slick-arrow {top: 122%; border: 1px solid var(--pan-neutral); color: var(--pan-neutral); width: 45px; height: 45px; background: var(--pan-white) !important; border-radius: 100%;} .amrelated-grid-wrapper .slick-slider button.slick-arrow:hover {border: 1px solid var(--pan-accent); color: var(--pan-accent);} .amrelated-grid-wrapper .slick-slider button.slick-prev.slick-arrow {left: 85%;} .amrelated-grid-wrapper .slick-slider button.slick-next.slick-arrow {left: 91%;} .pan-slider {border: 1px solid var(--pan-neutral); border-radius: 24px; padding: 30px;} /* GENERAL ELEMENTS - MODALS */ .amsl-popup-block .amsl-tablist .amsl-title.active .amsl-link {border-bottom-color: var(--pan-black); color: var(--pan-black);} .amsl-popup-block a, .amsl-login-content .secondary .action.remind {color: var(--pan-primary) !important;} .modal-popup .modal-title {border-bottom: 1px solid var(--pan-neutral); padding: 0 !important;} /* GENERAL ELEMENTS - FORMS */ form .fieldset>.field {margin-bottom: 15px;} form .fieldset>.field:not(.choice)>.label {text-align: left; width: 100%;} form .fieldset>.field:not(.choice)>.control {width: 100%;} form .fieldset>.legend {margin-left: 0; font-family: 'poppins-bold', sans-serif;} form .fieldset>.field.choice:before {width: 0; padding-right: 0px;} form .actions-toolbar {margin-left: 0 !important;} form .actions-toolbar .primary {float: right; margin-right: 0; margin-left: 20px;} form .gw-euvat-field label {margin-bottom: 0;} .linear-theme.rendered-form .field > .label, .linear-theme.rendered-form .fieldset > .fields > .field.form-group > .label { top: -12px;} .amform-form .amform-form-fieldset .fieldset .fields .field.fb-select.form-group label.fb-select-label {font-size: 16px !important; line-height: 19px !important; top: -24px !important;} .rendered-form .fieldset .fields .field.form-group {margin-bottom: 25px !important;} /* AMASTY CUSTOM FORMS */ .control .form-control {background-color: var(--pan-white) !important; border: 1px solid var(--pan-neutral) !important; border-radius: 100px !important; height: 32px !important;} .control textarea.form-control {height: 49px !important;} .linear-theme.rendered-form .field > .label, .linear-theme.rendered-form .fieldset > .fields > .field.form-group > .label {top: 16px; margin-left: 11px;} .linear-theme.rendered-form .field.-active>.label, .linear-theme.rendered-form .fieldset>.field.form-group.-active>.label, .linear-theme.rendered-form .fieldset>.fields>.field.form-group.-active>.label, .linear-theme.rendered-form .field.-has-content>.label, .linear-theme.rendered-form .fieldset>.field.form-group.-has-content>.label, .linear-theme.rendered-form .fieldset>.fields>.field.form-group.-has-content>.label, .linear-theme.rendered-form .field.fb-time>.label, .linear-theme.rendered-form .fieldset>.field.form-group.fb-time>.label, .linear-theme.rendered-form .fieldset>.fields>.field.form-group.fb-time>.label {top: -14px !important;} .linear-theme.rendered-form .field>.label, .linear-theme.rendered-form .fieldset>.field.form-group>.label, .linear-theme.rendered-form .fieldset>.fields>.field.form-group>.label {width: auto;} .main-container .amform-form-fieldset .fieldset {background-color: var(--pan-white); padding: 30px; border-radius: 0; box-shadow: none; border: 1px solid var(--pan-neutral);} .amform-form-fieldset input, .amform-form-fieldset textarea#message {padding-left: 12px !important;} .linear-theme.rendered-form .form-control, .linear-theme.rendered-form .amform-date, .linear-theme.rendered-form .amform-time {padding-left: 6px;} .linear-theme.rendered-form .field>.label.fb-checkbox-group-label, .linear-theme.rendered-form .fieldset>.field.form-group>.label.fb-checkbox-group-label, .linear-theme.rendered-form .fieldset>.fields>.field.form-group>.label.fb-checkbox-group-label, .linear-theme.rendered-form .field>.label.fb-radio-group-label, .linear-theme.rendered-form .fieldset>.field.form-group>.label.fb-radio-group-label, .linear-theme.rendered-form .fieldset>.fields>.field.form-group>.label.fb-radio-group-label, .linear-theme.rendered-form .field>.label.fb-file-label, .linear-theme.rendered-form .fieldset>.field.form-group>.label.fb-file-label, .linear-theme.rendered-form .fieldset>.fields>.field.form-group>.label.fb-file-label {font-size: 16px;} #text-1618213144511 {font-family: "poppins-semibold" !important; color: var(--pan-black) !important;} #text-1618214791694 {color: var(--pan-black) !important;} #bijlage {border: none !important; border-radius: 0 !important;} .amcform-toolbar button {margin-right: 2% !important;} /* FORM CATEGORY PAGES */ .catalog-category-view .amform-form-fieldset.fieldset {border: 1px solid var(--neutral-default); background: var(--neutral-white);} .catalog-category-view .amform-form-fieldset.fieldset .amcform-toolbar {padding-right: 0 !important; margin-right: 0 !important;} /* GENERAL ELEMENTS - CHECKMARK */ ul.checkmark li {margin-top: 0.5rem; margin-bottom: 0.5rem;} ul.checkmark li::before {font-family: "Feather"; content: "\e92b"; padding-right: 4px;} /* GENERAL ELEMENTS - RESPONSIVE MAP */ .map-responsive {overflow: hidden; padding-bottom: 35%; margin-bottom: 1rem; position: relative; height: 0;} .map-responsive iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;} /* GENERAL ELEMENTS - ICONBOX */ .iconbox-oval {background-color: var(--pan-white); border: 1px solid var(--pan-neutral); border-radius: 100%; width: 48px; height: 48px;} /* GENERAL ELEMENTS - READMORE */ .read-more, .post-read-more {color: var(--pan-accent); font-size: 16px; line-height: 19px; text-align: right;} .read-more:hover, .post-read-more:hover {text-decoration: underline;} .read-more::after {font-family: 'Feather'; content: "\e912";} /* GENERAL ELEMENTS - WIDE CONTAINER BACKGROUND */ .column.main .container.wide-bg {width: 100%; max-width: unset;} .column.main .container.wide-bg .inner-container {width: 100%; max-width: unset; max-width: 1470px; margin: 0 auto;} /* GENERAL ELEMENTS - VIDEO WRAPPER */ .videowrap {display: flex;} .videoWrapper {position: relative; flex: auto; padding-bottom: 73.25%; height: 0;} .videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* GENERAL ELEMENTS - REMOVE COMPARE */ a.action.tocompare {display: none !important;} /* GENERAL ELEMENTS - NEW COMPONENTEN REDESIGN 2024 */ .componenten-header .pagebuilder-overlay.pagebuilder-poster-overlay {display: flex; flex-direction: column; justify-content: flex-end;} .componenten-header .pagebuilder-poster-content {text-align: center !important;} .componenten-header .pagebuilder-poster-content h1 {color: #FFF !important;} .componenten-header .pagebuilder-poster-content p {font-family: 'poppins-semibold', sans-serif; font-size: 24px; color: #FFF !important; font-weight: 500; line-height: 30px;} .componenten-header .pagebuilder-poster-content button {border-radius: 100px; border: 2px solid #FFF; color: #FFF; background-color: transparent;} .componenten-header .pagebuilder-poster-content button:hover {box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);} .componenten-navigation {position: sticky; top: 0; background-color: #FFF; z-index: 9999;} .componenten-navigation .pagebuilder-column-group {border: 2px solid #877B70; border-radius: 100px; padding: 10px;} .componenten-navigation .pagebuilder-column-group p {margin-bottom: 0 !important;} .componenten-nav-blocks p, .componenten-nav-blocks .pagebuilder-column-group {max-width: 1000px; margin: auto;} .componenten-nav-blocks img {height: 150px !important; width: 100% !important;} .componenten-image-right ul li, .componenten-light-background ul li {margin-left: 10px; color: #3A3530 !important;} .componenten-light-background ul li::before, .componenten-image-right ul li::before {font-family: 'FontAwesome'; font-weight: 400; content: "\f00c"; margin-right: 5px; color: #6BAA8D;} .componenten-blocks img {width: 400px !important; height: 300px !important;} .componenten-blocks div[data-content-type="video"], .componenten-blocks .pagebuilder-video-container, .componenten-blocks iframe {max-height: 200px !important;} .componenten-blocks .pagebuilder-button-link {color: #6BAA8D !important;} .componenten-slider .product-item.slick-slide {background-color: #ECE7E2; padding: 10px; margin: 15px; min-height: 275px;} .componenten-slider .slick-arrow {width: 68px; height: 68px; border: 1px solid #C3C1C3; border-radius: 100px; background-color: #FFF !important;} .componenten-slider .slick-slider .slick-arrow.slick-next {right: -65px;} .componenten-slider .slick-slider .slick-arrow.slick-prev {left: -65px;} .componenten-slider .amasty-hide-price-container, .componenten-slider .product-item button, .componenten-slider .product-item .price-box {display: none !important;} .componenten-light-background ul li {margin-left: 10px; color: #3A3530 !important;} .componenten-light-background ul li::before {font-family: 'FontAwesome'; font-weight: 400; content: "\f00c"; margin-right: 5px; color: #6BAA8D;} .componenten-blogberichten .post-list::before {display: none !important;} .componenten-blogberichten .post-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;} .componenten-blogberichten .post-holder {border: 1px solid #C3C1C3 !important; width: 100% !important;} /* .componenten-blogberichten .post-list-wrapper {margin-left: -15px; margin-right: -15px;} */ .componenten-blogberichten .post-list-wrapper h3.title {display: none;} /* .componenten-blogberichten .post-list-wrapper .post-header img {border-radius: 0; max-height: 300px; width: auto; height: auto;} */ .componenten-blogberichten .blog-widget-recent .post-header .post-title {max-width: 96%; min-height: 62px; margin-top: 10px; text-align: left; padding-left: 25px; padding-right: 25px;} .componenten-blogberichten .blog-widget-recent .post-info {text-align: left; padding-left: 25px; padding-right: 25px; color: #877B70;} .componenten-blogberichten .blog-widget-recent .post-info a {color: #877B70;} .componenten-blogberichten .blog-widget-recent .post-description {text-align: left; padding-left: 25px; padding-right: 25px;} .componenten-blogberichten .blog-widget-recent .post-text-hld {font-size: 16px;} .componenten-blogberichten .blog-widget-recent .post-header .post-title a {font-family: 'poppins-semibold', sans-serif;} .componenten-blogberichten .blog-widget-recent .post-header .post-title a:hover {text-decoration: underline;} .componenten-blogberichten .blog-widget-recent .post-content .post-description .post-text-hld {min-height: 85px;} .componenten-blogberichten .blog-widget-recent .post-content .post-read-more {color: #6BAA8D !important; padding: 0 !important; font-weight: 700; font-family: 'poppins-semibold', sans-serif; float: left;} .componenten-blogberichten .blog-widget-recent .post-content .post-read-more:hover span {text-decoration: underline !important;} .componenten-blogberichten .blog-widget-recent .post-content .post-read-more::after {font-family: 'FontAwesome'; font-weight: 400; content: "\f178"; margin-right: 5px;} .componenten-faq .collapsible .block-title {border: none; border-bottom: 2px solid #877B70 !important; border-radius: 0 !important; padding: 12px 0 !important;} .componenten-faq .collapsible .block-content {margin-top: -60px; padding: 60px 0 12px 0 !important; border: none; border-radius: 0;} .componenten-faq .collapsible .block-content a {color: #6BAA8D} .componenten-faq .collapsible .block-content a:hover {text-decoration: underline !important;} .componenten-faq .collapsible.active .block-title {border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0;} .componenten-faq .collapsible.active .block-content {border-top: none; border-top-right-radius: 0; border-top-left-radius: 0;} .componenten-faq .collapsible .block-title:after {position: relative; top: -25px;} .componenten-contact .amform-form-fieldset .fieldset {background-color: white; padding: 25px; border-radius: 0px; box-shadow: none; border: 1px solid #C3C1C3;} .componenten-contact .control .form-control {border: 1px solid #C3C1C3; border-radius: 100px !important; height: 32px !important; width: 100% !important;} .componenten-contact .control textarea.form-control {height: 49px !important;} .componenten-contact .amform-form .fb-number .control {max-width: 100%;} .componenten-contact .amform-form label {text-align: left;} .componenten-contact .action.primary, .componenten-contact a.action.primary, .componenten-contact button.primary, .componenten-contact .button.primary {background: #877B70 !important; color: #fff !important; border: 2px solid #877B70 !important; border-radius: 100px !important; padding: 18px 25px !important; font-size: 16px; line-height: 19px;} .componenten-contact .action.primary:hover, .componenten-contact a.action.primary:hover, .componenten-contact button.primary:hover, .componenten-contact .button.primary:hover {background: transparent !important; color: #3A3530 !important; border: 2px solid #877B70 !important; border-radius: 100px !important; padding: 18px 25px !important; font-size: 16px; line-height: 19px;} /* NEW HOMEPAGE 2024 */ .cms-new-homepage-2024 p, .cms-new-homepage-2024 h1, .cms-new-homepage-2024 h2, .cms-new-homepage-2024 h3 {color: #3A3530 !important;} .cms-new-homepage-2024 .pagebuilder-button-primary {background-color: #877B70 !important; border: 2px solid #877B70; color: #FFF !important; border-radius: 100px !important; font-family: 'poppins-semibold', sans-serif;} .cms-new-homepage-2024 .pagebuilder-button-primary:hover {background-color: transparent !important; border: 2px solid #877B70; color: #3A3530 !important; font-family: 'poppins-semibold', sans-serif;} .cms-new-homepage-2024 .pagebuilder-button-link {color: #6BAA8D; padding: 0 !important; font-weight: 700; font-family: 'poppins-semibold', sans-serif;} .cms-new-homepage-2024 .pagebuilder-button-link::after {font-family: 'FontAwesome'; font-weight: 700; content: "\f178"; margin-left: 7px; padding-top: 7px;} .cms-new-homepage-2024 .pagebuilder-button-link:hover span {text-decoration: underline !important;} .cms-new-homepage-2024 .green-subheader, .cms-new-homepage-2024 .green-subheader a {color: #6BAA8D !important; font-size: 18px; font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase;} /* header */ .cms-new-homepage-2024 .services {width: 65%; margin-left: auto; margin-right: auto; margin-top: -22rem; padding: 5rem !important; position: relative;} /* vacatures */ .cms-new-homepage-2024 .background-logo {background-position: right -40px !important; background-size: 35% !important; background-repeat: no-repeat;} /* over */ .cms-new-homepage-2024 .home-over div {display: flex; height: 60px; justify-content: space-evenly; align-items: center; flex-shrink: 0; border-radius: 100px; border: 2px solid var(--primary-default, #877B70); padding: 15px;} .cms-new-homepage-2024 .home-over div p {margin-bottom: 0 !important;} .cms-new-homepage-2024 .home-over div p::before {font-family: 'FontAwesome'; font-weight: 400; content: "\f00c"; margin-right: 5px; color: #6BAA8D;} .cms-new-homepage-2024 .home-over .brown-header {color: #877B70 !important;} .cms-new-homepage-2024 .home-over div [data-content-type="banner"], .cms-new-homepage-2024 .home-over div [data-element="empty_link"], .cms-new-homepage-2024 .home-over div [data-element="empty_link"] .pagebuilder-banner-wrapper {height: 100% !important;} .cms-new-homepage-2024 .brown-header {color: #877B70 !important;} /* TEXT MESSAGE TOP TEMP */ .pan-text-message {text-align: center; background-color: var(--pan-primary); color: var(--pan-white); padding: 11px 12.5%; font-size: 14px;} .page-with-filter .pan-text-message {margin-bottom: 12px;} .pan-text-message a {color: var(--pan-white) !important; text-decoration: underline;} /* HEADER - TOP */ .header-top-container, .header-m-top-container {background-color: var(--pan-primary-lighter); color: var(--pan-black);} .header-top p {margin-bottom: 0;} .header-top .left-column {width: 88%; overflow: auto; float: left;} .header-top .right-column {width: 12%; float: left;} .header-top .item.item-left {width: 100%; margin-right: 0;} .header-top .col-md-2 {width: 20%;} .header-m-top .widget.block.block-static-block {display: inline-block; vertical-align: -webkit-baseline-middle;} .header-m-top .flex-row-left-between {margin-top: 5px;} .usp {font-size: 14px;} /* HEADER - MAIN */ /* LINKS */ .header-container .logo-wrapper .logo img {width: auto;} .header.links li a {transition: 0.3s ease} .header.links li a:hover {color: var(--pan-accent) !important;} .header.links li:nth-of-type(3), .header.links li:nth-of-type(4) {display: none;} .header.links li a::before {font-family: 'FontAwesome'; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right: 8px; font-size: 16px;} .header.links li:nth-of-type(1) a::before {content: '\f007';} .header.links li:nth-of-type(2) a::before {content: '\f005';} .header.links li:nth-of-type(2) a::before {content: '\f004';} .header.links li:nth-of-type(3) {display: inline-block;} .header.links li:nth-of-type(3) a::before {content: '\f090';} .header.links li a:hover {text-decoration: none;} .account-links .wishlist span.counter.qty {display: none;} .dropdown-block .dropdown-heading .inner-heading>.icon.ic-cart {vertical-align: unset;} .dropdown-block .dropdown-heading .inner-heading>.ic-cart::before, .dropdown-block .dropdown-heading .inner-heading>.ic-cart1::before {content: "\f07a"; font-family: 'FontAwesome'; font-size: 16px; padding-right: 8px;} .dropdown-block .dropdown-heading:hover span {color: var(--pan-accent);} .dropdown-block .dropdown-heading:hover span.icon {color: var(--pan-accent);} .header-container .skip-link .counter, .dropdown-block .dropdown-heading .counter {background-color: var(--pan-accent) !important;} .header-container .skip-link .counter:hover, .header-container .skip-link .counter:hover, .dropdown-block .dropdown-heading .counter:hover {color: var(--pan-white) !important;} .counter-number:hover {color: var(--pan-white);} /* SEARCHBAR */ .block-search input {border-radius: 100px; border: 1px solid var(--pan-neutral); padding: 10px 14px; background-color: var(--pan-white); color: var(--pan-black);} .block-search input::placeholder {color: var(--pan-neutral);} .block-search button#action-search {background: var(--pan-accent); border: 1px solid var(--pan-accent); border-radius: 0 100px 100px 0;} .block-search .action.search[disabled] {pointer-events: unset; cursor: pointer;} .ic-search:before {content: "\e235"; color: var(--pan-white) !important; padding-right: 5px !important;} /* HEADER ACCOUNT MENU */ #header-account ul.header.links {display: flex;} #header-account li.link.authorization-link {order: 2;} #header-account li.link.wishlist {order: 3;} /* HEADER - MENU */ .navi-wrapper .nav-regular .nav-item.lowercase a {text-transform: inherit;} .nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent>.nav-panel--dropdown {transition: unset; -webkit-transition: unset; -moz-transition: unset;} .nav-regular ul.level1.nav-submenu ul.level2 li:nth-of-type(n+8) {display: none;} .nav-regular ul.level1.nav-submenu a.menu-additional {color: var(--pan-primary); text-decoration: underline;} .nav-regular ul.level1.nav-submenu a.menu-additional:hover {color: var(--pan-primary-darker);} .nav-regular .nav-submenu--mega > li > .nav-panel {margin-bottom: 5px;} .nav-regular .nav-submenu--mega > li > .nav-block--bottom {margin: 0 0 10px;} #mainmenu li.nav-item.level0.level-top.right.lowercase a.level-top.pan-customer:before {content: "\e976"; font-family: 'Feather';} #mainmenu li.nav-item.level0.level-top.right.lowercase a.level-top.pan-academy:before {content: "\e923"; font-family: 'Feather';} /* MENU - NAV1 - ASSORTIMENT */ .nav-regular .level0.nav-1 ul.level0.nav-panel {left: 0 !important;} .nav-regular .level0.nav-1 ul.level0.nav-panel li.mega:hover>.nav-panel--dropdown {width: calc(1470px - 16em); left: 16em;} .nav-regular .level0.nav-1 ul.level1.nav-submenu li.level2.nav-item>a:first-of-type {text-transform: inherit; font-family: 'poppins-bold', sans-serif;} /* MENU - NAV2 - TOEPASSINGEN */ .nav-regular .level0.nav-2 .level1>a {font-family: 'poppins-bold', sans-serif;} /* FIXED MENU */ .nav-regular .nav-item--stickylogo img {padding: 5px 0; max-height: 30px !important;} .nav-regular .nav-item--stickylogo.nav-item.level0:hover > a {background: none;} /* HEADER - MOBILE MENU */ .header-mobile .skip-link {background-color: var(--pan-white); color: var(--pan-primary) !important;} .navi.nav-mobile ul.level0 .nav-item > a, .nav-mobile .nav-item.level0 > a, .header-mobile .skip-content .links > li > a {background-color: var(--pan-primary-lighter) !important; color: var(--pan-black) !important;} .header-mobile .skip-content--style {background-color: var(--pan-primary-lighter) !important; color: var(--pan-black);} .header-mobile .skip-link.skip-active {background-color: var(--pan-accent) !important; color: var(--pan-white) !important;} .header-mobile .skip-link:hover {background-color: var(--pan-accent) !important; color: var(--pan-white) !important;} /* MINICART */ .minicart-wrapper .block-content {display: flex; flex-flow: column;} .minicart-wrapper .block-content .minicart-items-wrapper + .actions {order: 1; margin: 20px 0;} .minicart-wrapper .block-content .subtotal + .actions {order: 2; margin: 0;} .minicart-wrapper .block-content .minicart-items-wrapper {order: 3; max-height: 40vh;} .minicart-wrapper .block-minicart .amount .price-wrapper:first-child .price, .minicart-wrapper .block-minicart .items-total .count {font-family: "poppins-bold", sans-serif; font-size: 1.4rem;} .minicart-wrapper button#top-cart-btn-checkout {background-color: transparent; color: var(--pan-black); padding: 0 0 10px; font-family: "poppins-light", sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 1.5rem; text-decoration: underline;} .minicart-wrapper .secondary a.viewcart {display: block; margin: 0; background-color: transparent; color: var(--pan-black) !important; padding: 10px 0; font-family: "poppins-bold", sans-serif; font-size: 1.8rem; transition: 0.4s ease; border-radius: 100px; border: 2px solid var(--pan-primary);} .minicart-wrapper .secondary a.viewcart:hover {background-color: transparent; text-decoration: none; box-shadow: var(--pan-boxshadow);} .minicart-wrapper .block-minicart .block-title {display: block; font-size: 2.4rem; text-align: center; margin-bottom: 20px; padding-bottom: 5px;} .minicart-wrapper .block-minicart .block-title .qty {display: none;} .minicart-wrapper .block-minicart .items-total {float: none; background-color: var(--pan-primary-lighter); text-align: center; padding: 5px 10px; margin:0;} .minicart-wrapper .block-minicart .subtotal {background-color: var(--pan-primary-lighter); text-align: center; padding: 5px 10px; margin:0;} .minicart-wrapper .block-minicart .subtotal .amount.price-container {display: inline-block;} .minicart-wrapper .minicart-items .product-item-pricing {display: flex; flex-direction: row; float: left;} .minicart-wrapper .minicart-items .product-item-pricing .price-container {order: 2; padding-top: 12px; clear: both;} .minicart-wrapper .minicart-items .product-item-details .product-item-name a, .minicart-wrapper .minicart-items .product-item-details .product-item-name a:hover {color:var(--pan-black);} .minicart-wrapper .minicart-items .product-item-details .price {font-family: "poppins-bold", sans-serif; color: var(--pan-accent);} .minicart-wrapper .minicart-items .product-item-details .detail-qty {text-align: right;} .minicart-wrapper .minicart-items .item-qty {font-family: "poppins-bold", sans-serif; width: 50px;} .minicart-wrapper .minicart-items .product .toggle {display: none;} .minicart-wrapper .minicart-items .product .actions {margin-top: 5px;} .minicart-wrapper .minicart-items .action.edit {display: none;} .minicart-wrapper .minicart-items .action.delete {border: none;} .minicart-wrapper .product.options {margin-bottom: 5px;} .minicart-wrapper .product.options dt.label {float: left; margin-right: 5px; margin-bottom: 0; font-family: "poppins-bold", sans-serif;} .minicart-wrapper .product.options dd.values {margin-bottom: 0;} .minicart-wrapper .product.options .content {display: block !important;} .minicart-wrapper .block-minicart .actions .primary {display: none;} .minicart-items .product-item-pricing .label {width: auto;} /* SEARCH */ /* LIVE SEARCH */ .mst-searchautocomplete__autocomplete .mst-searchautocomplete__index-title {background-color: var(--pan-primary); color: var(--pan-white); font-family: 'poppins-bold', sans-serif;} .mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all {background: var(--pan-primary-lighter);} .mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a {color: var(--pan-black);} .mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a:hover {color: var(--pan-primary);} .mst-searchautocomplete__item.magento_catalog_product {display: block;} .mst-searchautocomplete__item.magento_catalog_product img {float: left;} .mst-searchautocomplete__item.magento_catalog_product .meta {float: left; width: calc(100% - 9rem);} .mst-searchautocomplete__item.magento_catalog_product .store {float: left; width: calc(100% - 9rem);} .mst-searchautocomplete__item.magento_catalog_product .store .price {margin-left: 0;} .mst-searchautocomplete__item.magento_catalog_product .mst-product-image-wrapper {float: left;} .mst-searchautocomplete__autocomplete._active {border-top: 1px solid var(--pan-neutral);} .mst-searchautocomplete__index-title {padding: 10px 10px 9px !important; margin: 0 !important;} .mst-searchautocomplete__autocomplete {border-radius: 0;} .mst-searchautocomplete__highlight {font-weight: 600; color: var(--pan-accent);} /* SEARCH PAGE */ .mst-search__result-tabs li a {font-weight: 400; line-height: 40px; font-size: 1.4rem; color: var(--pan-black); text-decoration: none; background: #E1EEE8; border: 1px solid var(--pan-neutral); border-bottom: none; height: 40px; padding: 1px 35px;} .catalogsearch-result-index .price-box .price {color: var(--pan-accent);} .catalogsearch-result-index .sidebar .filter-content {padding: 15px !important;} /* MY ACCOUNT */ .account .sidebar.sidebar-main {width: 16.66% !important; background-color: var(--pan-primary-lighter); box-shadow: none !important; padding: 0 !important;} .account .sidebar.sidebar-main .nav.item.current {overflow: hidden; word-wrap: break-word;} .account .sidebar .content {background-color: transparent;} .account .sidebar .item.current strong {border-color: var(--pan-accent);} .account .column.main a {color: var(--pan-accent)} .account .column.main a:hover {text-decoration: underline !important;} .block-collapsible-nav .item a:hover {background: var(--pan-accent); color: var(--pan-white);} .header .item.link.compare {display: none;} .account .price-box .price {color: var(--pan-accent) !important;} /* MY ACCOUNT - LOGIN */ .amsl-popup-block {border-radius: 0;} .amsl-popup-block .actions-toolbar .action.primary {background-color: var(--pan-primary); border-radius: 0;} .amsl-popup-block .actions-toolbar .action.primary:hover { background-color: var(--pan-primary-lighter);} .amsl-popup-block .input-text {border-radius: 0;} .amsl-popup-block form .actions-toolbar .primary {margin-left: 0;} .amsl-tablist .amsl-title {width: 100%; text-align: center;} .amsl-tablist .amsl-title:hover {background: transparent;} .amsl-tablist .amsl-title:hover .amsl-link {border-bottom: 1px solid var(--pan-black); color: var(--pan-black);} .fieldset.login .field.choice {display: none;} #social-login-popup ul.amsl-tablist li:not(.active), #amsl-register-content[aria-hidden="true"] {display: none;} .form.form-login .fieldset.login .actions-toolbar {display: flex !important; flex-direction: row !important; justify-content: flex-start !important; margin-top: 25px;} .form.form-login .fieldset.login .actions-toolbar .primary {margin: 0;} .login-container .fieldset:after {margin-top: 35px; text-align: right;} /* MY ACCOUNT - ACCOUNT CREATE */ form.create.account {display: flex; flex-direction: column;} form.create.account fieldset.create.account {order: 1;} form.create.account fieldset.create.info {order: 2;} form.create.account fieldset.address {order: 3;} form.create.account fieldset.create.info:nth-of-type(2) {order: 4;} form.create.account .actions-toolbar {order: 5;} .customer-account-create .legend {font-size: 2.4rem;} .customer-account-create .widget.block-static-block:first-child {position: sticky; top: 65px;} .customer-account-create .sticky.block {background-color: var(--pan-neutral); width: 49%; margin-left: 1%; float: right;} .customer-account-create .sticky.block .content {padding: 15px 20px;} .customer-account-create .form.create.account {width: 49%; margin-right: 1%;} /* MY ACCOUNT - ACCOUNT EDIT */ .customer-account-edit .form-edit-account .info .field-name-firstname, .customer-account-edit .form-edit-account .info .field-name-lastname, .customer-account-edit .form-edit-account .info .field:nth-of-type(3) {display: none;} /* BESTELLIJSTEN */ .aw_requisition_list-rlist-index .aw-rl__create-list-wrapper .action, .aw_requisition_list-rlist-index .aw-rl__create-list-wrapper .action:active {background: var(--pan-primary); color: var(--pan-white); border: 2px solid var(--pan-primary); border-radius: 100px; padding: 18px 25px; line-height: 19px; font-size: 16px;} .aw_requisition_list-rlist-index .aw-rl__create-list-wrapper .action:hover {background: transparent; border: 2px solid var(--pan-primary); box-shadow: none; text-decoration: none; color: var(--pan-black);} .aw_requisition_list-rlist-edit .page-title-wrapper button.action.remove {background-color: transparent; color: var(--pan-black); border: 2px solid var(--pan-primary); border-radius: 100px;} .aw_requisition_list-rlist-edit .page-title-wrapper button.action.remove:hover {text-decoration: none; box-shadow: var(--pan-boxshadow);} .aw-rl__listing-products-wrapper .aw-rl__actions-btn-wrapper .action:first-child {background: var(--pan-primary); border: 2px solid var(--pan-primary); border-radius: 100px; line-height: 19px; font-size: 16px; padding: 14px 20px;} .aw-rl__listing-products-wrapper .aw-rl__actions-btn-wrapper .action:first-child:hover {background: transparent; border: 2px solid var(--pan-primary); text-decoration: none; box-shadow: none; color: var(--pan-black);} .aw-rl__listing-products-wrapper .aw-rl__actions-btn-wrapper .action:last-child {background: transparent; border: 2px solid var(--pan-primary); border-radius: 100px; padding: 14px 20px; line-height: 19px; font-size: 16px; color: var(--pan-black);} .aw-rl__listing-products-wrapper .aw-rl__actions-btn-wrapper .action:last-child:hover {box-shadow: var(--pan-boxshadow); text-decoration: none;} .aw-rl__listing-products-wrapper .admin__data-grid-header .action-menu>.action.action-tree>span.action-menu-item {color: var(--pan-black);} .account .modal-inner-wrap button.action-primary.action-accept {background: var(--pan-primary); border: 2px solid var(--pan-primary); border-radius: 100px; color: var(--pan-white);} .account .modal-inner-wrap button.action-secondary.action-dismiss {background: transparent; border: 2px solid var(--pan-primary); border-radius: 100px; color: var(--pan-black);} .account .modal-inner-wrap button.action-secondary.action-dismiss:hover, .account .modal-inner-wrap button.action-primary.action-accept:hover {text-decoration: underline;} .aw-rl__listing-products-wrapper .admin__data-grid-header .action-submenu {border-color: var(--pan-primary);} .aw-rl__list-wrapper.default .toggle.change {background: var(--pan-primary); border: 2px solid var(--pan-primary); color: var(--pan-primary); border-radius: 100px; font-size: 16px; line-height: 19px; text-align: center; padding: 10px; font-family: 'poppins-semibold';} .item-actions .actions-toolbar .aw-rl__list-wrapper.default .toggle.change {background: var(--pan-white); color: var(--pan-black); font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; border-radius: 0; font-weight: 600; font-size: 1.4rem; line-height: 1.6rem; padding: 8px 15px; box-sizing: border-box; vertical-align: middle; margin-right: 10px;} .item-actions .actions-toolbar .aw-rl__list-wrapper.default .toggle.change:after {line-height: 1.6rem; color: var(--pan-black);} .aw-rl__list-wrapper.default .toggle:after {color: var(--pan-white);} .aw-rl__list-wrapper.default .toggle:hover:after {color: var(--pan-white);} .aw_requisition_list-rlist-index .aw-rl__create-list-wrapper {top: 0;} .aw-rl__customer_lists .data-grid tbody tr td {text-align: center;} .aw_requisition_list-rlist-index .aw-rl__customer_lists a.action-menu-item {float: right;} /* SIDEBAR - COMPARE */ .sidebar .block-compare .primary {width: 100%;} .sidebar .block-compare .secondary {text-align: center;width: 100%;} .sidebar .block-compare .compare.primary {background-color: var(--pan-primary-lighter); color: var(--pan-white); margin-right: 20px;} .sidebar .block-compare .compare.primary:hover, .sidebar .compare.primary:focus {background-color: var(--pan-accent);} .sidebar .block-compare #compare-clear-all {text-decoration: underline; color: var(--pan-primary);} .sidebar .block-compare #compare-clear-all:hover, .sidebar #compare-clear-all:focus {color:var(--pan-accent);} .account .account-nav {box-shadow: none;} .account .account-nav .content {background-color: var(--pan-white);} .account .account-nav .item.current strong {border-color: var(--pan-accent);} .account #account-nav .nav.items > li:nth-child(3) {display: none !important;} .account #account-nav .nav.items > li:nth-child(8) {display: none !important;} .account #account-nav .nav.items > li:nth-child(11) {display: none !important;} .account .sidebar .block-compare, .account .sidebar .block-wishlist, .account .sidebar .block-reorder {display: none !important;} /* SIDEBAR - WISHLIST */ .sidebar #wishlist-sidebar .actions-primary, .sidebar #wishlist-sidebar .actions-secondary {display: none;} .sidebar #wishlist-sidebar .product-item-name {margin-right: 0;} .sidebar #wishlist-sidebar.product-items .product-item {min-height: 60px;} .sidebar #wishlist-sidebar + .actions-toolbar .primary {width: 100%;} .sidebar #wishlist-sidebar + .actions-toolbar .primary a.action.details {background-color: var(--pan-primary); color: var(--pan-white); font-weight: 600; padding: 8px 15px; font-size: 1.4rem; box-sizing: border-box; width: 100%;} .catalog-category-view .sidebar .block .block-title strong+span {padding-top: 5px; padding-bottom: 5px; display: inline-block;} /* MY ACCOUNT - WISHLIST */ #mwishlist-tab-create button { float: right;} #mwishlist-tabs-body {box-shadow: none; border-color: var(--pan-neutral);} #mwishlist-tabs-body .actions-toolbar>.secondary {width: 100%; margin-top: 5px;} .mwishlist-tab {border-collapse: collapse; border-radius: 0;font-family: "poppins-bold", sans-serif; color: var(--pan-neutral); text-decoration: none; background: var(--pan-white); border: 1px solid var(--pan-neutral); padding: 1px 35px; margin:0;} .mwishlist-active-tab {background: var(--pan-white); color:var(--pan-black);} .form-wishlist-items .mwishlist-items > div {margin-top:5px !important; padding-bottom: 0;} .form-wishlist-items .mwishlist-actions .action.remove {margin-right: 10px;} .form-wishlist-items .mwishlist-product-item-photo {padding-left: 10px;} .form-wishlist-items .form-wishlist-items .mwishlist-product-controls {position: relative;} .form-wishlist-items .mwishlist-item {position: relative;} .form-wishlist-items .mwishlist-item:nth-child(even) {background: var(--pan-white);} .form-wishlist-items .mwishlist-item:nth-child(odd), .form-wishlist-items .mwishlist-item:nth-child(odd) .mwishlist-product-item-price-box .tooltip.wrapper .tooltip.content {background: #f5f5f5;} .form-wishlist-items .mwishlist-item .mwishlist_item_select, .form-wishlist-items .mwishlist_item_select_all, .form-wishlist-items .mwishlist_item_select_all + label {display: none;} .form-wishlist-items .actions-toolbar .primary, .form-wishlist-items .actions-toolbar .secondary .action.back {display: none;} .form-wishlist-items .action.share {float: left;} .form-wishlist-items .mwishlist-product-item-actions a.action.edit, .form-wishlist-items .mwishlist-product-item-actions a.action.copy, .form-wishlist-items .mwishlist-product-item-actions a.action.move {display: none;} .form-wishlist-items .mwishlist-product-item-actions a {width: unset; height: unset; text-indent: unset; opacity: 1;} .form-wishlist-items .mwishlist-product-item-actions a.action.delete {background: unset;} .form-wishlist-items .mwishlist-product-item-actions a.action.delete::before {font-family: 'Feather'; content: '\ea03';} .form-wishlist-items .mwishlist-action button {background: var(--pan-primary); color: var(--pan-white); border-radius: 100px !important; font-family: 'poppins-semibold'; font-size: 16px !important; text-align: center; line-height: 19px; text-align: center; padding:14px 20px !important; min-width: 160px !important; display: inline-block;} .form-wishlist-items .mwishlist-action button:hover {background: var(--pan-primary); text-decoration: none;} .form-wishlist-items .secondary .action {color: var(--pan-primary); border-color: var(--pan-primary); border-radius: 8px !important; font-family: 'poppins-semibold'; font-size: 16px !important; text-align: center; line-height: 19px; text-align: center; padding:14px 20px !important; min-width: 160px !important;} .form-wishlist-items .secondary .action:hover {color: var(--pan-primary); border-color:var(--pan-primary); box-shadow: none;} .form-wishlist-items .actions-primary .action {background: var(--pan-primary) !important; border-radius: 100px !important; font-family: 'poppins-semibold'; font-size: 16px !important; line-height: 19px; text-align: center; padding:14px 20px !important;} .form-wishlist-items .actions-primary .action:hover {background: var(--pan-primary) !important; text-decoration: none; box-shadow: none;} .form-wishlist-items .actions-toolbar div:first-child {display: none !important;} .form-wishlist-items .mwishlist-product-item-name {float: left; width: 75%;} .form-wishlist-items .mwishlist-product-item-name a {font-family: "poppins-bold", sans-serif;} .form-wishlist-items .mwishlist-product-item-actions {padding-right: 15px; margin-bottom: 5px;} .form-wishlist-items .mwishlist-product-item-attributes {float: left; clear: none; color: var(--pan-black); font-size: 13px; font-weight: 700; line-height: 24px; margin-bottom: 5px; width: 100%;} .form-wishlist-items .actions-toolbar {margin-top: 0 !important;} .form-wishlist-items .mwishlist-product-item-cart {float: right; width: 65%;} #mwishlist-tabs-body .mwishlist-product-item-cart * {float: right;} .form-wishlist-items .mwishlist-product-item-cart .box-tocart .field.qty {display: flex !important; flex-direction: row;} .form-wishlist-items .mwishlist-product-item-cart .box-tocart .field.qty input {text-align: center; height: 49px; width: 52px; border-radius: 8px;} .form-wishlist-items .mwishlist-product-item-cart .box-tocart .field.qty .control {display: flex !important; flex-direction: row;} .form-wishlist-items .mwishlist-product-item-cart .box-tocart .field.qty .qty-button {height: 21px; width: 21px;} .form-wishlist-items .mwishlist-product-item-comment-box {width: 31%; float: left; clear: none; margin-right: 2%;} .form-wishlist-items .mwishlist-product-item-comment-box textarea {height: 7em;} .form-wishlist-items .mwishlist-product-item-price-box .action.tooltip.toggle {display: none;} .form-wishlist-items .mwishlist-product-item-price-box .tooltip.wrapper .tooltip.content {display: block; border: none; padding: 0; position: initial; margin-top: 0; max-width: 100%;} .form-wishlist-items .mwishlist-product-item-price-box .tooltip.wrapper .tooltip.content:before, .form-wishlist-items .mwishlist-product-item-price-box .tooltip.wrapper .tooltip.content:after {border: none;} .form-wishlist-items .mwishlist-product-item-price-box .tooltip.wrapper .tooltip.content .subtitle {display: none;} .form-wishlist-items .mwishlist-product-item-price-box .tooltip.wrapper .tooltip.content dt.label {width: auto; float: left; clear: left; margin: 0 12px 0 0; min-width: 80px;} .form-wishlist-items .mwishlist-product-item-price-box .tooltip.wrapper .tooltip.content dd.values {width: auto; float: left; font-family: 'poppins-bold', sans-serif;} .form-wishlist-items .mwishlist-product-item-price-box {float: right; width: 65%; margin-top: 0; padding-right: 10px; text-align: right;} .form-wishlist-items .mwishlist-product-item-price-box .price-box {float: right; padding-right: 10px; width: calc(30% - 10px);} .form-wishlist-items .mwishlist-product-item-price-box .product-item-tooltip {float: left; width: 70%;} .form-wishlist-items .mwishlist-totals {text-align: right;line-height: 42px; margin:0; padding-right:15px;} .form-wishlist-items .mwishlist-product-item-cart .action.tocart {padding: 10px 15px;} /* Wishlist button overrides */ #maincontent .mwishlist-product-item-actions a {width: unset; height: unset; text-indent: unset; opacity: 1;} #maincontent .mwishlist-action button {background: var(--pan-primary); color: var(--pan-white); border-radius: 100px !important;font-family: 'poppins-semibold'; font-size: 16px !important; line-height: 19px; text-align: center; padding:14px 20px !important; min-width: 160px !important; display: inline-block;} #maincontent .mwishlist-action button:hover {background: var(--pan-primary); text-decoration: none;} #maincontent .form-wishlist-items .secondary .action {color: var(--pan-primary); border-color: var(--pan-primary); border-radius: 100px !important; font-family: 'poppins-semibold'; font-size: 16px !important; line-height: 19px; text-align: center; padding:14px 20px !important; min-width: 160px !important;} #maincontent .form-wishlist-items .secondary .action:hover {color: var(--pan-primary); border-color:var(--pan-primary); box-shadow: none;} #maincontent .form-wishlist-items .actions-primary .action {background: var(--pan-primary) !important; border-radius: 100px !important; font-family: 'poppins-semibold'; font-size: 16px !important; line-height: 19px; text-align: center; padding:14px 20px !important;} #maincontent .form-wishlist-items .actions-primary .action:hover {background: var(--pan-primary) !important; text-decoration: none; box-shadow: none;} /* Requisition list - Algemeen*/ .catalog-product-view .product-info-main .product-addto-links {display: flex; align-items: center; flex-wrap: wrap;} .catalog-product-view .aw-rl__list-wrapper button.toggle.change span {margin-left: 4px; line-height: 52px;} .catalog-product-view .product-social-links a.action.towishlist, .catalog-product-view .product-social-links a.action.tocompare {display: none;} .catalog-product-view .product-social-links .action.tocompare.feature {display: flex; width: auto; margin-right: 25px; line-height: 52px;} .catalog-product-view .product-social-links .aw-rl__list-wrapper {padding: 5px 0px; margin-top: auto; margin: 0 0 10px;} .catalog-product-view .product-social-links .product-addto-links div {display: flex; width: auto;} .account .sidebar .secondary {float: left;} .account .sidebar .product-items-names .product-item {display: flex;} .aw-rl__listing-products-wrapper .admin__data-grid-header .admin__data-grid-header-row.row-gutter .col-xs-2 {width: 70%; padding-left: 0;} .aw_requisition_list-rlist-edit .paging-total {padding: 0;} .aw_requisition_list-rlist-edit .page-title-wrapper .aw-rl__edit-btn-wrapper {margin-right: 0;} .aw_requisition_list-rlist-edit .page-title-wrapper {justify-content: flex-start;} .aw_requisition_list-rlist-edit .page-title-wrapper .header-list-delete {margin-left: 15px;} .aw_requisition_list-rlist-edit .page-title-wrapper .header-list-delete span {font-size: 14px !important;} .aw_requisition_list-rlist-edit a.action.aw-requisitionlist__edit-list-action {color: var(--pan-black); border: 2px solid var(--pan-primary); border-radius: 100px; background-color: transparent; padding: 8px 15px; vertical-align: middle; font-weight: 600; display: inline-block; box-sizing: border-box; font-size: 1.4rem; line-height: 1.6rem;} .aw_requisition_list-rlist-edit .admin__data-grid-header .col-xs-10 {width: 30%;} .aw_requisition_list-rlist-edit .admin__data-grid-header-row .col-xs-3 {width: auto;} .aw-rl__listing-products .action.container .action.delete:before {font-size: 25px;} .aw-rl__listing-products .action.container .action.edit:before {content: '\e606'; font-size: 25px;} .aw-rl__listing-products-wrapper .admin__data-grid-header .action-menu>.action._parent>.action-menu-item:after {margin-left: 0px; font-size: 25px;} .aw_requisition_list-rlist-edit span.action.action-tree span.action-menu-item:hover {text-decoration: underline !important;} .aw_requisition_list-rlist-edit .aw-rl__edit-btn-wrapper, .header-list-delete {margin: 10px 0;} .aw_requisition_list-rlist-edit .aw-rl__listing-products>.data-grid {min-width: auto;} .aw_requisition_list-rlist-index .aw-rl__customer_lists {overflow-x: unset;} .aw-rl__list-wrapper.default {border: none;} /* DISABLE BILLING CHANGE IN CHECKOUT AND MY ACCOUNT */ .onestepcheckout-index-index #billing select[name="billing_address_id"] option {display: none;} .onestepcheckout-index-index #billing select[name="billing_address_id"] option:first-of-type {display: block;} .onestepcheckout-index-index .opc-wrapper .shipping-address-item button.edit-address-link {border: none !important; color: var(--pan-neutral); font-family: 'InterstateLight', sans-serif !important;} .onestepcheckout-index-index .opc-wrapper .shipping-address-item button.edit-address-link:hover {text-decoration: underline;} .modal-popup #co-shipping-form #gw-euvat-field {display: none !important;} .onestepcheckout-index-index #shipping .billing-address-same-as-shipping-block {display: none !important;} .account .box.box-billing-address a.edit {display: none !important;} .account .box.box-address-billing a.edit {display: none !important;} .account .field.choice.set.billing {display: none !important;} .customer-address-index .box-address-shipping .action.edit, .customer-address-index .action.add, .customer-account-index .box-address-shipping .action.edit, .customer-account-index .block-dashboard-addresses .action.edit, .customer-address-index .additional-addresses .col.actions {display: none !important;} /* CART */ .cart-summary {padding-top: 15px;} .cart-summary .block>.title:after {top: unset;} .cart.table-wrapper .sku, .cart.table-wrapper .product-catalog-attributes, .cart.table-wrapper .item-options {font-size: 13px;} .cart.table-wrapper .item-options dt {font-weight: 400; margin-bottom: 0;} .cart.table-wrapper .item-options dd {margin-bottom: 0;} #mini-cart .product-image-container {width: auto !important;} .additional-bg-color, .cart-summary, .opc-block-summary, .opc-estimated-wrapper, .bundle-options-container .block-bundle-summary, .block-collapsible-nav .content, .checkout-agreements li {background-color: var(--pan-primary-lighter) !important;} .checkout-cart-index .price-excluding-tax .cart-price .price {color: var(--pan-accent);} .checkout-cart-index .input-text.qty {height: 32px !important;} .action.continue span {font-size: 16px !important;} /* ONE STEP CHECKOUT */ .onestepcheckout-index-index .col-mp.mp-6[name="billingAddress.custom_attributes.tijdelijk_of_permanent_adres"] {display: none !important;} .header-container-micro {background-color: var(--pan-primary-lighter) !important;} .onestepcheckout-index-index main#maincontent {width: 96%; margin: 30px auto 0;} .onestepcheckout-index-index .step-title span {font-family: 'poppins-bold', sans-serif;} .onestepcheckout-index-index #opc-sidebar {background: var(--pan-primary-lighter) !important; padding: 40px 30px; border-radius: 0 !important;} .onestepcheckout-index-index #shipping, .onestepcheckout-index-index #billing {padding: 20px; border: 1px solid var(--pan-neutral); margin-bottom: 30px; border-radius: 0 !important;} .onestepcheckout-index-index .col-mp.mp-12.hoverable {padding: 20px; border: 1px solid var(--pan-neutral); margin: 0 10px 30px; width: calc(100% - 20px); border-radius: 0 !important;} .onestepcheckout-index-index .one-step-checkout-wrapper #checkoutSteps .step-title {font-family: "poppins-bold", sans-serif; border-bottom: none; margin-bottom: 20px; padding-bottom: 0;} .onestepcheckout-index-index .one-step-checkout-wrapper .step-content {margin: 0; padding: 0 !important;} .onestepcheckout-index-index .one-step-checkout-wrapper .osc-place-order-block {border: none; padding: 0 !important; margin-bottom: 0;} .onestepcheckout-index-index .one-step-checkout-wrapper #co-place-order-area {padding: 0 !important; margin-top: 20px;} .onestepcheckout-index-index #shipping, .onestepcheckout-index-index #billing {border-color: var(--pan-neutral) !important; border-radius: 0 !important; padding: 40px 30px;} .onestepcheckout-index-index #shipping .step-title {border-bottom: none;} .onestepcheckout-index-index #shipping .shipping-address-items {padding: 0;} .onestepcheckout-index-index #shipping .action-show-popup,.onestepcheckout-index-index .action-apply {background-color: var(--pan-primary) !important; color: var(--pan-white); float: right; border: 2px solid var(--pan-primary);} .onestepcheckout-index-index .action-apply {margin-right: 0;} .onestepcheckout-index-index .opc-wrapper .form-discount {max-width: none;} .onestepcheckout-index-index .opc-wrapper .shipping-address-items {margin-top: 0 !important;} .onestepcheckout-index-index .opc-block-summary .table-totals tbody .amount {padding-right:0} .onestepcheckout-index-index .table-checkout-shipping-method tbody tr:first-child td {padding-top: 0;} .onestepcheckout-index-index .one-step-checkout-wrapper #checkoutSteps #payment .step-title {margin-bottom: 0;} .onestepcheckout-index-index th, .onestepcheckout-index-index .opc-block-summary .table-totals tbody .amount {width: 100%;} .onestepcheckout-index-index .totals-tax .mark {display: table-cell;} .onestepcheckout-index-index .opc-block-summary .table-totals .grand .mark {padding-right: 4px !important;} .onestepcheckout-index-index .osc-trust-seal {margin: 0;} .onestepcheckout-index-index .checkout-payment-method .payment-option-title .action-toggle {color: var(--pan-black);} .onestepcheckout-index-index .opc-payment .payment-method-content .checkout-agreements-block {padding-top: 0;} .onestepcheckout-index-index .payment-option-content {display: block !important;} .onestepcheckout-index-index .checkout-payment-method .payment-option-title .action-toggle::after {display: none;} .onestepcheckout-index-index .checkout-payment-method .payment-option-title {border-top: none; padding: 0 0 5px 22px;} .onestepcheckout-index-index .checkout-payment-method .payment-option-content {padding-bottom: 5px;} .checkout-agreement button:hover {color: var(--pan-black);} .checkout-agreement button span {text-decoration: underline; color: var(--pan-black);} .agreements-modal a {text-decoration: underline;} .agreements-modal button.secondary {text-decoration: underline; box-shadow: none; border-radius: 0; background: none;} .agreements-modal button.secondary:hover {color: var(--pan-black);} .checkout-cart-index .cart-container .form-cart .action.continue {float: none; padding: 8px 15px; margin-top: -10px;} .checkout-cart-index div.mwishlist-action {top: -40px;} #checkout-step-shipping button.action-show-popup {display: none;} .opc-wrapper .shipping-address-item {width: 48% !important; margin: 1%; float: left;} .onestepcheckout-index-index button.action.action-apply {border-radius: 100px !important; padding: 10px 35px; background-color: var(--pan-primary) !important; border: 2px solid var(--pan-primary) !important;} .onestepcheckout-index-index button.action.action-apply:hover {border-radius: 100px !important; padding: 10px 35px; background-color: transparent !important; border: 2px solid var(--pan-primary) !important; color: var(--pan-black) !important;} .opc-wrapper .shipping-address-item.selected-item:after {background-color: var(--pan-accent) !important;} .opc-wrapper .shipping-address-item.selected-item, .main-color--border {border-color: var(--pan-accent) !important;} .onestepcheckout-index-index .button-action.minus, .onestepcheckout-index-index .button-action.plus, .onestepcheckout-index-index .button-action.edit, .onestepcheckout-index-index .button-action.remove {background-color: transparent;} /* CMS - HOME */ .cms-home .column.main .container {width: 100%; max-width: unset;} .cms-home .column.main .inner-container {max-width: unset; max-width: 1470px; margin: 0 auto;} .cms-home .container .row:first-of-type {position: relative;} .cms-home h1 {font-size: 48px; line-height: 60px;} .cms-home .text-overlay {position: absolute; left: 5%; top: 50%; max-width: 65%;} .cms-home .text-overlay h3 {background: var(--pan-white); padding: 10px; font-size: 3.6rem; margin-bottom: 0.4rem; width: fit-content;} .cms-home .text-overlay p {font-size: 1.8rem; margin-bottom: 2rem; width: fit-content; min-height: 50px;} .cms-home .text-overlay p span {background-color: var(--pan-white); padding: 3px 10px; display: inline-block;} .cms-home .news {margin-top: 80px;} .cms-home .news .post-list-wrapper {margin-left: -15px; margin-right: -15px;} .cms-home .news .post-list-wrapper h3.title {display: none;} .cms-home .news .post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder {width: 33%; border: none; padding: 0 15px; margin: 30px 0;} .cms-home .news .post-list-wrapper.blog-widget-recent:not(.blog-widget-recent-masonry) .post-holder:nth-child(2n+1) {clear: none;} .cms-home .news .post-list-wrapper .post-header img {border-radius: 8px;} .cms-home .news .blog-widget-recent .post-header .post-title {max-width: 96%; min-height: 62px; margin-top: 10px;} .cms-home .news .blog-widget-recent .post-header .post-title a {font-family: 'poppins-semibold', sans-serif;} .cms-home .news .blog-widget-recent .post-header .post-title a:hover {text-decoration: underline;} .cms-home .news .blog-widget-recent .post-content .post-description .post-text-hld {min-height: 85px;} .cms-home .news .blog-widget-recent .post-content .post-read-more {color: var(--pan-primary);font-size: 16px;line-height: 19px;text-align: right;float: left; font-family: 'poppins-semibold', sans-serif;} .cms-home .news .blog-widget-recent .post-content .post-read-more:hover {text-decoration: underline;} .cms-home .news .blog-widget-recent .post-content .post-read-more::after {font-family: 'Feather';content: "\e912";} .cms-home .about {margin-top: 40px;} .cms-home .about h2 {margin-top: 40px;} .cms-home .about p {line-height: 24px; margin-top: 40px;} .cms-home .about .usp {font-size: 16px; border: 1px solid rgb(255 255 255 / 40%); padding: 20px; border-radius: 32px;} .cms-home .subscribe .cta-box img {margin-top: -100px;} .cms-home .subscribe .cta-box .col-md-5 {text-align: center;} .cms-home .subscribe .cta-box h4 {margin-top: 30px; font-size: 30px; line-height: 40px;} .cms-home .subscribe .plus-bg {background-image: url(/pub/media/wysiwyg/home/plus-pattern.svg); background-repeat: no-repeat; background-position: 6px 0; padding-top: 70px;} .cms-home .subscribe #mc_embed_signup {background-color: var(--pan-white) !important; color: var(--pan-primary) !important;} .cms-home .subscribe #mc_embed_signup .indicates-required {display: none;} .cms-home .subscribe #mc_embed_signup input#mce-EMAIL {height: 49px; border-radius: 8px; margin-top: 10px;} .cms-home .subscribe #mc_embed_signup .button.ghost {height: 49px; padding: 0 35px !important;} .cms-home .subscribe #mc_embed_signup .button.ghost:hover {background-color: var(--pan-black) !important; color: var(--pan-white) !important;} /* CMS - LANDING PAGES */ .cms-page-view .category-image {position: relative;} .cms-page-view .category-image .page-title-wrapper {width: 100%; height: 100%; position: absolute; background-color: rgba(0,0,0,0.5); top: 0; border-radius: 0 !important; display: flex; align-items: center; justify-content: center;} .cms-page-view .category-image .page-title-wrapper h1 {color: var(--pan-white);} .landingspage .col-md-3.cta-box {width: 23%; margin-top: 10px;} .landingspage .cta-box-content p {height: 6em;} /* CMS - MERKEN */ .category-merken .brand-slider .block-title, .category-marques .brand-slider .block-title, .category-merken .owl-controls, .category-marques .owl-controls, .category-merken .sidebar, .category-marques .sidebar {display: none !important;} .category-merken .owl-wrapper, .category-marques .owl-wrapper {width: 100% !important; transition: none !important} .category-merken .owl-carousel .owl-item, .category-marques .owl-carousel .owl-item {width: 20% !important; min-height: 130px;} .category-merken .owl-carousel .owl-item .item, .category-marques .owl-carousel .owl-item .item {padding-top: 40px; padding-bottom: 40px;} .category-merken .category-view, .category-marques .category-view {overflow: auto;} /* FAQ / SERVICE PAGE */ .cms-page-view .container.blue-gradient-bg.wide-bg .row.row-bottom-gutter {margin-top: 40px;} .container.wide-bg h1 {font-size: 48px; line-height: 60px;} .cms-klantenservice .antwoord-links {text-align: center; padding-top: 60px;} .cms-klantenservice .antwoord-links-sub {padding: 50px 0 0 0;} .cms-klantenservice .col-md-4.antwoord-links-sub li {color: var(--pan-black) !important; line-height: 28px;} .cms-klantenservice .col-md-4.antwoord-links-sub a {color: var(--pan-black) !important;} .main-container .tech-support-box {margin: 15px;} .cms-klantenservice-technische-support .main-container .tech-support-text p {color: var(--pan-black); line-height: 24px;} .cms-klantenservice-technische-support .main-container .tech-support-text, .cms-klantenservice .main-container .tech-support-text, .cms-service-clients .main-container .tech-support-text {width: 380px;} .cms-klantenservice-technische-support .main-container .klantenservice h1, .cms-klantenservice .main-container .tech-support-box, .cms-service-clients .main-container .tech-support-box {padding-top: 70px;} .cms-klantenservice .main-container .contact h1, .cms-klantenservice .main-container .contact h1 {padding-top: 40px;} .cms-klantenservice-technische-support .main-container input {padding-left: 12px !important;} .cms-klantenservice-technische-support .support-op-afstand {padding-right: 120px;} .cms-klantenservice-technische-support .col-md-6 {padding-bottom: 24px;} button.amform-show-popup.amcform-button {background-color: var(--pan-primary); color: var(--pan-white); border: 2px solid var(--pan-primary) !important; border-radius: 100px; padding: 15px 25px !important; font-size: 16px; line-height: 19px; height: unset; font-family: 'poppins-semibold';} button.amform-show-popup.amcform-button:hover {background-color: transparent; text-decoration: none; border: 2px solid var(--pan-primary); color: var(--pan-black);} .amcform-button.-default:active, .amcform-button.-error:active, .amcform-button.-default:focus, .amcform-button.-error:focus {background-color: var(--pan-primary) !important;} .amform-form-fieldset.fieldset .amcform-toolbar {padding-right: 0 !important;} .cms-klantenservice-contact form {margin-top: 20px;} .cms-klantenservice-contact .linear-theme .fields {margin: 0 -30px;} .cms-klantenservice-contact .linear-theme.rendered-form .field .tooltip-element, .cms-klantenservice-contact .linear-theme.rendered-form .fieldset > .field.form-group .tooltip-element, .cms-klantenservice-contact .linear-theme.rendered-form .fieldset > .fields > .field.form-group .tooltip-element { background: #15135f;} /* COLLAPSIBLE BLOCK */ .collapsible .block-title {border: none; border-bottom: 2px solid var(--pan-primary) !important; border-radius: 0 !important; padding: 12px 0 !important;} .collapsible .block-content {margin-top: -60px; padding: 60px 0 12px 0 !important; border: none; border-radius: 0;} .collapsible .block-content a {color: var(--pan-accent);} .collapsible .block-content a:hover {text-decoration: underline !important;} .collapsible.active .block-title {border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0;} .collapsible.active .block-content {border-top: none; border-top-right-radius: 0; border-top-left-radius: 0;} /* SIDEBAR BLOCK */ .bestellen-menu-content {padding: 20px; background-color: var(--pan-primary-lighter); border-radius: 0 !important; box-shadow: none !important;} .bestellen-menu .title {font-family: 'poppins-semibold', sans-serif; line-height: 22px; font-size: 16px; overflow: hidden; word-break: break-all; display: block; margin: 30px 0 0;} .bestellen-menu li:first-child .title {margin-top: 0;} .block .block-title {color: var(--pan-black);} /* BLOG */ /* BLOG - CATEGORY */ .blog-page-list .post-list .post-content .post-read-more {float: left;} .blog-page-list .post-content .post-ftimg-hld, .blog-page-list .post-content .post-text-hld {width: 50%;} .post-list .post-header .post-title a {font-size: 24px; color: var(--pan-black); line-height: 30px;} .blog-page .post-list .post-header .post-title a {color: var(--pan-black);} .blog-page .post-list .post-header .post-title a:hover {color: var(--pan-black); text-decoration: underline;} .blog-page .post-holder {border: none; padding: 0;} .blog-page .column.main {float: right;} .blog-page .sidebar.sidebar-additional {clear: left; float: left; padding-left: 0; padding-right: 2%;} .blog-page-list .post-description {display: flex; flex-direction: row;} .blog-page .post-read-more {color: var(--pan-primary); background-color: transparent; font-family: "poppins-semibold"; padding: 0; font-size: 16px;} .blog-page .post-text-hld {padding: 0 1em 0;} .blog-page .post-list .post-header .post-title:first-child {margin: 0; padding: 0 0 10px 0;} .post-list .post-header .post-title-holder {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;} .post-header .post-info {color: var(--pan-primary);} .post-read-more:after {display: none !important;} /* BLOG - SIDEBAR */ .block-recent-posts, .block-categories {background-color: var(--pan-primary-lighter); padding: 15px 15px 8px;} .blog-page .sidebar .block-recent-posts .block-title, .blog-page .sidebar .block-categories .block-title {font-family: "poppins-bold", sans-serif; overflow: hidden; text-transform: uppercase; word-break: break-all; display: block; margin: 0; padding-top: 0; padding-bottom: 0; border: none;} .blog-page .sidebar .block-recent-posts .block-title strong, .blog-page .sidebar .block-categories .block-title strong {line-height: 1.1 !important; font-size: 1.4rem !important; overflow: hidden;} .blog-page .sidebar .block-recent-posts .block-title strong::after, .blog-page .sidebar .block-categories .block-title strong::after {content: ""; display: block; height: 4px; width: 60px; margin-top: 3px; background-color: var(--pan-accent);} .blog-page .widget.block-categories ul {list-style: none; margin-left: 0;} .blog-page .widget.block-categories li {margin-left: 0;} /* BLOG - DETAIL PAGE */ .blog-page .post-content .post-text-hld li {list-style-type: disc !important; margin-left: 25px !important;} .blog-post-view .sidebar {display: none;} .blog-post-view.page-layout-2columns-left .column.main {width: 100%;} .blog-post-view .post-content .post-description .post-ftimg-hld {width: 48%; margin-right: 2%; float: left;} .blog-post-view .post-bottom .products-related span.price-container {display: none;} /* CMS - COOKIES/PRIVACY */ .cms-cookie-policy aside.modal-popup.amgdpr-modal-container, .cms-cookie-policy aside.modal-popup.amgdprcookie-modal-container.modal-slide._show, .cms-cookie-policy .modals-overlay, .cms-cookie-policy aside.modal-popup.popup-authentication.modal-slide._inner-scroll, .amgdprcookie-groups-container, .cms-cookie-policy span.amgdprcookie-head {display: none !important;} .cms-cookie-policy {overflow: auto !important;} .amgdprcookie-modal-template {margin-left: 0;} .modal-popup.amgdprcookie-modal-container.modal-slide {right: 0;} .modal-popup._show .modal-inner-wrap {-webkit-transform: translateY(0); transform: translateY(-50%); top: 50%; height: auto;} .amgdprcookie-cookie-container {padding: 20px 0;} .cms-cookie-policy span.amgdprcookie-head {display: none;} .amgdprcookie-main-wrapper .amgdprcookie-btn:first-child {margin-left: 0;} aside.modal-popup.amgdprcookie-modal-container.modal-slide._show {left: 35%; right: -35%;} .cms-privacy-policy .amgdprcookie-cookie-container {padding: 20px 0;} .cms-privacy-policy .amgdprcookie-main-wrapper .amgdprcookie-btn:first-child {margin-left: 0;} button.amgdprcookie-btn, .cms-cookie-policy button.amgdprcookie-btn, .cms-privacy-policy button.amgdprcookie-btn {background-color: var(--pan-primary) !important; border: 2px solid var(--pan-primary) !important; border-radius: 100px !important; color: var(--pan-white) !important; box-shadow: none !important;} button.amgdprcookie-btn:hover, .cms-cookie-policy button.amgdprcookie-btn:hover, .cms-privacy-policy button.amgdprcookie-btn:hover {background-color: transparent !important; border: 2px solid var(--pan-primary) !important; color: var(--pan-black) !important; border-radius: 100px !important; box-shadow: none !important;} /* MODAL - COOKIE POPUP */ .amgdprcookie-modal-container #amgdprcookie-form button.amgdprcookie-button.-settings.-save {display: none;} .amgdprcookie-modal-container {z-index: 10000; margin: 0 !important; direction: inherit;} .amgdprcookie-modal-container .modal-inner-wrap {width: 30%;} .amgdprcookie-modal-container #amgdprcookie-form {display: flex; flex-direction: column-reverse;} .amgdprcookie-modal-container #amgdprcookie-form h3.cookie-header {margin-bottom: 20px; margin-top: 20px;} .amgdprcookie-modal-container .amgdprcookie-buttons-block .-save {order: 2;} .amgdprcookie-modal-container .amgdprcookie-buttons-block .-allow {order: 1; margin-bottom: 15px;} .amgdprcookie-cookie-container.-modal .amgdprcookie-header, .amgdprcookie-cookie-container.-modal .amgdprcookie-text {padding-left: 0;} #amgdprcookie-form a.action.primary, .amgdprcookie-modal-template .amgdprcookie-button.-settings, .amgdprcookie-modal-template .amgdprcookie-button.-save, .amgdprcookie-modal-container #amgdprcookie-form a.action.primary {background-color: var(--pan-primary) !important; border: 2px solid var(--pan-primary) !important; border-radius: 100px !important; color: var(--pan-white) !important; box-shadow: none !important;} #amgdprcookie-form a.action.primary:hover, .amgdprcookie-modal-template .amgdprcookie-button.-settings:hover, .amgdprcookie-modal-template .amgdprcookie-button.-save:hover, .amgdprcookie-modal-container #amgdprcookie-form a.action.primary:hover {background-color: transparent !important; border: 2px solid var(--pan-primary) !important; color: var(--pan-black) !important; border-radius: 100px !important; box-shadow: none !important;} .amgdprcookie-buttons-block .amgdprcookie-button,#amgdprcookie-form a.action.primary {border-radius: 0px !important;} .amgdprcookie-modal-container #amgdprcookie-form h3.cookie-header{color:var(--pan-black) !important;} /* CATEGORY PAGES */ #maincontent .block.block-reorder {display: none !important} .amlabel-position-bottom-left-13880-cat.amlabel-position-wrapper {width: 100% !important; height: 100% !important;} .catalog-category-view .text-overlay {position: absolute; left: 30px; bottom: 10px; max-width: 85%;} .catalog-category-view .text-overlay h4 {background-color: var(--pan-white); padding: 10px; font-size: 2.4rem; margin-bottom: 0.4rem; width: fit-content;} .catalog-category-view .category.zoom-image img {filter: grayscale(100%);} /* CATEGORY PAGE - TOEPASSINGEN */ .toepassing .row.grey {background: var(--pan-primary-lighter); padding-top: 20px;} .toepassing .row .col-md-6.content {padding: 0 70px; align-self: center;} #maincontent .toepassing a.action.primary, #maincontent .toepassing a.action.secondary {display: inline-block; padding: 15px 24px !important; font-size: 15px; margin-left: 0; margin-bottom: 8px;} .toepassing .collapsible .block-title {position: relative;} .toepassing .collapsible .block-title:after {position: absolute; right: 10px; top: 15px;} .toepassing .collapsible .block-title h5 {margin-bottom: 0;} /* CATEGORY PAGE - OFFERTE OVERWRITES */ .catalog-category-view .product.attribute-set-id-10 .price-box, .catalogsearch-result-index .product.attribute-set-id-10 .price-box {display: none !important;} .catalog-category-view .product.attribute-set-id-10 .product.actions, .catalogsearch-result-index .product.attribute-set-id-10 .product.actions {display: none !important;} /* CATEGORY PAGES with product grids */ .catalog-category-view .columns {display: none;} .catalog-category-view .columns:has(.category-products-grid) {display: block !important;} .catalog-category-view .category-image .image {border-radius: 0 !important;} .modes-mode:before, .sorter-action:before, .pages .action:before, .pages .action.previous:before, .pages .action.next:before {color: var(--pan-accent) !important;} .sorter-options {border-radius: 100px;} .sorter-options:focus {outline: none !important;} .modes-mode.active, .pages .current .page, .modes-mode, .sorter-action, .pages .page, .pages .action, .pages .action.previous, .pages .action.next {background-color: var(--pan-white); color: var(--pan-accent) !important;} /* HEADER */ .catalog-category-view .page-title-wrapper {position: relative; width: 100%; text-align: center; min-height: 250px;} .catalog-category-view .page-title-wrapper h1 {position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 0; margin: 0; background: rgba(0,0,0,0.5); color:var(--pan-primary-lighter); border-radius: 0;} .catalog-category-view .page-title-wrapper h1 span {display: block; width: 100%; position: absolute; top: 50%; transform: translateY(-20px);} .catalog-category-view .category-description {margin-top: 30px;} .catalog-category-view .category-image .image {border-radius: 16px; min-height: 250px;} /* CATEGORY PAGE - PRODUCT GRID */ .catalog-category-view .product-sku {display: none;} .catalog-category-view .product-items .item input.primary.tocart::before {content: '\f07a'; font-family: 'FontAwesome'; display: inline-block; margin-right: 10px;} .catalog-category-view .products .product .product-item-details .product-catalog-attribute > span.label:first-child {display: none;} .catalog-category-view .product-image-container .product-image-photo {border-radius: 0 !important;} .catalog-category-view .product-item .actions-secondary a.action.towishlist:hover {box-shadow: none !important;} .catalog-category-view .product-items .item .addto-links-icons .icon.ic-heart {border-radius: 100%; border: 1px solid var(--pan-neutral) !important;} .catalog-category-view .product-items .item .addto-links-icons .icon.ic-heart:hover {border-radius: 100%; border: 1px solid var(--pan-accent) !important;} .catalog-category-view .addto-links-icons.addto-onimage {margin-top: -52px; right: 16px;} .catalog-category-view .items-grid.equal-height .item .actions {position: relative; bottom: 0 !important;} .catalog-category-view .product.details .product-item-name {height: 4em !important;} .page-with-filter .product-catalog-attribute:first-of-type:before {content: "\e9a2"; font-family: 'Feather';} .page-with-filter .product-catalog-attributes span.label {display: none;} .catalog-category-view .product-catalog-attribute:first-child {color: var(--pan-primary);} .catalog-category-view .price-container.price-final_price .price {color: var(--pan-accent);} .product-item .price-box .price-label, .product-items .item .price-box .price-label, .product-item-name > a {color: var(--pan-black);} .catalog-category-view .product-item-inner .actions-primary {width: 100%;} .amasty-hide-price-container {background-color: transparent !important; border-radius: 100px !important; border: 2px solid var(--pan-primary) !important; color: var(--pan-black) !important; font-size: 13px !important;} /* CATEGORY PAGE - SIDEBAR */ .catalog-category-view .sidebar .filter-content, .catalog-category-view .sidebar .block-compare, .catalog-category-view .sidebar .block-wishlist, .catalogsearch-result-index .sidebar .filter-content, .catalogsearch-result-index .sidebar .block-compare, .catalogsearch-result-index .sidebar .block-wishlist {padding: 5px; background-color: var(--pan-primary-lighter); border-radius: 0 !important; box-shadow: none !important;} .filter-current .action.remove {background: transparent !important; color: var(--pan-black) !important; border: none !important; border-radius: 0 !important; padding: 0 !important;} .filter-options-item {border-color: var(--pan-white) !important;} .catalog-category-view .sidebar .filter-content strong, .catalog-category-view .sidebar .block-compare #block-compare-heading, .catalog-category-view .sidebar .block-wishlist .block-title strong {padding-top: 0; padding-bottom: 0; border: none; font-family: 'poppins-semibold', sans-serif; color: var(--pan-black); padding: 10px 20px 0; text-transform: none !important;} .catalog-category-view .sidebar .block .block-title {border: none; padding-bottom: 0;margin-bottom: 0;padding-top: 0;} .catalog-category-view .sidebar .block .empty {margin-top: 15px;} .catalog-category-view .sidebar .filter-content .filter-options-title {font-family: "poppins-semibold", sans-serif; text-transform: unset; word-break: break-word;} .catalog-category-view .sidebar .filter-content .filter-options-item {border-bottom: 2px solid var(--pan-white); padding: 10px 20px 20px;} .catalog-category-view .sidebar .filter-content .filter-options-item:last-child {border: none;} .catalog-category-view .sidebar .filter-content .filter-options-item .more-less-link {margin-left: 0; margin-top: 5px;} .catalog-category-view .sidebar .filter-content .swatch-option.disabled {display: none;} .catalog-category-view .sidebar .block-compare, .catalog-category-view .sidebar .block-wishlist {display: none !important;} .filter-options-content .count {color: var(--pan-accent); padding-right: 5px; white-space: nowrap;} .filter-title strong {background: var(--pan-primary-lighter); color: var(--pan-black); font-family: "poppins-semibold"; border-radius: 100px;} .sidebar.sidebar-main .filter-options-content.freeze {display: none;} .sidebar.sidebar-main .filter-options-content ol.items {margin-top: 10px;} /* READ MORE */ .catalog-category-view .moretext {display: none;} .catalog-category-view .b-descriptionreadmore_wrapper.js-descriptionreadmore_wrapper {position: relative !important;} .catalog-category-view .b-descriptionreadmore_ellipsis:after {content: "" !important; display: block !important; position: absolute !important; top: 2.2em !important; width: 100% !important; height: 60px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 65%);} .catalog-category-view .b-descriptionreadmore_button {display: block !important; padding: 5px 0 10px !important; cursor: pointer !important; text-align: left !important; color: var(--pan-accent) !important; font-weight: bold; text-decoration: underline;} .catalog-category-view .b-descriptionreadmore_button:before {content: "+"; display: block; font-size: 24px; float: left; padding-right: 10px;} .catalog-category-view .b-descriptionreadmore_button_active:before {content: "-"; display: block; font-size: 24px; float: left; padding-right: 10px;} /* NAVIGATION */ .limiter-options {width: auto; margin: 0 5px 0 7px; border-radius: 100px;} .row.sticky-menu {background-color: var(--pan-white); position: sticky; position: -webkit-sticky; top: 40px; z-index: 2; border-radius: 0; box-shadow: none; width: 90%; margin: auto; margin-top: 35px; margin-bottom: 35px;} .row.sticky-menu ul {background-color: var(--pan-white); padding: 20px; border-radius: 100px; border: 2px solid var(--pan-primary); width: 90%; margin: auto; margin-top: 15px; margin-bottom: 35px;} .row.sticky-menu h5 {text-align: center; font-size: 18px; font-weight: 700; line-height: 20px; letter-spacing: 1.8px; text-transform: uppercase; color: var(--pan-accent); margin-bottom: 15px;} .row.sticky-menu .col-md-12 {margin-bottom: 0;} .row.sticky-menu ul {margin-bottom: 0; display: inline-block; display: flex; flex-direction: row; justify-content: center; align-content: center; flex-wrap: wrap; text-align: center;} .row.sticky-menu ul li {float: left; margin-bottom: 0;} .row.sticky-menu ul li:after {content: '|'; padding: 0 10px;} .row.sticky-menu ul li:after {content: '|'; padding: 0 10px;} .row.sticky-menu ul li:last-of-type:after {display: none;} /* PRODUCT PAGES */ .page-product-configurable .custom-sidebar-right .inner {padding-left: 0; border: none} .page-product-configurable .product-lower-secondary-column custom-sidebar-right grid12-12 {width: 99%;} .slick-active button {min-width: 0px !important;} .amrelated-grid-wrapper .slick-dots li button {background-color: var(--pan-neutral); min-width: 0px !important;} .amrelated-grid-wrapper .slick-dots li.slick-active button {background-color: #0B1435;} .custom-sidebar-right .inner {border: 0 !important; padding: 0 !important} .product.data.items.style-luma.show-tabs>.item.content:last-child {border-bottom: 1px solid var(--pan-neutral) !important;} .catalog-product-view .product-lower-primary-column {width: 100%; margin: 0;} .catalog-product-view .prices-tier .item .price {font-size: 16px; font-family: 'poppins-semibold'; color: var(--pan-primary);} .catalog-product-view .product-add-form form {display: flex; flex-direction: column;} .catalog-product-view .product-add-form form .product.attribute.overview {margin-top: 0;} .catalog-product-view .product-info-main .box-tocart .field.qty {float: left; margin-right: 15px; padding-left: 0;} .catalog-product-view .product-add-form form .product-options-bottom .product-social-links .feature {margin: 0;} .catalog-product-view .product-add-form form .product-options-bottom .product-social-links .feature .icon {height: 52px; width: 52px; line-height: 52px; background-color: var(--pan-white); border: 1px solid var(--pan-neutral); color: var(--pan-accent);} .catalog-product-view .product-add-form form .product-options-bottom .product-social-links .feature:hover .icon {background-color: var(--pan-white) !important; border: 1px solid var(--pan-accent); color: var(--pan-accent) !important;} .catalog-product-view .product-add-form form .product-options-bottom .product-social-links .feature .icon.ic-heart {color: var(--pan-accent);} .page-product-configurable .product-add-form form .product-options-bottom {padding: 0 0 15px;} .page-product-configurable .product-info-main .box-tocart {padding-left: 0;} .catalog-product-view .product-info-price .product-info-stock-sku {margin-top: 0; margin-bottom: 0; border: none;} .catalog-product-view .primary.tocart span::before {content: '\f07a'; font-family: 'FontAwesome'; display: inline-block; margin-right: 10px;} .catalog-product-view .product.pricing {display: none;} .catalog-product-view #product-attribute-specs-table a[href$=".pdf"] {text-decoration: underline;} .catalog-product-view #product-attribute-specs-table a[href$=".pdf"]:before {width: 16px;vertical-align: middle;margin: 4px 4px 2px 0;padding: 4px 0 1px 0px;background-color: var(--pan-white); color: red; border: 1px solid red; border-top-right-radius: 7px; box-shadow: 1px 1px #ccc; font-size: 7.7px; font-weight: 700; font-family: sans-serif; line-height: 16px; text-decoration: none; display: inline-block; box-sizing: content-box; content: "PDF";} .catalog-product-view .product-stock-message span.pan_stock_available {color: #0f7811;} .catalog-product-view .product-stock-message span.pan_stock_available:before {display: inline-block; font-family: 'Feather'; content: "\e92c"; margin-right: 10px;} .catalog-product-view .product-stock-message span.pan_stock_unavailable {color: #dd9716;} .catalog-product-view .product-stock-message span.pan_stock_unavailable:before {display: inline-block; font-family: 'Feather'; content: "\e939"; margin-right: 10px;} .catalog-product-view .product-stock-message span.pan_stock_unknown {color: #297ac0;} .catalog-product-view .product-stock-message span.pan_stock_unknown:before {display: inline-block; font-family: 'Feather'; content: "\e9c2"; margin-right: 10px;} .catalog-product-view .product-primary-column {display: flex; flex-direction: column;} .catalog-product-view .product-primary-column .specs {margin-top: 20px;} .catalog-product-view .product-primary-column .info-brand {order: 3; margin-top: 20px;} .catalog-product-view .product-primary-column .info-brand .box-brand a {float: left;} /* PRICE CONTAINER */ .catalog-product-view .product-lower-primary-column .product-info-main {background-color: var(--pan-primary-lighter) !important;} .catalog-product-view .product-lower-primary-column .product-add-form {margin-bottom: 30px; padding: 20px; background: transparent;} .catalog-product-view .product-lower-primary-column .product-info-price {position: sticky; top: 40px; background: var(--pan-primary-lighter); z-index: 1; padding: 20px; margin-bottom: 0;} .catalog-product-view .product-lower-primary-column .amasty-hide-price-container {background-color: transparent !important; border-radius: 100px !important; border: 2px solid var(--pan-primary) !important; color: var(--pan-black) !important; padding: 10px !important; display: inline-block; font-size: 14px; margin-top: 10px; text-align: center; font-family: 'poppins-semibold';} .catalog-product-view .product-lower-primary-column .amasty-hide-price-container:hover {box-shadow: var(--pan-boxshadow);} .catalog-product-view .product-options-bottom {position: sticky; top: 134px; background: var(--pan-primary-lighter); z-index: 1;} .catalog-product-view .product-add-form form .product-options-wrapper {order: 3; background-color: transparent; padding: 0;} .catalog-product-view .product-add-form form .product-options-bottom .product-social-links {margin: 0 !important;} .page-product-configurable .product-add-form form .product-options-wrapper {padding: 0; margin-bottom: 15px;} .swatch-option.selected {outline: none; border: 2px solid var(--pan-accent) !important;} .catalog-product-view .swatch-option.color:not(.disabled):hover {border: 2px solid var(--pan-accent);} .catalog-product-view .prices-tier {background: transparent; margin: 0;} .catalog-product-view .product-info-main .box-tocart {position: sticky; top: 130px; z-index: 1; background: var(--pan-primary-lighter);} .catalog-product-view .product-add-form form .product-options-bottom {order: 2; padding: 0;} .catalog-product-view .product-add-form form .product-options-bottom .box-tocart {margin: 0 0 25px; float: left;} .catalog-product-view .price-box .price {color: var(--pan-black) !important; font-family: 'poppins-semibold';} .catalog-product-view .box-tocart .control input {border: none !important;} .addto-links .ic, .qty-button, #scroll-to-top {background-color: var(--pan-white); color: var(--pan-accent) !important; border: none !important; box-sizing: border-box;} button.action.primary.tocart {margin-right: 15px;} /* IMAGE GALERY */ .catalog-product-view .fotorama__caption {display: none;} .catalog-product-view .fotorama__thumb-border {border-color: var(--pan-primary) !important;} /* WISHLIST */ .catalog-product-view .aw-rl__list-wrapper .toggle:before {color: var(--pan-black); background-color: transparent; border-radius: 100%; border: 2px solid var(--pan-primary); height: 45px; width: 45px; line-height: 45px;} .catalog-product-view .aw-rl__list-wrapper .toggle:hover:before {border: 2px solid var(--pan-primary); box-shadow: var(--pan-boxshadow);} .catalog-product-view .aw-rl__list-wrapper .toggle span {color: var(--pan-black); font-size: 16px;} .catalog-product-view .aw-rl__list-wrapper .toggle:after {line-height: 52px; color: var(--pan-black);} .catalog-product-view .aw-rl__list-wrapper .toggle.active {background: none; } .catalog-product-view .aw-rl__list-wrapper .items {width: auto;} .catalog-product-view .aw-rl__list-wrapper button.toggle.change {padding-bottom: 0px; text-transform: none; font-weight: initial;} .catalog-product-view .aw-rl__list-wrapper .toggle:before {font: 14px/1 ThemeIcons; content: "\e225"; position: static; float: left; display: flex; flex-direction: column; justify-content: center; color: var(--pan-black);} /* TABS */ .product.data.items.style-luma.show-tabs>.item.title>.switch {font-weight: 400; line-height: 40px; font-size: 1.4rem; color: var(--pan-black); text-decoration: none; background: #E1EEE8; border: 1px solid #d1d1d1; border-bottom: none; height: 40px; padding: 1px 35px;} .product-lower-secondary-column.custom-sidebar-right.grid12-12 {width: 100% !important; margin: 0 !important; float: none !important;} /* RELATED PRODUCTS */ .catalog-product-view .owl-carousel .item {text-align: center;} .catalog-product-view .owl-carousel .item img.product-image-photo {border-radius: 0 !important; margin: 0 auto;} .catalog-product-view .owl-carousel .item .price-box {display: none;} .slider-arrows1-pos-top-right .owl-controls .owl-buttons {top: -55px;} .slider-arrows1 .owl-controls .owl-buttons div {width: 45px; height: 45px; line-height: 45px; border-radius: 100%; background-color: var(--pan-white) !important; color: var(--pan-accent) !important; border: 1px solid #BEC0C9;} .slider-arrows1 .owl-controls .owl-buttons div:hover {border: 1px solid var(--pan-accent);} .slider-arrows1 .owl-controls .owl-buttons .owl-prev:before {font-family: 'Feather'; color: var(--pan-accent); content:'\e910'} .slider-arrows1 .owl-controls .owl-buttons .owl-next:before {font-family: 'Feather'; color: var(--pan-accent); content:'\e912'} /* SPECIAL PRICES */ .special-price .price, .special-price .price-label {color: var(--pan-accent) !important;} .special-price .price-label, .old-price .price-label {display: none;} span.old-price {display: none !important;} body[class*="categorypath-promoties-"] span.old-price {display: inline-block !important;} .product-item .minimal-price-link, .product-items .item .minimal-price-link {display: block;} .product-info-main .special-price, .product-options-bottom .special-price {margin: 0; display: inline-block;} /* PRODUCT ACTIONS */ #maincontent .product-item .actions-secondary a.action:not(.towishlist) {background: transparent; color: var(--pan-black); border: 2px solid var(--pan-primary); padding: 9px 10px !important; margin-left: 8px; display: inline-block; min-width: unset !important;} #maincontent .product-item .actions-secondary a.action:hover {box-shadow: var(--pan-boxshadow); text-decoration: none;} #maincontent .sidebar .primary .action {background: var(--pan-primary) !important; padding: 14px 20px !important;} #maincontent .sidebar .primary .action:hover {background: var(--pan-primary) !important; text-decoration: none;} #maincontent .sidebar .secondary .action {background: transparent !important; color: var(--pan-primary) !important; border-color: var(--pan-primary);} #maincontent .sidebar .secondary .action:hover {color: var(--pan-primary) !important; border-color:var(--pan-primary) !important;} /* NEW */ .nieuwste-producten {border: 1px solid var(--pan-neutral);border-radius: 0 !important ;padding: 30px 20px;margin: 40px;} /* SWATCHES */ .swatch-option.text {font-size: 14px; background-color: transparent; border: 2px solid var(--pan-primary); color: var(--pan-black); padding: 5px 10px !important; border-radius: 100px; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 140px;} .swatch-attribute .swatch-option:not(.disabled):hover, .swatch-attribute .swatch-option.color:not(.disabled):hover {box-shadow: var(--pan-boxshadow); border: 2px solid var(--pan-primary); color: var(--pan-black); outline: none;} .swatch-attribute.size .mageworx-swatch-option, .swatch-attribute.manufacturer .mageworx-swatch-option {background: transparent; color: var(--pan-black); font-size: 14px; padding: 5px 10px; border: 2px solid var(--pan-primary);} .swatch-attribute.size .mageworx-swatch-option:hover, .swatch-attribute.manufacturer .mageworx-swatch-option:hover {box-shadow: var(--pan-boxshadow); border: 2px solid var(--pan-primary); color: var(--pan-black);} .swatch-attribute.size .mageworx-swatch-option.selected, .swatch-attribute.manufacturer .mageworx-swatch-option.selected {background-color: var(--pan-white); color: var(--pan-black); border: 2px solid var(--pan-accent); outline: none; box-shadow: var(--pan-boxshadow);} .catalog-product-view .swatch-option.color {margin-right: 10px; margin-bottom: 10px; width: 16%; float: left; text-align: left; padding-left: 40px; border: 2px solid var(--pan-white); padding-top: 0; padding-bottom: 0; padding-right: 0;} .catalog-product-view .swatch-option.color::before {content: attr(data-option-label); display: block; background: var(--pan-white); padding-left: 8px;} .catalog-product-view .swatch-option.color.disabled {display: none;} .catalog-product-view .swatch-option.image {margin-right: 10px; margin-bottom: 10px; width: 16% !important; float: left; text-align: left; padding-left: 40px; border: 2px solid var(--pan-white); padding-top: 0; padding-bottom: 0; padding-right: 0; background-size: 40px 30px !important; background-position: left !important; height: 30px !important;} .catalog-product-view .swatch-option.image:not(.disabled):hover {border: 2px solid var(--pan-accent);} .catalog-product-view .swatch-option.image::before {content: attr(data-option-label); display: block; background: var(--pan-white); padding-left: 8px;} .catalog-product-view .swatch-option.image.disabled {display: none;} .catalog-product-view .swatch-attribute-label {font-family: 'poppins-bold', sans-serif;} .catalog-product-view .swatch-option.text {color: var(--pan-black);} .catalog-product-view .swatch-option.text:hover {color: var(--pan-primary);} /* PRODUCT PAGE - OP OFFERTE */ .catalog-product-view .attribute-set-id-4 .block.offerte {display: none !important;} .catalog-product-view .attribute-set-id-10 .block.offerte {margin: 20px 0;} .catalog-product-view .attribute-set-id-10 .price-box {display: none !important;} .catalog-product-view .attribute-set-id-10 .box-tocart {display: none !important;} .catalog-product-view .product.data.items.show-tabs {z-index: 0;} .catalog-product-view .block.offerte .amform-form-fieldset .fieldset {box-shadow: none !important;} /* NEW ALERT ON PRODUCT PAGE */ /* FOOTER TOP */ .footer-top-container {background-color: var(--pan-primary-lighter) !important;} .footer-top-container h3.dash-blue {color: var(--pan-black); font-size: 20px} .footer-top-container .icons a {margin-left: 10px; background-color: var(--pan-accent); border-radius: 100px; color: white !important; width: 40px; height: 40px; display: inline-flex; align-content: center; justify-content: center; align-items: center;} .footer-top-container .icons a span::before {font-size: 24px;} .footer-top-container .icons a:hover {text-decoration: none; box-shadow: var(--pan-boxshadow); background-color: var(--pan-primary);} .footer-top .item-left {width: 100%; margin-right: 0;} .row-bottom-padding {padding: 25px 0;} /* NEWSLETTER SUBSCRIBE*/ .footer-top-container #mc_embed_signup_scroll {background-color: var(--pan-primary-lighter); display: flex;} .footer-top-container #mc_embed_signup_scroll .mc-field-group {width: 75%; margin-right: 2%;} .footer-top-container #mc_embed_signup_scroll input#mce-EMAIL {height: 51px; border-radius: 100px;} .footer-top-container #mc_embed_signup_scroll .indicates-required, .footer-top-container #mc_embed_signup div#mce-responses {display: none;} .footer-top-container #mc_embed_signup .validate {padding: 0 !important;} .footer-top-container #mc_embed_signup .button {background: var(--pan-primary); border: 2px solid var(--pan-primary) !important; color: var(--pan-white); border-radius: 100px !important; font-family: 'poppins-semibold'; font-size: 16px !important; text-align: center; line-height: 19px; padding:14px 20px !important; display: inline-block; height: unset;} .footer-top-container #mc_embed_signup .button:hover {background: transparent; border: 2px solid var(--pan-primary) !important; color: var(--pan-black); text-decoration: none;} /* FOOTER MAIN */ .footer a, .footer {color: var(--pan-black) !important;} .footer-container {background-color: var(--pan-white) !important; color: var(--pan-black) !important;} .footer-primary .grid12-12 {width: 100%; margin-left: 0; margin-right: 0;} .footer-primary .row-bottom-gutter {margin-bottom: 0;} .footer-primary a:hover {text-decoration: underline;} .footer-primary ul li {margin-bottom: 10px;} .footer-primary ul li a:hover {color: var(--pan-accent) !important;} .row-bottom-gutter [class*=col-] {margin-bottom: 0 !important;} .footer-primary h3.dash-blue {color: var(--pan-black); font-size: 20px} /* FOOTER BOTTOM */ .footer-bottom-container {background-color: var(--pan-primary) !important;} .footer-bottom {color: var(--pan-white) !important; background-color: var(--pan-primary) !important;} .footer-bottom .item-left {display: none;} .footer-bottom .item-right {margin-right: 20px; width: 100%;} .footer-bottom p {margin-bottom: 0;} .footer-bottom a {text-decoration: underline; color: var(--pan-white) !important;} .footer-bottom .pay-icons {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 2%;} .footer-bottom .pay-icons li {float: right; border-radius: 0 !important;} .footer-bottom .usp .ic {color: var(--pan-white);} /* ------------- */ /* MEDIA QUERIES */ /* ------------- */ @media screen and (max-width: 1920px) { .column.main .container.wide-bg .inner-container {max-width: 1470px;} } @media screen and (max-width: 1679px) { .column.main .container.wide-bg .inner-container {max-width: 1350px;} .cms-home h1 {font-size: 42px; line-height: 52px;} .highlight-label {top: 225px;} .catalog-product-view .swatch-option.color {width: 20%;} } @media screen and (max-width: 1439px) { .column.main .container.wide-bg .inner-container {max-width: 1140px;} .header-top .left-column {width: 85%;} .header-top .right-column {width: 15%;} .cms-home h1 {font-size: 38px; line-height: 48px;} .highlight-label {top: 190px;} h2 {font-size: 30px; line-height: 38px;} h3 {font-size: 20px; line-height: 26px;} .cta-box .cta-box-content h3 {height: 3em;} .cta-box-content p {min-height: 5em;} .amrelated-grid-wrapper .slick-slider button.slick-prev.slick-arrow {left: 82%;} .catalog-product-view .swatch-option.color {width: 25%;} .column.main .container.wide-bg h1 {font-size: 36px; line-height: 46px;} .container.wide-bg .amform-text {width: 100% !important;} } @media screen and (max-width: 1199px) { .column.main .container.wide-bg .inner-container {max-width: 940px;} .header-top .left-column {width: 80%;} .header-top .right-column {width: 20%;} .header-top .usp .item:last-of-type {display: none;} h3 {font-size: 18px; line-height: 24px;} .container.leader h1 {font-size: 32px; line-height: 40px;} .container.messages .highlight-label {top: 155px;} .container.messages .cta-box-content p {min-height: 6em;} .container.about .col-md-4 {margin-top: 50px;} .container.subscribe .col-md-7 {width: 65%;} .container.subscribe .col-md-5 {width: 35%;} .container.subscribe .cta-box h4 {font-size: 20px; line-height: 30px;} .container.subscribe .cta-box img {margin-top: -20px;} h4 {font-size: 20px; line-height: 24px;} .column.main .container.wide-bg h1 {font-size: 30px; line-height: 40px;} .cta-box .cta-box-inner {padding: 0 50px;} } @media screen and (max-width: 1023px) { .amgdprcookie-modal-container.modal-popup.modal-slide {right: 0 !important; left: 0 !important;} .column.main .container.wide-bg .inner-container {max-width: 940px;} .new .slick-dotted.slick-slider {margin-bottom: 0;} } @media screen and (max-width: 991px) { .category-merken .owl-carousel .owl-item, .category-marques .owl-carousel .owl-item {width: 25%;} .footer-primary .col-md-3 {width: 50%; float: left; min-height: 165px;} .column.main .container.wide-bg .inner-container {max-width: 720px;} .header-top .left-column {width: 78%;} .header-top .right-column {width: 22%;} .header-top .usp .item:nth-of-type(3) {display: none;} .header-container .logo-wrapper .logo img {height: auto;} .header-container .hp-blocks-holder {display: block;} .header-container .hp-blocks-holder .hp-block.grid12-3 {float: left; width: 30%;} .header-container .hp-blocks-holder .hp-block.grid12-4 {float: right; width: 60%;} .header-container .hp-blocks-holder .hp-block.grid12-5 {float: right; width: 100%; margin-top: 10px;} .nav-container.skip-content.sticky-container {position: absolute; top: 125px; left: 3.5%;} .cms-home .main.container {padding-top: 0;} .container.leader .col-md-6:first-of-type {position: absolute; z-index: 1; text-align: center; bottom: 15%;} .container.leader .col-md-6:last-of-type img {opacity: 0.4;} .container.messages .col-md-12 {width: 100%;} .container.messages .cta-box.col-md-3 {width: 46%; margin: 2%;} .container.messages .highlight-label {top: 245px;} .container.about .col-md-1 {display: none;} .container.about .col-md-4 {width: 40%; float: left;} .container.about .col-md-5.padding-top {padding-top: 0;} .container.news .post-list .post-header .post-title a {font-size: 18px; line-height: 24px;} .container.subscribe .col-md-10.cta-box {overflow: auto; width: 90%; margin: auto;} .container.subscribe .col-md-7 {width: 65%; float: left;} .container.subscribe .col-md-5 {width: 35%; float: left;} .container.subscribe .cta-box img {margin-top: 40px;} .container.subscribe .cta-box h4 {font-size: 18px; line-height: 28px;} .category-cms .col-md-2.text-center {width: 33%; float: left;} .catalog-product-view .swatch-option.color {width: 40%;} .cta-box {padding-top: 30px; padding-bottom: 30px;} .cta-box .cta-box-inner:first-of-type {border-right: unset;} .col-md-4.antwoord-links-sub {text-align: center;} .cms-klantenservice .col-md-5, .cms-service-clients .col-md-5 {width: calc(50% - 15px); float: left;} .aw-rl__customer_lists .data-grid thead tr th:nth-child(2), .aw-rl__customer_lists .data-grid thead tr th:nth-child(4), .aw-rl__customer_lists .data-row td.description, .aw-rl__customer_lists .data-row td.updated_at {display: none;} .aw-rl__customer_lists .data-grid thead tr .data-grid-th._sortable {width: 100px;} .aw-rl__customer_lists .data-grid {max-width: 700px; min-width: auto;} .footer-top-container .col-md-6:last-of-type {margin-top: 25px; text-align: center !important;} } @media screen and (max-width: 976px){ .cms-new-homepage-2024 .services {width: 100%; margin-top: -35rem;} .componenten-blogberichten .post-holder {width: auto !important;} } @media screen and (max-width: 815px) { .cms-klantenservice .col-md-5 img, .cms-service-clients .col-md-5 img {display: none;} .cms-klantenservice .col-md-5, .cms-service-clients .col-md-5 {width: 100%; float: left;} .cms-klantenservice-technische-support .support-op-afstand {padding-right: 0;} } @media screen and (max-width: 769px){ .footer-bottom .col-md-8 {text-align: center; margin-bottom: 20px;} .footer-bottom .pay-icons {justify-content: center;} .column.main .container.wide-bg .inner-container {width: calc(100% - 60px);} .new .nieuwste-producten {margin: 0;} .amrelated-grid-wrapper .slick-slider button.slick-prev.slick-arrow {left: 80%;} .about .usp {flex-wrap: wrap;} .about .usp .item {width: 50%;} .cms-home .news .post-list-wrapper .post-list li.post-holder:nth-of-type(3) {display: none;} .cms-home .news .post-list-wrapper .post-list li.post-holder {width: 50% !important;} .container.messages .highlight-label {display: none;} .subscribe .row.row-bottom-gutter:nth-of-type(1), .subscribe .row.row-bottom-gutter:nth-of-type(2), .subscribe .row.row-bottom-gutter:nth-of-type(3) { margin-bottom: 10px;} .catalog-product-view .swatch-option.color {width: 38%;} .header-container .header-primary-container {padding-top: 0; padding-bottom: 0;} .header-container .logo-wrapper--mobile {margin-top: 15px;} } @media screen and (max-width: 767px) { .form.form-login .fieldset.login .actions-toolbar {flex-direction: column !important;} .customer-account-create .form.create.account {width: 100%; margin-right: 0;} .form.form-login .fieldset.login .actions-toolbar .primary {margin-bottom: 15px;} #login-form > fieldset > div.actions-toolbar > div.secondary > a {border: none !important;} .catalog-category-view .block-content.filter-content {display: none;} .catalog-product-view .product.data.items.style-luma.show-tabs>.item.title>.switch {width: auto;} .catalog-product-view .product-social-links {text-align: left;} .row.sticky-menu ul li {float: left; margin-bottom: 10px; font-size: 14px;} .account .page-title-wrapper .page-title {margin-top: 25px;} .container.new {margin-bottom: 48px;} /* REDESIGN */ .pagebuilder-column {margin-left: 0 !important; margin-right: 0 !important;} .cms-new-homepage-2024 .news .post-list {grid-template-columns: 1fr;} .cms-new-homepage-2024 .news .post-list-wrapper .post-header img {height: auto !important;} .componenten-blogberichten .post-list {display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px;} .cms-new-homepage-2024 .home-over div {display: flex; flex-direction: column; height: auto;} .cms-new-homepage-2024 .background-logo .column-text {padding: 35px !important;} .componenten-blocks img {height: auto !important;} .componenten-light-background {padding: 15px !important;} .componenten-blogberichten .post-list-wrapper .post-header img {height: auto !important;} .componenten-slider .slick-slider .slick-arrow.slick-next {right: -45px;} .componenten-slider .slick-slider .slick-arrow.slick-prev {left: -45px;} .componenten-blogberichten .post-list-wrapper {margin-left: 0; margin-right: 0;} .blog-widget-recent .post-holder {margin: 0;} .cms-new-homepage-2024 .background-logo {background-position: right -40px !important; background-size: 55% !important; background-repeat: no-repeat;} .componenten-image-right .pagebuilder-column:first-child {padding-left: 50px !important;} .componenten-image-right .pagebuilder-column, .componenten-image-left .pagebuilder-column {margin-bottom: 0 !important; margin-top: 0 !important;} .componenten-cta h2, .componenten-cta p {text-align: center !important;} .componenten-cta .pagebuilder-button-primary {margin-top: 25px !important;} .blog-post-view .post-content .post-description .post-ftimg-hld {width: 100%; margin-right: 0;} } @media screen and (max-width: 600px) { .category-merken .owl-carousel .owl-item, .category-marques .owl-carousel .owl-item {width: 33%;} #header-container .mini-cart-heading span.label {display: none;} .amrelated-grid-wrapper .slick-slider button.slick-prev.slick-arrow {left: 78%;} .container.subscribe .col-md-7 {width: 100%;} .container.subscribe .col-md-5 {display: none;} .catalog-product-view .swatch-option.color {width: 60%;} } @media screen and (max-width: 520px) { .container.leader h1 {font-size: 28px; line-height: 34px;} .container.leader .intro-text p {font-size: 14px;} .container.leader .col-md-6:first-of-type {bottom: 10%;} .container.messages .cta-box .cta-box-content h3 {font-size: 16px; line-height: 22px;} .container.messages .cta-box .cta-box-content p {font-size: 15px; line-height: 18px; min-height: 7em;} .amrelated-grid-wrapper .slick-slider button.slick-prev.slick-arrow {left: 76%;} .container.subscribe .cta-box h4 {font-size: 16px;} .amrelated-grid-wrapper .slick-slider {padding: 0;} .category-cms .col-md-2.text-center {width: 100%; float: left;} .catalog-product-view .swatch-option.color {width: 70%;} .catalog-product-view h1 {font-size: 32px; line-height: 38px;} .catalog-category-view h1 {font-size: 24px; line-height: 30px;} } @media screen and (max-width: 479px) { .category-merken .owl-carousel .owl-item, .category-marques .owl-carousel .owl-item {width: 50%;} .footer-primary .col-md-3 {width: 100%; min-height: unset;} .footer-bottom .col-md-8 {font-size: 14px;} .container.leader h1 {font-size: 22px; line-height: 28px;} .container.leader .col-md-6:nth-of-type(2) {min-height: 25em;} #maincontent .container.leader .intro-text .action.primary, #maincontent .container.leader .intro-text .action.secondary {padding: 18px 24px !important;} .container.messages .cta-box.col-md-3 {width: 96%;} .container.messages .cta-box .cta-box-content p {font-size: 15px; line-height: 18px; min-height: 5em;} .cms-home .news .post-list-wrapper .post-list li.post-holder {width: 100% !important;} .container.about .col-md-4 {width: 100%;} .about .usp .item {width: 100%;} .news h2.text-center {font-size: 24px;} .amrelated-grid-wrapper .slick-slider button.slick-prev.slick-arrow {left: 62%;} .catalog-product-view .swatch-option.color {width: 80%; font-size: 14px;} .toepassing .row .col-md-6.content {padding: 0 30px; align-self: center;} .cms-home h2 {font-size: 22px; line-height: 30px;} .cta-box img {width: 100%;} .header-m-top .widget.block {display: none !important;} .tech-support-text {width: unset !important;} .main-container .tech-support-box {margin: 0;} .product_name td.aw-rl.product-attributes {width: 100px; padding: 0px !important;} .aw_requisition_list-rlist-edit .aw-rl.image-container {display: none;} td.product_name .data-grid-cell-content .product-attributes {max-width: 200px;} .aw_requisition_list-rlist-edit .aw-rl__listing-products {margin-left: -25px;} .aw_requisition_list-rlist-edit tr.data-row {height: 100px;} .aw_requisition_list-rlist-edit tr.data-row td {padding: 10px} .block.aw-rl__listing-products.customer_list_item.customer {overflow: initial;} .cms-new-homepage-2024 .services {padding: 1rem !important;} } @media screen and (max-width: 400px) { .sidebar .filter-title {text-align: center;} .sidebar .filter-title strong {position: relative;} .page-products .sorter {width: 100%; text-align: center;} .toolbar .toolbar-amount {text-align: center;} }