.accordions {
    --plus-sign-width: 2px;
    --plus-sign-height: 16px;

    max-width: 800px;
}

.accordion__term {
    position: relative;
    display: inline-block;
	width: 100%;
	padding: 0 40px 0 0;
    margin: 0;
	border: none;
    box-sizing: border-box;
    cursor: pointer;
    background-color: transparent;
    color: inherit;
	text-align: start;
    outline: inherit;
    user-select: none;


    color: #243d48;
    font-family: 'resavska-bold' !important;
    font-size: 20px;
    line-height: 1.4;
    font-weight: normal;
}

.accordion__term:hover {
    opacity: 1;
}

.accordion__term::before, 
.accordion__term::after {
	content: '';
	position: absolute;
	display: block;
	opacity: 1;
	background-color: #999;
	transition: background-color .25s linear, opacity .1s linear;
}

.accordion__term::before {
	top: calc((50% - (var(--plus-sign-height)/2)) + (var(--plus-sign-height)/2) - (var(--plus-sign-width)/2));
	right: 0;
	width: var(--plus-sign-height);
	height: var(--plus-sign-width);
}

.accordion__term::after {
	top: calc(50% - (var(--plus-sign-height)/2));
	right: calc((var(--plus-sign-height)/2) - (var(--plus-sign-width)/2));
	width: var(--plus-sign-width);
	height: var(--plus-sign-height);
}

.accordion--expanded .accordion__term::after {
	opacity: 0;
}

.accordion__definition-wrapper {
    max-height: 0;
    margin: 0.5rem 0;
    border-bottom: 1px solid;
    border-color: #e1e1e1;
    overflow: hidden;
    transition: max-height .25s linear;
}

.accordions > *:last-child .accordion__definition-wrapper {
    border-bottom: none;
}

.accordion__definition {
    margin: 0 0 2rem 0;
}

.js-accordion {
	margin-top: 0.5rem;
}