/*--------------------------------------------------------------
* Gutenberg Styles - used for both editor and front-end display
* -------------------------------------------------------------- */

#content *[class^="wp-block-"] {
	margin-bottom: 1em;
}

#content .wp-block-cover-image {	/* no margin for these */
	margin-bottom:	0;
}

#content .wp-block-image figcaption {
	margin-top: -.5em;
}

/* Dropcaps */
.has-drop-cap {}

/* Images */
.wp-block-image {}
.wp-block-image.alignwide {}
.wp-block-image.alignfull {}
.wp-block-image.aligncenter {
	margin: 0 auto;
}

.wp-block-image {
	display:		inline-block !important;	/* This is needed to get caption under just the image instead of a whole block. Bug in Gutenberg styling? */
	margin-bottom: 	1.5em;
}

.wp-block-image figcaption {		/* custom styling for wp-block-image caption */
}

/* Galleries */
ul.wp-block-gallery,
ul.wp-block-gallery li {
	padding: 0;
}


/* Blockquotes*/
blockquote.wp-block-quote {
	background:		rgba(128, 128, 128, 0.1);
	border-width:	0;
	border-left:	4px solid rgba(128, 128, 128, 0.4)	!important;	/* don't know why this has to be important?? */
	margin:			1.5em;
	overflow:		auto;
	padding:		1em 1.5em 1em 1.2em;
	width: 			90%;
}

.wp-block-quote p {
	font-style:		italic;
	font-size:		1em;
	margin:			0;
}

.wp-block-quote.blocks-quote-style-1 {}
.wp-block-quote.blocks-quote-style-2 {}

.wp-block-quote cite {
	border-width:	0;
	color:			inherit;
	display:		block;
	font-style:		normal;
	font-weight:	bold;
	margin-left:	3em;
	margin-top:		.5em;
}

/* Cover Images */
.wp-block-cover-image {
}
.wp-block-cover-image {
}

.wp-block-cover-image.has-background-dim {}

@media (min-width: 768px) {
	#content .wp-block-cover-image {				/* This rule makes the image full width */
		left: 50%;
		margin-left: -50vw;
		width: 100vw;
		position: relative;
		overflow-x: hidden;
		max-width: 100vw;
	}
}

#container,#content,.content-page{overflow:visible;}	/* need to override theme's default hidden */

#content.l-content-rsb, #content.l-content-rsb-m,
#content.l-content-lsb, #content.l-content-lsb-m,
#content.l-content-ssb, #content.l-content-ssb-m,
#content.l-content-ssbs, #content.l-content-ssbs-m {overflow:hidden;}	/* don't let the bg parallax be full width when sidebars used */

/* fix left/right text to center */
#content.l-content-rsb .wp-block-cover-image.has-right-content, #content.l-content-rsb-m .wp-block-cover-image.has-right-content,
#content.l-content-lsb .wp-block-cover-image.has-right-content, #content.l-content-lsb-m .wp-block-cover-image.has-right-content,
#content.l-content-ssb .wp-block-cover-image.has-right-content, #content.l-content-ssb-m .wp-block-cover-image.has-right-content,
#content.l-content-ssbs .wp-block-cover-image.has-right-content, #content.l-content-ssbs-m .wp-block-cover-image.has-right-content{-ms-flex-pack:center;justify-content:center;}

#content.l-content-rsb .wp-block-cover-image.has-left-content, #content.l-content-rsb-m .wp-block-cover-image.has-left-content,
#content.l-content-lsb .wp-block-cover-image.has-left-content, #content.l-content-lsb-m .wp-block-cover-image.has-left-content,
#content.l-content-ssb .wp-block-cover-image.has-left-content, #content.l-content-ssb-m .wp-block-cover-image.has-left-content,
#content.l-content-ssbs .wp-block-cover-image.has-left-content, #content.l-content-ssbs-m .wp-block-cover-image.has-left-content{-ms-flex-pack:center;justify-content:center;}

/* Video */
.wp-block-video {}

.wp-block-video video,
.wp-block-video iframe {
	max-width: 100%;
}

/* Audio */
.wp-block-audio {}

/* Embed */
.wp-block-embed {}

