/** === Gallery Block === */
.wp-block-cover, 
.wp-block-cover-image {
	align-items: center;
	background-color: #000;
	background-position: 50%;
	background-size: cover;
	display: flex;
	justify-content: center;
	min-height: 300px;
	position: relative;
	width: 100%;
	overflow: hidden;
	@include mq('md') {
		min-height: 430px;
	}
	@extend .vertical-gutter-flow;
}
.entry-content .wp-block-cover.alignleft,
.entry-content .wp-block-cover.alignright{
	margin-top: 0;
}
.wp-block-cover-image, .wp-block-gallery{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}


.entry-content li.blocks-gallery-item:before{
	display: none;
}
li.blocks-gallery-item figure{
	margin-bottom: 0;
}

.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover h2 {
	color: #fff;
	line-height: 1.25;
	margin-bottom: 0;
	max-width: size-by-col(6, 'xl');
	z-index: 1;
	padding: 0 20px;
}
.johannes-sidebar-right,
.johannes-sidebar-left{
	.wp-block-cover-image .wp-block-cover-image-text,
	.wp-block-cover-image .wp-block-cover-text,
	.wp-block-cover-image h2,
	.wp-block-cover .wp-block-cover-image-text,
	.wp-block-cover .wp-block-cover-text,
	.wp-block-cover h2{
		padding: 14px 48px;
	}
}

.wp-block-gallery {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	padding: 0
}
.entry-content > .wp-block-gallery{
	@include vertical-gutter-flow(1, 1, 1, 0.5);
}

.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center;
	margin: 0 12px 12px 0;
	position: relative
}

.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
	height: 100%;
	margin: 0
}