$main-text-color: #3e3d3d;
$main-text-accent-color: #d02c2d;
$white-color: #ffffff;
$pullquote-width: 305px;
$pullquote-width-margin: $pullquote-width + 20;


.wp-block {
	.editor-post-title {
		&__input {
			font-family: 'Raleway', sans-serif;
		}
	}
}

.edit-post-layout {
	&__content {
		p.wp-block-paragraph {
			font-family: 'Raleway', sans-serif;
			color: $main-text-color;
			font-size: 16px;
			line-height: 1.65;
			font-weight: normal;
		}
	}
}

.editor-post-title {
	&__input {
		font-weight: 600;
		color: $main-text-color;
		margin-bottom: 17px;
	}
}

.wp-block-heading {
	font-family: 'Raleway', sans-serif;

	h1 {
		font-size: 3.571em;
	}

	h2 {
		font-size: 3.214em;
	}

	h3 {
		font-size: 2em;
	}

	h4 {
		font-size: 1.3333em;
	}

	h5 {
		font-size: 1em;
	}
}

h6 {
	font-size: 0.75em;
}

.wp-block-pullquote {
	border-top: 0;
	border-bottom: 0;
	padding: 0;

	&.alignleft {
		padding: 10px 30px 10px 0;
	}

	&.alignright{
		padding: 10px 0 10px 30px;
	}
}

.wp-block-quote {
	border: 0;
	padding-left: 30px;
}

blockquote {
	font-size: 18px;
	line-height: 28px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	color: #4e5860;
	font-style: italic;
	margin-bottom: 40px;
	padding: 10px 10px 10px 30px;
	position: relative;

	&::before {
		content:"";
		height: 100%;
		width: 6px;
		position: absolute;
		left: 0;
		top: 0;
		background: $main-text-accent-color;
	}

	cite {
		font-size: 16px;
		font-weight: 700;
		margin-top: 10px;
	}
}

cite {
	font-size: 16px;
	font-weight: 700;
	margin-top: 10px;
}

.block-editor-block-list {

	$this: &;

	&__block {
		&[data-type="core/pullquote"] {
			max-width: $pullquote-width;
			height: auto !important;

			&[data-align=left] {
				float: left;
				margin: 5px 20px 20px $pullquote-width-margin;
				padding-right: 0;
			}

			&[data-align=right] {
				float: right;
				margin: 5px $pullquote-width-margin 20px 20px;
				padding-left: 0;
			}
		}

		&[data-type="core/image"] {
			float: none;

			&[data-align=left] {
				.wp-block-image {
					margin-right: 20px;
				}
			}

			&[data-align=right] {
				.wp-block-image {
					margin-left: 20px;
				}
			}

			&[data-align=center]{
				.wp-block-image {
					display: block;
				}

				.editor-rich-text {
					display: block;
				}
			}
		}

		&[data-type="core/cover"] {
			max-width: 100%;
		}
	}
}

// This is a dirty hack as I cannot figure out the nesting for the scss of these
.block-editor-block-list__layout .block-editor-block-list__block[data-align=left] .block-editor-block-list__block-edit {
	margin-right: 0;
}

.block-editor-block-list__layout .block-editor-block-list__block[data-align=right] .block-editor-block-list__block-edit {
	margin-left: 0;
}

.wp-block-pullquote {
	&.is-style-solid-color {
		blockquote {
			margin: 0;
		}
	}
}

.wp-block-quote {
	&.is-large,
	&.is-large {
		padding-left: 30px;
		padding-bottom: 10px;
	}
}

.wp-block-button {
	&__link {
		font-family: 'Raleway', sans-serif;
		font-weight: 600;
		font-size: 14px;
		padding: 12px 33px 13px 34px;
	}
}

.wp-block-cover {
	&__inner-container {
		font-family: 'Raleway', sans-serif;
		font-weight: 600;
	}

	&.full-height {
		height: 100vh;
	}
}

.wp-block-media-text.alignfull .wp-block-media-text__content {
	padding: 0;
}

.wp-block-media-text__content p {
	margin-bottom: 0;
}