/* Media: 576, 768, 992, 1200, 1400 */

/* Fonts */
@font-face {
  font-family: CaeciliaLTStd-Roman;
  src: local(''),
       url('../fonts/CaeciliaLTStd-Roman.otf') format('opentype');
} /* basis */
@font-face {
  font-family: Lufga-Regular;
  src: local(''),
       url('../fonts/Lufga-Regular.otf') format('opentype');
} /* caption */
@font-face {
  font-family: Lufga-Medium;
  src: local(''),
       url('../fonts/Lufga-Medium.otf') format('opentype');
} /* thematitels, topmenu */
@font-face {
  font-family: Lufga-Bold;
  src: local(''),
       url('../fonts/Lufga-Bold.otf') format('opentype');
} /* koppen, hoofdmenu */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('../fonts/oswald-v40-latin-regular.woff2') format('woff2');
} /* paginakoppen, icons, buttons, tags, data, modulekoppen h3,  */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 500;
    src: local(''),
    url('../fonts/oswald-v40-latin-500.woff2') format('woff2');
} /* tags paginakoppen, icons, buttons, tags, data, modulekoppen h3,  */


/* Change some root colors and settings of the document */
:root {
    --success: #577A57;
    --success-border: #577A57;
    --cassiopeia-color-primary: #112855;
    --cassiopeia-color-link: #224faa;
    --cassiopeia-color-hover: #424077;
}

/* Basis */
body {
    font-family: CaeciliaLTStd-Roman, serif;
    font-weight: 400;
    background-color:#ffffff;
    color:#000;
    font-size: .9375rem;
}
a {
    color: #84a786;
    text-decoration: none;
}
.over a, .redactie a, .nieuwsbrief a, .abonnement a  {
	color: #86bc25;
	text-decoration: none;
}
a:not([class]) {
    text-decoration: none;
}
a:focus, a:hover {
   color: #84a786;
   text-decoration: underline;
}
.over a:focus, .over a:hover, .redactie a:focus, .redactie a:hover, .nieuwsbrief a:focus, .nieuwsbrief a:hover, .abonnement a:focus, .abonnement a:hover {
	color: #86bc25;
	text-decoration: underline;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #000;
    text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: none;
}

.h1, h1 {
    font-family: Oswald, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.5rem; /* 24px */
}
.h2, h2 {
    font-family: "Lufga-Bold", sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
}
.h3, h3 {
    font-family: "Lufga-Bold", sans-serif;
    font-weight: 700;
    font-size: 1.125rem; /* 18px */
}
.h4, h4 {
    font-family: "Lufga-Bold", sans-serif;
    font-weight: 400;
    font-size: 1rem; /* 16px */
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.h5, h5 {
    font-family: "Lufga-Bold", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    font-style: italic;
}
.h6, h6 {
    font-family: "Lufga-Bold", sans-serif;
    font-weight: 400;
    font-size: .8rem;
}
@media (min-width: 576px) {
    .h1, h1 {
        font-size: 3rem; /* 48px */
    }
    .h2, h2 {
        font-size: 2rem;
    }
    .h3, h3 {
        font-size: 1.5rem; /* 24px */
    }
    .h4, h4 {
        font-size: 1.25rem; /* 20px */
    }
    .h5, h5 {
        font-size: 1rem;
    }
    .h6, h6 {
        font-size: .9rem;
    }
    body {
        font-size: 1rem;
    }
}
.nieuwsbrieven h3, .magazine  h3 {
    font-weight: 400;
    font-size: 1.875rem; /* 30px */
}

.nieuwsbrief .dwc-article-footer {
	display: none;
} /* Share iconen onderin weg op nieuwsbrieg pagina */

.featured div.raamwerkkind:first-child h4,
.meestgelezen div.raamwerkkind:first-child h4 {
    font-size: 1.5rem; /* 24px */
    margin-bottom: 1.2rem;
}
@media (min-width: 992px) {
    .featured div.raamwerkkind:first-child h4,
    .meestgelezen div.raamwerkkind:first-child h4 {
        font-size: 2.5rem; /* 40px */
    }
}

.dwc-intro {
    font-size: 1.0625rem;
    font-weight: bold;
} /* artikel intro */
@media (min-width: 992px) {
    .dwc-intro {
        font-size: 1.1875rem;
        font-weight: bold;
    }
} /* artikel intro */

.featured h3,
.aanbevolen h3,
.dossiers h3,
.artikeldossiers h3,
.meestgelezen h3 {
    display: flex;
    align-items: center;
    margin: 45px 0;
    font-family: Oswald, sans-serif;
    font-weight: bold;
    font-size: 1.875rem;
    text-transform: uppercase;
    text-align: center;
} /* modulekop met golflijn */

@media (min-width: 992px) {
    .featured h3,
    .aanbevolen h3,
    .dossiers h3,
    .artikeldossiers h3,
    .meestgelezen h3 {
        margin: 70px 0;
    } /* modulekop met golflijn */
}
.featured h3::before,
.aanbevolen h3::before,
.dossiers h3::before,
.artikeldossiers h3::before,
.meestgelezen h3::before {
    content: "";
    flex: 1;
    height: 8px;
    margin-right: 1em;
    background-image: url("../images/golf-tegel.svg");
} /* modulekop met golflijn (links) */
.featured h3::after,
.aanbevolen h3::after,
.dossiers h3::after,
.artikeldossiers h3::after,
.meestgelezen h3::after {
    content: "";
    flex: 1;
    height: 8px;
    margin-left: 1em;
    background-image: url("../images/golf-tegel.svg");
} /* modulekop met golflijn (rechts) */

.view-article main h3, .view-article main .h3, .view-article main h4, .view-article main .h4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1200px;
}
@media (max-width: 992px){
    .container-component > * + *, .container-sidebar-left > * + *, .container-sidebar-right > * + * {
        margin-top: 10px;
    }
}

.site-grid {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    grid-gap: 0;
    /* background-color: #fff; */
}
@media (max-width: 1230px){
    .site-grid {
        grid-gap: 0 15px;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        margin-right: 15px;
        margin-left: 15px;
    }
    /*
    body {
        background-color: #e9eaed;
    }
    */
}

.view-article .item-page,
.view-search .finder,
.view-login .login,
.view-login .logout,
.view-reset .reset,
.view-remind .remind,
.view-profile .profile,
.view-profile .profile-edit,
.view-login .com-users-login__options,
.layout-wedstrijd #adminForm {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.container-header {
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    padding-bottom: 30px;
}
@media (max-width: 992px){
    .container-header {
        padding-bottom: 0;
    }

}
figure {
    margin: 0;
}
blockquote {
    font-family: Lufga-Medium, sans-serif;
    color: #577A57;
    font-size: 1.1875rem;
    border-left: solid 11px #E9EDEB;
    padding: 15px 24px;
}
@media (min-width: 576px) {
    blockquote {
        font-size: 1.375rem;
        padding: 15px 55px;
    }
}
blockquote.twitter-tweet {
    color: rgb(29, 155, 240);
    border-left: solid 11px rgba(29, 155, 240, 0.2);
}
blockquote.twitter-tweet::before {
  content: "Op Twitter:";
  color: rgba(29, 155, 240, 0.4);
  display: block;  
  margin-bottom: .5rem;
  font-style: italic;
}

joomla-tab > div[role="tablist"] > button[role="tab"][aria-controls="code"],
joomla-tab > div[role="tablist"] > button[role="tab"][aria-controls="css"],
joomla-tab > div[role="tablist"] > button[role="tab"][aria-controls="js"],
joomla-tab > div[role="tablist"] > button[role="tab"][aria-controls="php"],
joomla-tab > div[role="tablist"] > button[role="tab"][aria-controls="settings"] {
  display: none;
} /* tabbladen voor sourcere onzichtbaar maken, ivm Twitter insluitcode*/


