@font-face {
  font-family: 'Open Sans', sans-serif;
  font-display: swap;
  src: local('Open Sans'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2') format('woff2');
}

@font-face {
  font-family: "Open Sans Regular";
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/opensans-regular.woff2") format("woff2");
  font-weight: 700;
}


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/assets/fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/assets/fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: "FontAwesome";
  font-display: swap;
  src: 
	url('/assets/fonts/fontawesome-webfont.woff') format('woff'), 
	url('/assets/fonts/fontawesome-webfont.woff2') format('woff2'), 
	url('/assets/fonts/fontawesome-webfont.ttf') format('truetype'), 
	url('/assets/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/assets/fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/assets/fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

.text-fg { color: #1b1b1b; }
.text-bg { background-color: #1b1b1b; }
.bordered.dark { border-color: #1b1b1b; }

.white-fg { color: white; }
.white-bg { background-color: white; }
.bordered.white { border-color: white; }

.lblue-fg { color: #ddedf7; }
.lblue-bg { background-color: #ddedf7; }
.bordered.lblue { border-color: #ddedf7; }

.grey-fg { color: #f7f7f7; }
.grey-bg { background-color: #f7f7f7; }
.bordered.grey { border-color: #f7f7f7; }

.orange-fg { color: #9C370D; }
.orange-bg { background-color: #9C370D; }
.bordered.orange { border-color: #9C370D; }

.dgrey-fg { color: #575757; }
.dgrey-bg { background-color: #575757; }
.bordered.dgrey { border-color: #cccccc; }

.blue-fg { color: #00a8e2; }
.blue-bg { background-color: #00a8e2; }
.bordered.blue { border-color: #00a8e2; }

.green-fg { color: green; }
.green-bg { background-color: green; }
.bordered.green { border-color: green; }

.red-fg { color: #e21f1d; }
.red-bg { background-color: #e21f1d; }
.bordered.red { border-color: #e21f1d; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-family: 'Open Sans',Sans,Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
	font-size: 1.1rem;
	color: #0e273b;
	font-weight: 700;
	font-display: swap;
}

h1, .h1 {
	font-size: 1.8rem;
}
h2, .h2 {
	font-size: 1.5rem;
}
h3, .h3 {
	font-size: 1.1rem;
}
h4, .h4 {
	font-size: 1rem;
}

body {
	font-family: 'Open Sans',Sans,Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
	font-size: 16px;
	color: #1b1b1b;
	font-display: swap;
}

/*global links*/
a {
	color: #0e273b;
	text-decoration: none;
	transition: .3s;
}

a:focus,
a:active,
a:hover {
	color: #0e273b;
	text-decoration: underline;
}

a.link-orange {
	color: #9C370D;
	text-decoration: underline;
	transition: .3s;
}

a.link-orange:focus,
a.link-orange:active,
a.link-orange:hover {
	color: #9C370D;
	text-decoration: underline;
	opacity: .6;
}



a.button-orange {
	display: inline-flex;
	align-items: center;
	height: 45px;
	position: relative;
	text-decoration: none;
	color: white;
	font-weight: 700;
	background: #9C370D;
	border-radius: 3px;
	padding: 0 10px;
}

a.button-orange > img {
	width: 26px;
	height: 26px;
	object-fit: cover;
	border-radius: 50%;
	margin-right: 10px;
}

.truncate {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/*bordered styles*/
.bordered { border: 0 solid transparent; }
.bordered.around { border-width: 1px; }
.bordered.top { border-top-width: 1px; }
.bordered.right { border-right-width: 1px; }
.bordered.bottom { border-bottom-width: 1px; }
.bordered.left { border-left-width: 1px; }

/*responsive images*/
img { max-width: 100%; }

/*height classes*/
.h20 { height: 20px; }
.h50 { height: 50px; }
.h80 { height: 80px; }


/*main navigation*/
.navbar-brand img {
	width: 270px
}
ul.navbar-nav .nav-item {
	padding: 10px 0;
	border-top: 3px solid transparent;
}
ul.navbar-nav .nav-item.active {
	border-color: #e21f1d;
	font-weight: bold;
}

.navbar-light .navbar-nav .nav-link
{
color: #0e273b;
}

/*article styling*/
article .article-content {
	font-size: .8rem;
}
article .article-content strong {
	font-size: 1rem;
	font-weight: 700;
}


.gerelateerd
{
  border-left: 6px solid #00a8e2;
  margin: 1rem;
  padding-left: .5rem;
  padding-bottom: .5rem;
  background-color: #F6F8F9;
}

.gerelateerd p
{
  font-size: .625rem;
  color: ##545454;
  margin: 0;
  padding-top: .5rem;
  text-transform: uppercase;
  display: block;
}



/*section styling*/
section.meta-menu {
	font-size: .8em;
	height: 50px;
}
section.meta-menu ul {
	margin: 0 -15px 0 0;
}
section.meta-menu ul li {
	float: left;
	background: white;
	padding: 8px 12px;
	margin-left: 3px;
	transition: .3s;
}
section.related-news {
	font-size: .75rem;
}


/* article styling */
article.main-article .sec-options {
	font-size: .75rem;
}
article.main-article .sec-options a {
	color: black;
	opacity: .4;
}
article.main-article .sec-options a:focus,
article.main-article .sec-options a:active,
article.main-article .sec-options a:hover {
	color: black;
	text-decoration: none;
	opacity: 1;
}


article a > img {
    object-fit: cover;
/*    height: 140px; */
    width: 100%;
}


/*popular news items in sidebar*/
.popular-news {
	font-size: .75rem;
}
.popular-news a:focus,
.popular-news a:active,
.popular-news a:hover {
	text-decoration: none;
}

.breadcrumb,
.breadcrumb a,
.breadcrumb-item + .breadcrumb-item,
.breadcrumb-item + .breadcrumb-item::before {
	font-size:.75rem;
	color: #0e273b;
	content: ">";
}

.breadcrumb li
{
	margin:8px;
}

/*
.breadcrumb-item + .breadcrumb-item::before {
	padding-left: 7px;
	padding-right: 4px;
	letter-spacing: 2px;
	content: ">";
}
*/

.breadcrumb li:last-child a {
	color:black;
}

.btn-blue {
    color: #fff;
    background-color: #0e273b;
    border-color: #0e273b;
}

.btn-blue:hover {
    color: #fff;
    background-color: #0e273b;
    border-color: #0e273b;
}

.btn-orange {
    color: #fff;
    background-color: #9C370D;
    border-color: #9C370D;
}

.btn-orange:hover {
    color: #fff;
    background-color: #9C370D;
    border-color: #9C370D;
}

/* Socail color*/
.fa-facebook-square 
{
	color:#3B5998;
}
.fa-twitter-square 
{
	color:#33ccff;
}

.fa-envelope-square
{
 color:#f2a60c;
}

.fa-whatsapp
{
	color:#25D366;
}

.fa-telegram
{
	color:#0088CC;
}

.fa-rss-square
{
	color:#f26522;
}



footer p
{
  font-size: .8rem;
}

.regio
{
  font-size: .8rem;
}


/*comment form styling*/
.comments {
	font-size: .9rem;
}
.comments label {
	font-weight: bold;
	text-transform: uppercase;
}

.auteur
{
  text-align: right;
  font-size: .8rem;
  padding: 10px;
  background-color: #A9A9A9;
}

.carousel-caption-auteur{
bottom: 70px;
}

.carousel-auteur{
    bottom: 55px;
}

.adsgridenkel, .adsgriddubbel, .adsgridnieuws, .adscontent, .adsmob, .adsvoet{ width: 300px; height: 250px; }

.popover {max-width:280px;}

.dropdown:hover>.dropdown-menu 
{
  display: block;
  top: 100%;
}

.dropdown>.dropdown-toggle:active 
{
    pointer-events: none;
}

.article-bottom-margin {
	margin-bottom: 30px;
}

.article-head-news-image {
	position: relative;
}

.article-head-news-image .black-overlay {
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,1.75) 0%, rgba(0,0,0,0) 60%);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.article-head-news-image .caption {
	font-size: 1.125rem;
	color: white;
	position: absolute;
	bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 40px;
}

.article-head-news-image .caption .main-title {
    font-size: 1.4rem;
    color: white;
    font-weight: bold;

    @media(min-width: 700px) {
        font-size: 2rem;
        line-height: 1.2;
        margin-bottom: 10px;
    }
}



.article-head-news-image .caption h2,
.article-head-news-image .caption h3 {
   color: white;
   display: inline-block;
   font-size: 1.0rem
}




.article-head-news-image .caption .location .fa {
	color: #72d411;
}

.article-head-news-image .credits {
    background: #0073aa;
    font-size: .85rem;
    padding: 12px 20px;
    float: right;
	margin-right: -40px;
}

.article-main-intro {
	font-size: 1.375rem;
	font-weight: bold;
}

.banner-area {
}

.banner-area.wide {
	height: 86px;
}

#location-map {
	height: 220px;
}

.article-half-img img {
	height: 220px;
	object-fit: cover;
}

.article-inline-image {
	display: block;
	position: relative;
}
.article-inline-image .enlarge-btn {
	font-size: 2.25rem;
	line-height: 1;
	color: white;
	opacity: .6;
	position: absolute;
	top: 30px;
	right: 30px;
}
.article-half-img .enlarge-btn {
	top: 15px;
	right: 15px;
}

.article-inline-image:hover .enlarge-btn {
	opacity: 1;
}

.meldingen p
{
  font-size: .8rem;
}

table.meldingen
{
  font-size: .8rem;
}

table.meldingen th[class="p1"]
{
  background-color: #cc0000;
}

table.meldingen th[class="p2"]
{
  background-color: #ffff00;
}

table.meldingen th[class="p3"]
{
  background-color: #008000;
}

table.meldingen a
{
  color: #9C370D;
  text-decoration: underline;
  transition: .3s;
}

@media(min-width: 500px) 
{
  .adsgridenkel { width: 200px; height: 200px; }
  .adsgridnieuws { width: 336px; height: 280px; }
  .adsgriddubbel, .adscontent, .adsvoet { width: 468px; height: 60px; } 
}

@media(min-width: 700px) 
{ 
  .adsgridenkel { width: 200px; height: 200px; }
  .adsgriddubbel, .adscontent { width: 468px; height: 60px; } 
  .adsgridnieuws { width: 336px; height: 280px; }
  .adsvoet { width: 728px; height: 90px; } 
  .hide-on-destop { display: none; }
}


@media (min-width: 992px)
{
	.r89-desktop-leaderboard-atf
	{
		min-height: 250px;
		margin-top: 20px;
		margin-bottom: 20px
	}
}

@media (max-width: 991px)
{
	.r89-Mobile-Native-Buddy
	{
		min-height: 150px;
		margin-top: 20px;
		margin-bottom: 20px
	}
}