/* Toegevoegd door Folmer van Congressus op 08-03-2024 */

footer{
    background-color: #274c85;
    color: #fff;
}
footer .headline {
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.social-icons li a {
	background-color: rgba(255,255,255,.2);
}
dl.headlines.headlines-footer dd .text-muted {
	color: rgba(255,255,255,.5);
}
footer a,
dl.headlines.headlines-footer dd a {
	color: #fff;

}
footer a:focus,
footer a:hover,
dl.headlines.headlines-footer dd a:focus,
dl.headlines.headlines-footer dd a:hover {
	color: #fff;
}
.module-events .paragraphs .img-responsive { 
object-fit: contain !important; object-position: center; 
} 
.heading-image { 
  height:600px;
padding-bottom: 25%; 
}

:root {
    --primary-color-orange: #faede7;
    --primary-color-lightblue: #e6f1fb;
    --primary-color-purple:#eeedfe;
    --primary-color-darkblue:#032c53;
    --primary-color-greyblue:#6a8097;
}

.webpage-83832 {


.sf-menu>li:last-child a {
    background-color:var(--primary-color-darkblue);
    color:white;
    border-radius:15px;
}

section#content .content-header {
    background-color: var(--primary-color-greyblue);
}
section#content .content-header a, section#content .content-header h2, section#content .content-header .breadcrumb>.active{ 
    color:white !important;
    }

footer{
    background-color: var(--primary-color-darkblue);
    color: #fff;
}
footer .headline {
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.social-icons li a {
	background-color: rgba(255,255,255,.2);
}
dl.headlines.headlines-footer dd .text-muted {
	color: rgba(255,255,255,.5);
}
footer a,
dl.headlines.headlines-footer dd a {
	color: #ddd;
    color: rgba(255,255,255,.7);
}
footer a:focus,
footer a:hover,
dl.headlines.headlines-footer dd a:focus,
dl.headlines.headlines-footer dd a:hover {
	color: #fff;
}
footer .headline h3 {
    border-bottom: 2px solid var(--primary-color-greyblue) !important;
}
section#copyright a {
    color: var(--primary-color-darkblue);
}
section#copyright {
    background: var(--primary-color-purple);
}


.btn-group-full {
    display: flex;
    width: 100%;
    gap: 0;
    display: block;
    width: 100%;
    display: block !important;
    width: auto !important;
    max-width: 320px;
    margin-left: auto !important;
    margin-right: auto !important;

}

.btn-group-full .btn {
    flex: 1;
    text-align: center;
    margin-right: min(5vw,60px);
}
.btn-group-full a:nth-child(1) {
    background-color:var(--primary-color-greyblue);
}
.btn-group-full a:nth-child(2) {
    background-color:var(--primary-color-purple);
    color:var(--primary-color-darkblue);
}
.btn-group-full a:nth-child(3) {
    background-color:var(--primary-color-orange);
    color:var(--primary-color-darkblue);
}
.btn-primary {
    border-color: var(--primary-color-darkblue);
    width:fit-content !important;
    border-radius:24px;
}

/* banners op pagina's */
.banner-oranje {
    padding: 24px;
    margin: 32px 0;
    border-left: 6px solid rgba(0, 0, 0, 0.15);
    background-color: var(--primary-color-orange);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    position: relative;
}
.banner-lichtblauw {
    padding: 24px;
    margin: 32px 0;
    border-left: 6px solid rgba(0, 0, 0, 0.15);
    background-color: var(--primary-color-lightblue);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    position: relative;
}
.banner-paars {
    padding: 24px;
    margin: 32px 0;
    border-left: 6px solid rgba(0, 0, 0, 0.15);
    background-color: var(--primary-color-purple);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    position: relative;
}
.banner-donkerblauw {
    padding: 24px;
    margin: 32px 0;
    border-left: 6px solid rgb(255 255 255 / 44%);
    background-color: var(--primary-color-darkblue);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    position: relative;
	color:white;
}
	
.col-md-12.paragraph-events.paragraph-events-view {
    padding: 24px;
    margin: 32px 0;
    border-left: 6px solid rgba(0, 0, 0, 0.15);
    background-color: var(--primary-color-orange);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    position: relative;
}
.col-md-12.paragraph-events.paragraph-events-view .row .col-md-4 .dl-horizontal.headlines.mb-20 {
 background-color:white; 
    border-radius:10px;
    padding-top:10px;
    padding-bottom:10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.bubble-intro {
    /* max-width: 900px; */
    text-align: center;
}

.bubble-label {
    font-size: 14px;
    color: #6B7280;
    margin-bottom: 16px;
}

.bubble-grid {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 24px;
    text-align: center;
}


.bubble {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 24px;
    padding: 20px 24px;
    font-size: 16px;
    line-height: 1.5;
    color: #1F2937;
    position: relative;
    z-index: 1;
}

.bubble-outro {
    margin-top: 20px;
    font-size: 14px;
    color: #6B7280;
}

@media (max-width: 640px) {
    .bubble-grid {
        grid-template-columns: 1fr;
    }
    .bubble-grid::before,
    .bubble-grid::after {
        display: none;
    }
}
.paragraph-events .col-md-4 {
	width:100%
}

  
}