.icons a {
    background-color: #eee;
    padding: 5px;
    margin: 2px;
    font-family: Oswald, sans-serif;
    font-size: .9rem;
    text-transform: uppercase;
} /* edit knop */
.icon-search {
    margin-right: 5px;
}
.btn, btn:hover, btn:active, btn:focus, btn:target  {
    border-radius: unset;
    border: none;
    box-shadow: none !important;
    text-decoration: none;
}
.btn-success, .btn-primary {
    background-color: #577A57;
    border: none;
    color: #fff;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
}
.btn-success:hover, .btn-primary:hover {
    background-color: #668E66;
    text-decoration: none;
}
.btn-secondary {
    background-color: #CECECE;
    border: none;
    color: #616161;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
}
.btn-secondary:hover {
    background-color: #E2E2E2;
    text-decoration: none;
}
a.btn-outline /*, .btn-nieuwsbrief, .nieuwsbrief a.btn */ {
    background-color: #fff;
    color: #577A57;
    font-family: Oswald, sans-serif;
    font-size: .87rem;
    text-transform: uppercase;
    font-weight: bold;
    border: solid 1px #577A57;
}
/*
a.btn-outline:hover, .btn-nieuwsbrief, .nieuwsbrief a.btn, .nieuwsbrief a.btn:hover {
    background-color: #577A57;
    color: #fff;
    text-decoration: none;
}
*/
.btn-nieuwsbrief, .nieuwsbrief a.btn {
  background-color: #577A57;
  border: none;
  color: #fff;
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
}
.btn-nieuwsbrief:hover, .nieuwsbrief a.btn:hover {
  background-color: #668E66;
  text-decoration: none;
}
.pagination {
    margin-left: 0;
    margin-right: 0;
    justify-content: center;
	margin-top: 2rem;
}


.page-link {
    font-family: Lufga-Medium, sans-serif;
    font-size: 1rem;
    color: #000;
    border: none;
/*
    height: 36px;
    width: 36px;
    text-align: center;
    margin: 0 !important;
*/
}
/*
@media(max-width: 576px) {
	.page-link {
		font-size: .7rem;
		height: 32px;
		width: 32px;
	}	
}
*/
@media(max-width: 576px) {
	.page-link {
		padding: .3rem .5rem;
	}
}@media(max-width: 480px) {
	.page-link {
		font-size: .9rem;
		padding: .3rem .5rem;
	}
}

.page-item.active .page-link {
    background-color: #84a786;
}
.page-link:hover {
    color: #84a786;
    text-decoration: none;
}
/* Poging alleen randje om active
.page-link, .page-item.disabled .page-link {
    font-font: Lufga-Medium, sans-serif;
    font-size: 1.0625rem;
    color: #000;
    border: 2px solid transparent;
    margin-right: 10px;
}
.page-item.active .page-link {
    background-color: unset;
    border: 2px solid #84a786;
    color: #000;
}
*/
.moduletable.dossiers, .moduletable.magazine {
    position: relative;
}
.btn.btn-link.jmodedit {
    border-radius: 0;
    border: none;
    background-color: #eee;
    color: #84a786;
    padding: 5px;
    margin: 2px;
    font-family: Oswald, sans-serif;
    font-size: .9rem;
    text-transform: uppercase;
}
.btn.btn-link.jmodedit::after {
    content: " Bewerken";
}

#finder_sorting_list .sorting__list-li:nth-child(2) {
  display: none;
}

/* Menu gedeeld */
.container-header .mod-menu {
    display: unset;
    flex: 1 0 100%;
    padding: 0;
    margin: 0;
    color: white;
    list-style: none;
}
@media (min-width: 992px) {
    .container-header .mod-menu {
        display: flex;
        flex: 1 1 0;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }
}
.container-header nav {
    margin-top: unset; /* ccs-waarde weg voor juist vertikaal centreren */
}


/* Header1 Topmenu */
.container-topbar {
    display: flex;
    justify-content: space-between;
}
.header1 .container {
    padding-left: 0;
    padding-right: 0;
}
.header1 {
    background-color: #fff;
    display: flex;
}
@media (max-width: 991px) {
    .header1 nav:last-child {
        display: none;
    }
}
.header1 a, .header1 .mod-menu__heading {
    color: #616161 !important;
    font-family: Lufga-Medium, sans-serif;
    font-size: 14px;
}
.header1 a:hover {
    color: #84A786 !important;
}
.container-header .container-topbar nav {
    padding: 0;
    height: 60px;
    margin-left: auto;
}
.container-header .container-topbar nav.redactiemenu {
    margin-left: 0;
}
.container-header .redactiemenu .mod-menu {
    display: inline-flex;
    flex-direction: row;
}
.redactiemenu .metismenu.mod-menu .metismenu-item {
    padding: 4px 7px;
}

.redactiemenu {
    background-color: #e9edeb;
}

/* Navbar Mainmenu */
@media (min-width: 992px) {
    #nav {
        background-color: #000;
        background: -webkit-linear-gradient(right, white 50%, black 50%);
        background: -o-linear-gradient(right, white 50%, black 50%);
        background: -moz-linear-gradient(right, white 50%, black 50%);
        background: linear-gradient(to right, white 50%, black 50%);
        height: 60px;
    }
}
#nav .container {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
    align-items: center;
}
@media (min-width: 992px) {
    #nav .container {
        flex-wrap: nowrap; /* kan niet op phone vanwege uitrol */
    }
}
 /* 
 #nav.navbar a, .navbar-nav a, .regiofilter a, .navbar-nav .mod-menu__heading {
    color: #fff !important;
    font-family: Lufga-Bold, sans-serif; 
    font-size: 22px;
    height: 100%;
}
#nav.navbar a:hover, .navbar-nav a:hover, .regiofilter a:hover, .navbar-nav .mod-menu__heading:hover {
    color: #84A786 !important;
}
*/

#nav .metismenu .level-1 a, #nav .mod-menu__heading {
  color: #fff;
  font-size: 22px;
  font-family: Lufga-Bold, sans-serif;
}
#nav .metismenu .level-2 a {
  color: #000;
  font-size: 18px;
  font-family: Lufga-Bold, sans-serif;
}
#nav .metismenu .level-1 a:hover, #nav .metismenu .level-2 a:hover {
  color: #84A786;
}
@media (min-width: 992px) {
	.hoofdmenu .mm-collapse, .hoofdmenu .mm-collapsing {
	  right: 0;
	  left: auto;
	}
}

#nav.navbar .topmenunavbar a, #nav.navbar .redactiemenu a {
    font-size: 12px;
}
.navbar-toggler-icon {
    padding-top: 4px;
}

#navbar-modules a {
    text-decoration: none;
}
#nav.navbar .zoeken a {
    color: #000;
	font-size: 22px;
}
@media (min-width: 992px) {
    #nav.navbar .zoeken a {
    color: #fff;
    }
}
.navbar .zoeken {
    padding: unset;
}
.zoeken .custom {
    padding: 4px 15px 3px 15px;
    border-left: 1px solid white;
    margin: 10px 0;
}

@media (min-width: 992px) {
    #navbar-modules {
        height: 60px; /* niet bij uitrol */
    }
}
#navbar-modules {
    background-color: #000;
    z-index: 10;
}
.container-header .navbar-brand img {
    width: unset;
    min-width: unset;
}
.navbar-brand {
    padding-left: 0;
    padding-right: 15px;
}
@media (min-width: 1230px) {
    .navbar-brand {
        padding-right: 30px;
    }
}
button.navbar-toggler-right {
    margin-right: var(--gutter-x, 0.5em);
    margin-right: 0;
}
.navbar-toggler.navbar-toggler-right {
    border: none;
    color: #000;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.navbar-toggler {
    padding: unset;
}
.navbar-collapse {
    align-items: unset;
}
.navbar-toggler-icon {
  background-image: none;
}

/* Regiofilter */

