.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}body{
font-size: 16px;
font-family: var(--secondary-font-family);
overflow-x: hidden;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
.white-text{
color: #fff;
}
h1, h2, h3, h4, h5, h6{ font-family: var(--main-font-family);
font-weight: 500;
font-style: normal;
}
p, a {
font-size: 1em;
line-height: 160%;
margin: 1rem 0 1rem;
}
a { font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 27px;
letter-spacing: 0.1px;
text-decoration-line: underline;
color: var(--primary-500);
}
h1{
font-size: 2.25em;
margin: 1.5rem 0 1.5rem;
line-height: 120%;
}
h2{
font-size: 28px;
margin: 1.25rem 0 1.25rem;
line-height: 120%;
}
h3{
font-size: 21px;
margin: 1rem 0 1rem;
line-height: 120%;
}
h4{
font-size: 18px;
margin: 1rem 0 1rem;
line-height: 120%;
}
h5{
font-size: 14px;
margin: 1rem 0 1rem;
line-height: 140%;
}
h6{
font-size: 1em;
margin: 1rem 0 1rem;
line-height: 1rem;
}
.display-big-title{
font-size: 4.25em;
}
.display-small-title{
font-size: 3.75em;
} .semi-bold {
font-weight: 700;
}
.bold {
font-weight: 800;
}
.extra-bold {
font-weight: 900;
}
.text-small{
font-size: 14px;
}
.text-big{
font-size: 18px;
}
.section-divider{
padding: 60px 0;
} .left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.justify {
text-align: justify;
}
.small-text, .small-text p{
font-size: 14px;
}
.big-text, .big-text p{
font-size: 18px;
}
.container-big{
width: 100%;
max-width: 1920px;
margin:auto;
}
.columns.is-variable>.column{
padding-left: 4px;
padding-right: 4px;
}
.columns.is-variable{
margin-left: -4px;
margin-right: -4px;
} .custom-container{
max-width: 1440px;
width: 100%;
padding: 0 .5rem;
} @media only screen and (min-width: 33.75em) { }
@media only screen and (min-width: 768px) { body{
font-size: 17px;
}
.columns.is-variable>.column{
padding-left: 8px;
padding-right: 8px;
}
.columns.is-variable{
margin-left: -8px;
margin-right: -8px;
}
.custom-container{
max-width: 1440px;
width: 100%;
padding: 0 1rem;
}
}
@media only screen and (min-width: 1024px) { h1{
font-size: 3em;
margin: 1.5rem 0 1.5rem;
}
h2{
font-size: 38px;
margin: 1.25rem 0 1.25rem;
}
h3{
font-size: 33px;
margin: 1rem 0 1rem;
}
h4{
font-size: 1.5em;
margin: 1rem 0 1rem;
}
h5{
font-size: 23px;
margin: 1rem 0 1rem;
}
h6{
font-size: 18px;
margin: 1rem 0 1rem;
}
.column{
padding-left: 10px;
padding-right: 10px;
}
.columns.is-variable{
margin-left: -10px;
margin-right: -10px;
}
.custom-container{
max-width: 1440px;
width: 100%;
padding: 0 1.5rem;
}
}
@media screen and (min-width: 1440px){
.columns.is-variable>.column{
padding-left: 12px;
padding-right: 12px;
}
.columns.is-variable{
margin-left: -12px;
margin-right: -12px;
}
} :root { --primary-100: #F0F5F3;
--primary-200: #BAD1CB;
--primary-300: #2A816B;
--primary-400: #066C52;
--primary-500: #01634A;
--secondary-100: #EDF2DB;
--secondary-200: #CBDF81;
--secondary-300: #B3D33E;
--secondary-400: #A0C519;
--secondary-500: #89AF00;
--neutral-100: #F9F9F9;
--neutral-200: #F4F4F4;
--neutral-400: #DDDDDD;
--neutral-600: #C4C4C4;
--neutral-800: #ACACAC;
--white: #fff;
--black: #000; --main-font-family: "filson-pro", sans-serif;
--secondary-font-family: "Rethink Sans", sans-serif; --shadow-xs: 0px 4px 8px rgba(0, 0, 0, 0.1);
--shadow-sm: 0px 6px 12px rgba(0, 0, 0, 0.1);
--shadow-md: 0px 8px 16px rgba(0, 0, 0, 0.1);
--shadow-lg: 0px 10px 20px rgba(0, 0, 0, 0.1);
--shadow-xl: 0px 12px 24px rgba(51, 51, 51, 0.1);
}  .primary-button{
background: var(--primary-400);
border-radius: 4px;
color: var(--white);
display: inline-block;
border: 1px solid var(--primary-400);
}
.primary-button:hover{
background: var(--primary-600);
color: var(--white);
}
.primary-button:active{
background: var(--primary-800);
}
.secondary-button{
background: var(--secondary-300);
border-radius: 4px;
color: var(--primary-500);
display: inline-block;
border: 1px solid var(--secondary-300);
}
.secondary-button:hover{
background: var(--secondary-400);
color: var(--primary-500);
}
.secondary-button:active{
background: var(--secondary-500);
}
.ghost-button {
background: transparent;
border-radius: 4px;
color: var(--primary-500);
display: inline-block;
border: 1px solid var(--primary-300);
box-shadow: 0px 4px 4px -2px rgba(186, 209, 203, 0.50);
border: 1px solid #BAD1CB;
}
.ghost-button:hover{
border-color: var(--primary-400);
color: var(--primary-500);
}
.ghost-button:active{
background: var(--primary-500);
}
.ghost-button-white{
background: transparent;
border-radius: 4px;
color: var(--white);
display: inline-block;
border: 1px solid var(--white);
}
.ghost-button-white:hover{
background: var(--primary-600);
color: var(--white);
border: 1px solid var(--primary-600);
}
.ghost-button-white:active{
background: var(--primary-800);
}
.btn{
font-size: 16px;
font-weight: bold;
text-decoration: none;
padding: .75rem 1.25rem;
margin: 0;
margin-bottom: 12px;
transition: all .2s;
font-family: var(--main-font-family);
font-weight: 500;
}
@media screen and (min-width: 1024px){
.btn{
font-size: 16px;
font-weight: bold;
padding: .75rem 1.25rem;
font-weight: 500;
}
}
.button-small{
font-size: 14px;
font-weight: bold;
padding: .5rem 1rem;
}
.button-regular{
font-size: 1rem;
font-weight: bold;
padding: .75rem 1.25rem;
}
.button-big{
font-size: 18px;
font-weight: bold;
padding: 1rem 1.5rem;
}
.button-icon-right span {
margin-left: 10px;
}
.button-icon-left span {
margin-right: 10px;
}
.animated-arrow-button.icon-text {
justify-content: space-between;
display: flex;
transition: all .2s;
}
.animated-arrow-button:hover .icon-text{
color: var(--primary-600);
}
.animated-arrow-button .icon{
transition: all .2s;
}
.image-w-button-item:hover .icon {
transform: translate(5px, -5px);
} .cv-auto{
content-visibility: auto;
contain-intrinsic-size: 1px 5000px;
}  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; } body {
top: 0;
margin-top: 63px;
}
nav.navbar.is-transparent {
max-width: 1920px;
margin: auto;
}
a.btn.primary-button.header-button {
margin: 0;
}
section.header-section .navbar-item {
font-weight: bold;
color: var(--dark);
font-size: 1.125rem;
background: transparent;
}
a.navbar-item:hover {
color: var(--primary-600);
}
.navbar-brand {
align-items: center;
justify-content: space-between;
}
.mobile-menu-icon.is-hidden-desktop {
margin-bottom: -5px;
}
.navbar-item img {
max-height: unset;
}
.footer-column.first-footer-column p a {
margin: 0;
margin-bottom: 12px;
}
.footer-column.footer-menu li {
margin-bottom: 10px;
}
.footer-column.footer-menu a {
color: var(--dark);
}
.footer-column.footer-menu a:hover {
color: var(--primary-600);
}
.social-icons {
display: flex;
gap: 28px;
align-items: center;
}
.social-icons a {
margin-top: 10px;
}
section.bottom-footer {
background: var(--primary-500);
padding: 0;
font-size: 15px;
text-align: center;
color: #fff;
}
section.bottom-footer .container {
border-top: 1px solid #ffffff29;
}
section.footer-white.section-divider .container, section.bottom-footer .container {
padding: 0 1em;
}
section.bottom-footer a {
color: #fff;
text-decoration: none;
font-size: 15px;
}
section.bottom-footer p {
display: inline;
}
section.bottom-footer .container div > a {
margin-right: 24px;
white-space: nowrap;
}
section.footer-white.section-divider a:hover, section.bottom-footer a:hover {
color: var(--secondary-500);
}
.social-score.has-text-right-desktop {
font-size: 18px;
font-weight: 500;
color: var(--primary-500);
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
}
.social-score.has-text-right-desktop .icon-text {
margin-right: 20px;
}
.paying-options {
display: flex;
align-items: center;
gap: 31px;
color: var(--primary-500);
}
section.top-footer .container {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
flex-wrap: wrap;
}
section.top-footer {
border-top: 1px solid #BAD1CB;
padding: 0 24px;
}
.hero-image-menu-item img {
width: 100%;
border-radius: 5px;
transition: .4s all cubic-bezier(.11,.54,.79,.99);
display: block;
max-height: 400px;
object-fit: cover;
}
.woocommerce div.product div.images img {
display: block;
width: 100%;
height: auto;
box-shadow: none;
max-height: 400px;
object-fit: cover;
}
.builder-faq-content-holder ul {
padding-bottom: 20px;
}
.hero-image-menu-item > a span.icon-text {
position: absolute;
bottom: -30px;
left: 0;
right: 0;
margin: auto;
text-align: center;
width: 70%;
background: var(--secondary-100);
padding: 17px;
border-radius: 40px;
font-weight: 500;
justify-content: center;
gap: 10px;
}
.hero-image-menu-item:hover span.icon {
transition: all .2s;
transform: translate(5px, 0px);
}
.hero-image-menu-item span.icon {
transition: all .2s;
}
.hero-image-menu-item:hover .icon-text{
color: var(--primary-500);
}
.hero-image-menu-item a > div {
overflow: hidden;
border-radius: 5px;
}
.hero-image-menu-item:hover img {
transform: scale(1.1);
border-radius: 5px;
}
section.home-why-us {
background: var(--primary-100);
padding: 60px 16px 100px;
text-align: center;
margin-top: 40px;
position: relative;
}
section.home-why-us:before {
content: '';
height: 77px;
width: 2px;
background: #A0C519;
margin: auto;
text-align: center;
position: absolute;
top: -39px;
}
.why-us-img-holder img {
width: 75px;
}
.why-us-img-holder {
height: 145px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
width: 115px;
border-radius: 50px 50px 0 0;
margin: auto;
}
section.home-why-us h2 {
margin-bottom: 60px; max-width: 20ch;
margin: auto;
margin-bottom: 60px;
color: var(--primary-500);
font-weight: 500;
}
section.home-why-us h4 {
color: var(--primary-500);
font-size: 24px;
margin-top: 30px;
}
.why-us-item p {
max-width: 30ch;
margin: auto;
}
section.home-hero h1 {
font-size: 28px;
color: var(--primary-500);
line-height: 130%;
margin: 0;
}
.home-hero-image-menu {
margin-top: 40px;
margin-bottom: 20px;
}
section.home-hero p {
font-size: 24px;
color: var(--primary-400);
margin: 0;
}
section.home-hero {
padding: 0 16px;
background: rgb(240,245,243);
background: linear-gradient(180deg, rgba(240,245,243,1) 0%, rgba(240,245,243,1) 80%, rgba(255,255,255,1) 80%);
padding-top: 40px;
}
.hero-image-menu-item {
position: relative;
margin-bottom: 40px;
}
section.home-hero h1 {
font-weight: bold;
} @media screen and (min-width: 768px){ section.bottom-footer .container {
display: flex;
justify-content: space-between;
align-items: center;
}
section.footer-white.section-divider .container, section.bottom-footer .container {
padding: 0 1.5em;
}
.woocommerce .builder-faq-content-holder {
clear: both;
margin-right: 0;
margin-left: auto;
width: 48%;
}
.hero-image-menu-item > a span.icon-text {
font-size: 18px;
}
.wc-block-grid__products .wc-block-grid__product-image img {
height: auto;
max-width: 100%;
width: 100% !important;
height: 300px !important;
object-fit: cover;
}
.wc-block-grid__products .wc-block-grid__product-image {
display: block;
position: relative;
text-decoration: none;
width: 100% !important;
}
.wc-block-grid__product .wc-block-grid__product-image, .wc-block-grid__product .wc-block-grid__product-link {
display: inline-block;
position: relative;
display: block !important;
}
}
.over-ons-home-content {
padding: 24px;
border-radius: 5px;
background: var(--primary-500);
color: #fff;
}
@media screen and (min-width:960px){
section.home-hero h1 {
font-size: 48px;
color: var(--primary-500);
line-height: 130%;
margin: 0;
font-weight: bold;
}
section.home-hero p {
font-size: 28px;
color: var(--primary-400);
margin: 0;
}
section.home-hero {
padding-top: 80px;
}
.home-hero-image-menu {
margin-top: 60px;
margin-bottom: 60px;
}
.over-ons-home-content {
padding: 85px 100px;
border-radius: 5px;
background: var(--primary-500);
color: #fff;
}
section.home-image-left.section-divider .columns {
align-items: flex-end;
}
section.home-image-left.section-divider .is-6 {
margin-left: -110px;
}
.home-image-left-holder img {
margin-bottom: 40px;
}
}
@media screen and (min-width: 1024px){ section.footer-white.section-divider .container, section.bottom-footer .container {
padding: unset;
}
body {
top: 0;
margin-top: 135px;
}
.hero-image-menu-item {
position: relative;
margin-bottom: 0;
}
} .hero-content-holder {
text-align: center;
color: #fff;
position: relative;
z-index: 1;
}
section.hero-full-width .container-big {
padding: 3rem 1rem;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
section.hero-full-width .container-big{
position: relative;
}
section.hero-full-width .container-big:after {
content: '';
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 52.83%);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
.hero-content-holder .btn {
margin-right: 6px;
margin-left: 6px;
}
@media screen and (min-width: 768px){ section.hero-full-width .column {
height: 25em;
}
}
@media screen and (min-width: 1024px){ section.hero-full-width .column {
height: 37.5em;
}
}  .img-right-img-holder {
text-align: right;
}
.img-right-content-holder {
padding: 0 1rem;
}
.img-right-img-holder img {
width: 100%;
}
@media screen and (min-width: 960px){
.img-right-content-holder {
padding: 0 1rem 0 0;
}
}
@media screen and (min-width: 960px) and (max-width: 1216px){
.container {
max-width: 960px !important;
}
}
@media screen and (min-width: 1216px) and (max-width: 1408px){
.container {
max-width: 1152px !important;
}
}
@media screen and (min-width: 1024px){ .img-right-content-holder {
padding: 0 5rem 0 0;
}
}
@media screen and (min-width: 1440px){ .img-right-content-holder {
padding: 0 8.5rem 0 0;
}
}
.img-left-img-holder {
text-align: right;
}
.img-left-content-holder {
padding: 0 1rem;
}
.img-left-img-holder img {
width: 100%;
}
@media screen and (min-width: 960px){
.img-left-content-holder {
padding: 0 0 0 1rem;
}
}
@media screen and (min-width: 1024px){ .img-left-content-holder {
padding: 0 0 0 5rem;
}
}
@media screen and (min-width: 1440px){ .img-left-content-holder {
padding: 0 0 0 8.5rem;
}
}  nav.navbar.is-transparent {
max-width: 1920px;
margin: auto;
}
a.btn.primary-button.header-button {
margin: 0;
}
section.header-section .navbar-item {
font-weight: bold;
color: var(--dark);
font-size: 1.125rem;
background: transparent;
}
a.navbar-item:hover {
color: var(--primary-600);
}
.navbar-brand {
align-items: center;
justify-content: space-between;
}
.mobile-menu-icon.is-hidden-desktop {
margin-bottom: -5px;
}
.navbar-item img {
max-height: unset;
}
.navbar-brand .navbar-item {
padding-left: 0;
padding-right: 0;
}
.mobile-menu-notice-holder {
text-align: center;
background: var(--neutral-200);
padding: 12px;
}
span.notice-opening-label{
font-weight: bold;
}
.notice-label-open {
color: #52BC55;
}
.notice-label-closed {
color: #ea2020;
} .mobile-menu-body-holder li a {
color: #fff;
text-decoration: none;
padding: 10px 24px;
display: block;
margin: 0;
}
.mobile-menu-body-holder #menu-diensten a {
font-size: 18px;
font-weight: 800;
}
.mobile-menu-body-holder #menu-mobile-menu li a {
font-size: 15px;
padding: 5px 24px;
}
.mobile-menu-body-holder #menu-mobile-menu{
margin-top: 20px;
}
.mobile-menu-body-holder .btn {
margin-top: 10px;
}
.mobile-menu-footer {
padding: 40px 40px 20px;
text-align: center;
}
.mobile-menu-footer {
margin: 40px 40px 20px;
text-align: center;
border-top: 1px solid var(--neutral-400);
padding-top: 20px;
}
.mobile-menu-body-holder li a:hover {
background: #ffffff24;
}
section.mobile-menu-holder {
position: fixed;
width: 85%;
height: 100vh;
background: var(--primary-500);
z-index: 999;
top: 0;
left: -100%;
transition: .5s all cubic-bezier(0.75, 0.82, 0.165, 1);
max-width: 420px;
}
section.mobile-menu-holder.mobile-menu-open{
left: 0;
}
.mobile-menu-footer a {
margin: 0;
margin-bottom: 10px;
}  .footer-column.first-footer-column p a {
margin: 0;
margin-bottom: 12px;
}
.footer-column.footer-menu li {
margin-bottom: 5px;
}
.footer-column.footer-menu a {
color: var(--dark);
}
.footer-column.footer-menu a:hover {
color: var(--primary-600);
}
.social-icons {
display: flex;
gap: 28px;
align-items: center;
justify-content: flex-end;
}
.social-icons a {
margin-top: 10px;
}
section.footer-white.section-divider .container, section.bottom-footer .container {
padding: 0 1em;
}
@media screen and (min-width: 768px){ section.bottom-footer .container {
display: flex;
justify-content: space-between;
align-items: center;
}
section.footer-white.section-divider .container, section.bottom-footer .container {
padding: 0 1.5em;
}
td.wc-block-cart-item__image {
width: 200px !important;
}
}
.term-description p {
color: #455752;
max-width: 61ch;
line-height: 150% !important; }
.term-description {
margin-bottom: 60px;
}
p.woocommerce-result-count {
display: none;
}
li.product {
border: 1px solid #D8E3E0;
border-radius: 5px;
background-color: #fff;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
color: #455752;
padding: 0 16px;
margin-top: 5px;
font-size: 1rem;
}
.woocommerce ul.products li.product .button, a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
display: inline-block;
margin-top: 1em;
font-size: 16px;
display: block;
text-align: center;
height: auto;
font-weight: 500;
margin: 16px;
font-family: var(--main-font-family);
padding: 16px;
transition: all .2s;
}
.woocommerce ul.products li.product a img { object-fit: cover;
border-radius: 5px 5px 0 0;
}
a.button.product_type_variable.add_to_cart_button, a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
background: var(--secondary-300);
color: var(--primary-500);
}
.whats-in-package-cards svg {
max-width: 86px;
max-height: 86px;
width: 100%; }
.whats-in-package-cards h5 {
margin-top: 0;
color: var(--primary-500);
font-weight: 400;
font-size: 21px;
}
h2.woocommerce-loop-product__title {
font-size: 20px !important;
font-weight: bold;
font-weight: 500;
padding: 0 16px !important;
}
li.product:hover .button, li.product:hover a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
background: var(--secondary-400);
}
.whats-in-package-content h2 {
color: var(--primary-500);
max-width: 15ch;
word-break: keep-all;
margin-top: 0;
}
nav.woocommerce-pagination {
margin-bottom: 60px;
}
section.whats-in-package {
padding: 80px 16px;
background: #F0F5F3;
}
.whats-in-package-content {
max-width: 50ch;
}
.whats-in-package-cards {
padding: 32px;
background: #fff;
border-radius: 5px;
display: flex;
margin-bottom: 32px;
gap:20px;
}
@media screen and (min-width: 1024px){ section.footer-white.section-divider .container, section.bottom-footer .container {
padding: unset;
}
.navbar-brand a {
padding-left: 0 !important;
}
div.navbar-item {
padding-right: 0 !important;
}
h1.woocommerce-products-header__title.page-title {
margin-top: 80px;
color: var(--primary-500);
}
}
h1.woocommerce-products-header__title.page-title {
color: var(--primary-500);
} section.home-reviews {
padding-bottom: 60px; }
svg.home-reveiws-quote {
text-align: center;
margin-top: -40px;
}
section.home-reviews h2 {
color: var(--primary-500);
font-weight: 500;
margin-bottom: 70px;
} a.three_images_w_button_link {
color: unset;
}  section.header-section{
position: fixed;
top: 0px;
width: 100%;
z-index: 100;
left: 0;
background: var(--primary-500);
min-width: 100%;
transition: top 0.3s;
}
.gf-honeypot {
position: absolute !important;
left: -9999px !important;
visibility: hidden !important;
} nav.navbar.is-transparent{
background: var(--primary-500);
}
section.header-section .navbar-item, .navbar-link {
font-weight: bold;
color: #fff;
font-size: 1.125rem;
background: transparent;
text-decoration: none;
font-weight: 700;
font-family: var(--main-font-family);
padding: 10px 25px;
margin-top: 0;
margin-bottom: 0;
}
ul#primary-menu .navbar-item:hover {
background: var(--primary-400) !important;
}
.wp-block-woocommerce-empty-cart-block h2 {
color: var(--primary-500);
}
.top-header.has-text-right a {
color: #fff;
text-decoration: none;
font-size: 15px;
}
li.product:hover h2 {
color: var(--secondary-500);
}
a.navbar-item.home-logo-link {
padding: 15px;
}
.top-header.has-text-right li {
display: inline;
margin-left: 32px;
}
.top-header.has-text-right li:hover a{
color: vaR(--secondary-500);
}
.top-header.has-text-right {
padding: 11px 0;
}
section.home-reviews button {
display: none !important;
}
section.top-menu-section{
border-bottom: 1px solid #ffffff24;
}
.review-item p {
font-size: 21px;
font-weight: 400;
color: var(--primary-500);
}
section.home-reviews .columns:before {
content: '';
width: 200px;
height: 100%;
left: -20px;
position: absolute;
top: 0;
z-index: 10;
background: linear-gradient(90deg, #FFF 47.23%, rgba(255, 255, 255, 0.00) 97.39%);
}
section.home-reviews .columns:after {
content: '';
width: 200px;
height: 100%;
right: -20px;
position: absolute;
top: 0;
background: linear-gradient(270deg, #FFF 45.27%, rgba(255, 255, 255, 0.00) 90.93%);
z-index: 10;
}
span.icon-text{
transition: all .2s;
}
.hero-image-menu-item > a:hover span.icon-text {
background: var(--secondary-300); }
.woocommerce div.product form.cart .button {
vertical-align: middle;
float: left;
font-weight: 500;
font-size: 17px;
padding: .75rem 1.25rem;
}
.reviews-arrow-holder {
display: flex;
z-index: 101;
position: relative;
justify-content: space-between;
position: absolute;
width: 100%;
bottom: 30%;
}
.reviews-arrow-holder img {
width: 46px;
padding: 17px;
background: var(--secondary-100);
border-radius: 50%;
display: flex !important;
align-items: center;
justify-content: center;
cursor: pointer;
height: 46px !important;
transition: all .2s;
}
.social-icons.has-text-right a:hover svg path {
fill: white;
}
.social-icons.has-text-right a svg path {
transition: all .2s;
}
.reviews-arrow-holder img:hover {
background: var(--secondary-300);
}
p.reviews-name {
font-size: 17px;
color: #455752;
}
p.star-rate {
color: #FFB627;
font-family: var(--main-font-family);
display: inline-block;
margin: 0;
}
.review-item {
text-align: center;
}
.field.is-grouped {
cursor: pointer;
}
.header-banner {
background: var(--secondary-100);
padding: 5px;
}
ul.banner-list li:before {
content: url(https://www.tuinpoortshop.be/wp-content/themes/starter/img/header-banner-icon.svg);
vertical-align: middle;
line-height: 1;
position: absolute;
left: 0px;
}
ul.banner-list li { font-size: 14px;
color: var(--primary-500);
font-weight: 400;
padding-left: 25px;
margin-right: 62px;
display: inline-block;
position: relative;
}
section.footer-white.section-divider {
background: var(--primary-500);
color: #fff;
}
.item-price {
text-align: right;
height: 100%;
display: flex;
flex-direction: column;
align-content: space-between;
flex-wrap: wrap;
}
section.footer-white.section-divider a {
text-decoration: none;
}
a.footer-logo-link img {
max-width: 220px;
}
.footer-column.first-footer-column a {
color: #fff;
display: block;
margin: 0;
}
.footer-column.footer-menu h6 {
font-weight: bold;
margin-bottom: 35px;
}
.footer-column.footer-menu li a {
font-size: 15px;
}
.mobile-menu-header {
height: 104px;
background: var(--secondary-500);
text-align: center;
font-size: 24px;
font-weight: bold;
color: var(--primary-500);
}
.close-mobile-menu-icon.is-hidden-desktop {
position: absolute;
left: 24px;
top: 50px;
}
.mobile-menu-header {
height: 63.2px;
background: var(--secondary-500);
text-align: center;
font-size: 24px;
font-weight: bold;
color: var(--primary-500);
display: flex;
align-items: center;
justify-content: center;
}
.close-mobile-menu-icon.is-hidden-desktop {
position: absolute;
left: 24px;
top: 17px;
}
h1.product_title.entry-title {
margin-top: 0;
font-size: 39px;
color: var(--primary-500);
margin-bottom: 0;
}
.column.is-6.is-offset-6 {
background: var(--primary-500);
color: #fff;
border-radius: 5px;
position: relative;
}
.img-left-small-content {
max-width: 50ch;
margin: auto;
padding: 100px 16px;
z-index: 99;
position: relative;
}
section.image-left-small .container .columns > img{
position: absolute;
bottom: 50px;
max-width: 60%;
}
section.image-left-small {
margin: 200px 0 100px;
}
.image-left-content-holder, .image-right-content-holder {
max-width: 50ch;
margin: auto;
}
.woocommerce-message::before {
content: url(https://www.tuinpoortshop.be/wp-content/themes/starter/img/header-banner-icon.svg);
color: #8fae1b;
}
.cart-count {
font-size: 14px;
color: var(--primary-500);
background: var(--secondary-300);
position: absolute;
right: -10px;
top: 15px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0;
z-index: 10;
}
.navbar-item.cart-icon svg {
position: relative;
z-index: 10;
}
@media screen and (max-width: 1024px){
.mobile-menu-icon.is-hidden-desktop {
padding: 14px;
}
.category-loop-content {
padding: 0 16px;
}
.hero-image-menu-item img {
width: 100%;
border-radius: 5px;
transition: .4s all cubic-bezier(.11,.54,.79,.99);
display: block;
max-height: 300px;
object-fit: cover;
}
.img-left-small-content {
max-width: 50ch;
margin: auto;
padding: 32px 16px;
z-index: 100;
position: relative;
}
}
@media screen and (max-width: 1410px){
.img-left-small-content {
max-width: 50ch;
margin: auto;
padding: 32px 16px;
z-index: 100;
position: relative;
}
}
@media screen and (max-width: 768px){
.img-left-small-content {
max-width: 50ch;
margin: auto;
padding: 30px 16px;
z-index: 100;
position: relative;
}
section.image-left-small {
margin: 60px 24px;
}
section.image-left-small .container .columns > img {
position: RELATIVE;
bottom: 0;
max-width: 100%;
DISPLAY: BLOCK;
}
ul.banner-list li{ display: table !important;
width: auto !important;
text-align: center;
margin: auto;
left: 0;
right: 0;
position: relative;
}
.footer-column.footer-menu h6 {
font-weight: bold;
margin-bottom: 16px;
}
.why-us-img-holder img {
width: 50px;
}
.why-us-img-holder {
height: 85px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
width: 85px;
border-radius: 50px 50px 0 0;
margin: auto;
}
section.bottom-footer .container {
padding-top: 16px;
padding-bottom: 16px;
}
section.home-image-left.section-divider.mobile-padding .columns .column:first-child {
padding-bottom: 0;
border-radius: 5px 5px 0 0;
}
section.home-image-left.section-divider.mobile-padding .columns .column:last-child{
padding-top: 0;
}
section.home-image-left.section-divider.mobile-padding .columns .column:last-child > div{
border-radius: 0 0 5px 5px;
}
section.home-image-left.section-divider.mobile-padding img {
display: block;
}
h1.product_title.entry-title {
margin-top: 0;
font-size: 28px;
color: var(--primary-500);
margin-bottom: 0;
}
section.home-reviews .columns:before {
width: 100px;
}
section.home-reviews .columns:after {
width: 100px;
}
img.logo {
width: 200px;
}
a.navbar-item.home-logo-link {
max-width: 180px;
}
.mobile-padding {
padding-left: 16px;
padding-right: 16px;
}
a.navbar-item.home-logo-link {
max-width: 200px;
padding: 0;
}
.social-icons {
display: flex;
gap: 28px;
align-items: center;
justify-content: flex-start;
}
}
section.home-reviews {
padding-bottom: 60px; padding: 0 16px;
}
@media screen and (max-width:555px){
.paying-options {
display: flex;
align-items: center;
gap: 17px;
color: var(--primary-500);
flex-wrap: wrap;
text-align: center;
justify-content: center;
}
.paying-options p {
width: 100%;
margin-bottom: 0px;
}
}
#pa_kleur {
display: none;
}
@media screen and (max-width: 1024px){ .review-item p {
font-size: 17px;
font-weight: 400;
color: var(--primary-500);
}
} .variation-radios input[type="radio"] {
display: none; } .variation-radios label {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
margin-right: 12px; } #attribute_pa_kleur-antraciet + label {
background: #5D5D5D;
}
#attribute_pa_kleur-zwart + label {
background: #000;
}
#attribute_pa_kleur-groen + label {
background: var(--primary-500);
}
#attribute_pa_kleur-antraciet:checked + label,
#attribute_pa_kleur-zwart:checked + label,
#attribute_pa_kleur-groen:checked + label {
border: 2px solid var(--secondary-400);
padding: 2px; 
box-shadow: inset 0 0 0px 3px rgba(255, 255, 255, 1);
}
.variation-radios label{
position: relative;
}
#attribute_pa_kleur-antraciet:checked + label:after, #attribute_pa_kleur-zwart:checked + label:after, #attribute_pa_kleur-groen:checked + label:after {
content: url(https://www.tuinpoortshop.be/wp-content/themes/starter/img/check-mark.svg);
color: #fff;
left: 0;
right: 0;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
top: 0;
}
section.related-products-section {
padding: 60px 0;
background: #F0F5F3;
margin: 60px 0 0;
}
section.related.products > h2 {
text-align: center;
margin-bottom: 60px;
color: var(--primary-500);
}
section.single-product-main-content {
clear: both;
margin-top: 50px;
}
ol.flex-control-nav.flex-control-thumbs {
display: flex;
gap: 10px;
margin-top: 0px;
}
.flex-viewport {
margin-bottom: 10px;
}
ol.flex-control-nav.flex-control-thumbs li img {
border-radius: 5px;
opacity: 1 !important;
height: 100px !important;
object-fit: cover !important;
}
[data-tooltip]:not(.is-disabled).has-tooltip-bottom:before, [data-tooltip]:not(.is-loading).has-tooltip-bottom:before, [data-tooltip]:not([disabled]).has-tooltip-bottom:before {
top: auto;
right: auto;
bottom: 0;
left: 50%;
margin-top: auto;
margin-bottom: -5px;
transform: translate(-50%,100%);
padding: 0 10px;
}
.summary.entry-summary > p.price {
font-size: 20px !important;
color: var(--primary-500) !important;
margin: 0;
margin-bottom: 45px;
}
.woocommerce-variation-add-to-cart.variations_button{
display: flex; }
.woocommerce .quantity .qty{
height: 99%;
border-radius: 4px;
border: 1px solid var(--primary-200);
background-color: var(--primary-100);
}
.woocommerce .quantity{
height: 43px;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled , .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {
background: var(--secondary-300);
color: var(--primary-500);
transition: all .2s;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover ,.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover {
background: var(--secondary-400);
color: var(--primary-500);
}
.single_variation_wrap .price {
font-weight: bold;
font-family: var(--main-font-family);
font-size: 32px !important;
color: var(--primary-500) !important;
margin-bottom: 32px !important;
display: block;
}
.woocommerce-variation-price .price:after {
content: '(incl. BTW)';
font-size: 16px;
}
.woocommerce-variation-price .price:after {
content: '(incl. BTW)';
font-size: 18px;
font-weight: 400;
margin-left: 5px;
}
.variations .label {
font-size: 15px;
font-weight: 400 !important;
color: var(--primary-500);
margin-bottom: 5px !important;
}
.variations select {
font-size: 17px;
padding: 13px;
border-radius: 4px;
color: #455752;
border: 1px solid var(--primary-200);
width: 100%;
background: var(--primary-100);
}
.column.is-12.Kleur-holder label {
font-size: 17px;
}
.column.is-12.Kleur-holder span {
font-size: 15px;
font-weight: 400;
margin-left: 20px;
color: var(--primary-400);
}
.product_meta {
display: none;
}
ul.product-usps {
margin-top: 28px;
}
ul.product-usps li{
font-size: 15px;
color: var(--primary-500);
margin-bottom: 4px;
}
ul.product-usps li:first-child {
font-weight: 600;
color: var(--secondary-500);
}
ul.product-usps li:before {
content: url(https://www.tuinpoortshop.be/wp-content/themes/starter/img/check-mark-green.svg);
margin-right: 10px;
}
.over-ons-home-content .btn {
margin-top: 15px;
}
.accordion-section {
border: 1px solid #ccc;
margin-bottom: 10px;
}
.accordion-header {
background-color: #f0f0f0;
padding: 10px;
cursor: pointer;
}
.accordion-content {
padding: 10px;
display: none;
}
.builder-hero-foto img {
width: 100%;
max-height: 300px;
object-fit: cover;
display: block;
}
.container.container-small {
max-width: 910px !important;
margin: auto;
width: 100%;
}
.builder-hero-title-holder h1 {
font-size: 38px;
color: var(--primary-500);
margin: 0;
line-height: 120%;
max-width: 670px;
margin: auto;
}
.builder-hero-title-holder {
padding: 50px 50px 20px;
background: #fff;
margin-top: -110px;
border-radius: 4px 4px 0 0;
}
.container-micro {
max-width: 670px;
width: calc(100% - 32px);
margin: auto;
}
.full-width-text-content h3 {
font-size: 26px;
color: var(--primary-500);
line-height: 120%;
margin-bottom: 30px;
}
.full-width-text-content {
margin-bottom: 50px;
}
.builder-image-small-holder img {
display: block;
margin: 50px 0;
}
section.builder-image-left, section.builder-image-right {
margin: 60px 0;
}
.image-left-content-holder h3, .image-right-content-holder h3 {
color: var(--primary-500);
font-size: 36px;
margin-bottom: 27px;
}
section.builder-image-left .button-holder, section.builder-image-right .button-holder {
margin-top: 27px;
}
.full-width-text-content .button-holder {
margin-top: 27px;
}
.full-width-text-content.contact-content-holder a {
text-decoration: none;
font-weight: 500;
display: block;
margin: 0;
}
.full-width-text-content.contact-content-holder p{
margin-top: 0;
}
.full-width-text-content.contact-content-holder p:last-child a {
display: inline;
margin-left: 10px;
}
p.gform_required_legend {
display: none;
}
.full-width-text-content.contact-content-holder {
margin-top: 30px;
margin-bottom: 30px;
}
div#gform_fields_1 label {
font-size: 15px;
color: var(--primary-500);
font-weight: 500;
}
div#gform_fields_1 input, div#gform_fields_1 textarea {
font-size: 17px;
background: #fff;
border: 1px solid var(--primary-200);
box-shadow: none;
}
input#gform_submit_button_1 {
background: var(--secondary-300);
font-size: 1rem;
font-weight: bold;
color: var(--primary-500);
}
input#gform_submit_button_1:hover {
background: var(--secondary-400);
font-size: 1rem;
font-weight: bold;
color: var(--primary-500);
}
div#gform_fields_1 {
background: #F0F5F3;
padding: 30px;
border-radius: 4px;
}
section.google-map iframe {
width: 100%;
max-height: 400px;
margin-bottom: -10px;
}
.mini-cart {
display: none;
transition: all .2s;
}
.mini-cart:before {
content: '';
width: 100%;
height: 30px;
left: 0;
top: -30px;
position: absolute;
background: transparent;
} .cart-icon:hover + .mini-cart {
display: block;
}
.item-image img {
margin-top: 6px;
}
.mini-cart {
width: 380px;
position: absolute;
right: -20px;
top: calc(100% + 0px);
background: #fff;
border: 1px solid #D8E3E0;
border-radius: 0 0 5px 5px;
box-shadow: var(--shadow-xs);
}
.mini-cart-header:before {
width: 20px;
height: 20px;
position: absolute;
right: 20px;
top: -10px;
background: #F0F5F3;
content: '';
transform: rotate(45deg);
}
.woocommerce-message {
max-width: 1350px;
margin-left: 16px;
margin-right: 16px;
margin-top: 40px;
background: #EDF2DB;
border-radius: 4px;
border-top: 0;
display: flex;
flex-direction: column-reverse;
}
.mini-cart-header {
background: var(--primary-100);
padding: 16px;
color: var(--primary-500);
border-bottom: 1px solid #D8E3E0;
}
.mini-cart-header p {
margin: 0;
}
li.cart-item {
display: flex;
align-items: flex-start;
padding: 16px;
}
li.cart-item a {
text-decoration: none;
line-height: 1.2;
font-size: 15px;
display: block;
margin: 0;
}
.mini-kart-subtotal span.btwlabel {
font-size: 12px;
color: #708781;
font-weight: 400;
margin-left: 5px;
}
a.btn.secondary-button.mini-cart-btn {
display: block;
margin: 0 16px;
text-align: center; }
.mini-kart-subtotal {
display: flex;
font-size: 15px;
color: var(--primary-500);
justify-content: space-between;
padding: 0 16px;
}
.woocommerce-message a.button.wc-forward {
float: unset !important;
display: inline !important;
background: transparent;
width: auto;
min-width: unset;
height: auto;
font-weight: 700;
text-align: left;
padding: 0;
margin-top: 15px;
margin-bottom: 5px;
color: var(--secondary-500);
max-width: fit-content;
}
.mini-kart-footer {
background: var(--primary-100);
padding-bottom: 16px;
border-radius: 0 0 5px 5px;
}
.mini-cart p.item-name {
font-size: 15px;
color: var(--primary-500);
font-weight: 400;
margin: 0;
}
.item-image {
width: 100%;
max-width: 66px;
display: block;
}
li.cart-item{
display: flex;
align-items: flex-start;
padding: 16px;
gap: 20px;
border-bottom: 1px solid #D8E3E0;
justify-content: space-between;
}
.item-attributes li{
font-size: 12px;
color: #708781;
font-weight: 400;
}
p.item-attributes {
margin: 0;
}
p.item-price-aantal {
font-size: 15px;
margin: 0;
color: var(--primary-500);
font-weight: 600;
}
p.item-quantity {
font-size: 12px;
color: grey;
font-weight: 400;
margin: 0;
}
li.wc-block-grid__product {
border: 0;
flex: 1 0 30% !important;
margin: 20px;
border: 1px solid #D8E3E0;
border-radius: 5px;
}
a.wc-block-grid__product-link {
margin: 0;
}
.wc-block-grid__product-image img {
border-radius: 5px 5px 0 0;
}
li.wc-block-grid__product a {
text-decoration: none;
}
.wc-block-grid__product-title {
font-size: 20px !important;
padding: 0 16px !important;
}
li.wc-block-grid__product {
text-align: left;
}
.wc-block-grid__product-price.price {
padding: 0 16px;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart, a.wp-block-button__link.add_to_cart_button{
display: block !important;
margin: 0 36px;
max-width: calc(100% - 32px);
}
.wp-block-button.wc-block-grid__product-add-to-cart a{
background: var(--secondary-500);
font-size: 17px !important;
border-radius: 5px;
padding: 9px;
color: vaR(--primary-500);
}
h1.default-title {
font-size: 39px;
color: var(--primary-500);
margin-top: 0;
margin-bottom: 40px;
}
ul.sub-menu {
display: none;
}
.weglot-language:hover .sub-menu {
display: inline-block;
}
ul.sub-menu {
position: absolute;
right: 0;
z-index: 100;
bottom: -20px;
padding-top: 90px; }
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
background-color: currentColor;
content: "";
display: block;
height: 5em;
margin: 0 auto 2em;
mask-image: url(https://www.tuinpoortshop.be/wp-content/uploads/2024/05/326700_cart_shopping_icon.png) !important;
mask-position: center;
mask-repeat: no-repeat;
mask-size: 5em;
width: 5em;
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper {
border-top: 0;
}
section.builder-image-left,section.builder-image-right {
padding-left: 16px;
padding-right: 16px;
}
section.builder-image-left img,section.builder-image-right img{
border-radius: 5px;
}
.wp-block-woocommerce-checkout-order-summary-block {
padding: 20px;
background: #DFEAE7;
border-radius: 5px;
}
.sub-menu li{
padding-top: 20px;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block th span, .wp-block-woocommerce-cart-order-summary-block span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
color: vaR(--primary-500);
font-weight: 600;
font-family:var(--main-font-family);
}
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value {
font-family: var(--main-font-family);
font-weight: bold;
color: var(--primary-500);
}
p.item-price-aantal {
min-width: 60px;
}
a.wc-block-components-product-name {
margin: 0;
text-decoration: none;
font-weight: bold;
font-size: 20px;
}
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-item__value{
color: var(--primary-500);
}
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
background: var(--secondary-300);
border-radius: 4px;
}
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, button.components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
background: var(--secondary-300);
border-radius: 4px;
color: var(--primary-500);
font-family: var(--main-font-family);
font-weight: 700;
text-decoration: none;
transition: all .2s;
}
button.components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
font-size: 16px;
border: none;
height: auto;
padding: 15px;
}
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover{
background: var(--secondary-400);
border-radius: 4px;
color: var(--primary-500);
font-family: var(--main-font-family);
font-weight: 700;
text-decoration: none;
}
button.components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {
background: var(--secondary-400);
}
.wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block input {
background: var(--primary-100) !important;
border: 1px solid var(--primary-200) !important;
}
.wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block {
color: var(--primary-500);
}
li.handleidingen-item {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
border-top: 1px solid var(--Tuinpoortshop-Primary-300, #BAD1CB);
padding-top: 5px;
padding-bottom: 5px;
}
p.empty-cart-text {
color: var(--primary-500);
padding: 0 15px;
}
li.handleidingen-item > div:last-child a {
text-decoration: none;
display: inline-flex;
margin-left: 10px;
width: 50px;
height: 50px;
border-radius: 50%;
background: var(--secondary-100);
justify-content: center;
align-items: center;
}
li.handleidingen-item > div:first-child a {
text-decoration: none;
font-weight: 400;
margin: 0;
font-size: 18px;
}
li.handleidingen-item > div:first-child h6, li.handleidingen-item > div:first-child p {
margin: 0;
}
li.handleidingen-item > div:first-child p {
font-size: 14px;
color: #455752;
margin-top: 5px;
}
li.handleidingen-item > div:first-child p span {
background: var(--secondary-100);
color: var(--primary-500);
padding: 3px 10px;
border-radius: 13px;
}
.pdf-icon g path, a.pdf-icon, .pdf-icon svg{
transition: all .5s;
}
a.see-pdf-icon.pdf-icon:hover g path:last-child {
fill: var(--primary-500);
}
a.download-pdf-icon.pdf-icon:hover path:last-child, a.download-pdf-icon.pdf-icon:hover path:nth-child(2){
animation: nudge 0.5s ease;
}
a.pdf-icon:hover{
background: var(--secondary-200) !important;
}
@keyframes nudge {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-5px);
}
100% {
transform: translateY(0);
}
}
.faqs .accordion {
background-color: transparent;
color: var(--primary-500);
cursor: pointer;
padding: 18px 0;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
display: block;
margin:0;
text-decoration: none;
font-size: 18px;
font-weight: 400;
font-family: var(--main-font-family);
}
.faqs .active-faq, .faqs .accordion:hover {
color: var(--secondary-500);
}
.faqs .accordion:after {
content: url(https://www.tuinpoortshop.be/wp-content/themes/starter/img/faq-down.svg);
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
margin-right: 15px;
}
.faqs .active-faq:after {
content: url(https://www.tuinpoortshop.be/wp-content/themes/starter/img/faq-up.svg);
} .faqs .panel {
padding: 0;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s   ease-out;
margin: 0;
box-shadow: unset;
}
.faqs .accordion  {
border-top: 1px solid var(--Tuinpoortshop-Primary-300, #BAD1CB);
}
.faqs .accordion {
border-top: 1px solid var(--Tuinpoortshop-Primary-300, #BAD1CB);
position: relative;
}
.panel p {
margin-top: 0;
}
.gallery-item img {
height: 300px;
width: 100%;
object-fit: cover;
display: block;
}
section.galerij {
margin: 60px 0;
padding: 0 16px;
}
@media screen and (min-width: 768px){
.full-width-text-content.contact-content-holder {
display: flex;
justify-content: space-between;
}
.woocommerce-message {
max-width: 1350px;
margin: auto;
margin-top: 40px;
background: #EDF2DB;
border-radius: 4px;
border-top: 0;
}
.gallery-item img {
height: 400px;
}
}
@media screen and (min-width: 1024px){
.full-width-text-content.contact-content-holder {
display: flex;
justify-content: space-between;
align-items: flex-top;
}
.full-width-text-content.contact-content-holder p:last-child {
margin-top: 10px;
}
}
.wc-block-components-totals-item.wc-block-components-totals-footer-item span {
color: var(--primary-500) !important;
}
form.checkout.woocommerce-checkout input:not(input#ship-to-different-address-checkbox), input#coupon_code {
background-color: #fff; border-radius: 4px;
box-sizing: border-box;
color: var(--primary-500);
font-family: inherit;
font-size: 16px;
line-height: 1em;
margin: 0;
min-height: 0;
padding: 1em;
background: var(--primary-100) !important; }
.woocommerce-invalid.woocommerce-invalid-required-field span {
border: 1px solid red !important;
}
textarea#order_comments{
background: var(--primary-100) !important;
border: 1px solid var(--primary-200) !important;
border-radius: 4px;
color: var(--primary-500);
font-family: inherit;
font-size: 16px;
padding: 1em;
height: 150px;
}
.woocommerce-info {
border-top-color: var(--primary-500);
background: var(--primary-100);
border-radius: 5px;
}
form.checkout_coupon.woocommerce-form-coupon .form-row {
float: left;
}
dl.variation dt {
font-size: 16px;
font-weight: 500;
min-width: 100px;
}
section.default-page-template.section-divider {
padding: 16px;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
content: "";
display: block;
border: 1em solid var(--secondary-300);
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -.75em;
left: 0;
margin: -1em 0 0 2em;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
position: relative;
box-sizing: border-box;
width: 100%;
padding: 1em;
margin: 1em 0;
font-size: .92em;
border-radius: 2px;
line-height: 1.5;
background-color: var(--secondary-300);
color: var(--primary-500);
border-radius: 5px;
}
table.shop_table.woocommerce-checkout-review-order-table tr td bdi, table.shop_table.woocommerce-checkout-review-order-table tr td {
color: var(--primary-500);
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: var(--primary-100);
border: 1px solid var(--primary-200);
border-radius: 5px;
}
dl.variation dd p {
display: inline !important;
color: var(--primary-500);
font-weight: bold;
margin-left: 0px;
}
table.shop_table.woocommerce-checkout-review-order-table .product-name:not(dl) {
color: var(--primary-500 );
font-weight: 500;
margin-bottom: 10px !important;
display: block;
font-size: 20px;
}
table.shop_table.woocommerce-checkout-review-order-table .variation {
font-size: 1rem;
}
table.shop_table.woocommerce-checkout-review-order-table thead {
background: var(--primary-100);
color: var(--primary-500) !important;
}
table.shop_table.woocommerce-checkout-review-order-table th {
color: var(--primary-500);
}
button.button {
background: var(--secondary-500) !important;
color: var(--primary-500) !important;
padding: 18px !important;
height: auto;
}
table.shop_table.woocommerce-checkout-review-order-table th {
background: var(--primary-100);
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
font-family: WooCommerce;
content: "\e028";
display: inline-block;
position: absolute;
top: 1em;
left: 1.5em;
color: var(--primary-500) !important;
}
.woocommerce form .form-row label {
font-weight: 500;
font-size: 16px;
color: var(--primary-500);
}
.woocommerce .col2-set, .woocommerce-page .col2-set {
width: 100%;
}
div#customer_details h3 {
color: var(--primary-500);
}
input#ship-to-different-address-checkbox {
padding: 10px;
width: 20px;
height: 17px;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
font-size: 23px;
}
@media screen and (max-width: 768px){
.builder-hero-title-holder {
padding: 20px 16px 20px;
background: #fff;
margin-top: 0px;
border-radius: 4px 4px 0 0;
}
section.builder-image-left, section.builder-image-right {
padding: 0 16px;
}
section.builder-image-right .columns {
flex-direction: column-reverse;
display: flex;
}
.column.is-6.is-offset-6 {
border-radius: 0 0 4px 4px;
}
.full-width-text-content.contact-content-holder {
margin-top: 0;
margin-bottom: 30px;
}
section.default-page-template.section-divider {
padding: 60px 16px;
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
width: 100% !important;
clear: none!important;
}   
main#main {
padding: 0 16px;
}
section.whats-in-package {
padding: 80px 16px;
}
.whats-in-package-cards {
padding: 32px;
background: #fff;
border-radius: 5px;
display: block;
margin-bottom: 32px;
gap: 20px;
}
a.btn.icon-text.ghost-button {
font-size: 15px;
}
section.related.products ul {
padding: 0 16px;
}
section.related.products > h2 {
text-align: center;
margin-bottom: 30px;
color: var(--primary-500);
}
section.related-products-section {
padding: 10px 0;
background: #F0F5F3;
margin: 60px 0 0;
}
.woocommerce-message {
margin: 0;
margin-top: 20px;
}
.wc-block-cart__submit-container.wc-block-cart__submit-container--sticky {
background: #fff !important;
}
.wc-block-components-checkout-step__heading {
margin-top: 0;
}
}
a.mobile-cart-icon-link {
margin: 0;
}
.woocommerce ul.products li.product a img {
aspect-ratio: 1/1;
object-fit: cover;
}
@media screen and (min-width: 768px) and (max-width: 1024px){
section.image-left-small {
margin: 100px 0px 100px;
box-sizing: border-box;
padding: 0 24px;
} }
.whats-in-package-content ul {
list-style: disc;
padding-left: 40px;
}
.woocommerce-product-gallery__image {
border-radius: 3px;
}
form.variations_form.cart select {
font-family: var(--secondary-font-family);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
form .value {
position: relative;
}
form.variations_form.cart .value:after {
content: url(https://www.tuinpoortshop.be/wp-content/themes/starter/img/select-arrow.svg);
position: absolute;
right: 15px;
top: 11px;
}
.column.is-12.Kleur-holder .value:after {
content: '';
}
.quantity-arrows {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.quantity-arrow {
cursor: pointer;
}
.quantity-arrows button {
border: none;
background: #F0F5F3;
padding: 0;
}
.quantity {
display: flex;
}
button.quantity-arrow.quantity-arrow-down img {
transform: rotate(180deg);
} .quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button,
.quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quantity input[type="number"] {
-moz-appearance: textfield; }
.woocommerce .quantity .qty {
color: #455752;
font-size: 17px;
padding: 0;
width: 40px;
border-radius: 5px 0 0 5px;
}
.quantity-arrows button {
height: 50%;
width: 29px; }
.quantity-arrows {
border: 1px solid var(--primary-200);
border-left: 0;
border-radius: 0 5px 5px 0;
height: 99%;
}
button.quantity-arrow.quantity-arrow-up {
border-radius: 0 5px 0 0;
}
button.quantity-arrow.quantity-arrow-down {
border-radius: 0 0 5px 0;
}
.woocommerce div.product form.cart .variations label {
font-weight: 500 !important;
text-align: left;
font-size: 15px;
}
@media screen and (min-width: 1024px){
h1.woocommerce-products-header__title.page-title {
color: var(--primary-500);
font-size: 38px;
}
}
@media screen and (max-width: 768px){
.builder-hero-foto img {
width: 100%;
max-height: 150px;
object-fit: cover;
display: block;
}
.faqs .accordion:after {
content: url(https://www.tuinpoortshop.be/wp-content/themes/starter/img/faq-down.svg);
color: #777;
font-weight: bold;
float: unset;
margin-left: 5px;
margin-right: unset;
}
}
.wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
background: #DFEAE7;
padding: 20px !important;
border-radius: 5px;
padding-bottom: 0;
}
.wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
border: none;
padding-top: 0;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
display: none !important;
}
button.components-button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
border: none;
font-size: 17px;
color: var(--primary-500);
font-weight: 500;
text-decoration: underline;
}
.wc-block-components-text-input input[type=text] {
border: none;
}
tr.wc-block-cart-items__header {
display: none;
}
span.wc-block-components-totals-item__label {
color: var(--primary-500);
}
p.wc-block-components-totals-footer-item-tax {
margin: 0;
color: var(--primary-500);
}
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
background: var(--secondary-400) !important;
}
.wc-block-checkout__payment-method .wc-block-components-radio-control {
border: 1px solid var(--primary-200) !important;
border-radius: 4px;
}
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option, .wc-block-checkout__payment-method .wc-block-components-radio-control__option {
border-top: 1px solid hsla(0,0%,7%,.11);
border-color: var(--primary-200) !important;
}
p#billing_address_2_field:before, p#shipping_address_2_field:before {
content: 'Busnummer (optioneel)';
font-size: 15px;
font-weight: 500;
color: var(--primary-500);
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
background: var(--primary-500);
color: #fff;
text-decoration: none;
font-weight: bold;
}
span.wc-block-components-shipping-rates-control__package__description--free:after {
content: ' test';
content: 'Als je kiest voor afhalen, leg dan een afhaalmoment vast op +32 14 74 96 70 of info@tuinafsluiter.be.';
display: block;
font-weight: 400;
text-transform: math-auto;
}