/* SLICK SLIDER ELEMENTS

01	GENERAL
02	TABS

*/

/* -----------------------------------------------------------------------
	01	GENERAL
/* ---------------------------------------------------------------------*/

.paragraph.accordion {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}

.paragraph.accordion .container {
	padding: 0;
	grid-column: 3 / 11;
}

.nav-page-content .paragraph.accordion .container {
	grid-column: inherit !important;
}

@media (max-width: 991px) {
	.paragraph.accordion .container {
		grid-column: inherit;
	}
}

/* Exception for Maps/ infomap simplebar-wrapper */
.infomap-wrapper .simplebar-wrapper .paragraph.accordion .container {
	grid-column: span 12;
}

.wfbb_accordion {
	display: grid;
	grid-gap: var(--grid-gap);
	grid-template-columns: var(--grid-columns);
	padding-left: var(--section-inner-side-padding) !important;
	padding-right: var(--section-inner-side-padding) !important;
}

/* Exception for block-wfbb-content */
#block-wfbb-content .wfbb_accordion {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.node--type-wfbb-thematic-focus .field--name-field-ements-wfbb-page>.field__item>.paragraph,
#block-wfbb-content .wfbb_accordion .paragraph {
	grid-column: 3 / 11 !important;
}

.wfbb_accordion .paragraph {
	grid-column: 2 / 12;
}

.wfbb_accordion h2 {
	text-align: center;
}

.tabaccordion {
	width: 100%;
	overflow: hidden;
}

.tab-label {
	display: flex;
	justify-content: space-between;
	padding: 1rem 4rem 1rem 1rem;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid var(--color-grey-dark);
	border-width: 1px 0 0;
	margin: 0;
	position: relative;
}

.field__item.tabaccordion:last-child .tab-label {
	border-width: 1px 0 1px;
}

.tabaccordion>input {
	display: none;
}

.tab-label:hover {
	color: var(--color-primary);
}

.tab-content {
	height: 0;
	overflow: hidden;
	padding: 0 1rem;
	transition: height 0.35s ease, padding 0.35s ease;
}

input:checked+.tab-label {
	color: var(--color-primary);
}

input:checked~.tab-content {
	height: auto;
	padding: 2rem 1rem;
}

.tab-label:before,
.tab-label:after {
	display: block;
	content: '';
	position: absolute;
	right: 1rem;
	width: 1.25rem;
	height: 2px;
	background: var(--color-primary);
	border-radius: 4px;
	top: calc(50% - 1px);
	transition: all ease-in-out .3s;
	left: inherit;
}

.tab-label:after {
	transform: rotate(90deg);
}

.tabaccordion input:checked+label:after {
	transform: rotate(0deg);
}

.node--type-wfbb-events .wfbb_accordion .paragraph {
	grid-column: 3 / 11;
}

.more-contact-info div:not(:first-child):not(:last-child) {
	margin-bottom: .25rem;
}

.wfbb_accordion {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.wfbb_accordion .paragraph,
.node--type-wfbb-events .wfbb_accordion .paragraph {
	grid-column: 1 / 13;
}

@media (max-width: 500px) {

	.tab-label {
		display: flex;
		justify-content: space-between;
		padding: 1rem 2.5rem 1rem 0rem;
	}

	.tab-label:before,
	.tab-label:after {
		right: 0rem;
	}

	.tab-content {
		padding: 0;
	}

	input:checked~.tab-content {
		padding: 1rem 0rem;
	}

}