/* --------------- styles for accordion -----------------------*/
  
.frontpage-title.date {
	background-color: #3e403d;
	color: #ffffff;
}

#content-area h2.frontpage-title {
	padding-left: .25em;
}

.frontpage-accordion.block {
	margin-left: .5em;
	margin-bottom: .75em;
}

/* === Accordion -- accoblock === */

.minimalist-accordion__header,
.accordion .js-accordion-controller {
	background: none;
	border: 0;
	text-align: left;
	font-family: inherit;
	cursor: pointer;
	width: 100%;
	margin: 0;
	padding: .4em .25em;
	color: inherit;
	/*color: #00466a;*/
	font-weight: bold;
	position: relative;
}
	
.minimalist-accordion__title,
.accordion .accordion-title,
#content-area h3.minimalist-accordion__title {
	/*border: 2px solid;*/
	margin: 0;
}

.gallerybox.minimalist-accordion__title {
	border-top: 0;
}

.minimalist-accordion__header:focus,
.minimalist-accordion__header:active,
.minimalist-accordion__header:hover,
.accordion .js-accordion-controller:focus,
.accordion .js-accordion-controller:active,
.accordion .js-accordion-controller:hover	{
	outline: 3px solid;
}
	
.minimalist-accordion__header::after,
.accordion .js-accordion-controller::after {
	content: '';
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	content: "\f0fe";
	margin-right: .25em;
	transform: rotate(0deg);
	position: absolute;
	top: .5em;
	right: 0;
}
	
[aria-expanded="true"].minimalist-accordion__header::after,
[aria-expanded="true"].js-accordion-controller::after {
	content: "\f146";
	display: inline-block;
	margin-right: .25em;
	-webkit-transition: transform .25s ease;
}

.minimalist-accordion__panel,
.accordion .accordion-content {
	display: block;
	overflow: hidden;
	opacity: 1;
	-webkit-transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
	transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
	max-height: 100em;
	/* magic number for max-height = enough height */
	visibility: visible;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	margin: 0;
	padding: .9375rem 0;
}

.minimalist-accordion__panel.itembackground {
	background-color: #cbdee8;
}

@media screen and (min-width: 801px) {

	.minimalist-accordion__panel.itembackground {
		padding: 1.125rem;
	}
}

@media screen and (min-width: 1280px) {

	.minimalist-accordion__panel.itembackground {
		padding: 1.875rem;
	}
}

/* This is the hidden state */

[aria-hidden=true].minimalist-accordion__panel,
[aria-hidden=true].accordion .accordion-content {
	display: block;
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition-delay: 1s, 0s, 0s;
	transition-delay: 1s, 0s, 0s;
	margin: 0;
	padding: 0;
}