/*
Theme Name: Ephemeris
Description: Used to style the Block Editor (Gutenberg)
*/

/* Custom Colours */
/* Eclipse */
.edit-post-visual-editor .has-eclipse-background-color {
	background-color: #3a3a3a;
}

.edit-post-visual-editor .has-eclipse-color {
	color: #3a3a3a;
}

/* San Juan */
.edit-post-visual-editor .has-san-juan-background-color {
	background-color: #334861;
}

.edit-post-visual-editor .has-san-juan-color {
	color: #334861;
}

/* Denim */
.edit-post-visual-editor .has-denim-background-color {
	background-color: #2979c7;
}

.edit-post-visual-editor .has-denim-color {
	color: #2979c7;
}

/* Electric Violet */
.edit-post-visual-editor .has-electric-violet-background-color {
	background-color: #8309e7;
}

.edit-post-visual-editor .has-electric-violet-color {
	color: #8309e7;
}

/* Cerise */
.edit-post-visual-editor .has-cerise-background-color {
	background-color: #df49b8;
}

.edit-post-visual-editor .has-cerise-color {
	color: #df49b8;
}

/* Alizarin */
.edit-post-visual-editor .has-alizarin-background-color {
	background-color: #df312c;
}

.edit-post-visual-editor .has-alizarin-color {
	color: #df312c;
}

/* Pumpkin */
.edit-post-visual-editor .has-pumpkin-background-color {
	background-color: #FF8228;
}

.edit-post-visual-editor .has-pumpkin-color {
	color: #FF8228;
}

/* Titanium Yellow */
.edit-post-visual-editor .has-titanium-yellow-background-color {
	background-color: #eef000;
}

.edit-post-visual-editor .has-titanium-yellow-color {
	color: #eef000;
}

/* Atlantis */
.edit-post-visual-editor .has-atlantis-background-color {
	background-color: #7ed934;
}

.edit-post-visual-editor .has-atlantis-color {
	color: #7ed934;
}

/* Denim */
.edit-post-visual-editor .has-white-smoke-background-color {
	background-color: #eee;
}

.edit-post-visual-editor .has-white-smoke-color {
	color: #eee;
}

/* White */
.edit-post-visual-editor .has-white-background-color {
	background-color: #fff;
}

.edit-post-visual-editor .has-white-color {
	color: #fff;
}

/* Custom Font Sizes */
/* Small */
.site-content p.has-small-font-size {
	font-size: 13px;
	font-size: .8125rem;
}

/* Normal */
.site-content p.has-normal-font-size {
	font-size: 16px;
	font-size: 1rem;
}

/* Medium */
.site-content p.has-medium-font-size {
	font-size: 24px;
	font-size: 1.5rem;
}

/* Large */
.site-content p.has-large-font-size {
	font-size: 36px;
	font-size: 2.25rem;
}

/* Huge */
.site-content p.has-huge-font-size {
	font-size: 48px;
	font-size: 3rem;
}

/* Paragraph Block, Classic Block and all default text */
.edit-post-visual-editor .wp-block-paragraph,
.edit-post-visual-editor .wp-block-freeform,
.edit-post-visual-editor,
.edit-post-visual-editor input[type="text"].editor-default-block-appender__content,
.edit-post-visual-editor p {
	font: 16px/1.5 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	color: #3a3a3a;
}