/* start custom select */
.regiofilter {
    position: relative;
    display: flex;
    align-self: center;
    border-left: solid 1px white;
    width: 175px;
    height: 40px;
    padding-left: 5px;
}
.regiofilter::after {
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 22px;
    content: "\f3c5";
    top: 3px;
    right: 30px;
    width: 0;
    height: 0;
    color: #fff;
    pointer-events: none;
    /*padding-left: 7px;*/
}
.regiofilter select {
    /* A reset of styles, including removing the default dropdown arrow */
    appearance: none;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0 3em 0 0;
    margin: 0;
    width: 100%;
    cursor: inherit;
    line-height: inherit;
    background: black;
    color: #fff;
    font-family: Lufga-Medium, sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    height: 100%;
    text-align: center;
}
@media (max-width: 992px) {
    .regiofilter {
        border: none;
    }
}
/* end custom select */


/* Footer */
.footer {
	background-color: #577a57;
	background-image: none;
	color: #fff;
    text-align: center;
}
.footer .grid-child {
    max-width: 1200px;
    padding: 2.5rem 15px;
}
@media(min-width: 1230px){
    .footer .grid-child {
        padding: 2.5rem 0;
    }
}

.footer a:hover {
    color:#000;
    text-decoration: none !important;
}

.footer .grid-child {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.footer .menulijn1, .footer .menulijn2, .footer .menulijn3 {
    width: 100%;
}
.footer .menulijn1 hr, .footer .menulijn2 hr, .footer .menulijn3 hr {
    border: none;
    border-top: 1px solid #fff;
    margin: 8px 0;
}

.netwerk {
    font-family: Lufga-Medium, sans-serif;
    font-size: .9375rem;
    padding: 15px 0;
    margin: 15px 0 0 0;
    width: 100%;
}
.netwerk-logo {
    margin: 15px;
}
.netwerk-sterk {
    max-width: 185px;
    margin: 30px auto;
}
.netwerk-partijen {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 15px auto;
    gap:30px 12px;
}
@media(min-width: 340px) {
    .netwerk-partijen {
        width: 280px;
    }
}
@media(min-width: 430px) {
    .netwerk-partijen {
        width: 370px;
    }
}
@media(min-width: 630px) {
    .netwerk-partijen {
        width: 570px;
    }
}
@media(min-width: 1080px) {
    .netwerk-partijen {
        width: 100%;
    }
}

/*
.footer a:not(.btn), .footer .btn-link {
  color: rgba(255, 255, 255, 0.5);
}
}
.footer a:not(.btn):hover, .footer a:not(.btn):focus, .footer .btn-link:hover, .footer .btn-link:focus {
  color: black;
}
*/

.footer .social, .footer .disclaimermenu-footer {
    margin: 15px 0;
}
.footer .social a, .footer .disclaimermenu-footer a {
    margin: 7px;
    color: rgba(255, 255, 255, 0.5);
}
.footer .social a:hover, .footer .disclaimermenu-footer a:hover, .footer a:not(.btn):hover  {
    color: black;
}

.de-gids .footer .social a:hover, .de-gids .footer .disclaimermenu-footer a:hover, .de-gids footer a:not(.btn):hover  {
    color: darkseagreen;
}

/*
.disclaimermenu-footer {
    margin: 15px 0;
}
*/
.disclaimermenu-footer .metismenu.mod-menu .metismenu-item {
    padding: 0.1em 0.6em;
}
@media(max-width: 520px) {
    .disclaimermenu-footer .metismenu.mod-menu .metismenu-item {
        padding: 0.1em 0.2em;
    }
}
.disclaimermenu-footer li {
    display:inline !important;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.disclaimermenu-footer li:first-child {
    border-left: none;
}
.disclaimermenu-footer a {
    font-family: Lufga-Medium, sans-serif;
    font-size: .875rem;
    color: rgba(255, 255, 255, 0.5);
}

@media(min-width: 768px) {
    .social a:first-child {
        margin-left: 0;
    }
    .disclaimermenu-footer .metismenu.mod-menu li.metismenu-item:last-child {
        padding-right: 0;
    }

}


.mainmenu-footer, .topmenu-footer {
    margin: 15px 0;
}
.mainmenu-footer .metismenu.mod-menu .metismenu-item, .topmenu-footer .metismenu.mod-menu .metismenu-item {
    padding: 0.1em .6em;
    justify-content: space-around;
}
.mainmenu-footer a ,.topmenu-footer a {
    font-family: Lufga-Medium, sans-serif;
    font-size: .9375rem;
    color: #fff;
    text-decoration: none !important;
}
.mainmenu-footer li.item-130 {
  display: none !important; /* Regio's niet in footermenu */
}


@media(min-width: 576px) {
    .mainmenu-footer li, .topmenu-footer li {
        border-left: 1px solid rgba(255, 255, 255, 0.5);
    }
    .mainmenu-footer li:first-child, .topmenu-footer li:first-child {
        border-left: none;
    }
    .mainmenu-footer .metismenu.mod-menu .metismenu-item,
    .topmenu-footer .metismenu.mod-menu .metismenu-item {
        display: inline;
    }
    .netwerk-sterk {
        max-width: unset;
    }
}
@media(min-width: 1080px) {
    .mainmenu-footer .metismenu.mod-menu li.metismenu-item:first-child {
        padding-left: 0;
    }
    .topmenu-footer .metismenu.mod-menu li.metismenu-item:last-child {
        padding-right: 0;
    }
    .footer .menulijn3 {
        display: none;
    }
    .netwerk-partijen {
        justify-content: space-between;
    }

}

@media(max-width: 1080px) {
    .mainmenu-footer, .topmenu-footer {
        margin: 15px auto;
    }
    .mainmenu-footer {
        order: -4;
    }
    .menulijn1 {
        order: -3;
    }
    .topmenu-footer {
        order: -2;
    }
    .menulijn2 {
        order: -1;
    }

    /*
    .footer .menulijn1, .footer .menulijn2 {
        display: none;
    }
    .social {
        order: 12;
    }
    .disclaimermenu-footer {
        order: 13;
    }
    .netwerk {
        border-top: none;
    }
    .mainmenu-footer, .topmenu-footer {
        margin: 15px 0; tegen buiten kantlijnen, waar eerder auto voor centreren
    }*/
}


/* Artikel en tags */
/* Overzicht
.dwc-datum-regio ** datum en regio tag in menu- en trefwoord-overzichten, onder artikeltitels en -intro's **
  .datum
  .regio
.dwc-auteurs  ** datum en auteur tag in artikel, onder artikelintro **
  .auteuravatar
  .auteur
  .datum
.dwc-regio-dossier  ** regio en dossier tag in artikel, boven artikeltitel **
  .regio
  .dossier
.dwc-trefwoorden ** trefwoorden tags, onder artikelen, en boven menu overzichten  **
.dwc-label ** label tag in menu- en trefwoord-overzichten, boven artikel titels **
.dwc-thema ** thema tag in artikel, boven artikelen als overlay op intro-afbeelding **
.dwc-category ** icoon of tekst in menu- en trefwoord-overzichten, als overlay op afbeelding **
*/

.datum,
.regio,
.auteur,
.dossier,
.dwc-trefwoorden,
.dwc-label,
.dwc-thema,
.dwc-category {
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
}

.dwc-datum-regio,
.dwc-datum-regio .regio a {
    font-size: .6875rem; /* 11px */
    font-weight: 400;
    color: #929292;
}
.dwc-regio-dossier,
.dwc-regio-dossier .regio a,
.dwc-regio-dossier .dossier a {
    font-size: .75rem; /* 12px */
    font-weight: 400;
    color: #929292;
}
.dwc-datum-nieuwsbrief .datum {
    font-size: .875rem; /* 14px */
    font-weight: 400;
    color: #929292;
}
.dwc-auteurs .auteur {
    font-size: .875rem; /* 14px */
    font-weight: 500;
    color: #929292;
}
/*
.dwc-trefwoorden::before {
	content: "TAGS: ";
	color: #84a786;
	position: relative;
	top: .2rem;
	padding-right: .5rem;
}
*/
.dwc-trefwoorden .tag-voorloop {
	color: #84a786;
}

.dwc-trefwoorden a {
    font-size: .8125rem; /* 13px */
    font-weight: 500;
    color: #929292;
    background-color: #eee;
    border: none;
    margin-right: 5px;
}
.dwc-label {
    font-size: .8125rem; /* 13px */
    font-weight: 400;
    color: #577a57; /* afwijkend label groen */
    margin-top: 15px;
    margin-bottom: 5px;
}
.dwc-thema {
    font-size: 1rem; /* 16px */
    font-weight: 700;
    color: #929292;
}
.dwc-social a {
    font-size: 1rem;
}

@media (min-width: 576px) {
    .dwc-datum-regio,
    .dwc-datum-regio .regio a {
        font-size: .75rem; /* 12px */
    }
    .dwc-regio-dossier,
    .dwc-regio-dossier .regio a,
    .dwc-regio-dossier .dossier a {
        font-size: .875rem; /* 14px */
    }
    .dwc-datum-nieuwsbrief .datum {
        font-size: 1rem; /* 16px */
        font-weight: 400;
    }
    .dwc-datum-nieuwsbrief .auteur {
        font-size: 1rem; /* 16px */
    }
    .dwc-trefwoorden a {
        font-size: .9375rem; /* 15px */
    }
    .dwc-label {
        font-size: .9375rem; /* 15px */
    }
    .dwc-thema {
        font-size: 1rem; /* 16px */
    }
}

.regio a, .dossier a, .dwc-trefwoorden a {
    text-decoration: none;
}
.regio a:hover, .dossier a:hover, .dwc-trefwoorden a:hover {
    color: #84a786;
    background-color: unset;
    text-decoration: none;
}
.dwc-trefwoorden a:hover {
     background-color: #eee;
    text-decoration: none;
}

.dwc-datum-regio .datum,
.dwc-datum-regio .regio {
    display: block; /* datum en regio onder elkaar */
}
.dwc-datum-regio .datum .fa-fw,
.dwc-datum-regio .regio .fa-fw {
    text-align: center;
    width: 15px; /* icooon vaste breedte */
}
.dwc-regio-dossier .regio,
.dwc-regio-dossier .dossier {
    display: block;
	text-align: right;
	margin-bottom: 1rem;
    /* transform: translate(0,-1rem); tegen introafbeelding aan, niet meer doen vanwege foto bijschrift */
}

.dwc-auteurs {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 0 10px;
    flex-wrap: wrap;
}
.dwc-auteurs.gast {
    gap: 10px;
	flex-direction: column;
    align-items: unset;
}
.dwc-auteurs.gast .auteuravatar {
  white-space: unset;
}

.dwc-auteurs .auteuravatar {
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0 5px;
}
.dwc-datum-nieuwsbrief {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 5px;
    margin-top: 5px;
}
.dwc-datum-nieuwsbrief .datum {
    white-space: nowrap;
}

.dwc-thema {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}/* als overlay op intro-afbeelding  */
.dwc-thema .tagsnolink {
    padding: 8px 15px 8px 0;
    background-color: #fff;
    color: #000;
    margin-right: 0;
    margin-left: 0;
}

.dwc-category {
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 2;
} /* icoon, als overlay op afbeeldingen in menu- en trefwoord-overzichten  */
.dwc-category > span {
    background-color: black;
    padding: 5px 10px;
    color: white;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
}


.dwc-article-footer {
    border-top: solid 1px #979797;
    padding-top: 15px;
}
ul.tags.list-inline {
    display: inline;
}
.dwc-social, .dwc-social a {
    float: right;
    color: #929292;
}
.dwc-social a:hover {
    color: #84A786;
    text-decoration: none;
}
.dwc-article-footer .dwc-social {
    transform: translate(0,-29px);
    background-color: #fff;
}
.dwc-social i {
    margin-left: 20px;
}


.dwc-regio-dossier {
    border-bottom: solid 1px #979797;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.dwc-full-image {
    position: relative;
}
.dwc-full-image figcaption {
    font-size: 0.625rem;
    color: unset;
    /* text-align: right; */
}
@media (min-width: 576px) {
    .dwc-full-image figcaption {
        font-size: 0.75em;
    }
}
figure.item-image {
    width: 100%;
}
.dwc-regio-dossier .dwc-social {
    transform: translate(0,4px);
    background-color: #fff;
}

.iframe-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
} /* GoogleMaps op Contact */
.iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
} /* GoogleMaps op Contact */



