/*----------------------------------------------------------------- */
/* LIST
/*----------------------------------------------------------------- */

.block_list ul li,
.block_list ol li,
.editor-styles-wrapper ul.wp-block[data-type='core/list'] li.wp-block,
.editor-styles-wrapper ol.wp-block[data-type='core/list'] li.wp-block
{
	position: relative;

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

.block_list ul li:before,
.editor-styles-wrapper ul.wp-block[data-type='core/list'] li.wp-block:before
{
	position: absolute;
	top: 9px;
	left: 2px;

	display: block;

	width: 6px;
	height: 6px;

	content: '';

	border: 1px solid var(--color__red);
	border-radius: 50%;
	background: var(--color__red);
}

.block_list ol li:before,
.editor-styles-wrapper ol.wp-block[data-type='core/list'] li.wp-block:before
{
	font-size: 1.7rem;
	font-weight: var(--font-weight__bold);

	position: absolute;
	top: 2px;
	left: 1px;

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

	color: var(--color__red);
}

.block_list ul ul,
.block_list ol ol,
.editor-styles-wrapper ul.wp-block[data-type='core/list'] ul.wp-block,
.editor-styles-wrapper ol.wp-block[data-type='core/list'] ol.wp-block
{
	margin-top: 10px;
}

.block_list ul ul li:before,
.editor-styles-wrapper ul.wp-block[data-type='core/list'] ul.wp-block li.wp-block:before
{
	background: transparent;
}

.block_list ol ol li,
.editor-styles-wrapper ol.wp-block[data-type='core/list'] ol.wp-block li.wp-block
{
	padding-left: 45px;
}

.block-list_checked ul li,
.block-list_checked ol li,
.editor-styles-wrapper ul.wp-block[data-type='core/list'].is-style-block-list_checked li.wp-block,
.editor-styles-wrapper ol.wp-block[data-type='core/list'].is-style-block-list_checked li.wp-block
{
	font-family: var(--font-family__heading);
	font-size: 1.8rem;
	font-weight: var(--font-weight__bold);
	line-height: 2.4rem;

	margin-bottom: 20px;
	padding-left: 40px;

	color: var(--color__black);
}

.block-list_checked ul li:before,
.block-list_checked ol li:before,
.editor-styles-wrapper ul.wp-block[data-type='core/list'].is-style-block-list_checked li.wp-block:before,
.editor-styles-wrapper ol.wp-block[data-type='core/list'].is-style-block-list_checked li.wp-block:before
{
	position: absolute;
	top: -1px;
	left: 0;

	display: block;

	width: 25px;
	height: 25px;

	content: '';

	border: 1px solid var(--color__red);
	border-radius: 50%;
	background: none;
}

.block-list_checked ul li:after,
.block-list_checked ol li:after,
.editor-styles-wrapper ul.wp-block[data-type='core/list'].is-style-block-list_checked li.wp-block:after,
.editor-styles-wrapper ol.wp-block[data-type='core/list'].is-style-block-list_checked li.wp-block:after
{
	position: absolute;
	top: 7px;
	left: 6px;

	display: block;

	width: 13px;
	height: 6px;

	content: '';
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);

	border-bottom: 1px solid var(--color__red);
	border-left: 1px solid var(--color__red);
}

.block-list_columns-2 ul,
.block-list_columns-3 ul,
.editor-styles-wrapper ul.wp-block[data-type='core/list'].is-style-block-list_columns-2,
.editor-styles-wrapper ul.wp-block[data-type='core/list'].is-style-block-list_columns-3
{
	display: flex;
	flex-wrap: wrap;
}

.block-list_columns-2 ul li,
.editor-styles-wrapper ul.wp-block[data-type='core/list'].is-style-block-list_columns-2 li.wp-block
{
	width: 50%;
}

.block-list_columns-3 ul li,
.editor-styles-wrapper ul.wp-block[data-type='core/list'].is-style-block-list_columns-3 li.wp-block
{
	width: 33.33%;
}

@media (max-width: 760px)
{
	.block_list ul li,
	.block_list ol li
	{
		margin-bottom: 6px;
		padding-left: 25px;
	}

	.block_list ul ul,
	.block_list ol ol
	{
		margin-top: 6px;
	}

	.block_list ul li:before
	{
		top: 7px;
	}

	.block_list ol li:before
	{
		font-size: 1.5rem;

		top: 1px;
	}

	.block_list ol ol li
	{
		padding-left: 35px;
	}

	.block-list_checked ul li,
	.block-list_checked ol li
	{
		font-size: 1.5rem;
		line-height: 2.1rem;

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

	.block-list_checked ul li:before,
	.block-list_checked ol li:before
	{
		top: 0;

		width: 21px;
		height: 21px;
	}

	.block-list_checked ul li:after,
	.block-list_checked ol li:after
	{
		top: 7px;
		left: 5px;

		width: 11px;
		height: 5px;
	}
}

@media (max-width: 600px)
{
	.block-list_columns-3 ul li
	{
		width: 50%;
	}
}

@media (max-width: 400px)
{
	.block-list_columns-2 ul li,
	.block-list_columns-3 ul li
	{
		width: 100%;
	}
}