/*--------------------------------------------------------------
   Blocks
--------------------------------------------------------------*/
.johannes-wrapper{
	overflow-x: hidden;
	position: relative;
}
.aligncenter, 
.alignnone {
	text-align: center;
}
figure.aligncenter,
figure.alignnone{
	max-width: 100%;
}
figcaption{
	font-size: 1.2rem;
	opacity: .8;
	text-align: center;
}
.johannes-sidebar-none .entry-content .alignwide,
.johannes-sidebar-none .entry-content .is-style-wide{
	width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}


.johannes-sidebar-none .alignfull,
.johannes-layout-fa-a .alignfull{
	position: relative;
	left: 50%;
	right: 50%;
}

.johannes-sidebar-none .alignfull,
.johannes-layout-fa-a .alignfull{	
	width: 100vw;
	margin-left: -50vw;
	margin-right: -50vw;
}

.alignfull img,
.entry-content video,
.entry-content iframe{
	width: 100%;
}

.entry-content .alignleft,
body.johannes-sidebar-left .entry-content .alignleft,
body.johannes-sidebar-right .entry-content .alignleft{
	position: relative;
	margin-right: 0;
	float:none;
	@include mq('md') {
		float:left;
		margin-right: get-gutter-width('md');
	}
	@include mq('lg') {
		margin-right: get-gutter-width('xl');
	}
}
.johannes-sidebar-none .entry-content .alignleft{
	margin-left: 0;
	@include mq('lg') {
		margin-left: - size-by-col(2, 'xl');
	}
}


.johannes-sidebar-none .wp-block-image .alignleft,
.johannes-sidebar-none .wp-block-image .alignright{
	@include mq('md') {
		margin-top: 18px;
	}
	@include mq('lg') {
		margin-top: 8px;
	}
}

.entry-content .alignright,
body.johannes-sidebar-left .entry-content .alignright,
body.johannes-sidebar-right .entry-content .alignright{
	position: relative;

	margin-left: 0;
	float:none;
	@include mq('md') {
		float:right;
		margin-left: get-gutter-width('md');
	}
	@include mq('lg') {
		margin-left: get-gutter-width('xl');
	}
}

.johannes-sidebar-none .entry-content .alignright{
	margin-right: 0;

	@include mq('lg') {
		margin-right: - size-by-col(2, 'xl');
	}
}


// Import blocks.
@import "./blocks/paragraph";
@import "./blocks/preformatted";
@import "./blocks/list";
@import "./blocks/separator";
@import "./blocks/table";
@import "./blocks/quote";
@import "./blocks/button";
@import "./blocks/pullquote";
@import "./blocks/columns";
@import "./blocks/image";
@import "./blocks/embed";
@import "./blocks/gallery";
@import "./blocks/cover";
@import "./blocks/code";
@import "./blocks/media-text";
@import "./blocks/tags";
@import "./blocks/rss";
@import "./blocks/search";
@import "./blocks/calendar";


.entry-content .wp-block-latest-comments__comment:before,
.entry-content .wp-block-latest-posts li:before{
	display: none;
}
//Margins / vertical flow
.wp-block-separator,
.wp-block-button,
.wp-block-media-text,
.wp-block-archives,
.wp-block-latest-comments,
.wp-block-embed,
address,
hr,
pre{
	@extend .vertical-gutter-flow;
}
//Sidebar Combinations when sidebar is none
.johannes-sidebar-none{
	.wp-block-preformatted,
	.wp-block-verse,
	pre,
	address{
		@include mq('xl') {
			margin-left:- get-gutter-width('xl');
			margin-right:- get-gutter-width('xl');
		}
	}
}