/*
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.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/handlee-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/handlee-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/handlee-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/handlee-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/handlee-v9-latin-regular.svg#Handlee') format('svg'); /* Legacy iOS */
	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'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* 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'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



body { font-family:  "Inter", sans-serif; font-weight: 400; font-size: 1em; color: #5f6369; }
.nav > li > a { font-family:  "Inter", sans-serif; font-size: 1.05em; color: #5F6369; }
.nav > li > a:hover, .nav > li.active > a { color: rgb(247,146,30); }
.off-canvas-center .nav-vertical > li > a {
  font-size: 1.5em; padding-bottom: 0; padding-top: 0;
}
.header-button .button { font-weight: normal !important; line-height: 2.2em !important; letter-spacing: normal !important;	 }
h1 { font-weight: 600; font-size:  2.1em; margin-bottom: 1.25em;}
h2,h3,h4,h5,h6, .heading-font { font-family: "Inter", sans-serif; font-weight: 600; }
h2 { font-size: 1.8em; margin-bottom: 1.25em; }
h4 { margin-bottom: 0; }
.alt-font { font-family: "Handlee", sans-serif;  }


p.lead { font-size: 1.12em; }

.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; }