/**
 * Minimalistische, lokale vervanger van de oude Bootstrap 4 CDN-afhankelijkheid.
 * Bevat alleen de grid- en hulpklassen die dit thema daadwerkelijk gebruikt
 * (.container, .row, .col-*, .no-gutters, .img-fluid) - geen externe CDN nodig.
 */

.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

@media (min-width: 576px) {
	.container { max-width: 540px; }
}
@media (min-width: 768px) {
	.container { max-width: 720px; }
}
@media (min-width: 992px) {
	.container { max-width: 960px; }
}
@media (min-width: 1200px) {
	.container { max-width: 1140px; }
}
@media (min-width: 1400px) {
	.container { max-width: 1320px; }
}



.row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -0.9375rem;
	margin-right: -0.9375rem;
}

.row > [class*="col"] {
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 100%;
}

.row.no-gutters {
	margin-left: 0;
	margin-right: 0;
}

.row.no-gutters > [class*="col"] {
	padding-left: 0;
	padding-right: 0;
}

.col {
	flex: 1 0 0%;
}

.col-3  { flex: 0 0 25%;  max-width: 25%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }

@media (min-width: 768px) {
	.col-md-5 { flex: 0 0 41.6666%; max-width: 41.6666%; }
	.col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
}

@media (min-width: 992px) {
	.col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
	.col-lg-6 { flex: 0 0 50%;      max-width: 50%; }
	.col-lg-8 { flex: 0 0 66.6666%; max-width: 66.6666%; }
}

.img-fluid {
	max-width: 100%;
	height: auto;
}

/* Voorkom dat afbeeldingen in widgets (bv. sponsorlogo's) buiten hun kolom
   uitsteken - dit ontbrak in de originele stylesheet voor de footer. */
#footer .widget img,
#sidebar .widget img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

.screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	overflow: hidden;
}