/*----------------------------------------------------------------- */
/* 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: 17px;
}

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

	display: block;

	width: 6px;
	height: 6px;

	content: '';

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

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

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

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

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

.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: 28px;
}

@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
	{
		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;
	}

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