/* ACCORIDON */

.ACCORDION .row:not(:last-child) {
	margin-bottom: var(--s3);
}

.ACCORDION .heading {
	z-index: 1;
	margin: 0;
	position: relative;
	background: var(--deep-indigo);
	color: var(--white);
	padding: var(--s5) var(--s8) var(--s5) var(--s5);
	border-radius: var(--s3);
	transition: color 0.25s;
}

.ACCORDION .toggle {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999rem;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	background: none;
}

.ACCORDION .toggle::before {
	content: '';
	position: absolute;
	top: 30rem;
	right: var(--s5);
	width: var(--s6);
	height: var(--s6);
	background: no-repeat center url(../../assets/images/ui-accordion-arrow.svg);
}

.ACCORDION .wrapper {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.25s;
}

.ACCORDION .content {
	position: relative;
	padding: var(--s3) var(--s5) var(--s5);
	z-index: 1;
}

.ACCORDION .details {
	display: flex;
    justify-content: space-between;
    gap: var(--s3);
    align-items: center;
	font-weight: 600;
	margin-top: var(--s3);
}

.ACCORDION .details .location {position: relative; padding-left: 36rem;}
.ACCORDION .details .contract {position: relative; padding-left: 36rem; flex-grow: 1;}

.ACCORDION .details .location::before {
	content: '';
	background: no-repeat center url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none"><path fill="%23001075" d="M12 14.578c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4 1.794 4 4 4Zm0-6c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2Z"/><path fill="%23001075" d="M11.42 22.392a.998.998 0 0 0 1.16 0c.304-.215 7.45-5.374 7.42-11.814 0-4.41-3.589-8-8-8-4.41 0-8 3.59-8 7.995-.029 6.445 7.116 11.604 7.42 11.82ZM12 4.578c3.31 0 6 2.691 6 6.005.021 4.438-4.388 8.423-6 9.73-1.61-1.308-6.02-5.294-6-9.735 0-3.309 2.691-6 6-6Z"/></svg>');
	width: var(--s5);
	height: var(--s5);
	position: absolute;
	top: -3rem;
	left: 0;
}

.ACCORDION .details .contract::before {
	content: '';
	background: no-repeat center url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" fill="none"><path fill="%23001075" d="M12 2.578c-5.514 0-10 4.486-10 10s4.486 10 10 10 10-4.486 10-10-4.486-10-10-10Zm0 18c-4.411 0-8-3.589-8-8 0-4.41 3.589-8 8-8s8 3.59 8 8c0 4.411-3.589 8-8 8Z"/><path fill="%23001075" d="M13 7.578h-2v5.414l3.293 3.293 1.414-1.414L13 12.164V7.578Z"/></svg>');
	width: var(--s5);
	height: var(--s5);
	position: absolute;
	top: -3rem;
	left: 0;
}


.ACCORDION .row.alt-active .wrapper {max-height: var(--height, none);}
.ACCORDION .row.alt-active {background: var(--melrose); border-radius: var(--s3);}
.ACCORDION .row.alt-active .heading {background: var(--melrose); color: var(--deep-indigo);}
.ACCORDION .row.alt-active h3 {align-self: center;}
.ACCORDION .row.alt-active .toggle {width: var(--s3);}
.ACCORDION .row.alt-active .toggle::before {background: no-repeat center url(../../assets/images/ui-accordion-arrow-open.svg);}

.ACCORDION[data-singular] .row.alt-active .toggle {display: none;}

@media screen and (max-width: 960px) {
	.ACCORDION .row:not(:last-child) {margin-bottom: var(--s3);}
	.ACCORDION .toggle::before {top: var(--s1);right: var(--s2);}
	.ACCORDION .heading {padding: var(--s3) var(--s7) var(--s3) var(--s3);}
	.ACCORDION .content {padding: var(--s3);}

	.ACCORDION .details {flex-direction: column; gap: var(--s3); align-items: flex-start;}
}



/* image */

.ACCORDION[data-variant="1"] {
	position: relative;
	display: flex;
	justify-content: space-between;
}

.ACCORDION[data-variant="1"] .rows {
	width: calc(50% - -18rem);
	box-sizing: border-box;
	padding-right: 11rem;
}

.ACCORDION[data-variant="1"] .image {
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: calc(50% + 31rem);
	box-sizing: border-box;
	padding-left: var(--s6);
	transition: opacity 0.25s;
}

.ACCORDION[data-variant="1"] .spacer {
	width: calc(50% + 26rem);
	padding-left: var(--s6);
	box-sizing: border-box;
	opacity: 0;
}


.ACCORDION[data-variant="1"] .row.alt-active .image {opacity:1;}

/* numbers */ 

.ACCORDION.alt-numbers .number {width: 100rem; flex-shrink: 0;}
.ACCORDION.alt-numbers .heading {padding: var(--s5);}
.ACCORDION.alt-numbers .row.alt-active .b-divider::after {background: var(--deep-indigo);}

.ACCORDION.alt-numbers .row .toggle::before {
	right: var(--s2);
	background: no-repeat center url(../../assets/images/ui-accordion-toggle-open.svg);
}
.ACCORDION.alt-numbers .row .toggle::before {}
.ACCORDION.alt-numbers .row.alt-active .toggle::before {background: no-repeat center url(../../assets/images/ui-accordion-toggle-close.svg);}


