/** === Pullquote Block === */

.wp-block-pullquote p,
.wp-block-pullquote.is-style-solid-color blockquote p{
	font-size: 1.8rem;
	@include mq('md') {
		font-size: 2.2rem;
	}
	@include mq('lg') {
		font-size: 2.4rem;
	}
}
.wp-block-pullquote.is-style-solid-color blockquote p{
	@extend .vertical-gutter-flow;		
}
.wp-block-pullquote.is-style-solid-color blockquote cite{
	font-style: italic;
}

//WP block Pullquote
cite{
	font-style: italic;
	font-weight: normal;
}
.wp-block-pullquote{
	font-size: 1.8rem;
	line-height: 1.66;
	font-weight: 900;
	padding: 10px;
	@include mq('md') {
		padding: 30px 35px;
		margin-left:- get-gutter-width('lg');
		margin-right:- get-gutter-width('lg');
	}
	@include mq('lg') {
		padding: 40px 45px;
		margin-left:- get-gutter-width('xl');
		margin-right:- get-gutter-width('xl');
	}

	@include mq('xl') {
		margin-left:- get-gutter-width('xl');
		margin-right:- get-gutter-width('xl');
	}

	@include margin-flow();
}
body.johannes-sidebar-left .wp-block-pullquote,
body.johannes-sidebar-right .wp-block-pullquote{
	margin-left: 0;
	margin-right: 0;
}
.wp-block-pullquote.alignfull.is-style-default > *,
.wp-block-pullquote.alignwide > *,
.wp-block-pullquote.alignwide.is-style-solid-color > *,
.wp-block-pullquote.alignfull.is-style-solid-color > *,
.wp-block-pullquote.is-style-solid-color blockquote,
.wp-block-pullquote.alignfull blockquote{
	max-width: 100%;
	@include mq('sm') {
		max-width: size-by-col(6, 'sm');
	}
	@include mq('md') {
		max-width: size-by-col(7, 'md');
	}
	@include mq('lg') {
		max-width: size-by-col(6, 'xl');
	}
	width: 100%;
	margin-left: auto;
	margin-right: auto;
    display: block;
}
.wp-block-pullquote.alignwide{
	margin-left: 0;
	margin-right: 0;
}
.wp-block-pullquote > blockquote:before{
	display: none;
}
.wp-block-pullquote > blockquote{
	margin-bottom: 0;
}
.wp-block-pullquote{
	border-top: 4px solid;
	border-bottom: 4px solid;
	text-align: left;
}

.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright{
	margin-top: 10px;
	margin-bottom: 15px;
	max-width: 100%;
	@include mq('md') {
		max-width: 305px;
		margin-bottom: 30px;
	}
}
.wp-block-pullquote.alignleft p, 
.wp-block-pullquote.alignright p,
.wp-block-pullquote.is-style-solid-color.alignleft blockquote p,
.wp-block-pullquote.is-style-solid-color.alignright blockquote p {
	font-size: 1.8rem;
	@include mq('md') {
		font-size: 2.2rem;
	}
}
.entry-content .wp-block-pullquote p:last-child{
	margin-bottom: 0;
}

