/* #content {border: 1px solid black;}*/
/* gebaseerd op 12 cols */
* {
  box-sizing: border-box;
}
/* html add 6-3-2021 */
html, body { 
  font-family: Arial,Tahoma,Verdana; 
  /*font-size: 13px; 4-3-2021*/
  font-size: 14px;
  line-height: 1.15em;
  /* line-height: 18px; 3-3-2021*/
  /* background-color: #f9f9ff; */
}
h3 {font-weight:bold;}
/* Header branding */
#header { 
 background-image: initial;
 background-color: initial;
}
/* Alleen voor scherm > ... */
@media only screen and (min-width: 768px) {
  .region-header {
    padding-left:20%; /*padding-left:10%; na nieuw logo zonder schaap */
    background-color:white;
  }
}
ul.menu {
  background-color:red;	
}
.view-content::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  padding: 15px;
}

.layout-main {
    margin-top: 0px;
}

.views-label { display: inline; }
.views-field.views-field-field-dossier { display: inline; }
.views-field-field-dossier .field-content { display: inline; }
.views-field-field-dossier .field-content::after {
  content: "";
  clear: both;
  display: table;
 }

a:link, a:visited {
    color: #6b6969;
    text-decoration: none;
}
a:hover {
	color: #fe3000;
	text-decoration: none;
}
/* Override bartik elements.css 16 */
a, a.link {
border-bottom: 0px dotted;
}

#block-btheme-views-block-actueel-block-1 h2,
#block-btheme-views-block-achtergrond-block-1 h2,
.view .view-header h2,
.view-actueel .view-header h1,
.view-achtergrond .view-header h1,
.view-taxonomy-term .view-header {
color: #141414;
font-family: Roboto;
font-size: 34px;
font-weight: 300;
letter-spacing: 0.0225em;
}

#block-views-block-actueel-block-1 .views-field-body {
  margin-top: 8px;
}
#block-views-block-achtergrond-block-1 .views-field-body {
  margin-top: 8px;
	/* width: 70%; */
	/* margin-top: 50px;*/
}
.view-taxonomy-term .view-header {
  margin-top: 50px;
  margin-bottom: 30px;
  line-height: 100%;
}

img {
  border:1px solid #0000;
}