/* Raamwerk in Featured / Meest-gelezen / Dossier / Aanbevolen / Thema / TaggedItems */
/* Eerst voor alle */ /* resp 576 768 992 1200 */
.raamwerk {
    display: grid;
    gap: 34px;
    width: 100%;
}
.raamwerkkind {
    align-self: stretch;
    display: grid;
    grid-template-rows: auto 1fr;
}
.raamwerkcontent {
    display: flex;
    flex-direction: column;
    min-height: 190px; /* voor gelijke uitlijning op desktop */
}
.featured div.raamwerkintro,
.aanbevolen div.raamwerkintro,
.meestgelezen div.raamwerkintro,
.taggeditems div.raamwerkintro {
    display: none;
} /* in basis geen intro, bij enkele eerste hoofditems wel */

.featured div.raamwerkkind:first-child div.raamwerkintro,
.meestgelezen div.raamwerkkind:first-child div.raamwerkintro {
    display: unset;
}
.featured div.raamwerkkind:first-child p,
.meestgelezen div.raamwerkkind:first-child p,
.taggeditems div.raamwerkkind:nth-child(1) p,
.taggeditems div.raamwerkkind:nth-child(2) p,
.taggeditems div.raamwerkkind:nth-child(3) p {
    display: inline;
}

.dwc-datum-regio {
    margin-top: auto;
    padding-top: 15px;
}

.list-group-item-action:hover, .list-group-item-action:focus {
    background-color: unset;
}

/* Dan aparte modules */

@media (min-width: 992px) {
	.banner {
	  margin-top: -15px;
	}
}

.featured .raamwerk {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
}
.featured div.raamwerkkind:first-child {
    grid-column: 1/3;
    background-color: #D4DCD7;
}
@media (min-width: 768px) {
    .featured .raamwerk {
        grid-template-columns: 2fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        /* aspect-ratio: 1.6; */
    }
    .featured div.raamwerkkind:first-child {
        grid-row: 1/3;
        grid-column: 1/2;
    }
}
.featured .dwc-datum-regio {
    padding-bottom: 15px;
}

.meestgelezen .raamwerk {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}
.meestgelezen .raamwerkkind {
    grid-template-columns: 1fr 1fr;
}
.meestgelezen .raamwerkkind:first-child {
    grid-template-columns: 1fr;
    background-color: #D4DCD7; /* voorgesteld was #84A786, maar dan link colors enzo aanpassen */
    /* color: #fff; voorgesteld was #fff, maar dan link colors enzo aanpassen */
}
.meestgelezen .dwc-label {
    margin-top: 0;
    margin-bottom: 0;
}
.meestgelezen .raamwerkkind:first-child .dwc-label {
    margin-top: 15px;
    margin-bottom: 5px;
}
@media (min-width: 768px) {
    .meestgelezen .raamwerk {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
        /* aspect-ratio: 1.42; */
    }
    .meestgelezen .raamwerkkind {
        grid-column: 2/3;
        grid-template-columns: 1fr 1fr;
    }
    .meestgelezen .raamwerkkind:first-child {
        grid-row: 1/5;
        grid-column: 1/2;
        grid-template-columns: unset;
    }
}