/* Pullquotes */
.wp-block-pullquote {
	border: 2px dashed rgba(0,0,0,0.25);
	background: rgba(0,0,0,0.15);
	box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.15);
	color: inherit;
	padding: 1.5em 0.75em;
}

.wp-block-pullquote > p {
	font-family: "Lato", Helvetica, sans-serif;
}

.wp-block-pullquote cite {
	color: inherit;
	opacity: 0.8;
}

/* Tables */
.wp-block-table {
	display: table;
}

.wp-block-table th {
	text-align:			left;
	padding:			4px 4px;
}

.wp-block-table td {
	margin:				0;
	padding:			4px 4px;
}

/* Preformatted */
/* Code */
.wp-block-code,
.wp-block-preformatted {
	box-shadow:				0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	box-sizing:				border-box;
	background:				rgba(128, 128, 128, 0.1);
	border:					1px solid #aaaaaa;
	border-bottom-color:    #cccccc;
	border-radius:			2px;
	font-family:			'Inconsolata', monospace;
	font-size:				.8em;
	height:					auto;
	margin:					0;
	margin-bottom:			1.5em;
	outline:				none;
	overflow:				auto;
	padding:				6px 10px;
	vertical-align:			middle;
	width:					100%;
	word-wrap:				break-word;
	white-space:			pre-wrap;
}

.wp-block-code .blocks-plain-text {
	background:				transparent;
	padding:				0 !important;
	margin:					0 !important;
	border:					none !important;
	font-family:			inherit!important;
	font-size:				0.8em;
	color:					inherit !important;
	overflow-x:				auto!important;
}

/* Verse +*/

.wp-block-verse {
	background:		rgba(128, 128, 128, 0.1);
	border:			none;
	border-width:	0;
	border-left:	4px solid rgba(128, 128, 128, 0.4);
	box-shadow:		none;
	font-family: 	'Alegreya', serif;
	font-size:		1em;
	font-style:		italic;
	margin:			1.5em;
	padding:		1em 1.5em 1em 1.2em;
	width:			90%;
}

/* Separator +*/
.wp-block-separator {
	background-color:	#ccc;
	border:			none;
	box-sizing:		content-box;
	height:			4px;
	margin:			1.0em auto;
	max-width:		90%;
	width: 			90%;
}

/* Buttons */
.wp-block-button {
	border-radius: 3px;
	line-height: 1.25;
	padding: .6em 1em;
	text-align: center;
}

.wp-block-button a {
	border: 0;
	font-weight: bold;
}

.wp-block-button:not([style]) a:hover,
.wp-block-button:not([style]) a:focus {
	color: #fff;
}

.wp-block-button.alignwide,
.wp-block-button.alignfull {
	display: block;
}

/* Text Columns */
@media only screen and ( max-width: 32em ) {
	.wp-block-text-columns,
	.wp-block-text-columns.aligncenter {
		display: block;
	}

	.wp-block-text-columns.columns-2 .wp-block-column,
	.wp-block-text-columns.columns-3 .wp-block-column,
	.wp-block-text-columns.columns-4 .wp-block-column {
		float: none;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
}

/* Latest Posts */
.wp-block-latest-posts__post-date {
	color: inherit;
	margin-bottom: 0;
	opacity: 0.8;
}


.wp-block-latest-posts,
.wp-block-latest-posts li {
	list-style: none;
	margin: 0;
}

.wp-block-latest-posts li {
	padding: 0.25em 0;
}

#content .wp-block-latest-posts li {
	padding: 0.25em 2em;
}

.wp-block-latest-posts li:not(:last-child) {
	border-bottom: 1px dashed rgba(0,0,0,0.2);
}

.wp-block-latest-posts.is-grid li {
	border: 0;
}

/* Categories */
.wp-block-categories {}

.wp-block-categories-list ul,
.wp-block-categories-list li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wp-block-categories-list li {
	padding: 0.25em 0;
}

.wp-block-categories-list li:not(:last-child) {
	border-bottom: 1px dashed rgba(0,0,0,0.2);
}

.wp-block-categories-list ul ul {
	padding-left: 2em;
}

.wp-block-categories-list ul ul li:last-child {
	padding-bottom: 0;
}

.wp-block-categories-dropdown {}