/*	B1_ACC.CSS
	Copyright © 2026 Taalwerkplaats, Amsterdam. Alle rechten voorbehouden. | All rights reserved.

	Aanvullende CSS voor een accordeon.
*/


@font-face
{
	font-family			:'Glyphicons Halflings';
	src					: url('cssfonts/glyphicons-halflings-regular.svg?#iefix') format('embedded-opentype'), url('cssfonts/glyphicons-halflings-regular.woff') format('woff');
}


/* Opmaak accordeon */

.panel
{
	border-radius		: 0px !important;
}
h1.panel-title
{
	font-size			: 14px;					/* Tekstgrootte */
	cursor				: pointer;				/* Hand als cursor op de paneltitels */
	color				: #004b8b;
}
.panel-default > .panel-heading					/* Standaardachtergrond verwijderen */
{
	border				: none;
	background			: rgba( 222, 238, 255, 1 ) !important;
}
.panel-collapse									/* Achtergrond wit */
{
	background			: #ffffff;
}
.bg-acc-1										/* Padding oorspronkelijke tekst */
{
	padding-top			: 10px;
	padding-right		: 50px;
	padding-bottom		: 10px;
	padding-left		: 50px;
}
.bg-acc-b1										/* Padding + kleur herschreven tekst */
{
	padding-top			: 10px;
	padding-right		: 50px;
	padding-bottom		: 10px;
	padding-left		: 50px;
	background			: #eef7ff;
}


/* Wisselen tussen pijl naar beneden en naar boven */

.panel-heading
{
	position			: relative;
	cursor				: pointer;					/* Hand als cursor */
}
.panel-heading[ data-toggle = collapse ]:after
{
	font-family			: 'Glyphicons Halflings';
	content				: "\e258";					/* Chevron */
	position			: absolute;
	color				: #004b8b;
	font-size			: 16px;						/* Chevrongrootte */
	line-height			: 20px;
	right				: 15px;
	top					: calc(50% - 10px);
	-webkit-transform	: rotate(-90deg);			/* Draai chevron naar boven ^ */
	-moz-transform		: rotate(-90deg);
	-ms-transform		: rotate(-90deg);
	-o-transform		: rotate(-90deg);
	transform			: rotate(-90deg);
}
.panel-heading[ data-toggle = collapse ].collapsed:after
{
	-webkit-transform	: rotate(90deg);			/* Draai chevron terug naar beneden */
	-moz-transform		: rotate(90deg);
	-ms-transform		: rotate(90deg);
	-o-transform		: rotate(90deg);
	transform			: rotate(90deg);
}


/* EOF */