.meestgelezen .raamwerkkind:first-child .dwc-datum-regio {
    /* color: #fff; voorgesteld was #fff, maar dan link colors enzo aanpassen */
}
.meestgelezen .raamwerkkind:first-child .dwc-datum-regio  a{
    /* color: #fff; voorgesteld was #fff, maar dan link colors enzo aanpassen */
}
.meestgelezen .raamwerkcontent {
    padding-left: 15px;
}

.dossiers .raamwerk,
.artikeldossiers .raamwerk,
.aanbevolen .raamwerk {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    margin-bottom: 15px;
}
@media (min-width: 768px) {
    .dossiers .raamwerk,
    .artikeldossiers .raamwerk,
    .aanbevolen .raamwerk {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
.dossiers .dwc-module-button, .artikeldossiers .dwc-module-button {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.moduletable.dossiers::before, .moduletable.artikeldossiers .dossier-container::before {
    content: "Dossier";
    text-align: center;
    display: block;
    color: #577A57;
    font-family: Oswald, sans-serif;
    font-size: 1.25rem;
    text-transform: uppercase;
    transform: translateY(30px);
}
@media(min-width: 992px) {
    .moduletable.dossiers::before, .moduletable.artikeldossiers .dossier-container::before {
        transform: translateY(60px);
    }
}
.moduletable.dossiers {
  margin-bottom: 3em;
}

.thema .raamwerk {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 30px;
}
@media (min-width: 576px) {
    .thema .raamwerk {
        grid-template-columns: 1fr 1fr;
    }
}
@media (min-width: 768px) {
    .thema .raamwerk {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
.themalijst-head {
    position: relative;
    text-align: center;
}
.themalijst-head h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-family: Oswald, sans-serif;
    font-size: 1.875rem;
    text-transform: uppercase;
}
.themalijst-head .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0.6;
    transition: .3s ease;
    background-color: #000;
}
.themalijst-head:hover .overlay {
    opacity: .5;
}
.themalijst-head:hover h3 {
    opacity: 1;
    color: #fff;
}


.thema li {
    font-family: Lufga-Medium, sans-serif;
    border-bottom: 1px solid #c8c8c8;
    padding: 15px 0;
}
@media (min-width: 992px) {
    .thema li {
        padding: 30px 0;
    }
}
@media (min-width: 576px) {
    .thema li {
        min-height: 125px;
    }
}

.thema li  a {
    color: #000;
    text-decoration: none;
}
.thema li  a:hover {
    color: #84a786;
    text-decoration: none;
}



.taggeditems .raamwerkkind.list-group-item.list-group-item-action {
    padding: 0;
    border: none;
}
.taggeditems .raamwerk {
    grid-auto-columns: 1fr;
    grid-auto-rows: minmax(250px,auto);
    grid-template-columns: repeat(12, 1fr) ;
    grid-template-rows: auto;
}
.taggeditems .raamwerkkind {
    grid-column: span 6;
    align-self: stretch;
}
.taggeditems .raamwerkkind:nth-child(1),
.taggeditems .raamwerkkind:nth-child(2) {
    background-color: #e9edeb;
    grid-column: span 12;
}
.taggeditems .raamwerkkind:nth-child(1) .raamwerkcontent,
.taggeditems .raamwerkkind:nth-child(2) .raamwerkcontent {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 5px;
}
.taggeditems .raamwerkkind:nth-child(1) h4,
.taggeditems .raamwerkkind:nth-child(2) h4 {
    font-size: 1.5rem; /* 24px */
}
.taggeditems .raamwerkkind:nth-child(1) .raamwerkintro,
.taggeditems .raamwerkkind:nth-child(2) .raamwerkintro {
    display: unset;
}
.taggeditems div.raamwerkkind:nth-child(1) .embed-responsive-5by4::before,
.taggeditems div.raamwerkkind:nth-child(2) .embed-responsive-5by4::before {
    padding-top: 66%;
}


@media (min-width: 768px) {
    .taggeditems .raamwerkkind {
        grid-column: span 4;
    }
    .taggeditems .raamwerkkind:nth-child(1),
    .taggeditems .raamwerkkind:nth-child(2) {
        grid-column: span 6;
    }
    .taggeditems .raamwerkkind:nth-child(1) h4,
    .taggeditems .raamwerkkind:nth-child(2) h4 {
        min-height: 105px;
    }
}

@media (min-width: 992px) {
    .taggeditems .raamwerkkind {
        grid-column: span 3;
    }

    .taggeditems .raamwerkkind:nth-child(1),
    .taggeditems .raamwerkkind:nth-child(2),
    .taggeditems .raamwerkkind:nth-child(3) {
        grid-column: span 4;
        background-color: #e9edeb;
    }
    .taggeditems .raamwerkkind:nth-child(3) .raamwerkcontent {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 5px;
    }
    .taggeditems .raamwerkkind:nth-child(1) h4,
    .taggeditems .raamwerkkind:nth-child(2) h4,
    .taggeditems .raamwerkkind:nth-child(3) h4 {
        font-size: 1.75rem; /* 28px */
        min-height: 105px;
    }
    .taggeditems .raamwerkkind:nth-child(3) .raamwerkintro {
        display: unset;
    }
    .taggeditems div.raamwerkkind:nth-child(3) .embed-responsive-5by4::before {
        padding-top: 66%;
    }
}




/*
.raamwerkkind {
    display: grid;
    grid-template-rows: auto 1fr;
}
.meestgelezen .raamwerkkind {
    display: grid;
    grid-template-rows: unset;
    grid-template-columns: 1fr 1fr;
}
.meestgelezen .raamwerkkind:first-child {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: unset;
}
*/

/*.featured div.raamwerkkind:first-child h4,
.meestgelezen div.raamwerkkind:first-child h4,
.featured div.raamwerkkind:first-child .dwc-label,
.meestgelezen div.raamwerkkind:first-child .dwc-label,
.featured div.raamwerkkind:first-child .raamwerkintro,
.meestgelezen div.raamwerkkind:first-child .raamwerkintro,
.featured div.raamwerkkind:first-child .raamwerkintro,
.meestgelezen div.raamwerkkind:first-child .raamwerkintro,
.featured div.raamwerkkind:first-child .dwc-datum-regio,
.meestgelezen div.raamwerkkind:first-child .dwc-datum-regio,*/
.featured div.raamwerkkind:first-child .raamwerkcontent,
.meestgelezen div.raamwerkkind:first-child .raamwerkcontent {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 5px;
}

@media (max-width:992px) {
    .featured div.raamwerkkind:first-child .raamwerkcontent,
    .meestgelezen div.raamwerkkind:first-child .raamwerkcontent {
        padding-left: 15px;
        padding-right: 15px;
    }
}

    /*.newsflash div.mod-articlesnews__item,*/
/*.newsflash div.mod-articlesnewscustom__item,*/




/* Overige modules*/
.magazine, .nieuwsbrieven, .partners, .uitinvlaanderen {
    margin: 2em 0;
    padding: 1em 0;
}
.magazine h3, .nieuwsbrieven h3 {
    margin: 15px;
}
.magazine, .nieuwsbrieven {
    background: rgba(238, 238, 238, 1);
}
@media (min-width: 992px) {
    .magazine, .nieuwsbrieven {
        background: rgb(255, 255, 255);
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 25%, rgba(238, 238, 238, 1) 25%, rgba(238, 238, 238, 1) 75%, rgba(255, 255, 255, 1) 75%);
    }
}
@media (max-width: 992px) {
    .magazine, .nieuwsbrieven {
        background: rgb(255, 255, 255);
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 30%, rgba(238, 238, 238, 1) 30%, rgba(238, 238, 238, 1) 100%, rgba(255, 255, 255, 1) 70%);
    }
}

/* Media in vaste aspect ratio */
/* Hele blok kan vervangen worden ivm nieuwe Bootstrap class 'ratio ratio-16x9' die door user.js scrip al wordt toegepast, maar in images nog niet. */
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-21by9::before {
    padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-5by4::before {
    padding-top: 80%;
}
/*
.featured div.raamwerkkind:first-child .embed-responsive-5by4::before {
    padding-top: 66%;
}
*/

.meestgelezen .embed-responsive-5by4::before {
    padding-top: 66%;
}
.meestgelezen div.raamwerkkind:first-child .embed-responsive-5by4::before {
    padding-top: 70%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}
.embed-responsive img {
    object-fit: cover;
    transition: transform .5s;
}

.embed-responsive img:hover {
    transform-origin: 50% 50%;
    transform: scale(1.05);
}

/* IMAGES
*********************************************/

.img-100 {
    max-width: 100%;
    display: block;
}
.img-66 {
    max-width: 66%;
    display: block;
}
.img-50 {
    max-width: 50%;
    display: block;
}
.img-33 {
    max-width: 33%;
    display: block;
}

.left-100 {
    max-width: 100%;
    display: block;
}
.left-66 {
    max-width: 66%;
    padding: .5% 2% 0 0;
    float:left;
}
.left-50 {
    max-width: 50%;
    padding: .5% 2% 0 0;
    float:left;
}
.left-33  {
    max-width: 33%;
    padding: .5% 2% 0 0;
    float:left;
}
.right-100 {
    max-width: 100%;
    display: block;
}
.right-66 {
    max-width: 66%;
    padding: .5% 0 0 2%;
    float:right;
}
.right-50 {
    max-width: 50%;
    padding: .5% 0 0 2%;
    float:right;
}
.right-33 {
    max-width: 33%;
    padding: .5% 0 0 2%;
    float:right;
}
@media (max-width: 480px) {
    .img-66,
    .img-50,
    .left-66,
    .left-50,
    .right-66,
    .right-50 {
        max-width: 100%;
        padding: 0;
        float: none;
    }
    .img-33 {
        max-width: 50%;
    }
    .left-33 {
        max-width: 50%;
        padding: .5% 2% 0 0;
        float: left;
    }
    .right-33 {
        max-width: 50%;
        padding: .5% 0 0 2%;
        float: right;
    }
}
.wf_caption {
    font-family: Lufga-Regular, sans-serif;
    font-size: 0.75rem;
}
@media (min-width: 576px) {
    .wf_caption {
        font-size: 0.87rem;
    }
}
.jcepopup img {
    display: inline;
    height: initial;
    width: initial;
    border: 1px solid;
    margin: 0 5px 5px 0;
} /* jce popup images niet responsive indien slideshow collectie + rand en marge  */

.jcepopup img[class*="left-"], .jcepopup img[class*="right-"]{
    border: none;
    margin:0;
} /* jce popup images wel responsive indien losse afbeeldingen met responsive class */


img.wf_file_icon, .mod-languages img {
    display:inline;
    height: initial;
    width: initial;
    max-width: unset;
} /* jce file icons en taal vlaggen niet responsive */
figure {
    display: table;
    margin: 0;
}

figcaption {
    display: block;
    caption-side: bottom;
}

/* Aanpassingen frontend editor */

.control-group:has([id="jform_alias"]) {
  display: none;
}
.btn.btn-primary[data-submit-task="article.save2copy"] {
  display: none;
}

joomla-tab[view="tabs"] > div[role="tablist"] > button:last-child {
    display: none;
} /* Tab Metadata  */
ul.wf-editor-tabs li:last-child {
    display: none; /* Tab Inhoud, subtab Voorbeeld */
}
.layout-edit #com-content-form div button.choices__button_joomla:last-child {
    display: inline;
} /* Uitzondering */

#images div.control-group:nth-of-type(5), /* Class van de afbeelding */
#images div.control-group:nth-of-type(6), /* Afbeelding volledig artikel */
#images div.control-group:nth-of-type(7), /* Beschrijving van afbeelding */
#images div.control-group:nth-of-type(8), /* Geen beschrijving */
#images div.control-group:nth-of-type(9), /* Bijschrift */
#images div.control-group:nth-of-type(10), /* Class van de afbeelding */
#images div.control-group:nth-of-type(11), /* Link A */
#images div.control-group:nth-of-type(12), /* Link A tekst */
#images div.control-group:nth-of-type(13),
#images div.control-group:nth-of-type(14), /* Link B */
#images div.control-group:nth-of-type(15), /* Link B tekst */
#images div.control-group:nth-of-type(16),
#images div.control-group:nth-of-type(17), /* Link C */
#images div.control-group:nth-of-type(18), /* Link C tekst */
#images div.control-group:nth-of-type(19) {
    display: none;
} /* Tab Afbeeldingen */

