/* templatestyle.css for template 15 overrides to TNG genstyle.css   */

/* @import url(https://fonts.googleapis.com/css?family=IM+Fell+Great+Primer); */

/* @font-face {
  font-family: 'IM Fell Great Primer';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/im-fell-great-primer-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/im-fell-great-primer-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/im-fell-great-primer-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/im-fell-great-primer-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/im-fell-great-primer-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/im-fell-great-primer-v21-latin-regular.svg#IMFellGreatPrimer') format('svg'); /* Legacy iOS */
}*/

/* foundation elements */

html {
	font-family:sans-serif;
	height:100%;
	ms-text-size-adjust:100%;
	webkit-text-size-adjust:100%;
}
.tng-home {
	background-attachment:fixed;
	background-position:top left;
	background-repeat:repeat;
	margin: 0;
}

a {
	text-decoration:none;
}

article,
footer,
header,
main,
nav,
section,
summary {
	display:block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color:#4e6158;
	font-weight:500;
	line-height:1.2;
	margin:0 0 16px;
}
h1 {
	font-size:36px;
	margin:.67em 0;
}
h2 { font-size:30px; }
h3 { font-size:24px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:16px; }

img.centered,
.aligncenter {
	display:block;
	margin:0 auto 24px;
}
img.alignnone {
	margin-bottom:12px;
}

fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em;
}

#thomebody h2, #tsidebar h3, #tmenu, h1, .plainheader, .adminsubhead {
	font-family: Arial, Helvetica, sans-serif;
}

/* tables */

.mmaintitle,
.site-title,
.site-title a {
	font-family: Arial, Helvetica, sans-serif;
}

.subheader {
	font-family:"Arial Black", Arial, "sans serif";
}

/* containers */

.site-inner,
.wrap {
	margin:0 auto;
	max-width:1250px;
}
.site-inner {
	clear:both;
	padding-top:40px;
}
.tng-home .site-inner {
	padding-bottom:10px;
}
.content {
	float:right;
	width:850px;
}

.content-sidebar-sidebar .content-sidebar-wrap,
.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary,
.footer-widgets-1,
.footer-widgets-2 {
	float:left;
}
.footer-widgets-3 {
	float:right;
}
.full-width-content .content,
.header-full-width .title-area,
.header-full-width .site-title {
	width:100%;
}

/* sidebars */

.sidebar-primary {
	float:right;
	width:360px;
}

/* columns */

.first {
	clear:both;
	margin-left:0;
}

.alignleft {
	float:left;
	text-align:left;
}
.alignright {
	float:right;
	text-align:right;
}
.entry-content .caption-text {
	font-size:14px;
	font-weight:700;
	margin:0;
	text-align:center;
}

.site-header .search-form {
	float:right;
	margin-top:24px;
}

.entry-title {
	font-size:36px;
	line-height:1;
}
.widget-title {
	clear:both;
	font-size:16px;
	margin-bottom:24px;
	text-transform:uppercase;
	background-color:#4e6158;
	color:#fff;
	padding:10px;
}
.widget-title-footer {
	font-size:16px;
	text-transform:uppercase;
}

.widget,
.widget li {
	word-wrap:break-word;
}
.widget ol>li {
	list-style-position:inside;
	list-style-type:decimal;
	padding-left:20px;
	text-indent:-20px;
}
.widget li li {
	border:none;
	margin:0 0 0 30px;
	padding-bottom:0;
}
.featured-content {
	clear:both;
	overflow:hidden;
}
.content .home-middle .featured-content .entry,
.content .home-top .featured-content .entry {
	border:none;
	float:left;
	max-width:100%;
}
.home-top { margin-bottom:20px; }
.sidebar .featured-content .entry:last-child {
	border-bottom:none;
}
.home-middle .featured-content .entry:nth-of-type(2n+1) {
	clear:left;
	margin-right:45px;
}
.featured-content .entry-title {
	border:none;
	font-size:24px;
	line-height:1.2;
}
.featured-content a.alignnone {
	display:inline-block;
	margin-bottom:20px;
	max-width:100%;
}
.featured-content .entry-header .entry-meta {
	margin-bottom:10px;
}
.featured-content ul {
	clear:both;
	margin-bottom:30px;
}
.tng-nav .site-header {
	padding-top:40px;
}
.site-header .wrap {
	padding: 30px 0;
}
.title-area {
	float:left;
	width:1000px;
}
.site-title {
	font-size:42px;
	line-height:1;
	margin-bottom:0;
	margin-top:2px;
}
.site-header .widget-area {
	 visibility: hidden;
         width: 0;
}

/* navigation */

