﻿:root {
  --main: #009c4e;
  --main5p: rgba(0, 156, 78, 0.05);
  --main10p: rgba(0, 156, 78, 0.10);
  --main15p: rgba(0, 156, 78, 0.15);
  --main20p: rgba(0, 156, 78, 0.20);
  --main80p: rgba(0, 156, 78, 0.80);
  --partner: #8a653a;  
  --white: #ffffff;
}

.header .logo img {
    width: 250px;
}

.header .top { background:none !important}
.header .top .fright a:hover { color:#000}
.header .is-sticky .bottom { padding:6px 0 4px 0 }

body > .container header.header .bottom, body >.container header.header .mobile-navigation, body >.container header.header .mobile-navigation .mobile-select {/* border-color:#333*/ ;     -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    border-bottom: 1px #e9e9e9 solid !important;}
body .submenu li a:hover {color:var(--main) !important}
body > .container header.header .main-nav ul li > a.active, body > .container header.header .main-nav ul li > a:hover { color:var(--main) !important}
body > .container .submenu li a.active, body > .container .submenu li a:hover {  color:var(--main) !important}
body > .container.submenu li a:hover { color:var(--main) !important}}

.header .search-wrap .search-in { background:var(--main) !important}
.header .is-sticky .search-wrap .search-in { top: 49px;}

.footer .top, .footer .top input  { background:var(--main) !important}

.article-item .text .category { color:var(--main) !important}

.news-items .item.featured .text { line-height:1.2em !important}
.news-items .item.featured .text a, .news-items .item.featured .text a { min-height:auto  }


ul.job-list { margin-top:0 !important;}
ul.job-list li { padding:0.5em 1em}
ul.job-list li {border-right:0; padding:0.5em 0 }
@media only screen and (min-width: 120px) and (max-width: 766px) {
	ul.job-list { margin:0 15px}
}

ul.mm-list li { border-right:0}


.item { border-right:0}
.item.empty { border:0 !important; margin:0 !important}

.themes .item { background:#fff; border-bottom:1px solid #ddd; /*border-right:1px solid #eee*/; padding-left:140px; height:100%; overflow: auto; margin:10px 0}
.themes .item .img-wrap { float:left;margin-left:-140px}
.themes .item h2 { font-size:18px; font-weight:800; margin:0.2em 0}
.themes .item a  {color: #000 }
.themes .item a:hover h2 { text-decoration:underline}
.themes .item .text { padding-right:0.5em}


.themes .item:first-of-type { margin-top:0}
.themes .item { padding-left:110px !important}
.themes .item .img-wrap { margin-left:-110px !important}
@media only screen and (min-width: 120px) and (max-width: 766px) {
	.themes .item { margin-left:1em}
}


.two-cols .fleft .news-items { padding-bottom:0}
.fright section { margin-bottom:1em}
section.readmore-block {margin-bottom:1em}

section h1, section h2 {
	width:auto;
	background-color:var(--main);
	display:block;
    font-weight: bold;
    font-size: 1em;
    line-height: 1em;
    text-transform: uppercase;
	margin-bottom:0.5em;
	color:#fff;
	padding:0.3em 0;
	background:none;
	color:var(--main);
	font-size:1.25em;
	margin-bottom:0.4em;
	border-bottom: 1px solid var(--main);
}	

section.partners h1 , section.partners h2{
	color:var(--partner);
	border-color:var(--partner);
}

section.stock-item h2, .charts h2{
		color:#000;
		padding:0;
		font-size:15px
}

section h1 a, section h2 a {
	color:#fff;
	color:var(--main);
}

section h1.normal, section h2.normal {
	padding:0;
	background:none;
	display:block;
	font-size: 1.5em;
	text-transform: none
}

.video-overview.podcasts .article-item a.img-wrap:before {
	content: "\f1bc"
}

@media only screen and (min-width: 120px) and (max-width: 766px) {
	.fleft .news-items  .item.featured {
		margin-bottom: 3px !important;
	}
	section h1, section h2 {	
		margin-left: 0.666666em;
	}
}
 

section.stocks > .stock-item { margin-bottom:0}
section.stocks .stock-item a { display:block !important; font-weight:800; font-size:16px}
section.stocks .stock-item a .flex {
	margin-top:0.6em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1;
    height: inherit;
	font-weight:normal !important
}
.stock-item ul li:nth-child(even) {
    background: var(--main5p)
}
.stock-item ul li:not(.group-indicator):hover {
    background-color: var(--main15p)
}

/*----------  load more button
------------------------------------------------------------------------------*/
.load-more-btn { width: 100%; float: left; height: 43px; border-bottom: 3px solid #fff; text-align: center; margin-bottom: 60px; margin-bottom:5px !important }
.load-more-btn span { display: inline-block; text-decoration: none; background:#eee; height: 43px; border-radius: 3px; color: #666; font-size: 13px; line-height: 43px; padding: 0 75px; text-transform: uppercase;  margin-top: 20px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-weight:bold ; margin-top:5px !important }
.load-more-btn:hover span { background-color:  var(--main80p); color: #fff; }

/* Artikelen */
/*-----------------------------------------------*/


.post-wrap .post-details, .post-wrap .rte-content { padding:0 0 25px 0  }

body .post-details .social-network .icon { color:#000 !important}
.post-wrap .post-details .meta-data { padding-top:5px}
.social-network { margin-top:-5px}

.post-wrap .post-details .meta-data span { padding:1px 5px; margin-right:5px !important}
.post-wrap .post-details .meta-data .category {color:var(--main) !important }
.post-wrap .post-details .meta-data .type {
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 10px;
    margin-bottom: 18px;
	color:#fff;
	background:var(--main) 
}
.arrow, figcaption:before  { top:5px; border-bottom-color:#666}
.figcaption, figcaption { font-size:0.9em; color:#666; font-weight:bold}

.post-wrap .main-image { margin-bottom:1em; font-weight:bold}
 body .rte-content > p:first-of-type:first-letter { color: var(--main) !important; }
 body .rte-content a {color: var(--main) !important;}
 
 body.yellow-theme .post-wrap .main-image .image-tag { border:3px solid var(--main); bottom:26px}
 
 .blockquote .inner-quote { padding: 18px 42px 17px 42px}
 body .interview-box .blockquote .author { background-color: var(--main) !important; }
 
 body .blockquote .inner-quote .start-quote {
	 background:none !important;
	 width:32px !important;
 }
 
  body .blockquote .inner-quote .start-quote:before {
	content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24"><path d="M9.983 3v7.391c0 5.704-3.731 9.57-8.983 10.609l-.995-2.151c2.432-.917 3.995-3.638 3.995-5.849h-4v-10h9.983z" fill="rgb(0, 170, 91)" fill-rule="nonzero"/></svg>');
	font-size:2em;
	font-family: 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin-left:-28px;
	top:0;
	margin-top:-28px;
	display: inline-block;
	color:#cc0;
	transform: rotate(180deg);
	float:left
 }
 
 body .blockquote .inner-quote .end-quote {
	 background:none !important;
	 float:right;
	 bottom:20px
 }
 body .blockquote .inner-quote .end-quote:after {
	 content: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24"><path d="M9.983 3v7.391c0 5.704-3.731 9.57-8.983 10.609l-.995-2.151c2.432-.917 3.995-3.638 3.995-5.849h-4v-10h9.983z" fill="rgb(0, 170, 91)" fill-rule="nonzero"/></svg>');
	 font-size:2em;
	 font-family: 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	 margin-left:-5px;
 } 
 
  body .blockquote .inner-quote p{
	color: var(--main) !important;  
  }
 
 body .blockquote .inner-quote {
	 border-color: var(--main) !important; 
 }
 
.inset-grey {
	border:0 ;
	border-top:3px solid var(--main);
	background:var(--main5p);
}

#comments { clear:both}
.comment-list, .comment-form { padding:25px 0 !important}

/* Marktprijzen */
/*-----------------------------------------------*/

.stock-item.widget {	/*border-top:3px solid var(--main);*/}

.markets .cols  { display: grid;  gap: 20px 20px;grid-template-columns: repeat(3, 1fr);}

.markets .cols .market-item { }

.markets  .market-item a { color:#000; font-weight:bold}

.markets .market-item .image {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;

}
.markets  .market-item .image img {
    flex-shrink: 0;
	object-fit: cover;
	width: 100%;
	height: 140px;
}
@media only screen and (max-width: 800px) {
	.markets .cols  { grid-template-columns: repeat(2, 1fr);}	

}

@media only screen and (max-width: 420px) {
	.markets .cols  { grid-template-columns: repeat(1, 1fr);}	
	

}
@media only screen and (max-width: 800px) {
	.header .logo img {
		width: 180px;
	}
}

.markets  .market-item .text {
	text-align: center;
	font-weight:bold;
	padding:10px 0;
}

.stock-item h2 { width:auto}

a.btn-offer:before { content :"\276F"; padding-right:0.2em}
a.btn-offer { border:1px solid #007138; border-radius:4px; background: #00994C; color:#fff !important; padding:0.25em 1em; float:right; margin-right:10px }


/* Tags's */
/*-----------------------------------------------*/
.search-results { padding:10px 0}
@media only screen and (max-width: 800px) {
.search-results { padding:10px 13px}	
}

/* Theme's */
/*-----------------------------------------------*/
.theme-title { padding:20px 0; border-right:0 }
.theme-title h2 { color:var(--main) !important; }
.theme-title .text h1 { margin-bottom:0.25em}
.theme-title .img-wrap { border-color: var(--main) !important;}
.theme-promo a .more {color:var(--main) !important; font-weight:bold }


@media only screen and (max-width: 800px) {
.theme-title { padding:20px; }
}

/* Zoeken */
/*-----------------------------------------------*/

.search-page .search-bar .sec-search input[type="submit"] { font-weight:bold}
.results ol li .card h3 a {   color: #00994C !important;}
.results ol li .card { max-width:auto; margin:0}

@media only screen and (max-width: 800px) {
.search-page .wrap { padding:20px}
.search-page  h1 { margin-bottom:0.2em}
.sort-item label { display:none}
.search-page .search-bar .sort-item .newListSelected { width:100%}
}

/* Partners */
/*-----------------------------------------------*/

.partner-links { margin:1em 0}
.partner-links li { display:inline}
.partner-links li a { display:inline-block; padding:2px 8px; background:#b0c022; color:#fff; border-radius:3px; border:1px solid #b0c022}
.partner-links li a:hover {background:#d2e247;}

/* Full Content */
/*-----------------------------------------------*/

.full-width-content { padding:25px 0 25px 0}
.full-width-content a { color:  var(--main) ; font-weight:bold}

@media only screen and (max-width: 800px) {
	.full-width-content { padding:0px 20px 25px 20px}
}

.one-cols-wrap { height:100%; overflow:auto}

/* Redactie */
/*-----------------------------------------------*/
.btn.blue {
    background: var(--main20p);
    color: var(--main);
	font-weight:bold;
}
.btn.blue:hover {
    background: var(--main);
}

.article-list .item .cat span { color:var(--main) !important}

/* Partner ARticle */
/*-----------------------------------------------*/

.post-wrap.partner-article .meta-data .type { background:#8a653a !important}
.post-wrap.partner-article .meta-data .category { color:#8a653a  !important}
 body.yellow-theme .post-wrap .main-image .image-tag { border:3px solid #8a653a  !important}
 
 body .partner-article .blockquote .inner-quote{
	border-color:#8a653a !important
 }
 
 body .partner-article .blockquote .inner-quote p {
	     color: #8a653a !important;
 }
 
 .post-wrap.partner-article .inset-grey {
	border-top: 3px solid #8a653a  !important;
    background: rgba(138, 101, 58, 0.05)  !important; 
 }
 
  body .partner-article .blockquote .inner-quote .start-quote:before {
	content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24"><path d="M9.983 3v7.391c0 5.704-3.731 9.57-8.983 10.609l-.995-2.151c2.432-.917 3.995-3.638 3.995-5.849h-4v-10h9.983z" fill="rgb(138, 101, 58)" fill-rule="nonzero"/></svg>');
 }
 
 body .partner-article .blockquote .inner-quote .end-quote:after {
	 content: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 24 24"><path d="M9.983 3v7.391c0 5.704-3.731 9.57-8.983 10.609l-.995-2.151c2.432-.917 3.995-3.638 3.995-5.849h-4v-10h9.983z" fill="rgb(138, 101, 58)" fill-rule="nonzero"/></svg>');

 }  
 
body .partner-article .rte-content a { color: #8a653a !important}

body  .partner-article .rte-content > p:first-of-type:first-letter { color: #8a653a !important; }

.yellow-theme .load-more-btn span { color:#8a653a;     background: rgba(138, 101, 58, 0.2);} 