/*
 * blocks.css 
 * Gutenberg Block editor default overrides in dashbord
 * To better reflect the front end styles.
 */

.wp-block {
	font-family: Helvetica, Arial, sans-serif;
	max-width: 900px;
}
.editor-post-title__block .editor-post-title__input {
	font-family: 'EB Garamond', serif;
	font-size: 32px;
	line-height: 1.4;
	font-weight: normal;
}

.wp-block-image figcaption,
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption {
	font-size: 0.8rem;
	line-height: 1.5;
	text-align: left;
}

figcaption.editor-rich-text__editable.block-editor-rich-text__editable {
	display: table;
}

.editor-styles-wrapper figcaption.mce-content-body {
	line-height: 1.5 !important; 
}

.wp-block-button .wp-block-button__link {
	font-size: 1.25rem;
	font-weight: bold;
}

.wp-block-button .wp-block-button__link:hover {
	opacity: 0.9;
}

/* *
 * Color Presets
 * */
.has-orange-color {
	color: #f7941d;
}

.has-green-color {
	color: #7a941d;
}

.has-red-color {
	color: #ee2c3c;
}

.has-light-blue-color {
	color: #64b0c4;
}

.has-blue-color {
	color: #20438f;
}

.has-graphite-gray-color {
	color: #58595b;
}

.has-dark-gray-color {
	color: #404040;
}

.has-black-color {
	color: #000;
}
/* *
 * Background Colors
 * */
.has-orange-background-color {
	background-color: #f7941d;
}

.has-green-background-color {
	background-color: #7a941d;
}

.has-red-background-color {
	background-color: #ee2c3c;
}

.has-light-blue-background-color {
	background-color: #64b0c4;
}

.has-blue-background-color {
	background-color: #20438f;
}
.has-graphite-gray-background-color {
	background-color: #58595b;
}
/* *
 * Buttons Blocks
 * */

.is-style-expanded,
.is-style-expanded .wp-block-button__link,
.is-style-rounded-expanded,
.is-style-rounded-expanded .wp-block-button__link,
.is-style-outline-expanded,
.is-style-outline-expanded .wp-block-button__link,
.is-style-squared-expanded,
.is-style-squared-expanded .wp-block-button__link { 
	width: 100%;
}

.is-style-outline-expanded,
.is-style-outline-expanded .wp-block-button__link,
.is-style-outline-small,
.is-style-outline-small .wp-block-button__link {
	background-color: transparent;
}

.is-style-squared-expanded,
.is-style-squared-expanded .wp-block-button__link,
.is-style-squared-small,
.is-style-squared-small .wp-block-button__link {
	border-radius: 0;
}

.is-style-rounded-small,
.is-style-rounded-small .wp-block-button__link,
.is-style-outline-small,
.is-style-outline-small .wp-block-button__link,
.is-style-squared-small,
.is-style-squared-small .wp-block-button__link {
	font-size: 0.8rem;
	margin-bottom: 0.5rem;
	padding: 0.5rem;
}


.is-style-outline-expanded .wp-block-button__link.has-text-color.has-orange-color,
.is-style-outline-small .wp-block-button__link.has-text-color.has-orange-color {
	border: 2px solid #f7941d;
}

.is-style-outline-expanded .wp-block-button__link.has-text-color.has-orange-color:hover,
.is-style-outline-small .wp-block-button__link.has-text-color.has-orange-color:hover {
	color: #f7941d;
	text-decoration: underline;
}

.is-style-outline-expanded .wp-block-button__link.has-text-color.has-green-color,
.is-style-outline-small .wp-block-button__link.has-text-color.has-green-color {
	border: 2px solid #7a941d;
}

.is-style-outline-expanded .wp-block-button__link.has-text-color.has-green-color:hover,
.is-style-outline-small .wp-block-button__link.has-text-color.has-green-color:hover {
	color: #7a941d;
	text-decoration: underline;
}

.is-style-outline-expanded .wp-block-button__link.has-text-color.has-red-color,
.is-style-outline-small .wp-block-button__link.has-text-color.has-red-color {
	border: 2px solid #ee2c3c;
}

.is-style-outline-expanded .wp-block-button__link.has-text-color.has-red-color:hover,
.is-style-outline-small .wp-block-button__link.has-text-color.has-red-color:hover {
	color: #ee2c3c;
	text-decoration: underline;
}

.is-style-outline-expanded .wp-block-button__link.has-text-color.has-light-blue-color,
.is-style-outline-small .wp-block-button__link.has-text-color.has-light-blue-color {
	border: 2px solid #64b0c4;
}

.is-style-outline-expanded .wp-block-button__link.has-text-color.has-light-blue-color:hover,
.is-style-outline-small .wp-block-button__link.has-text-color.has-light-blue-color:hover {
	color: #64b0c4;
	text-decoration: underline;
}

.is-style-outline-expanded .wp-block-button__link.has-text-color.has-blue-color,
.is-style-outline-small .wp-block-button__link.has-text-color.has-blue-color {
	border: 2px solid #20438f;
}

.is-style-outline-expanded .wp-block-button__link.has-text-color.has-blue-color:hover,
.is-style-outline-small .wp-block-button__link.has-text-color.has-blue-color:hover {
	color: #20438f;
	text-decoration: underline;
}

.is-style-outline-expanded .wp-block-button__link.has-text-color.has-dark-gray-color,
.is-style-outline-small .wp-block-button__link.has-text-color.has-dark-gray-color {
	border: 2px solid #404040;
}

.is-style-outline-expanded .wp-block-button__link.has-text-color.has-dark-gray-color:hover,
.is-style-outline-small .wp-block-button__link.has-text-color.has-dark-gray-color:hover {
	color: #404040;
	text-decoration: underline;
}

.is-style-outline-expanded .wp-block-button__link.has-text-color.has-graphite-gray-color,
.is-style-outline-small .wp-block-button__link.has-text-color.has-graphite-gray-color {
	border: 2px solid #58595b;
}

.is-style-outline-expanded .wp-block-button__link.has-text-color.has-graphite-gray-color:hover,
.is-style-outline-small .wp-block-button__link.has-text-color.has-graphite-gray-color:hover {
	color: #58595b;
	text-decoration: underline;
}

.is-style-outline-expanded .wp-block-button__link.has-text-color.has-black-color,
.is-style-outline-small .wp-block-button__link.has-text-color.has-black-color {
	border: 2px solid #000;
}

.is-style-outline-expanded .wp-block-button__link.has-text-color.has-black-color:hover,
.is-style-outline-small .wp-block-button__link.has-text-color.has-black-color:hover {
	color: #000;
	text-decoration: underline;
}

/* Gutenberg Block Outlines */
.wp-block-button__link.has-orange-color.has-text-color {
	color: #f7941d;
}
.wp-block-button__link.has-green-color.has-text-color {
	color: #7a941d;
}
.wp-block-button__link.has-red-color.has-text-color {
	color: #ee2c3c;
}
.wp-block-button__link.has-light-blue-color.has-text-color {
	color: #64b0c4;
}
.wp-block-button__link.has-blue-color.has-text-color {
	color: #20438f;
}
.wp-block-button__link.has-graphite-gray-color.has-text-color {
	color: #58595b;
}
.wp-block-button__link.has-black-color.has-text-color {
	color: #000;
}
.wp-block-button__link.has-white-color.has-text-color {
	color: #fff;
}