:root {
    --color-grijsbruin: #4B4746;
    --color-wit: #ffffff;
    --color-grijs: #D9D9D9;
    --color-lichtgrijs: #f1f3f4;
    --color-witgroen: #f7f8f1;
    --color-groengeel:#E5E7D1;
    --color-projecten:#CCD9E1;
    --color-perzik:#F6ECE4;
    --font-size-tag: 14px;
    --font-size-p-caps: 18px;
    --font-size-p: 17px;
    --font-size-h1: 62px;
    --font-size-h1-mobile: 52px;
    --font-weight-h1: 300;
    --font-size-h2: 48px;
    --font-size-h3: 36px;
    --font-size-h4: 32px;
    --font-size-h5: 22px;
    --font-size-h6: 18px;
    --max-screen-width:1260px;
    --default-horizontal-padding: 20px;

    --cmplz_text_font_size: 17px !important;
    --cmplz_text_line_height: 1.6 !important;
    --cmplz_text_color: #000 !important;
}

.cmplz-cookiebanner .cmplz-title {
    text-transform: uppercase;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
    border: 1px solid var(--color-grijsbruin) !important;
    color: var(--color-grijsbruin);
    padding: 6px 16px;
    font-size: 14px !important;
    background-color: transparent;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.3s ease;
    text-decoration: none;
    border-radius: 0px !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description, .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title {
    font-size:16px !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
    background-color: var(--color-grijsbruin) !important;
    color: var(--color-wit) !important;
}

.cmplz-btn:hover {
    background-color: var(--color-grijsbruin) !important;
    color: var(--color-wit) !important;
}

h1 { font-size: var(--font-size-h1);}
h2 { font-size: var(--font-size-h2); font-weight:400; margin-bottom:28px; margin-top: -8px;}
h3 { font-size: var(--font-size-h3); font-weight:400; margin-bottom:28px; margin-top: -6px;}
h4 { font-size: var(--font-size-h4); font-weight:400}
h5 { font-size: var(--font-size-h5); font-weight:400}

h1, h2, h3, h4, h5 {
    color: var(--color-grijsbruin);
    text-transform: uppercase;
    line-height:1;
}

a {
    color:inherit;
}


h4 {
    text-transform: none;
    margin-bottom:10px;
}

h1 {
    font-size: var(--font-size-h1);
    font-weight: var(--font-weight-h1);
    text-align:center;
}

@media screen and (max-width: 768px) {
    h1 {
        font-size: var(--font-size-h1-mobile);
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
}

body {
    font-family: 'Cairo', sans-serif;
    line-height: 1.6;
    overflow-x: hidden;
    font-size: var(--font-size-p);
}

p, label, li {
    font-weight: 300;
}
.site-content ul:not(.splide__list):not(.splide__pagination) > li,
.site-content ol:not(.splide__list):not(.splide__pagination) > li {
    margin-left: 30px;
}
.site-content ul {
    margin-bottom: 20px;
}

body.no-header {
    padding-top:0px;
}

.site-content {
    /*width:100vw;*/
}

.site-main {
    margin: 0 auto;
    /*padding-top:70px;*/
}

.site-main h1 {
    margin-bottom:40px;
}
.content-pagina .wp-block-group:not(.footer-block) {
    max-width:940px;
}

.site-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: all 0.3s ease;
}

@media (max-width: 1024px) {
    .site-header {
        display:none;
    }
}

.site-footer {
    padding: 1rem;
    text-align: center;
}

.container {
    max-width: var(--max-screen-width);
    margin: 0 auto;
    padding: 0 20px;
}

.container h1 {
    margin-bottom:40px;
}


.tag {
    text-transform: uppercase;
}


.button, .bakker-button, .bakker-kennisbank-button {
    border: 1px solid var(--color-grijsbruin) !important;
    color: var(--color-grijsbruin);
    padding: 6px 16px;
    font-size: var(--font-size-p-caps);
    background-color: transparent;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.3s ease;
    text-decoration: none;
    border-radius:0px !important;
    cursor: pointer;
    display:inline-block;
    font-family: 'Cairo', sans-serif;
    line-height:1.6;

}
.button:hover, .bakker-button:hover {
    background-color: var(--color-grijsbruin);
    color: var(--color-wit);
}

.button.active {
    background-color: var(--color-grijsbruin);
    color: var(--color-wit);
}

.bakker-kennisbank-button {
    width:auto !important;
}

.wpcf7-checkbox .wpcf7-list-item-label {
    font-weight:300;
}

.wp-block-video video,
.wp-block-embed iframe,
.wp-block-embed__wrapper iframe {
    width: 100%;
    height: auto;
}

.responsive-video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
}