/*
#com-content-formTabs li:nth-of-type(3) {
    display: none;
}
#com-content-formTabs li:nth-of-type(4) {
    display: none;
}

#jform_catid-lbl, #jform_catid_chzn,
#jform_tags-lbl, #jform_tags_chzn,
#jform_note-lbl, #jform_note,
#jform_version_note-lbl, #jform_version_note,
#jform_created_by_alias-lbl, #jform_created_by_alias,
#jform_featured-lbl, #jform_featured_chzn,
#jform_access-lbl, #jform_access_chzn {
    display: none;
}
#jform_alias-lbl, #jform_alias {
    display: none;
}
*/

.mceSplitButtonMenu {
  max-height: unset !important;
} /* poging om template-voorbeelden in uitrol template-knop in beeld te krijgen; was 338, weet niet waarom, maar laat zich niet overschrijven */


.dwc-note {
    color: gray;
    font-style: italic;
    margin-bottom: 10px;
}

.mark, mark {
  padding: 0;
} /* Markering zoekresultaten breedtebeperking, waardoor samengestelde woorden aaneen blijven staan. */



/* Content Templates */
.contemplate-profiel {
	display: grid;
	grid-template-areas: "naam foto";
	grid-template-columns: 1fr 160px;
	grid-template-rows: 160px;
	background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 80%, rgba(132,167,134,1) 80%, rgba(132,167,134,1) 83%, rgba(255,255,255,1) 83%, rgba(255,255,255,1) 100%);
	margin-bottom: 30px;
	margin-top: 30px;
}
.contemplate-profiel .profielnaam {
	grid-area: naam;
	align-self: end;
	padding-bottom: 20px;
}
.contemplate-profiel .profielfoto {
	grid-area: foto;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
}
.contemplate-profiel h3 {
	font-size: 1.8;
	margin-bottom: 1.5rem !important;
}
.contemplate-profiel img {
	width: 160px;
	height: 160px;
	float: right;
}
@media (max-width: 576px) {
	.contemplate-profiel h3 {
		font-size: 1.9em;
		margin-bottom: 1.2rem !important;
	}
}


.contemplate-kader {
	margin-bottom: 30px;
	margin-top: 30px;
}
.contemplate-kader h3 {
	background-color: #84a786;
	color: #fff;
	margin: 0 !important;
	width: fit-content;
	padding: 5px 10px 0 10px;
}
.contemplate-kader .kadertekst {
	font-style: italic;
	border-top: solid 5px #84a786;
	border-bottom: solid 5px #84a786;
	padding: 15px 10px;
	background-color: #dfe4e0;
}

.contemplate-leesook {
	margin-bottom: 30px;
	margin-top: 30px;
}
.contemplate-leesook h3 {
	background-color: #fff;
	color: #84a786;
	margin: 5px 0 !important;
	width: fit-content;
	font-size: 3rem;
	transform: translateY(24px);
	padding-right: 10px;
}
.contemplate-leesook .leeslink {
	border-right: solid 5px #000;
	border-top: solid 5px #000;
	padding-top: 24px;
	padding-bottom: 5px;
	font-size: 1.4rem;
	font-weight: bold;
}
.contemplate-leesook .leeslink a {
	color: #000;
}
@media (max-width: 576px) {
	.contemplate-leesook h3 {
		font-size: 2.4em;
		margin: 8px 0 !important;
	}
	.contemplate-leesook .leeslink {
		font-size: 1.2rem;
	}
}


