/*
 Theme Name:   Coatingvloer
 Theme URI:    https://www.yadi.nl
 Description:  Coatingvloer GeneratePress child theme
 Author:       Melvin Jansen
 Author URI:   https://www.yadi.nl
 Template:     generatepress
 Version:      0.1
*/

/* MJa - mobile header */
/* @media only screen and (min-width: 600px) {
	.yw-mob-desk-container { }
	.yw-mob-hero-container { display: none; }
}
@media only screen and (max-width: 600px) {
	.yw-mob-desk-container { display: none; }
	.yw-mob-hero-container { border: 1px solid red; }
}
*/

/* BOF new page hero */

.gbp-section--lg.gb-element-ae53fe85 {
    position: relative !important;
    overflow: hidden !important;
}

@media (max-width: 768px) {
    .gbp-section--lg.gb-element-ae53fe85 {
        min-height: 60vh !important;
    }
}

.gbp-section--lg.gb-element-ae53fe85 picture.gb-media-16d40e35 {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
}

.gbp-section--lg.gb-element-ae53fe85 picture.gb-media-16d40e35 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.gbp-section--lg.gb-element-ae53fe85 .gbp-section__inner {
    position: relative !important;
    z-index: 2 !important;
}

.gbp-section--lg.gb-element-ae53fe85::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.35) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}
/* EOF new page hero */

/* ===== VIDEO/IMAGE HERO ===== */

.hero-container {
    position: relative;
    overflow: hidden;
}

.hero-content {
    position: relative;
    z-index: 2;
}

/* Video als achtergrond (desktop) */
.hero-bg-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

/* Mobiele afbeelding standaard verbergen (desktop toont video) */
.hero-bg-image-mobile {
    display: none;
}

/* ===== MOBIEL (max 768px) ===== */
@media (max-width: 768px) {
    .hero-container {
        min-height: 70vh;
    }

    /* Video uit de layout */
    .hero-bg-video {
        display: none !important;
    }

    /* Mobiele afbeelding als achtergrond */
    .hero-bg-image-mobile {
        display: block !important;
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .hero-bg-image-mobile img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    /* Donkere overlay — boven afbeelding (1), onder content (3) */
    .hero-container::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        z-index: 2;
        pointer-events: none;
    }

    /* Content bovenop alles */
    .hero-content {
        position: relative;
        z-index: 3 !important;
    }
}
/* EOF video header */

/* BOF header test */
.hero-container {
    position: relative;
    overflow: hidden;
}
.hero-bg-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.hero-bg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; /* of bijv. 'center bottom' */
}
.hero-content {
    position: relative;
    z-index: 1;
    /* eventueel padding, text-align center, etc. */
}

/**/
.hero-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35); /* pas opacity aan */
    z-index: 0;
}
.hero-bg-image {
    z-index: -1; /* image gaat onder de overlay */
}


/* EOF header test */

/* BOF header links */
.yw-header-container .gb-text a { color: #222222;}
.yw-header-container .gb-text a:hover { color: #111111; border-bottom: 1px dotted #111; text-decoration: none; }
/* EOF header links */

/* BOF Rank Math FAQ container-look */
.faq-wrap {
    background-color: var(--new-layout-color-1);
    padding: 40px 20px 80px 20px;
    box-sizing: border-box;
	margin-top: 0px!important;
}
.faq-wrap .rank-math-list {
	max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
/* EOF Rank Math FAQ container-look */

/* BOF Rank Math FAQ */
.rank-math-list-item {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    margin-bottom: 10px;
    overflow: hidden;
    background: #fff;
}
.rank-math-question {
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    margin: 0 !important;
    padding: 18px 50px 18px 20px;
    font-size: 1.05em;
    font-weight: 600;
    cursor: pointer;
    background: #f9f9f9;
    transition: background 0.2s ease;
    user-select: none;
}
.rank-math-question:hover {
    background: #f1f1f1;
}
.rank-math-question::after {
    content: "+";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5em;
    font-weight: 400;
    transition: transform 0.3s ease;
    line-height: 1;
}
.rank-math-list-item.is-open .rank-math-question::after {
    content: "−";
    transform: translateY(-50%) rotate(180deg);
}
.rank-math-answer {
    display: block;
    max-height: 0;
    margin: 0 !important;
    padding: 0 20px;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}
.rank-math-list-item.is-open .rank-math-answer {
    max-height: 1000px;
    padding: 18px 20px;
    border-top: 1px solid #e5e5e5;
}
/* EOF Rank Math FAQ */

/**
 ** Test
 **/
.mega-toggle-animated.mega-toggle-animated-slider{ color:#fff;}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated { color: #fff!important; }
#mega-toggle-block-1 { display: none; }

.mega-toggle-block.mega-menu-toggle-animated-block.mega-toggle-block-1 { display: none!important; }
#mega-toggle-block-1 {}

.yw-img-bg { z-index: -1; }
.gb-bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  object-position: bottom;
}
.yw-hero {
  position: relative;
  overflow: hidden; /* voorkomt dat de img buiten de container zichtbaar is */
}

/* hier */
.hero{
  position: relative;
  overflow: hidden;
  /* min-height: 60vh; */ /* of bijv. 400px */
}

/* GB Image block wrapper */
.hero .hero__img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  margin: 0;
}

/* Het echte <img> binnen de GB Image */
.hero .hero__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}

/* Content bovenop */
.hero .hero__content{
  position: relative;
  z-index: 2;
}
/* einde */

.hero{
  position: relative;
  overflow: hidden;
  min-height: 60vh; /* of 400px */
}

.hero__media{
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  height: 100%;
}

/* BELANGRIJK: reset oude absolute-styling op hero__img */
.hero__media > img.hero__img{
  position: relative !important;
  inset: auto !important;

  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

  /* ook belangrijk in sommige themes/plugins */
  max-width: none !important;
}

@media (max-width: 768px){
  .hero__media{
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }
}



/*
 * .yw-hero-overlay { z-index: -1; }
.gb-container-52f4ad68 { z-index: 10; background-color: #fff; }
*/
/* END */

/* WP show posts latest articles */
#wpsp-18176 .wp-show-posts-inner { background-color: #fff; padding: 20px; }
#wpsp-18176 .wp-show-posts-inner h3.wp-show-posts-entry-title a { color: #7fc945!important; font-size: 22px; text-decoration: underline; }
#wpsp-18176 .wpsp-read-more a { color: #7fc945!important; }
#wpsp-18176 .wpsp-read-more { border: none!important; }
#wpsp-18176 a.wp-show-posts-read-more, #wpsp-18176 a.wp-show-posts-read-more:visited { border: none!important; }

/* GF submit button */
body .gform_wrapper .gform_footer input[type=submit]#gform_submit_button_1 {
color:#ffffff;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 24px;
padding-right: 24px;
border: 1px solid rgba(114,114,114,0.4);
border-radius: 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #7fc945;
}

/* geen border */
h2.yw-bottom-border-none:after { display: none; height: 0px; margin-top: 0; width: 0; }
/* geen top margin */
.yw-margin-top-none { margin-top: 0!important; }
/* nieuwe layout aanpassingen */
.yw-list-checks {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    margin: 0;
    list-style: none;
    padding-top: 20px;
    padding-bottom: 5px;
}
.yw-list-checks li {
    position: relative;
    padding-left: 3rem;
    margin-bottom: 15px;
}
.yw-list-checks li::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    margin-top: -1px;
    border-radius: 100%;
    background-color: #7FC945;
    background-image: url(/wp-content/uploads/2024/06/checkmark-white.svg);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: center 10px;
}
.yw-list-checks li strong {
    /* font-size: 21px;
    margin-bottom: -12px; */
    display: block;
    line-height: 1;
}
.yw-display-none { display: none; }

/* landingspagina */
section.category-landingspagina { border: 0px solid silver; }
.gb-button { border-radius: 8px; }

/* remove margin */
.gb-grid-wrapper-22b30043, .gb-grid-wrapper-b3dab395 {
    margin-left: -40px!important; }
/* stop horizontal scroll */
body {
    overflow-x: hidden;
}
.dynamic-author-image-rounded img {
    border-radius: 100%!important;
}

/* list with check icons */
.yw-list-check { list-style: none; }

