/* Themify Customize Styling */
body {	
	font-family: "Poppins";	font-weight:300;
	font-size:18px;

	color: #1a171b; 
}
a {	
	color: #0b6e2a; 
}
:root {	
	--theme_accent: #0b6e2a; 
}
h1 {	
	font-family: "EB Garamond";	font-weight:400;
	line-height:1.1em;

	color: #498047; 
}
h2 {	
	font-family: "EB Garamond";	font-weight:400;
	line-height:1.1em;

	color: #498047; 
}
h3 {	
	font-family: "EB Garamond";	font-weight:400;
	line-height:1.1em;

	color: #498047; 
}
h4 {	
	font-family: "EB Garamond";	font-weight:400;
	line-height:1.1em;

	color: #498047; 
}
h5 {	
	font-family: "EB Garamond";	font-weight:400;
	line-height:1.2em;

	color: #498047; 
}
h6 {	
	font-family: "EB Garamond";	font-weight:400;
	line-height:1.1em;

	color: #498047; 
}
#headerwrap {	background: none;
	background-color: #ffffff;
	margin-top: 0px; 
}
body #site-logo a img {		width: 310px; 
}
#site-logo {	
	margin-bottom: -140px; 
}
#main-nav a {	
	color: #707070;	text-transform:uppercase; 
}
#main-nav a:hover {	
	color: #1a171b; 
}
#main-nav .highlight-link > a {	background: none;
	background-color: #ff7300;
	color: #ffffff; 
}
#footerwrap {	background: none;
	background-color: #1a171b; 
}
#footer, #footer-logo, .footer-nav a, .footer-text {		text-align:left; 
}
#footer {	
	color: #cfcfcf; 
}
#footer a {	
	color: #c7d30f; 
}
#footer .footer-widgets .widgettitle {	
	color: #fffafa; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #4d4d4d; 
}
@media(max-width: 1024px) { /* Themify Customize Styling */
body {		font-size:16px;
	line-height:1.2em;

	color: #1a171b; 
}
a {	
	color: #0b6e2a; 
}
:root {	
	--theme_accent: #0b6e2a; 
}
h1 {	
	color: #498047; 
}
h2 {	
	color: #498047; 
}
h3 {	
	color: #498047; 
}
h4 {	
	color: #498047; 
}
h5 {	
	color: #498047; 
}
h6 {	
	color: #498047; 
}
#headerwrap {	background: none;
	background-color: #ffffff; 
}
#main-nav a {	
	color: #707070; 
}
#main-nav a:hover {	
	color: #1a171b; 
}
#main-nav .highlight-link > a {	background: none;
	background-color: #1a7637;
	color: #ffffff; 
}
#footerwrap {	background: none;
	background-color: #1a171b; 
}
#footer {	
	color: #cfcfcf; 
}
#footer a {	
	color: #c7d30f; 
}
#footer .footer-widgets .widgettitle {	
	color: #fffafa; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #3c7fbd; 
}
 }@media(max-width: 768px) { /* Themify Customize Styling */
body {		font-size:15px;
	line-height:1.2em;

	color: #1a171b; 
}
a {	
	color: #0b6e2a; 
}
:root {	
	--theme_accent: #0b6e2a; 
}
h1 {		font-size:3.4rem;
 
}
#headerwrap {	background: none;
	background-color: #ffffff; 
}
#main-nav a {	
	color: #707070; 
}
#main-nav a:hover {	
	color: #1a171b; 
}
#main-nav .highlight-link > a {	background: none;
	background-color: #1a7637;
	color: #ffffff; 
}
#footerwrap {	background: none;
	background-color: #1a171b; 
}
#footer {	
	color: #cfcfcf; 
}
#footer a {	
	color: #84bd96; 
}
#footer .footer-widgets .widgettitle {	
	color: #fffafa; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #1a7637; 
}
 }@media(max-width: 600px) { /* Themify Customize Styling */
body {		font-size:14px;
	line-height:1.2em;

	color: #1a171b; 
}
a {	
	color: #0b6e2a; 
}
:root {	
	--theme_accent: #0b6e2a; 
}
h1 {		font-size:2.5rem;
 
}
#headerwrap {	background: none;
	background-color: #ffffff; 
}
body #site-logo a img {		width: 160px; 
}
#main-nav a {	
	color: #707070; 
}
#main-nav a:hover {	
	color: #1a171b; 
}
#main-nav .highlight-link > a {	background: none;
	background-color: #1a7637;
	color: #ffffff; 
}
#footerwrap {	background: none;
	background-color: #1a171b; 
}
#footer {	
	color: #cfcfcf; 
}
#footer a {	
	color: #84bd96; 
}
#footer .footer-widgets .widgettitle {	
	color: #fffafa; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #1a7637; 
}
 }