.bio-left-imgshape {
  shape-outside: circle(50% at 80px -4px);
  float: right;
  width: 160px;
  height: 160px;
}
.bio-right-imgshape {
  shape-outside: circle(50% at 80px -4px);
  float: left;
  width: 160px;
  height: 160px;
}


/* Bio1 **************************************************************************************************** */
.contemplate-bio1-left {
}
.bio1-left-naam {
  min-height: 77px;
  position: relative;
}
.contemplate-bio1-left h3 {
	border-right: solid 4px #84a786;
	margin: 0 78px 0 78px !important;
	padding: 3px 78px 5px 62px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.8rem;
	position: absolute;
	bottom: 0;
}
.contemplate-bio1-left .bio1-left-tekst {
	border-top: solid 4px #84a786;
	border-left: solid 4px #84a786;
	margin: 0 0 0 78px;
	padding: 3px 0 15px 58px;
	min-height: 167px; /* nodig om volgend blokje aan te laten sluiten, is hoogte niet verschoven afbeelding + border+padding-top*/
}
.contemplate-bio1-left img {
	width: 160px;
	height: 160px;
	float: right;
	transform: translateY(-84px);
}

.contemplate-bio1-right {
}
.bio1-right-naam {
  min-height: 77px;
  position: relative;
  display: flex;
  width: 100%;
}
.contemplate-bio1-right h3 {
	border-left: solid 4px #84a786;
	margin: 0 78px 0 78px !important;
	padding: 3px 19px 5px 78px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.8rem;
	align-self: end;
	width: 100%;
	text-align: right;
}
.contemplate-bio1-right .bio1-right-tekst {
	border-top: solid 4px #84a786;
	border-right: solid 4px #84a786;
	margin: 0 78px 0 0;
	padding: 3px 15px 15px 0;
	text-align: right;
	min-height: 167px; /* nodig om volgend blokje aan te laten sluiten, is hoogte niet verschoven afbeelding + border+padding-top*/
}
.contemplate-bio1-right img {
	width: 160px;
	height: 160px;
	float: left;
	transform: translateY(-84px);
}
@media (max-width: 576px) {
	.contemplate-bio1-left h3 {
		font-size: 1.6em;
		padding: 3px 78px 5px 15px;
	}
	.contemplate-bio1-left .bio1-left-tekst {
		padding: 3px 0 15px 11px;
	}
	.contemplate-bio1-right h3 {
		font-size: 1.6rem;
	}
}

/* Bio2 **************************************************************************************************** */

.contemplate-bio2-left {
}
.bio2-left-naam {
  min-height: 77px;
  position: relative;
  display: flex;  /*test*/
  width: 100%; /*test*/
}
.contemplate-bio2-left h3 {
	/* border-right: solid 4px #84a786; */
	margin: 0 78px 0 78px !important;
	padding: 3px 78px 5px 62px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.8rem;
	/*
	position: absolute;
	bottom: 0;
	*/
	align-self: end;  /*test*/
	width: 100%;  /*test*/
	text-align: left;  /*test*/

}
.contemplate-bio2-left .bio2-left-tekst {
	border-top: solid 4px #84a786;
	border-left: solid 4px #84a786;
	margin: 0 0 0 78px;
	padding: 3px 0 15px 58px;
	min-height: 167px; /* nodig om volgend blokje aan te laten sluiten, is hoogte niet verschoven afbeelding + border+padding-top*/
}
.bio2-left-tekst::after {
  display: block;
  clear: both;
  content: "";
}
.contemplate-bio2-left img {
	width: 160px;
	height: 160px;
	float: right;
	transform: translateY(-84px);
}

.contemplate-bio2-right {
}
.bio2-right-naam {
  min-height: 77px;
  position: relative;
  display: flex;
  width: 100%;
}
.contemplate-bio2-right h3 {
	/* border-left: solid 4px #84a786; */
	margin: 0 78px 0 78px !important;
	padding: 3px 19px 5px 78px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.8rem;
	align-self: end;
	width: 100%;
	text-align: right;
}
.contemplate-bio2-right .bio2-right-tekst {
	border-top: solid 4px #84a786;
	border-right: solid 4px #84a786;
	margin: 0 78px 0 0;
	padding: 3px 15px 15px 0;
	text-align: right;
	min-height: 167px; /* nodig om volgend blokje aan te laten sluiten, is hoogte niet verschoven afbeelding + border+padding-top*/
}
.bio2-right-tekst::after {
  display: block;
  clear: both;
  content: "";
}
.contemplate-bio2-right img {
	width: 160px;
	height: 160px;
	float: left;
	transform: translateY(-84px);
}
@media (max-width: 576px) {
	.contemplate-bio2-left h3 {
		font-size: 1.6em;
		margin: 0 0 0 0 !important;
		padding: 3px 160px 5px 15px;
	}
	.contemplate-bio2-left .bio2-left-tekst {
		margin: 0 0 0 0px;
		padding: 3px 0 15px 11px;
	}
	.contemplate-bio2-right h3 {
		font-size: 1.6rem;
	margin: 0 0 0 0 !important;
	padding: 3px 19px 5px 160px;
	}
	.contemplate-bio2-right .bio2-right-tekst {
		margin: 0 0 0 0;
		padding: 3px 15px 15px 0;
	}
}


/* Bio3 **************************************************************************************************** */
/*
.contemplate-bio3-left {
	margin-bottom: 30px;
	margin-top: 30px;
}
*/
.bio3-left-naam {
  min-height: 77px;
  position: relative;
}
.contemplate-bio3-left h3 {
	border-right: none;
	margin: 0 78px 0 78px !important;
	padding: 3px 78px 5px 62px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.8rem;
	position: absolute;
	bottom: 0;
}
.contemplate-bio3-left .bio3-left-tekst {
	border-top: solid 4px #84a786;
	border-left: solid 4px #84a786;
	margin: 0 0 0 78px;
	padding: 3px 0 15px 58px;
	min-height: 167px; /* nodig om volgend blokje aan te laten sluiten, is hoogte niet verschoven afbeelding + border+padding-top*/
}
.contemplate-bio3-left img {
	width: 160px;
	height: 160px;
	float: right;
	transform: translateY(-84px);
}
/*
.contemplate-bio3-right {
	margin-bottom: 30px;
	margin-top: 30px;
}
*/

.bio3-right-naam {
  min-height: 77px;
  position: relative;
  display: flex;
  width: 100%;
}
.contemplate-bio3-right h3 {
	border-left: none;
	margin: 0 78px 0 78px !important;
	padding: 3px 19px 5px 78px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.8rem;
	align-self: end;
	width: 100%;
	text-align: right;
}
.contemplate-bio3-right .bio3-right-tekst {
	border-top: solid 4px #84a786;
	border-right: solid 4px #84a786;
	margin: 0 78px 0 0;
	padding: 3px 15px 15px 0;
	text-align: right;
	min-height: 167px; /* nodig om volgend blokje aan te laten sluiten, is hoogte niet verschoven afbeelding + border+padding-top*/
}
.contemplate-bio3-right img {
	width: 160px;
	height: 160px;
	float: left;
	transform: translateY(-84px);
}
@media (max-width: 576px) {
	.contemplate-bio3-left h3 {
		margin: 0 0 0 0 !important;
		padding: 3px 160px 5px 15px;
	}
	.contemplate-bio3-left .bio3-left-tekst {
		margin: 0 0 0 0px;
		padding: 3px 0 15px 11px;
	}
	.contemplate-bio3-right h3 {
		font-size: 1.6rem;
	margin: 0 0 0 0 !important;
	padding: 3px 19px 5px 160px;
	}
	.contemplate-bio3-right .bio3-right-tekst {
		margin: 0 0 0 0;
		padding: 3px 15px 15px 0;
	}

}