/* FAQ accordeon */
.yw-accordeon-faq { border-radius: 5px; background-color: #F8F7F4!important; border: 1px solid #F8F7F4; margin-bottom: 10px; }
.yw-accordeon-faq button.gb-button { background-color: #F8F7F4!important; }

/* button no border radius */
.gb-button.yw-no-radius { border-radius: 0px; }
.gb-button.yw-no-radius:hover { border-radius: 8px; }

/* table caption */
table caption { font-style: italic; }

/* artikelen */
.wp-show-posts-image img { width: 100%; height: auto; }

/* top bar links */
.gb-button-wrapper-5253ba64 a:hover { color: #7fc945; }
.gb-button-wrapper a.gb-button-047216e3:hover, .gb-button-wrapper a.gb-button-889493b7:hover, .gb-button-wrapper a.gb-button-ff18c7a8:hover { color: var(--accent)!important; }

section.category-landingspagina { border: 0px solid silver; }
.gb-button { border-radius: 8px; }

/* list without padding */
.yw-ul-no-padding { margin-left: 20px; }

/* most recent blogs on homepage */
.yw-home-latest-news { margin-left: 0!important; padding-right: 0!important; }

/* inspriatie/ nieuws pagina */
.yw-news-wrapper .wp-block-group__inner-container { max-width: 100%!important; }
/* .yw-news-wrapper .gb-block-image img { width: auto!important; max-height: 220px!important; } */

/* TEKST */
.entry-header span span { font-size: 13px; }
#yw-archive-title h1 { text-shadow: 2px 2px #ff0000; text-shadow: 0px 2px 2px rgba(102, 102, 102, 0.4); }
#yw-breadcumbs { font-size: 13px; padding-left: 40px; }
/* .separate-containers .inside-article { padding: 0 40px!important; } */
/* contact page */
/* .page-id-126.separate-containers .inside-article { padding: 0px 0px 40px 0px!important; }
@media only screen and (max-width: 600px) {
	.page-id-126.separate-containers .inside-article { padding: 0px 20px 40px 20px!important; }
}
*/
@media only screen and (max-width: 600px) {
	/* .page-id-126 .gb-container .gb-inside-container { padding-left: 0px!important; padding-right: 0px!important; } */
	.page-id-126 .gb-container.gb-container-877f3e7c .gb-inside-container, 
	.page-id-126 .gb-container.gb-container-3fdbbdcc .gb-inside-container { padding-left: 0px!important; padding-right: 0px!important; }
}
/* responsive data tables
 * https://nikolaydev.com/make-tables-responsive-html-and-css-example/
 */
@media (max-width: 650px) {
    .responsive-table tr,
    .responsive-table td {
    	display: block;
        clear: both;
        height: auto;
    }

    .responsive-table td {
    	text-align: right;
        width: auto;
        box-sizing: border-box;
        overflow: auto;
    }

    .responsive-table tr:nth-child(even),
    .responsive-table tr:nth-child(even) td {
        background: #ffffff;
    }

    .responsive-table tr:nth-child(odd),
    .responsive-table tr:nth-child(odd) td {
        background: #dddddd;
    }

    .responsive-table td {
        padding: 5px 10px;
    }

    .responsive-table td[data-my-column]:before {
    	display: inline-block;
    	content: attr(data-my-column);
    	float: left;
        text-align: left;
        white-space: pre-line;
    }

    .responsive-table tr:first-of-type {
    	display: none;
    }

    .responsive-table .my-div {
        max-width: 49%;
        display: inline-block;
    }

    .responsive-table td[data-my-column]:before {
        max-width: 49%;
    }
}
.gb-container-cfcb81a6 { padding-top: 0px!important; }

/* top usp block desktop */
.yw-top-usp-link a { color: #444; }
.yw-top-usp-block .gb-headline-text a { color: #444; }
.yw-toppage-usp {}
.yw-toppage-usp a { color: #444; }
.yw-toppage-usp .gb-icon { line-height: 0; color: var(--accent); padding-right: 0.6em; padding-left: 0.6em; }
.yw-toppage-usp { display: flex; align-items: center; color: var(--contrast-2); background-color: var(--base-2); padding: 10px; margin-bottom: 10px; }

/* background video */
.background-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.99;
}
/* */
.background-video-content { position: relative; z-index: 1; }
video[poster] { object-fit: cover; width: 100%; height: 40%; }


/* custom font */
/*
 * MJa
 * @font-face {
	font-family: 'JennaSue';
	src: local('JennaSue'), local('JennaSue'), url("https://www.coatingvloer.nl/wp-content/themes/fonts/jennasue.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
*/
/*
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'),
    url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2)
      format('woff2');  
}
*/
/* MJa .jennasue { font-family: JennaSue; } */

/* list with check icon */
.cv-check-before { margin-left: 0; }
.cv-check-before  li { list-style: none; padding-left: 8px; }
.cv-check-before li::before {
	font-family: "Font Awesome 5 Free";
    content: '\f00c';
    font-size: 15px;
    font-weight: 900;
    color: #7FC945;
	padding-right: 10px;
}

/* content list map marker */
.mapmarker { list-style: none; list-style-image: url('https://www.coatingvloer.nl/wp-content/uploads/2022/11/geo-alt.svg'); }
.mapmarker li { padding-bottom: 5px; }
.mapmarker li:before { font-size: 15px; top: 0; }

/* lees meer link */
.wp-show-posts-read-more {}
.wp-show-posts-entry-summary { min-height: 140px; }

/* prijstabellen */
table#prijstabel-2 .fa, table#prijstabel-1 .fa { text-shadow: 1px 1px grey; }
.fa.fa-fire.green { color: #81CA4C; font-size: 18px; padding-left: 3px; }
.fa.fa-fire.opacity { opacity: 0.3; font-size: 18px; padding-left: 3px; }
.fa, .fas { font-weight: 900; }

table.yw-responsive-table  tr:nth-child(2n+1),
table.kenmerktabel tr:nth-child(2n+1) {
    background-color: #fcfcfc;
}
table.yw-responsive-table  {
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
    border-top: 1px solid #ececec;
}
table.yw-responsive-table td {
    font-size: 16px!important;
}
table.yw-responsive-table th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase;
    background: #7fc945;
    color: #fff;
    font-weight: bold;
}
@media (max-width: 767px) {
	table.yw-responsive-table thead { display: none; }
	table.yw-responsive-table tr { display: block; position: relative; padding: 1.2em 0; }
	table.yw-responsive-table tr:first-of-type { border-top: 1px solid #ccc; }
	table.yw-responsive-table td { display: table-row; }
	table.yw-responsive-table td { text-align: left; border: none!important; }
	table.yw-responsive-table td:before { content: attr(data-label); display: table-cell; font-weight: bold; padding: 0.2em 0.6em 0.2em 0; text-align: left; }
	table.yw-responsive-table td:last-child:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px solid #ccc; }
	/* article { padding-left:10px; padding-right: 10px; } */
}

/* kleuren kaart */
.yw-kleuren-kaart { margin-top: 40px; }
.arrow { padding: 0; margin:0; }
/* .arrow li { padding: 10px; margin-bottom: 5px; } */
.arrow .arrow li, .arrow li p { margin-bottom: 0; }
.arrow .arrow li { padding: 10px; margin: 8px; }

.yw-kleuren-kaart {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
  /* align-items: center;
  justify-content: center; */
}

.arrow .arrow li {
  width: 100px;
  height: 100px;
}

/* video icon op afbeelding */
.video-url {
    position: absolute;
    width: 100%;
    height: 80px;
    border-radius: 80px;
    -webkit-border-radius: 80px;
    background: #7fc945;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    top: calc(50% - 40px);
    left: calc(50% - 40px );
}
.yw-video-icon { background-color: #7fc945; width: 100px; height: 100px; text-align: center; padding-top: 40px; border-radius: 100px;
    -webkit-border-radius: 100px; margin: auto; }
.yw-video-icon:hover > i.fas.fa-play { color: #000;  }
.yw-video-icon i.fas.fa-play { color: #fff; font-size: 20px;  }

/* hyperlink */
.site-content a { font-weight: 400; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* prijstabellen */
.prijs-tabel.gietvloer.oranje {}
.prijs-tabel th, .prijs-tabel td { font-size: 15px; }
.prijs-tabel th { text-align: left!important; background-color: #7fc945; color: #fff; }



#prijstabel-1, #prijstabel-2 {
    border-bottom: 1px dashed #e4e4e4;
}
#prijstabel-2 table, #prijstabel-1 table {
    border: 1px solid #808080a8!important;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.vloertabel-7 th { text-align: left!important; width: calc(100% / 8); }
.vloertabel-7 td { font-size: 15px; }

/* button on contact page */
.yw-button-full-height { min-height: 87px; }
/* content block text image */
.yw-content-block { box-shadow: 2px 2px 15px #e4e4e4; }
.yw-content-block img { margin: 10px 0 30px 0; }

/* navigation container */
.main-navigation.has-branding .inside-navigation.grid-container { padding: 0px 10px 0px 10px!important; }

/* buttons */
.gb-button.yw-rounded-border { border-radius: 8px; border: 1px solid #fff; }
/* blog sidebar informatie */
.yw-flex-container-outer { }
.yw-flex-container { display: flex; margin-bottom: 10px; }
.yw-flex-container > div {
  padding: 20px 10px; }
.yw-flex-container-icon { background-color: #f9f9f9; color: #7fc945; align-items: center; justify-content: center; text-align: center; font-size: 26px; min-width: 50px; }
.yw-flex-container-icon:hover { color: #222; }

.yw-flex-container-text { background-color: #f1f1f1; width: calc(100% - 50px); }

.yw-flex-container-text h3 { font-size: 18px; letter-spacing: -0.2px; width: 100%; margin-bottom: 5px; }
.yw-flex-container-text p { font-size: 14px; }

/* sidebar */
.yw-sidebar-naw-outer { background-color: #7fc945; color: #fff; font-size: 16px; padding: 20px; }
.yw-sidebar-naw-outer h4 { font-style: normal; }
.yw-sidebar-naw-outer a { color: #fff; text-decoration: none; }
.yw-sidebar-naw-outer a:hover { color: #f4f4f4; border-bottom: 1px dotted #f4f4f4; padding-left: 3px; }
.yw-sidebar-naw {}
.yw-sidebar-naw-phone {}
.yw-sidebar-naw-mail {}

/* mega menu item */
.main-navigation.navigation-stick .main-nav ul li a, .main-navigation.navigation-stick .mega-sub-menu a:not([aria-label*='Close']) { color: #666!important; letter-spacing: 0.1px!important; }
.main-navigation.navigation-stick .mega-sub-menu a:hover { color: #fff!important; }
a.mega-menu-link { letter-spacing: 0.8px!important; }
.mega-sub-menu .mega-sub-menu a.mega-menu-link { letter-spacing: 0.1px!important; }
li#mega-menu-item-10945 { padding-bottom: 10px; }
li#mega-menu-item-10945 a.mega-menu-link { letter-spacing: normal!important; font-size: 17px!important; text-transform: capitalize; }


.mega-menu-column.mega-menu-columns-3-of-12 { border-right: 1px solid #e5e5e5!important; height: 100%!important; min-height: 290px!important; }
.mega-menu-column.mega-menu-columns-3-of-12 .mega-sub-menu li:last-child { border-right: none!important; }

/*
ul.mega-sub-menu .mega-menu-column {}
#mega-menu-16281-0-0 { border-right: 1px solid red!important;}

.mega-sub-menu .mega-menu-row .mega-sub-menu .mega-menu-column { border: 1px solid red!important;  min-height: 207px!important; }

#mega-menu-16281-0-0 .mega-sub-menu { height: 100%!important; } */

/* sidebar */
.box { display: flex; }

.sidebar .widget { margin-bottom: 0px; }
.widget-area .widget { padding-bottom: 10px; }

.yw-more-info {}
.yw-more-info a { text-decoration: none; }
.yw-more-info .fas { font-weight: 900;
font-size: 30px; }

.yw-more-info-item {
	display: flex;
	flex-flow: row wrap;
}
.yw-more-info-icon { background: #f9f9f9; width: 90px; height: 90px; }
.yw-more-info-titels { width: 90px; height: 90px; }

/*
.yw-more-info-icon {
    width: 90px;
    font-size: 30px;
    background: #f9f9f9;
    color: #7fc945;
    align-items: center;
    justify-content: center;
	display: flex;
}
.yw-more-info-titels { */
/* width: calc(100% - 90px); */
/*	width: 90px;
    background-color: #f1f1f1;
    padding: 10px 20px; }
*/
.yw-more-info-titels h3 { font-size: 19px; letter-spacing: .5px;
    font-weight: 700;
    color: #222; }

.yw-more-info-text {}

/* heading links */
h2 a, h3 a, h4 a { color: var(--contrast); font-weight: 700!important; }
h2 a:hover, h3 a:hover, h4 a:hover { color: #7fc945; text-decoration: none; }
h2.wp-block-heading { margin-top: 20px; }

/* /vloecoating columns equal height */
.yw-equal-columns { min-height: 120px; }
/* in content image and video */
.entry-content figure.wp-block-image.size-large, .entry-content figure.gb-block-image, .entry-content figure.is-type-video.is-provider-youtube  { margin-bottom: 30px; }
/* content list */
article ul.yw-arrow { list-style: none; padding-left: 0; margin-left: 0; }
article ul.yw-arrow li {}
article ul.yw-arrow li:before {
	/* position: absolute;
	top: 6px;
	left: 0;
	font-size: 7px;
	width: 20px;

	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
    content: '\f111';
    color: #7FC945;
		left: -0.9rem;
	top: -0.3rem;
	*/
	


	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f105";
	font-size: 12px;
	color: #7FC945;
	padding-right: 8px;

}

/* home slogan */
.yw-home-slogan {}

.yw-home-slogan {
	font-weight: 400;
	font-size: 2.2rem;
	max-width: 600px;
	line-height: 1.4;
	position: relative;
	margin: 0;
	padding: .5rem;
}

.yw-home-slogan:before,
.yw-home-slogan:after {
	position: absolute;
	color: #f4f4f4;
	font-size: 6rem;
	width: 4rem;
	height: 4rem;
}

.yw-home-slogan:before {
	left: -0.9rem;
	top: -0.3rem;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f10d";
	font-size: 20px;
}


.yw-home-slogan:after {
	/* content: '”';
	right: -2rem;
	bottom: 1rem; */
}


/* heading 1 and 2 */
/* h1:after, h2:after { background: #7fc945;
    content: "";
    display: block;
    height: 2px;
    margin-top: 0.5em;
    width: 10%; }
*/
/* border align center */
h2.yw-title-border-center:after { margin-left: auto; margin-right: auto; }
/* heading no border */
.yw-heading-no-border:after { width: 0%; }
.yw-heading-no-border em { color: #EAE6DD; }
/* heading 4 */
h4 { font-style: italic; }

/* vertical text */
.yw-vertical-text {
writing-mode:vertical-rl; 
transform: rotate(-180deg);
	background-color: #fff;
	margin: 0 0 10px 10px;
	padding: 10px 0;
	color: #666;
	font-size: 26px;
	font-style: normal;
	/* MJa font-family: JennaSue, sans-serif; */
}

/* slide up box */
.box h4 { margin: 8px 0 8px 0; font-style: normal; font-size: 24px; }
.box p { font-size: 15px; }
.box {
	margin-top: -159px;
  height: 215px;
	width: 100%;
  overflow: hidden;
	z-index: 99999;
	display: block;
	padding: 20px 0;
}
.hid-box {
  top: 80%;
  position: relative;
  transition: all .3s ease-out;
  background: #fff;
  height: 100%;
	padding: 0 20px;
}
.box:hover > .hid-box{ top: 8%; }
@media (max-width: 768px) { .box:hover > .hid-box{ top: -2%; padding: 0px; } }
.hid-box .gb-icon { vertical-align: middle; /* height: 20px!important; width: 20px!important; */ }

/* column homepage minimal height */
.yw-home-column-min-height { min-height: 130px; }

/* menu */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { margin-top: 10px; }
h4.mega-block-title { font-style: normal; }
#menu-coatingvloer li a { text-transform: uppercase; font-size: 14px; }
li#menu-item-10945 a { background-color: #f5902a; border: 1px solid #f5902a; border-radius: 10px; padding: 15px 20px; margin-left: 20px; }

li#mega-menu-item-10945 a.mega-menu-link { background-color: #f5902a!important; border: 1px solid #f5902a!important; border-radius: 10px!important; padding-left:20px!important; padding-right:20px!important; margin-left: 20px!important; text-transform: capitalize!important; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-10945 > a.mega-menu-link { font-weight: 600; font-size: 18px; padding: 0 20px 15px 20px; }

li#mega-menu-item-10945 a.mega-menu-link:hover { background-color: #7fc945!important; border: 1px solid #7fc945!important; font-weight: 600!important; }

/* breadcrumbs */
.yw-breadcrumbs { font-size: 13px; margin-bottom: 10px; /* margin-left: 40px; */ }
.yw-breadcrumbs a { text-decoration: none; }

/* sidebar buttons */
.gb-button-wrapper.yw-sidebar-buttons .gb-button {
    display: inline-flex;
    align-items: center!important;
    justify-content: left!important;
    text-align: left!important;
}

.gb-button-wrapper.yw-sidebar-buttons .gb-icon { background-color: #f9f9f9; }

.gb-button-wrapper.yw-sidebar-buttons .gb-button-text { padding-left: 15px; }
/*
.yw-sidebar-buttons {}
.yw-sidebar-buttons .gb-button-wrapper {}
.gb-button-wrapper span.gb-button-text {text-align: left;}

.yw-sidebar-buttons .gb-button.gb-button-cf25b80d { text-align: left; padding-left: 0px!important; }

.gb-button-wrapper .gb-button .gb-icon {
    align-items: left!important;
}
*/

/* image caption footer */
.yw-footer-image-caption figcaption a { font-size: 20px; color: #222; text-decoration: none; }

/* list with check icon */
.yw-list-check { list-style: none; margin-left: 5px; }
.yw-list-check li:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; color: #7fc945; display: inline-block; width: 25px; }

.yw-list-check li { }


/* header page excerpt */
.dynamic-entry-excerpt { font-size: 15px; color: #5f5f5f; }
/* sticky menu */
.main-navigation.is_stuck,
.main-navigation.is_stuck ul ul{
    background-color: #5f5f5f;
}
.main-navigation.navigation-stick .main-nav ul li a,
.main-navigation.navigation-stick a:not([aria-label*='Close'])  {
    color: #fff !important;
}
/* header icons reviews */
.gb-button-7dea32e4 .gb-icon {
	color: #f5902a; }

/* logo */
.site-logo { padding-top: 10px; }
/* menu */
.main-navigation .main-nav ul li a { line-height: 20px!important;}
.main-navigation.has-branding .inside-navigation.grid-container { padding-left: 10px; }
#menu-coatingvloer .menu-item .gb-menu-link { padding-left: 8px; padding-right: 8px; }
:where(.gb-submenu-toggle) { width: 15px; }
.gb-menu .gb-submenu-toggle { margin-left: -10px; padding-left: 0; }
/* Verberg het originele open chevron-icoon */
.gb-menu .gb-submenu-toggle-icon { display: none; }
/* Plaats een eigen, gevuld pijltje naar beneden */
.gb-menu .gb-submenu-toggle::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid currentColor; /* gevulde driehoek, neemt tekstkleur over */
}
/* #menu-item-10945 a { text-transform: capitalize!important; } */

/* GeneratePress Site CSS */ /* Drop shadows */
.drop-shadow {
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.07); }
.drop-shadow-2 {
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1); }

/* FAQ */
.faq .lightweight-accordion {
	margin-bottom: 0.8em; }
.faq .lightweight-accordion details summary::marker {
	content: "+ "; }
.faq .lightweight-accordion .lightweight-accordion-body p {
	font-size: 16px; }

/* Contact map */
.contact-map .gb-inside-container { line-height: 0; }

/* /epoxyvloer vloeren */
.fotosw { display: inline-block; position: relative; height: 35px; width: 100%; }
.fotosw img { width: 25px; }
.fotosw figcaption { position:absolute; top:0; left: 35px; font-size: 14px; }
.fas.fa-shield-alt.green { color: #81CA4C; font-size: 21px; }
.fas.fa-shield-alt.opacity { opacity: 0.3; font-size: 21px; }


/* common classes */
.yw-padding-top-20px { padding-top: 20px; }
.yw-hide-tablet-desktop { display: none; }
.yw-p-zero-padding p { margin-bottom: 0; }
.yw-text-shadow { text-shadow: rgb(0 0 0 / 50%) 3px 3px 5px; }
.yw-min-height-100 { min-height: 100px; }

/* mobile styles */
/* @media only screen and (max-width: 600px) {
	.gb-grid-wrapper > .gb-grid-column .gb-inside-container { padding-left: 20px; padding-right: 20px;}
}
*/

@media only screen and (max-width: 600px) {
	.category-landingspagina-industrie, .category-landingspagina-design { padding-left: 20px; padding-right: 20px; }
}



/*------------------------------------*\
    START PRIVACY TABLE
\*------------------------------------*/

table.crt {
	width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
	margin: 0 0 20px;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
    border-top: 1px solid #ececec;
}
 table.crt tr:nth-child(2n+1) {
	background-color: #fcfcfc;
}
table.crt tr th {
	text-align: left;
    background: #7fc945;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-transform: none;
}
table.crt tr td {
	padding: 5px 13px;
	font-size: 16px;
}

@media only screen and (max-width: 600px) {
	table.crt tr th, table.crt tr td { font-size: 12px!important; }
}

/*------------------------------------*\
    END PRIVACY TABLE
\*------------------------------------*/

@media only screen and (max-width: 1200px) {
	.gb-container .gb-inside-container { padding-left: 20px; padding-right: 20px; }
	.gb-button-wrapper a.gb-button { margin-bottom: 20px; }
}
/* @media only screen and (max-width: 600px) {
	.gb-container .gb-inside-container { padding-left: 0px!important; padding-right: 0px!important; }
	.gb-button-wrapper a.gb-button { margin-bottom: 20px; }
}
*/




/* End GeneratePress Site CSS */


/* NEW */
/* Mega Menu Titles */
.yw-megamenu-title {
	color: #7fc945;
	color: #555;
    font-family: inherit;
    font-size: 18px;
    text-transform: none;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 5px;
    vertical-align: top;
    display: block;
    visibility: inherit;
    border: 0;
}
/* button test */
.yw-button-test {
	z-index: 999;
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
.yw-button-test .wp-block-button__link.has-base-3-color.has-accent-background-color.has-text-color.has-background.wp-element-button { display: inline-block!important; }
/* mobile offerte button */
.yw-mob-offerte-button { position: fixed;
	right: 0;
	bottom: 0;
	left: 0; }

/* breadcrumbs */
.yoast-breadcrumbs, .yoast-breadcrumbs.yw-breadcrumbs { margin-bottom: 20px; }

/* most recent blogs on homepage */
.yw-home-latest-news { margin-left: 0!important; padding-right: 0!important; }

/* background video */
.background-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.99;
}

.background-video-content { position: relative; z-index: 1; }
video[poster] { object-fit: cover; width: 100%; height: 100%; }

/* custom font */
/* MJa @font-face {
	font-family: 'JennaSue';
	src: url("https://www.coatingvloer.nl/wp-content/themes/fonts/jennasue.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
.jennasue { font-family: JennaSue; }
*/

/* list with check icon */
.cv-check-before { margin-left: 0; }
.cv-check-before  li { list-style: none; padding-left: 8px; }
.cv-check-before li::before {
	font-family: "Font Awesome 5 Free";
    content: '\f00c';
    font-size: 15px;
    font-weight: 900;
    color: #7FC945;
	padding-right: 10px;
}

/* content list map marker */
.mapmarker { list-style: none; list-style-image: url('https://www.coatingvloer.nl/wp-content/uploads/2022/11/geo-alt.svg'); }
.mapmarker li { padding-bottom: 5px; }
.mapmarker li:before { font-size: 15px; top: 0; }

/* lees meer link */
.wp-show-posts-read-more {}
.wp-show-posts-entry-summary { min-height: 140px; }

/* prijstabellen */
table#prijstabel-2 .fa, table#prijstabel-1 .fa { text-shadow: 1px 1px grey; }
.fa.fa-fire.green { color: #81CA4C; font-size: 18px; padding-left: 3px; }
.fa.fa-fire.opacity { opacity: 0.3; font-size: 18px; padding-left: 3px; }
.fa, .fas { font-weight: 900; }


/* kleuren kaart */
.yw-kleuren-kaart { margin-top: 40px; }
.arrow { padding: 0; margin:0; }
/* .arrow li { padding: 10px; margin-bottom: 5px; } */
.arrow .arrow li, .arrow li p { margin-bottom: 0; }
.arrow .arrow li { padding: 10px; margin: 8px; }

.yw-kleuren-kaart {
  display: flex;
	flex-direction: row;
	flex-wrap: wrap;
  /* align-items: center;
  justify-content: center; */
}

.arrow .arrow li {
  width: 100px;
  height: 100px;
}

/* video icon op afbeelding */
.video-url {
    position: absolute;
    width: 100%;
    height: 80px;
    border-radius: 80px;
    -webkit-border-radius: 80px;
    background: #7fc945;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    top: calc(50% - 40px);
    left: calc(50% - 40px );
}
.yw-video-icon { background-color: #7fc945; width: 100px; height: 100px; text-align: center; padding-top: 40px; border-radius: 100px;
    -webkit-border-radius: 100px; margin: auto; }
.yw-video-icon:hover > i.fas.fa-play { color: #000;  }
.yw-video-icon i.fas.fa-play { color: #fff; font-size: 20px;  }

/* hyperlink */
.site-content a { font-weight: 400; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* prijstabellen */
.prijs-tabel.gietvloer.oranje {}
.prijs-tabel th, .prijs-tabel td { font-size: 15px; }
.prijs-tabel th { text-align: left!important; background-color: #7fc945; color: #fff; }



#prijstabel-1, #prijstabel-2 {
    border-bottom: 1px dashed #e4e4e4;
}
#prijstabel-2 table, #prijstabel-1 table {
    border: 1px solid #808080a8!important;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.vloertabel-7 th { text-align: left!important; width: calc(100% / 8); }
.vloertabel-7 td { font-size: 15px; }

/* button on contact page */
.yw-button-full-height { min-height: 87px; }
/* content block text image */
.yw-content-block { box-shadow: 2px 2px 15px #e4e4e4; }
.yw-content-block img { margin: 10px 0 30px 0; }

/* navigation container */
.main-navigation.has-branding .inside-navigation.grid-container { padding: 0px 10px 0px 10px!important; }

/* buttons */
.gb-button.yw-rounded-border { border-radius: 8px; border: 1px solid #fff; }
/* blog sidebar informatie */
.yw-flex-container-outer { }
.yw-flex-container { display: flex; margin-bottom: 10px; }
.yw-flex-container > div {
  padding: 20px 10px; }
.yw-flex-container-icon { background-color: #f9f9f9; color: #7fc945; align-items: center; justify-content: center; text-align: center; font-size: 26px; min-width: 50px; }
.yw-flex-container-icon:hover { color: #222; }

.yw-flex-container-text { background-color: #f1f1f1; width: calc(100% - 50px); }

.yw-flex-container-text h3 { font-size: 18px; letter-spacing: -0.2px; width: 100%; margin-bottom: 5px; }
.yw-flex-container-text p { font-size: 14px; }

/* sidebar */
.yw-sidebar-naw-outer { background-color: #7fc945; color: #fff; font-size: 16px; padding: 20px; }
.yw-sidebar-naw-outer h4 { font-style: normal; }
.yw-sidebar-naw-outer a { color: #fff; text-decoration: none; }
.yw-sidebar-naw-outer a:hover { color: #f4f4f4; border-bottom: 1px dotted #f4f4f4; padding-left: 3px; }
.yw-sidebar-naw {}
.yw-sidebar-naw-phone {}
.yw-sidebar-naw-mail {}

/* mega menu item */
.main-navigation.navigation-stick .main-nav ul li a, .main-navigation.navigation-stick .mega-sub-menu a:not([aria-label*='Close']) { color: #666!important; letter-spacing: 0.1px!important; }
.main-navigation.navigation-stick .mega-sub-menu a:hover { color: #fff!important; }
a.mega-menu-link { letter-spacing: 0.8px!important; }
.mega-sub-menu .mega-sub-menu a.mega-menu-link { letter-spacing: 0.1px!important; }
li#mega-menu-item-10945 { padding-bottom: 10px; }
li#mega-menu-item-10945 a.mega-menu-link { letter-spacing: normal!important; font-size: 17px!important; text-transform: capitalize; }


.mega-menu-column.mega-menu-columns-3-of-12 { border-right: 1px solid #e5e5e5!important; height: 100%!important; min-height: 290px!important; }
.mega-menu-column.mega-menu-columns-3-of-12 .mega-sub-menu li:last-child { border-right: none!important; }

/*
ul.mega-sub-menu .mega-menu-column {}
#mega-menu-16281-0-0 { border-right: 1px solid red!important;}

.mega-sub-menu .mega-menu-row .mega-sub-menu .mega-menu-column { border: 1px solid red!important;  min-height: 207px!important; }

#mega-menu-16281-0-0 .mega-sub-menu { height: 100%!important; } */

/* sidebar */
.box { display: flex; }

.sidebar .widget { margin-bottom: 0px; }
.widget-area .widget { padding-bottom: 10px; }

.yw-more-info {}
.yw-more-info a { text-decoration: none; }
.yw-more-info .fas { font-weight: 900;
font-size: 30px; }

.yw-more-info-item {
	display: flex;
	flex-flow: row wrap;
}
.yw-more-info-icon { background: #f9f9f9; width: 90px; height: 90px; }
.yw-more-info-titels { width: 90px; height: 90px; }

/*
.yw-more-info-icon {
    width: 90px;
    font-size: 30px;
    background: #f9f9f9;
    color: #7fc945;
    align-items: center;
    justify-content: center;
	display: flex;
}
.yw-more-info-titels { */
/* width: calc(100% - 90px); */
/*	width: 90px;
    background-color: #f1f1f1;
    padding: 10px 20px; }
*/
.yw-more-info-titels h3 { font-size: 19px; letter-spacing: .5px;
    font-weight: 700;
    color: #222; }

.yw-more-info-text {}

/* heading links */
h2 a, h3 a, h4 a { color: var(--contrast); font-weight: 700!important; }
h2 a:hover, h3 a:hover, h4 a:hover { color: #7fc945; text-decoration: none; }

/* /vloecoating columns equal height */
.yw-equal-columns { min-height: 120px; }
/* in content image and video */
.entry-content figure.wp-block-image.size-large, .entry-content figure.gb-block-image, .entry-content figure.is-type-video.is-provider-youtube  { margin-bottom: 30px; }
/* content list */
article ul.yw-arrow { list-style: none; padding-left: 0; margin-left: 0; }
article ul.yw-arrow li {}
article ul.yw-arrow li:before {
	/* position: absolute;
	top: 6px;
	left: 0;
	font-size: 7px;
	width: 20px;

	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
    content: '\f111';
    color: #7FC945;
		left: -0.9rem;
	top: -0.3rem;
	*/
	


	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f105";
	font-size: 12px;
	color: #7FC945;
	padding-right: 8px;

}

/* home slogan */
.yw-home-slogan {}

.yw-home-slogan {
	font-weight: 400;
	font-size: 2.2rem;
	max-width: 600px;
	line-height: 1.4;
	position: relative;
	margin: 0;
	padding: .5rem;
}

.yw-home-slogan:before,
.yw-home-slogan:after {
	position: absolute;
	color: #f4f4f4;
	font-size: 6rem;
	width: 4rem;
	height: 4rem;
}

.yw-home-slogan:before {
	left: -0.9rem;
	top: -0.3rem;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f10d";
	font-size: 20px;
}


.yw-home-slogan:after {
	/* content: '”';
	right: -2rem;
	bottom: 1rem; */
}


/* heading 1 and 2 */
/* h1:after, h2:after { background: #7fc945;
    content: "";
    display: block;
    height: 2px;
    margin-top: 0.5em;
    width: 10%; } */
/* heading no border */
.yw-heading-no-border:after { width: 0%; }
/* heading 4 */
h4 { font-style: italic; }

/* vertical text */
.yw-vertical-text {
writing-mode:vertical-rl; 
transform: rotate(-180deg);
	background-color: #fff;
	margin: 0 0 10px 10px;
	padding: 10px 0;
	color: #666;
	font-size: 26px;
	font-style: normal;
	/* font-family: JennaSue, sans-serif; MJa */
}

/* slide up box */
.box h4 { margin: 8px 0 8px 0; font-style: normal; font-size: 24px; }
.box p { font-size: 15px; }
.box {
	margin-top: -159px;
  height: 215px;
	width: 100%;
  overflow: hidden;
	z-index: 99999;
	display: block;
	padding: 20px 0;
}
.hid-box {
  top: 80%;
  position: relative;
  transition: all .3s ease-out;
  background: #fff;
  height: 100%;
	padding: 0 20px;
}
.box:hover > .hid-box{ top: 8%; }
@media (max-width: 768px) { .box:hover > .hid-box{ top: -2%; padding: 0px; } }
.hid-box .gb-icon { vertical-align: middle; /* height: 20px!important; width: 20px!important; */ }

/* column homepage minimal height */
.yw-home-column-min-height { min-height: 130px; }

/* menu */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { margin-top: 10px; }
h4.mega-block-title { font-style: normal; }
#menu-coatingvloer li a { text-transform: uppercase; font-size: 14px; }
#menu-coatingvloer .sub-menu li a { text-transform: none; }
li#menu-item-10945 a { background-color: #f5902a; border: 1px solid #f5902a; border-radius: 10px; padding: 15px 20px; margin-left: 20px; }


li#mega-menu-item-10945 a.mega-menu-link { background-color: #f5902a!important; border: 1px solid #f5902a!important; border-radius: 10px!important; padding-left:20px!important; padding-right:20px!important; margin-left: 20px!important; text-transform: capitalize!important; }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-10945 > a.mega-menu-link { font-weight: 600; font-size: 18px; padding: 0 20px 15px 20px; }

li#mega-menu-item-10945 a.mega-menu-link:hover { background-color: #7fc945!important; border: 1px solid #7fc945!important; font-weight: 600!important; }

/* breadcrumbs */
.yw-breadcrumbs { font-size: 13px; margin-bottom: 10px; /* margin-left: 40px; */ }
.yw-breadcrumbs a { text-decoration: none; }

/* sidebar buttons */
.gb-button-wrapper.yw-sidebar-buttons .gb-button {
    display: inline-flex;
    align-items: center!important;
    justify-content: left!important;
    text-align: left!important;
}

.gb-button-wrapper.yw-sidebar-buttons .gb-icon { background-color: #f9f9f9; }

.gb-button-wrapper.yw-sidebar-buttons .gb-button-text { padding-left: 15px; }
/*
.yw-sidebar-buttons {}
.yw-sidebar-buttons .gb-button-wrapper {}
.gb-button-wrapper span.gb-button-text {text-align: left;}

.yw-sidebar-buttons .gb-button.gb-button-cf25b80d { text-align: left; padding-left: 0px!important; }

.gb-button-wrapper .gb-button .gb-icon {
    align-items: left!important;
}
*/

/* image caption footer */
.yw-footer-image-caption figcaption a { font-size: 20px; color: #222; text-decoration: none; }

/* list with check icon */
.yw-list-check { list-style: none; margin-left: 5px; }
.yw-list-check li:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; color: #7fc945; display: inline-block; width: 25px; }

.yw-list-check li { }


/* header page excerpt */
.dynamic-entry-excerpt { font-size: 15px; color: #5f5f5f; }
/* sticky menu */
.main-navigation.is_stuck,
.main-navigation.is_stuck ul ul{
    background-color: #5f5f5f;
}
.main-navigation.navigation-stick .main-nav ul li a,
.main-navigation.navigation-stick a:not([aria-label*='Close'])  {
    color: #fff !important;
}
/* header icons reviews */
.gb-button-7dea32e4 .gb-icon {
	color: #f5902a; }

/* logo */
.site-logo { padding-top: 10px; }
/* menu */
.main-navigation .main-nav ul li a { line-height: 20px!important;}
.main-navigation.has-branding .inside-navigation.grid-container { padding-left: 10px; }

/* GeneratePress Site CSS */ /* Drop shadows */
.drop-shadow {
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.07); }
.drop-shadow-2 {
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1); }

/* FAQ */
.faq .lightweight-accordion {
	margin-bottom: 0.8em; }
.faq .lightweight-accordion details summary::marker {
	content: "+ "; }
.faq .lightweight-accordion .lightweight-accordion-body p {
	font-size: 16px; }

/* Contact map */
.contact-map .gb-inside-container { line-height: 0; }

/* /epoxyvloer vloeren */
.fotosw { display: inline-block; position: relative; height: 35px; width: 100%; }
.fotosw img { width: 25px; }
.fotosw figcaption { position:absolute; top:0; left: 35px; font-size: 14px; }
.fas.fa-shield-alt.green { color: #81CA4C; font-size: 21px; }
.fas.fa-shield-alt.opacity { opacity: 0.3; font-size: 21px; }


/* common classes */
.yw-padding-top-20px { padding-top: 20px; }
.yw-hide-tablet-desktop { display: none; }
.yw-p-zero-padding p { margin-bottom: 0; }
.yw-text-shadow { text-shadow: rgb(0 0 0 / 50%) 3px 3px 5px; }
.yw-min-height-100 { min-height: 100px; }

/* mobile styles */
@media only screen and (max-width: 600px) {
	/* .gb-grid-wrapper > .gb-grid-column .gb-inside-container { padding-left: 20px; padding-right: 20px;} */
	/* .yw-mobile-image-wrapper { border: 10px solid #fff; } */
}


/* mobile style */
@media only screen and (max-width: 600px) {
	/* recent posts */
	.wp-block-latest-posts { margin-left: 10px!important; margin-right: 10px!important; }
	.wp-block-latest-posts li { margin-left: 0px!important; margin-right: 0px!important; }
	/* mega menu columns */
	.mega-menu-column.mega-menu-columns-3-of-12 { min-height: 20px!important; }
	.generate-back-to-top { bottom: 60px; }
.site-main .wp-block-group__inner-container {
    padding: 30px 10px;
}
	/* PU gietvloer greenline homepage */
	.hid-box.yw-pu-green h4 { font-size: 21px; }
}

/* test */
#mobile-menu { max-height : calc(100vh - 40); overflow: auto; }
.mobile-header-sticky #mobile-header.toggled .main-nav>ul { position: relative; }
/* test */

@media only screen and (max-width: 1200px) {
	.gb-container .gb-inside-container { padding-left: 20px; padding-right: 20px; }
	.gb-button-wrapper a.gb-button { margin-bottom: 20px; }
}

/* End GeneratePress Site CSS */


		/*------------------------------------*\
		    START  RESPONSIVE OUDE WEBSITE CSS
		\*------------------------------------*/
		@media screen and (min-width: 1800px) {
			.review-blok {
				display: block;
			}
		}

		@media only screen and (min-width: 1024px) {
			.col12  table.vloertabel-7 tr td a:after, 
			.col12  table.vloertabel-8 tr td a:after {
				/*position: absolute;*/
				right: 10px;
				top: 22px;
			}
			.col12 table#prijstabel-2 .vloertabel-7 tr td a:after {
				top: 60px;
			}
			#prijstabel-2 td {
				height: 145px;
				vertical-align: middle;
			}
			#prijstabel-1 td {
				height: 73px;
				 vertical-align: middle;
				 line-height: 26px;

			}
		}
		@media screen and (max-width: 1100px) {
			.ervaring-top{
				display: none;
			}
		}
		@media screen and (max-width: 1024px) {
			.vloertabel-4 thead,
			.vloertabel-7 thead, 
			.vloertabel-8 thead {
			    display: none;
			}
			.vloertabel-4 tbody tr,
			 .vloertabel-7 tbody tr, 
			.vloertabel-8 tbody tr {
			    border-bottom: 1px solid #e4e4e4;
			}
			.vloertabel-4 thead,
			.vloertabel-7 thead, 
			.vloertabel-8 thead {
				display: none;
			}
			.kenmerktabel tr td,
			.vloertabel-4 tbody tr td,
			.vloertabel-7 tbody tr td, 
			.vloertabel-8 tbody tr td {
				float:left;
				display:block;
				width: 100% !important;
				border: none !important;
				text-align: left !important;
				padding: 5px 10px !important;
				line-height: 26px;
			}
			.kenmerktabel tr td {
				padding: 15px 10px !important;
			}
			.vloertabel-4 tbody tr,
			.vloertabel-7 tbody tr, 
			.vloertabel-8 tbody tr {
				border-bottom: 1px solid #e4e4e4;
			}
			.vloertabel-4 tbody tr:last-child,
			.vloertabel-7 tbody tr:last-child, 
			.vloertabel-8 tbody tr:last-child {
				border-bottom: none;
			}
			.vloertabel-4 tbody tr td:before,
			.vloertabel-7 tbody tr td:before, 
			.vloertabel-8 tbody tr td:before {
				display:block;
				font-weight: bold;
			}
			.vloertabel-4 tbody tr td:nth-child(1),
			.vloertabel-7 tbody tr td:nth-child(1) a, 
			.vloertabel-8 tbody tr td:nth-child(1) a {
				font-size: 20px !important;
				padding-top: 9px;
				display: block;
				font-weight: bold;
			}
			.vloertabel-4 tbody tr td:nth-child(1) {
			    color: #7fc945;
			}
			.vloertabel-7 tbody tr td:nth-child(8), 
			.vloertabel-8 tbody tr td:nth-child(8) {
				padding-bottom: 12px !important;
			}
			.vloertabel-7 tr td:nth-child(1), 
			.vloertabel-8 tr td:nth-child(1) {
			    border-right:none !important;
			}
			#prijstabel-2.vloertabel-7 tbody tr td:nth-child(2):before,
			#prijstabel-1.vloertabel-7 tbody tr td:nth-child(1):before {
				content: 'Populairste toepassing: ';
			}
			#prijstabel-2.vloertabel-7 tbody tr td:nth-child(3):before,
			#prijstabel-1.vloertabel-7 tbody tr td:nth-child(2):before {
				content: 'Belangrijkste eigenschap: ';
			}
			#prijstabel-2.vloertabel-7 tbody tr td:nth-child(4):before ,
			#prijstabel-1.vloertabel-7 tbody tr td:nth-child(3):before {
				content: 'Samenstelling: ';
			}
			#prijstabel-2.vloertabel-7 tbody tr td:nth-child(5):before,
			#prijstabel-1.vloertabel-7 tbody tr td:nth-child(4):before {
				content: 'Aantal kleuren: ' ;
			}
			#prijstabel-2.vloertabel-7 tbody tr td:nth-child(6):before,
			#prijstabel-1.vloertabel-7 tbody tr td:nth-child(5):before {
				content: 'Laagdikte: ' ;
			}
			#prijstabel-1.vloertabel-7 tbody tr td:nth-child(6):before {
				content: 'Belasting: ';
			}
			#prijstabel-1.vloertabel-7 tbody tr td:nth-child(7):before {
				content: 'Prijs €/\33a1 ' ;
			}

			#prijstabel-2.vloertabel-7 tbody tr td:nth-child(7):before {
				content: 'Belasting: ';
			}
			#prijstabel-2.vloertabel-7 tbody tr td:nth-child(8):before {
				content: 'Prijs: ' ;
			}
			#kenmerken-vloercoating.vloertabel-7 tbody tr td:nth-child(1):before {
				content: 'Populairste toepassing: ';
			}
			#kenmerken-vloercoating.vloertabel-7 tbody tr td:nth-child(2):before {
				content: 'Belangrijkste eigenschap: ';
			}
			#kenmerken-vloercoating.vloertabel-7 tbody tr td:nth-child(3):before {
				content: 'Samenstelling: ';
			}
			#kenmerken-vloercoating.vloertabel-7 tbody tr td:nth-child(4):before {
				content: 'Aantal kleuren: ' ;
			}
			#kenmerken-vloercoating.vloertabel-7 tbody tr td:nth-child(5):before {
				content: 'Laagdikte: ' ;
			}
			#kenmerken-vloercoating.vloertabel-7 tbody tr td:nth-child(6):before {
				content: 'Belasting: ';
			}
			#kenmerken-vloercoating.vloertabel-7 tbody tr td:nth-child(7):before {
				content: 'Prijs: ' ;
			}
			.vloertabel-4 tbody tr td:nth-child(2):before {
				content: 'Samenstelling: ';
			}
			.vloertabel-4 tbody tr td:nth-child(3):before {
				content: 'Populairste toepassing: ';
			}
			.vloertabel-4 tbody tr td:nth-child(4):before {
				content: 'Belangrijkste eigenschap: ';
			}
			/* egaline tabel */
			#prijstabel-1.vloertabel-7.egaline tbody tr td:nth-child(1):before {
				content: 'Designvloeren: ';
			}
			#prijstabel-1.vloertabel-7.egaline tbody tr td:nth-child(2):before {
				content: 'Populairste toepassing: ';
			}
			#prijstabel-1.vloertabel-7.egaline tbody tr td:nth-child(3):before {
				content: 'Belangrijkste eigenschap: ';
			}
			#prijstabel-1.vloertabel-7.egaline tbody tr td:nth-child(4):before {
				content: 'Samenstelling	: ' ;
			}
			#prijstabel-1.vloertabel-7.egaline tbody tr td:nth-child(5):before {
				content: 'Ondergronden: ' ;
			}
			#prijstabel-1.vloertabel-7.egaline tbody tr td:nth-child(6):before {
				content: 'Laagdikte: ';
			}
			#prijstabel-1.vloertabel-7.egaline tbody tr td:nth-child(7):before {
				content: 'Vloerverwarming: ' ;
			}
			#prijstabel-1.vloertabel-7.egaline tbody tr td:nth-child(8):before {
				content: 'Prijs €/\33a1 ' ;
			}


			.col12 table {
				width: 100%;
			}
			.col12 td {
			width: auto;
			}
		}
		/*------------------------------------*\
		    END RESPONSIVE OUDE WEBSITE CSS
		\*------------------------------------*/

		/*--------------------------------------------------------------
			# Start  responsive Tabel
		--------------------------------------------------------------*/

		.prijs-tabel{
		    width: 100%;
		    margin-top: 20px;
		    margin-bottom: 40px;
		}
		.prijs-tabel th{
		    text-align: left;
		    background: #7fc945;
		    color: #fff;
		    font-weight: bold;
		    font-size: 16px;
		    text-transform: none;
		    line-height: 26px;
		}
		#post-7207 .prijs-tabel.oranje th {
			background-color: #f5902a;
		}
		.prijs-tabel td{
		    width: 50%;
		    padding: 5px 13px;
		}

		.prijs-tabel.overzicht-tabel td {
		    width: 14%;
		    padding: 9px 13px;
		    font-size: 16px;
		}
		.prijs-tabel td {
		    padding: 9px 13px;
		    font-size: 16px;
		}
		 .prijs-tabel.overzicht-tabel a{
			 text-decoration: underline;
		 }
		.prijs-tabel td h2{
		    font-size: 15px!important;
		}
		.prijs-tabel td h2:after{
		    display: none;
		}
		.prijs-tabel.gietvloer tr:first-child td:first-child::after,
		.prijs-tabel.epoxygietvloer tr:first-child td:first-child::after,
		.prijs-tabel.woonbeton tr:first-child td:first-child::after,
		.prijs-tabel.vloercoating tr:first-child td:first-child::after,
		.prijs-tabel.beton-cire tr:first-child td:first-child::after,
		.prijs-tabel.microcement tr:first-child td:first-child::after,
		.prijs-tabel.betonvloer tr:first-child td:first-child::after,
		.prijs-tabel.grindvloer tr:first-child td:first-child::after,
		.prijs-tabel.esd-gietvloer tr:first-child td:first-child::after,
		.prijs-tabel.troffelvloer tr:first-child td:first-child::after, 
		.prijs-tabel.bio-lavasteen tr:first-child td:first-child::after {
		    content: ' vaste prijs';
		}
		ul.large-6{
		    margin: 0!important;
		}

		@media screen and (max-width: 1024px) {
		    .prijs-tabel thead {
		        display: none;
		    }
		    .prijs-tabel th{
		        text-align: left;
		    }
		    .prijs-tabel tr {
		        margin-bottom: 10px;
		        border: 1px solid #ececec;
		        display: block;
		        overflow: auto;
		    }
		    .prijs-tabel.overzicht-tabel tr{
		        margin-bottom: 20px;
		    }
		    .prijs-tabel td{
		        border-color: #ececec;
		        border-left: none;
		        border-style: none solid solid none;
		        border-top: medium none;
		        border-width: medium 1px 1px medium;
		        padding: 10px;
		    }
		    .prijs-tabel tr td,
		    .prijs-tabel.overzicht-tabel tr td{
		        float: left;
		        width: 100%;
		    }
		    .prijs-tabel.overzicht-tabel tr td h2{
		        float: left;
		        width: 45%;
		        display: inline-block;
		        margin: 0;
		        clear: none;
		        line-height: 27px;
		    }
		    .prijs-tabel tr td:before,
		    .prijs-tabel.overzicht-tabel tr td:before{
		        display: block;
		        font-weight: bold;
		        float: left;
		        width: 50%;
		    }
		    .prijs-tabel.overzicht-tabel tr td:first-child,
		    .prijs-tabel.overzicht-tabel tr td:first-child a{
		        background-color: #7fc945;
		        color: #fff;
		    }
		    .prijs-tabel.overzicht-tabel tr td:nth-child(1):before {
		        content: 'Type gietvloer:';
		    }
		    .prijs-tabel.overzicht-tabel tr td:nth-child(2):before {
		        content: 'Laagdikte';
		    }
		    .prijs-tabel.overzicht-tabel tr td:nth-child(3):before {
		        content: 'Gietvloer prijs *';
		    }
		    /*.prijs-tabel.overzicht-tabel tr td:nth-child(3):after { */
		    /*    content: ' per m2'; */
		    /* } */
			/* MJa: remove ' per m2' */
			.prijs-tabel.overzicht-tabel.yw-no-m2 tr td:nth-child(3):after { content: ''!important; }

		    .prijs-tabel.overzicht-tabel tr td:nth-child(4):before {
		        content: 'Toepassing';
		    }
		    .prijs-tabel.overzicht-tabel tr td:nth-child(5):before {
		        content: 'Vloerverwarming mogelijk?';
		    }
		    .prijs-tabel.overzicht-tabel tr td:nth-child(6):before {
		        content: 'Antislip mogelijk?';
		    }
		    .prijs-tabel.overzicht-tabel tr td:nth-child(7):before {
		        content: 'Betonlook mogelijk?';
		    }

			#type-gietvloer.prijs-tabel.overzicht-tabel tr td:nth-child(1):before {
		        content: 'Type gietvloer:';
		    }
		    #type-gietvloer.prijs-tabel.overzicht-tabel tr td:nth-child(2):before {
		        content: 'Gietvloer 20 – 50 M²';
		    }
		    #type-gietvloer.prijs-tabel.overzicht-tabel tr td:nth-child(3):before {
		        content: 'Gietvloer 51 – 100 M²';
		    }
		    #type-gietvloer.prijs-tabel.overzicht-tabel tr td:nth-child(4):before {
		        content: 'Gietvloer 101 – 150 M²';
		    }
		    #type-gietvloer.prijs-tabel.overzicht-tabel tr td:nth-child(5):before {
		        content: 'Gietvloer 151 – 200 M²';
		    }

		    .prijs-tabel.gietvloer:before,
		    .prijs-tabel.epoxygietvloer:before,
		    .prijs-tabel.woonbeton:before,
		    .prijs-tabel.vloercoating:before,
		    .prijs-tabel.beton-cire:before,
		    .prijs-tabel.microcement:before,
		    .prijs-tabel.betonvloer:before,
		    .prijs-tabel.grindvloer:before,
		    .prijs-tabel.esd-gietvloer:before,
		    .prijs-tabel.troffelvloer:before,
			.prijs-tabel.blending-nature:before, 
			.prijs-tabel.bio-lavasteen:before, 
			.prijs-tabel.egaline:before {
		        width: 100%!important;
		        display: block;
		        background-color: #7fc945;
		        color: #fff;
		        padding: 10px;
		        box-sizing: border-box;
		    }

		    .prijs-tabel.gietvloer:before {
		        content: 'PU gietvloer';
		    }
			.prijs-tabel.gietvloer.bio-lavasteen:before {
		        content: 'BIO Lavasteen';
		    }
		    .prijs-tabel.epoxygietvloer:before {
		        content: 'Epoxy gietvloer';
		    }
		    .prijs-tabel.woonbeton:before {
		        content: 'Woonbeton';
		    }
		    .prijs-tabel.vloercoating:before {
		        content: 'Vloercoating';
		    }
		    .prijs-tabel.beton-cire:before {
		        content: 'Beton Cire';
		    }
		    .prijs-tabel.microcement:before {
		        content: 'Microcement';
		    }
		    .prijs-tabel.betonvloer:before {
		        content: 'Betonvloer';
		    }
		    .prijs-tabel.grindvloer:before {
		        content: 'Grindvloer';
		    }
		    .prijs-tabel.esd-gietvloer:before {
		        content: 'ESD Gietvloer';
		    }
		    .prijs-tabel.troffelvloer:before {
		        content: 'Troffelvloer';
		    }
			.prijs-tabel.blending-nature:before {
		        content: 'Blending Nature';
		    }
			.prijs-tabel.bio-lavasteen:before {
		        content: 'BIO Lavasteen';
		    }
			.prijs-tabel.egaline:before {
		        content: 'Egaline vloer prijs per m2';
		    }
		    .prijs-tabel.gietvloer tr td:nth-child(1):before,
		    .prijs-tabel.epoxygietvloer tr td:nth-child(1):before,
		    .prijs-tabel.woonbeton tr td:nth-child(1):before,
		    .prijs-tabel.vloercoating tr td:nth-child(1):before,
		    .prijs-tabel.beton-cire tr td:nth-child(1):before,
		    .prijs-tabel.microcement tr td:nth-child(1):before,
		    .prijs-tabel.betonvloer tr td:nth-child(1):before,
		    .prijs-tabel.grindvloer tr td:nth-child(1):before,
		    .prijs-tabel.esd-gietvloer tr td:nth-child(1):before,
		    .prijs-tabel.troffelvloer tr td:nth-child(1):before,
			.prijs-tabel.bio-lavasteen tr td:nth-child(1):before, 
			.prijs-tabel.egaline tr td:nth-child(1):before {
		        content: 'Type';
		        width: 20%;
		    }

		    .prijs-tabel.gietvloer tr td:nth-child(2):before,
		    .prijs-tabel.epoxygietvloer tr td:nth-child(2):before,
		    .prijs-tabel.woonbeton tr td:nth-child(2):before,
		    .prijs-tabel.vloercoating tr td:nth-child(2):before,
		    .prijs-tabel.beton-cire tr td:nth-child(2):before,
		    .prijs-tabel.microcement tr td:nth-child(2):before,
		    .prijs-tabel.betonvloer tr td:nth-child(2):before,
		    .prijs-tabel.grindvloer tr td:nth-child(2):before,
		    .prijs-tabel.esd-gietvloer tr td:nth-child(2):before,
		    .prijs-tabel.troffelvloer tr td:nth-child(2):before, 
			.prijs-tabel.bio-lavasteen tr td:nth-child(2):before, 
			.prijs-tabel.egaline tr td:nth-child(2):before {
		        content: 'Prijs';
		        width: 20%;
		    }
		}
		@media screen and (max-width:400px) {
		    .prijs-tabel.overzicht-tabel tr td:nth-child(3):after {
		        float: right;
		        margin-right: 32%;
		    }
		    .prijs-tabel.gietvloer tr:first-child td:first-child::after,
		    .prijs-tabel.epoxygietvloer tr:first-child td:first-child::after,
		    .prijs-tabel.woonbeton tr:first-child td:first-child::after,
		    .prijs-tabel.vloercoating tr:first-child td:first-child::after,
		    .prijs-tabel.beton-cire tr:first-child td:first-child::after,
		    .prijs-tabel.microcement tr:first-child td:first-child::after,
		    .prijs-tabel.betonvloer tr:first-child td:first-child::after,
		    .prijs-tabel.grindvloer tr:first-child td:first-child::after,
		    .prijs-tabel.esd-gietvloer tr:first-child td:first-child::after,
		    .prijs-tabel.troffelvloer tr:first-child td:first-child::after, 
			.prijs-tabel.bio-lavasteen tr td:nth-child(2):before {
		        float: left;
		        margin-left: 20%;
		    }
		}
		/*--------------------------------------------------------------
			# End responsive Tabel
		--------------------------------------------------------------*/

/* END NEW */


/* ROXTAR */
.c-category-grid,
.c-category-list,
.c-related-list {
	display: flex;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.c-category-grid,
.c-category-list {
	flex-direction: column;
}

.c-category-grid__item {
	margin-bottom: 1.25rem;
}

/* Category Block */
.c-category-block__thumbnail {
	position: relative;
	width: 100%;
}

.c-category-block__thumbnail picture {
	position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.c-category-block__thumbnail picture img {
	position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}

.c-category-block__content {
	padding: 1.5rem;
	background: var(--base);
}

/* Category Block */
.c-related-list {
	flex-direction: row;
	flex-wrap: wrap;
}

.c-related-list__item {
	width: 100%;
}

/* Article Title */
.c-category-list__item,
.c-related-list__item {
	margin-top: .75rem;
}

.c-article__title {
	padding: .25rem 0;
	color: var(--contrast-2);
	transition: color .2s ease;
}

.c-article__title:hover {
	color: var(--accent);
}


/* Resp */
@media screen and (max-width: 599px) {
	.c-related-block {
		padding-inline: 2rem;
	}
	.c-category-block__thumbnail {
		aspect-ratio: 16/10;
	}
}

@media screen and (min-width: 600px) {
	.c-category-grid__item {
		margin-bottom: 2.5rem;
	}
	.c-category-grid__item:nth-child(even) .c-category-block__content {
		order: -1;
	}
	.c-category-block {
		display: grid;
		grid-template-columns: 40% 60%;
	}
	.c-category-grid__item:nth-child(even) .c-category-block {
		grid-template-columns: 60% 40%;
	}
	.c-category-block__thumbnail {
		aspect-ratio: 5/4;
		min-height: 100%;
	}
	.c-category-block__content {
		padding: 2.5rem;
	}
}

@media screen and (min-width: 1040px) {
	.c-category-block__content {
		padding: 3.75rem 2.5rem 3.75rem 5rem;
	}
	.c-related-list__item {
		width: 50%;
	}
}

/** kantoorvloer CSS **/
/* Variables */
:root {
	--hv_global-spacing: 4rem;
	--hv_inner-spacing: 1.5em;
	
	--hv_color-orange: #F5902A;
	--hv_color-green: #7FC945;
	--hv_color-background-block: rgba(231, 229, 218, 30%);
}

/* Animaties */

h1, h2 {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

p, .hv_button-primary {
    opacity: 0;
    transition: opacity 1s ease-out;
}

.fade-in {
    opacity: 1;
    transform: translateY(0);
}

/* Columns inside the container */
.hv_page-intro-column {
    position: relative;
    flex-basis: 50%; /* Each column takes up 50% of the container width */
    flex-grow: 1; /* Allow columns to grow and fill the container */
    box-sizing: border-box; /* Include padding and borders in the element’s total width and height */
}

/* Animated image container */
.animated-img {
    position: relative;
    width: 100%; /* Ensure the container takes up the full width of the parent */
    height: auto; /* Adjust height as needed */
    background-color: #eeeeee; /* Static background color */
 	border-radius: 10px;
	overflow: hidden; /* Hide overflow to enable smooth animation */
	max-height: 480px;
}

/* Mask element for revealing the image */
.animated-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Full width of the container */
    height: 100%; /* Full height of the container */
    background-color: #eeeeee; /* Same background color */
    transform: translateX(0); /* Start with the mask covering the image */
    transition: transform .8s ease-out; /* Smooth transition */
}

/* Image inside the animated container */
.animated-img img {
    width: 100%; /* Ensure the image takes up the full width of the container */
/*     height: auto; /* Maintain aspect ratio */ */
    display: block;
	object-fit: cover;
    height: 100%;
}

/* Class to trigger the reveal animation */
.animated-img.fade-in::before {
    transform: translateX(100%); /* Slide the mask to reveal the image */
}





/* Reset */
.page-template-page-template-alternative-page .gb-container.gb-container-46918c69,
.page-template-page-template-alternative-page .gb-container.gb-container-9dcc44a0,
.page-template-page-template-alternative-page .gb-headline,
.page-template-page-template-alternative-page .page-hero,
.page-template-page-template-alternative-page .gb-container-b5cdba87 {
	display: none;
}

.page-template-page-template-alternative-page .site-footer .gb-headline {
	display: block;
}

.page-template-page-template-alternative-page .site-footer a:not(.gb-button) {
	color: var(--base);
	text-decoration: none;
}

.page-template-page-template-alternative-page .site-footer a:not(.gb-button):hover {
	color: var(--base);
	text-decoration: underline;
}
.page-template-page-template-alternative-page .site-footer .gb-button-bde789f6 {
	color: var(--base) !important;
}

.page-template-page-template-alternative-page .site-footer a.gb-button {
	color: var(--contrast);
}

.page-template-page-template-alternative-page .site-footer a.gb-button:hover {
	color: var(--base);
}

.page-template-page-template-alternative-page .site-content {
	flex-direction: column;
}

.page-template-page-template-alternative-page {
	font-weight: 400;
/* 	font-size: 16px; */
}

.page-template-page-template-alternative-page h3 {
	font-size: 1.5rem;
	font-weight: 600;	
}

.page-template-page-template-alternative-page span a,
.page-template-page-template-alternative-page li a,
.page-template-page-template-alternative-page p a {
	color: #222222;
	text-decoration: underline;
	transition: color 250ms ease;
}

.page-template-page-template-alternative-page span a:hover,
.page-template-page-template-alternative-page li a:hover,
.page-template-page-template-alternative-page p a:hover {
	color: var(--hv_color-orange);
}

.page-template-page-template-alternative-page .gb-grid-column-65f97f16,
.page-template-page-template-alternative-page .gb-inside-container {
	padding: 0;
}

.page-template-page-template-alternative-page .gb-container-27235cc3 {
	height: auto;
}

/* Header */
.page-template-page-template-alternative-page .header-wrap {
	position: relative;
}

/* .page-template-page-template-alternative-page .header-wrap .gb-container.gb-container-9ebe73fe {
	padding-left: 2rem;
	padding-right: 2rem;
} */

.page-template-page-template-alternative-page .inside-navigation {
	border-bottom: 1px solid rgba(34, 34, 34, 10%);
}

.page-template-page-template-alternative-page #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
.page-template-page-template-alternative-page .header-wrap .gb-button-wrapper .gb-button-7dea32e4,
.page-template-page-template-alternative-page .header-wrap .gb-button-wrapper a span {
	color: #222222;
}

.page-template-page-template-alternative-page .header-wrap .mega-menu-item-10945 a {
	color: white !important;
}

@media (max-width: 768px) {
	.page-template-page-template-alternative-page .mega-menu-item-has-children > a,
	.page-template-page-template-alternative-page .mega-menu-flyout > a,
	.page-template-page-template-alternative-page .mega-menu-megamenu > a {
		color: var(--base) !important;
	}
	
	.generate-back-to-top {
		bottom: 70px;
		right: 5%;
	}
	
	:root .gb-container-6d1e9501 .has-accent-background-color{
		background-color: var(--accent);
		position: fixed;
		bottom: 10px;
		width: 90%;
		text-align: center;
		margin-left: 5%;
		border-radius: 5px;
        box-shadow: 0px 66px 63px 90px rgba(255, 255, 255, 1);
	}

}

/* General */
.hv_container {
	display: flex;
	flex-direction: column;
	row-gap: 2rem;
	column-gap: 2rem;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2rem;
	padding-right: 2rem;
}

.page-template-page-template-alternative-page h1::after,
.page-template-page-template-alternative-page h2::after {
	content: unset;
	display: none;
}

.page-template-page-template-alternative-page h1{
    font-size: 37px;
    margin-bottom: 25px;
}

.page-template-page-template-alternative-page .gb-container-52f4ad68 .gb-inside-container {
	padding-left: 2rem;
	padding-right: 2rem;
}

.page-template-page-template-alternative-page  .rank-math-breadcrumb p,
.page-template-page-template-alternative-page  .rank-math-breadcrumb a{
	margin-bottom: 0;
	color: #AEAEAE !important;
	    font-size: 0.75rem;
}

.page-template-page-template-alternative-page .gb-container-52f4ad68{
	margin-bottom: 0;
}

.page-template-page-template-alternative-page h2 {
    font-size: 31px;
}

.page-template-page-template-alternative-page .offerte-link{
	color: #f5902a;
	display: block;
	margin-top: 15px;
	text-decoration: underline;
}

.hv_call-to-action__description p {
    font-size: 18px;
    margin-top: 10px;
}


.hv_section6-step__description p{
	margin-bottom: 0;
}

/* Page Intro */
.hv_page-intro {
	width: 100%;
	padding-top: calc(var(--hv_global-spacing) / 2);
	padding-bottom: var(--hv_global-spacing);
}

.hv_page-intro .hv_container {
	flex-direction: column;
}

.hv_page-intro-column {
	position: relative;
	flex-basis: 50%;
}

.hv_page-intro__heading {
	font-size: 40px;
	line-height: 1.05;
}

.hv_page-intro-buttons {
	display: flex;
	column-gap: 1rem;
}

.hv_page-intro-usps {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
/* 	margin-top: var(--hv_inner-spacing); */
	margin-top: 3rem;
}

.hv_page-intro__usp {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
}

.hv_page-intro__usp::before {
	content: '';
	display: inline-block;
	width: 1rem;
	height: 1rem;
	padding: 0.5rem;
	margin-top: -1px;
	margin-right: 0.75em;
	border-radius: 100%;
	background-color: transparent;
    background-image: url(/wp-content/uploads/2024/06/checkmark-black.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
}

.hv_page-intro-usps > * {
	flex-basis: calc((100% - 8rem) / 2);
}

.hv_page-intro__image {
	width: 100%;
	height: auto;
	border-radius: 10px;
}

@media (min-width: 768px) {
	.hv_page-intro .hv_container {
		flex-direction: row;
	}
	
/* 	.hv_page-intro__image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	} */
}

/* Section 2 */
.hv_section2 {
	width: 100%;
	padding-top: var(--hv_global-spacing);
	padding-bottom: var(--hv_global-spacing);
	background-color: var(--hv_color-background-block);
}

.hv_section2-intro {
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.hv_section2__image-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	row-gap: 2rem;
}

.hv_section2__additional-wrapper {
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.hv_section2__additional-item {
	position: relative;
	padding-left: 3rem;
}

.hv_section2__additional-item::before {
	content: '';
	position: absolute;
	top: 24px;
	left: 0;
	transform: translateY(-50%);
	width: 2rem;
	height: 2rem;
	margin-top: -1px;
	border-radius: 100%;
	background-color: #7FC945;
}

.hv_section2__additional-item p {
	margin: 0;
}

@media (min-width: 768px) {
	.hv_section2__additional-wrapper {
		width: max-content;
	}
	
	.hv_section2__additional-item::before {
		top: 50%;
	}
	
	.hv_section2__image-wrapper {
		grid-template-columns: repeat(7, 1fr);
	}
}

/* Section 3 */
.hv_section3 {
	width: 100%;
}

.hv_section3 .hv_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	column-gap: 3rem;
	padding-top: var(--hv_global-spacing);
	padding-bottom: var(--hv_global-spacing);
	border-bottom: 1px solid rgba(34, 34, 34, 10%);
}

.hv_section3 .hv_container > * {
	width: 100%;
}

.hv_section3__description p:last-child {
	margin: 0;
}

.hv_section3__highlighted-content {
	height: max-content;
	padding: calc(var(--hv_inner-spacing) * 1.5);
	border-radius: 10px;
	background-color: var(--hv_color-background-block);
}

.hv_section3__highlighted-content p {
	text-align: center;
}

.hv_section3__highlighted-content ul {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	justify-content: space-between;
	row-gap: 1rem;
	margin: 0;
	padding-left: 0;
	list-style: none;
}

.hv_section3__highlighted-content li {
	position: relative;
	padding-left: calc(1rem + 0.5em);
	font-size: 16px;
	font-weight: 600;
}

.hv_section3__highlighted-content li::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 1rem;
	height: 1rem;
	margin-top: -1px;
	border-radius: 100%;
	background-color: #efefef;
}


@media (min-width: 768px) {	
	.hv_section3__highlighted-content ul {
		grid-template-columns: repeat(2, 1fr);
	}
}


@media (min-width: 1024px) {
	.hv_section3 .hv_container {
		flex-direction: row;
	}
	
	.hv_section3 .hv_container > * {
		flex-basis: calc((100% - 3rem) / 2);
		width: unset;
	}
}

/* Section 4 */
.hv_section4 {
	width: 100%;
	padding-top: var(--hv_global-spacing);
	padding-bottom: var(--hv_global-spacing);
}

.hv_section4-intro {
	max-width: 930px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.hv_table,
.hv_table th,
.hv_table td {
	border: 0;	
}

.hv_table {
	font-size: 15px;
}

.hv_table tr:not(:last-child) {
	border-bottom: 1px solid rgba(34, 34, 34, 20%);
}

.hv_table thead {
	position: sticky;
	top: 87px;
	background-color: white;
}

.hv_table thead tr {
	text-align: left;
}

.hv_table thead th {
	position: relative;
	width: calc(100% / 7);
}

.hv_table thead th::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: rgba(34, 34, 34, 60%);
}

.hv_table tbody td {
	padding-top: 1rem;
	padding-bottom: 1rem;
	vertical-align: baseline;
}

.hv_table ul {
	margin: 0;
	margin-left: 1rem;
}

@media (max-width: 1024px) {
	.hv_table thead {
		display: none;
	}
	
	.hv_table tbody {
		border: 1px solid rgba(34, 34, 34, 20%);
	}
	
	.hv_table tbody td {
		float: left;
		display: block;
		width: 100% !important;
	}
	
	.hv_table tr:not(:last-child) {
	  border-bottom: 5px solid rgba(34, 34, 34, 20%);
	}
	
	.hv_table tbody tr td::before {
		display: block;
		font-weight: 600;
	}
	
	.hv_table tbody tr td:nth-child(1)::before {
		content: 'Soort kantoorvloer';
	}
	
	.hv_table tbody tr td:nth-child(2)::before {
		content: 'Eigenschappen';
	}
	
	.hv_table tbody tr td:nth-child(3)::before {
		content: 'Samenstelling';
	}
	
	.hv_table tbody tr td:nth-child(4)::before {
		content: 'Kleuropties';
	}
	
	.hv_table tbody tr td:nth-child(5)::before {
		content: 'Nadelen';
	}
	
	.hv_table tbody tr td:nth-child(6)::before {
		content: 'Dikte';
	}
	
	.hv_table tbody tr td:nth-child(7)::before {
		content: 'Prijs vanaf p/\33a1';
	}
	
	.hv_table tbody td:not(:last-child) {
		border-bottom: 1px solid rgba(34, 34, 34, 20%);
	}
}

/* Section 5 / CALL TO ACTION */
.hv_call-to-action {
	width: 100%;
	padding-top: var(--hv_global-spacing);
	padding-bottom: var(--hv_global-spacing);
	background-color: var(--hv_color-background-block);
}

.hv_call-to-action .hv_container {
	row-gap: 0;
	max-width: 930px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.hv_call-to-action__heading {
	font-size: 22px;
	margin-bottom: 0.25rem;
}

.hv_call-to-action-buttons {
	display: flex;
	column-gap: 1rem;
	justify-content: center;
}

/* Section 6 */
.hv_section6 {
	width: 100%;
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
	padding-top: var(--hv_global-spacing);
	padding-bottom: var(--hv_global-spacing);
}

.hv_section6-intro {
	text-align: center;
}

.hv_section6-steps__wrapper {
	display: flex;
	flex-direction: column;
	row-gap: 3rem;
}

.hv_section6-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3rem;
}

.hv_section6-step__image {
	width: 100%;
	height: auto;
	max-height: 180px;
	object-fit: cover;
	border-radius: 10px;
}


@media (min-width: 768px) {
	.hv_section6-step {
		flex-direction: row;
	}
	
	.hv_section6-step__image {
		width: 150px;
		height: 150px;
		object-fit: cover;
		border-radius: 100%;
	}
}

/* Section 7 */
.hv_section7 {
	width: 100%;
	padding-top: var(--hv_global-spacing);
	padding-bottom: var(--hv_global-spacing);
	background-color: var(--hv_color-background-block);
}

.hv_section7-intro {
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.hv_section7-blocks__wrapper {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 2rem;
}

.hv_section7-block {
	padding: 2rem;
	border-radius: 10px;
	background-color: #fff;
}

.hv_section7-block p:last-child {
	margin: 0;
}

@media (min-width: 768px) {
	.hv_section7-blocks__wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Section 8 */
.hv_section8 {
	width: 100%;
}

.hv_section8 .hv_container {
	padding-top: var(--hv_global-spacing);
	padding-bottom: var(--hv_global-spacing);
	border-bottom: 1px solid rgba(34, 34, 34, 10%);
}

.hv_section8-intro {
	width: 100%;
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.hv_section8-blocks__wrapper {
	width: 100%;
	max-width: 930px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	row-gap: 2rem;
}

.hv_section8-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
}

.hv_section8-block__image {
	width: 100%;
	border-radius: 10px;
}

.hv_section8-block__description p:last-child {
	margin: 0;
}

.hv_section8-block__content{
	max-width: 600px;
}

.hv_section8-block .animated-img {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #eeeeee;
    border-radius: 10px;
    overflow: hidden;
    max-height: 195px;
}

@media (min-width: 768px) {
	.hv_section8-block {
		flex-direction: row;
	}
	
	.hv_section8-block__image {
/* 		width: unset; */
		height: 220px;
		width: 300px;
		object-fit: cover;
	}
}

/* Section 9 */
.hv_section9 {
	width: 100%;
}

.hv_section9 .hv_container {
	padding-top: var(--hv_global-spacing);
	padding-bottom: var(--hv_global-spacing);
	border-bottom: 1px solid rgba(34, 34, 34, 10%);
}

.hv_section9-intro {
	width: 100%;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.hv_section9-intro p:last-child {
	margin-bottom: 0;
}

.hv_section9-content {
	display: flex;
	flex-direction: column;
	column-gap: 2rem;
}

.hv_section9-block__image {
	width: 100%;
	margin-bottom: 2rem;
	border-radius: 10px;
	object-fit: cover;
}

.hv_section9-block__description {
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
	justify-content: center;
}

.hv_section9-block__description ul {
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
	margin: 0;
	list-style: none;
	padding-top: 20px;
    padding-bottom: 5px;
}

.hv_section9-block__description ul li {
	position: relative;
	padding-left: 3rem;
	margin-bottom: 15px;
}

.hv_section9-block__description ul li::before {
	content: '';
	position: absolute;
	top: 11px;
	left: 0;
	transform: translateY(-50%);
	width: 2rem;
	height: 2rem;
	margin-top: -1px;
	border-radius: 100%;
	background-color: #7FC945;
	background-image: url(/wp-content/uploads/2024/06/checkmark-white.svg);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: center 10px;
}

/* .hv_section9-block__description li strong{
	font-size: 1.4rem;
} */

.hv_section9-block__description li strong {
    font-size: 21px;
    margin-bottom: -12px;
    display: block;
    line-height: 1;
}

@media (min-width: 768px) {
	.hv_section9-content {
		flex-direction: row;
	}
	
	.hv_section9-content > * {
		flex-basis: calc((100% - 2rem) / 2);
	}
	
	.hv_section9-block__image {
		width: unset;
		margin-bottom: 0;
	}
}

/* Section10 */
.hv_section10 {
	width: 100%;
	padding-top: var(--hv_global-spacing);
	padding-bottom: var(--hv_global-spacing);
}

.hv_section10 .hv_container {
	row-gap: 3rem;
}

.hv_section10-intro {
	width: 100%;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.hv_accordion {
	display: flex;
	flex-direction:column;
	gap: 1rem;
	width: 100%;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.hv_accordion-item {
	border-radius: 5px;
	background-color: var(--hv_color-background-block);
}

.hv_accordion-item__heading {
	position: relative;
	cursor: pointer;
	margin-bottom: 0;
	padding: 1.4rem;
	padding-right: calc(1rem + 0.75rem + 1rem);
	font-size: 17px !important;
}

.hv_accordion-item__heading::after {
	content: '';
	position: absolute;
	top: calc(50% - 3px);
	right: 1rem;
	width: 0.75rem;
	height: 0.75rem;
	padding: 2px;
	border: solid black;
	border-width: 0 2px 2px 0;
	transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform-origin: center;
	
	transition: 250ms ease;
}

.hv_accordion-item__description {
	display: none;
	padding: 1rem;
	padding-left: 1.5rem;
	padding-top: 0;
}

.hv_accordion-item .hv_accordion-item__heading:hover::after,
.hv_accordion-item.active .hv_accordion-item__heading::after {
	top: calc(50% - 1px);
	transform: translateY(-50%) rotate(-45deg);
	-webkit-transform: translateY(-50%) rotate(-45deg);
}

.hv_accordion-item.active .hv_accordion-item__description {
	display: block;
}

/* Section 11 */
.hv_section11 {
	width: 100%;
	padding-top: var(--hv_global-spacing);
	padding-bottom: var(--hv_global-spacing);
	background-color: #FAFAF8;
}

.hv_section11-intro {
	width: 100%;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.hv_section11-intro h2 {
	margin-bottom: 2rem;
}

.hv_review {
	padding: 2rem;
	background-color: #fff;
	border-radius: 10px;
}

.hv_review .review-logo img{
	max-height: 25px;
    max-width: 300px;
    width: auto;
}

.hv_review .review-logo{
	margin-bottom: 10px;
}

.hv_review p:last-child {
	margin-bottom: 0;
}

.hv_swiper-reviews {
	overflow:hidden;
	width: 100%;
}

.hv_swiper-reviews * {
	box-sizing: border-box;
}

.swiper-control {
	z-index: 0;
	position: relative;
	display: flex;
	align-items: center;
	column-gap: 1.5rem;
	width: max-content;
	margin-top: var(--hv_inner-spacing);
	margin-left: auto;
	margin-right: auto;
}

.swiper-control .swiper-pagination-bullet {
	background-color: #E7E5DA;
	opacity: 1;
}

.swiper-control .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #95938A;
}

.swiper-control .swiper-pagination {
	position: relative;
	top: unset;
	bottom: unset;
	left: unset;
	right: unset;
}

.swiper-control .swiper-button-prev,
.swiper-control .swiper-button-next {
	position: relative;
	top: unset;
	bottom: unset;
	left: unset;
	right: unset;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0.8rem;
	border-radius: 100%;
	color: #95938A;
	background-color: #E7E5DA;
}

.swiper-wrapper {
	display: inline-flex;
}

.swiper-control .swiper-button-prev::after,
.swiper-control .swiper-button-next::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0.5rem;
	height: 0.5rem;
	padding: 2px;
	border: solid #95938A;
	border-width: 0 2px 2px 0;
	transform-origin: center;
}

.swiper-control .swiper-button-prev::after {
	left: calc(50% + 1px);
	transform: translate(-50%, -50%) rotate(135deg);
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
}

.swiper-control .swiper-button-next::after {
	left: calc(50% - 1px);
	transform: translate(-50%, -50%) rotate(-45deg);
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
}

/* BANNER (oud) */
.page-template-page-template-alternative-page .gb-container.gb-container-27235cc3 {
	padding-top: var(--hv_global-spacing);
	padding-bottom: var(--hv_global-spacing);
		padding-left: 2rem;
padding-right: 2rem;
	background-color: #E7E5DA;
}

.page-template-page-template-alternative-page .gb-container.gb-container-27235cc3 .gb-container-05d74791 {
	padding: 0;
}

.page-template-page-template-alternative-page .gb-container.gb-container-27235cc3 p {
	color: #222222;
	font-weight: 600;
	text-align: center;
		margin-bottom: 10px !important;
}

.page-template-page-template-alternative-page .gb-container.gb-container-27235cc3::before {
	content: unset;
	display: none;
}

.page-template-page-template-alternative-page .gb-button-81102c6e {
	margin: auto;
}


.page-template-page-template-alternative-page .gb-container.gb-container-4b078003 {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-top: var(--hv_global-spacing);
	padding-bottom: var(--hv_global-spacing);
	background-color: #fff;
	border-bottom: 1px solid rgba(34, 34, 34, 10%);
}

.page-template-page-template-alternative-page .gb-container.gb-container-4b078003 .gb-grid-wrapper-660d311f .gb-inside-container {
	padding-top: 200px;
}

.page-template-page-template-alternative-page .gb-container.gb-container-4b078003 .gb-grid-wrapper.gb-grid-wrapper-660d311f {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
}

.page-template-page-template-alternative-page .gb-container.gb-container-4b078003 .gb-grid-wrapper.gb-grid-wrapper-660d311f .gb-grid-column {
	width: 100% !important;
}

.page-template-page-template-alternative-page .gb-container.gb-container-4b078003 .gb-grid-wrapper.gb-grid-wrapper-660d311f .gb-grid-column .gb-container {
	background-position: center top;
	background-size: 100% 200px;
}

.page-template-page-template-alternative-page .gb-container.gb-container-4b078003 .gb-grid-wrapper.gb-grid-wrapper-660d311f .gb-grid-column > .gb-container {
	overflow: hidden;
	border-radius: 10px;
}

.page-template-page-template-alternative-page .gb-container.gb-container-4b078003 .gb-grid-wrapper.gb-grid-wrapper-660d311f .gb-grid-column > .gb-container .gb-icon svg {
	display: none;
}

.page-template-page-template-alternative-page .gb-container.gb-container-4b078003 .gb-grid-wrapper.gb-grid-wrapper-660d311f .gb-grid-column > .gb-container .gb-icon {
	display: flex;
	flex-direction: column;
	padding: 0;
}

.page-template-page-template-alternative-page .gb-container.gb-container-4b078003 .gb-grid-wrapper.gb-grid-wrapper-660d311f .gb-grid-column > .gb-container .gb-icon::after {
	content: 'Bekijken';
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 43px;
	padding: 0.5rem 1.25rem 0.5rem !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em;
	text-align: center;
	text-decoration: none !important;
	color: #ffffff !important;
	border-radius: 5px;
	background-color: var(--hv_color-green);
	transition: 250ms ease;
}

.page-template-page-template-alternative-page .gb-container.gb-container-4b078003 .gb-grid-wrapper.gb-grid-wrapper-660d311f .gb-grid-column > .gb-container a:hover .gb-icon::after {
	background-color: var(--hv_color-orange);
}

.page-template-page-template-alternative-page .gb-container-27235cc3 {
	margin-bottom: 0;
}

.page-template-page-template-alternative-page .gb-container.gb-container-4b078003 .gb-button-wrapper a {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 2rem;
	font-size: 1.25rem;
	font-weight: 600;
	color: black;
	border-radius: 0;
	background-color: #FAFAF8;
}

.page-template-page-template-alternative-page .gb-container-6f103b0a {
	padding-top: var(--hv_global-spacing);
	padding-bottom: var(--hv_global-spacing);
	padding-left: 2rem;
	padding-right: 2rem;
}

.page-template-page-template-alternative-page .site-footer > .gb-container {
	padding-top: var(--hv_global-spacing);
	padding-bottom: var(--hv_global-spacing);
	padding-left: 2rem;
	padding-right: 2rem;
}

.page-template-page-template-alternative-page .gb-container-696fdd52 {
	padding: 0 !important;
}
.page-template-page-template-alternative-page .gb-container-696fdd52 > .gb-inside-container {
	padding: 20px 40px 0 !important;
}

.page-template-page-template-alternative-page .header-wrap > .gb-container > .gb-inside-container{
	margin-top: 15px;
	    max-width: calc(1200px - 4rem);
}

.page-template-page-template-alternative-page #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    margin-right: 10px;
	margin-left: 0;
}

.page-template-page-template-alternative-page  .gb-button-wrapper a.gb-button-ff18c7a8{
	margin-right: 0;	
}

.page-template-page-template-alternative-page .main-navigation.is_stuck{
    background-color: #f9f9f9;
}

.page-template-page-template-alternative-page .main-navigation.is_stuck #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
	color: #222 !important;
}

.page-template-page-template-alternative-page .main-navigation.is_stuck #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item#mega-menu-item-10945 a.mega-menu-link{
	color: #fff !important;
}

.hv_section2__additional-item::before{
	background-image: url(/wp-content/uploads/2024/06/checkmark-white.svg);
	background-size: 17px;
    background-repeat: no-repeat;
    background-position: center 10px;
}

.hv_section3__highlighted-content li::before{
	background-image: url(/wp-content/uploads/2024/06/checkmark-black.svg);
	background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;	
	background-color: transparent;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
	    width: 7px;
}

.page-template-page-template-alternative-page .main-navigation.has-branding .inside-navigation.grid-container {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: calc(1200px - 4rem);
}

.hv_section3__highlighted-content ul {
    column-gap: 1rem;
}

.hv_section3__highlighted-content {
    height: auto;
    padding: calc(var(--hv_inner-spacing)* 1.5);
    border-radius: 10px;
    background-color: var(--hv_color-background-block);
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.hv_section3__highlighted-content p{
	margin-bottom: 2rem;
}

.hv_section3__highlighted-content li {
    font-size: 15px;
}

/* Buttons */
.page-template-page-template-alternative-page .gb-button-81102c6e,
.hv_button-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.6rem 1rem 0.6rem !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em;
	text-align: center;
	text-decoration: none !important;
	color: #ffffff !important;
	border-radius: 5px;
	background-color: var(--hv_color-orange);
	transition: 250ms ease;
}

.hv_button-primary + .hv_button-primary {
	background-color: var(--hv_color-green);
}

.hv_button-primary + .hv_button-primary:hover {
	background-color: var(--hv_color-orange);
}

.hv_button-primary:hover {
	background-color: var(--hv_color-green);
}

/* B'S RESPONSIVE EDITS */

.hv_section7::before {
      content: '';
      display: block;
      height: 200px; /* Adjust this value according to the height of your fixed header */
      margin-top: -200px; /* Same value as above */
      visibility: hidden;
}

        .lees-meer {
            text-decoration: underline;
            cursor: pointer;
            color: blue;
        }

@media screen and (max-width: 1200px){
	
	.page-template-page-template-alternative-page .main-navigation.has-branding .inside-navigation.grid-container,
	.page-template-page-template-alternative-page .header-wrap > .gb-container > .gb-inside-container{
		max-width: 100%;
        padding-left: 2rem !important;
        padding-right: 2rem !important;
	}
	
	
	.hv_page-intro-usps > * {
		flex-basis: calc((100% - 4rem) / 2);
	}
	
	.page-template-page-template-alternative-page .gb-grid-wrapper-fa0c1e6e {
		justify-content: center;
	}
	
	.page-template-page-template-alternative-page .gb-grid-wrapper > .gb-grid-column-65f97f16 {
        width: 80%;
    }
	
}


@media screen and (max-width: 768px){
	
	.hv_page-intro-usps > * {
        flex-basis: 230px;
    }
	
	.hv_section2__image-wrapper {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		row-gap: 0rem;
	}
	
	.hv_section3__highlighted-content ul {
    	display: grid;
    	grid-template-columns: repeat(2, 1fr);
	}
	
	.page-template-page-template-alternative-page h2 {
		font-size: 23px;
	}
	
	.hv_container {
    	max-width: 550px;
	}
	
	.animated-img {
/* 		max-height: 310px; */
/* 		margin-bottom: -8px; */
	}
	
	.hv_section2__additional-item::before {
		top: 20px;
	}

	.animated-img img{
		margin-bottom: -8px;
	}
	
	.hv_section9-content .animated-img{
		margin-bottom: 20px;
	}
}


@media screen and (max-width: 500px){
	
	:root {
    	--hv_global-spacing: 2rem;
	}
	
	.hv_container {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	
	.nav-align-right .navigation-branding{
		margin-left: 0;
	}
	
	    .page-template-page-template-alternative-page .main-navigation.has-branding .inside-navigation.grid-container, .page-template-page-template-alternative-page .header-wrap > .gb-container > .gb-inside-container {
        max-width: 100%;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
	
	.page-template-page-template-alternative-page h1 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	
	.hv_page-intro-buttons {
		display: flex;
		column-gap: 1rem;
		flex-direction: column;
	}
	
	.hv_page-intro_button.hv_button-primary:first-child{
		margin-bottom: 1em;
	}
	
	.hv_page-intro-usps {
		margin-top: 2rem;
	}
	
	.hv_page-intro__usp {
    	font-size: 15px;
	}
	
	.navigation-branding img, .site-logo.mobile-header-logo img {
    	position: relative;
    	padding: 6px 0;
	}
	
	.hv_section2__image-wrapper {
        grid-template-columns: repeat(3, 1fr);
	}
	
	.hv_section2__additional-item p strong{
		margin-bottom: 10px;
		display: block;
		font-size: 17px;
        line-height: 1.3;
	}
	
	.hv_section3__highlighted-content ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
	
	.hv_call-to-action-buttons{
		flex-direction: column;
	}
	
	.hv_call-to-action_button.hv_button-primary:first-child{
	    margin-bottom: 15px;
	}
	
	.hv_section9-block__description li strong {
		font-size: 20px;
		margin-bottom: -12px;
		display: block;
		line-height: 1.3;
	}
	
	.hv_section9-block__description ul li::before {
    	top: 14px;
	}
	
	.page-template-page-template-alternative-page .gb-grid-wrapper > .gb-grid-column-65f97f16 {
        width: 100%;
    }
	
	.navigation-branding img, .site-logo.mobile-header-logo img {
    	height: 41px;
	}
	
	.page-template-page-template-alternative-page .gb-container-52f4ad68 .gb-inside-container {
		padding-left: 1.6rem;
		padding-right: 1.5rem;
	}
	
}


@media screen and (max-width: 600px) {
	.page-template-default h1.gb-headline.gb-headline-text { margin-left: 20px; }
}
.cky-notice p {
	opacity: 1!important;
}
/* afbeeldingen zonder margin */
.yw-img-no-margin { margin-bottom: 0px!important; }
/* prijsberekening confirmation */
#gform_confirmation_wrapper_1 {
	border: 1px solid #7fc945;
	padding: 20px 30px;
	background-color: #7fc945;
	color: #ffffff;
}

/* ARNO NEW EDITS */

.page-template-page-template-alternative-page .highlight-btn a{
    background: var(--hv_color-orange) !important;
    border-radius: 5px !important;
    padding: 0px 15px !important;
    margin-left: 17px !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
    font-size: 1.1em !important;
	transition: .2s !important;
	line-height: 38px !important;
}

.page-template-page-template-alternative-page .highlight-btn a:hover{
    background: var(--hv_color-green) !important;	
}

.page-id-23820 .hv_page-intro{
    display: flex;
    flex-direction: column-reverse;
}

.page-id-23820.page-template-page-template-alternative-page .gb-container-52f4ad68{
    position: relative;
    height: 0;
    margin: 0;
    top: 10px;
}

.page-id-23820 .hv_page-intro {
    padding-top: 0;
}

.page-id-23820 .hv_page-intro__image,
.page-id-23820 .animated-img{
	border-radius: 0;
}

.page-id-23820.page-template-page-template-alternative-page .inside-navigation{
	border-bottom: 0;
}

.page-id-23820 .hv_page-intro-column .animated-img {
    position: relative;
    width: 100%;
    height: auto;
    background-color: transparent;
    border-radius: 0px;
    overflow: hidden;
    max-height: unset;
}


.page-id-23820 .hv_page-intro-column.hv_page-intro-column--1{
    max-width: 700px;
}

.page-id-23820 .hv_page-intro-column.hv_page-intro-column--1 {
    max-width: 700px;
    text-align: center;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	margin-bottom: 30px !important;
}


.page-id-23820 .hv_page-intro-column .animated-img::before {
    z-index: 99;
}

.page-id-23820 .hv_page-intro-usps {
    display: flex;
    gap: 1rem;
    margin-top: 0;
    position: absolute;
    top: 10px;
    width: 1135px;
    flex-wrap: nowrap;
    background: var(--hv_color-background-block);
    padding: 10px;
    border-radius: 10px;
}

.page-id-23820 .hv_page-intro__usp {
    justify-content: center;
}

.page-id-23820.page-template-page-template-alternative-page h1 {
    font-size: 37px;
    margin-bottom: 25px;
    margin-top: 120px;
}

.page-id-23820 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu,
.page-id-23820  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2) !important;
    border-radius: 10px !important;
    overflow: hidden;
    background: #fff;
    margin-left: 20px;
    max-width: 1095px;
}

.page-id-23820 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:last-child{
	border-right: 0 !important;
}

.page-id-23820 #mega-menu-wrap-primary #mega-menu-primary p {
    margin-bottom: 0;
    margin-top: 5px;
}

.page-id-23820.page-template-page-template-alternative-page .main-navigation.has-branding .inside-navigation.grid-container{
	padding-top: 5px !important;
}

.page-id-23820.page-template-page-template-alternative-page #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    display: block;
    background: transparent;
    color: #666;
    letter-spacing: 0px !important;
    font-family: inherit;
    font-size: 15px;
}

.page-id-23820.page-template-page-template-alternative-page #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{
	 background-color: #7fc945 !important;
	color: #fff !important;
}

.page-id-23820 .hv_section8-block .animated-img img {
    width: 100%;
    object-fit: cover;
    height: 240px;
}

.page-id-23820 .hv_section8-block .animated-img{
	max-height: 240px;
/* 	background: transparent; */
}

.page-id-23820 .hv_section9-content{
	margin-top: 30px;
}

.page-id-23820 .hv_section9-content .animated-img {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #eeeeee;
    border-radius: 10px;
    overflow: hidden;
    max-height: 600px;
}

.page-id-23820 .hv_accordion-item__heading {
    font-size: 18px !important;
}

.page-id-23820 .gb-container-6f103b0a .has-global-color-8-color a{
	color: var(--global-color-8);
}


.page-id-23820 .swiper.animated-img img {
    max-height: 600px;
    object-fit: cover;
}

.page-id-23820 .swiper.animated-img::before{
	height: 600px;
}

.page-id-23820 .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 30px;
}

.page-id-23820 .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 20px;
}

.page-id-23820 .swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 20px;
}

.page-id-23820 .swiper-button-next, .swiper-button-prev {
    background: rgba(0, 0, 0, .3);
    padding: 20px;
	color: #fff;
}

.page-template-page-template-alternative-page .main-navigation.is_stuck.has-branding .inside-navigation.grid-container {
    padding-bottom: 6px !important;
}

.page-id-23820 .header-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
}

.page-id-23820 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
    font-size: 15px;
}

.page-id-23820 .hv_page-intro-usps{
	margin-top: -17px;
    border-radius: 0px;
    width: 100vw;
    padding-top: 20px;
    padding-bottom: 20px;
	margin-bottom: 30px;
}

.page-id-23820 .hv_page-intro__usp {
    font-size: 17px;
}

.page-id-23820 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, .page-id-23820 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    color: #555;
    font-family: inherit;
    font-size: 15px;
}

.page-id-23820.page-template-page-template-alternative-page .main-navigation.is_stuck.has-branding .inside-navigation.grid-container {
    padding-bottom: 11px !important;
	    padding-top: 10px !important;
}

/* .page-id-23820 .hv_page-intro-column .animated-img {
    max-width: 1130px;
}

.page-id-23820 .swiper.animated-img img{
    border-radius: 10px;	
}

.page-id-23820 .hv_page-intro-usps {
    border-radius: 10px;
    width: 1132px;
}

.page-id-23820.page-template-page-template-alternative-page .gb-container-52f4ad68{
	display: none;
}
 */

/** kantoorvloer CSS **/

/** inspiratie CSS **/
.yw-news-wrapper img {
  max-height: 150px;
  width: 100%;
  height: auto;
  object-fit: cover;
}
/**
 ** MJa: Responsive data tables
 **/
.yw-responsive-table-2 th { text-align: left!important; background-color: #7fc945; color: #fff; font-size: 16px; }
.yw-responsive-table-2.yw-col-7 th { width: calc(100% / 7); }
.yw-responsive-table-2.yw-col-2 th { width: calc(100% / 2); }
.yw-responsive-table-2.yw-col-3 th { width: calc(100% / 3); }
.yw-responsive-table-2.yw-col-4 th { width: calc(100% / 4); }
.yw-responsive-table-2.yw-col-5 th { width: calc(100% / 5); }
.yw-responsive-table-2.yw-col-6 th { width: calc(100% / 6); }
.yw-responsive-table-2.yw-col-8 th { width: calc(100% / 8); }

.yw-responsive-table-2 td, .yw-data-div { font-size: 15px!important; }

.yw-data-div { font-size: 15px; }

.yw-data-div .fas { font-size: 15px!important; }

@media (max-width: 650px) {
	.yw-responsive-table-2 { border: none; }
	.yw-responsive-table-2 tr { border: none; border-bottom: 1px solid #f4f4f4; }
	.yw-responsive-table-2 td { border: 1px solid #f4f4f4; border-bottom: none; }
	.yw-responsive-table-2 tr, .yw-responsive-table-2 td { display: block; clear: both; height: auto; }
	.yw-responsive-table-2 tr { margin-bottom: 20px; }
    .yw-responsive-table-2 td {width: auto; box-sizing: border-box; overflow: auto; }
    .yw-responsive-table-2 tr:nth-child(even),
    .yw-responsive-table-2 tr:nth-child(even) td { background: #ffffff; }
    .yw-responsive-table-2 tr:nth-child(odd),
    .yw-responsive-table-2 tr:nth-child(odd) td { background: #f8f7f3; }
    .yw-responsive-table-2 td { padding: 5px 10px; padding: 10px; }
    .yw-responsive-table-2 td[data-my-column]:before { display: block; content: attr(data-my-column); float: left; text-align: left; white-space: pre-line; font-weight: bold; }
    .yw-responsive-table-2 tr:first-of-type { display: none; }
    .yw-responsive-table-2 .my-div { max-width: 100%; width: 100%; display: block; }
    .yw-responsive-table-2 td[data-my-column]:before { max-width: 100%; width: 100%; }
}
/* BOF random images */
.random-image-duo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.random-image-duo__img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;   /* pas aan op jouw beeldverhouding */
    object-fit: cover;
    background: #f0ece6;    /* lichte placeholder-kleur tot de img laadt */
}
@media (max-width: 768px) {
    .random-image-duo { grid-template-columns: 1fr; }
}
/* EOF random images */

/* BOF kleuren app */
/* Controls / filterbalk */
.kleuren-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-bottom: 24px;
}
.kleuren-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.kleuren-filter {
    border: 1px solid #ddd;
    background: #fff;
    color: #222;
    padding: 8px 16px;
    border-radius: 999px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
}
.kleuren-filter.is-active { background: #222; color: #fff; border-color: #222; }

.kleuren-search,
.kleuren-sort {
    padding: 10px 16px;
    border: 1px solid #ddd;
    border-radius: 999px;
    background: #fff;
}
.kleuren-search { flex: 1 1 220px; }

/* Raster */
.kleuren-grid {
    display: grid;
    grid-template-columns: repeat(var(--kleuren-cols, 5), 1fr);
    gap: 16px;
    align-items: start;
}
/* Elke tegel even hoog opbouwen */
.kleuren-item {
    display: flex;
    flex-direction: column;
}
.kleuren-item__img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 12px;
    background: #f0ece6;
}
.kleuren-item__name {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.25;
    min-height: 2.5em;   /* ruimte voor 2 regels → alle namen even hoog */
}

/* Toon meer / lege melding */
.kleuren-more-wrap { text-align: center; margin-top: 28px; }
.kleuren-more {
    padding: 12px 28px;
    border: none;
    border-radius: 8px;
    background: #222;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
}
.kleuren-empty { text-align: center; padding: 40px 0; color: #777; }
.kleuren-app .kleuren-search,
.kleuren-app .kleuren-sort {
    padding: 8px 16px;
    border: 1px solid #ddd;
    border-radius: 999px;
    background: #fff;
    font-size: 14px;        /* gelijk aan de filterpillen */
    line-height: 1;
}
.kleuren-app .kleuren-search { flex: 1 1 220px; }

/* Responsief — kolommen komen uit de shortcode-parameters */
@media (max-width: 1024px) {
    .kleuren-grid { grid-template-columns: repeat(var(--kleuren-cols-tablet, 3), 1fr); }
}
@media (max-width: 600px) {
    .kleuren-grid { grid-template-columns: repeat(var(--kleuren-cols-mobile, 2), 1fr); }
}


/* EOF kleuren app */