.nav-primary {
	background-color:#222;
/* red
	background-color: #f90b0b;
*/
	color:#fff;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:999;
}
.admin-bar .nav-primary {
	top:32px;
}
.responsive-menu-icon {
	cursor:pointer;
	display:none;
	margin-bottom:-1px;
	text-align:center;
}
.responsive-menu-icon::before {
	content:"\f333";
	display:inline-block;
	font:normal 20px/1 dashicons;
	margin:0 auto;
	padding:10px;
}

.nav-menu {
	clear:both;
	color:#222;
	font-size:14px;
	font-weight:400;
	line-height:1;
	text-transform:uppercase;
	width:100%;
}
.nav-menu .menu-item {
	display:inline-block;
	text-align:left;
	padding-top: 3px;
}
.nav-menu a {
	border:none;
	color:#222;
	display:block;
	padding:15px 20px;
	position:relative;
}
.nav-menu .menu-item:hover {
	position:static;
}
.nav-menu>.first>a {
	padding-left:0;
}
.nav-menu>.last>a {
	padding-right:0;
}
.nav-menu>.right {
	color:#fff;
	display:inline-block;
	float:right;
	list-style-type:none;
	padding:25px 0;
	text-transform:uppercase;
}
.nav-menu>.right>a {
	display:inline;
	padding:0;
}
.nav-menu>.rss>a {
	margin-left:48px;
}
.nav-menu>.search {
	padding:7px 0 0;
}

.nav-menu .search-menu-item {
	display:inline-block;
	text-align:right;
	float:right;
	color: #e1e7e4;
	padding: 6px 20px 8px 20px;
}

.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption {
	margin-bottom:26px;
}
.entry-content ol,
.entry-content ul {
	margin-left:40px;
}
.entry-content ol>li {
	list-style-type:decimal;
}
.entry-content ul>li {
	list-style-type:disc;
}
.after-entry {
	border-bottom:1px solid #222;
	border-top:2px solid #222;
	margin-top:40px;
	padding:30px 0;
}
.sidebar .featured-content p:last-child {
	margin-bottom:24px;
}
.sidebar li {
	border-bottom:1px dotted #888;
	margin-bottom:6px;
	padding-bottom:6px;
}
.footer-widgets {
	background-color:#222;
	clear:both;
	color:#aaa;
	font-size:14px;
	padding:30px 0 20px;
}
.footer-widgets-1 {
	margin-right:30px;
}
.footer-widgets a {
	color:#fff;
	font-weight:300;
}
.footer-widgets li {
	margin-bottom:20px;
}
.footer-widgets button,
.footer-widgets input[type=button],
.footer-widgets input[type=reset],
.footer-widgets input[type=submit],
.footer-widgets .button {
	background-color:#eee;
	color:#222;
}
.footer-widgets button:hover,
.footer-widgets input[type=button]:hover,
.footer-widgets input[type=reset]:hover,
.footer-widgets input[type=submit]:hover,
.footer-widgets .button:hover {
	background-color:#fff;
	color:#222;
}
.site-footer {
	background-color:#222;
	font-size:14px;
	text-align:center;
}
.site-footer .wrap {
	padding:30px 0;
}
.footer-widgets h4 {
	color: #FFF;
}

.header,
.plainheader,
.subhead {
	color:#4e6158;
}
.fieldnameback, .bar, .page, .LB_closeAjaxWindow,
.tablesaw-cell-label {
	background-color:#4e6158;
}
a.admincell:hover,
a.leftlink:hover {
	background-color:#e1e7e4;
}
.admincell,
.sideback {
	background-color:#4e6158;
	background-image:none;
}

.adminbody {
	background-color: #ccbaa9;
}

.snlink {
	background-color:#e1e7e4;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	color:#4e6158;
}

