/**
 * @file
 * Subtheme specific CSS.
 */


 
body {
	background: white;
}
#main {
	margin-top: 0px;
}
#main-wrapper { 
	padding-top: 0px; 
}

/* fix header */
.navbar {
	padding-top: 0rem;
	padding-bottom: 0rem;
	padding-left: 1rem;
	padding-right: 1rem;
}
.header .nav-link {
	color: rgba(255,255,255,.8);
	font-size: 1.2rem;
}
.navbar-brand {
	font-size: 2rem;
	padding-bottom: 0rem;
	padding-top: 0rem;
	color: #fffeff;
}
.logo {
	margin-left: -0.1rem;
}

/* stick footer to the bottom (only in non IE browsers) */
@supports (top:0){
	html, body, .dialog-off-canvas-main-canvas, #page-wrapper, #page {
		height: 100%;
	}
	.site-footer {
		margin-top: auto;
	}
	#page {
		display: flex;
		flex-direction: column;
	}
}

/* fine-tuning footer */
.site-footer {
	padding: 0rem;
}
.site-footer .block {
	margin: 0rem;
	border: none;
}
.site-footer__top .region-footer-first {
	width: 100%;
	min-width: 100%;
}

/* required symbol in webforms */
.form-required::after {
	content: '';
	vertical-align: super;
	display: inline-block;
	background-image: url(/core/misc/icons/ee0000/required.svg);
	background-repeat: no-repeat;
	background-size: 6px 6px;
	width: 6px;
	height: 6px;
	margin: 0 0.3em;
}

/* img-fluid style */
.spanimgfluid img {
	max-width: 100%; 
	height: auto;
}

/* vraag/antwoord */
.node--type-vraag-antwoord .field--name-body .field__label, 
.node--type-vraag-antwoord .field--name-field-vraag .field__label {
	color: #6F8B00;
	font-size: 1.5rem;
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
}
.node--type-vraag-antwoord .field--name-field-versie .field__label, 
.node--type-vraag-antwoord .field--name-field-onderwerp .field__label,
.node--type-vraag-antwoord .field--name-field-datum- .field__label {
	font-weight: 700;
}

/* fix color issues */
.dropdown-item.active { background-color: #A3CC00; }
.btn-outline-primary {  color: #6F8B00; border-color: #6F8B00; }
.btn:hover { border-color: #8BAE00; }
.btn:focus, .btn.focus {  outline: 0;  box-shadow: 0 0 0 0.2rem rgba(111, 139, 0, 0.25);}
.form-control:focus { color: #495057;  border-color: #A3CC00;  box-shadow: 0 0 0 0.2rem rgba(111, 139, 0, 0.25); }

/* color styling classes */
.text-donkergroen { color: #6F8B00; }
.text-middengroen { color: #8BAE00; }
.text-lichtgroen { color: #A3CC00; }
.text-donkerblauw { color: #15465B; }
.text-middenblauw { color: #2A8AB3; }
.text-lichtblauw { color: #32B2E9; }
.border-donkergroen { border-color: #6F8B00!important; }
.border-middengroen { border-color: #8BAE00!important; }
.border-lichtgroen { border-color: #A3CC00!important; }
.border-donkerblauw { border-color: #15465B!important; }
.border-middenblauw { border-color: #2A8AB3!important; }
.border-lichtblauw { border-color: #32B2E9!important; }


/* top navbar */
.navbar > .row > * {
 	flex-shrink: 1;
	padding-left: 0;
	padding-right: 0;
}

.navbar > .row {
	margin-left: -15px;
	margin-right: -15px;
	flex-wrap: nowrap;
}

/* card collumns */

.card-columns {
  column-count: 3;
  column-gap: 1.25rem;
}

.card-columns .card {
  display: inline-block;
  width: 100%;
  margin-bottom: 1.25rem;
  break-inside: avoid;
}

@media (max-width: 991px) {
  .card-columns {
    column-count: 2;
  }
}

@media (max-width: 575px) {
  .card-columns {
    column-count: 1;
  }
}

/* no underline for a tags */
a{
	text-decoration: none;
}


.breadcrumb {
  --bs-breadcrumb-bg: #e9ecef;
  --bs-breadcrumb-padding-y:0.75rem;
  --bs-breadcrumb-padding-x: 1rem;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-border-radius: 0.25rem
}

.btn-block {
  display: block;
  width: 100%;
}