@media screen and (min-width: 961px) {
	.ACCORDION.alt-numbers .flex {display: flex;}
	.ACCORDION.alt-numbers h3 {margin-top: 0; max-width: 320rem;}
	.ACCORDION.alt-numbers .b-divider {
		flex: 0 0 auto;
		margin: 0 var(--s5);
	}
	
	.ACCORDION.alt-numbers .b-divider::after {
		height: 100%;
		width: 1rem;
	}

	.ACCORDION.alt-numbers .row.alt-active .heading {padding: var(--s5) var(--s5) 0 var(--s5);}
	

	.ACCORDION.alt-numbers .row.alt-active .content {
		width: 363rem;
		margin-left: auto;
		margin-bottom: var(--s5);
		border-left: 1px solid var(--deep-indigo);
	}

	.ACCORDION[data-variant="1"] .singularimage {
		width: calc(50% + 27rem);
		padding-left: var(--s4);
		box-sizing: border-box;
	}

}

.ACCORDION.alt-testimonials .row.alt-active .heading .b-h4 {
	display: inline-block;
	font-size: 16rem;
	font-weight: 700;
	background: var(--deep-indigo);
	color: var(--white);
	padding: var(--s1) var(--s2);
	border-radius: var(--s1);
	align-self: center;
}


.ACCORDION.alt-testimonials .testimonial {
	overflow: hidden;
	box-sizing: border-box;
	background: var(--white);
	border: 1px solid var(--melrose);
	padding: var(--s5);
	border-radius: var(--s3);
	margin: 0 var(--s3);
	position: absolute;
	bottom: var(
	--s5);
	left: auto;
	right: 6px;
	opacity: 0;
	width: calc(50% + var(--ns7));
	z-index: 3;
	transition: opacity 0.25s;
}

.ACCORDION[data-variant="1"] .row.alt-active .testimonial {opacity:1;}

.ACCORDION.alt-testimonials .testimonial .contents {
	padding: 0;
}

.ACCORDION.alt-testimonials .testimonial .author {
	display: flex;
	align-items: center;
	margin-top: var(--s5);
}

.ACCORDION.alt-testimonials .testimonial .author .image-testimonial {
	width: var(--s7);
	margin-right: var(--s3);
	border-radius: 100%;
	overflow: hidden;
	flex: 0 0 auto;
	align-self: flex-start;
}

.ACCORDION.alt-testimonials .testimonial .author .name {
	font-weight: 700;
}

@media screen and (min-width: 961px) {
	.ACCORDION.alt-testimonials .spacer {
		width: calc(50% + 5rem);
		margin-left: 21rem;
		box-sizing: border-box;
		opacity: 1;
		background: var(--gray-100);
		border-radius: var(--s1);
		position: relative;
	}

	.ACCORDION.alt-testimonials .image {z-index: 3;width: calc(50% + 32rem);}
}

@media screen and (max-width: 960px) {
	.ACCORDION[data-variant="1"] {display: block;}
	.ACCORDION[data-variant="1"] .rows {min-height: 0 !important; width: auto; padding-right: 0;}
	.ACCORDION[data-variant="1"] .image {position:static; width:auto; padding: 0;}
	.ACCORDION[data-variant="1"].alt-testimonials .testimonial {position:static; width:auto; padding: var(--s5); margin: var(--s3);}
	.ACCORDION[data-variant="1"] .spacer {display: none;}

	.ACCORDION.alt-numbers .toggle::before {top: var(--s5);}
	.ACCORDION.alt-numbers .b-divider {margin-top: var(--s3);}
	.ACCORDION.alt-numbers .content {padding: 0 var(--s5) var(--s5);}


	.ACCORDION .singularimage {margin-top: var(--s5);}
}


/* REVERSE */ 

@media screen and (min-width: 961px) {
	.ACCORDION[data-variant="1"][data-reverse] {flex-direction: row-reverse;}
	.ACCORDION[data-variant="1"][data-reverse] .spacer, 
	.ACCORDION[data-variant="1"][data-reverse] .singularimage {padding-right: var(--s5);padding-left: 0;}
	.ACCORDION[data-variant="1"][data-reverse] .image {left: var(--ns6); right: auto; }
	.ACCORDION[data-variant="1"][data-reverse] .testimonial {left: 3rem; right: 0;}
	.ACCORDION[data-reverse].alt-numbers .row.alt-active .content {width: 364rem;}
}


/* SPORT */ 

.b-page.sport .ACCORDION .row.alt-active {background: var(--yellow); }
.b-page.sport .ACCORDION .row.alt-active .heading {background: var(--yellow); }



/* FIX: JUSTIFY SPACE BETWEEN ACCORDION ROWS AND HIEGHT OF IMAGE ELEMENTS (data-variant 1 == image) */

.ACCORDION[data-variant="1"] .rows {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}


/* FIX: MAKE ACCORDION IMAGE RESPONSIVE */

.ACCORDION[data-variant="1"] .b-img {
	height: 100%;
}


/* FIX: ROUNDED IMAGE CORNERS */

.ACCORDION[data-variant="1"] .b-img img {
	border-radius: var(--s3);
}