a.snlink:hover,
.snlinkact,
.adminnav .snlinkact {
	background-color:#4e6158;
	color:#fff;
}
.LB_window {
	background:#e1e7e4;
	border:2px solid #000;
	color:#000;
}
div.innercontainer {
	border-bottom:1px solid #999;
	border:3px solid red;
	border:none;
	background:transparent;
}
ul.tngdd .menulink {
	background:#e1e7e4 url(../img/ArrowDown.gif) 2px 12px no-repeat;
	background-image:url(../img/ArrowDown.gif), linear-gradient(top,#e1e7e4,#e1e7e4);
	background-position:2px 12px 0 0;
	background-repeat:no-repeat;
}
ul.tngdd .menulink,
ul.tngdd .langmenu {
	border-color:#e1e7e4 #999 #999 #e1e7e4;
}
ul.tngdd .menulink:hover,
ul.tngdd .menuhover {
	background:#4e6158; url(../img/arrowdown2.gif) 2px 12px no-repeat;
	border-bottom:1px solid #444;
	color:#fff;
}
div.innercontainer,
ul.tngdd .langmenu,
ul.tngdd .stubmenu {
	background-color:#e1e7e4;
	background-image:linear-gradient(top, #e1e7e4, #e1e7e4);
}
ul.tngdd .sub {
	background:#d1d1d1 url(../img/arrow.gif) 146px 7px no-repeat;
}
ul.tngdd .topline {
	border-top:1px solid #777;
}
ul.home-menus,
ul.fancy_list {
	list-style-type:none;
	margin:0;
	padding:0;
}
.emailimg {
	border:0;
	float:left;
	height:26px;
	margin:0 8px 0 0;
	width:40px;
}

/* header */

.site-head,
.site-head a {
	color:#a00;
	font-size:48pt;
	font-weight:400;
	margin:0;
	text-decoration:none;
	text-shadow:2px 2px 5px rgba(140,140,140,4);
}
h2.site-head {
	font-size:24pt;
}

.subheader {
	color:#825953;
	margin-top:0;
}
h2.subheader {
	font-size:20px;
	padding-left:35px;
}
h3.subheader {
	font-size:18px;
	padding-left:30px;
}
#search-submit {
	margin-bottom:5px;
	margin-top:5px;
}
.tngfooter {
	font-size:8pt;
	padding:7px;
	text-align:center;
}
.titlebox,
td.highlightedchild {
	background-color:#d6dbd2;
	box-shadow:4px 4px 6px 0 #777;
	moz-box-shadow:4px 4px 6px 0 #777;
	webkit-box-shadow:4px 4px 6px 0 #777;
}
.bottomhr {
	margin-left:0;
	text-align:left;
	width:80%;
}

input[type=checkbox],
input[type=image],
input[type=radio] {
	width:auto;
}

a.alignleft,
img.alignleft {
	margin:0 24px 24px 0;
}
a.alignright,
img.alignright {
	margin:0 0 24px 24px;
}
.widget ul>li:last-child,
.home-middle .featured-content .entry-content p:last-child,
.home-top .featured-content .entry-content p:last-child,
.sidebar .featured-content .entry:last-child,
.site-header .widget-area p,
.entry-content ol ol,
.entry-content ul ul,
.after-entry p:last-child,
.after-entry .widget:last-child,
.sidebar p:last-child,
.sidebar ul>li:last-child,
.footer-widgets p:last-child,
.site-footer p {
	margin-bottom:0;
}
.featured-content .entry-title a {
	border:none;
}
.widget li,
.featured-content li {
	list-style-type:none;
}
.home-middle .featured-content a,
.home-top .featured-content a,
.featured-content .entry,
.entry-header .entry-meta,
.after-entry .widget {
	margin-bottom:20px;
}
.home-middle .featured-content .entry,
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
	width:400px;
}
.content .home-bottom .featured-content .entry,
.sidebar .featured-content .entry,
.home .content .entry {
	border-bottom:2px solid #eee;
}
.tngfooter p { margin:0; }
.footer-widgets .widget { margin-bottom:40px; }
.site-description,
.header-image .site-description,
.header-image .site-title a {
	display:block;
	height:0;
	margin-bottom:0;
	text-indent:-9999px;
}
span.black,
.entry-content a:hover
{ color:#222; }

ul.tngdd ul li a:hover { 
	background-color:#fff;
}

.site-title a, .site-title a:hover {
	color: #4e6158;
}

ul.tngdd ul li a,
.slidedown { background-color:#d6dbd2; }

@media only screen and (max-width:1220px) {
	.site-inner,
	.wrap { max-width:960px; }
	.title-area { width:380px; }
	.site-header .widget-area { width:570px; }
	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap { width:780px; }
	.content { width:630px; }
	.content-sidebar-sidebar .content,
	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content { width:450px; }
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.home-middle .featured-content .entry,
	.sidebar-primary { width:300px; }
}

/* landscape tablets */
/* - 768px < width < 1023px */

@media only screen and (max-width:1023px) {
	.site-inner,
	.wrap { max-width:750px; }
	.content,
	.content-sidebar-sidebar .content,
	.content-sidebar-sidebar .content-sidebar-wrap,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.home-middle .featured-content .entry,
	.sidebar-content-sidebar .content,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-primary,
	.sidebar-sidebar-content .content,
	.sidebar-sidebar-content .content-sidebar-wrap,
	.site-header .widget-area,
	.title-area {
		width:100%;
	}
	.site-header .title-area,
	.site-header .widget-area,
	.site-title {
		text-align:center;
	}
	.featured-content .entry,
	.site-header .search-form,
	.site-title {
		float:none;
	}
	.tng-nav .site-header,
	.title-area {
		padding-top:0;
	}
	.title-area {
		padding-bottom:20px;
	}
	.header-image .site-header .title-area {
		padding-bottom:0;
	}
	.home-bottom .featured-content .entry,
	.home-middle .featured-content .entry {
		padding-bottom:20px;
	}
}

@media only screen and (max-width:768px) {
	h2.subheader { font-size:18px; }
	.footer-widgets,
	.site-footer,
	.site-header,
	.site-inner {
		padding-left:5%;
		padding-right:5%;
	}
	.home-bottom .featured-content .entry,
	.home-middle .featured-content .entry {
		padding-bottom:20px;
	}
	#tsearchbox {
		width:90%;
	}
	.responsive-menu-icon {
		display:block;
	}
	#mainphoto {
		width: 100%;
	}
	.widget-title {
		font-size:13px;
	}
	.featured-content .entry-title {
		font-size: 16px;
	}
	.mmaintitle {
		font-size: 20px;
	}
}