/* Themify Custom CSS */
.mfp-bottom-bar {
    display: none;
}
#main-nav .highlight-link a
 {
	border-radius: 0;
}
/* Zorg dat de hele module links uitgelijnd is */
.rdh-feature {
    text-align: left;
}

/* Icon bovenaan ook links uitlijnen */
.rdh-feature .module-feature-image {
    text-align: left;
}

/* Titel en tekst links uitlijnen en eventuele centrering van tf_textc overschrijven */
.rdh-feature .module-feature-content {
    text-align: left;
}

/* Optioneel: kleine marge tussen icon en tekst zodat het er netjes uitziet */
.rdh-feature .module-feature-image {
    margin-bottom: 10px;
}

/* Titel en tekst netjes scheiden */
.rdh-feature .module-feature-title {
    margin-bottom: 5px;
}

div#headerwrap {
    border-bottom: 0;
}/* Basispositie voor pseudo-element */
#main-nav li a {
    position: relative;
    padding-bottom: 4px; /* ruimte voor de hover-streep */
    text-decoration: none;
}

/* De subtiele hover-streep */
#main-nav li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0; /* onder de tekst */
    width: 0;
    height: 2px; /* dun, subtiel lijntje */
    background-color:#498047;
    transition: width 0.25s ease;
}

/* Hover: balkje schuift in */
#main-nav li a:hover::after {
    width: 100%;
}

#footer li {
  padding: 0;      /* verwijdert standaard padding van ul */
  margin: 0;       /* verwijdert standaard marge van ul */
}

#footer li {
  list-style: none; 
}

.over-flow {
	overflow: hidden;
}
.tb_row_frame_wrap {    
    z-index: 5;
}
h1,h3,h4,h5,h6 {margin: 0;
}
/* Standaard header en logo stijlen */
.site-logo-image {

	
}
#headerwrap {
    transition: height 0.3s ease;
}

#headerwrap .site-logo-image {
    transition: height 0.3s ease, width 0.3s ease;
}

/* Verkleinde header en logo stijlen bij scrollen */


#headerwrap.fixed-header .site-logo-image {
    
  
  animation: rotate-logo 0.3s ease; /* Voeg de animatie toe */
}

/* Definieer de keyframe-animatie voor rotatie */
@keyframes rotate-logo {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#headerwrap.fixed-header #site-logo a {
   
    display: block;
}
div#footer-logo img {
    background: transparent;
}


#footer #menu-hoofdmenu li {
    display: inline-block;
    padding: 0 20px;
    position: relative; 
	  text-transform: uppercase
}

/* Scheidingsteken tussen items */
#footer #menu-hoofdmenu li:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: 0; /* helt tegen rechterkant van het menu-item */
    top: 50%;
    transform: translateY(-50%); /* verticaal centreren */
    color: grey;
	 
}

@media (max-width: 768px) {
    #headerwrap .site-logo-image {
        margin-bottom: 0px;
    }
}

/* Grote schermen – standaard */
#body {
  border: 50px solid white;
}

/* Tablet Landscape – 1024px en kleiner */
/* Grote schermen – standaard */
#body {
  border-left: 50px solid white;
  border-right: 50px solid white;
  border-top: none;
  border-bottom: none;
}

/* Tablet Landscape – 1024px en kleiner */
@media (max-width: 1024px) {
  #body {
    border-left: 30px solid white;
    border-right: 30px solid white;
    border-top: none;
    border-bottom: none;
  }
}

/* Tablet Portrait – 768px en kleiner */
@media (max-width: 768px) {
  #body {
    border-left: 15px solid white;
    border-right: 15px solid white;
    border-top: none;
    border-bottom: none;
  }
}

/* Mobile – 600px en kleiner */
@media (max-width: 600px) {
  #body {
    border: none;
  }
}