/*----------------------------------------------------------------- */
/* TABLE
/*----------------------------------------------------------------- */

.editor-styles-wrapper .wp-block[data-type='core/table']
{
	overflow: visible;
}

.block_table table,
.editor-styles-wrapper .wp-block[data-type='core/table'] table
{
	width: 100%;
	min-width: 560px;

	border-collapse: collapse;

	border: 1px solid var(--color__white-darker);
}

.block_table thead,
.editor-styles-wrapper .wp-block[data-type='core/table'] thead
{
	border-bottom: 2px solid var(--color__red);
}

.block_table tr,
.editor-styles-wrapper .wp-block[data-type='core/table'] tr
{
	border: 1px solid var(--color__white-darker);
}

.block_table td,
.block_table th,
.editor-styles-wrapper .wp-block[data-type='core/table'] td,
.editor-styles-wrapper .wp-block[data-type='core/table'] th
{
	padding: 11px 15px;

	color: var(--color__black);
	border: none;
	background: none;
}

.block_table th,
.editor-styles-wrapper .wp-block[data-type='core/table'] th
{
	font-family: var(--font-family__heading);
	font-size: 1.2rem;
	font-weight: var(--font-weight__bold);

	letter-spacing: 3px;
	text-transform: uppercase;
}

.block_table td,
.editor-styles-wrapper .wp-block[data-type='core/table'] td
{
	font-size: 1.7rem;

	vertical-align: top;
}

.block_table td:first-child,
.editor-styles-wrapper .wp-block[data-type='core/table'] td:first-child
{
	font-weight: var(--font-weight__bold);
}

.block_table [data-align='left']
{
	text-align: left;
}

.block_table [data-align='center']
{
	text-align: center;
}

.block_table [data-align='right']
{
	text-align: right;
}

.block_table.block_table_simple table,
.editor-styles-wrapper .wp-block[data-type='core/table'].is-style-block_table_simple table
{
	min-width: auto;

	border: none;
	border-left: 2px solid var(--color__red);
}

.block_table.block_table_simple tr,
.editor-styles-wrapper .wp-block[data-type='core/table'].is-style-block_table_simple tr
{
	border: none;
}

.block_table figcaption,
.editor-styles-wrapper .wp-block[data-type='core/table'] figcaption
{
	text-align: left;
}

@media (max-width: 760px)
{
	.block_table td
	{
		font-size: 1.5rem;
	}
}