:root {
	--body-color: #031901;
    --body-font-size: 18px;
    --body-font-family: "Source-Sans-Pro", sans-serif;
}

.floatleft {
	float: left;
}
.floatright {
	float: right;
}
h1, h2, h3 {
  color: #004164;
  font-family: 'itc-flora', 'Source-Sans-Pro', sans-serif;
  font-weight: lighter;
}

.card-header {
  background-color: #f26d08;;
  color: white;
}
.page-header h1 {
  display: inline-block;
  font-family: 'itc-flora', 'Source-Sans-Pro', sans-serif;
  background-image: url(../images/bolletjes-transp-no-padding-50proc.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right;
  padding: 6px 35px 6px 0;
  margin-top: 5px !important;
}

figure.left { margin-right: 15px; max-width: 40%; }
figure.right { margin-left: 15px; max-width: 40%; }

.wf_caption {
	margin: 0 10px 15px 0;
	background-color: #555;
	padding-bottom: 8px;
	color: #ddd;
}
.wf_caption:hover {
	color: white;
}

#content .homeselect { 
   max-width: 660px;
}
#content .homeselect img {
 max-width: 100%;
}
.homeselect .wf-column {
 background-color: white;
 border: 1px solid #192F4D;
 position: relative;
  cursor: pointer;
 padding-bottom: 30px;
 margin-bottom: 15px;
 margin-top: 15px;
  max-height: 250px;
  overflow: hidden; 
  transition: max-height 0.8s  ease-out;
}
.homeselect .wf-column:hover {
  transition: max-height 0.8s  ease-in;
  max-height: 700px;
  
}
.homeselect h2 {
 margin: 0 !important;
 padding: 5px;
 color: white;
 background-color: #192F4D;
}
.homeselect .wf-column p {
 padding: 5px;
color: white; /* tijdelijk tekst wit / onzichtbaar maken, alleen bij hover zichtbaaar */
}
.homeselect .wf-column:hover p {
  color: inherit;
}
.tagspopular .tag-count.badge {
  padding: 0;
    padding-left: 0px;
  padding-left: 6px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.tagspopular .tag-count.bg-info {
  background-image: url(../images/bg-li.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #5981b8;
  color: #192F4D;
  font-family: 'Source Sans Pro', sans-serif;
}

main ul.tags a.label-info {
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 0;
  background-color: #f26d08;
  font-weight: normal;
  text-shadow: none;
  color: white;
}
main ul.tags::before {
  content: 'specialismes: ';
  font-size: 15px;
  color: #333;
}
main ul.tags a.label-info::before {
  content: '#';
}
main .fields-container .field-entry {
  display: inline;
  white-space: nowrap;
  margin-left: 0;
  border-right: 1px solid #0066b3;
  margin-right: 10px;
  padding-right: 10px;
}

.meerweten {
 width: 100%;
 text-decoration: none;
 color: white;
 background-color: #f3680b;
 text-align: center;
 font-size: 20px;
 display:inline-block;
 padding: 15px 0;
 position: absolute;
 bottom: 0px;
 left: 0px;
 transition: background-color 0.5s ease;
 letter-spacing: 2px;
}
.meerweten:hover {
 text-decoration: none;
 background-color: #fcdbc6;
 color: #192F4D;
}

main .fields-container {
  background-color: #ddd;
  padding: 4px 8px;
}

cite {
	display: inline-block;
	background-color: #eee;
	padding: 20px 30px;
	border: 2px solid #ddd;
	box-shadow: 8px 8px 8px rgb(0,0,0,0.2);
	border-radius: 2px;
	margin-bottom: 15px;
}
ul.nav svg.p-2 {
  padding: 0 5px 0 0 !important;
}
.blog-item a {
	text-decoration: none;
}

.moduletable.linkedin p {
  margin: 0;
  padding: 0;
}
#volle-breedte-1 {
	background-color: black;
	color: white;
	margin: 30px 0;
}

[id^=volle-breedte],
[id^=kolom-breedte] {
	padding: 50px 10px;
}

#kolom-breedte-2 {
	background-color: #eaf0e9;
	padding: 60px 0;
	margin: 50px 0;
}
.mod-custom.custom {
	background-size: cover;
}
.moduletable.centreren h1,
.moduletable.centreren h2,
.moduletable.centreren h3 {
	text-align: center;
}


.footer {
   background-color: #192F4D;
  padding: 15px;
  margin-top: 20px;
  font-size: 0.85em;
  background-image: url(../images/bolletjes-transp-50proc.png), url(../images/bg-footer.png);
  background-size: contain, 100%;
  background-repeat: no-repeat, repeat;
  background-position: bottom right, top left;

}
footer.footer .grid-child {
	align-items: flex-end;
}
footer, footer h1, footer h2, footer h3, footer h4 {
  color: #edeef5;
}


/* Slideshow */
.slideshowck .camera_caption > div {
	  /* background-color: rgb(80,98,121, 0.3); */
		background: rgb(80,98,121);
/*    background: linear-gradient(90deg, rgba(80,98,121,0) 0%, rgba(80,98,121,0) 10%, rgba(80,98,121,0.3) 33%, rgba(80,98,121,0.3) 66%, rgba(80,98,121,0) 90%, rgba(80,98,121,0) 100%);  */
      background: linear-gradient(90deg, rgba(80,80,80,0) 0%, rgba(80,80,80,0) 10%, rgba(80,80,80,0.5) 33%, rgba(80,80,80,0.5) 66%, rgba(80,80,80,0) 90%, rgba(80,80,80,0) 100%);  

		padding: 60px 0;
}
.slideshowck .camera_caption {
	 bottom: 20%;
		text-align: center;
		text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4);
}

.slideshowck .camera_caption_title {
	font-size: 2vw;
  font-family: "NeutraText-BookAlt", Helvetica Neue,Helvetica,Arial,sans-serif;
}
.slideshowck .camera_caption_desc {
	font-size: 1vw;
}

/* Ensure elements are hidden while ScrollEntrance is loading */
[data-entrance] { visibility: hidden; }

/* voor front-end editing: maak edit-knop groter en geel */
.icons > div {
	background-color: yellow;
	padding: 15px;
	border-radius: 5px;
}

/* zoeken / search */
.moduletable.zoeken {
	vertical-align: middle;
}


.zoekfoto {
	width: 200px;
}
.com-finder__results-list > li {
	clear: both;
}