/* TOOLBAR */

nav.accessibility-tools {
	position: fixed;
	right: 0;
	bottom: 50px;
	z-index: 999;
}
nav.accessibility-tools .accessibility-trigger {
	width: 50px;
	height: 50px;
	background: #fff;
	cursor: pointer;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	position: relative;
/*	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);*/
}
nav.accessibility-tools .accessibility-trigger img {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
nav.accessibility-tools nav.accessibility {
	position: absolute; 
	right: 0px; 
	bottom: 50px; 
	background: #fff; 
	z-index: 3; 
	font-size: 11px;
	padding: 15px;
	user-select: none;
	transition: transform 300ms;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border: 1px solid transparent;
	border-top: 0;
	border-right: 0;
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	visibility: hidden;
	white-space: nowrap;
	pointer-events: none;
}
nav.accessibility-tools.active nav.accessibility {
	visibility: visible;
	pointer-events: all;
}
nav.accessibility .tool {
	cursor: pointer;
	display: flex;
	align-items: center;
	column-gap: 10px;
	box-sizing: border-box;
}
nav.accessibility .tool.active span.off  {
	display: none;
}
nav.accessibility .tool span.on  {
	display: none;
}
nav.accessibility .tool.active span.on  {
	display: block;
}
nav.accessibility .tool img {
	width: 20px;
	height: 20px;
}

@media screen and (max-width: 1200px) {

	nav.accessibility-tools .accessibility-trigger {
		width: 30px;
		height: 30px;
	}
	nav.accessibility-tools .accessibility-trigger img {
		width: 16px;
		height: 16px;
	}

}

/* TEXT SIZE */
body.textsize {
	font-size: 1.5em;
}
body.textsize ul#menu {
	column-gap: 15px;
}



/* HIGH CONTRAST MODE */
body.highcontrast {
    --background: #fff;
    --accents: #fff; 
    --accents2: #fff; 
    --main: #000;
    --primarycta: #7ac142; /* high contrast version of #7ac142;  */
    --secondarycta: #7ac142; /* high contrast version of #7ac142;  */
    --error: #f00; 
    --footer: #000;
    --supportcolor1: #666;
    --supportcolor2: #666;
    --supportcolor3: #666;
    --supportcolor4: #666;
    --supportcolor5: #666;
    --supportcolor6: #666;
    --supportcolor7: #666;
    --supportcolor8: #666;
    --supportcolor9: #666;
}
body.highcontrast nav.accessibility {
/*	border-color: var(--main);*/
}
body.highcontrast .btn.btn-light {
	color: var(--main);
}
body.highcontrast main section a,
body.highcontrast .row .content .page_content .breadcrumbs a,
body.highcontrast #footer #footer-container .column a,
body.highcontrast #credits #credits-container ul li a {
	text-decoration: underline;
}
body.idbAgenda.highcontrast main section a {
	text-decoration: none;
}
body.highcontrast nav#header {
	border-bottom: 1px solid var(--supportcolor1);
	box-shadow: none;
}
body.highcontrast nav#header #logo img.shield {
	filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(0%) hue-rotate(89deg) brightness(96%) contrast(103%);
}
body.highcontrast article.lvc-block-item .article-image .source,
body.highcontrast.__homepage .row.home-search {
	background: var(--main)!important;
	color: var(--background);
}
body.highcontrast.__homepage .row.home-search .content .page_content h1 i {
	color: var(--primarycta);
}
body.highcontrast img {
	filter: grayscale(100%) contrast(120%) brightness(70%);
}
body.highcontrast #logo img {
	filter: grayscale(100%) contrast(100%) brightness(100%);
}
body.highcontrast #banners {
	background: var(--background);
}
body.highcontrast nav.monthnav {
	background: var(--background);
	background: rgb(255, 255, 255, 0.8);
}
body.highcontrast #mailstage form input[type=submit] {
	background: var(--supportcolor1);
}
body.highcontrast .event-listing .day .date-holder .date-holder-panel {
	background: var(--main);
	color: var(--background);
}
body.highcontrast .event-listing .day .date-holder:after,
body.highcontrast.__zoeker .row .content .page_content input {
	border-color: var(--main);
}
body.highcontrast div.lvc-block-grid article.lvc-block-item,
body.highcontrast .content .page_content section,
body.highcontrast .content .form form,
body.highcontrast .event-listing article.event,
body.highcontrast #idb-calendar .clndr,
body.highcontrast .content aside.sidebar,
body.highcontrast .meedoen,
body.highcontrast .meedoen .eventform2 .part .meedoen-fileloader,
body.highcontrast.__homepage .row.homepage-agenda .content .page_content .daily-message,
body.highcontrast .search-results .result,
body.__homepage.highcontrast .row.home-search .content .page_content input[type=text], 
body.highcontrast.__zoeker .row .content .page_content input[type=text] {
	border: 1px solid var(--supportcolor1);
}
body.highcontrast .content .form form input[type=text], 
body.highcontrast .content .form form input[type=time], 
body.highcontrast .content .form form input[type=date], 
body.highcontrast .content .form form textarea, 
body.highcontrast .content .form form select,
body.highcontrast .content .form form input[type=checkbox], 
body.highcontrast .content .form form input[type=radio],
/* event aanmeldform: */
body.highcontrast .meedoen .eventform2 .part .col-fields textarea, 
body.highcontrast .meedoen .eventform2 .part .col-fields select, 
body.highcontrast .meedoen .eventform2 .part .col-fields input,
body.highcontrast .checkboxbox input[type=checkbox],
body.highcontrast .custom-checkbox label,
body.highcontrast .meedoen .eventform2 .part {
	border-width: 1px;
	border-color: var(--supportcolor1);
}
body.highcontrast div.lvc-block-grid article.lvc-block-item.category-listings {
	border:0;
}
body.highcontrast .photo-header .photo-header-slides .slide .image {
	background: var(--main);
}
body.highcontrast .photo-header .photo-header-slides .slide .image img {
	opacity: 0.5;
}
body.highcontrast #banners #banners-container .banner-tag {
	color: var(--supportcolor1);
}
body.highcontrast #banners img {
	border: 1px solid var(--supportcolor1);
}
body.highcontrast div#search-nav div.nav a {
	border-color: var(--primarycta);
}
body.highcontrast #footer #footer-container .column.map img {
	opacity: 0.3;
	filter: grayscale(100%);
}
body.highcontrast .meedoen .eventform2 .part .col-text h2 span {
	color: var(--background);
}
body.highcontrast .checkboxbox {
	background: var(--primarycta);
}
body.highcontrast .tabs-button-row .button a img {
	display: none;
}

body.highcontrast nav.accessibility-tools .accessibility-trigger {
	box-shadow: none;
	filter: invert(100%);
}
body.highcontrast #secondary-header,
body.highcontrast footer,
body.__homepage.highcontrast .row.homepage-agenda .content .page_content .daily-message .illustration {
	background-image: none;
}
body.highcontrast #secondary-header {
	border-bottom: 1px solid var(--supportcolor1);
}


