
/*!
 * ## - Blocks
 */

p.wp-block-subhead {

	@include modular-scale( epsilon );
	opacity: 1;

}

.wp-block-pullquote blockquote,
.wp-block-quote,
.wp-block-quote.is-large {

	margin-bottom: $grid-line-height * $grid-line-height-multiplier;

}

.wp-block-quote{

	p {

		@include modular-scale( $blockquote-size );

	}

	&.is-large {

		p {

			@include modular-scale( $blockquote-size-large );

		}

	}

}

.wp-block-separator {

	width: 10rem;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	border-bottom-width: $border-width;
	border-color: $black;

	&.is-style-wide {

		width: 20rem;
		border-bottom-width: $border-width;

	}

	&.is-style-dots {

		&:before {

			font-size: 2rem;
			letter-spacing: 1em;
			padding-inline-start: 1em;
			line-height: 0;
			color: $black;

		}

	}

}

.wp-block-audio {

	audio {

		width: 100%;

	}

}

.wp-block-image {

	margin-bottom: $grid-line-height * $grid-line-height-multiplier;
	max-width: var( --wp-alignfull-size );

	&.is-resized {

	}

	&.alignfull {

		img {

			width: 100%;

		}

	}

}

.wp-block-cover-image {

	&.alignleft,
	&.alignright,
	&.aligncenter {

		display: flex;

	}

}


.wp-block-columns {

	.wp-block-column {

		padding-left: ( $grid-gutter / 2 );
		padding-right: ( $grid-gutter / 2 );

		&:first-child {

			padding-inline-start: 0;

		}

		&:last-child {

			padding-inline-end: 0;

		}

	}

}