/* #Mobile (Portrait)*/
@media only screen and (max-width:480px) {
	h2.subheader {
		font-size:14px;
		padding-left:0;
	}
	#tsearchbox {
		box-shadow:none;
		moz-box-shadow:none;
		webkit-box-shadow:none;
	}
	#tsearchbox input[type=text] {
		margin:5px;
	}
	#mainphoto {
		margin-left:0;
		width:100%;
	}
}

/* ------------------------- */
/*		colors		*/
/* ------------------------- */

::-webkit-input-placeholder { color:#222; }

::selection { background-color:#222; color:#fff; }

a { color:#222; }

a.leftlink:hover { background-color:#e1e7e4; }

div.innercontainer { border-bottom:1px solid #999; }

h6 { color:#222; }

td.highlightedchild {
	background-color:#e1e7e4;
	box-shadow:4px 4px 6px 0 #777;
	moz-box-shadow:4px 4px 6px 0 #777;
	webkit-box-shadow:4px 4px 6px 0 #777;
}

textarea {
	background-color:#fff;
	border:1px solid #ddd;
	color:#222;
}

ul.tngdd .langmenu { border-color:#e1e7e4 #999 #999 #e1e7e4; }

ul.tngdd .menuhover {
	background: #4e6158 url(../img/arrowdown2.gif) 2px 12px no-repeat;
	border-bottom:1px solid #444;
	color:#fff;
}

ul.tngdd .stubmenu {
	background-color:#e1e7e4;
	background-image:linear-gradient(top, #e1e7e4, #e1e7e4);
}

ul.tngdd .sub {
	background:#d1d1d1 url(../img/arrow.gif) 146px 7px no-repeat;
}

ul.tngdd .topline { border-top:1px solid #777; }

ul.tngdd a { color:#4e6158; }

ul.tngdd ul li a:hover { background-color:#fff; }

.adminnav .snlinkact { background-color:#4e6158; color:#fff; }

.databack, .reportcol li:hover { background-color:#e1e7e4; }

.entry-content .button { background-color:#222; color:#fff; }

.entry-content .button:hover { background-color:#e8554e; color:#fff; }

.entry-content a { color:#e8554e; }

.footer-widgets { background-color:#4e6158; color:#aaa; }

.footer-widgets .button { background-color:#eee; color:#222; }

.footer-widgets .button:hover { background-color:#fff; color:#222; }

.footer-widgets a { color:#fff; }

.home-top a.more-link { background-color:#eee; color:#222; }

.nav-menu { color:#222; }

.nav-menu .search-form input {
	background-color:#222;
	border:1px solid #222;
	color:#fff;
}

.nav-menu a { color:#222; }

.nav-menu>.right { color:#fff; }

.nav-primary { background-color:#4e6158; color:#fff; }

.nav-primary .nav-menu.responsive-menu>.menu-item-has-children:before { color:#fff; }

.sideback { background-color:#4e6158; }

.sidebar .widget-title { background-color:#4e6158; color:#fff; }

.sidebar .widget-title a { color:#222; }

.sidebar li { border-bottom:1px dotted #888; }

.site-footer { background-color:#4e6158; }

.site-head a { color:#a00; }

.site-title a:hover { color:#222; }

.subhead { color:#4e6158; }

.subheader { color:#825953; }

/* link: normal links, active: links in use */
a:link, a:active, div.icons a {
	color : #4e6158;
}

.site-footer {color:#aaa;}
.site-footer a {color:#fff;}
.site-footer a:hover {color: #ffcc33;}

/*active tab*/
#tabs .here { background:#4e6158; color:#fc0; }

/*inactive tab*/
#tabs a { color:#444; border-right:1px solid #aaa; }

/*inactive tab*/
#tabs a {
	background:#e1e7e4;
	color:#444;
	border-right:1px solid #aaa;
}

/*active tab*/
#tabs a.here { color:#fc0; }

/*active tab*/
#tabs a:hover { color:#fff; }

/*active tab*/
#tabs a:hover { background:#4e6158; color:#fff; }

/*to keep older browsers happy*/
#tabs div { margin:0 1px 0 0; padding:0em 0em .3em 0px; }

#tngnav a { color:#444; border-right:1px solid #aaa; }

/* tabs-2 */
/*inactive tab*/
#tngnav a {
	color:#444;
	background:#e1e7e4;
	border-right:1px solid #444;
}

/*active tab*/
#tngnav a.here { color:#fc0; border-right:1px solid #777; }

/*active tab*/
#tngnav a.here {
	background:#4e6158;
	color:#fc0;
	border-right:1px solid #444;
}

/*active tab*/
#tngnav a:hover { color:#fff; }

/*active tab*/
#tngnav a:hover { background:#4e6158; color:#fff; }

.nav-primary .nav-menu  a { color:#e1e7e4; }
.nav-primary .nav-menu  a:hover { color:#ffcc33; }

.entry-title a,
.sidebar .widget-title a {
	color:#4e6158;
	font-weight:500;
}

.textwidget p a {
	color:#fff;
}
.textwidget p a:hover {
	color:#ffcc33;
}
.nav-primary .nav-menu .current-menu-item a {
	color:#fff;
}
.nav-primary .nav-menu .current-menu-item a:hover {
	color:#ffcc33;
}

.fambackground {
	background-color: #e1e7e4;
}

.scroll-to-top {
	background-color: #e1e7e4;
}
body {
  background-color: #e1e7e4 !important;
}
#search-smicon {
  display: none !important;
}
#log-smicon {
  display: none !important;
}


/* Container normaliseren en ruimte voor knop onderin */
.sidebar .featured-content .entry {
  display: block !important;
  position: relative;
  padding-bottom: 44px;
}

/* Tekst in blokken links uitgelijnd (voor het geval er elders iets anders stond) */
.sidebar .featured-content .entry p { text-align: left !important; }

/* Knop-paragraaf en positie rechtsonder */
.sidebar .featured-content .entry p.knop { margin: 0; }
.sidebar .featured-content .entry p.knop a.more {
  position: absolute;
  right: 0;
  bottom: 10px;
  float: none;
}
/* Zet feature-titel en -afbeelding uit als link */
.sidebar .featured-content h2 a,
.sidebar .featured-content .thumb a {
  pointer-events: none;
  cursor: default;
}
/* === TNG Template 15 — Canonical 'MEER' button & layout (cleaned) === */

/* MEER-knop — exact gelijk aan balken (#4e6158) */
a.more {
  display: inline-block;
  padding: 0px 4px;
  font-size: 12px;       /* expliciet kleiner lettertype */
  border: 1px solid #4e6158;
  border-radius: 2px;
  background-color: #4e6158;   /* zelfde als balken */
  color: #fff;
  text-decoration: none;
  line-height: 1.2;      /* zorgt dat tekst zelf niet teveel hoogte krijgt */
  transition: color .2s;
}

a.more:hover {
  background-color: #4e6158;   /* blijft gelijk */
  color: #ffcc33;              /* geel bij hover */
  text-decoration: none;
}
a.more { 
  background-color:#4e6158 !important;
  border-color:#4e6158 !important;
  color:#fff !important;
  text-decoration:none !important;
}
a.more:hover {
  background-color:#4e6158 !important;  /* blijft gelijk */
  color:#ffcc33 !important;             /* geel bij hover */
  text-decoration:none !important;
}
.sidebar img {
  max-width: 360px;
  height: auto;
}
/* === Typografie & achtergrond – aangepaste versie === */

/* Achtergrond lichter groen */
body {
  background-color: #f4f7f6 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #222;
}
p { margin-bottom: 1em; }

/* Koppen algemeen – rustiger en halfvet */
h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0.6em;
  color: #4e6158;
}

h1 { font-size: 28px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }

/* Belangrijke titels terug naar groot formaat */
.entry-title,
.featured-content .entry-title,
.mmaintitle {
  font-size: 36px;       /* terug naar groot */
  font-weight: 600;
  line-height: 1.2;
  color: #4e6158;
}
/* === Harmoniseer titels met feature-stijl === */

/* Grote sectietitels (Feringa, De voorouders enz.) */
.entry-title,
.mmaintitle {
  font-size: 36px;       /* groot formaat behouden */
  font-weight: 500;      /* minder dik, gelijk aan feature */
  line-height: 1.2;
  color: #4e6158;
}

/* Feature-titels in blokken */
.featured-content .entry-title {
  font-size: 24px;
  font-weight: 500;      /* zelfde gewicht als grote sectietitels */
  line-height: 1.2;
  color: #4e6158;
}
/* === FINAL OVERRIDES — opschonen typografie & knoppen === */

/* Achtergrond + bodytypografie */
body {
  background-color: #f4f7f6 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #222;
}
p { margin-bottom: 1em; }

/* Koppen algemeen (rustiger) */
h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0.6em;
  color: #4e6158;
}
h1 { font-size: 28px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }

/* Belangrijke sectietitels (Feringa, De voorouders) — groot maar niet “dik” */
.entry-title,
.mmaintitle {
  font-size: 36px !important;
  font-weight: 500 !important;
  line-height: 1.2;
  color: #4e6158;
}

/* Feature-titels in blokken — dunner uiterlijk behouden */
.featured-content .entry-title {
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 1.2;
  color: #4e6158;
}

/* MEER-knop — één bron, geen duplicaten */
a.more {
  display: inline-block;
  padding: 8px 14px;
  border: 1px solid #4e6158;
  border-radius: 4px;
  background-color: #4e6158;
  color: #fff !important;
  text-decoration: none !important;
  transition: color .2s;
}
a.more:hover {
  background-color: #4e6158;
  color: #ffcc33 !important;
  text-decoration: none !important;
}

/* Feature-blokken in sidebar: knop rechtsonder vastzetten, tekst links */
.sidebar .featured-content .entry { position: relative; padding-bottom: 44px; }
.sidebar .featured-content .entry p { text-align: left !important; }
.sidebar .featured-content .entry p.knop { margin: 0; }
.sidebar .featured-content .entry p.knop a.more { position: absolute; right: 0; bottom: 10px; }

/* (Optioneel) titels/thumbnail in sidebar niet klikbaar houden */
.sidebar .featured-content h2 a,
.sidebar .featured-content .thumb a {
  pointer-events: none;
  cursor: default;
}
/* === Tabellay-out compact houden (geen extra regelafstand) === */

/* Geef alleen paragrafen extra regelafstand (niet hele body) */
p, .entry-content p, .textwidget p { line-height: 1.6; }

/* Zet tabellen terug naar normale dichtheid */
table, th, td { line-height: 1.3; }

/* TNG-specifieke blokken die vaak tabelrijen bevatten */
.whiteback td, .databack td, .fieldnameback, .fieldnameback td {
  line-height: 1.3;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* Zoekresultaten/overzichten (vangnet) */
.results td, .results th,
.person-table td, .person-table th {
  line-height: 1.3;
}/* === Compacte tabellen in TNG (geen extra regelafstand) === */

/* Geef alleen gewone tekst extra lucht, niet 'alles' */
p, .entry-content p, .textwidget p,
.entry-content li { line-height: 1.6; }

/* Zet tabellen en TNG-rijen terug naar compact */
table, th, td { line-height: 1.3 !important; }

/* TNG-specifieke cellen/rijen (personen, gezinnen, zoekresultaten, etc.) */
.whiteback td, .databack td, .fieldnameback, .fieldnameback td,
.bar, .page, .LB_closeAjaxWindow,
.results td, .results th,
.person-table td, .person-table th {
  line-height: 1.3 !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
/* === Tekst vs tabellen gescheiden === */

/* Extra lucht alléén in lopende tekst */
p, .entry-content p, .textwidget p, 
.entry-content li { 
  line-height: 1.6; 
}

/* Tabellen weer compact zoals origineel */
table, th, td { 
  line-height: 1.2 !important; 
  padding-top: 4px !important; 
  padding-bottom: 4px !important; 
}

/* TNG-resultaten en persoonsblokken extra strak */
.results td, .results th,
.whiteback td, .databack td, 
.person-table td, .person-table th,
.fieldnameback, .fieldnameback td { 
  line-height: 1.2 !important; 
  padding-top: 3px !important; 
  padding-bottom: 3px !important; 
}
/* === Tabellay-out terug naar origineel formaat === */

/* Zet standaard tabeltekst kleiner en compacter */
table, th, td {
  font-size: 13px !important;     /* origineel compacter */
  line-height: 1.3 !important;    /* regelafstand terug */
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* TNG zoekresultaten en persoonsblokken */
.results td, .results th,
.whiteback td, .databack td,
.person-table td, .person-table th,
.fieldnameback, .fieldnameback td {
  font-size: 13px !important;
  line-height: 1.3 !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}/* ================================
   TNG Template 15 – Clean Overrides
   ================================ */

/* ---------- Variabelen ---------- */
:root {
  /* Kleuren */
  --c-bg:        #f4f7f6;   /* achtergrondpagina */
  --c-primary:   #4e6158;   /* balken, knoppen, koppen */
  --c-text:      #222;      /* lopende tekst */
  --c-hover:     #ffcc33;   /* hoveraccent */

  /* Typografie body */
  --font-body:   Arial, Helvetica, sans-serif;
  --fs-body:     15px;
  --lh-body:     1.6;

  /* Koppen */
  --fs-h1:       28px;
  --fs-h2:       22px;
  --fs-h3:       18px;
  --fs-h4:       16px;
  --fw-head:     600;       /* algemeen halfvet */

  /* Belangrijke sectietitels (Feringa, De voorouders) */
  --fs-title-lg: 36px;
  --fw-title-lg: 500;       /* dunner, gelijk aan feature */

  /* Feature titels in blokken */
  --fs-feature:  24px;
  --fw-feature:  500;

  /* Tabellayout */
  --fs-table:    13px;
  --lh-table:    1.3;
  --py-table:    4px;

  /* UI */
  --radius:      4px;       /* afgeronde hoeken */
}

/* ---------- Basis ---------- */
body {
  background-color: var(--c-bg) !important;
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--c-text);
}
p { margin-bottom: 1em; }

/* ---------- Koppen ---------- */
h1,h2,h3,h4,h5,h6 {
  font-family: var(--font-body);
  font-weight: var(--fw-head);
  line-height: 1.3;
  margin-bottom: 0.6em;
  color: var(--c-primary);
}
h1 { font-size: var(--fs-h1); }
h2 { font-size: var(--fs-h2); }
h3 { font-size: var(--fs-h3); }
h4 { font-size: var(--fs-h4); }

/* Grote sectietitels (Feringa, De voorouders) */
.entry-title,
.mmaintitle {
  font-size: var(--fs-title-lg) !important;
  font-weight: var(--fw-title-lg) !important;
  line-height: 1.2;
  color: var(--c-primary);
}

/* Feature-titels in blokken */
.featured-content .entry-title {
  font-size: var(--fs-feature) !important;
  font-weight: var(--fw-feature) !important;
  line-height: 1.2;
  color: var(--c-primary);
}

/* ---------- Tabellayout ---------- */
table, th, td {
  font-size: var(--fs-table) !important;
  line-height: var(--lh-table) !important;
  padding-top: var(--py-table) !important;
  padding-bottom: var(--py-table) !important;
}

/* TNG-specifieke tabellen (personen, gezinnen, zoekresultaten) */
.results td, .results th,
.whiteback td, .databack td,
.person-table td, .person-table th,
.fieldnameback, .fieldnameback td,
.bar, .page, .LB_closeAjaxWindow {
  font-size: var(--fs-table) !important;
  line-height: var(--lh-table) !important;
  padding-top: calc(var(--py-table) - 1px) !important;
  padding-bottom: calc(var(--py-table) - 1px) !important;
}

/* ---------- MEER-knop ---------- */
a.more {
  display: inline-block;
  padding: 8px 14px;
  border: 1px solid var(--c-primary);
  border-radius: var(--radius);
  background-color: var(--c-primary);
  color: #fff !important;
  text-decoration: none !important;
  transition: color .2s;
}
a.more:hover {
  background-color: var(--c-primary);
  color: var(--c-hover) !important;
  text-decoration: none !important;
}

/* ---------- Sidebar feature blokken ---------- */
.sidebar .featured-content .entry {
  position: relative;
  padding-bottom: 44px;
}
.sidebar .featured-content .entry p { text-align: left !important; }
.sidebar .featured-content .entry p.knop { margin: 0; }
.sidebar .featured-content .entry p.knop a.more {
  position: absolute; right: 0; bottom: 10px;
}
/* Titels/thumbnails niet klikbaar maken */
.sidebar .featured-content h2 a,
.sidebar .featured-content .thumb a {
  pointer-events: none;
  cursor: default;
}

/* ---------- Cosmetisch ---------- */
img { border-radius: var(--radius); 
}
/* Kop bovenaan (Familie van vroeger) */
.site-title,
.site-title a {
  font-weight: 200;   /* dunner: 100–300, normaal: 400, dikker: 500–700 */
}
/* === Alleen de voorpagina luchtiger maken === */
:root { --lh-home: 1.4; }  /* pas dit getal aan voor meer/minder lucht */

#thomebody p,
.home-top .featured-content .entry-content p,
.home-middle .featured-content .entry-content p,
.tng-home .entry-content p,
.tng-home .textwidget p {
  line-height: var(--lh-home) !important;
}
/* === Regelafstand voor FEATURE-blokken op de homepage === */
/* Eén draaiknop voor de features */
:root { --lh-home-features: var(--lh-home, 1.6); }

/* Feature entries zelf */
.home-top .featured-content .entry,
.home-middle .featured-content .entry,
.sidebar .featured-content .entry {
  line-height: var(--lh-home-features) !important;
}

/* En de content erin (voor als de tekst niet in <p> zit) */
.home-top .featured-content .entry .entry-content,
.home-middle .featured-content .entry .entry-content,
.sidebar .featured-content .entry .entry-content {
  line-height: var(--lh-home-features) !important;
}

/* Falls back wanneer er wél <p> of <li> gebruikt wordt */
.home-top .featured-content .entry p,
.home-middle .featured-content .entry p,
.sidebar .featured-content .entry p,
.home-top .featured-content .entry li,
.home-middle .featured-content .entry li,
.sidebar .featured-content .entry li {
  line-height: var(--lh-home-features) !important;
}
/* === Regelafstand homepage — alleen tekstregels, koppen blijven ongemoeid === */
:root{
  --lh-home: 1.40;   /* linkerkolom (hoofdartikel) */
  --lh-feat: 1.40;   /* feature-blokken (rechts: boven + midden + sidebar) */
}

/* Hoofdartikel links (alleen p/li) */
#thomebody p,
#thomebody li,
.tng-home .content .entry-content > p,
.tng-home .content .entry-content li {
  line-height: var(--lh-home) !important;
}

/* Features rechts (boven + midden + sidebar) — alleen p/li */
.home-top .featured-content .entry-content p,
.home-top .featured-content .entry-content li,
.home-middle .featured-content .entry-content p,
.home-middle .featured-content .entry-content li,
.sidebar .featured-content .entry-content p,
.sidebar .featured-content .entry-content li {
  line-height: var(--lh-feat) !important;
}
/* === Features rechts: zelfde regelafstand + rustiger bold === */
.featured-content .entry-content,
.featured-content .entry-content p,
.featured-content .entry-content li {
  line-height: var(--lh-body) !important;
}

.featured-content strong,
.featured-content b {
  font-weight: 600;   /* halfvet i.p.v. vol bold */
}
/* === Definitieve, compacte MEER-knop (veilig, beperkt) === */
a.more {
  display: block;               /* zorgt dat hij altijd op een nieuwe regel komt */
  margin-top: 0.3em !important; /* klein beetje lucht boven de knop */
  padding: 0 4px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  border: 1px solid #4e6158 !important;
  border-radius: 2px !important;
  background-color: #4e6158 !important;
  color: #fff !important;
  text-decoration: none !important;
  width: fit-content;           /* knop blijft compact */
  margin-left: auto;            /* samen met margin-right → rechts uitlijnen */
  margin-right: 0;
}

a.more:hover {
  color: #ffcc33 !important;
  text-decoration: none !important;
}
a.person-link {
  color: inherit;
  text-decoration: none;
  font-weight: bold;   /* zorgt voor vetgedrukt */
}
a.person-link:hover,
a.person-link:focus {
  text-decoration: underline;
}
/* === EINDE Canonical blok === */

/* HEADER compacter maar niet vastgeplakt */
.site-header .wrap { 
  padding: 30px 0 6px !important;   /* boven, links+rechts, onder */
}

/* RUIMTE ONDER TITEL (bovenkant content) omlaag */
.site-inner {
  padding-top: 20px !important;     /* was 40px */
}

/* Tablet/kleiner: ook iets minder lucht onder titelblok */
@media (max-width:1023px) {
  .title-area { padding-bottom: 10px !important; }  /* was 20px */
}

/* (optioneel) extra zekerheid dat H1 zelf geen marge duwt */
.site-title { 
  margin-bottom: 0 !important; 
  margin-top: 2px !important;
}
/* Verberg uitsluitend 'Alle media' (browsemedia.php zonder mediatypeID)
   Laat 'Foto’s' en 'Verhalen' staan */
.tngmenu a[href*="browsemedia.php"]:not([href*="mediatypeID="]),
.nav-primary a[href*="browsemedia.php"]:not([href*="mediatypeID="]) {
  display: none !important;
}