/*!/wp-content/themes/flatsome-child-2026/style.css*//*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* handlee-regular - latin */
@font-face{font-family:'Handlee';font-style:normal;font-weight:400;src:url('/fonts/handlee-v9-latin-regular.woff2') format('woff2');
font-display:swap;}

/* inter-regular - latin */
@font-face{font-display:swap;font-family:'Inter';font-style:normal;font-weight:400;src:url('/fonts/inter-v20-latin-regular.woff2') format('woff2');
font-display:swap;}
/* inter-600 - latin */
@font-face{font-display:swap;font-family:'Inter';font-style:normal;font-weight:600;src:url('/fonts/inter-v20-latin-600.woff2') format('woff2');
font-display:swap;}

/* plus-jakarta-sans-600 - latin */
@font-face{font-display:swap;
font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;src:url('/fonts/plus-jakarta-sans-v12-latin-600.woff2') format('woff2');}
/* plus-jakarta-sans-700 - latin */
@font-face{font-display:swap;
font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;src:url('/fonts/plus-jakarta-sans-v12-latin-700.woff2') format('woff2');}



body { font-family: "Inter", sans-serif; font-weight: 400; font-size: 1em; color: #5f6369;
    background-color:#f5f5f5;
    background-image: url('/wp-content/themes/flatsome-child-2026/bg-blob.svg'); 
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; 
}