.responsive-video iframe,
.responsive-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

a.wp-block-bakker-button-link.button {
    margin-top: 20px;
    display: inline-block;
}

@media (max-width: 1024px) {
    .site-main {
        padding-top: 0px;
    }
}

.content-block-1, .content-block-4 {
    max-width: var(--max-screen-width);
    margin: 0 auto;
    text-align: center;
    padding:0px 20px;
    font-size: var(--font-size-p);
}
.pagetitle {
    padding-top:90px;
}

.content-block-4 {
    text-align:left;
}

.content-block-1 h2,.content-block-4 h2 {
    margin-bottom: 20px;
}

.content-block-1 p {
    max-width: 80%;
    margin: 0 auto;
}

.site-main p, .header-text p, .header-more-text p {
    margin-bottom:20px;
    padding-right:40px;
}

@media (max-width: 1024px) {
    .site-main p, .header-text p, .header-more-text p {
        padding-right: 0;
    }
}

.has-background-dim {
    opacity: .1!important;
}

.content-block-2 {
    min-height:600px;
    position: relative;
}
@media (max-width: 1024px) {
    .content-block-2 {
        min-height:400px;
    }
}
.content-block-2 .has-large-font-size {
    font-size: var(--font-size-h1) !important;
    font-weight:200;
    text-transform: uppercase;
    max-width: var(--max-screen-width);
    line-height:1.1;
    margin:0 auto;
}

.content-block-2::before  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.1) 0%,
            rgba(0, 0, 0, 0.05) 25%,
            rgba(0, 0, 0, 0.05) 75%,
            rgba(0, 0, 0, 0.1) 100%
    );
    pointer-events: none;
    z-index:1;
}
.content-block-2 p {
    position: relative;
    z-index:20;
}

.content-block-container, .block-library-block__reusable-block-container {
    max-width: var(--max-screen-width);
    margin: 0 auto;
    padding:0px var(--default-horizontal-padding);
}

.wp-block-columns.content-block-3 {
    min-height: 0;
}

.achtergrond-1 {
    background-color:#E3E6D2;
}
.achtergrond-2 {
    background-color:#EDD1BD;
}
.achtergrond-3 {
    background-color:#E8C8B0;
}
.achtergrond-4 {
    background-color:#CCD9E1;
}
.achtergrond-5 {
    background-color:#F6ECE4;
}
.achtergrond-6 {
    background-color:#F1F3F4;
}

.wp-block-column.image-column {
    position: relative;
    min-height: 0;
}

.image-column figure {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}
@media (max-width: 1024px) {
    .image-column figure {
        position: relative;
    }
}

.image-column img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height:300px;
}
.content-block-container h2 {
    margin-bottom:20px;
}

.content-block-container h5 {
    margin-bottom:20px;
    font-weight: 400;
}

.text-column {
    padding: 80px 40px;
}


.kenmerken-container {
    padding: 40px;
    border:1px solid var(--color-grijsbruin);
}

.kenmerken-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-top: 10px;
    padding-right: 40px;
}

.kenmerken-container li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    line-height: 1.4;
    font-size: var(--font-size-h6);
}

