/* Contacts page: staff contacts */
.contacts-staff {
	padding: 56px 0 0;
}

.contacts-staff-title {
	font: 700 17px/21px var(--font-text);
	color: var(--color-navy);
}

.contacts-staff-list {
	margin-top: 18px;
	padding: 16px 31px 21px;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	background: var(--color-white);
}

.contacts-staff-row {
	display: flex;
	align-items: center;
	gap: 16px;
}

.contacts-staff-row-next {
	margin-top: 29px;
	padding-top: 23px;
	border-top: 1px solid var(--color-border);
}

.contacts-staff-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 36px;
	height: 36px;
	border: 1.4px solid var(--color-navy);
	border-radius: 50%;
	color: var(--color-navy);
}

.contacts-staff-info {
	min-width: 0;
}

.contacts-staff-name {
	font: 700 14.5px/18px var(--font-text);
	color: var(--color-navy);
}

.contacts-staff-phones {
	margin-top: 4px;
	font: 400 13.5px/17px var(--font-text);
	color: #47474f;
}

.contacts-staff-link {
	color: #47474f;
	transition: color .2s;
}

.contacts-staff-link:hover {
	color: var(--color-accent);
}

.contacts-staff-sep {
	color: #47474f;
}

@media (max-width: 767px) {
	.contacts-staff-list {
		padding: 16px 15px;
	}

	.contacts-staff-row {
		align-items: flex-start;
	}
}