/* -----------------------------------------------------------------------------
Genesis Block: References

@since 0.0.7
----------------------------------------------------------------------------- */

:root {
	--reference-max-width: 100%;
	--reference-colour: var(--secondaryaccent);
}

.mtw-block-reference {
	margin: 2rem auto;
}

.mtw-block-reference--wrapper {
	margin-right: auto;
	margin-left: auto;
	width: auto;
	max-width: var(--reference-max-width);
}

.mtw-block-reference--title {
	margin-bottom: 1.125rem;
	text-align: left;
	font-family: inherit;
	font-size: 1.125rem;
	font-weight: 700;
}

@media screen and (min-width: 544px) {
	.mtw-block-reference--title {
		font-size: 1.25rem;
	}
}

.mtw-block-reference--description * {
	font-family: inherit;
	font-size: 0.75rem;
	font-weight: 400;
}

@media screen and (min-width: 544px) {
	.mtw-block-reference--description * {
		font-size: 0.875rem;
	}
}