.kenmerken-container li:before {
    content: "";
    position: absolute;
    top: 0.14em; /* Pas deze waarde aan voor perfecte uitlijning */
    left: 0;
    width: 11px;  /* Breedte van de SVG */
    height: 17px; /* Hoogte van de SVG */
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2711%27%20height%3D%2717%27%20viewBox%3D%270%200%2011%2017%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M1.15503%2016.655L9.31003%208.50003L1.15503%200.345029%27%20stroke%3D%27black%27/%3E%3C/svg%3E")
    no-repeat center center;
    background-size: contain;
}

.no-margin {
   margin:0 auto;
}


.p-10 { padding-top:10px; padding-bottom:10px; }
.p-20 { padding-top:20px; padding-bottom:20px; }
.p-30 { padding-top:30px; padding-bottom:30px; }
.p-40 { padding-top:40px; padding-bottom:40px; }
.p-50 { padding-top:50px; padding-bottom:50px; }
.p-60 { padding-top:60px; padding-bottom:60px; }
.p-70 { padding-top:70px; padding-bottom:70px; }
.p-80 { padding-top:80px; padding-bottom:80px; }
.p-90 { padding-top:90px; padding-bottom:90px; }
.p-100 { padding-top:100px; padding-bottom:100px; }

.pt-10 { padding-top:10px }
.pt-20 { padding-top:20px }
.pt-30 { padding-top:30px }
.pt-40 { padding-top:40px }
.pt-50 { padding-top:50px }
.pt-60 { padding-top:60px }
.pt-70 { padding-top:70px }
.pt-80 { padding-top:80px }
.pt-90 { padding-top:90px }
.pt-100 { padding-top:100px }

.pb-10 { padding-bottom:10px }
.pb-20 { padding-bottom:20px }
.pb-30 { padding-bottom:30px }
.pb-40 { padding-bottom:40px }
.pb-50 { padding-bottom:50px }
.pb-60 { padding-bottom:60px }
.pb-70 { padding-bottom:70px }
.pb-80 { padding-bottom:80px }
.pb-90 { padding-bottom:90px }
.pb-100 { padding-bottom:100px }

.pl-10 { padding-left:10px }
.pl-20 { padding-left:20px }
.pl-30 { padding-left:30px }
.pl-40 { padding-left:40px }
.pl-50 { padding-left:50px }
.pl-60 { padding-left:60px }
.pl-70 { padding-left-top:70px }
.pl-80 { padding-left:80px }
.pl-90 { padding-left:90px }
.pl-100 { padding-left:100px }

.m-10 { margin-top:10px!important; margin-bottom:10px!important; }
.m-20 { margin-top:20px!important; margin-bottom:20px!important; }
.m-30 { margin-top:30px!important; margin-bottom:30px!important; }
.m-40 { margin-top:40px!important; margin-bottom:40px!important; }
.m-50 { margin-top:50px!important; margin-bottom:50px!important; }
.m-60 { margin-top:60px!important; margin-bottom:60px!important; }
.m-70 { margin-top:70px!important; margin-bottom:70px!important; }
.m-80 { margin-top:80px!important; margin-bottom:80px!important; }
.m-90 { margin-top:90px!important; margin-bottom:90px!important; }
.m-100 { margin-top:100px!important; margin-bottom:100px!important; }

.mt-10 { margin-top:10px!important; }
.mt-20 { margin-top:20px!important; }
.mt-30 { margin-top:30px!important; }
.mt-40 { margin-top:40px!important; }
.mt-50 { margin-top:50px!important; }
.mt-60 { margin-top:60px!important; }
.mt-70 { margin-top:70px!important; }
.mt-80 { margin-top:80px!important; }
.mt-90 { margin-top:90px!important; }
.mt-100 { margin-top:100px!important; }

.mb-10 { margin-bottom:10px!important; }
.mb-20 { margin-bottom:20px!important; }
.mb-30 { margin-bottom:30px!important; }
.mb-40 { margin-bottom:40px!important; }
.mb-50 { margin-bottom:50px!important; }
.mb-60 { margin-bottom:60px!important; }
.mb-70 { margin-bottom:70px!important; }
.mb-80 { margin-bottom:80px!important; }
.mb-90 { margin-bottom:90px!important; }
.mb-100 { margin-bottom:100px!important; }

