.bannerheader {
  display: none;
}

div[class*=header-theme-].header-theme-dark, header[class*=header-theme-].header-theme-dark {
	background: #104C77 !important;
}

.navbar-brand .logo-img {
min-height: 75px;
}

.head-search .search .form-control, .head-search .search .inputbox, .head-search .search .search-query, .head-search .form-search .form-control, .head-search .form-search .inputbox, .head-search .form-search .search-query, .head-search .mod-finder .form-control, .head-search .mod-finder .inputbox, .head-search .mod-finder .search-query {
width: 14px;
left: 8px;
top: 5px;
background-image: url("../images/search-light.svg");
}

.jacl-layout.layout-13 .mod-banners__item banneritem {
	background: #f5f5f5;
	padding: 14px;
}

.header-layout-10 .top-head .t4-header-left, .header-layout-13 .top-head .t4-header-left {
    color: #ffffff;
}

.item-page .com-content-article__body.has-sharing {
padding-left: 0px;
}

.jacl-item__meta ul li {
    color: #524d4d;
}
.header-layout-13 .top-head .t4-header-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 0;
  padding-left: 30px;
}
.moduletable.app {
    text-align: center;
  margin-bottom: -30px;
  background-color: #FFFFFF;
}
.moduletable.luister {
    border: 1px solid rgba(52,58,64,.12);
    padding: 1.25rem;
    border-radius: 0;
    margin: 1.0667rem auto;
    text-align: center;
    margin-bottom: -60px;
    margin-top: -20px;
}
.view-category .container, .view-category .container * {
    box-sizing: border-box;
}
.wf-mediabox-theme-light .wf-mediabox-container {
    border-radius: 5px;
}
.wf-mediabox-container {
    background-color: #000;
    padding: .5em
    }

 .wf-mediabox-theme-light .wf-mediabox-caption {
    margin-left: 6px;
    margin-right: 6px;
    margin-top: -50px;
    padding: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #000;
}

.wf-mediabox-nav {
    background-color:#000;
    padding: 1em;
}
/* Verbeter de contrastverhouding van links */
a {
    color: #0056b3; /* Donkerblauw voor betere zichtbaarheid */
    text-decoration: none;
}

a:hover, a:focus {
    color: #003366; /* Nog donkerder blauw bij hover/focus */
}

/* Betere styling voor auteursvermelding */
.createdby {
    color: #333333; /* Donkere kleur voor goed contrast */
    font-weight: bold;
}

/* Timestamps en metadata met verbeterd contrast */
time {
    color: #444444;
    font-style: italic;
}
/* Toegankelijkere knoppen */
button, .button {
    background-color: #007bff; /* Heldere blauwe knop */
    color: #ffffff; /* Witte tekst voor hoog contrast */
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
    font-size: 16px;
}

button:hover, .button:hover {
    background-color: #0056b3; /* Donkerder blauw bij hover */
}
.social-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 13px;
  list-style: none;
  padding: 0 13px; /* Voegt links en rechts ruimte toe */
  margin: 0;
  height: 100%;
}

.social-list li a {
  font-size: 40px; /* Pas aan naar gewenste grootte */
  color: #104C77; /* Of een andere kleur */
  text-decoration: none;
}

.social-list li a:hover {
  color: #000; /* Bijvoorbeeld blauw bij hover */
}

blockquote {
  position: relative;
  font-style: italic;
  color: #555;
  padding: 1rem 2rem;
  quotes: "“" "”";
}

blockquote::before {
  content: open-quote;
  font-size: 3rem;
  position: absolute;
  top: 0;
  left: 0;
  color: #ccc;
}

blockquote::after {
  content: close-quote;
  font-size: 3rem;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ccc;
}
.item-caret {
  display: none !important;
}