body.no-breadcrumbs #content {
	margin-top: 0;
}

body.no-breadcrumbs #primary {
	padding-top: 0!important;
}

/* Only do this in the block editor */
.block-editor-block-list__layout.is-root-container {
	max-width: var(--wp--custom--content-size);
	margin-left: auto;
	margin-right: auto;
}

/* On larger than mobile change the base font size of the content area to 18px */
@media only screen and (min-width: 655px) {
	.post-content,
	.block-editor-block-list__layout.is-root-container {
		font-size: var(--wp--preset--font-size--medium)!important;
		line-height: 180%!important;
	}
	.post-content > p,
	.block-editor-block-list__layout.is-root-container > p {
		line-height: 180%!important;
	}
}

/* Align Full Bleed */
.block-editor-block-list__layout.is-root-container > .alignfull:not(.alignleft):not(.alignright),
.post-content :where(.alignfull:not(.alignleft):not(.alignright)) {
	--margin: 100vw;
	--margin-calc: calc(var(--margin) * 0.5);
	margin-left: calc(50% - var(--margin-calc))!important;
	max-width: 100vw;
	width: 100vw !important;
}

/* Align Wide */
/* Collapse alignwide when we get down to mobile */
@media only screen and (max-width: 655px) {
	.alignwide {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
}
/* When on large enough desktop align wide with offset on margin */
@media only screen and (min-width: 1152px) {
	.block-editor-block-list__layout.is-root-container > .alignwide:not(.alignleft):not(.alignright),
	.post-content .alignwide:not(.alignleft):not(.alignright) {
		--gutter: calc(var(--wp--custom--max-width) - 640px);
		--offset-calc: calc(var(--gutter) / 2);
		margin-left: calc(-1 * var(--offset-calc)) !important;
		margin-right: calc(-1 * var(--offset-calc)) !important;
		max-width: var(--wp--custom--max-width) !important;
		width: 100vw;
	}
	.block-editor-block-list__layout.is-root-container > .alignwide:not(.alignleft):not(.alignright) .alignwide,
	.post-content .alignwide:not(.alignleft):not(.alignright) .alignwide {
		margin-left: 0!important;
		margin-right: 0!important;
		width: 100%1important;
		max-width: 100%!important;
	}
	.alignwide > img {
		max-width: var(--wp--custom--max-width) !important;
	}
	.alignleft:not(.disabled-offset-alignment),
	.wp-block[data-align=left]:not(.disabled-offset-alignment)>* {
		margin-left: var(--wp--custom--offset-margin) !important;
	}

	.alignright:not(.disabled-offset-alignment),
	.wp-block[data-align=right]:not(.disabled-offset-alignment)>* {
		margin-right: var(--wp--custom--offset-margin) !important;
	}
}

/* Align Left and Right */
/* When on large enough desktop align left|right with offset on margin */
@media only screen and (min-width: 1152px) {
	.block-editor-block-list__layout.is-root-container > .alignleft:not(.disabled-offset-alignment),
	.alignleft:not(.disabled-offset-alignment),
	.wp-block[data-align=left]:not(.disabled-offset-alignment)>* {
		margin-left: var(--wp--custom--offset-margin) !important;
	}

	.block-editor-block-list__layout.is-root-container > .alignright:not(.disabled-offset-alignment),
	.alignright:not(.disabled-offset-alignment),
	.wp-block[data-align=right]:not(.disabled-offset-alignment)>* {
		margin-right: var(--wp--custom--offset-margin) !important;
	}
}

/* Typographic Scale */
body.post-template-template-essay .post-content h2:not(.wp-block-prc-block-subtitle):not(.toc-title) {
	font-size: 36px!important;
	line-height: 41px!important;
}
body.post-template-template-essay .post-content h3:not(.wp-block-prc-block-subtitle):not(.toc-title) {
	font-size: 24px!important;
	line-height: 32px!important;
}

@media only screen and (max-width: 655px) {
	body.post-template-template-essay .post-content h2:not(.wp-block-prc-block-subtitle):not(.toc-title) {
		font-size: 24px!important;
		line-height: 26px!important;
	}
	body.post-template-template-essay .post-content h3:not(.wp-block-prc-block-subtitle):not(.toc-title) {
		font-size: 18px!important;
		line-height: 20px!important;
	}
}