/* ==========================================================================
   Головна — кнопки-посилання під слайдером (Оренда / Продаж / Комерція)
   Розмітка: functions.php -> hg_home_nav_links()
   Контент: ACF-група "Головна — кнопки-посилання", поле nav_links (сторінка id 2)
   ========================================================================== */

.hg-nav-links {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	position: relative;
	justify-content: space-between;
	align-items: stretch;
	margin-top: .57em;
	margin-bottom: .57em;
}

/* перебиваємо .cont-items зі слайдера: там вона напівпрозора і з z-index: -1 */
.hg-nav-links .cont-items {
	position: relative;
	z-index: 1;
	width: 100%;
	min-height: 0;
	margin-bottom: .28em;
	background: var(--bgb);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	text-decoration: none;
	overflow: hidden;
	-webkit-transition: background .25s ease;
	-moz-transition: background .25s ease;
	transition: background .25s ease;
}

.hg-nav-links .cont-items:last-child {
	margin-bottom: 0;
}

.hg-nav-links .cont-items:hover {
	background: #000;
}

.hg-nav-links .cont-items .f-clm {
	min-height: 7vh;
}

/* стрілочка ↗ */
.hg-nav-links .cont-items .f-clm > div em svg {
	display: block;
	-webkit-transition: transform .25s ease;
	-moz-transition: transform .25s ease;
	transition: transform .25s ease;
}

.hg-nav-links .cont-items:hover .f-clm > div em svg {
	-webkit-transform: translate(.15em, -.15em);
	-moz-transform: translate(.15em, -.15em);
	transform: translate(.15em, -.15em);
}

@media only screen and (min-width: 1023px) {
	.hg-nav-links {
		padding-left: 10%;
		padding-right: 10%;
		margin-top: 1.42em;
		margin-bottom: 1.42em;
	}
	.hg-nav-links .cont-items {
		width: 32.4%;
		margin-bottom: 0;
	}
	.hg-nav-links .cont-items .f-clm {
		min-height: 10vh;
	}
}