.edit-post-visual-editor .editor-block-list__block {
	color: #3a3a3a;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

/* Inline Images in Paragraph Block */
.edit-post-visual-editor .wp-block-paragraph img {
	vertical-align: top;
}

/* Header */
.edit-post-visual-editor .editor-post-title textarea.editor-post-title__input,
.edit-post-visual-editor h1,
.edit-post-visual-editor h2,
.edit-post-visual-editor h3,
.edit-post-visual-editor h4,
.edit-post-visual-editor h5,
.edit-post-visual-editor h6 {
	font-family: 'Dosis', sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #3a3a3a;
	margin-top: 0;
}

.edit-post-visual-editor .editor-post-title textarea.editor-post-title__input,
.edit-post-visual-editor h1.blocks-rich-text__tinymce {
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
	font-size: 48px;
	font-size: 3rem;
	line-height: 1.25;
}

.edit-post-visual-editor h2.blocks-rich-text__tinymce {
	margin-bottom: 8px;
	margin-bottom: .5rem;
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 1.1666;
}

.edit-post-visual-editor h3.blocks-rich-text__tinymce {
	margin-bottom: 6px;
	margin-bottom: 0.375rem;
	font-size: 28px;
	font-size: 1.75rem;
	line-height: 1.2857;
}

.edit-post-visual-editor h4.blocks-rich-text__tinymce {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.25;
}

.edit-post-visual-editor h5.blocks-rich-text__tinymce {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.25;
}

.edit-post-visual-editor h6.blocks-rich-text__tinymce {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.2142;
}

/* Cover Image block */
.edit-post-visual-editor .wp-block-cover {
	height: 100vh;
}

/* Cover Image Block Header */
.edit-post-visual-editor .wp-block-cover h1.blocks-rich-text__tinymce,
.edit-post-visual-editor .wp-block-cover h2.blocks-rich-text__tinymce,
.edit-post-visual-editor .wp-block-cover h3.blocks-rich-text__tinymce,
.edit-post-visual-editor .wp-block-cover h4.blocks-rich-text__tinymce,
.edit-post-visual-editor .wp-block-cover h5.blocks-rich-text__tinymce,
.edit-post-visual-editor .wp-block-cover h6.blocks-rich-text__tinymce {
	font-family: 'Dosis', sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #3a3a3a;
	margin-top: 0;
	color: #fff;
}

.edit-post-visual-editor .wp-block-cover h1.blocks-rich-text__tinymce {
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
	font-size: 48px;
	font-size: 3rem;
	line-height: 1.25;
}

.edit-post-visual-editor .wp-block-cover h2.blocks-rich-text__tinymce {
	margin-bottom: 8px;
	margin-bottom: .5rem;
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 1.1666;
}

.edit-post-visual-editor .wp-block-cover h3.blocks-rich-text__tinymce {
	margin-bottom: 6px;
	margin-bottom: 0.375rem;
	font-size: 28px;
	font-size: 1.75rem;
	line-height: 1.2857;
}

.edit-post-visual-editor .wp-block-cover h4.blocks-rich-text__tinymce {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.25;
}

.edit-post-visual-editor .wp-block-cover h5.blocks-rich-text__tinymce {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.25;
}

.edit-post-visual-editor .wp-block-cover h6.blocks-rich-text__tinymce {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.2142;
}

/* Blockquote block */
.edit-post-visual-editor .wp-block-quote {
	border-top: none;
	border-bottom: none;
	margin: 0 0 18px 20px;
	margin: 0 0 1.125rem 1.25rem;
	padding: 16px 0 16px 16px;
	padding: 1rem 0 1rem 1rem;
	text-align: left;
}

/* Pullquote block */
.edit-post-visual-editor .wp-block-pullquote {
	border-top: 5px solid #3a3a3a;
	border-bottom: 5px solid #3a3a3a;
	border-left: none;
	margin: 0 0 18px 0;
	margin: 0 0 1.125rem 0;
	padding: 32px 0;
	padding: 2rem 0;
	text-align: center;
}

.edit-post-visual-editor .wp-block-pullquote blockquote {
	margin: 0;
	border: none;
	padding: 16px;
	padding: 1rem;
}

/* Blockquote & Pullquote block */
.edit-post-visual-editor .wp-block-quote p,
.edit-post-visual-editor .wp-block-pullquote p {
	font-style: italic;
	font-weight: 400;
	font-size: 24px;
	font-size: 1.5rem;
	margin: 0 0 8px;
	margin: 0 0 .5rem;
}

.edit-post-visual-editor .wp-block-quote .wp-block-quote__citation,
.edit-post-visual-editor .wp-block-pullquote .wp-block-pullquote__citation {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.125;
	color: #999;
	text-transform: none;
}

.edit-post-visual-editor .wp-block-quote .wp-block-quote__citation::before,
.edit-post-visual-editor .wp-block-pullquote .wp-block-pullquote__citation::before {
	content: "\2014";
	margin-right: 4px;
	margin-right: .25rem;
}

/* Video block */
.edit-post-visual-editor .wp-block-video {
	margin-left: 0;
	margin-right: 0;
}

/* Audio block */
.edit-post-visual-editor .wp-block-audio {
	margin-left: 0;
	margin-right: 0;
}

.edit-post-visual-editor .wp-block-audio audio {
	width: 100%;
}

/* Button block */
.edit-post-visual-editor .wp-block-button .wp-block-button__link {
	display: inline-block;
	*display: inline;
	padding: 9px 14px;
	padding: 0.59375rem 0.875rem;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.25;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #2e7bc4;
	*background-color: #2e7bc4;
	border: none;
	border-radius: 0;
}

.edit-post-visual-editor .wp-block-button .wp-block-button__link:hover {
	background-color: #344860;
	*background-color: #344860;
}

/* Seperator block */
.edit-post-visual-editor hr {
	background-color: inherit;
	border-bottom: 1px solid #999;
	max-width: 500px;
}

.edit-post-visual-editor hr.is-style-wide {
	max-width: 850px;
}

.edit-post-visual-editor hr.is-style-dots {
	border: none;
}

.edit-post-visual-editor hr.is-style-dots::before {
	content: "\00b7 \00b7 \00b7 \00b7 \00b7 \00b7";
}

/* gallery block */
.edit-post-visual-editor .wp-block-gallery .blocks-gallery-image figcaption,
.edit-post-visual-editor .wp-block-gallery .blocks-gallery-item figcaption {
	padding: 10px;
	color: #000;
	background: rgba(255, 255, 255, .7);
}

/* Override some of the Block Editor styles to make Custom Meta Boxes more visible */
.edit-post-meta-boxes-area #poststuff h2.hndle {
	background-color: #f9f9f9;
	border-bottom: none;
}