/* Font for views link */
/*.view-actueel .views-field-title a:link, .view-actueel .views-field-title a:visited {color: #FE3000;text-decoration: none;} 4-3-2021*/
.view-actueel .views-field-title a:link, .view-actueel .views-field-title a:visited {color: #0F0F0F;text-decoration: none;}
/*.view-achtergrond .views-field-title a:link, .view-achtergrond .views-field-title a:visited {color: #FE3000;text-decoration: none;} 4-3-2021*/
.view-achtergrond .views-field-title a:link, .view-achtergrond .views-field-title a:visited {color: #0F0F0F;text-decoration: none;border-bottom: 0px dotted;}
div.view-dossier-page div.views-field.views-field-title a:link, div.view-dossier-page div.views-field.views-field-title a:visited {color: #0F0F0F;text-decoration: none;border-bottom: 0px dotted;}
.view-actueel .views-field-field-soorta .field-content a {color:#29af01;}
.view-actueel .views-field-title a:hover, .view-achtergrond .views-field-title a:hover {
	color: #fe3000;
	text-decoration: none;
}
/* Einde font views */
.field-credits-image { font-size: 12px; font-style: italic;}
.block-field-blocknodearticlefield-credits-image { font-size: 12px; font-style: italic;}

.views-field-field-soorta {
	text-transform: lowercase;
	margin-bottom: 8px;
	font-family: Courier,'Courier New',monospace;
	font-size: 16px;
	line-height: 14px;
}

.view-actueel-image, .image-dossier-page {height:130px;}
.view-actueel-image img, .view-achtergrond img, .image-dossier-page img {max-height:100%; width:auto;}
div.view-id-actueel div.views-field.views-field-title, div.view-dossier-page div.views-field.views-field-title {font-size:140%; margin-bottom: 8px; margin-top:16px; line-height:1.39em;}
div.view-id-achtergrond div.views-field.views-field-title {font-size:140%; margin-bottom: 8px; margin-top:16px; line-height:1.39em;}
div.view-id-actueel .views-field.views-field-field-auteurs, div.view-id-achtergrond .views-field.views-field-field-auteurs, div.view-dossier-page .views-field.views-field-field-auteurs {font-style:italic;}
div.view-id-actueel .views-field.views-field-created, div.view-id-achtergrond .views-field.views-field-created, div.view-dossier-page .views-field.views-field-created {font-style:italic;}
div.view-id-actueel div.views-field.views-field-body, div.view-id-achtergrond div.views-field.views-field-body, div.view-dossier-page div.views-field.views-field-body {
 line-height: 1.39em;
 margin-top: 16px;
}
div.view-id-achtergrond div.views-field.views-field-body::before {
  content: "";
  clear: both;
  display: table;
}

.view-geschriften .views-field-field-image {
    float: left;
    margin: 4px 10px 10px;
    position: relative;
    height: 172px;
    width: 110px;
    overflow: hidden;
}  

.view-geschriften .views-field-field-image img {
/* //    height: 172px; */
      height: auto;
      width: 110px;
}   

.view-geschriften .views-field-field-beschrijving {
  clear:both;
  }

.view-winkel .views-field-field-image {
    float: left;
    margin: 4px 10px 10px;
    position: relative;
    height: 172px;
    width: 110px;
    overflow: hidden;
}  

.view-winkel .views-field-field-image img {
/* //    height: 172px; */
      height: auto;
      width: 110px;
}

.view-winkel .views-field-title {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0px;
	color:#000000;
} 
.view-winkel .file {display: inline; }

/* Dossier page */
.view-dossier-page h2 { 
  color: #141414;
  font-family: Tahoma,sans-serif;
  font-size: 34px;
  font-weight: 100;
  letter-spacing: 0.0225em;
}
/* Invoegen media queries */
.view-actueel .view-content, .view-achtergrond .view-content, .view-dossier-page .view-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .view-content {
      flex-direction: column;
  }
  .views-row {
	  flex: 100%;
  }
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .view-id-dossiers {
      font-size: 1.2em;
      line-height: 1.95em;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
/*@media only screen and (min-width: 600px) {} */
@media only screen and (min-width: 200px) {
  .view-actueel .views-row, .view-achtergrond .views-row, .view-dossier-page .views-row {
	  flex: 100%;
	  flex-wrap: wrap;
	  padding: 15px 5px 20px 5px;
	  border-top: 1px solid #00000022;
  }
  .views-row {min-width:200px;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .view-actueel .views-row, .view-achtergrond .views-row, .view-dossier-page .views-row {
	  flex: 50%;
	  padding: 15px 5px 20px 5px;
	  border-top: 1px solid #00000022;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
/*@media only screen and (min-width: 992px) {}*/

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .view-actueel .views-row, .view-dossier-page .views-row {
	  flex: 33.333%;
	  padding: 15px 5px 20px 5px;
	  border-top: 1px solid #00000022;
  }
  .view-achtergrond .views-row {
	  flex: 50%;
	  padding: 15px 5px 20px 5px;
	  border-top: 1px solid #00000022;
  }
}
/* einde invoeg media queries*/

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:100;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + #main {
  padding-top: 60px;
}

.block-field-blocknodearticlefield-auteurs {
  float:left;
  margin:0px 5px 0px 0px;
}
.block-field-blocknodearticlefield-auteurs .content {margin: 0px; font-style: italic;}
/*.block-field-blocknodearticlefield-auteurs .field__item::after { content: ' - '; }*/
.block-field-blocknodearticlecreated .content {margin: 0px; font-style: italic;}
.field--name-field-auteurs .field__item {display: inline-flex;}
/* Blocks in sidebar ... */
#block-aankondiging { background-color: #ffffff;}
#block-extraitem { background-color: #ffffff;}
#block-views-block-elders-block-1, #block-views-block-agenda-block-1, #block-views-block-dossiers-block-1,#block-views-block-recente-reacties-block-1, #block-aggregatorfeed, #block-aggregatorfeed-2 {
    background-color: #ffffff;
    /*border-left: 1px solid #d6d6d6;*/
    /*border-bottom: 1px solid #d6d6d6;*/
}
#block-views-block-recente-reacties-block-1 li {
    margin-bottom: 1em;
}
#block-views-block-elders-block-1 .views-row {
	padding-bottom: 5px;
	margin-bottom: 7px;
	border-bottom: 1px solid #E4E2E2;
}
#block-views-block-agenda-block-1 .views-row { margin-bottom: 8px; }
#block-aggregatorfeed .item-list li, #block-aggregatorfeed-2 .item-list li {
	border-bottom: 1px solid #E4E2E2;
	margin-bottom: 7px;
	padding-bottom: 5px;
	margin-left: 0px;
}
/* #block-footertext1 { color: rgba(255, 255, 255, 0.8);} */
/* voor footer zie site-footer.css */

/* Style all font awesome icons */
.fa {
  padding: 10px;
  font-size: 40px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  background: #3B5998;
  color: white;
}

/* Twitter */
.fa-twitter {
  background: #55ACEE;
  color: white;
}

/* CSS voor specifieke pagina's en views */
.view-meer-van-deze-auteur table td { display:table-cell; font-size: 1.2em; background-color:#ffffff !important; border:0px solid black;}
.view-meer-van-deze-auteur table tr { border-bottom: 1px solid #E4E2E2;}
.image-rechts {float:right; margin-left:20px;}
div.rechts img {float:right; margin-left:20px;}
div.links img {float:left; margin-right:20px;}

/* CSS voor block-addtoany */
.block-addtoany {
  margin-bottom: 3em;
}

/* CSS voor comments */
span.comment-label-van { font-weight:bold;}
.comment__content {display: table;}

/* CSS voor even grote afbeeldingen frontpage */
div.image-actueel-front, div.image-achtergrond-front, div.image-dossier-page {
	width: 275px;
	height: 185px;
}
div.image-actueel-front img { height: 100%; object-fit: cover; }
div.image-achtergrond-front img { height: 100%; object-fit: cover; }
div.image-dossier-page img { height: 100%; object-fit: cover; }
.view-actueel h1, .view-achtergrond h1, .view-dossier-page h1 {font-size: 2.5rem;}
.views-field-title { display: flex; }

.view-actueel .more-link, .view-achtergrond .more-link {
    font-family: Roboto;
    font-size: 18px;
    color: black;
    font-weight: 400;
    margin-top: 20px;
    margin-right: 50px;
	z-index: 10;
}
nav.pager { margin-bottom:20px; }

/* artikel full */
@media screen and (min-width: 960px) {
  article.node--view-mode-full {
    width: 59%; /*48.5%;*/
    margin-right: 110px; /*340px;*/
    margin-left: auto;
    font-size: 14px;/*1rem;*/
    font-weight: 400;
    line-height: 1.39em; /*1em;*/
  }
  article .field--name-title { font-family:'Roboto'; font-size: 27px; font-weight: 400; line-height: 1em;}
  article .block-layout-builder.block-field-blocknodearticletitle { margin-bottom: 8px;}
  article .block-layout-builder.block-field-blocknodearticlefield-image {margin-top: 8px;}
}
/* CSS voor aggregator feeds van International Viewpoint */
@media screen and (min-width: 960px) {
  div.aggregator-feed {
    width:59%;
    margin-right:110px;
    margin-left:auto;
    font-size: 14px;/*1rem;*/
	  font-weight: 400;
    line-height: 1.39em; /*1em;*/
  }
  article.aggregator-item h3 { font-family:'Roboto'; font-size: 27px; font-weight: 400; line-height: 1em;}
  article.aggregator-item { border-bottom:1px solid #7f7f7f; padding-bottom: 25px; }
}

/* Styles t.b.v. ckeditor */
.subkop {
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 5px;
}
/* Nieuwsbrief */
td.zijbalk {vertical-align: top;}
/* Link van de maand */
.link-van-de-maand { 
  font-family: Roboto;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.2;
}
/* Bevat de link TOP (custom block: Top of page) om naar het begin van de pagina te gaan */
.featured-bottom {
  background: #ffffff;
  border: 0px;
  margin: 0 auto;
  text-align: center;
  width: 250px;
  font-family: 'Roboto';
  font-size: 14px; 
  font-weight: 500;
}
/* T.b.v. juiste positionering in frontpage na klik van de anchor in menu-item Achtergrond. */
#block-views-block-achtergrond-block-1::before {
  content: '';
  display: block;
  /* height: 64px; */
  /*margin-top: -64px;*/
  height:      20px;
  margin-top: 0px;
  visibility: hidden;
  z-index:-1;
}