/* assets/css/vacancies-all.css – сгенерировано scripts/import-donor-css.mjs, руками не править */
.vacancy__list-all {
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin-top: 30px;
}

.vacancy__item {
	padding: 30px 30px 16px 30px;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border-top: 1px solid var(--accent-pink-main);
	font-size: 19px;
	font-weight: 300;
	line-height: 143%;
	color: var(--text-color-main);
}

.vacancy__item:nth-child(2n+2) {
	background-color: #121217;
	color: #fff;
}

.vacancy__item:nth-child(2n+2) .vacancy__title,
.vacancy__item:nth-child(2n+2) .vacancy__list > span,
.vacancy__item:nth-child(2n+2) .vacancy__item-bot {
	color: #fff;
}


.vacancy__item-top {
	display: inline-flex;
	flex-direction: column;
	gap: 24px;
	padding-bottom: 24px;
}

.vacancy__title {
	font-family: 'Lora', 'Lora Fallback', sans-serif;
	font-size: 28px;
	font-weight: 500;
	line-height: 120%;
	color: var(--text-color-pink);
}

.vacancy__text-top > p {
	margin: 0;
}

.vacancy__list > span {
	display: block;
	font-weight: 500;
	margin-bottom: 16px;
	color: var(--text-color-black);
}

.vacancy__text ul {
	margin-block-start: 0;
	margin-bottom: 0;
	padding-inline-start: 20px;
}

.vacancy__text li::marker {
	color: var(--accent-pink-main);
}

.vacancy__text li:not(:last-child) {
	margin-bottom: 10px;
}

.vacancy__item a {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: var(--text-color-pink);
}

a.vacancy__btn {
	padding: 12px 16px;
	background-color: var(--button-color-main);
	font-size: 17px;
	font-weight: 500;
	color: var(--text-color-white);
	border-radius: 30px;
	width: fit-content;
	transition: var(--default-transition);
}

a.vacancy__btn:hover {
	background-color: var(--button-color-main-hover);
}

/* .vacancy__item a.vacancy__btn{
	color: var(--text-color-white);
} */

.vacancy__item-mid {
	padding: 24px 0;
	display: none;
	flex-direction: column;
	gap: 24px;
	border-top: 1px solid var(--border-main-color);
	transition: var(--default-transition);
}

.vacancy__item-bot {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	padding-top: 16px;
	font-family: 'Lora', 'Lora Fallback', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: var(--text-color-pink);
	cursor: pointer;
	gap: 10px;
	border-top: 1px solid var(--border-main-color);
}

.vacancy__item-bot::after {
	content: "";
  display: block;
  width: 25px;
  height: 25px;
  background-image: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="26" height="27" viewBox="0 0 26 27" fill="none"%3E%3Cpath d="M13 5.9165V21.0832" stroke="%23e42e7b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3Cpath d="M5.41797 13.5H20.5846" stroke="%23e42e7b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
}

.vacancy__item-open::after {
	height: 2px;
}

@media(max-width:992px) {
	.vacancy__item {
		padding: 24px 24px 12px 24px;
		font-size: 16px;
	}
	.vacancy__title {
		font-size: 22px;
		margin-bottom: 4px;
	}
	.vacancy__item-top {
		gap: 16px;
		padding-bottom: 20px;
	}
	.vacancy__list > span {
		margin-bottom: 12px;
	}
	.vacancy__text li:not(:last-child) {
		margin-bottom: 8px;
	}
	.vacancy__item-mid {
		padding: 20px 0;
		gap: 16px;
	}
	.vacancy__item-bot {
		padding-top: 11px;
		font-size: 16px;
	}
	.vacancy__item-bot::after {
		height: 20px;
		width: 20px;
	}
	.vacancy__item-open::after {
		height: 2px;
	}
}

@media(max-width: 360px) {
	.vacancy__btn {
		padding: 12px 12px;
		font-size: 15px;
	}
}