/* CSS Document */
/* 3E53E5 blauw */
/* 5AA67A groen */
/* F4BE18 geel */
/* 005c64 border default */

.axe24-panel {
    display: inline-block;
    margin-bottom: 0;
    /* touch-action: manipulation; */
    cursor: pointer;
    background-color: transparent;
    background-image: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 1s ease-in-out;
    border: 0 solid transparent;
    padding: 8px 36px 4px 36px;
    border-radius: 20px;
	width: 100%;
}


.axe24-panel:hover {
    background-color: transparent;
}

.axe24-panel::before {
	content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    padding: 3px;
    background: linear-gradient(90deg, #F4BE18 7%, #5AA67A 19%, #3E53E5 38.5%, #005c64 60%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: all 1s ease-in-out;
    z-index: 0;
    background-size: 250% auto;
    background-position: 99%;
}
.axe24-panel:hover::before {
	background-position: 0;
    padding: 3px;
}
.axe24-panel-container { 
	padding: 3px 10px;
}
.axe24-panel-header {
	padding-top: 3px;
	padding-left: 10px;
}
.axe24-panel-header p {
	margin: 0;
	padding: 0;
	color: white;
	transition:  all .2s ease-in-out;
}
.axe24-chevron { 
	transition: all 0.2s ease-in-out;
	font-size: 1.4em;
}
.axe24-chevron span p {
	color: #fff;
}

.active-accordion-item .axe24-panel-header p {
	color: #f4be18;
}
.active-accordion-item .axe24-chevron {
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.active-accordion-item .axe24-chevron span p  {
	color: #f4be18;
}
.axe24-content {
	overflow: hidden;
	max-height: 0;
	transition: all 0.3s ease-in-out;
}

.active-accordion-item {
	background-color: transparent;
}
.active-accordion-item::before{ 
    background-position: 0%;
}


@media screen and (max-width: 766px) {
   .axe24-panel { padding: 8px 12px 4px 12px; }
}