/*----------------------------------------------------------------- */
/* BOXED LINKS
/*----------------------------------------------------------------- */

.block_boxed-links {
	margin-bottom: 20px;
}

.boxed_links-gaps {
	margin-bottom: -1px;
}

.block_boxed-links li {
	font-size: 1.7rem;
	font-weight: var(--font-weight__bold);

	width: 100%;
	padding: 28px 30px;

	border-collapse: collapse;

	border: 1px solid var(--color__white-darker);
	background: var(--color__white);
}

.block_boxed-links li:not(:first-child) {
	border-left: none;
}

.boxed_links-2 li {
	max-width: 50%;
}

.boxed_links-3 li {
	max-width: 33.33%;
}

.block_boxed-links li .icon {
	width: 40px;
	height: 40px;
	margin-right: 15px;

	color: var(--color__black-lighter);
}

.block_boxed-links li span {
	width: calc(100% - 40px - 15px); /* width of icon and margin */
}

@media (max-width: 760px) {
	.block_boxed-links li {
		font-size: 1.5rem;

		padding: 19px 20px;
	}

	.boxed_links-2 li {
		max-width: none;
	}

	.boxed_links-3 li {
		max-width: 100%;
	}

	.block_boxed-links li:not(:first-child),
	.boxed_links-2 li,
	.boxed_links-3 li {
		border-left: 1px solid var(--color__white-darker);
	}

	.block_boxed-links li:not(:first-child) {
		margin-top: -1px;
	}

	.block_boxed-links li .icon {
		margin-right: 10px;
	}

	.block_boxed-links li span {
		width: calc(100% - 40px - 10px); /* width of icon and margin */
	}
}
