/**
 * Post-content typography for figures and data tables.
 *
 * The theme styles neither, so charts and comparison tables in a post body
 * rendered as bare browser defaults. Scoped to post content only, so nothing
 * here can reach Elementor pages or the header.
 *
 * @package dido
 */

.entry-content figure,
.single .entry-content figure {
	margin: 34px 0;
	max-width: 100%;
}

.entry-content figure img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.entry-content figcaption {
	margin-top: 10px;
	color: #697086;
	font-size: 14px;
	line-height: 1.5;
}

.entry-content figcaption a {
	color: #3047e8;
}

/* Wide tables scroll in their own container rather than pushing the page. */
.entry-content figure.wp-block-table {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.entry-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
}

.entry-content thead th {
	text-align: left;
	vertical-align: bottom;
	padding: 12px 14px;
	background: #f7f8fc;
	border-bottom: 2px solid #3047e8;
	color: #1f263b;
	font-weight: 800;
	font-size: 13px;
	letter-spacing: 0.3px;
	text-transform: uppercase;
}

.entry-content tbody td {
	padding: 13px 14px;
	vertical-align: top;
	border-bottom: 1px solid #e6e9f2;
	color: #20263a;
}

.entry-content tbody tr:nth-child(even) td {
	background: #fafbfe;
}

.entry-content tbody tr:last-child td {
	border-bottom: 1px solid #e6e9f2;
}

.entry-content tbody td a {
	color: #3047e8;
	font-weight: 700;
}

@media (max-width: 680px) {

	.entry-content table {
		font-size: 14px;
		min-width: 560px;
	}

	.entry-content figure {
		margin: 24px 0;
	}
}