.nav > li > a { font-family:  "Plus Jakarta Sans", sans-serif; font-size: 1.05em; color: #5F6369; }
.nav > li > a:hover, .nav > li.active > a { color: rgb(247,146,30); }
.nav > li.contactknop > a { background-color: rgb(247,146,30); color:#fff; }
.off-canvas-center .nav-vertical > li > a {  font-size: 1.5em; padding-bottom: 0; padding-top: 0;}

h1 { position: relative; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 600; font-size:  3.5em; margin-bottom: 1.25em; padding-bottom: 14px; line-height: .95;}
h2 { position: relative; font-family: "Plus Jakarta Sans", sans-serif; padding-bottom: 14px; }


h2,h3,h4,h5,h6, .heading-font { font-family: "Plus Jakarta Sans", sans-serif;}
h1,h2,h3,.heading-font { font-weight: 600; }
h4,h5,h6, .heading-font { font-weight: 800; }
h2 { font-size: 1.8em; margin-bottom: 1.25em; }
h4 { margin-bottom: 0; }
.alt-font { font-family: "Handlee", sans-serif;  }

@media screen and (max-width: 600px) {
h1 { font-size: 2.6em;}
h2 { font-size: 1.8; }
}


p.lead { font-size: 1.12em; }
.homestack { background: #fff; border-radius: 10px; padding: 11px 0 11px; border-radius: rgba(95,99,105,.5); }
.homestack p { margin: 0; }
.buikpijn ul { margin: 0;}
.buikpijn ul li.bullet-cross { border-bottom: 0; }

.curve-up .ux-shape-divider { z-index: 9; } /* de golf die over de content loopt*/

.slider-nav-dots-simple .flickity-page-dots .dot {
	background-color: #F7921E; border: 3px solid #F7921E;
}
.portfolioslider ol.flickity-page-dots { bottom: -10px; }
.portfolioslider .flickity-prev-next-button { display: none; }
.accordion.portfolio .accordion-title { border-top: none !important; }
.portfolio .accordion-title.active { background-color: transparent !important; }
.accordion.portfolio .accordion-inner { padding: 1em 0 !important; }

ul li.bullet-checkmark::before, ul li.bullet-arrow::before, ul li.bullet-star::before {
    color: #F7921E !important;
}

.row.fullwidth, .row-collapse.fullwidth { padding-left: 0; padding-right: 0; }
.portfolio-page-wrapper { padding-top: 2em; }
.portfolio-page-wrapper .entry-title { padding-top: 2em; padding-bottom: 2em; font-size: 1.3em; }
.portfolio-element-wrapper .row { padding-left: 0; padding-right: 0; }
.portfolio-element-wrapper .nav-uppercase li a { font-weight: normal; text-transform: lowercase; font-size: 1em !important;  }
.portfolio-element-wrapper .nav > li.active > a { color:#fff !important; }
.row-isotope { margin-bottom: 4em; }

@media screen and (max-width: 810px) {
.mobielpf  { padding-left: 0; padding-right: 0; }
.row .row-small:not(.row-collapse) { margin-left: 0 !important; margin-right: 0 !important; }
h3 { font-weight: bold; }
}

.wpcf7 input[type="tel"] { color:#888 !important; }
.back-to-top { bottom: 30px; }
.back-to-top.button.is-outline { background-color:#F7921E; border: 2px solid #F7921E; color:#fff; }
.back-to-top.button.is-outline:hover { background-color:#fff; border: 2px solid #fff; color:#F7921E; }

/*bookingpress*/
.bpa-front--dt__calendar .vc-day .vc-day-content.is-disabled {
  background-color: rgba(207,214,229,0.7) !important;
}

/*reviews*/
.masonry {
  display: grid;
  grid-gap: 10px; /* [1] Add some gap between rows and columns */
  grid-template-columns: repeat( auto-fill, minmax( 300px, 1fr ) ); /* [2] Make columns adjust according to the available viewport */
  /*grid-auto-rows: 350px; /* [3] Set the height for implicitly-created row track */
}

.masonry-row {
  display: grid;
  grid-gap: 10px; /* [1] Add some gap between rows and columns */
	grid-column:auto;
  grid-template-columns: repeat( auto-fill, minmax( 400px, 1fr ) ); /* [2] Make columns adjust according to the available viewport */
  /*grid-auto-rows: 350px; /* [3] Set the height for implicitly-created row track */
}

@media screen and (min-width: 1024px){
	.masonry {
  display: grid;
  grid-gap: 10px; /* [1] Add some gap between rows and columns */
  grid-template-columns: repeat( auto-fill, minmax( 400px, 1fr ) ); /* [2] Make columns adjust according to the available viewport */
  /*grid-auto-rows: 350px; /* [3] Set the height for implicitly-created row track */
}
	
.enkelekolom { 
grid-column: 1 / span 1;
}
.dubbelekolom {
	grid-column: 1 / span 2;
}
}
.masonry-item {
	padding: 30px 20px; background:#fff;
	}


.col--2x {
   grid-row-end: span 2;
}
.col--3x {
   grid-row-end: span 3;
}

.testimonial-text.is-italic { font-style: normal !important; }


/*blog*/
.blog-wrapper, .archive-page-header { padding-top: 36px; }
.post-sidebar { padding-top: 150px !important; }

/*svg pijlen : website laten maken stappenplan */
.pijl1 { position: absolute; top: 200px; z-index: -1; }
.pijl2 { position: absolute; top: -40px; left: 100%; z-index: -1; }
.pijl2a { position: absolute; top: -125px; left: 240px; z-index: -1; }


/*pf home, a la teelen*/
.dienst {  padding: 0px; position: relative; aspect-ratio: 4 / 3; overflow: hidden; }
.dienst .diensttekst {  
    position: absolute;
    top: 100%;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0,.4);
    transition: all .5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1.5em;
    opacity: 0;
    color: #fff;
    z-index: 3;
    pointer-events: none;
} 
.dienst:hover .diensttekst { top: 0%; opacity: 1; }
.dienst:hover .diensttekst p { max-width: 80%; }
.dienst .diensttekst  h3 { color: #fff !important; font-size: 1em !important; padding-bottom: .5em; }
.dienst .diensttekst  h4 { color: #fff !important; font-size: .65em !important; text-transform: uppercase;  }

.projectlabels { font-size: .8em; }
.projectlabel { color: rgba(95, 99, 105,.5); padding-right: 1em;  }
.projectdata { padding-right: 3em; padding-bottom: .5em; }