/*----------------------------------------------------------------- */
/* LINK BOXES
/*----------------------------------------------------------------- */

.block-link-boxes__item
{
	position: relative;

	width: calc(33% - 10px);
	min-height: 200px;
	margin-bottom: 20px;
	padding: 25px 25px 0 60px;

	text-decoration: none;

	color: var(--color__white);
}

.block-link-boxes__item img
{
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center center;
}

.block-link-boxes__item:after
{
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 100%;

	content: '';
	transition: var(--transition-delay__default);

	opacity: 0.7;
	background: var(--color__blue);
}

.block-link-boxes__item:nth-child(6n+1):after
{
	background: var(--color__blue-dark);
}

.block-link-boxes__item:nth-child(6n+2):after
{
	background: var(--color__blue-darker);
}

.block-link-boxes__item:nth-child(6n+3):after
{
	background: var(--color__blue);
}

.block-link-boxes__item:nth-child(6n+4):after
{
	background: var(--color__brown);
}

.block-link-boxes__item:nth-child(6n+5):after
{
	background: var(--color__brown-lighter);
}

.block-link-boxes__item:nth-child(6n+6):after
{
	background: var(--color__brown-light);
}

.block-link-boxes__item:hover:after
{
	opacity: 1;
	background: var(--color__blue);
}

.block-link-boxes__item-title
{
	font-size: 3.4rem;
	font-weight: var(--font-weight__bold);
	line-height: 4.2rem;

	margin-bottom: 30px;
}

.block-link-boxes__item-title,
.block-link-boxes__item-text
{
	position: relative;
	z-index: 15;

	color: var(--color__white);
}

.block-link-boxes__item-title > .icon
{
	position: absolute;
	top: 50%;
	right: calc(100% + 8px);

	width: 30px;
	height: 18px;

	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.block-link-boxes .btn
{
	margin: var(--padding__default) 0;
}

@media (max-width: 1100px)
{
	.block-link-boxes__item
	{
		width: calc(50% - 10px);
	}
}

@media (max-width: 760px)
{
	.block-link-boxes__item
	{
		width: calc(50% - 5px);
		min-height: 70px;
		padding: 10px 10px 0 21px;
	}

	.block-link-boxes__item-title
	{
		margin-bottom: 12px;
	}

	.block-link-boxes__item-title,
	.block-link-boxes__item-text
	{
		font-size: 1.2rem;
		line-height: 14px;
	}

	.block-link-boxes__item-title > .icon
	{
		right: calc(100% + 3px);

		width: 10px;
		height: 7px;
	}
}