:root {
	--sydney-global-color-1: #d65050;
	--sydney-global-color-2: #b73d3d;
	--sydney-global-color-3: #233452;
	--sydney-global-color-4: #00102E;
	--sydney-global-color-5: #6d7685;
	--sydney-global-color-6: #00102E;
	--sydney-global-color-7: #F4F5F7;
	--sydney-global-color-8: #dbdbdb;
	--sydney-global-color-9: #ffffff;

	--sydney-headings-color: var(--sydney-global-color-4);
	--sydney-dark-background: var(--sydney-global-color-6);
	--sydney-grey-color: var(--sydney-global-color-5);
	--sydney-text-color: var(--sydney-global-color-3);
	--sydney-light-background: var(--sydney-global-color-7);
	--sydney-button-background: var(--sydney-global-color-1);
	--sydney-border-color: var(--sydney-global-color-8);
}

/* General */
.editor-styles-wrapper h1.editor-post-title {
	line-height: 1.2;
}
.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper > *,
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container > * {
	max-width: 790px;
	margin-left: auto;
	margin-right: auto;
}

.editor-styles-wrapper .block-editor-block-list__layout.is-root-container > *[data-align=full] {
	max-width: none;
}
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container > *[data-align=wide] {
	max-width: calc(790px + 10vw);
}

.editor-styles-wrapper .wp-block {
	margin-top: 0;
	margin-bottom: 1.5em;
}

.editor-styles-wrapper .wp-block-heading {
	margin-bottom: 0.5em;
}
.editor-styles-wrapper h1.wp-block-heading {
	margin-top: 1em;
} 
.editor-styles-wrapper h2.wp-block-heading,
.editor-styles-wrapper h3.wp-block-heading,
.editor-styles-wrapper h4.wp-block-heading,
.editor-styles-wrapper h5.wp-block-heading,
.editor-styles-wrapper h6.wp-block-heading {
	margin-top: 1.2em;
}

/* Blockquotes */
.editor-styles-wrapper blockquote p {
	font-size: 22px;
}
.editor-styles-wrapper blockquote.is-style-large,
.editor-styles-wrapper blockquote {
	background-color: var(--sydney-light-background);
	font-size: 22px;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 30px 30px 30px 40px;
	position: relative;
	border-left: 3px solid #000;
	line-height: 1.2;
}
.editor-styles-wrapper .wp-block-pullquote .wp-block-pullquote__citation,
.editor-styles-wrapper blockquote.is-style-large cite,
.wp-block-quote cite,
.editor-styles-wrapper blockquote cite {
	color: var(--sydney-grey-color);
	text-transform: uppercase;
	font-size: 12px;
	font-style: normal;
	letter-spacing: 1px;
}

.editor-styles-wrapper blockquote.is-style-large {
	font-size: 32px;
}
.editor-styles-wrapper blockquote.is-style-large p {
	font-style: normal;
	font-size: 32px;
}
.editor-styles-wrapper .wp-block-quote.is-style-large cite {
	text-align: left;
}

.editor-styles-wrapper .wp-block-pullquote blockquote {
	padding: 30px;
	border: 3px solid #000;
	margin-left: 0;
	margin-right: 0;
}
.editor-styles-wrapper .wp-block-pullquote p {
	font-size: 32px;
}
.editor-styles-wrapper .wp-block-pullquote {
	border: 0;
	padding: 0;
	margin-top: 45px;
	margin-bottom: 45px;
}

.is-style-sydney-no-margin {
	margin: 0 !important;
}

.wp-block-column {
	margin-bottom: 0;
}
.zindex10 {
	z-index: 10;
	overflow: visible;
}
/* Buttons */
.editor-styles-wrapper .wp-block-button {
	margin-bottom: 0;
}
.editor-styles-wrapper .wp-block-button__link {
	border-radius: 3px;
	transition: all 0.3s ease-in-out;
	text-transform: uppercase;
	font-weight: 600;
}
.editor-styles-wrapper .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background-color: var(--sydney-button-background);
}
.editor-styles-wrapper .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
	opacity: 0.85;
}
.editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
	color: var(--sydney-button-background);
}
.editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover {
	background-color: var(--sydney-button-background);
	border-color: var(--sydney-button-background);
	color: #fff;
}
/* List */
.editor-styles-wrapper .wp-block-list li {
	margin-bottom: 0;
}

/* Post-title heading anchors inside query-type blocks should use the heading color, not browser-default link blue. Mirrors css/styles.css fix for issue #352. :where() keeps the editor-styles-wrapper scoping without adding specificity, so per-block link colors (Gutenberg's Color → Link picker) still win by source order. */
:where(.editor-styles-wrapper) .wp-block-post-title a,
:where(.editor-styles-wrapper) .wp-block-post-title > a,
:where(.editor-styles-wrapper) .wp-block-latest-posts__post-title {
	color: var(--sydney-headings-color);
	text-decoration: none;
}
/* Pattern library icon and avatar rows. Mirrors css/styles.css so the editor canvas and the Pattern Library previews render the circles the same way the front end does. css/styles.css is enqueued on wp_enqueue_scripts only, so it never reaches either iframe. */
.editor-styles-wrapper .sydney-icon-row > .sydney-icon,
.editor-styles-wrapper .sydney-avatar-row > .sydney-avatar {
	flex-shrink: 0;
}
.editor-styles-wrapper .sydney-icon-row > .sydney-icon + .wp-block-group,
.editor-styles-wrapper .sydney-avatar-row > .sydney-avatar + .wp-block-group {
	min-width: 0;
}
.editor-styles-wrapper .sydney-avatar-row > .sydney-avatar + .wp-block-group {
	overflow-wrap: break-word;
}
@media (max-width: 781px) {
	.editor-styles-wrapper .wp-block-group.sydney-icon-row,
	.editor-styles-wrapper .wp-block-group.sydney-avatar-row {
		flex-wrap: wrap;
	}
	.editor-styles-wrapper .sydney-icon-row > .sydney-icon + .wp-block-group,
	.editor-styles-wrapper .sydney-avatar-row > .sydney-avatar + .wp-block-group {
		min-width: auto;
	}
}
