/*----------------------------------------------------------------- */
/* 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
{
	line-height: 3rem;

	position: relative;

	margin-bottom: 20px;
	padding-left: 20px;
}

.block_list ul li:before,
.editor-styles-wrapper ul.wp-block[data-type='core/list'] li.wp-block:before
{
	position: absolute;
	top: 11px;
	left: 0;

	display: block;

	width: 6px;
	height: 6px;

	content: '';

	border: 1px solid var(--color__black);
	border-radius: 50%;
	background: var(--color__black);
}

.block_list ol li:before,
.editor-styles-wrapper ol.wp-block[data-type='core/list'] li.wp-block:before
{
	position: absolute;
	top: 0;
	left: 0;

	content: counters(counter, '. ') '. ';
	counter-increment: counter;

	color: var(--color__black);
}

.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: 18px;
}

.block_list ul ul li,
.block_list ol ol li,
.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-bottom: 15px;
}

.block_list ol ol li,
.editor-styles-wrapper ol.wp-block[data-type='core/list'] ol.wp-block li.wp-block
{
	padding-left: 40px;
}

@media (max-width: 760px)
{
	.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
	{
		line-height: 2.6rem;

		margin-bottom: 6px;
		padding-left: 20px;
	}

	.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: 6px;
	}

	.block_list ul li:before,
	.editor-styles-wrapper ul.wp-block[data-type='core/list'] li.wp-block:before
	{
		top: 9px;
	}
}
