/*----------------------------------------------------------------- */
/* ANCHORS
/*----------------------------------------------------------------- */

.block_anchors
{
	font-size: 1.6rem;
}

.block_anchors-wrapper
{
	position: relative;

	padding: 24px 15px 40px 35px;

	border: 1px solid var(--color__grey);
}

.block_anchors-wrapper:after
{
	position: absolute;
	bottom: 0;
	left: 0;

	width: 100%;
	height: 12px;

	content: '';

	background-image: repeating-linear-gradient(-45deg,var(--color__grey-light), var(--color__grey-light) 1px,var(--color__white) 2px, var(--color__white) 6px);
}

.block_anchors-wrapper ul,
.block_anchors-wrapper ul li:last-of-type
{
	margin-bottom: 0;
}

.block_anchors-wrapper ul li:before
{
	border-color: var(--color__black-light);
	background-color: var(--color__black-light);
}

.block_anchors-label
{
	font-family: var(--font-family__heading);
	font-size: 2.2rem;
	font-weight: var(--font-weight__heading);

	position: relative;

	display: block;

	width: 100%;
	margin-bottom: 15px;
}

.block_anchors-label:hover
{
	text-decoration: none;
}

.block_anchors ul li
{
	position: relative;

	margin-bottom: 15px;
	padding-left: 15px;
}

.block_anchors ul li::before
{
	position: absolute;
	top: 7px;
	left: 0;

	width: 4px;
	height: 4px;

	content: '';

	border: none;
	border-radius: 50%;
	background: var(--color__black-light);
}

.block_anchors ul li ul
{
	margin-top: 15px;
}

.block_anchors-label .icon-arrow
{
	position: absolute;
	top: 20%;
	right: 3px;

	display: inline-block;

	width: 7px;
	height: 12px;

	transition: transform var(--transition-delay__default);
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.block_anchors-label.active .icon-arrow
{
	-webkit-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}

.block_anchors nav
{
	margin-top: 12px;
	padding-top: 17px;

	border-top: 1px solid var(--color__black-light);
}

.block_anchors nav ol
{
	flex-direction: column;

	margin: 0;
}

.block_anchors nav ol li
{
	position: relative;

	margin-bottom: 10px;
	padding-left: 20px;
}

.block_anchors nav ol li:before
{
	font-weight: var(--font-weight__normal);

	position: absolute;
	top: 0;
	left: 0;

	content: counters(counter, '.') '. ';
	counter-increment: counter;

	color: var(--color__black-light);
}

.block_anchors nav a
{
	display: inline-block;
}