/*! 
* DigiCMS Bootstrap addon
* Copyright 2007-2024 rvweert.nl
* Licensed under MIT
* Let op! wij geven boven elke regel aan of je het wel of niet mag aanpassen 
* voeg GEEN Body of HTML tags toe!!!
*/
 
/* IMPORT ALTIJD LATEN STAAN */
@import url('basis.css');

:root {
    --theme-primary-color: #28a745; /* Default yellow */
}

/* ONDER STAANDE KLEUR WAARDEN KUNNEN AANGEPAST WORDEN */

/* veranderd de tekst, kleur en achtergrond van de titels in de widgets */
/* DEZE ALGEMENE CARD-HEADER STIJL IS VERWIJDERD OM CONFLICTEN MET ADMIN.CSS TE VOORKOMEN */
/* .card-header {
background: var(--theme-primary-color);
background: linear-gradient(90deg, var(--theme-primary-color) 0%, var(--theme-primary-color) 35%, var(--theme-primary-color) 100%);
color:#ffffff; font-weight: bold; } */

/* veranderd de achtergrond kleur van je top menu */
.navbar-custom {
background: var(--theme-primary-color);
background: linear-gradient(90deg, var(--theme-primary-color) 0%, var(--theme-primary-color) 35%, var(--theme-primary-color) 100%);
}

/* veranderd de  kleur van je poll */
.pollachtergrond {
background-color: #ffffff !important;
}
.pollvoorgrond {
background-color: #6c757d !important;
}

/* veranderd de tekst kleur van je top menu */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text { color: rgba(255,255,255,.8); }

/* veranderd de link kleur van je top menu*/
.navbar-custom .navbar-nav .nav-link { color: rgba(255,255,255,.5); text-transform: uppercase; }

/* veranderd de kleur van active of hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link { color: #ffffff;}
.navbar-custom .navbar-toggler { border-color: rgb(255,255,255); }

/* veranderd de kleur van de footer achtergrond */
#footer-bg {
background: var(--theme-primary-color);
background: linear-gradient(90deg, var(--theme-primary-color) 0%, var(--theme-primary-color) 35%, var(--theme-primary-color) 100%);
color:#ffffff; font-weight: bold; }

/* veranderd de kleur van de popup player achtergrond */
.secureplayer {
background: var(--theme-primary-color);
background: linear-gradient(90deg, var(--theme-primary-color) 0%, var(--theme-primary-color) 35%, var(--theme-primary-color) 100%);
color:#ffffff; font-weight: bold; }

/* AANGEPASTE CAROUSEL CONTROLS */
.carousel-control-prev,
.carousel-control-next {
    background: transparent !important;
    border: none !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(1) grayscale(100) brightness(0.5);
    -webkit-filter: invert(1) grayscale(100) brightness(0.5);
}

.main-news-img {
    float: left;
    max-width: 150px;
    height: auto;
    margin-right: 15px;
    margin-bottom: 10px;
}

.specific-news-img {
    float: left;
    max-width: 250px; /* A bit larger for the specific news page */
    height: auto;
    margin-right: 20px;
    margin-bottom: 15px;
}

/* LET OP! EIGEN TOEGEVOEGDE CSS WAARDEN DIE DE WEBSITE BEINVLOEDEN OP EEN NEGATIEVE MANIER WORDEN TIJDENS PERIODIEKE CONTROLES EN ONDERHOUD VERWIJDERD!!!*/

.list-group-item h5 {
    font-size: 12px;
}

/* Toegevoegde CSS voor Algemene Styling en Uitlijning */
.dj-card-header { 
    background-color: var(--theme-primary-color); /* Gebruik themavariabele */
    color: white;
    font-weight: bold;
    font-size: 1.2rem;
}
.card-header-small-title {
    font-size: 1rem; /* Smaller font size */
    font-weight: bold; /* Keep it bold like a title */
}
/* Team Pagina Specifieke Styles (ook algemeen toepasbaar voor consistentie) */
.team-member-item { 
    display: flex; 
    align-items: flex-start; /* Zorgt dat de tekst naast de bovenkant van de foto start */
    flex-wrap: wrap; 
}
.team-member-img { 
    width: 150px; 
    height: 150px; 
    object-fit: cover; 
    margin-right: 1.5rem; 
    border-radius: 50%; 
    flex-shrink: 0; /* Voorkomt dat de afbeelding krimpt */
}
.team-member-info { 
    flex: 1; 
    min-width: 200px; 
}
/* Nieuws Pagina Specifieke Styles (ook algemeen toepasbaar voor consistentie) */
.news-item-content {
    display: flex;
    align-items: flex-start; /* Afbeelding links bovenin */
    flex-wrap: wrap; /* Zorgt voor omslag op kleinere schermen */
}
.news-item-image {
    width: 150px; /* Vaste breedte voor de afbeelding */
    height: 150px; /* Vaste hoogte */
    object-fit: cover; /* Zorgt dat de afbeelding het vlak vult zonder te vervormen */
    margin-right: 1.5rem; /* Ruimte rechts van de afbeelding */
    flex-shrink: 0; /* Voorkomt dat de afbeelding krimpt */
}
.news-item-text {
    flex: 1; /* Neemt de resterende ruimte in beslag */
    min-width: 200px; /* Minimale breedte voor de tekst */
}

/* Custom styling for footer disclaimer text */
.footer-disclaimer {
    font-size: 0.8em; /* Smaller text size */
    font-weight: normal; /* Not bold */
}