/**
 * The look of post and page content, i.e. everything the editor produces.
 *
 * This is the only theme stylesheet the block editor gets (add_editor_style), so it is also the
 * only one that has to survive WordPress prefixing every selector with
 * `:where(.editor-styles-wrapper)`. That prefixing walks nested rules too and mangles them, so
 * keep this file flat: no nesting, no `&`.
 *
 * Everything around the content (cards, menus, sidebar) belongs in defaultspace.css. Anything
 * general enough to be a framework rule (typography, code blocks, loading states) belongs in the
 * foundation fork at spaces-markup/vendor/dol-lab/foundation-sites-template, which the editor
 * loads as well.
 */

body {
	/* The editor iframe does not inherit the front end's font. */
	font-family: "Roboto", helvetica, arial, sans-serif;
}

/* Captions read the same whether they come from a shortcode or from a block. */
.wp-caption > p,
figcaption {
	max-width: 100%;
	margin: 0.5em 0;
	color: var(--f-color-text-2);
	text-align: center;
	font-size: 13px;
}

.wp-caption > p {
	margin-bottom: 1em;
}

.wp-caption {
	max-width: 100%;
}

.wp-block-gallery {
	margin-left: 0;
}

.wp-block-table {
	/* overwrite wp-block-defaults */
	min-width: 200px;
}

body .wp-block-table td,
body .wp-block-table th,
body .wp-block-table thead {
	/* less obtrusive table borders */
	border-color: var(--f-color-border-1);
}

.wp-block-search__input {
	/* overwrite foundation defaults */
	margin-bottom: 0;
}

.wp-block-file {
	display: flex;
	align-items: center;
}

.wp-block-file:not(.wp-element-button) {
	font-size: 1em;
	line-height: 1.7em;
}

.wp-block-file__button {
	padding: 0.3em 0.8em;
}

.wp-block-embed__wrapper {
	/* make sure an embedded iframe has proper height */
	display: flex;
}

.wp-video,
.wp-video-shortcode,
.mejs-container:not(.mejs-container-fullscreen) {
	max-height: 40vh;
}

.mejs-container video {
	max-height: 100%;
}

img.emoji {
	position: relative;
}