Add IE-specific editor stylesheet.

seedlet/assets/css/ie-editor.css

@@ -0,0 +1,2303 @@
+/**
+ * These styles should be loaded by the Block Editor only
+ */
+:root, body {
+	/* Globals */
+	/* Font Family */
+	/* Font Size */
+	/* Line Height */
+	/* Colors */
+	/* Spacing */
+	/* Elevation */
+	/* Other */
+	/* Elements */
+	/* Blocks */
+	/* Components */
+	/* Vendors */
+}
+
+/**
+ * Repsonsive Styles
+ */
+/**
+ * Required Variables
+ */
+/**
+ * Root Media Query Variables
+ */
+
+/**
+ * Extends
+ */
+.default-max-width {
+	max-width: 100%;
+	margin-left: auto;
+	margin-right: auto;
+}
+@media only screen and (min-width: 482px) {
+	.default-max-width {
+	max-width: 432px;
+	}
+}
+@media only screen and (min-width: 592px) {
+	.default-max-width {
+	max-width: 432px;
+	}
+}
+@media only screen and (min-width: 652px) {
+	.default-max-width {
+	max-width: 542px;
+	}
+}
+@media only screen and (min-width: 822px) {
+	.default-max-width {
+	max-width: 602px;
+	}
+}
+@media only screen and (min-width: 1024px) {
+	.default-max-width {
+	max-width: 602px;
+	}
+}
+
+.wide-max-width {
+	max-width: 100%;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+@media only screen and (min-width: 482px) {
+	.wide-max-width {
+	max-width: 432px;
+	}
+}
+
+@media only screen and (min-width: 592px) {
+	.wide-max-width {
+	max-width: 542px;
+	}
+}
+
+@media only screen and (min-width: 652px) {
+	.wide-max-width {
+	max-width: 602px;
+	}
+}
+
+@media only screen and (min-width: 822px) {
+	.wide-max-width {
+	max-width: 772px;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	.wide-max-width {
+	max-width: 772px;
+	}
+}
+
+@media only screen and (min-width: 482px) {
+	.full-max-width {
+		max-width: 100%;
+		width: auto;
+		margin-left: auto;
+		margin-right: auto;
+	}
+}
+
+/**
+ * Output
+ */
+body {
+	color: #333333;
+	background-color: #FFFFFF;
+	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
+	font-size: 18px;
+	font-weight: normal;
+	-moz-osx-font-smoothing: grayscale;
+	-webkit-font-smoothing: antialiased;
+}
+
+.editor-post-title__block {
+	font-size: 18px;
+}
+
+a {
+	border-bottom: 1px solid #3C8067;
+	color: #000000;
+	text-decoration: none;
+}
+
+a:hover {
+	color: #3C8067;
+}
+
+a:focus {
+	color: #3C8067;
+}
+
+a:active {
+	color: #000000;
+}
+
+button,
+a {
+	cursor: pointer;
+}
+
+/**
+ * Elements
+ * - Styles for basic HTML elemants
+ */
+blockquote {
+	margin: 0;
+	padding: 0;
+}
+
+blockquote p {
+	font-size: 24px;
+	letter-spacing: normal;
+	line-height: 1.3;
+}
+
+blockquote cite {
+	color: #444444;
+	font-size: 14px;
+	letter-spacing: normal;
+}
+
+blockquote footer {
+	color: #444444;
+	font-size: 14px;
+	letter-spacing: normal;
+}
+
+blockquote > * {
+	margin-top: 20px;
+	margin-bottom: 20px;
+}
+
+blockquote > *:first-child {
+	margin-top: 0;
+}
+
+blockquote > *:last-child {
+	margin-bottom: 0;
+}
+
+blockquote.alignleft, blockquote.alignright {
+	padding-left: inherit;
+}
+
+blockquote.alignleft p {
+	font-size: 18px;
+	max-width: inherit;
+	width: inherit;
+}
+
+blockquote.alignright p {
+	font-size: 18px;
+	max-width: inherit;
+	width: inherit;
+}
+
+blockquote.alignleft cite {
+	font-size: 14px;
+	letter-spacing: normal;
+}
+
+blockquote.alignleft footer {
+	font-size: 14px;
+	letter-spacing: normal;
+}
+
+blockquote.alignright cite {
+	font-size: 14px;
+	letter-spacing: normal;
+}
+
+blockquote.alignright footer {
+	font-size: 14px;
+	letter-spacing: normal;
+}
+
+/* Media captions */
+figcaption {
+	color: #444444;
+	font-size: 14px;
+	line-height: 1.7;
+	margin-top: 10px;
+	margin-bottom: 20px;
+	text-align: center;
+}
+.wp-caption {
+	color: #444444;
+	font-size: 14px;
+	line-height: 1.7;
+	margin-top: 10px;
+	margin-bottom: 20px;
+	text-align: center;
+}
+.wp-caption-text {
+	color: #444444;
+	font-size: 14px;
+	line-height: 1.7;
+	margin-top: 10px;
+	margin-bottom: 20px;
+	text-align: center;
+}
+
+.alignleft figcaption,
+.alignright figcaption, .alignleft
+.wp-caption,
+.alignright
+.wp-caption, .alignleft
+.wp-caption-text,
+.alignright
+.wp-caption-text {
+	margin-bottom: 0;
+}
+
+/* WP Smiley */
+.page-content .wp-smiley,
+.entry-content .wp-smiley,
+.comment-content .wp-smiley {
+	border: none;
+	margin-bottom: 0;
+	margin-top: 0;
+	padding: 0;
+}
+
+/* Make sure embeds and iframes fit their containers. */
+embed,
+iframe,
+object {
+	max-width: 100%;
+}
+
+.wp-block-button__link {
+	color: #FFFFFF;
+	font-weight: normal;
+	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
+	font-size: 1em;
+	line-height: 1;
+	background-color: #3C8067;
+	border-radius: 4px;
+	padding: 23px 25px;
+}
+
+.wp-block-button__link:hover {
+	color: #FFFFFF;
+	background-color: #336D58;
+}
+
+.wp-block-button__link:focus {
+	color: #FFFFFF;
+	background-color: #336D58;
+}
+
+.wp-block-button__link.has-focus {
+	color: #FFFFFF;
+	background-color: #336D58;
+}
+
+.wp-block-button__link.is-style-outline {
+	color: #3C8067;
+	background: transparent;
+	border: 2px solid currentcolor;
+}
+
+.is-style-outline .wp-block-button__link {
+	color: #3C8067;
+	background: transparent;
+	border: 2px solid currentcolor;
+}
+
+.wp-block-button__link.is-style-squared,
+.is-style-squared .wp-block-button__link {
+	border-radius: 0;
+}
+
+div[data-type="core/button"] {
+	display: block;
+}
+
+.wp-block-cover {
+	background-color: #000000;
+	min-height: 450px;
+	margin-top: inherit;
+	margin-bottom: inherit;
+}
+
+.wp-block-cover-image {
+	background-color: #000000;
+	min-height: 450px;
+	margin-top: inherit;
+	margin-bottom: inherit;
+}
+
+.wp-block-cover .wp-block-cover__inner-container,
+.wp-block-cover .wp-block-cover-image-text,
+.wp-block-cover .wp-block-cover-text,
+.wp-block-cover .block-editor-block-list__block,
+.wp-block-cover-image .wp-block-cover__inner-container,
+.wp-block-cover-image .wp-block-cover-image-text,
+.wp-block-cover-image .wp-block-cover-text,
+.wp-block-cover-image .block-editor-block-list__block {
+	color: currentColor;
+}
+
+.wp-block-cover .wp-block-cover__inner-container a,
+.wp-block-cover .wp-block-cover-image-text a,
+.wp-block-cover .wp-block-cover-text a,
+.wp-block-cover .block-editor-block-list__block a,
+.wp-block-cover-image .wp-block-cover__inner-container a,
+.wp-block-cover-image .wp-block-cover-image-text a,
+.wp-block-cover-image .wp-block-cover-text a,
+.wp-block-cover-image .block-editor-block-list__block a {
+	color: currentColor;
+}
+
+.wp-block-cover:not([class*='background-color']) .wp-block-cover__inner-container {
+	color: #FAFBF6;
+}
+
+.wp-block-cover:not([class*='background-color']) .wp-block-cover-image-text {
+	color: #FAFBF6;
+}
+
+.wp-block-cover:not([class*='background-color']) .wp-block-cover-text {
+	color: #FAFBF6;
+}
+
+.wp-block-cover:not([class*='background-color']) .block-editor-block-list__block {
+	color: #FAFBF6;
+}
+
+.wp-block-cover-image:not([class*='background-color']) .wp-block-cover__inner-container {
+	color: #FAFBF6;
+}
+
+.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-image-text {
+	color: #FAFBF6;
+}
+
+.wp-block-cover-image:not([class*='background-color']) .wp-block-cover-text {
+	color: #FAFBF6;
+}
+
+.wp-block-cover-image:not([class*='background-color']) .block-editor-block-list__block {
+	color: #FAFBF6;
+}
+
+.wp-block-cover h2 {
+	font-size: 32px;
+	letter-spacing: normal;
+	line-height: 1.3;
+	padding: 0;
+	max-width: inherit;
+	text-align: inherit;
+}
+
+.wp-block-cover-image h2 {
+	font-size: 32px;
+	letter-spacing: normal;
+	line-height: 1.3;
+	padding: 0;
+	max-width: inherit;
+	text-align: inherit;
+}
+
+.wp-block-cover h2.has-text-align-left,
+.wp-block-cover-image h2.has-text-align-left {
+	text-align: left;
+}
+
+.wp-block-cover h2.has-text-align-center,
+.wp-block-cover-image h2.has-text-align-center {
+	text-align: center;
+}
+
+.wp-block-cover h2.has-text-align-right,
+.wp-block-cover-image h2.has-text-align-right {
+	text-align: right;
+}
+
+.wp-block-file .wp-block-file__textlink {
+	border-bottom: 1px solid #3C8067;
+	color: #000000;
+	text-decoration: none;
+}
+
+.wp-block-file .wp-block-file__button {
+	color: #FFFFFF;
+	font-weight: normal;
+	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
+	font-size: 1em;
+	line-height: 1;
+	background-color: #3C8067;
+	border-radius: 4px;
+	padding: 11.5px 12.5px;
+}
+
+.wp-block-file .wp-block-file__button:hover {
+	color: #FFFFFF;
+	background-color: #336D58;
+}
+
+.wp-block-file .wp-block-file__button:focus {
+	color: #FFFFFF;
+	background-color: #336D58;
+}
+
+.wp-block-file .wp-block-file__button.has-focus {
+	color: #FFFFFF;
+	background-color: #336D58;
+}
+
+.wp-block-gallery figcaption {
+	margin-bottom: 0;
+}
+
+.wp-block-group.has-background {
+	padding: 30px;
+}
+
+.wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align=full] {
+	margin: 0;
+	width: 100%;
+}
+
+.wp-block-heading h1 {
+	clear: both;
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: normal;
+}
+
+h1 {
+	clear: both;
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: normal;
+}
+
+.h1 {
+	clear: both;
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: normal;
+}
+
+.wp-block-heading h2 {
+	clear: both;
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: normal;
+}
+
+h2 {
+	clear: both;
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: normal;
+}
+
+.h2 {
+	clear: both;
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: normal;
+}
+
+.wp-block-heading h3 {
+	clear: both;
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: normal;
+}
+
+h3 {
+	clear: both;
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: normal;
+}
+
+.h3 {
+	clear: both;
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: normal;
+}
+
+.wp-block-heading h4 {
+	clear: both;
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: normal;
+}
+
+h4 {
+	clear: both;
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: normal;
+}
+
+.h4 {
+	clear: both;
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: normal;
+}
+
+.wp-block-heading h5 {
+	clear: both;
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: normal;
+}
+
+h5 {
+	clear: both;
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: normal;
+}
+
+.h5 {
+	clear: both;
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: normal;
+}
+
+.wp-block-heading h6 {
+	clear: both;
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: normal;
+}
+
+h6 {
+	clear: both;
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: normal;
+}
+
+.h6 {
+	clear: both;
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: normal;
+}
+
+.wp-block-heading h1 strong {
+	font-weight: 600;
+}
+
+h1 strong {
+	font-weight: 600;
+}
+
+.h1 strong {
+	font-weight: 600;
+}
+
+.wp-block-heading h2 strong {
+	font-weight: 600;
+}
+
+h2 strong {
+	font-weight: 600;
+}
+
+.h2 strong {
+	font-weight: 600;
+}
+
+.wp-block-heading h3 strong {
+	font-weight: 600;
+}
+
+h3 strong {
+	font-weight: 600;
+}
+
+.h3 strong {
+	font-weight: 600;
+}
+
+.wp-block-heading h4 strong {
+	font-weight: 600;
+}
+
+h4 strong {
+	font-weight: 600;
+}
+
+.h4 strong {
+	font-weight: 600;
+}
+
+.wp-block-heading h5 strong {
+	font-weight: 600;
+}
+
+h5 strong {
+	font-weight: 600;
+}
+
+.h5 strong {
+	font-weight: 600;
+}
+
+.wp-block-heading h6 strong {
+	font-weight: 600;
+}
+
+h6 strong {
+	font-weight: 600;
+}
+
+.h6 strong {
+	font-weight: 600;
+}
+
+.wp-block-heading h1 {
+	font-size: 48px;
+	letter-spacing: normal;
+	line-height: 1.3;
+}
+
+h1 {
+	font-size: 48px;
+	letter-spacing: normal;
+	line-height: 1.3;
+}
+
+.h1 {
+	font-size: 48px;
+	letter-spacing: normal;
+	line-height: 1.3;
+}
+
+.wp-block-heading h2 {
+	font-size: 32px;
+	letter-spacing: normal;
+	line-height: 1.3;
+}
+
+h2 {
+	font-size: 32px;
+	letter-spacing: normal;
+	line-height: 1.3;
+}
+
+.h2 {
+	font-size: 32px;
+	letter-spacing: normal;
+	line-height: 1.3;
+}
+
+.wp-block-heading h3 {
+	font-size: 28px;
+	letter-spacing: normal;
+	line-height: 1.3;
+}
+
+h3 {
+	font-size: 28px;
+	letter-spacing: normal;
+	line-height: 1.3;
+}
+
+.h3 {
+	font-size: 28px;
+	letter-spacing: normal;
+	line-height: 1.3;
+}
+
+.wp-block-heading h4 {
+	font-size: 24px;
+	letter-spacing: normal;
+	line-height: 1.3;
+}
+
+h4 {
+	font-size: 24px;
+	letter-spacing: normal;
+	line-height: 1.3;
+}
+
+.h4 {
+	font-size: 24px;
+	letter-spacing: normal;
+	line-height: 1.3;
+}
+
+.wp-block-heading h5 {
+	font-size: 18px;
+	letter-spacing: normal;
+	line-height: undefined;
+}
+
+h5 {
+	font-size: 18px;
+	letter-spacing: normal;
+	line-height: undefined;
+}
+
+.h5 {
+	font-size: 18px;
+	letter-spacing: normal;
+	line-height: undefined;
+}
+
+.wp-block-heading h6 {
+	font-size: 1em;
+	letter-spacing: normal;
+	line-height: undefined;
+}
+
+h6 {
+	font-size: 1em;
+	letter-spacing: normal;
+	line-height: undefined;
+}
+
+.h6 {
+	font-size: 1em;
+	letter-spacing: normal;
+	line-height: undefined;
+}
+
+.wp-block-heading h1[style*="--wp--typography--line-height"] {
+	line-height: undefined;
+}
+
+h1[style*="--wp--typography--line-height"] {
+	line-height: undefined;
+}
+
+.h1[style*="--wp--typography--line-height"] {
+	line-height: undefined;
+}
+
+.wp-block-heading h2[style*="--wp--typography--line-height"] {
+	line-height: undefined;
+}
+
+h2[style*="--wp--typography--line-height"] {
+	line-height: undefined;
+}
+
+.h2[style*="--wp--typography--line-height"] {
+	line-height: undefined;
+}
+
+.wp-block-heading h3[style*="--wp--typography--line-height"] {
+	line-height: undefined;
+}
+
+h3[style*="--wp--typography--line-height"] {
+	line-height: undefined;
+}
+
+.h3[style*="--wp--typography--line-height"] {
+	line-height: undefined;
+}
+
+.wp-block-heading h4[style*="--wp--typography--line-height"] {
+	line-height: undefined;
+}
+
+h4[style*="--wp--typography--line-height"] {
+	line-height: undefined;
+}
+
+.h4[style*="--wp--typography--line-height"] {
+	line-height: undefined;
+}
+
+.wp-block-heading h5[style*="--wp--typography--line-height"] {
+	line-height: undefined;
+}
+
+h5[style*="--wp--typography--line-height"] {
+	line-height: undefined;
+}
+
+.h5[style*="--wp--typography--line-height"] {
+	line-height: undefined;
+}
+
+.wp-block-heading h6[style*="--wp--typography--line-height"] {
+	line-height: undefined;
+}
+
+h6[style*="--wp--typography--line-height"] {
+	line-height: undefined;
+}
+
+.h6[style*="--wp--typography--line-height"] {
+	line-height: undefined;
+}
+
+/* Center image block by default in the editor */
+.wp-block-image > div {
+	text-align: center;
+}
+
+[data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized {
+	margin: 0 auto;
+}
+
+.wp-block-latest-comments {
+	margin-left: 0;
+}
+
+.wp-block-latest-posts {
+	padding-left: 0;
+}
+
+.wp-block-latest-posts:not(.is-grid) > li {
+	margin-top: 30px;
+	margin-bottom: 30px;
+}
+
+.wp-block-latest-posts:not(.is-grid) > li:first-child {
+	margin-top: 0;
+}
+
+.wp-block-latest-posts:not(.is-grid) > li:last-child {
+	margin-bottom: 0;
+}
+
+.wp-block-latest-posts.is-grid > li {
+	margin-bottom: 30px;
+}
+
+.wp-block-latest-posts.is-grid > li:last-child {
+	margin-bottom: 0;
+}
+
+.wp-block-latest-posts > li > * {
+	margin-top: 15px;
+	margin-bottom: 15px;
+}
+
+.wp-block-latest-posts > li > *:first-child {
+	margin-top: 0;
+}
+
+.wp-block-latest-posts > li > *:last-child {
+	margin-bottom: 0;
+}
+
+.wp-block-latest-posts > li > a {
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-size: 28px;
+	font-weight: normal;
+	line-height: 1.3;
+}
+
+.wp-block-latest-posts .wp-block-latest-posts__post-date {
+	color: #444444;
+	font-size: 14px;
+	line-height: 1.7;
+}
+
+[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
+.has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
+	color: currentColor;
+}
+
+.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
+	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
+	font-size: 16px;
+	line-height: 1.7;
+}
+
+.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
+	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
+	font-size: 16px;
+	line-height: 1.7;
+}
+
+.gallery-item {
+	display: inline-block;
+	text-align: center;
+	vertical-align: top;
+	width: 100%;
+}
+
+.gallery-columns-2 .gallery-item {
+	max-width: 50%;
+}
+
+.gallery-columns-3 .gallery-item {
+	max-width: 33.33%;
+}
+
+.gallery-columns-4 .gallery-item {
+	max-width: 25%;
+}
+
+.gallery-columns-5 .gallery-item {
+	max-width: 20%;
+}
+
+.gallery-columns-6 .gallery-item {
+	max-width: 16.66%;
+}
+
+.gallery-columns-7 .gallery-item {
+	max-width: 14.28%;
+}
+
+.gallery-columns-8 .gallery-item {
+	max-width: 12.5%;
+}
+
+.gallery-columns-9 .gallery-item {
+	max-width: 11.11%;
+}
+
+.gallery-caption {
+	display: block;
+}
+
+ul {
+	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
+	margin: 30px 0;
+	padding-left: 50px;
+}
+
+ol {
+	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
+	margin: 30px 0;
+	padding-left: 50px;
+}
+
+ul.aligncenter,
+ol.aligncenter {
+	list-style-position: inside;
+	padding: 0;
+}
+
+ul.alignright,
+ol.alignright {
+	list-style-position: inside;
+	text-align: right;
+	padding: 0;
+}
+
+li > ul,
+li > ol {
+	margin: 0;
+}
+
+dt {
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: bold;
+}
+
+.wp-block-media-text .block-editor-inner-blocks {
+	padding-right: 25px;
+	padding-left: 25px;
+}
+
+.wp-block-media-text[style*="background-color"]:not(.has-background-background-color) a {
+	color: currentColor;
+}
+
+.wp-block-navigation .wp-block-navigation__container {
+	background: #FFFFFF;
+	padding: 0;
+}
+
+.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
+	padding: 13.2px;
+}
+
+.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
+	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
+	font-size: 16px;
+	font-weight: normal;
+}
+
+.wp-block-navigation .has-child .wp-block-navigation__container {
+	box-shadow: 1px 1px 3px 0px rgba( 0, 0, 0, 0.2 );
+}
+
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
+	color: #3C8067;
+}
+
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
+	color: #3C8067;
+}
+
+.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
+	color: currentColor;
+}
+
+p {
+	line-height: --global--line-height-body;
+}
+
+p.has-background {
+	padding: 20px;
+}
+
+p.has-background:not(.has-background-background-color) a {
+	color: currentColor;
+}
+
+.a8c-posts-list {
+	padding-left: 0;
+}
+
+.wp-block-pullquote {
+	padding: 40px 0;
+	margin-left: 0;
+	margin-right: 0;
+	text-align: left;
+	border-top-color: transparent;
+	border-top-width: 0;
+	border-bottom-color: transparent;
+	border-bottom-width: 0;
+	color: #333333;
+}
+
+.wp-block-pullquote p {
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-size: 32px;
+	font-style: italic;
+	letter-spacing: normal;
+	line-height: 1.3;
+	margin: 0;
+}
+
+.wp-block-pullquote a {
+	color: currentColor;
+}
+
+.wp-block-pullquote .wp-block-pullquote__citation {
+	color: #444444;
+	font-size: 14px;
+}
+
+.wp-block-pullquote cite {
+	color: #444444;
+	font-size: 14px;
+}
+
+.wp-block-pullquote footer {
+	color: #444444;
+	font-size: 14px;
+}
+
+.wp-block-pullquote:not(.is-style-solid-color) {
+	background: none;
+}
+
+.wp-block-pullquote.is-style-solid-color {
+	background-color: #333333;
+	color: #FFFFFF;
+	padding: 40px;
+}
+
+.wp-block-pullquote.is-style-solid-color.alignleft blockquote {
+	padding-left: 20px;
+	padding-right: 20px;
+	max-width: inherit;
+}
+
+.wp-block-pullquote.is-style-solid-color.alignright blockquote {
+	padding-left: 20px;
+	padding-right: 20px;
+	max-width: inherit;
+}
+
+.wp-block-pullquote.is-style-solid-color blockquote {
+	margin: 0;
+	text-align: left;
+	max-width: 100%;
+}
+
+.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
+.wp-block-pullquote.is-style-solid-color cite,
+.wp-block-pullquote.is-style-solid-color footer {
+	color: currentColor;
+}
+
+.wp-block[data-align="full"] .wp-block-pullquote:not(.is-style-solid-color) blockquote {
+	padding: 0 40px;
+}
+
+.wp-block-quote {
+	border-left-color: #3C8067;
+	border-left-width: 1px;
+	margin: 30px 0;
+	padding-left: 25px;
+}
+
+.wp-block-quote p {
+	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
+	font-size: 18px;
+	font-style: normal;
+	line-height: 1.7;
+}
+
+.wp-block-quote.is-large {
+	border-left: 1px solid #3C8067;
+	padding-left: 25px;
+	/* Resetting margins to match _block-container.scss */
+	margin-top: 30px;
+	margin-bottom: 30px;
+}
+
+.wp-block-quote.is-style-large {
+	border-left: 1px solid #3C8067;
+	padding-left: 25px;
+	/* Resetting margins to match _block-container.scss */
+	margin-top: 30px;
+	margin-bottom: 30px;
+}
+
+.wp-block-quote.is-large p {
+	font-size: 24px;
+	font-style: normal;
+	line-height: 1.5;
+}
+
+.wp-block-quote.is-style-large p {
+	font-size: 24px;
+	font-style: normal;
+	line-height: 1.5;
+}
+
+.wp-block-quote.is-large.has-text-align-right {
+	border-left: none;
+	border-right: 1px solid #3C8067;
+}
+
+.wp-block-quote.is-style-large.has-text-align-right {
+	border-left: none;
+	border-right: 1px solid #3C8067;
+}
+
+.wp-block-quote.has-text-align-right {
+	border-right: 1px solid #3C8067;
+}
+
+.wp-block-quote.has-text-align-center {
+	border: none;
+}
+
+.has-background:not(.has-background-background-color) .wp-block-quote,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-quote,
+[style*="background-color"]:not(.has-background-background-color) .wp-block-quote,
+.wp-block-cover[style*="background-image"] .wp-block-quote {
+	border-color: currentColor;
+}
+
+.wp-block-quote .wp-block-quote__citation {
+	color: #444444;
+	font-size: 14px;
+}
+
+.has-background:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+[style*="background-color"]:not(.has-background-background-color) .wp-block-quote .wp-block-quote__citation,
+.wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation {
+	color: currentColor;
+}
+
+.wp-block-search {
+	display: flex;
+	max-width: 100%;
+}
+
+@media only screen and (min-width: 482px) {
+	.wp-block-search {
+	max-width: 432px;
+	}
+}
+
+@media only screen and (min-width: 592px) {
+	.wp-block-search {
+	max-width: 432px;
+	}
+}
+
+@media only screen and (min-width: 652px) {
+	.wp-block-search {
+	max-width: 542px;
+	}
+}
+
+@media only screen and (min-width: 822px) {
+	.wp-block-search {
+	max-width: 602px;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	.wp-block-search {
+	max-width: 602px;
+	}
+}
+
+.wp-block-search .wp-block-search__label {
+	font-weight: normal;
+}
+
+.wp-block-search .wp-block-search__input {
+	border: 2px solid #EFEFEF;
+	border-radius: 0;
+	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
+	font-size: 18px;
+	line-height: 1.7;
+	max-width: inherit;
+	margin-right: 16.5px;
+	padding: 10px;
+}
+
+.wp-block-search .wp-block-search__input:focus {
+	border-color: #EFEFEF;
+}
+
+.wp-block-separator {
+	border-bottom: 2px solid #EFEFEF;
+	clear: both;
+}
+
+hr {
+	border-bottom: 2px solid #EFEFEF;
+	clear: both;
+}
+
+.wp-block-separator[style*="text-align:right"] {
+	border-right-color: #EFEFEF;
+}
+
+.wp-block-separator[style*="text-align: right"] {
+	border-right-color: #EFEFEF;
+}
+
+hr[style*="text-align:right"] {
+	border-right-color: #EFEFEF;
+}
+
+hr[style*="text-align: right"] {
+	border-right-color: #EFEFEF;
+}
+
+.wp-block-separator.is-style-wide {
+	border-bottom-width: 2px;
+}
+
+hr.is-style-wide {
+	border-bottom-width: 2px;
+}
+
+.wp-block-separator.is-style-dots,
+hr.is-style-dots {
+	border-bottom: none;
+}
+
+.wp-block-separator.is-style-dots.has-background, .wp-block-separator.is-style-dots.has-text-color,
+hr.is-style-dots.has-background,
+hr.is-style-dots.has-text-color {
+	background-color: transparent !important;
+}
+
+.wp-block-separator.is-style-dots.has-background:before, .wp-block-separator.is-style-dots.has-text-color:before,
+hr.is-style-dots.has-background:before,
+hr.is-style-dots.has-text-color:before {
+	color: currentColor !important;
+}
+
+.wp-block-separator.is-style-dots:before {
+	color: #EFEFEF;
+}
+
+hr.is-style-dots:before {
+	color: #EFEFEF;
+}
+
+.has-background:not(.has-background-background-color) .wp-block-separator,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-separator,
+[style*="background-color"]:not(.has-background-background-color) .wp-block-separator,
+.wp-block-cover[style*="background-image"] .wp-block-separator, .has-background:not(.has-background-background-color)
+hr,
+[class*="background-color"]:not(.has-background-background-color)
+hr,
+[style*="background-color"]:not(.has-background-background-color)
+hr,
+.wp-block-cover[style*="background-image"]
+hr {
+	border-color: currentColor;
+}
+
+table th {
+	font-family: 'Playfair Display', Georgia, Times, serif;
+}
+
+.wp-block-table th {
+	font-family: 'Playfair Display', Georgia, Times, serif;
+}
+
+table td {
+	padding: 10px;
+}
+
+table th {
+	padding: 10px;
+}
+
+.wp-block-table td {
+	padding: 10px;
+}
+
+.wp-block-table th {
+	padding: 10px;
+}
+
+pre.wp-block-verse {
+	padding: 0;
+}
+
+/**
+* Editor Post Title
+* - Needs a special styles
+*/
+.editor-post-title__block .editor-post-title__input {
+	color: #333333;
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-weight: normal;
+	font-size: 32px;
+	letter-spacing: normal;
+	line-height: 1.3;
+}
+
+.wp-block.block-editor-default-block-appender > textarea {
+	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
+	font-size: 18px;
+}
+
+.has-primary-color[class] {
+	color: #000000;
+}
+
+.has-secondary-color[class] {
+	color: #3C8067;
+}
+
+.has-foreground-color[class] {
+	color: #333333;
+}
+
+.has-foreground-light-color[class] {
+	color: #444444;
+}
+
+.has-foreground-dark-color[class] {
+	color: #000000;
+}
+
+.has-tertiary-color[class] {
+	color: #FAFBF6;
+}
+
+.has-background-dark-color[class] {
+	color: #DDDDDD;
+}
+
+.has-background-color[class] {
+	color: #FFFFFF;
+}
+
+.has-background:not(.has-background-background-color) a,
+.has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 {
+	color: currentColor;
+}
+
+.has-primary-background-color[class] {
+	background-color: #000000;
+	color: #FFFFFF;
+}
+
+.has-primary-background-color[class] {
+	background-color: #000000;
+	color: #FFFFFF;
+}
+
+.has-secondary-background-color[class] {
+	background-color: #3C8067;
+	color: #FFFFFF;
+}
+
+.has-foreground-background-color[class] {
+	background-color: #333333;
+	color: #FFFFFF;
+}
+
+.has-foreground-light-background-color[class] {
+	background-color: #444444;
+	color: #FFFFFF;
+}
+
+.has-foreground-dark-background-color[class] {
+	background-color: #000000;
+	color: #FFFFFF;
+}
+
+.has-tertiary-background-color[class] {
+	background-color: #FAFBF6;
+	color: #333333;
+}
+
+.has-background-dark-background-color[class] {
+	background-color: #DDDDDD;
+	color: #333333;
+}
+
+.has-background-background-color[class] {
+	background-color: #FFFFFF;
+	color: #333333;
+}
+
+.has-white-background-color[class] {
+	background-color: white;
+	color: #3C8067;
+}
+
+.has-black-background-color[class] {
+	background-color: black;
+	color: #000000;
+}
+
+.is-tiny-text {
+	font-size: 14px;
+}
+
+.has-tiny-font-size {
+	font-size: 14px;
+}
+
+.is-small-text {
+	font-size: 16px;
+}
+
+.has-small-font-size {
+	font-size: 16px;
+}
+
+.is-regular-text {
+	font-size: 18px;
+}
+
+.has-regular-font-size {
+	font-size: 18px;
+}
+
+.has-normal-font-size {
+	font-size: 18px;
+}
+
+.has-medium-font-size {
+	font-size: 18px;
+}
+
+.is-large-text {
+	font-size: 24px;
+	line-height: 1.3;
+}
+
+.has-large-font-size {
+	font-size: 24px;
+	line-height: 1.3;
+}
+
+.is-larger-text {
+	font-size: 28px;
+	line-height: 1.3;
+}
+
+.has-larger-font-size {
+	font-size: 28px;
+	line-height: 1.3;
+}
+
+.has-huge-font-size {
+	font-size: 28px;
+	line-height: 1.3;
+}
+
+.has-drop-cap:not(:focus)::first-letter {
+	font-family: 'Playfair Display', Georgia, Times, serif;
+	font-size: 96px;
+	font-weight: normal;
+}
+
+/**
+ * Spacing Overrides
+ */
+[data-block] {
+	margin-top: 30px;
+	margin-bottom: 30px;
+}
+
+[data-block] [data-block]:first-child {
+	margin-top: 0;
+}
+
+[data-block] [data-block]:nth-last-child(2) {
+	margin-bottom: 0;
+}
+
+/* 
+ * Custom gradients 
+*/
+.has-hard-diagonal-gradient-background {
+	background: linear-gradient(to bottom right, #3C8067 49.9%, #FAFBF6 50%);
+}
+
+.has-hard-diagonal-inverted-gradient-background {
+	background: linear-gradient(to top left, #3C8067 49.9%, #FAFBF6 50%);
+}
+
+.has-diagonal-gradient-background {
+	background: linear-gradient(to bottom right, #3C8067, #FAFBF6);
+}
+
+.has-diagonal-inverted-gradient-background {
+	background: linear-gradient(to top left, #3C8067, #FAFBF6);
+}
+
+.has-hard-horizontal-gradient-background {
+	background: linear-gradient(to bottom, #3C8067 50%, #FAFBF6 50%);
+}
+
+.has-hard-horizontal-inverted-gradient-background {
+	background: linear-gradient(to top, #3C8067 50%, #FAFBF6 50%);
+}
+
+.has-horizontal-gradient-background {
+	background: linear-gradient(to bottom, #3C8067, #FAFBF6);
+}
+
+.has-horizontal-inverted-gradient-background {
+	background: linear-gradient(to top, #3C8067, #FAFBF6);
+}
+
+.has-stripe-gradient-background {
+	background: linear-gradient(to bottom, transparent 20%, #3C8067 20%, #3C8067 80%, transparent 80%);
+}
+
+/* Block Alignments */
+.wp-block {
+	max-width: 100%;
+}
+@media only screen and (min-width: 482px) {
+	.wp-block {
+	max-width: 432px;
+	}
+}
+@media only screen and (min-width: 592px) {
+	.wp-block {
+	max-width: 432px;
+	}
+}
+@media only screen and (min-width: 652px) {
+	.wp-block {
+	max-width: 542px;
+	}
+}
+@media only screen and (min-width: 822px) {
+	.wp-block {
+	max-width: 602px;
+	}
+}
+@media only screen and (min-width: 1024px) {
+	.wp-block {
+	max-width: 602px;
+	}
+}
+
+.wp-block[data-align="wide"] {
+	max-width: 100%;
+}
+
+@media only screen and (min-width: 482px) {
+	.wp-block[data-align="wide"] {
+	max-width: 432px;
+	}
+}
+
+@media only screen and (min-width: 592px) {
+	.wp-block[data-align="wide"] {
+	max-width: 542px;
+	}
+}
+
+@media only screen and (min-width: 652px) {
+	.wp-block[data-align="wide"] {
+	max-width: 602px;
+	}
+}
+
+@media only screen and (min-width: 822px) {
+	.wp-block[data-align="wide"] {
+	max-width: 772px;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	.wp-block[data-align="wide"] {
+	max-width: 772px;
+	}
+}
+
+.wp-block.alignwide {
+	max-width: 100%;
+}
+
+@media only screen and (min-width: 482px) {
+	.wp-block.alignwide {
+	max-width: 432px;
+	}
+}
+
+@media only screen and (min-width: 592px) {
+	.wp-block.alignwide {
+	max-width: 542px;
+	}
+}
+
+@media only screen and (min-width: 652px) {
+	.wp-block.alignwide {
+	max-width: 602px;
+	}
+}
+
+@media only screen and (min-width: 822px) {
+	.wp-block.alignwide {
+	max-width: 772px;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	.wp-block.alignwide {
+	max-width: 772px;
+	}
+}
+
+.wp-block[data-align="full"], .wp-block.alignfull {
+	max-width: none;
+}
+
+.alignleft {
+	margin: 0;
+	margin-right: 25px;
+}
+
+.alignright {
+	margin: 0;
+	margin-left: 25px;
+}
+
+/**
+ * Jetpack editor styles
+ */
+/**
+ * Jetpack Block editor styles
+ */
+.wp-block-a8c-blog-posts.image-aligntop .post-thumbnail {
+	margin-bottom: 15px;
+}
+
+.wp-block-a8c-blog-posts.image-alignleft .post-thumbnail {
+	margin-right: 30px;
+}
+
+.wp-block-a8c-blog-posts.image-alignright .post-thumbnail {
+	margin-left: 30px;
+}
+
+.wp-block-a8c-blog-posts.image-alignbehind .post-has-image .entry-wrapper {
+	padding: 30px;
+}
+
+.wp-block-a8c-blog-posts.image-alignbehind .post-has-image .cat-links {
+	color: white;
+}
+
+.wp-block-a8c-blog-posts.image-alignbehind .post-has-image a:hover {
+	color: currentColor;
+}
+
+.wp-block-a8c-blog-posts .article-section-title {
+	font-size: 1em;
+	margin-top: 0;
+	margin-bottom: 15px;
+}
+
+.wp-block-a8c-blog-posts article {
+	margin-bottom: 90px;
+}
+
+.wp-block-a8c-blog-posts .post-thumbnail img {
+	vertical-align: middle;
+	width: auto;
+}
+
+.wp-block-a8c-blog-posts .entry-wrapper > * {
+	/* Vertical margins logic between post details */
+	margin-top: 20px;
+	margin-bottom: 20px;
+}
+
+.wp-block-a8c-blog-posts .entry-wrapper > *:first-child {
+	margin-top: 0;
+}
+
+.wp-block-a8c-blog-posts .entry-wrapper > *:last-child {
+	margin-bottom: 0;
+}
+
+.wp-block-a8c-blog-posts .entry-title a {
+	color: #000000;
+}
+
+.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
+[style*="background-color"] .wp-block-a8c-blog-posts .entry-title a {
+	color: currentColor;
+}
+
+.wp-block-a8c-blog-posts .entry-title a:hover {
+	color: #3C8067;
+}
+
+.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
+[style*="background-color"] .wp-block-a8c-blog-posts .entry-title a {
+	color: currentColor;
+}
+
+.wp-block-a8c-blog-posts .more-link {
+	display: block;
+	color: inherit;
+	margin-top: 20px;
+}
+
+.wp-block-a8c-blog-posts .more-link:after {
+	content: "\02192";
+	display: inline-block;
+	margin-left: 0.5em;
+}
+
+.wp-block-a8c-blog-posts .more-link:hover {
+	color: #3C8067;
+	text-decoration: none;
+}
+
+.wp-block-a8c-blog-posts .more-link:active {
+	color: #3C8067;
+	text-decoration: none;
+}
+
+.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:hover,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:hover,
+[style*="background-color"] .wp-block-a8c-blog-posts .more-link:hover, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:active,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:active,
+[style*="background-color"] .wp-block-a8c-blog-posts .more-link:active {
+	color: currentColor;
+}
+
+.wp-block-a8c-blog-posts .entry-meta {
+	color: #444444;
+	font-size: 16px;
+}
+
+.wp-block-a8c-blog-posts .cat-links {
+	color: #444444;
+	font-size: 16px;
+}
+
+.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta,
+[style*="background-color"] .wp-block-a8c-blog-posts .entry-meta, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts .cat-links,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts .cat-links,
+[style*="background-color"]
+.wp-block-a8c-blog-posts .cat-links {
+	color: currentColor;
+}
+
+.wp-block-a8c-blog-posts .entry-meta .byline:not(:last-child) {
+	margin-right: 20px;
+}
+
+.wp-block-a8c-blog-posts .cat-links .byline:not(:last-child) {
+	margin-right: 20px;
+}
+
+.wp-block-a8c-blog-posts .entry-meta .published + .updated,
+.wp-block-a8c-blog-posts .cat-links .published + .updated {
+	display: none;
+}
+
+.wp-block-a8c-blog-posts .entry-meta a,
+.wp-block-a8c-blog-posts .cat-links a {
+	color: currentColor;
+	text-decoration: underline;
+}
+
+.wp-block-a8c-blog-posts .entry-meta a:hover {
+	color: #3C8067;
+	text-decoration: none;
+}
+
+.wp-block-a8c-blog-posts .entry-meta a:active {
+	color: #3C8067;
+	text-decoration: none;
+}
+
+.wp-block-a8c-blog-posts .cat-links a:hover {
+	color: #3C8067;
+	text-decoration: none;
+}
+
+.wp-block-a8c-blog-posts .cat-links a:active {
+	color: #3C8067;
+	text-decoration: none;
+}
+
+.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:hover,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:hover,
+[style*="background-color"] .wp-block-a8c-blog-posts .entry-meta a:hover, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:active,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:active,
+[style*="background-color"] .wp-block-a8c-blog-posts .entry-meta a:active, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts .cat-links a:hover,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts .cat-links a:hover,
+[style*="background-color"]
+.wp-block-a8c-blog-posts .cat-links a:hover, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts .cat-links a:active,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts .cat-links a:active,
+[style*="background-color"]
+.wp-block-a8c-blog-posts .cat-links a:active {
+	color: currentColor;
+}
+
+.wp-block-search .wp-block-search__button {
+	line-height: 1;
+	color: #FFFFFF;
+	cursor: pointer;
+	font-weight: normal;
+	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
+	font-size: 1em;
+	background-color: #3C8067;
+	border-radius: 4px;
+	border-width: 0;
+	text-decoration: none;
+	padding: 23px 25px;
+}
+
+.wp-block-a8c-blog-posts + .button {
+	line-height: 1;
+	color: #FFFFFF;
+	cursor: pointer;
+	font-weight: normal;
+	font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
+	font-size: 1em;
+	background-color: #3C8067;
+	border-radius: 4px;
+	border-width: 0;
+	text-decoration: none;
+	padding: 23px 25px;
+}
+
+.wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:before, .wp-block-search .wp-block-search__button:after, .wp-block-a8c-blog-posts + .button:after {
+	content: '';
+	display: block;
+	height: 0;
+	width: 0;
+}
+
+.wp-block-search .wp-block-search__button:before {
+	margin-bottom: -calc(0.5em + -0.38);
+}
+
+.wp-block-a8c-blog-posts + .button:before {
+	margin-bottom: -calc(0.5em + -0.38);
+}
+
+.wp-block-search .wp-block-search__button:after {
+	margin-top: -calc(0.5em + -0.39);
+}
+
+.wp-block-a8c-blog-posts + .button:after {
+	margin-top: -calc(0.5em + -0.39);
+}
+
+.wp-block-search .wp-block-search__button:active {
+	color: #FFFFFF;
+	background-color: #000000;
+}
+
+.wp-block-a8c-blog-posts + .button:active {
+	color: #FFFFFF;
+	background-color: #000000;
+}
+
+.wp-block-search .wp-block-search__button:hover {
+	color: #FFFFFF;
+	background-color: #336D58;
+}
+
+.wp-block-a8c-blog-posts + .button:hover {
+	color: #FFFFFF;
+	background-color: #336D58;
+}
+
+.wp-block-search .wp-block-search__button:focus {
+	color: #FFFFFF;
+	background-color: #336D58;
+}
+
+.wp-block-a8c-blog-posts + .button:focus {
+	color: #FFFFFF;
+	background-color: #336D58;
+}
+
+.wp-block-search .has-focus.wp-block-search__button {
+	color: #FFFFFF;
+	background-color: #336D58;
+}
+
+.wp-block-a8c-blog-posts + .has-focus.button {
+	color: #FFFFFF;
+	background-color: #336D58;
+}
+
+.wp-block-a8c-blog-posts + .button {
+	display: inline-block;
+	font-size: 18px;
+}
+
+.wp-block-a8c-blog-posts + .button:hover {
+	cursor: default;
+}
+
+.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts + .button {
+	background-color: transparent;
+	border: 2px solid currentColor;
+	color: currentColor;
+}
+
+[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts + .button {
+	background-color: transparent;
+	border: 2px solid currentColor;
+	color: currentColor;
+}
+
+[style*="background-color"] .wp-block-a8c-blog-posts + .button {
+	background-color: transparent;
+	border: 2px solid currentColor;
+	color: currentColor;
+}
+
+/* Gutter Options */
+.wp-block-jetpack-layout-grid {
+	grid-gap: 40px;
+}
+.wp-block-jetpack-layout-grid > .block-editor-inner-blocks > .block-editor-block-list__layout {
+	grid-gap: 40px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none {
+	grid-gap: 0px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none > .block-editor-inner-blocks > .block-editor-block-list__layout {
+	grid-gap: 0px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small {
+	grid-gap: 10px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small > .block-editor-inner-blocks > .block-editor-block-list__layout {
+	grid-gap: 10px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium {
+	grid-gap: 20px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium > .block-editor-inner-blocks > .block-editor-block-list__layout {
+	grid-gap: 20px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large {
+	grid-gap: 40px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large > .block-editor-inner-blocks > .block-editor-block-list__layout {
+	grid-gap: 40px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge {
+	grid-gap: 60px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge > .block-editor-inner-blocks > .block-editor-block-list__layout {
+	grid-gap: 60px;
+}
+
+/* No Gutters Options */
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none {
+	padding-left: 0px;
+	padding-right: 0px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none.wp-block-jetpack-layout-gutter__nowrap {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small {
+	padding-left: 10px;
+	padding-right: 10px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small.wp-block-jetpack-layout-gutter__nowrap {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium {
+	padding-left: 20px;
+	padding-right: 20px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium.wp-block-jetpack-layout-gutter__nowrap {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large {
+	padding-left: 40px;
+	padding-right: 40px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large.wp-block-jetpack-layout-gutter__nowrap {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge {
+	padding-left: 60px;
+	padding-right: 60px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge.wp-block-jetpack-layout-gutter__nowrap {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+/* Padding Options */
+.wp-block-jetpack-layout-grid {
+	padding-left: 40px;
+	padding-right: 40px;
+	/* Individual Column Options */
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.has-background {
+	margin-left: -20px;
+	margin-right: -20px;
+	padding-left: 20px;
+	padding-right: 20px;
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column[style^="background-color"] {
+	margin-left: -20px;
+	margin-right: -20px;
+	padding-left: 20px;
+	padding-right: 20px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__nowrap {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+/* Additional, user-set paddings. */
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-none {
+	padding: 0px;
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-none.has-background {
+	padding-top: 0px;
+	padding-right: 20px;
+	padding-bottom: 0px;
+	padding-left: 20px;
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-none[style^="background-color"] {
+	padding-top: 0px;
+	padding-right: 20px;
+	padding-bottom: 0px;
+	padding-left: 20px;
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-small {
+	padding: 10px;
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-small.has-background {
+	padding-top: 10px;
+	padding-right: 30px;
+	padding-bottom: 10px;
+	padding-left: 30px;
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-small[style^="background-color"] {
+	padding-top: 10px;
+	padding-right: 30px;
+	padding-bottom: 10px;
+	padding-left: 30px;
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-medium {
+	padding: 20px;
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-medium.has-background {
+	padding-top: 20px;
+	padding-right: 40px;
+	padding-bottom: 20px;
+	padding-left: 40px;
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-medium[style^="background-color"] {
+	padding-top: 20px;
+	padding-right: 40px;
+	padding-bottom: 20px;
+	padding-left: 40px;
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-large {
+	padding: 40px;
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-large.has-background {
+	padding-top: 40px;
+	padding-right: 60px;
+	padding-bottom: 40px;
+	padding-left: 60px;
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-large[style^="background-color"] {
+	padding-top: 40px;
+	padding-right: 60px;
+	padding-bottom: 40px;
+	padding-left: 60px;
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge {
+	padding: 60px;
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge.has-background {
+	padding-top: 60px;
+	padding-right: 80px;
+	padding-bottom: 60px;
+	padding-left: 80px;
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column.wp-block-jetpack-layout-grid__padding-huge[style^="background-color"] {
+	padding-top: 60px;
+	padding-right: 80px;
+	padding-bottom: 60px;
+	padding-left: 80px;
+}
+
+/* Overlay grid */
+.wp-block-jetpack-layout-grid {
+	/* wpcom-overlay-grid is the classname targeting the grid overlay visual aid displayed in the editor */
+}
+
+.wp-block-jetpack-layout-grid .wpcom-overlay-grid {
+	grid-gap: 40px;
+	padding-left: 40px;
+	padding-right: 40px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none .wpcom-overlay-grid {
+	grid-gap: 0px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none .wpcom-overlay-grid {
+	padding-left: 0px;
+	padding-right: 0px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small .wpcom-overlay-grid {
+	grid-gap: 10px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small .wpcom-overlay-grid {
+	padding-left: 10px;
+	padding-right: 10px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__small.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium .wpcom-overlay-grid {
+	grid-gap: 20px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium .wpcom-overlay-grid {
+	padding-left: 20px;
+	padding-right: 20px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__medium.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large .wpcom-overlay-grid {
+	grid-gap: 40px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large .wpcom-overlay-grid {
+	padding-left: 40px;
+	padding-right: 40px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__large.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge .wpcom-overlay-grid {
+	grid-gap: 60px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge .wpcom-overlay-grid {
+	padding-left: 60px;
+	padding-right: 60px;
+}
+
+.wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__huge.wp-block-jetpack-layout-gutter__nowrap .wpcom-overlay-grid {
+	padding-left: 0;
+	padding-right: 0;
+}

seedlet/assets/css/style-editor.css

@@ -1,7 +1,7 @@
 /**
  * These styles should be loaded by the Block Editor only
  */
-body {
+:root, body {
 	/* Globals */
 	/* Font Family */
 	--global--font-primary: 'Playfair Display', Georgia, Times, serif;

seedlet/assets/sass/abstracts/_mixins.scss

@@ -8,7 +8,7 @@
 	}
 
 	@if editor == $view {
-		body {
+		:root, body {
 			@content;
 		}
 	}

seedlet/functions.php

@@ -17,6 +17,14 @@ if ( version_compare( $GLOBALS['wp_version'], '4.7', '<' ) ) {
 	return;
 }
 
+/**
+ * Determine whether the site is being requested from IE.
+ */
+$is_ie = false;
+if ( preg_match( '~MSIE|Internet Explorer~i', $_SERVER['HTTP_USER_AGENT']) || (strpos($_SERVER['HTTP_USER_AGENT'], 'Trident/7.0; rv:11.0') !== false ) ) {
+	$is_ie = true;
+}
+
 if ( ! function_exists( 'seedlet_setup' ) ) :
 	/**
 	 * Sets up theme defaults and registers support for various WordPress features.
@@ -106,10 +114,16 @@ if ( ! function_exists( 'seedlet_setup' ) ) :
 		// Add support for editor styles.
 		add_theme_support( 'editor-styles' );
 
+		$editor_stylesheet_path = './assets/css/style-editor.css';
+		if ( $is_ie ) {
+			$editor_stylesheet_path = './assets/css/ie-editor.css';
+		}
+
 		// Enqueue editor styles.
-		add_editor_style( array(
-			seedlet_fonts_url(),
-			'./assets/css/style-editor.css'
+		add_editor_style(
+			array(
+				seedlet_fonts_url(),
+				$editor_stylesheet_path,
 		) );
 
 		// Add custom editor font sizes.
@@ -336,7 +350,7 @@ function seedlet_scripts() {
 	wp_enqueue_style( 'seedlet-fonts', seedlet_fonts_url(), array(), null );
 
 	// Theme styles
-	if (preg_match('~MSIE|Internet Explorer~i', $_SERVER['HTTP_USER_AGENT']) || (strpos($_SERVER['HTTP_USER_AGENT'], 'Trident/7.0; rv:11.0') !== false)) {
+	if ( $is_ie ) {
 		// If IE 11 or below, use a flattened stylesheet with static values replacing CSS Variables
 		wp_enqueue_style( 'seedlet-style', get_template_directory_uri() . '/assets/css/ie.css', array(), wp_get_theme()->get( 'Version' ) );
 	} else {

seedlet/package.json

@@ -47,6 +47,7 @@
     "build:print": "node-sass assets/sass/print.scss assets/css/print.css --output-style expanded --indent-type tab --indent-width 1",
     "build": "run-p \"build:*\" && npm run ie",
     "ie": "postcss style.css -o assets/css/ie.css",
+    "ie-editor": "postcss assets/css/style-editor.css -o assets/css/ie-editor.css",
     "watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial",
     "child-theme": "sh ../theme-dev-utils/build-child-theme.sh"
   }