/* IVM De Gids */

.columnisten-raamwerk {
	display: grid;
	width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	padding: 2rem 0;
	margin: 2rem 0;
	gap: 6px 24px;
}
@media (min-width: 768px) {
	.columnisten-raamwerk {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (min-width: 992px) {
	.columnisten-raamwerk {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.columnisten-raamwerk .raamwerkcontent {
	min-height: unset;
}
.columnisten-raamwerk .dwc-columnist {
	display: grid;
	grid-template-columns: 60px auto;
	column-gap: 5px;
}
.dwc-columnist-avatar, .dwc-columnist-name {
	align-self: center;
}

.columnist-raamwerk {
/*	border-top: 1px solid #c8c8c8; */
	border-bottom: 1px solid #c8c8c8;
	padding: 2rem 0;
	margin: 2rem 0;
}
.columnist-raamwerk .raamwerkcontent {
	min-height: unset;
}
.columnist-raamwerk .dwc-columnist {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
}
.columnist-raamwerk .dwc-columnist-foto {
	max-width: 600px;
}
@media(min-width: 576px) {
	.columnist-raamwerk .dwc-columnist {
		grid-template-columns: 1fr 2fr;
	}
	.columnist-raamwerk .dwc-columnist-foto {
	max-width: 400px;
	}
}
@media(min-width: 768px) {
	.columnist-raamwerk .dwc-columnist {
		grid-template-columns: 1fr 3fr;
	}
}

.columnist-raamwerk .dwc-social.social1 {
	transform: translate(0,20px);
	background-color: #fff;
}
.columnist-info {
	display: grid;
	grid-template-columns: 1fr;
	gap: 15px;
	align-items: center
}
@media(min-width: 576px) {
	.columnist-info{
		grid-template-columns: 1fr auto;
	}
}
.columnist-info .notitie {
	  font-family: Oswald,sans-serif;
	  text-transform: uppercase;
	  font-size: 1.2rem;
	  font-weight: 400;
	  color: #929292;
}
.columnist-info .nieuwsbrief {
	justify-self: end;
}

.vg-switch {
}
.row-topbar .metismenu.mod-menu .metismenu-item {
	padding: 0.2em 1em;
}
@media(min-width: 992px) {
	.metismenu-item.item-426, .metismenu-item.item-429 {
		border-left: solid 1px black;
/*
	  background-color: #eee;
*/
	}
}

.vg-switch:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f08e"; /* https://fontawesome.com/v5/search?q=forward&o=r&m=free f14d f35d*/
	padding-right: 10px;
    pointer-events: none;
}
.topmenu-footer .metismenu-item.item-426.level-1, .topmenu-footer .metismenu-item.item-434.level-1 {
  display: none !important;
}
@media(min-width: 1080px) {
	.topmenu-footer .metismenu-item.item-141.level-1 {
	  padding-right: 0 !important;
	}
}

@media (min-width: 992px) {
	.metismenu-item.item-433 {
	  display: none !important;
	}
	.metismenu-item.item-434 {
	  display: none !important;
	}
}
@media (max-width: 991px) {
	.metismenu-item.item-426 {
	  display: none !important;
	}
	.metismenu-item.item-429 {
	  display: none !important;
	}
}
.zoeken .custom {
  padding: 4px 17.6px 3px 15px;
} /* ivm uitlijning rechts op logo recht in topmenu*/

.fas.fa-book-open {
	color: #86bc25;
}

.dwc-alle-columns-van {
	  font-family: Oswald,sans-serif;
	  text-transform: uppercase;
	  font-size: .8rem;
	  font-weight: 400;
	  color: #84a786;
	  margin-top: 2rem;
		
}
.dwc-alle-columns-van .far{
	font-weight: 500;
	
}

.de-gids h1 a:hover, .de-gids h2 a:hover, .de-gids h3 a:hover, .de-gids h4 a:hover, .de-gids h5 a:hover, .de-gids h6 a:hover {
	color: #86bc25;
}
.de-gids .dwc-label a, .dwc-columnist a {
  color: #86bc25;
}
.de-gids .btn.btn-success, .de-gids .btn.btn-nieuwsbrief {
	background-color: #86bc25;
	color: white;
}
.de-gids .btn.btn-success:hover, .de-gids .btn.btn-nieuwsbrief:hover {
	background-color: #97d129;
	text-decoration: none;
	color: #929292;
}
/*
.de-gids .btn.btn-nieuwsbrief {
	color: #86bc25 !important;
	border: solid 1px #86bc25 !important;
}
.de-gids .btn.btn-nieuwsbrief:hover {
	color: #fff !important;
	border: solid 1px #86bc25 !important;
	background-color: #86bc25;
}
*/
.de-gids .moduletable.dossiers::before {
  color: #86bc25;
}

.de-gids .regio a:hover, .de-gids .dossier a:hover, .de-gids .dwc-trefwoorden a:hover {
  color: #86bc25;
  text-decoration: none;
}

.de-gids .header1 a:hover {
  color: #86bc25 !important;
}
.de-gids #nav .metismenu .level-1 a:hover, .de-gids #nav .metismenu .level-2 a:hover {
  color: #86bc25;
}

.de-gids .featured div.raamwerkkind:first-child,
.de-gids .meestgelezen .raamwerkkind:first-child,
.de-gids .taggeditems .raamwerkkind:nth-child(1),
.de-gids .taggeditems .raamwerkkind:nth-child(2) {
  background-color: #D8E4C2;
}
@media (min-width: 992px) {
    .de-gids .taggeditems .raamwerkkind:nth-child(3) {
		background-color: #D8E4C2;
    }
}

@media (min-width: 992px) {
	#nav.navbar .zoeken a:hover {
	  color: #84A786
	} /* deze ontbrak nog in oorspronkelijke stylesheet */
	.de-gids #nav.navbar .zoeken a:hover {
	  color: #86bc25;
	}
}

.de-gids .page-item.active .page-link {
  background-color: #86bc25;
}
.de-gids .page-link:hover {
  color: #86bc25;
  text-decoration: none;
}

.de-gids blockquote {
  color: #86bc25;
  border-left: solid 11px #def0bc;
}

.de-gids .footer {
  background-color: #000;
  color: #fff;
}

.dwc-category.ico-afb {
	top: 0;
}
.dwc-category {
	top: 5px;
}
.dwc-category.ico-afb > span {
	display: block;
	padding: 0px 1px;
}
.dwc-category > span {
	display: unset;
	padding: 6px 10px;
}
.embed-responsive .ico-afb img:hover {
  transform: none;
}

button[aria-controls="attrib-fields-1"] {
  color: red;
  order: 1;
} /* Om nieuwe gast-auteurs tab naar achter te plaatsen in front-end editing form */
#jform_com_fields__auteur1__alt_text-lbl::after, #jform_com_fields__auteur2__alt_text-lbl::after, #jform_com_fields__auteur3__alt_text-lbl::after {
  content: ": Auteur Naam";
}
#jform_com_fields_auteur1-lbl, #jform_com_fields_auteur2-lbl, #jform_com_fields_auteur3-lbl, #jform_com_fields_auteur4-lbl {
  font-weight: bold;
  font-size: 1.5rem;
  margin-top: 1.5rem;
}


.btn.btn-danger {
	font-family: Oswald, sans-serif;
	text-transform: uppercase;
} /* Aanvulling voor knoppen onder frontend editing form */

.dossiers .dwc-module-button, .artikeldossiers .dwc-module-button, .columns .dwc-module-button {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
} /* Aanvulling op r1285 */
.columns .raamwerk {
  margin-bottom: 15px;
}

@media (min-width: 992px) {
	.com-tags-tag__description {
		width: 66%;
	}
}