.edit-post-meta-boxes-area .postbox > .inside {
	border-bottom: none;
}

.edit-post-meta-boxes-area #poststuff .toggle-indicator {
	z-index: 99;
	position: absolute;
	top: 12px;
	right: 15px;
}

.edit-post-meta-boxes-area #poststuff .meta-box-sortables .postbox {
	margin-bottom: 20px;
}

/* Override the Block Editor control styles to make them look consistent with the rest of the WordPress Dashboard */
.components-navigate-regions .components-popover .input-control,
.components-navigate-regions .components-popover input[type="checkbox"],
.components-navigate-regions .components-popover input[type="color"],
.components-navigate-regions .components-popover input[type="date"],
.components-navigate-regions .components-popover input[type="datetime-local"],
.components-navigate-regions .components-popover input[type="datetime"],
.components-navigate-regions .components-popover input[type="email"],
.components-navigate-regions .components-popover input[type="month"],
.components-navigate-regions .components-popover input[type="number"],
.components-navigate-regions .components-popover input[type="password"],
.components-navigate-regions .components-popover input[type="radio"],
.components-navigate-regions .components-popover input[type="search"],
.components-navigate-regions .components-popover input[type="tel"],
.components-navigate-regions .components-popover input[type="text"],
.components-navigate-regions .components-popover input[type="time"],
.components-navigate-regions .components-popover input[type="url"],
.components-navigate-regions .components-popover input[type="week"],
.components-navigate-regions .components-popover select,
.components-navigate-regions .components-popover textarea,
.components-navigate-regions .edit-post-sidebar .input-control,
.components-navigate-regions .edit-post-sidebar input[type="checkbox"],
.components-navigate-regions .edit-post-sidebar input[type="color"],
.components-navigate-regions .edit-post-sidebar input[type="date"],
.components-navigate-regions .edit-post-sidebar input[type="datetime-local"],
.components-navigate-regions .edit-post-sidebar input[type="datetime"],
.components-navigate-regions .edit-post-sidebar input[type="email"],
.components-navigate-regions .edit-post-sidebar input[type="month"],
.components-navigate-regions .edit-post-sidebar input[type="number"],
.components-navigate-regions .edit-post-sidebar input[type="password"],
.components-navigate-regions .edit-post-sidebar input[type="radio"],
.components-navigate-regions .edit-post-sidebar input[type="search"],
.components-navigate-regions .edit-post-sidebar input[type="tel"],
.components-navigate-regions .edit-post-sidebar input[type="text"],
.components-navigate-regions .edit-post-sidebar input[type="time"],
.components-navigate-regions .edit-post-sidebar input[type="url"],
.components-navigate-regions .edit-post-sidebar input[type="week"],
.components-navigate-regions .edit-post-sidebar select,
.components-navigate-regions .edit-post-sidebar textarea,
.components-navigate-regions .editor-block-list__block .input-control,
.components-navigate-regions .editor-block-list__block input[type="checkbox"],
.components-navigate-regions .editor-block-list__block input[type="color"],
.components-navigate-regions .editor-block-list__block input[type="date"],
.components-navigate-regions .editor-block-list__block input[type="datetime-local"],
.components-navigate-regions .editor-block-list__block input[type="datetime"],
.components-navigate-regions .editor-block-list__block input[type="email"],
.components-navigate-regions .editor-block-list__block input[type="month"],
.components-navigate-regions .editor-block-list__block input[type="number"],
.components-navigate-regions .editor-block-list__block input[type="password"],
.components-navigate-regions .editor-block-list__block input[type="radio"],
.components-navigate-regions .editor-block-list__block input[type="search"],
.components-navigate-regions .editor-block-list__block input[type="tel"],
.components-navigate-regions .editor-block-list__block input[type="text"],
.components-navigate-regions .editor-block-list__block input[type="time"],
.components-navigate-regions .editor-block-list__block input[type="url"],
.components-navigate-regions .editor-block-list__block input[type="week"],
.components-navigate-regions .editor-block-list__block select,
.components-navigate-regions .editor-block-list__block textarea,
.components-navigate-regions .editor-post-permalink .input-control,
.components-navigate-regions .editor-post-permalink input[type="checkbox"],
.components-navigate-regions .editor-post-permalink input[type="color"],
.components-navigate-regions .editor-post-permalink input[type="date"],
.components-navigate-regions .editor-post-permalink input[type="datetime-local"],
.components-navigate-regions .editor-post-permalink input[type="datetime"],
.components-navigate-regions .editor-post-permalink input[type="email"],
.components-navigate-regions .editor-post-permalink input[type="month"],
.components-navigate-regions .editor-post-permalink input[type="number"],
.components-navigate-regions .editor-post-permalink input[type="password"],
.components-navigate-regions .editor-post-permalink input[type="radio"],
.components-navigate-regions .editor-post-permalink input[type="search"],
.components-navigate-regions .editor-post-permalink input[type="tel"],
.components-navigate-regions .editor-post-permalink input[type="text"],
.components-navigate-regions .editor-post-permalink input[type="time"],
.components-navigate-regions .editor-post-permalink input[type="url"],
.components-navigate-regions .editor-post-permalink input[type="week"],
.components-navigate-regions .editor-post-permalink select,
.components-navigate-regions .editor-post-permalink textarea,
.components-navigate-regions .editor-post-publish-panel .input-control,
.components-navigate-regions .editor-post-publish-panel input[type="checkbox"],
.components-navigate-regions .editor-post-publish-panel input[type="color"],
.components-navigate-regions .editor-post-publish-panel input[type="date"],
.components-navigate-regions .editor-post-publish-panel input[type="datetime-local"],
.components-navigate-regions .editor-post-publish-panel input[type="datetime"],
.components-navigate-regions .editor-post-publish-panel input[type="email"],
.components-navigate-regions .editor-post-publish-panel input[type="month"],
.components-navigate-regions .editor-post-publish-panel input[type="number"],
.components-navigate-regions .editor-post-publish-panel input[type="password"],
.components-navigate-regions .editor-post-publish-panel input[type="radio"],
.components-navigate-regions .editor-post-publish-panel input[type="search"],
.components-navigate-regions .editor-post-publish-panel input[type="tel"],
.components-navigate-regions .editor-post-publish-panel input[type="text"],
.components-navigate-regions .editor-post-publish-panel input[type="time"],
.components-navigate-regions .editor-post-publish-panel input[type="url"],
.components-navigate-regions .editor-post-publish-panel input[type="week"],
.components-navigate-regions .editor-post-publish-panel select,
.components-navigate-regions .editor-post-publish-panel textarea {
	border: 1px solid #ddd;
	border-radius: 0;
}

@media only screen and (min-width: 1300px) {
	/* Increase the size of the block inserter to something more useful */
	.editor-inserter__popover .editor-inserter__menu {
		width: 700px;
	}
	.editor-inserter__popover .editor-block-types-list__list-item {
		width: 16.6%;
	}
	/* Increase the size of the block inserter icons so they're more readable */
	.editor-inserter__popover .editor-block-icon svg {
		width: 30px;
		height: 30px;
	}
	.editor-inserter__popover .editor-block-types-list__item-icon {
		padding: 12px 20px;
	}
}
