/*

Note : deze accordeons waren speciaal gevraagd om de lange PWW pagina's deftig te kunnen tonen,
maar er is ondertussen beslist de PWW's aan te bieden als PDF's.

Het is dus zeer onwaarschijnlijk dat andere pagina's van deze feature gebruik gaan maken.

css overule accordeon styling op detailpaginas

*/

.vl-accordion { border-bottom: 1px solid #ccc; border-radius: 0; }

.vl-accordion h3 a { font-weight: 500; }

.ui-widget { font-family: Flanders Art Sans, sans-serif; font-size: inherit; }
.ui-corner-bottom, .ui-corner-top { border-radius: 0; }

.vl-accordion .ui-state-default,
.vl-accordion .ui-widget-content .ui-state-default,
.vl-accordion .ui-widget-header .ui-state-default, 
.vl-accordion .ui-button, 
html .vl-accordion .ui-button.ui-state-disabled:hover, 
html .vl-accordion .ui-button.ui-state-disabled:active { background-color: #fff; border-bottom: none; border-left: none; border-right: none; border-top: 1px solid #ccc; border-radius: 0; font-weight: normal; color: #000; }

.vl-accordion .ui-state-active { background-color: #fff; border-bottom: none; border-left: none; border-right: none; border-top: 1px solid #ccc; border-radius: 0;  }

.vl-accordion .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; text-decoration: none; font-weight: 500; }

.vl-accordion .ui-accordion-content { padding: 0 0 1rem 2.7rem; border: 0; }

.field-group-accordion-wrapper .field { padding: 0; border: none; background: none; }

/* arrows */

#ui-id-1 > span { display: none; }
.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s { filter:invert(100%); }
.ui-state-active .ui-icon, .ui-button:active .ui-icon { filter:invert(100%); }