.center {
    text-align:center;
}


.breadcrumb {

    list-style: none;
    padding: 0;
    margin: 0;
    margin-top:10px;
}

.breadcrumb li {
    display: inline;
    font-size: 16px;
    color: #fff;
}

.no-header .breadcrumb li {
    color: var(--color-grijsbruin);;
}

.sticky .breadcrumb {
    display:none;
}

.breadcrumb li a {
    text-decoration: none;
    color: inherit;
}

.breadcrumb li + li::before {
    content: ">";
    margin: 0 8px;
    color: inherit;
}

.breadcrumb-mobile {
    display: none;
}
@media screen and (max-width: 768px) {
    .breadcrumb-mobile {
        display: block;
    }
}

.breadcrumb-mobile  {
    position: absolute;
    z-index: 100;
    left: 20px;
    top: 20px;
}

.breadcrumb-mobile a {
    text-decoration: none;
    color: var(--color-wit);
}

.no-header .breadcrumb-mobile a {
    color: var(--color-grijsbruin);;
}



.wp-block-list-item.wp-block {
    margin-left: initial;
    margin-right: initial;
}

.content-block-3-afbeelding .components-resizable-box__container, .content-block-3-afbeelding div {
    height: 100% !important;
    max-height: none !important;
}

html :where(.wp-block){
    margin-bottom:28px;
    margin-top:28px;
    max-width:unset;
}

:where(.wp-block-columns.is-layout-flex) {
    gap:unset;
}


.stone-card {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    cursor: pointer;
    height: 300px;
    overflow: hidden;
    position:relative;
}


.card-titel {
    padding:10px 0px;
    flex: 0 0 auto;
    margin: 0;
}

.card-grid {
    gap: 20px;
}

.card-afbeelding {
    flex: 1 1 auto;
    width: 100%;
    display: block;
    margin:0px;
}

.card-afbeelding img {
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: center;
}

.editor-styles-wrapper .card-afbeelding img {
    height: 280px;
    width: 100%;
}

.card-meer-info {
    position: absolute !important;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:10;
}
.editor-styles-wrapper .card-meer-info {
    bottom: 10px;
}
.card-meer-info a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: var(--font-size-p-caps);
    background-color:unset;
    font-weight:400;
}

p.card-meer-info {
    margin-bottom: 0px;
}

.editor-styles-wrapper .card-meer-info a {

}

.site-main .post {
    padding-top:60px;
    padding-bottom:90px;
}

.dealers p {
    text-align:left !important;
}

.asl-cont {
    --sl-font-size: 16px !important;
    --sl-title-size: 16px !important;
    --sl-btn-size: 16px !important;
}
#asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter label, #asl-storelocator.asl-cont .asl-wrapper .Filter_section .asl-name-search label {
    margin-bottom: .8rem !important;
}

#asl-storelocator {
    margin-top:60px;
}

#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .addr-loc ul li i {
    margin-top: 8px;
}
.asl-cont.asl-template-0.asl-bg-0 {
    --sl-primary: #4B4746 !important;
    --sl-header: #f7f7f7 !important;
    --sl-header-color: #555d66 !important;
    --sl-infobox-color: #555d66 !important;
    --sl-infobox-bg: #fff !important;
    --sl-infobox-a: #4B4746 !important;
    --sl-action-btn-color: #fff !important;
    --sl-action-btn-bg: #4B4746 !important;
    --sl-color: #555d66 !important;
    --sl-list-bg: #fff !important;
    --sl-list-title: #32373c !important;
    --sl-list-sub-title: #6a6a6a !important;
    --sl-highlighted: #faeae6 !important;
    --sl-highlighted-list-color: #4B4746 !important;
    --asl-mrk-infobox-clr: #4B4746 !important;
}

.wp-block-image a {
    display: inline;
}