/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/* kleur codes OVLNL
   OV donker-blauw #1a5773
   L midden-blauw  #0275b4
   NL licht-blauw  #5AC5EF
*/
/* achtergrond kleur menulink active effect */
#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container {
  color: #000000;
  background-color: #5AC5EF;
}
/* link kleur igov bruin */
.rss-igov a:link {
  color: #974D0E;
}
.rss-igov-link a:hover {
  text-decoration: underline;
}
/* header-2 OVLNL midden-blauw */
.h2ovlnl h2 {
  color: #0275b4;
}
/* header-2 IGOV groen */
.h2igov h2 {
  color: #79884D;
}
/* header-2 IP blauw */
.h2ip h2 {
  color: #0275b4;
}
/* header-2 Communicatie oranje */
.h2co h2 {
  color: #B94D1E;
}
/* header-2 Licht en omgeving groen - was oranje #CE3201 */
.h2li h2 {
  color: #488E3D;
}
/* header-2 Lichtontwerp Atelier - paars */
.h2loa h2 {
  color: #671E59;
}
/* header-2 Evenementen goudbruin */
.h2ev h2 {
  color: #BD5021;
}
/* header-2 Evenementen goudbruin */
.h2evGB h2 {
  color: #BD5021;
}
/* header-2 maatschappij blauw */
.h2ma h2 {
  color: #17297F;
}
/* header-2 Kennis rood */
.h2ke h2 {
  color: #C00518;
}
/* header-2 Kennis Academy blauw */
.h2ac h2 {
  color: #0721A6;
}
/* header-2 bibliotheek roodbruin */
.h2bi h2 {
  color: #B32A00;
}
/* header-2 smart lighting oranje*/
.h2sm h2 {
  color: #F25600;
}
/* header-2 young watt*/
.h2yw h2 {
  color: #0275b4;
}
#rt-main .boxip li {
  line-height: 135%;
}
#rt-main .boxip {
  background: #f9f9f9;
  border: 1px solid #dddddd;
  margin: 15px 5px 15px 15px;
}
/* PK: 09-01-2024 Begin standaard link instellingen */
.archief-link a:link {
  color: blue;
  text-decoration: underline;
}
.archief-visited a:visited {
  color: purple;
  text-decoration: underline;
}
.archief-hover a:hover {
  color: red;
  text-decoration: underline;
}
.archief-active a:active {
  color: darkred;
  text-decoration: underline;
}
/* PK: 09-01-2024 End standaard link instellingen */
/* PK: 28-08-2025 zoom factor homepage blauwe vignetten */
.fp-feature-vignet-block img:hover {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}
/* PK: 28-08-2025 End zoom factor homepage blauwe vignetten */
/* PK: 29-08-2025 Verbeter contrast van toegankelijkheid-menu */
._access-menu ul li {
  background: white !important;
  color: black !important;
}
/* PK: 29-08-2025 END Verbeter contrast van toegankelijkheid-menu */
/* PK: 29-08-2025 WCAG conform Hoofd- en subtitel styling op homepage */
/* Styling voor de hoofdtitel (h1) */
.main-heading {
  font-size: xx-large;
  color: #272361;
  /* Voldoet aan contrast-eisen */
  text-align: center;
  font-weight: 700;
  /* Zorgt voor een krachtige, leesbare titel */
}
/* Styling voor de ondertitel (h2) */
.sub-heading {
  font-size: medium;
  color: #272361;
  text-align: center;
  font-style: italic;
  font-weight: 400;
  /* Dunne letters voor contrast met de h1 */
}
/* PK: 29-08-2025 END WCAG conform Hoofd- en subtitel styling op homepage */
/* PK:30-03-2026 BEGIN Behoud contrast in WAVE test */
/* de accessibiltiy tool A+ plugin opent met een effect dat 10ms een laag contrast geeft,
WAVE neemt daarvan een snapshot waardoor de test niet goed verloopt.
Dat is wat hiermee verholpen wordt */
._access-menu ul.before-collapse li {
  visibility: hidden;
}
/* PK:30-03-2026 END Behoud contrast in WAVE test */
/* PK: 07-04-2026 BEGIN contrast time element */
.article-info dd.modified time, .article-info dd.published time, .article-info dd.create time, .article-info time {
  color: #222 !important;
  opacity: 0.85 !important;
  /* PK: 07-04-2026 END contrast time element */
}
/* PK:29-04-2026 BEGIN verbetering tabel raad van toezicht css WCAG conform */
.team-gallery {
  width: 100%;
}
.team-gallery__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1.5rem;
  align-items: start;
}
.team-card {
  margin: 0;
  text-align: center;
}
.team-card img {
  display: block;
  width: 100%;
  max-width: 200px;
  height: auto;
  margin: 0 auto;
  border-radius: 8px;
}
.team-card figcaption {
  margin-top: 0.5rem;
  font-weight: 700;
  color: #000;
}
/* END */
.zoom-btn {
  transition: transform 0.2s;
}
.zoom-btn:hover {
  transform: scale(1.05);
}
/* PK: 09-06-2026 Begin module achtergrond afbeelding */
.g-content-array .g-grid {
  margin-bottom: 0px !important;
}
/* Aangepaste border class voor Vermilion template in Joomla 6 */
.gradient-border {
  /* De blauw-naar-wit gradient als rand */
  border: 22px solid transparent;
  /* Zorgt dat de rand de juiste dikte heeft */
  border-image: linear-gradient(to bottom, #c1cede99, #ffffff);
  border-image-slice: 1;
  /* Optionele styling voor mooie afronding en schaduw */
  background-clip: padding-box;
  /* Voorkomt dat de gradient door de achtergrond schijnt */
  border-radius: 5px;
  /* Maakt de hoeken zacht afgerond */
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
  /* Voegt een lichte schaduw toe */
  padding: 10px 0px 0px 0px;
  /* boven: 27px, rechts: 20px, onder: 20px, links: 20px */
}
/*# sourceMappingURL=custom_37.css.map */