:root { --primary-color: #03364f;
--secondary-color: #FF8000;
--tertiary-color: #EBF1F5;
--black: #1A1919;
--white: #fff;
--dark-grey: #474B4B;
--mid-grey: #ADAFAF;
--light-grey: #EBEBEB;
--light: #f5f5f6;
--black : #1E2323;
--success : #00CD8A; --heading-size-1: ;
--heading-size-2: ;
--heading-size-3: ;
--heading-size-4: ;
--heading-size-5: ;
--heading-size-6: ; --main-font-family: 'apercu', sans-serif;;
--secondary-font-family: sofia-pro, sans-serif;; --shadow-circle: 0px 28px 69px -18px rgba(0,0,0,0.75);
--shadow-box: 0px 4px 8px 0px rgba(58,49,49,0.08),
0px 8px 16px 0px rgba(58,49,49,0.08),
0px 32px 64px 0px rgba(58,49,49,0.08);
} @font-face {
font-family: 'apercu';
src: url(//www.matrassenmakers.nl/wp-content/themes/matrassenmakers/css/fonts/apercu-regular-webfont.woff2) format('woff2'),
url(//www.matrassenmakers.nl/wp-content/themes/matrassenmakers/css/fonts/apercu-regular-webfont.woff) format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'apercu';
src: url(//www.matrassenmakers.nl/wp-content/themes/matrassenmakers/css/fonts/apercu-bold-webfont.woff2) format('woff2'),
url(//www.matrassenmakers.nl/wp-content/themes/matrassenmakers/css/fonts/apercu-bold-webfont.woff) format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'apercu';
src: url(//www.matrassenmakers.nl/wp-content/themes/matrassenmakers/css/fonts/apercu-light-webfont.woff2) format('woff2'),
url(//www.matrassenmakers.nl/wp-content/themes/matrassenmakers/css/fonts/apercu-light-webfont.woff) format('woff');
font-weight: 200;
font-style: normal;
} .button-holder {
position: relative;
margin: 40px 0;
}
.button-span-right span {
margin-left: 10px;
}
.button-span-left span {
margin-right: 10px;
}
.section-divider{
margin-top:60px;
margin-bottom: 60px;
}
.section-divider-padding{
padding-top: 60px;
padding-bottom: 60px;
}
img{
max-width: 100%;
object-fit: cover;
}
a{
text-decoration: none;
color: var(--secondary-color);
}
a:hover{
text-decoration: none;
color: var(--secondary-color);
}
.text-color_light-grey{
color: var(--light-grey);
}
.text-color_white{
color: var(--white);
}
.button{
padding: 14px 30px;
transition: all .2s ease-in-out,color .2s ease-in-out;
font-weight: bold;
}
.button-orange{
background: var(--secondary-color);
color: var(--white);
}
.button-orange:hover{
background: var(--white);
}
.button-blue{
background: var(--primary-color);
border: 1px solid vaR(--primary-color);
color: var(--white);
}
.button-blue:hover{
background: transparent;
color: var(--primary-color);
border: 1px solid vaR(--primary-color);
}
.button-transparent{
background: transparent;
color: var(--primary-color);
border: 1px solid vaR(--primary-color);
}
.button-transparent:hover{
background: var(--primary-color);
border: 1px solid vaR(--primary-color);
color: var(--white);
}
.button-green{
background: var(--success);
border: 1px solid vaR(--success);
color: var(--white);
}
.button-green-important{
background: var(--success) !important;
border: 1px solid vaR(--success) !important;
color: var(--white) !important;
}
.button-green:hover{
background: var(--primary-color);
border: 1px solid vaR(--primary-color);
color: var(--white);
}
.button_transparent-dark{
background: transparent;
color: var(--white);
border: 1px solid;
}
.text-underlined{
text-decoration: underline;
}
.tertiary-bg{
background: var(--tertiary-color);
}
@media screen and (max-width: 1024px){
.hide-mobile{
display: none;
}
}
@media screen and (min-width: 1024px){
.hide-desktop{
display: none !important;
}
}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; } html,
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
left: 0;
top: 0; scroll-behavior: smooth;
} .container {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.row {
position: relative;
width: 100%;
}
.row [class^="col"] {
float: left;
margin: 0.5rem 2%;
min-height: 0.125rem;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
width: 96%;
}
.col-1-sm {
width: 4.33%;
}
.col-2-sm {
width: 12.66%;
}
.col-3-sm {
width: 21%;
}
.col-4-sm {
width: 29.33%;
}
.col-5-sm {
width: 37.66%;
}
.col-6-sm {
width: 46%;
}
.col-7-sm {
width: 54.33%;
}
.col-8-sm {
width: 62.66%;
}
.col-9-sm {
width: 71%;
}
.col-10-sm {
width: 79.33%;
}
.col-11-sm {
width: 87.66%;
}
.col-12-sm {
width: 96%;
}
.row::after {
content: "";
display: table;
clear: both;
}
.hidden-sm {
display: none;
}
@media only screen and (min-width: 33.75em) { .container {
width: 80%;
}
.container-small{
width: 80%;
}
}
@media only screen and (min-width: 45em) { .col-1 {
width: 4.33%;
}
.col-2 {
width: 12.66%;
}
.col-3 {
width: 21%;
}
.col-4 {
width: 29.33%;
}
.col-5 {
width: 37.66%;
}
.col-6 {
width: 46%;
}
.col-7 {
width: 54.33%;
}
.col-8 {
width: 62.66%;
}
.col-9 {
width: 71%;
}
.col-10 {
width: 79.33%;
}
.col-11 {
width: 87.66%;
}
.col-12 {
width: 96%;
}
.hidden-sm {
display: block;
}
}
@media only screen and (min-width: 60em) { .container {
width: 95%;
max-width: 75rem;
}
.container-small {
width: 95%;
max-width: 65rem;
}
.container-x-small {
width: 95%;
max-width: 50rem;
}
}  body{
font-family: var(--secondary-font-family);
font-weight: regular;
} h1, p, ul,li, label, a {
font-family: var(--main-font-family);
color: var(--black);
}
h1, h2, h3{
font-weight:700;
}
h2, h3, h4, h5, h6{
font-family: var(--main-font-family);
}
h4{
font-weight: 500;
}
.font-light {
font-weight: 300;
}
.font-regular {
font-weight: 400;
}
.font-heavy {
font-weight: 700;
} .left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.justify {
text-align: justify;
}  html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0; vertical-align: baseline;
box-sizing: border-box;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
p { line-height: 1.5;
margin-bottom: 10px;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html{
font-size: calc( 1em + (1.25 - 1) * (80vw - 20em) / (140 - 20) );
}   .top-menu-holder ul li {
display: inline;
margin-left: 15px;
font-weight: 600;
}
.top-menu-holder{
text-align: right;
}
section.header-section .row {
display: flex;
flex-wrap: wrap;
align-items: center;
}
section.header-section {
background: #fff;
padding: 15px 0;
}
span.cart-counter {
position: absolute;
top: -10px;
background: var(--secondary-color);
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%; font-size: 14px;
color: #fff;
right: 0;
}
.cart-icon-holder {
position: relative;
text-align: right; }
.cart-icon-holder img{
margin-right: 12px;
}
section.bottom-header {
background: var(--primary-color);
color: #fff;
}
.bottom-header-menu-holder ul li:not(:first-child) {
display: inline-block;
padding: 25px 8px;
}
.bottom-header-menu-holder ul li:first-child{
display: inline-block;
padding: 25px 10px 25px 0;
}
.Offerte-aanvragen-menu-item-holder a {
padding: 25px 20px;
display: inline-block;
background: #ffffff40;
font-weight: bold;
}
.bottom-header-menu-holder ul li a, .Offerte-aanvragen-menu-item-holder a{
color: #fff;
}
.bottom-header-menu-holder ul li a:hover, .Offerte-aanvragen-menu-item-holder a:hover{
color: var(--secondary-color);
}
.blog-overview-button {
width: 100%;
padding: 50px;
text-align: center;
}
section.bottom-header .col-9, section.bottom-header .col-3 {
margin-top: 0;
margin-bottom: 0;
}
.Offerte-aanvragen-menu-item-holder{
text-align: right;
}  section.footer-section {
padding: 60px 0;
}
.footer-address-info {
font-size: 1em;
color: #1E2323;
letter-spacing: 0;
line-height: 32px;
margin-bottom: 30px;
}
.footer-address-info p:last-child {
opacity: .5;
}
.footer-contact-info a {
display: inline-block;
line-height: 1.5;
margin-bottom: 5px;
}
.footer-address-info p:last-child {
line-height: 179%;
}
.footer-menu-holder ul li, .menu-footer-menu-container ul li, .menu-footer-menu-wallonie-container ul li, .menu-footer-menu-belgium-container ul li, .menu-footer-menu-french-container ul li {
margin-bottom: 15px;
font-weight: bold;
}
section.bottom-footer {
font-size: 15px;
opacity: .5;
padding: 20px 0;
}
.footer-address-info p:first-child {
font-weight: bold;
margin-top: -5px;
margin-bottom: 10px;
}
.footer-privacy-links-holder ul li {
display: inline;
margin-left: 10px;
}
.footer-privacy-links-holder {
text-align: center;
margin-top: 5px;
}
ul.payment-icons li {
display: inline;
margin-right: 20px;
}
ul.payment-icons {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
section.payment-footer-section .row {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.footer-social-icons-holder {
display: flex;
align-items: center;
justify-content: flex-end;
}
.footer-social-icons-holder a{
margin-left: 20px;
}
.footer-live-chat-holder {
display: flex;
}
.live-chat-content-holder b {
font-weight: 400;
opacity: .5;
}
.live-chat-img-holder {
margin-right: 20px;
}
.live-chat-img-holder{
position: relative;
}
.live-chat-img-holder:after {
content: '';
width: 15px;
height: 15px;
position: absolute;
background: var(--success);
border-radius: 50%;
border: 2px solid #fff;
position: absolute;
bottom: 0px;
right: 0px;
}
section.payment-footer-section .container {
border-top: 1px solid var(--light-grey);
border-bottom: 1px solid var(--light-grey);
}
ul.featured-bar-list li {
display: inline;
margin-right: 30px;
color: var(--dark-grey);
letter-spacing: 0;
}
ul.featured-bar-list li img{
margin-bottom: -3px;
margin-right: 10px;
}
section.featured-bar-section {
padding: 20px 0;
}
.live-chat-img-holder img {
max-width: 65px;
border-radius: 50%;
}  section.home-hero-section .row {
background: rgb(236,241,246);
background: linear-gradient(
90deg
, rgba(236,241,246,1) 0%, rgba(245,248,250,1) 100%);
width: 96%;
margin: auto;
padding: 40px 0;
}
.hero-text-holder h2 {
font-size: 3em;
color: #1E2323;
letter-spacing: -1.5px;
line-height: 68px;
font-weight: 600;
margin-bottom: 50px;
}
.hero-text-holder {
padding: 20px 70px;
}
.hero-img-holder {
text-align: center;
position: relative;
padding: 20px 0;
}
.hero-img-holder span {
position: absolute;
right: 50px;
top: -20px;
background: var(--success);
width: 120px;
height: 120px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
color: #fff;
transform: rotate(15deg);
font-weight: 600;
}  .title-with-circle-content-holder {
font-size: 36px;
color: #1E2323;
letter-spacing: -1px;
text-align: center;
line-height: 44px;
font-size: 1.8em;
}
.title-with-circle{
margin: 50px 0 60px;
}
span.circle-span{
position: relative;
}
span.circle-span:after {
content: '';
width: 120%;
height: 100%;
background: url(https://www.matrassenmakers.nl/wp-content/uploads/2021/09/circlebig.png);
background-repeat: no-repeat;
background-size: 100% 100%;
position: absolute;
left: -10px;
z-index: -1;
top: 0px; }
.image-right-content-holder h4 {
font-family: var(--main-font-family);
font-weight: bold;
}
.title-with-circle-content-holder h2 {
font-family: var(--main-font-family);
line-height: 60px;
}
span.circle-number {
color: var(--primary-color);
background: var(--tertiary-color);
width: 30px;
height: 30px;
justify-content: center;
display: inline-flex;
text-align: center;
padding-top: 6px;
border-radius: 50%;
font-size: .7em;
margin-top: -2px;
}  section.image-right-with-bg{
background: var(--primary-color);
padding: 60px;
color: #fff;
margin: 60px 0 0;
}
.image-right-with-bg-content-holder p {
color: rgba(255,255,255,0.64);
letter-spacing: -0.1px;
line-height: 28px;
}
.image-right-with-bg-content-holder h4 {
font-size: 26px;
color: #FFFFFF;
letter-spacing: -0.25px;
margin-bottom: 25px;
}
.image-right-with-bg-content-holder {
width: 80%;
margin: auto;
}
.image-right-with-bg-foto-holder img {
width: 100%;
height: 100%;
}
section.image-right-with-bg .row {
display: flex;
align-items: center;
flex-wrap: wrap;
}  .image-right{
margin: 60px 0 60px;
}
.image-right-content-holder {
width: 80%;
margin: auto;
}
.image-right-content-holder h4 {
font-size: 26px;
letter-spacing: -0.25px;
margin-bottom: 25px;
}
.image-right-with-bg-content-holder p {
letter-spacing: -0.1px;
line-height: 28px;
}
section.image-right .row {
display: flex; flex-wrap: wrap;
}
.image-right-with-bg-foto-holder {
height: 100%;
}
.image-right-content-holder .button-holder {
margin-top: 40px;
}  .referenties-item {
background: var(--tertiary-color);
padding: 45px 40px;
}
.referenties-content-text-holder p, .referenties-content-name-holder p {
font-size: 18px;
color: rgba(71,75,75,0.64);
letter-spacing: -0.1px;
line-height: 28px;
}
.referenties-content-text-holder {
margin: 45px 0;
}
.referenties-content-name-holder h4 {
font-size: 18px;
color: var(--primary-color);
letter-spacing: -0.1px;
line-height: 28px;
font-family: var(--main-font-family);
}  .product-cat-img-holder img {
width: 100% !important;
height: auto !important;
max-height: 220px;
object-fit: contain;
}
ul.featured-bar-list-shop li {
font-family: Helvetica;
font-size: 16px;
color: var(--dark-grey);
letter-spacing: 0;
margin-bottom: 15px;
}
ul.featured-bar-list-shop li img{
margin-bottom: -3px;
margin-right: 10px;
}
ul.featured-bar-list-shop{
margin: 25px 0;
}
.product-archive-title-and-desc-holder {
width: 100%;
}
.product-archive-title-and-desc-holder h1 {
font-size: 36px;
color: var(--black);
letter-spacing: -1px;
line-height: 44px;
margin-bottom: 30px;
}
.product-archive-title-and-desc-holder p {
font-size: 18px;
color: rgba(71,75,75,0.64);
letter-spacing: -0.1px;
line-height: 28px;
}
h3.need-help-title {
font-size: 20px;
color: #1E2323;
letter-spacing: -0.15px;
line-height: 28px;
margin-bottom: 20px;
}
section.woocommerce-layout-section.section-divider {
background: var(--tertiary-color);
padding: 60px 0;
margin-top: 0;
}
.woocommerce-product-archive-header {
margin-bottom: 40px;
}
.product-cat-item {
background: #fff;
box-shadow: var(--shadow-box);
border: 2px solid transparent;
}
.product-cat-item:hover{
border: 2px solid var(--black);
}
.product-cat-item a:first-child:hover:after{
clear: both;
content: url(https://www.matrassenmakers.nl/wp-content/themes/matrassenmakers/img/product-hover-icon.svg);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 1px;
display: flex;
justify-content: center;
align-items: center;
}
h3.product-cat-list-title {
margin-bottom: 40px;
font-size: 26px;
letter-spacing: -0.25px;
line-height: 36px;
}
.woocommerce ul.products li.product a img {
width: 100%;
height: auto;
display: block;
margin: 0 !important;
box-shadow: none;
padding: 50px;
max-height: 300px;
object-fit: contain;
}
.product-cat-img-holder {
max-height: 320px;
padding: 50px;
background: var(--white);
box-shadow: var(--shadow-box);
}
.woocommerce-breadcrumb {
margin: 0 0 1em;
padding: 0;
font-size: .92em;
color: #767676;
}
.product-cat-loop-item {
background: #fff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: var(--shadow-box);
margin-bottom: 30px;
text-align: center;
flex-wrap: wrap;
align-content: center;
}  .category-hero-text-holder {
width: 70%;
}
.product-cat-loop-item{
position: relative;
}
.product-cat-loop-item:hover{
border: 2px solid var(--black);
}
.product-cat-loop-item:hover:after {
clear: both;
content: url(https://www.matrassenmakers.nl/wp-content/themes/matrassenmakers/img/product-hover-icon.svg);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 1px;
display: flex;
justify-content: center;
align-items: center;
} .features-section .referenties-content-text-holder h4 {
margin-bottom: 30px;
font-weight: bold;
}
.features-section .referenties-content-text-holder h4 strong, .features-section .referenties-content-text-holder h4 b  {
color: var(--secondary-color);
}
section.features-section .row {
display: flex;
flex-wrap: wrap;
}
.referenties-content-text-holder a {
text-decoration: underline;
}
nav.woocommerce-breadcrumb {
color: var(--primary-color); }
.product h3 {
font-size: 1.3em;
}
nav.woocommerce-breadcrumb span {
color: var(--mid-grey);
}
.woocommerce img, .woocommerce-page img {
max-height: 100%;
max-width: 100%;
height: auto;
position: relative;
}
.shop-breadcrumbs nav {
font-weight: bold !important;
color: var(--primary-color) !important;
font-family: var(--main-font-family);
}
.shop-breadcrumbs nav a{
font-weight: 400 !important;
}
section.features-section .referenties-item{
height: 100%;
}
.tabs-main-title-holder {
text-align: center;
margin: auto;
font-size: 21px;
color: var(--black);
letter-spacing: -0.25px;
text-align: center;
line-height: 36px;
margin-bottom: 40px;
}
.tabs-conent-holder {
padding: 45px;
background: var(--tertiary-color);
}
.tabcontent p {
font-size: 18px;
color: rgba(71,75,75,0.64);
letter-spacing: -0.1px;
line-height: 28px;
margin-bottom: 30px;
}
.tabcontent p:last-child{
margin-bottom: 0;
}
.tabs-navigation a {
display: block;
border: 1px solid var(--light-grey);
padding: 20px 20px;
margin-bottom: 10px;
cursor: pointer;
color: var(--primary-color);
font-weight: bold !important;
}
.tabs-navigation .active{
border: 1px solid var(--tertiary-color);
background: var(--tertiary-color);
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
padding: 15px 30px !important;
transition: all .2s ease-in-out,color .2s ease-in-out;
background: var(--success) !important;
border-radius: 0 !important;
color: #fff !important;
font-weight: 600 !important;
}
.woocommerce a.button-orange{
background: var(--secondary-color) !important;
}
.woocommerce a.button:hover{
background: var(--white) !important;
border-radius: 0 !important;
color: var(--success) !important;
}
input#coupon_code {
padding: 17px !important;
width: 220px;
}
img.lent-icon {
position: absolute;
top: 1px;
right: -4px;
padding: 0 !important;
width: 110px !important;
transform: rotate(90deg);
}
.category-name-on-img-holder {
position: absolute;
font-weight: 600;
text-align: center;
width: 90%;
max-width: 100%;
}
.category-name-on-img-holder p {
color: var(--primary-color);
font-size: 1.3em;
}
nav.woocommerce-breadcrumb {
color: var(--primary-color);
font-weight: bold !important;
font-family: var(--main-font-family);
}
.klantenservice-content-holder .row {
display: flex;
flex-wrap: wrap;
}
.klantenservice-content-holder .col-6 {
background: #fff;
box-shadow: var(--shadow-box);
}
nav.woocommerce-breadcrumb a {
color: var(--mid-grey);
font-weight: 400 !important;
}
.image-right-content-holder p {
color: rgba(71,75,75,0.64);
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
height: 100%;
display: flex;
align-items: center;
padding: 1em;
width: 100%;
flex-wrap: wrap;
align-content: flex-start;
padding-right: 2em;
margin-top:25px;
}
.single-product-gallery-holder img {
width: 47%;
margin-right: 3%;
margin-bottom: 3%;
}
section.single-product-content-section {
background: var(--tertiary-color);
padding: 50px 0;
}
body.single-product .woocommerce .woocommerce-breadcrumb {
margin: 0 0 1em;
padding: 0;
font-size: 15px !important;
color: #767676;
}
.single-product-top-image{
background: #fff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: var(--shadow-box);
margin-bottom: 30px;
position: relative;
}
.single-product-options-holder {
background: var(--white);
padding: 50px 40px;
box-shadow: var(--shadow-box);
}
.single-product-price-holder {
text-align: right;
font-size: 28px;
font-weight: 900;
}
.single-product-price-holder p{
color: var(--primary-color);
}
.single-product-price-holder small {
font-weight: 400;
}
ul.tabs.wc-tabs {
display: none;
}
div#tab-description h2 {
font-weight: 600;
font-size: 26px;
color: #1E2323;
letter-spacing: -0.25px;
line-height: 36px;
margin-bottom: 20px;
}
.product-meta-title-holder h2 {
margin-bottom: 15px;
}
.single-product-options-img-holder img {
width: 30%;
}
.single-product-options-img-holder img {
width: 100%;
min-width: 80%;
}
.single-product-options-holder .row {
display: flex;
}
.single-product-options-holder .add-to-cart-holder{
position: absolute;
bottom: 30px;
}
img.single-prod-gallery-item {
height: 200px !important;
object-fit: cover;
}  section.default-hero {
background: var(--tertiary-color);
}
.default-hero-content-holder {
text-align: center;
}
.default-hero-content-holder h1 {
margin-bottom: 30px;
font-size: 2em;
letter-spacing: -1px;
text-align: center;
line-height: 44px;
}
.text-hero-text-holder p {
font-size: 18px;
color: rgba(71,75,75,0.64);
letter-spacing: -0.1px;
text-align: center;
line-height: 28px;
}
.quote-title-content-holder {
font-size: 1.2em;
letter-spacing: -0.25px;
text-align: center;
line-height: 36px;
}
.tct-text-holder{
margin-top: 20px;
}
.tct-text-holder p { color: var(--mid-grey); }
h4.tct-title {
font-weight: 500;
font-size: 26px;
letter-spacing: -0.5px;
}
section.full-width-text-en-title h2 {
font-weight: 500;
font-size: 26px;
margin-bottom: 20px;
letter-spacing: -0.5px;
}
section.full-width-text-en-title p {
font-size: 18px;
color: rgba(71,75,75,0.64);
letter-spacing: -0.1px;
text-align: justify;
line-height: 28px;
}  section.over-ons-hero {
padding-top: 60px;
margin-bottom: 60px;
background: linear-gradient(180deg, var(--tertiary-color) 67%, #fff 50%);
}
.over-ons-hero-img-holder img {
width: 100%;
max-height: 700px;
}
.over-ons-hero-button-holder {
text-align: right;
}
h1.over-ons-title {
font-size: 36px;
letter-spacing: -1px;
line-height: 44px;
}
.row.over-ons-hero-text-row {
display: flex;
flex-wrap: wrap;
align-items: end;
margin-bottom: 50px;
}
.over-ons-hero-button-holder a {
display: inline-block;
margin-bottom: 15px;
}
.over-ons-hero-text-holder p {
font-size: 18px;
color: rgba(71,75,75,0.64);
letter-spacing: -0.1px;
line-height: 28px;
}  .contact-title-holder {
margin-bottom: 30px;
}
section.contact-content {
padding: 50px 0;
background: var(--tertiary-color);
}
.contact-form-holder {
background: var(--white);
padding: 40px 40px;
width: 90%;
box-shadow: var(--shadow-box);
}
.tct-text-holder p a { display: inline-block;
}
.contactgegevens h3 {
letter-spacing: -0.15px;
line-height: 28px;
margin-top: 50px;
margin-bottom: 20px;
}
.contactgegevens .footer-contact-info a {
display: block;
}
.gform_body label {
font-size: 16px;
color: #03364F;
letter-spacing: 0;
line-height: 28px;
margin-bottom: 10px;
font-weight: 600;
}
.gform_body input {
background: var(--tertiary-color);
border: none;
padding: 13px !important;
}
.gform_body textarea{
background: var(--tertiary-color);
border: none;
}
.gravity-form-button {
font-size: .9em;
}  .offerte-content{
padding: 50px 0;
background: var(--tertiary-color);
}
.offerte-features-holder {
margin-top: 40px;
}
.gform_button_select_files {
background: var(--primary-color);
color: #fff;
border: none;
padding: 14px 30px;
font-size: .8em;
margin-top: 10px;
}
section.blog-archive-hero {
background: var(--tertiary-color);
padding-top: 60px;
}  .post-archive-item {
box-shadow: var(--shadow-box);
margin-bottom: 35px;
position: relative;
}
.post-archive-img-holder img {
width: 100%;
height: 250px;
}
.post-archive-content-holder h3 {
font-size: 26px;
letter-spacing: -0.25px;
line-height: 36px;
margin-bottom: 15px
}
.post-archive-content-holder p {
font-size: 16px;
letter-spacing: 0;
line-height: 27px;
}
.post-archive-content-holder {
padding: 40px 30px;
}
section.blog-archive-loop{
position: relative;
}
section.blog-archive-loop:before {
content: '';
height: 260px;
background: var(--tertiary-color);
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.post-archive-img-holder{
position: relative;
}
.post-archive-img-holder:after {
content: url(https://www.matrassenmakers.nl/wp-content/themes/matrassenmakers/img/hover-blog.svg);
position: absolute;
left: 0;
right: 0;
top: 120px;
margin: auto;
text-align: center;
visibility: hidden;
transition: all .2s ease-in-out,color .2s ease-in-out;
opacity: 0;
}
.post-archive-item:hover  .post-archive-img-holder:after {
content: url(https://www.matrassenmakers.nl/wp-content/themes/matrassenmakers/img/hover-blog.svg);
position: absolute;
left: 0;
right: 0;
top: 120px;
margin: auto;
text-align: center;
opacity: 1;
visibility: visible;
}
section.over-ons-hero.single-blog-hero-section {
background: linear-gradient(
180deg
, #fff 56%, var(--tertiary-color) 50%);
padding-bottom: 30px;
}
.post-info-holder span {
display: block;
font-size: .8em;
font-family: var(--secondary-font-family);
}
.full-width-text-content-holder p { color: var(--mid-grey); }
.full-width-text-content-holder h3 {
margin-bottom: 20px;
font-size: 1.5em;
color: var(--black);
}
.post-info-holder {
margin-top: 20px;
}
.post-info-holder p {
font-weight: bold;
}
.post-info-holder p span{
font-weight: 400;
}
.single-post .builder-root-container .container {
width: 55rem;
}  .klantenservice-menu-holder a {
display: block;
margin-bottom: 10px;
padding: 15px 20px;
border: 1px solid var(--tertiary-color); color: var(--primary-color);
background: var(--white);
font-weight: bold;
}
.faq-item{
position: relative;
}
.faq-item:after {
content: url(https://www.matrassenmakers.nl/wp-content/themes/matrassenmakers/img/arrow-down.svg);
position: absolute;
right: 20px;
top: 22px;
background: var(--tertiary-color);
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
padding: 0px;
align-content: flex-start;
flex-wrap: wrap;
border: 1px solid var(--tertiary-color);
transition: all .2s;
}
.faq-item.faqactiveparagraph:after{
content: url(https://www.matrassenmakers.nl/wp-content/themes/matrassenmakers/img/arrow-down.svg);
position: absolute;
right: 20px;
top: 22px;
background: transparent;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
padding: 0px;
align-content: flex-start;
flex-wrap: wrap;
transform: rotate(180deg);
border: 1px solid vaR(--primary-color);
}
.klantenservice-menu-holder a:hover {
border: 1px solid var(--tertiary-color);
color: var(--primary-color);
background: var(--tertiary-color);
}
.klantenservice-menu-holder .active a {
background: var(--tertiary-color);
}
.klantenservice-content-holder {
padding: 40px;
box-shadow: var(--shadow-box);
background: var(--tertiary-color);
}
.klantenservice-content-holder p {
font-size: 18px;
color: rgba(71,75,75,0.64);
letter-spacing: -0.1px;
line-height: 28px;
}
h1.page-title-klantenservice { font-size: 36px;
color: #1E2323;
letter-spacing: -1px;
line-height: 44px;
margin-bottom: 20px;
}
.klantenservices-box-holder {
background: #fff;
padding: 40px 30px; min-height: 350px;
}
.klantenservice-content-holder h3 {
margin-bottom: 10px;
margin-top: 20px;
}
.klantenservice-content-holder a:not(.button) {
text-decoration: underline;
}
.klantenservices-box-holder h3 {
font-size: 26px;
color: #1E2323;
letter-spacing: -0.5px;
margin-bottom: 20px;
}
.klantenservices-box-holder .button-holder {
margin-top: 40px;
margin-bottom: 30px;
position: absolute;
bottom: 20px;
}
.faq-item {
background: var(--white);
padding: 20px;
margin-bottom: 15px;
cursor: pointer;
}
.image-right-with-bg-content-holder a {
color: var(--secondary-color);
}
.faq-item h3 {
font-size: 19px;
color: #474B4B;
letter-spacing: -0.14px;
line-height: 28px;
}
.faq-item p, .faq-item li{
display: none;
margin-top: 20px;
}
.faqactiveparagraph {
box-shadow: var(--shadow-box);
}
h3.faq-cat-title {
margin-bottom: 30px;
font-size: 26px;
color: #1E2323;
letter-spacing: -0.5px;
}
.faq-holder:not(:first-child) .faq-cat-title {
margin-top: 50px;
}
.coupon {
display: none;
}
header.woocommerce-products-header.single-header.woocommerce-product-archive-header {
padding-top: 35px;
background: var(--tertiary-color);
margin-bottom: 0;
padding-bottom: 40px;
}
div#price {
background: var(--tertiary-color);
padding-bottom: 50px;
}
section.features-section.section-divider {
margin-top: 30px;
}
.faq-item ul li {
list-style: inside; color: rgba(71,75,75,0.64);
line-height: 20px;
}
.woocommerce-message {
border-top-color: #8fae1b;
margin-bottom: 0;
}
.custom-input-holder {
width: 50%;
position: relative;
margin-bottom: 15px;
color: var(--primary-color);
font-weight: bold;
}
.custom-input-holder-parent {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
margin-bottom: 25px;
}
.custom-select-holder select {
width: 97%;
padding: 15px;
border: none;
background: var(--light);
}
.custom-checkbox-holder {
margin-bottom: 15px;
font-size: 1.1em;
}
.custom-select-holder {
margin-bottom: 30px;
width: 100%;
} .custom-checkbox-holder input {
padding: 10px;
width: 19px;
height: 19px;
}
div#hoeslaken-checkbox-holder > strong {
font-weight: 400;
}
fieldset#field_2_2 label:after,  fieldset#field_3_2 label:after{
content: '*';
color: red;
font-size: .75em;
margin-left: 3px;
}
.tabs-conent-holder h3 {
margin-bottom: 10px;
margin-top: 20px;
}
.custom-input-holder input {
padding: 15px 10px;
box-sizing: border-box;
border: none;
background: var(--light);
width: 69%;
}
.button-holder.button-holder-last {
margin-top: 68px;
}
select#input_3_8 {
background: #ebf1f5;
border: none;
padding: 13px;
}
span.dimension-unit {
font-weight: 400;
color: var(--mid-grey);
font-size: .8em;
}
span.price-vanaf {
font-size: .6em;
}
.custom-input-holder label {
margin-right: 10px;
}
.single-product .quantity {
display: none;
}
a.mat_description_link {
position: absolute;
top: 10px;
right: 10px;
font-family: var(--secondary-font-family);
background: #1F8DFE;
color: #fff;
width: 22px;
height: 22px;
text-align: center;
vertical-align: middle; border-radius: 50%;
padding: 3px 0 0 1px;
font-size: 15px;
cursor: pointer;
z-index: 100;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
float: left;
margin: 0 3.8% 2.992em 0;
padding: 0;
position: relative;
width: 22.05%;
margin-left: 0;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
p.info-offer {
font-family: Helvetica;
font-size: 16px;
color: var(--dark-grey);
letter-spacing: 0;
margin-bottom: 15px;
width: 85%;
font-weight: bold;
margin-top: 50px;
}
a.hardheid-popup-btn {
margin-left: 10px;
font-family: var(--secondary-font-family);  background: #1F8DFE;
display: inline-block;
text-align: center;
border-radius: 50%;
font-size: 14px;
color: #fff;
padding: 3px 7px 4px;
cursor: pointer;
}
.custom-select-holder label {
font-size: 0.9em;
font-weight: bold;
color: var(--primary-color);
margin-bottom: 10px;
display: inline-block;
}
.product-card-holder {
padding: 40px;
box-shadow: var(--shadow-box);
display: flex;
flex-wrap: wrap;
padding-bottom: 0;
background: #fff;
}
.woocommerce div.product div.summary{
margin-bottom: 0;
}
.product-gallery div {
width: 45%;
display: inline-block;
margin-left: 2.5%;
margin-bottom: 20px;
border: 1px solid;
}
.product-gallery img {
height: 120px !important;
}
.col-3.sp-gallery-column {
margin: 0.5rem 0;
width: 25%;
}
.summary.entry-summary {
width: 55% !important;
}
.single-pr-img-holder {
width: 45% !important;
display: inline-block;
} .single-pr-img-holder img {
width: 70%;
}
.featured-bar-content-holder-shop.sp-meta-list li img {
width: 20px;
}
.featured-bar-content-holder-shop.sp-meta-list {
text-align: left;
margin-top: 70px;
}
.featured-bar-content-holder-shop.sp-meta-list li {
font-size: .8em;
}
.featured-bar-section .featured-bar-content-holder{
display: flex;
justify-content: space-between;
}
.featured-bar-section .featured-bar-content-holder .small-reviewme-widget{
flex: 0 0 auto;
display: flex;
}
.featured-bar-section .featured-bar-list{
display: flex;
}
.featured-bar-review-score{
background-color: white;
padding: 16px;
box-shadow: var(--shadow-box);
}
@media screen and (max-width: 1024px){
.featured-bar-section .featured-bar-content-holder{
display: block;
}
.featured-bar-section .featured-bar-list{
display: block;
margin-bottom: 16px;
}
.small-reviewme-widget:not(.featured-bar-review-score .small-reviewme-widget) {
border-top: 1px solid var(--tertiary-color);
padding-top: 24px;
margin-top: 24px;
}
} .live-chat-img-holder img {
max-width: 60px !important;
}
.live-chat-content-holder p b {
font-size: .8em;
}
.single-product .quantity {
display: none !important;
}
.single-product-price-holder {
display: block;
margin: 0px 20px 30px;
}
.woocommerce-tabs.wc-tabs-wrapper {
margin-top: 50px;
}
dl.variation {
margin-bottom: 30px !important;
color: var(--primary-color); }
dl.variation [class^="variation-"]{
}
.col-4.hide-desktop.mobile-chat-col-margin {
margin-top: 60px;
}
.cart-data-variation-item{
padding: 10px;
}
.cart-data-variation-item {
width: 25%;
display: inline-block;
}
.cart-data-variation-item.variation-holder-Matrasbeschermer, .cart-data-variation-item.variation-holder-Handvaten1995, .cart-data-variation-item.variation-holder-Wasbarehoes4995, .cart-data-variation-item.variation-holder-Hardheid{
width: 76%;
}
.cart-data-variation-item.variation-holder-Matrasbeschermer, .cart-data-variation-item.variation-holder-Poignes1995, .cart-data-variation-item.variation-holder-Housselavable4995, .cart-data-variation-item.variation-holder-Duret{
width: 76%;
}
tr.woocommerce-cart-form__cart-item.cart_item .product-name a {
font-weight: bold;
font-size: 1.3em;
margin: 25px 0;
display: inline-block;
}
.cart-data-variation-item{
background: var(--light-grey);
margin-bottom: 5px;
}
.woocommerce-cart table.cart img{
width: 120px !important;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
float: right;
width: 44% !important;
}
.woocommerce-billing-fields h3, .woocommerce-additional-fields h3 {
font-size: 26px;
color: var(--black);
letter-spacing: -1px;
line-height: 44px;
margin-bottom: 20px;
}
.woocommerce-billing-fields__field-wrapper label, .woocommerce-additional-fields__field-wrapper label {
font-weight: bold;
}
.woocommerce-billing-fields__field-wrapper input {
border: none;
background: var(--light-grey);
padding: 15px;
}
.woocommerce-additional-fields__field-wrapper textarea {
border: none;
background: var(--light-grey);
padding: 20px;
height: 140px !important;
}
div#order_review {
width: 92%;
margin: auto;
margin-top: 30px;
}
h3#order_review_heading {
margin-left: 50px;
}
span.select2-selection.select2-selection--single {
border: none;
background: var(--light-grey);
padding: 10px 10px;
height: 50px !important;
border-radius: 0;
}
.woocommerce-info {
border-top-color: var(--primary-color) !important;
}
.woocommerce-info::before {
color: var(--primary-color) !important;
}
.input-text.qty.text {
padding: 10px;
background: var(--light-grey);
border: none;
}
.qty::-webkit-inner-spin-button,
.qty::-webkit-outer-spin-button {
opacity: 1;
}
h2.woocommerce-order-details__title {
margin-bottom: 20px;
margin-top: 30px;
}
section.image-right-with-bg {
background: var(--primary-color);
padding: 60px;
color: #fff;
margin: 60px 0 0;
}
section.image-right-with-bg .button-orange {
color: #fff;
}
section.image-right-with-bg .button-orange:hover {
color: var(--secondary-color);
}
ul.featured-bar-list a {
border-bottom: 2px solid var(--dark-grey);
}
section.home-hero-section .row {
display: flex;
align-items: center;
flex-wrap: wrap;
} .title-with-circle-content-holder p {
font-size: 18px;
line-height: 130%;
width: 80%;
margin: auto;
margin-bottom: 10px;
color: var(--mid-grey);
}
.product-cat-loop-item img {
max-height: 70%;
}
p.cat-name-new {
display: block;
width: 100%;
color: var(--primary-color);
font-weight: bold;
font-size: 15px;
margin-bottom: 0;
padding: 0 14%;
}
.single-product form.cart, .woocommerce div.product div.summary {
margin-bottom: 0em !important;
}
p.loop-price-vanaf {
font-weight: bold;
color: var(--primary-color);
width: 100%;
text-align: center;
}
ul.product-gallery li {
display: inline-block;
width: calc(50% - 20px);
margin-bottom: 20px;
}
ul.product-gallery li:nth-child(even) {
margin-left: 20px;
}
.hardheid-holder {
width: 100%;
margin-top: 20px;
position: relative;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
padding: .5em 0;
margin: 0;
font-size: 1em;
width: 100%;
text-align: center;
}
.custom-input-holder.mall-address-holder {
width: 100%;
}
.over-ons-hero-img-holder {
position: relative;
}
.video-popup-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
margin: auto;
background: #03364f75;
bottom: 0;
left: 0;
right: 0;
display: none;
z-index: 500;
}
.video-popup-content iframe {
max-width: 95%; }
ul.wc_payment_methods.payment_methods.methods li {
list-style: none;
}
.page-id-954 section.full-width-text-en-title {
margin-top: 40px;
}
i.over-ons-play-button.fa.fa-play {
width: 100%;
height: 100%;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0;
color: #fff;
font-size: 50px;
background: #03364f30;
cursor: pointer;
}
i.over-ons-close-popup.fa.fa-window-close {
top: 0;
cursor: pointer;
text-align: left;
color: #fff;
font-size: 40px;
}
.video-popup-content {
text-align: center;
}
.video-popup-header {
padding-top: 20vh;
}
button.single_add_to_cart_button.button.alt {
margin-top: 10px !important;
}
.custom-input-holder.mall-address-holder p{
font-size: .8em;
margin-top: 5px;
color: var(--primary-color);
font-weight: 500;
}
h4.afmetingen-label {
font-size: 0.9em;
font-weight: bold;
color: var(--primary-color); display: inline-block;
}
h4.afmetingen-label.opties-label {
margin-bottom: 15px;
}
.custom-checkbox-holder.checkbox-optie-holder label {
font-size: 17px;
color: var(--dark-grey);
display: flex;
align-items: center;
gap: 4px;
}
.custom-checkbox-holder.checkbox-optie-holder.beschermer-main-div {
gap: 4px;
}
.checkbox-optie-holder{
display: flex;
align-items: center;
margin-bottom: 10px;
position: relative;
}
p.afmetingen-text {
font-size: .8em;
margin-top: 5px;
color: var(--primary-color);
}
.custom-select-holder.dikte-div {
margin-top: 10px;
margin-bottom: 10px;
}
.page-id-182 .image-right-with-bg-foto-holder img, .page-id-2327 .image-right-with-bg-foto-holder img, .page-id-2332 .image-right-with-bg-foto-holder img, .page-id-1988 .image-right-with-bg-foto-holder img {
max-height: 420px;
}
.page-id-182 section.default-hero.section-divider-padding {
margin-top: -60px;
}
.row.terms-loop-row {
display: flex;
flex-wrap: wrap;
}
.col-3.column-matras-met-speciale-vorm {
order: 100;
} section.image-right-with-bg.image-right-transparent-bg {
padding: 0;
margin-top:90px;
}
img.transparent-bg-img-tp {
position: absolute;
top: -60px;
}
.img-right-tp-bg-content {
background: #F5F8FA;
padding: 7em 4em;
width: 97%;
margin: auto;
margin-left: auto;
margin-right: 0;
margin-bottom: -10px;
z-index: 1;
position: relative;
margin-top: 280px;
}
.img-right-tp-bg-content a {
margin-right: 20px;
text-align: center;
}
.page-id-71 h1, .page-id-1995 h1, .page-id-2276 h1, .page-id-1974 h1 {
font-size: 36px;
color: #1E2323;
letter-spacing: -1px;
text-align: center;
line-height: 44px;
font-size: 48px;
margin-bottom: 40px;
margin-top: 40px;
}
.material-popup-holder{
background: #fff;
padding: 1.5em;
width: 100%;
position: absolute;
bottom: calc(100% - 10px);
right: 10px;
font-size: 14px;
z-index: 100;
display: none;
margin-top: 10px;
cursor: pointer;
box-shadow: var(--shadow-box);
}
.material-popup-holder p {
font-size: 13px;
color: rgba(71,75,75,0.64);
letter-spacing: -0.1px;
line-height: 130%;
}
#error-msg {
background: #fff;
position: absolute;
padding: 10px;
box-shadow: var(--shadow-box);
font-size: 13px;
line-height: 140%;
display: none;
border: 1px solid #ff00007a;
width: 130%;
z-index: 120;
}
section.default-page-template.section-divider p {
color: var(--mid-grey);
margin-bottom: 10px;
}
section.default-page-template.section-divider h2, section.default-page-template.section-divider h3 {
margin-top: 30px;
margin-bottom: 15px;
font-family: var(--main-font-family);
}
section.default-page-template.section-divider ul, section.default-page-template.section-divider ol {
margin-bottom: 10px;
padding-left: 20px;
}
section.default-page-template.section-divider  li{
color: var(--mid-grey);
margin-bottom: 7px;
list-style: circle;
}
section.default-page-template h1.default-title {
font-size: 2em;
}
.page-id-192 .image-right-with-bg:last-child .row {
display: block;
}
input#gform_submit_button_1 {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-appearance: none;
}
.custom-select-holder select{
-webkit-appearance: none;
}
.list-text-content-holder li {
font-size: .8em;
color: var(--primary-color);
font-weight: 600;
margin-bottom: 10px;
}
.list-text-content-holder li:before {
content: '';
margin-right: 5px;
width: 10px;
height: 10px;
background: url(https://www.matrassenmakers.nl/wp-content/themes/matrassenmakers/img/check-mark-green.svg);
width: 15px;
height: 15px;
position: absolute;
left: -20px;
background-size: cover;
}
.list-text-content-holder ul {
margin-left: 20px !important;
position: relative;
}
h3.product-category-name-type, p.loop-price-vanaf{
text-align: left !important;
widthL: 80% !important;
}    @media screen and (min-width:1921px){
}
@media screen and (max-width:1920px){
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1380px){
}
@media screen and (max-width:1200px){
.footer-contact-info {
font-size: 15px;
}
.button {
padding: 14px 15px;
transition: all .2s ease-in-out,color .2s ease-in-out;
font-weight: bold;
font-size: .8em;
}
.featured-bar-content-holder {
font-size: .9em;
}
}
@media screen and (min-width: 730px) and (max-width:1024px){
.search-col, .review-klantenv-col, .cart-col{
display: block;
}
.wpml-ls-menu-item {
display: none;
}
section.footer-section .col-3, section.footer-section .col-4, section.footer-section .col-2 {
width: 45%;
}
ul.featured-bar-list li {
display: inline-block;
margin-right: 30px;
color: var(--dark-grey);
letter-spacing: 0;
width: calc(50% - 60px);
margin-bottom: 10px;
}
.hero-text-holder h1 {
font-size: 2em;
color: #1E2323;
letter-spacing: -1.5px;
line-height: 38px;
font-weight: 600;
margin-bottom: 50px;
}
.hero-text-holder {
padding: 0px 20px;
}
section.home-hero-section .row {
background: rgb(236,241,246);
background: linear-gradient(
90deg
, rgba(236,241,246,1) 0%, rgba(245,248,250,1) 100%);
width: 96%;
margin: auto;
padding: 40px 0 10px;
}
.referenties-item {
background: var(--tertiary-color);
padding: 45px 10px;
}
.footer-live-chat-holder {
display: flex;
align-items: center;
}
ul.featured-bar-list-shop li {
font-family: Helvetica;
font-size: 12px;
color: var(--dark-grey);
letter-spacing: 0;
margin-bottom: 15px;
}
.product-cat-loop-item.square img {
width: 50%;
}
.col-4.tabs-title-col {
width: 100%;
}
li.product {
width: 29% !important;
text-align: center;
}
.single-product-top-image.square img {
width: 50%;
}
.image-right-content-holder {
width: 100%;
margin: auto;
}
}
@media screen and (max-width:767px){
ul.featured-bar-list li {
display: block;
margin-bottom: 10px;
}
.woocommerce-message a.button.wc-forward {
display: block;
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.woocommerce-message {
padding: 1.5em;
}
.woocommerce-message::before {
content: unset !important;
color: #8fae1b;
}
.woocommerce-message {
border-top-color: var(--primary-color) !important;
padding: 1.5em !important;
}
.default-hero-content-holder h1 {
margin-bottom: 30px;
font-size: 1.5em;
letter-spacing: -1px;
text-align: center;
line-height: 130%;
}
.single-product section.features-section.section-divider {
margin-top: 0;
}
.product-archive-title-and-desc-holder h1 {
font-size: 1.8em;
color: var(--black);
letter-spacing: -1px;
line-height: 130%;
margin-bottom: 30px;
}
dl.variation {
text-align: left;
}
.cart-data-variation-item {
width: 49%;
display: inline-block;
}
.page-id-75 .image-right {
margin: 0px 0 60px;
}
.title-with-circle-content-holder h2 {
font-family: var(--main-font-family);
line-height: 130%;
font-size: 1.1em;
}
.hero-text-holder h2 {
font-size: 2.5em;
color: #1E2323;
letter-spacing: -1.5px;
line-height: 140%;
font-weight: 600;
margin-bottom: 50px;
}
.page-id-71 h1 {
font-size: 36px;
color: #1E2323;
letter-spacing: -1px;
text-align: center;
line-height: 130%;
font-size: 2.3em;
margin-bottom: 40px;
margin-top: 40px;
}
.button {
padding: 14px 15px;
transition: all .2s ease-in-out,color .2s ease-in-out;
font-weight: bold;
font-size: 1em;
}
tr.woocommerce-cart-form__cart-item.cart_item .product-name a {
text-align: left;
}
.cart-data-variation-item.variation-holder-Matrasbeschermer, .cart-data-variation-item.variation-holder-Handvaten1995, .cart-data-variation-item.variation-holder-Wasbarehoes4995, .cart-data-variation-item.variation-holder-Hardheid {
width: 100%;
}
.woocommerce-cart section.default-page-template.section-divider {
margin-top: 0;
}
section.woocommerce-layout-section.section-divider {
background: var(--tertiary-color);
padding: 60px 0 20px;
margin-top: 0;
}
.product h3 {
font-size: 1.5em;
line-height: 130%;
}
.page-template-offerte-aanvragen .contact-info-text-holder {
margin-top: 60px;
}
.hero-text-holder {
padding: 20px 20px;
}
.single-pr-img-holder {
width: 100% !important;
display: block;
text-align: center;
margin-bottom: 40px;
}
.single-product-top-image.square {
display: none;
}
header.woocommerce-products-header.single-header.woocommerce-product-archive-header {
margin-top: 0px;
}
h4.afmetingen-label, .custom-select-holder label {
font-size: 1.1em;
}
.product-cat-img-holder {
display: none;
}
.single-product-price-holder {
display: block;
margin: 40px 0px 30px;
text-align: left;
}
.custom-input-holder {
width: 100%;
margin-bottom: 15px;
color: var(--primary-color);
font-weight: bold;
}
section.home-hero-section .row {
background: rgb(236,241,246);
background: linear-gradient(
90deg
, rgba(236,241,246,1) 0%, rgba(245,248,250,1) 100%);
width: 96%;
margin: auto;
padding: 0px 0;
}
.hero-text-holder h1 {
font-size: 2.5em;
color: #1E2323;
letter-spacing: -1.5px;
line-height: 48px;
font-weight: 600;
margin-bottom: 50px;
}
.title-with-circle {
margin: 50px 0 30px;
}
.image-right-content-holder {
width: 100%;
margin: auto;
}
section.image-right.image-left-main-builder .row {
flex-direction: column-reverse;
}
section.image-right-with-bg {
background: var(--primary-color);
padding: 40px 0px 0;
color: #fff;
margin: 60px 0 0;
}
.image-right-with-bg-content-holder {
width: 100%;
margin: auto;
margin-bottom: 50px;
margin-top: 40px;
}
.footer-social-icons-holder {
display: flex;
align-items: center;
justify-content: flex-start;
}
.footer-social-icons-holder a {
margin-left: 0px;
margin-right: 20px;
}
ul.payment-icons {
display: flex;
justify-content: left;
align-items: center;
flex-wrap: wrap;
}
.right {
text-align: left;
}
section.over-ons-hero {
padding-top: 60px;
margin-bottom: 60px;
background: linear-gradient(180deg, var(--tertiary-color) 90%, #fff 50%);
}
.over-ons-hero-button-holder {
text-align: left;
margin-top: 30px;
}
section.image-right.image-left-small .row {
flex-direction: column-reverse;
}
.contact-form-holder {
background: var(--white);
padding: 40px 20px;
width: 100%;
box-shadow: var(--shadow-box);
margin-top: 20px;
margin-bottom: 40px;
}
.row.contact-content-row {
display: flex;
flex-wrap: wrap; }
.klantenservice-content-holder {
padding: 30px 15px;
box-shadow: var(--shadow-box);
background: var(--tertiary-color);
}
.klantenservices-box-holder {
background: #fff;
padding: 40px 20px;
box-shadow: var(--shadow-box);
}
.faq-item h3 {
padding-right: 40px;
}
.category-hero-text-holder {
width: 100%;
}
.product {
width: 100% !important;
}
.single-post .builder-root-container .container {
width: unset;
}
.product-card-holder .featured-bar-content-holder-shop {
display: none;
}
.summary.entry-summary {
width: 100% !important;
}
.product-card-holder {
padding: 30px;
box-shadow: var(--shadow-box);
}
.col-3.sp-gallery-column {
margin: 0.5rem 0;
width: 100%;
}
.summary.entry-summary {
margin-top: -50px;
}
section.image-right-with-bg .row {
display: flex;
align-items: center;
flex-wrap: wrap;
flex-direction: column-reverse;
}
.img-right-tp-bg-content {
background: var(--tertiary-color);
padding: 4em 3em;
width: 100%;
margin: auto;
margin-left: auto;
margin-right: -10px;
margin-bottom: 60px;
z-index: 1;
position: relative;
margin-top: 125px;
text-align: center;
}
.img-right-tp-bg-content a {
margin-right: 20px;
text-align: center;
display: inline-block;
margin-bottom: 30px;
text-align: center;
}
img.transparent-bg-img-tp {
max-width: 100%;
width: 95%;
}
}
.mobile-menu-icon-holder {
text-align: right;
font-size: 30px;
color: var(--primary-color);
}
.mobile-menu-overlay {
width: 100%;
height: 100vh;
position: fixed;
background: vaR(--tertiary-color);
z-index: 10;
right: -100%;
transition: all .2s;
overflow-y: scroll;
}
i.fa.fa-close.close-mobile-menu {
font-size: 30px;
color: var(--primary-color);
margin: 20px;
}
.top-menu-mobile-holder {
padding: 0 20px;
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.top-menu-mobile-holder li  {
margin-bottom: 15px;
}
.top-menu-mobile-holder li a {
color: var(--primary-color);
}
.category-menu-mobile-holder {
background: var(--primary-color);
padding: 20px;
color: #fff;
margin-bottom: 20px;
}
.category-menu-mobile-holder ul li a {
color: #fff;
font-weight: bold;
font-size: 20px;
}
.category-menu-mobile-holder ul li{
margin-bottom: 15px;
}
.Offerte-aanvragen-menu-item-holder-mobile {
margin: 20px;
}
.Offerte-aanvragen-menu-item-holder-mobile a {
background: var(--primary-color);
padding: 15px 30px;
display: inline-block;
color: #fff;
font-weight: bold;
}
.single-product-price-holder small {
font-size: 14px;
}
.page-id-182 .image-right {
margin: 20px 0 60px;
}
.hidden {
display: none !important;
}
.review-holder {
height: 100px;
margin-bottom: 40px;
}
.review-holder iframe {
max-height: 100%;
max-width: 100%;
}
.info-top-bar p {
font-size: .9em;
text-align: center;
padding-top: 7px;
padding-bottom: 7px;
}
.info-top-bar {
background: #eff3f7;
}
.single section.over-ons-hero.single-blog-hero-section {
margin-bottom: 0;
padding-bottom: 0;
}
.single section.image-right h3 {
margin-bottom: 15px;
margin-top: 30px;
}
.tabcontent li {
font-size: 18px;
color: rgba(71,75,75,0.64);
letter-spacing: -0.1px;
line-height: 28px;
list-style: circle;
margin-left: 20px;
}
.tabcontent ul {
margin-bottom: 20px;
}
.faq-item h3 {
margin: 0;
padding: 30px;
}
.faq-item p ,.faq-item ul{
margin-left: 30px;
margin-right:30px;
cursor: default;
}
.faq-item {
padding: 0;
}
.faq-item p:last-child{
padding-bottom: 30px;
}
.info-top-bar p {
padding: 10px 0px;
margin: 0;
}
.hero-img-holder img {
max-height: 300px;
} .frontend-login-holder {
width: 400px;
max-width: 90%;
margin: 5em auto;
}
p.login-subtitle {
margin-bottom: 2em;
margin-top: .5em;
text-align: center;
}
h1.login-title {
text-align: center;
}
form#loginform label {
display: block;
font-size: .9em;
margin-bottom: 7px;
}
form#loginform input {
width: 100%;
padding: 15px;
box-sizing: border-box;
}
input#wp-submit {
background: var(--primary-color);
color: #fff;
font-size: .9em;
border: none;
text-shadow: none;
margin-top: 2em;
}
p.login-remember {
display: none;
}
.logout-holder {
text-align: center;
}  section.related.products {
display: none;
}
.woocommerce-tabs.wc-tabs-wrapper {
width: 100%;
}
.product_cat-bedlinnen .woocommerce-product-gallery, .product_cat-literie .woocommerce-product-gallery, .product_cat-bedlinnen-be .woocommerce-product-gallery, .product_cat-literie-be_fr .woocommerce-product-gallery{
width: 40% !important;
margin-right: 30px;
}
.product_cat-bedlinnen .summary.entry-summary, .product_cat-literie .summary.entry-summary, .product_cat-literie-be_fr .summary.entry-summary, .product_cat-bedlinnen-be .summary.entry-summary {
width: 50% !important;
}
table.variations select {
padding: 10px;
display: block;
width: 100%;
}
table.variations th.label {
text-align: left;
}
.product_cat-bedlinnen button.single_add_to_cart_button.button.alt, .product_cat-literie button.single_add_to_cart_button.button.alt; .product_cat-literie-be_fr button.single_add_to_cart_button.button.alt, .product_cat-bedlinnen-be button.single_add_to_cart_button.button.alt {
margin: 1em 0;
}
th.woocommerce-product-attributes-item__label {
text-align: left;
}
div#tab-additional_information h2 {
margin-bottom: 20px;
}
.product.product_cat-bedlinnen #price, .product.product_cat-literie #price, .product.product_cat-literie-be_fr #price, .product.product_cat-bedlinnen-be #price   {
padding-top: 50px;
}
nav.woocommerce-breadcrumb {
max-width: 95%;
margin: 1em auto 1em 0 !important;
width: 72rem;
}
.woocommerce div#sidebar {
display: none;
}
section.popup-holder {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
background: #0003;
display: none;
}
.popup-overlay {
width: 100%;
height: 100vh;
position: absolute;
z-index: 0;
}
a.button.button-orange.popup-button {
margin-top: 20px;
display: inline-block;
}
.popup-content {
width: 95%;
max-width: 1100px;
background: linear-gradient(90deg, rgb(231 231 231) 0%, rgba(245, 248, 250, 1) 100%);
margin: auto;
margin-top: 20vh;
padding: 20px 6px;
box-shadow: var(--shadow-box);
border-radius: 2px;
position: relative;
}
.popup-content-holder h3 {
font-size: 26px;
margin-bottom: 20px;
}
svg.close-popup {
width: 25px;
height: 25px;
position: absolute;
right: 5px;
top: 5px;
cursor: pointer;
}
@media screen and (min-width: 768px){
.popup-content .row {
display: flex;
flex-wrap: wrap;
align-items: center;
}
}
@media screen and (max-width: 767px){
.product_cat-bedlinnen .woocommerce-product-gallery, .product_cat-bedlinnen .summary.entry-summary,   .product_cat-literie .woocommerce-product-gallery, .product_cat-literie .summary.entry-summary{
width: 100% !important;
}
.popup-content{
margin-top: 10vh;
}
.wpml-ls-menu-item {
display: none;
}
.footer-contact-info a {
display: block;
}
.custom-checkbox-holder input {
position: absolute;
left: -30px;
top: -2px;
}
.checkbox-optie-holder { align-items: center;
margin-bottom: 20px;
position: relative;
margin-left: 20px;
}
.footer-privacy-links-holder {
text-align: left; }
.footer-privacy-links-holder ul li {
display: block;
margin-bottom: 10px;
margin-left: 0px;
}
.footer-privacy-links-holder ul li:nth-child(2) {
display: none;
}
.product_cat-bedlinnen .woocommerce-product-gallery, .product_cat-literie .woocommerce-product-gallery{
margin:0;
}
.product_cat-bedlinnen h1.product_title.entry-title, .product_cat-literie h1.product_title.entry-title {
clear: both;
margin-top: 50px !important;
}
}  .woocommerce ul.products .accessoires-item .button {
margin-top: 1em;
width: 100%;
text-align: center;
font-size: .8em;
}
.accessoires-item a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
padding: 0;
justify-content:  center;
}
.woocommerce ul.products .accessoires-item a img {
padding: 0 !important;
object-fit: cover !important;
height: 300px !important;
}
.product-cat-item.accessoires-item a:first-child:hover:after{
content: unset;
}
select.orderby {
padding: 5px;
background: transparent;
border-color: var(--primary-color);
} span.sku_wrapper {
display: none;
}
.term-42 section.tabs.section-divider, .term-94 section.tabs.section-divider, .term-92 section.tabs.section-divider, .term-58 section.tabs.section-divider {
display: none;
}
.term-42 a.button.product_type_variable.add_to_cart_button, .term-42 a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
display: none;
}
p.button.button-primary {
display: inline-block;
margin-top: 20px;
background: var(--primary-color);
color: #fff;
cursor: pointer;
}
p#infoToggler {
margin-top: 40px;
}
.product_cat-frans-matras-met-een-schuine-hoek .featured-bar-content-holder-shop.sp-meta-list, .product_cat-matelas-francais-avec-un-coin-incline .featured-bar-content-holder-shop.sp-meta-list, .product_cat-frans-matras-met-een-schuine-hoek-be .featured-bar-content-holder-shop.sp-meta-list, .product_cat-matelas-francais-avec-un-coin-incline-be_fr .featured-bar-content-holder-shop.sp-meta-list{
text-align: left;
margin-top: 30px;
}
.bottom-header-menu-holder.smaller-menu-holder a {
font-size: 15px;
}
h3.product-category-name-type.woocommerce-loop-product__title {
max-width: 18ch; }
h1.woocommerce-products-header__title.page-title {
width: 70%;
}
a.button.wp-element-button.product_type_variable.add_to_cart_button {
display: none !important;
}
a.button.wp-element-button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
display: none;
}
.top-menu-holder li {
position: relative;
}
ul.sub-menu {
position: absolute;
left: 0;
}
@media screen and (min-width:960px){
ul.sub-menu li {
display: block;
text-align: left;
width: 200px;
margin-bottom: 15px;
z-index: 100;
margin-left: 0;
}
ul.sub-menu {
background: #fff;
padding: 1em;
border-radius: 3px;
box-shadow: var(--shadow-box);
z-index: 900;
display: none;
opacity: 0;
visibility: hidden;
transition: all .2s;
}
.wpml-ls-menu-item:after {
content: 'ˇ';
align-items: flex-end;
margin-top: 10px;
position: absolute;
MARGIN-LEFT: 5PX;
MARGIN-TOP: 6px;
FONT-SIZE: 25PX;
}
.sub-menu li:after {
content: unset;
}
.top-menu-holder li:hover .sub-menu{
display: block;
opacity: 1;
visibility: visible;
}
.wpml-ls-current-language {
PADDING: 10px;
background: var(--light);
border-radius: 6px;
padding: 5px 20px;
}
}
.woocommerce div.product form.cart .button {
vertical-align: middle;
float: left;
margin: 20px 0px;
}
nav.woocommerce-breadcrumb {
max-width: 80em;
margin: 20px auto !important;
width: 78em;
max-width: 100%;
}
.term-94 #primary > #main > nav.woocommerce-breadcrumb {
display: none;
}
ul.featured-bar-list {
font-size: .9em;
}
.logo-holder {
max-width: 160px;
}
.mobile-menu-footer li {
width: calc(50% - 20px);
margin: 10px !important;
gap: 10px !important;
}
section.woocommerce-layout-section.section-divider {
overflow-x: hidden !important;
}
.hide-col-tb{
display: none;
}
@media screen and (min-width:720px) and (max-width: 1024px){
.hide-col-tb{
display: block;
}
}
.wpml-ls-statics-footer a {
color: #444444;
background-color: transparent !important;
}
img.fit-logo {
max-width: 200px;
margin-top: 40px;
}
.fit-img-holder{
text-align:right;
}
ul .wpml-ls-menu-item a {
display: inline !important;
align-items: center;
}
span.breadcrumb_last {
font-weight: bold;
color: var(--primary-color);
}
p#breadcrumbs a {
color: var(--mid-grey);
}@media screen and (min-width:1921px){
}
@media screen and (max-width:1920px){
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1380px){
}
@media screen and (max-width:1200px){
.footer-contact-info {
font-size: 15px;
}
.button {
padding: 14px 15px;
transition: all .2s ease-in-out,color .2s ease-in-out;
font-weight: bold;
font-size: .8em;
}
.featured-bar-content-holder {
font-size: .9em;
}
}
@media screen and (min-width: 730px) and (max-width:1024px){
.search-col, .review-klantenv-col, .cart-col{
display: block;
}
.wpml-ls-menu-item {
display: none;
}
section.footer-section .col-3, section.footer-section .col-4, section.footer-section .col-2 {
width: 45%;
}
ul.featured-bar-list li {
display: inline-block;
margin-right: 30px;
color: var(--dark-grey);
letter-spacing: 0;
width: calc(50% - 60px);
margin-bottom: 10px;
}
.hero-text-holder h1 {
font-size: 2em;
color: #1E2323;
letter-spacing: -1.5px;
line-height: 38px;
font-weight: 600;
margin-bottom: 50px;
}
.hero-text-holder {
padding: 0px 20px;
}
section.home-hero-section .row {
background: rgb(236,241,246);
background: linear-gradient(
90deg
, rgba(236,241,246,1) 0%, rgba(245,248,250,1) 100%);
width: 96%;
margin: auto;
padding: 40px 0 10px;
}
.referenties-item {
background: var(--tertiary-color);
padding: 45px 10px;
}
.footer-live-chat-holder {
display: flex;
align-items: center;
}
ul.featured-bar-list-shop li {
font-family: Helvetica;
font-size: 12px;
color: var(--dark-grey);
letter-spacing: 0;
margin-bottom: 15px;
}
.product-cat-loop-item.square img {
width: 50%;
}
.col-4.tabs-title-col {
width: 100%;
}
li.product {
width: 29% !important;
text-align: center;
}
.single-product-top-image.square img {
width: 50%;
}
.image-right-content-holder {
width: 100%;
margin: auto;
}
}
@media screen and (max-width:767px){
ul.featured-bar-list li {
display: block;
margin-bottom: 10px;
}
.woocommerce-message a.button.wc-forward {
display: block;
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.woocommerce-message {
padding: 1.5em;
}
.woocommerce-message::before {
content: unset !important;
color: #8fae1b;
}
.woocommerce-message {
border-top-color: var(--primary-color) !important;
padding: 1.5em !important;
}
.default-hero-content-holder h1 {
margin-bottom: 30px;
font-size: 1.5em;
letter-spacing: -1px;
text-align: center;
line-height: 130%;
}
.single-product section.features-section.section-divider {
margin-top: 0;
}
.product-archive-title-and-desc-holder h1 {
font-size: 1.8em;
color: var(--black);
letter-spacing: -1px;
line-height: 130%;
margin-bottom: 30px;
}
dl.variation {
text-align: left;
}
.cart-data-variation-item {
width: 49%;
display: inline-block;
}
.page-id-75 .image-right {
margin: 0px 0 60px;
}
.title-with-circle-content-holder h2 {
font-family: var(--main-font-family);
line-height: 130%;
font-size: 1.1em;
}
.hero-text-holder h2 {
font-size: 2.5em;
color: #1E2323;
letter-spacing: -1.5px;
line-height: 140%;
font-weight: 600;
margin-bottom: 50px;
}
.page-id-71 h1 {
font-size: 36px;
color: #1E2323;
letter-spacing: -1px;
text-align: center;
line-height: 130%;
font-size: 2.3em;
margin-bottom: 40px;
margin-top: 40px;
}
.button {
padding: 14px 15px;
transition: all .2s ease-in-out,color .2s ease-in-out;
font-weight: bold;
font-size: 1em;
}
tr.woocommerce-cart-form__cart-item.cart_item .product-name a {
text-align: left;
}
.cart-data-variation-item.variation-holder-Matrasbeschermer, .cart-data-variation-item.variation-holder-Handvaten1995, .cart-data-variation-item.variation-holder-Wasbarehoes4995, .cart-data-variation-item.variation-holder-Hardheid {
width: 100%;
}
.woocommerce-cart section.default-page-template.section-divider {
margin-top: 0;
}
section.woocommerce-layout-section.section-divider {
background: var(--tertiary-color);
padding: 60px 0 20px;
margin-top: 0;
}
.product h3 {
font-size: 1.5em;
line-height: 130%;
}
.page-template-offerte-aanvragen .contact-info-text-holder {
margin-top: 60px;
}
.hero-text-holder {
padding: 20px 20px;
}
.single-pr-img-holder {
width: 100% !important;
display: block;
text-align: center;
margin-bottom: 40px;
}
.single-product-top-image.square {
display: none;
}
header.woocommerce-products-header.single-header.woocommerce-product-archive-header {
margin-top: 0px;
}
h4.afmetingen-label, .custom-select-holder label {
font-size: 1.1em;
}
.product-cat-img-holder {
display: none;
}
.single-product-price-holder {
display: block;
margin: 40px 0px 30px;
text-align: left;
}
.custom-input-holder {
width: 100%;
margin-bottom: 15px;
color: var(--primary-color);
font-weight: bold;
}
section.home-hero-section .row {
background: rgb(236,241,246);
background: linear-gradient(
90deg
, rgba(236,241,246,1) 0%, rgba(245,248,250,1) 100%);
width: 96%;
margin: auto;
padding: 0px 0;
}
.hero-text-holder h1 {
font-size: 2.5em;
color: #1E2323;
letter-spacing: -1.5px;
line-height: 48px;
font-weight: 600;
margin-bottom: 50px;
}
.title-with-circle {
margin: 50px 0 30px;
}
.image-right-content-holder {
width: 100%;
margin: auto;
}
section.image-right.image-left-main-builder .row {
flex-direction: column-reverse;
}
section.image-right-with-bg {
background: var(--primary-color);
padding: 40px 0px 0;
color: #fff;
margin: 60px 0 0;
}
.image-right-with-bg-content-holder {
width: 100%;
margin: auto;
margin-bottom: 50px;
margin-top: 40px;
}
.footer-social-icons-holder {
display: flex;
align-items: center;
justify-content: flex-start;
}
.footer-social-icons-holder a {
margin-left: 0px;
margin-right: 20px;
}
ul.payment-icons {
display: flex;
justify-content: left;
align-items: center;
flex-wrap: wrap;
}
.right {
text-align: left;
}
section.over-ons-hero {
padding-top: 60px;
margin-bottom: 60px;
background: linear-gradient(180deg, var(--tertiary-color) 90%, #fff 50%);
}
.over-ons-hero-button-holder {
text-align: left;
margin-top: 30px;
}
section.image-right.image-left-small .row {
flex-direction: column-reverse;
}
.contact-form-holder {
background: var(--white);
padding: 40px 20px;
width: 100%;
box-shadow: var(--shadow-box);
margin-top: 20px;
margin-bottom: 40px;
}
.row.contact-content-row {
display: flex;
flex-wrap: wrap; }
.klantenservice-content-holder {
padding: 30px 15px;
box-shadow: var(--shadow-box);
background: var(--tertiary-color);
}
.klantenservices-box-holder {
background: #fff;
padding: 40px 20px;
box-shadow: var(--shadow-box);
}
.faq-item h3 {
padding-right: 40px;
}
.category-hero-text-holder {
width: 100%;
}
.product {
width: 100% !important;
}
.single-post .builder-root-container .container {
width: unset;
}
.product-card-holder .featured-bar-content-holder-shop {
display: none;
}
.summary.entry-summary {
width: 100% !important;
}
.product-card-holder {
padding: 30px;
box-shadow: var(--shadow-box);
}
.col-3.sp-gallery-column {
margin: 0.5rem 0;
width: 100%;
}
.summary.entry-summary {
margin-top: -50px;
}
section.image-right-with-bg .row {
display: flex;
align-items: center;
flex-wrap: wrap;
flex-direction: column-reverse;
}
.img-right-tp-bg-content {
background: var(--tertiary-color);
padding: 4em 3em;
width: 100%;
margin: auto;
margin-left: auto;
margin-right: -10px;
margin-bottom: 60px;
z-index: 1;
position: relative;
margin-top: 125px;
text-align: center;
}
.img-right-tp-bg-content a {
margin-right: 20px;
text-align: center;
display: inline-block;
margin-bottom: 30px;
text-align: center;
}
img.transparent-bg-img-tp {
max-width: 100%;
width: 95%;
}
}
.mobile-menu-icon-holder {
text-align: right;
font-size: 30px;
color: var(--primary-color);
}
.mobile-menu-overlay {
width: 100%;
height: 100vh;
position: fixed;
background: vaR(--tertiary-color);
z-index: 10;
right: -100%;
transition: all .2s;
overflow-y: scroll;
}
i.fa.fa-close.close-mobile-menu {
font-size: 30px;
color: var(--primary-color);
margin: 20px;
}
.top-menu-mobile-holder {
padding: 0 20px;
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.top-menu-mobile-holder li  {
margin-bottom: 15px;
}
.top-menu-mobile-holder li a {
color: var(--primary-color);
}
.category-menu-mobile-holder {
background: var(--primary-color);
padding: 20px;
color: #fff;
margin-bottom: 20px;
}
.category-menu-mobile-holder ul li a {
color: #fff;
font-weight: bold;
font-size: 20px;
}
.category-menu-mobile-holder ul li{
margin-bottom: 15px;
}
.Offerte-aanvragen-menu-item-holder-mobile {
margin: 20px;
}
.Offerte-aanvragen-menu-item-holder-mobile a {
background: var(--primary-color);
padding: 15px 30px;
display: inline-block;
color: #fff;
font-weight: bold;
}