:root {
  --primary: #004358;
  --secondary: #ff6600;
  --tertiary: #575756;
  --quaternary: #cccccc; 
}
/*
@font-face {
	font-family: "Roboto-Light";
	src: url("Roboto-Light.woff") format('woff');
}
@font-face{
	font-family: "Roboto-Bold";
	src: url("Roboto-Bold.woff") format('woff');
}
*/

*, body {
	font-family: "Gudea", serif;
	font-weight: 400;
	letter-spacing: 0.05rem;
	color: #575756;
	font-size: 20px;
	line-height: 25px;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Gudea', serif;
  font-weight: 700;
  font-style: normal;
  color: #004358;
  letter-spacing: unset; 
  text-transform: unset;
}
h1 {
	font-size: 2.6em !important;
} 
h5{
	text-align: center;
	line-height: 22px;
}
#footer h5{
	text-align: unset;
}
#header .header-column .header-extra-info li .header-extra-info-text a,
html body  .text-default, .text-color-default ,
html .text-color-dark, html .text-dark ,
.feature-box.feature-box-style-2 h4,
p{
	color: #004358 !important;
}
section.parallax.section{
	min-height:200px;
}
section.section{
	margin-top:0px;
}
.testimonial blockquote p {
  color: #FFF;
  font-family: 'Gudea', serif !important;  
  font-size: inherit;
}
.lead{
	letter-spacing: unset; /* -0.05em; */ 
	font-size: 1.2rem;
}
span{
	font-family:inherit;
}
a{
	text-decoration:none;
	cursor:pointer;
}

#header .header-btn-collapse-nav i.fas{
  background: #1584a0;
  color: #FFF;
}
@media (max-width: 991px) {
  #header .header-btn-collapse-nav {
    padding-top: 7px;
  }
}
.text_overflow{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.btn {
  padding: 4px 8px;
  font-weight: 600;
  border:unset;
  box-shadow: 6px 6px 6px rgba(0,0,0,0.28);
}
.thumb-info.thumb-info-bottom-info-show-more .thumb-info-title,
.thumb-info .thumb-info-inner {
	width: fit-content;
	color: #FFF;
	background: #1584a0;
	padding: 0 12px;
	bottom: 35px;
}
.thumb-info .thumb-info-title {
	padding-top:0;
	color: #FFF;
	background: #1584a0;
}  
.thumb-info:hover .thumb-info-title {
  background: inherit
}
#header .header-logo img {
    margin-left: -18px;
  }
@media (max-width: 991px) {
  #header .header-logo img {
    z-index: 1;
    margin-left: 0 !important;
  }
}
.bkg0{
	background:unset;
	background-image: url(../img/bkg_1.png) !important;
}
.bkg1{
	background:unset;
	background-image: url(../img/bkg_1.jpg) !important;
}
.bkg2{
	background:unset;
	background-image: url(../img/bkg_2.jpg) !important;
}
.bkg3{
	background:unset;
	background-image: url(../img/bkg_3.jpg) !important;
}
#flow div.field_label{
	display:none;
}

html .btn-primary {
  background-color: #BCD141;
  border-color: #004358 #004358 #BCD141; 
  color: #FFF;
  --color: #004358;
  --hover: #004358;
  --disabled: #004358;
  --active: #004358;
}
html .btn-primary:hover:not(.bg-transparent), html .btn-primary.hover:not(.bg-transparent) {
  background-color: #BCD141;
  color:#FFF;
}
html .btn-primary:hover, html .btn-primary.hover {
  border-color: #004358 #004358 #004358; 
  color: #FFF;
}

html body .text-light {
  color: #FFF !important;
}
html .bg-color-primary, html .bg-primary, #footer{
  background-color: #15839fcf !important;
}
.fontline-dark {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.fontline-light {
  text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
}
.text-3-4, .text-3-5 {
	font-size: 1.3em !important;
}
html h2 span.highlighted-word,
html h2.highlighted-word {
	 xxfont-size: 55px ;
}	 

html h2 span.highlighted-word,
html b.highlighted-word,
html h2.highlighted-word {
	line-height: 54px;
	color: #1584a0 !important;
	font-size: 55px ;
}
span.word-rotator-words b.highlighted-word{
	color:#FFF !important;
}

.highlighted-word {
	font-family: "Schoolbell", cursive;
	font-weight: 400;
	font-style: normal;
	text-shadow: 6px 6px 6px rgba(0, 0, 0, 0.28);
	padding-bottom: 10px;  
}

div.main .container.whitebkg{ 
	background-color: #FFF;
	border-left: solid 1px rgba(0,0,0,0.1);
	border-right: solid 1px rgba(0,0,0,0.1); 
}

.card{
  border: 8px solid #FFF;
}

#timeline_content article div.p-2{
	position:relative; /* needed for stamp: imgVolgeboekt */
}
img.imgVolgeboekt{
	position:absolute; 
	top: 140px;
	right: -13px;
}

html a.scroll-to-top  i,
div.feature-box-info a{
	color: #BCD141 !important;   
}
html .scroll-to-top{
	background-color: #ff6600;
}
html .divider.divider-primary.divider-small hr {
  background: #BCD141; 
}
html .svg-fill-color-secondary { 
  fill: #BCD141 !important; 
}
html .svg-fill-color-secondary svg path, html .svg-fill-color-secondary svg rect, html .svg-fill-color-secondary svg line, html .svg-fill-color-secondary svg polyline, html .svg-fill-color-secondary svg polygon {
  fill: #BCD141 !important;
}
html .svg-stroke-color-secondary svg path, html .svg-stroke-color-secondary svg rect, html .svg-stroke-color-secondary svg line, html .svg-stroke-color-secondary svg polyline, html .svg-stroke-color-secondary svg polygon {
  stroke: #BCD141 !important;
}

html body .owl-carousel.dots-dark .owl-dots .owl-dot.active span, 
html body .owl-carousel .owl-dots .owl-dot.active span,
html body .owl-carousel.dots-dark .owl-dots .owl-dot:hover span{
  /* background: #BCD141 !important; */
  background: #ff6600  !important;
}
.owl-carousel.dots-modern.dots-modern-lg .owl-dots .owl-dot span{
  width: 8px;
  height: 8px; 
}
.divider.divider-small {
  margin: 42px auto;
}

#footer .footer-copyright.footer-copyright-style-2 {
  background: unset;
} 
#footer {
  font-size: 12px;
  border-top: none;
}
#footer.footer-texts-more-lighten p, 
#footer.footer-texts-more-lighten span, 
#footer.footer-texts-more-lighten a:not(.btn):not(.no-footer-css), 
#footer.footer-texts-more-lighten li {
  color: unset;
  font-size: 0.9em;
}



article.post{
	cursor:pointer;
	background-color:rgba(0,0,0,0.05);
}


@media (min-width: 992px) {
	
	#header .header-nav-main nav > ul > li > a {
		font-size: 15px;
	}
	#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a{
		color: #004358;
	}
	#header .header-nav-main nav > ul > li > a {
		letter-spacing: unset; 
		font-weight: 400;
	}
	#header .header-nav-bar .header-nav-main nav > ul > li > a {
		xxfont-weight: 100; 
	}
}
@media (max-width: 992px) {
	h1.highlighted-word,
	html h2 span.highlighted-word, 
	html b.highlighted-word, 
	html h2.highlighted-word{
		font-size: 48px !important;
		line-height: 50px;
	}
	div.get-started button{
		margin: 18px auto 0;
		display: block;
	}
}