/* Front End Block Styles */

/* CSS Variables */
:root {
    --theme-primary: #403b34;
    --theme-secondary: #b1c789;
	--theme-darktaupe: #34302c;
	--theme-taupe: #7e746a;
	--theme-lighttaupe: #beb8b2;
	--theme-darkolive: #364320;
	--theme-lightolive: #e6edda;
	--theme-mediumpine: #729c86;
	--theme-lightsage: #cbcba7;
	--theme-darksage: #5e5e37;
	--theme-lightgray: #f4f3f2;
	--theme-white: #fff;
	--theme-black: #000;
	--theme-text: #403b34;
	--theme-heading: #34302c;

	--wp--preset--font-size--x-small: 14px;
	--wp--preset--font-size--small: 16px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 24px;
    --wp--preset--font-size--x-large: 30px;
    --wp--preset--font-size--huge: 36px;
}



/* Drop Caps
---------------------------------------------------------------------------- */

.site-container p.has-drop-cap:not(:focus)::first-letter {
	margin: 0.02em 0.08em 0 -0.08em;
}

.site-container p.has-larger-font-size.has-drop-cap:not(:focus)::first-letter,
.site-container p.has-small-font-size.has-drop-cap:not(:focus)::first-letter {
	margin-right: 0.01em;
}

/* Paragraphs
---------------------------------------------------------------------------- */

.alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
	padding-left: 30px;
	padding-right: 30px;
}

.alignfull.narrow-content > .wp-block-group__inner-container {
	max-width: 1260px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;

}

/* Background Color
---------------------------------------------------------------------------- */

.site-container p.has-background {
	padding: 25px 30px;
}

.site-container p.has-background.box-shadow {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.site-container p.has-text-color a,
.site-container p.has-background a {
	color: inherit;
}

.site-container p.has-background a:focus,
.site-container p.has-background a:hover,
.site-container p.has-text-color a:focus,
.site-container p.has-text-color a:hover {
	color: inherit;
	text-decoration: none;
}

.site-container p.has-background.light-text a {
	color: #fff;
	text-decoration: underline;
}

.site-container p.has-background.light-text a:focus,
.site-container p.has-background.light-text a:hover {
	text-decoration: none;
}

.wp-block-group.flex {
	display: flex;
	justify-content: flex-start;
	column-gap: 30px;
}

/* Alignment
---------------------------------------------------------------------------- */

.has-text-align-center {
	text-align: center;
}

.has-text-align-left {
	text-align: left;
}

.has-text-align-right {
	text-align: right;
}

.wp-block-buttons .wp-block-button {
	margin-bottom: 1em;

}

.wp-block-button.alignleft,
.wp-block-buttons.alignleft,
.wp-block-cover.alignleft,
.wp-block-image .alignleft {
	margin-right: 2em;
}

.wp-block-button.alignright,
.wp-block-buttons.alignright,
.wp-block-cover.alignright,
.wp-block-image .alignright {
	margin-left: 2em;
}

.wp-block-image.alignwide,
.wp-block-image.alignfull,
.wp-block-embed.alignwide,
.wp-block-embed.alignfull {
	margin-bottom: 30px;
}

.wp-block-image.alignfull {
	margin-bottom: 0;
}

/*.full-width-content .entry > .alignfull, /* large header */
.full-width-content .entry-content > .alignfull {
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	max-width: 100vw;
}

.content-sidebar .site-container .alignfull,
.sidebar-content .site-container .alignfull {
	margin: 0 0 2em;
	width: 100%;
}



/* Columns
---------------------------------------------------------------------------- */

.site-container .wp-block-columns.alignfull {
	padding: 0 30px;
}

.wp-block-columns {
	margin-bottom: 30px;
}

@media only screen and (max-width: 860px) {

	.wp-block-columns > .wp-block-column {
		margin-bottom: 30px;
	}
}

/* Cover Image
---------------------------------------------------------------------------- */

@media only screen and (min-width: 960px) {

	.first-block-core-cover .wp-block-cover {
		min-height: 600px;
	}
}

@media only screen and (min-width: 1600px) {

	.first-block-core-cover .wp-block-cover {
		min-height: 700px;
	}
}

.first-block-core-cover .site-inner {
	padding-top: 0;
}

.full-width-content .entry-content > .wp-block-cover.alignfull {
	width: 100vw;
}

.site-container .wp-block-cover .wp-block-cover__inner-container {

}

.wp-block-cover {
	position: relative;
}
.content .wp-block-cover .wp-block-cover__inner-container,
.content .wp-block-cover-image.has-custom-content-position .wp-block-cover__inner-container,
.content .wp-block-cover.has-custom-content-position .wp-block-cover__inner-container {
	width: 1200px;
	max-width: 100%;
	margin: 0 auto !important;
}

.page .wp-block-cover + p {
	margin-top: 30px;
}


/* Buttons
---------------------------------------------------------------------------- */

.site-container .sidebar .wp-block-button .wp-block-button__link,
.site-container .footer-widgets .wp-block-button .wp-block-button__link,
.site-container .content .wp-block-button .wp-block-button__link {
	background-color: var(--theme-secondary);
	border-width: 0;
	border-radius: 3px;
	color: var(--theme-text);
	cursor: pointer;
	font-size: var(--wp--preset--font-size--small);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,Cantarell, "Helvetica Neue", sans-serif;
	font-weight: 600;
	line-height: 1;
	padding: 16px 30px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: normal;
	width: auto;
}

.site-container .wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	border: 2px solid currentColor;
	padding: 13px 28px;
}

.site-container .sidebar .wp-block-button .wp-block-button__link:focus,
.site-container .sidebar .wp-block-button .wp-block-button__link:hover,
.site-container .footer-widgets .wp-block-button .wp-block-button__link:focus,
.site-container .footer-widgets .wp-block-button .wp-block-button__link:hover,
.site-container .content .wp-block-button .wp-block-button__link:focus,
.site-container .content .wp-block-button .wp-block-button__link:hover,
.site-container .wp-block-button.is-style-outline .wp-block-button__link:focus,
.site-container .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--theme-text);
	border-width: 0;
	color: var(--theme-white);
}

/* Blockquotes and captions
---------------------------------------------------------------------------- */

.site-container .wp-block-pullquote,
.site-container .wp-block-quote {
	border: none;
	/*margin: 24px 24px 36px;*/
}

.wp-block-pullquote.alignleft {
	margin: 0 2em 1.5em 0;
}

.wp-block-pullquote.alignright {
	margin: 0 0 1.5em 2em;
}

.site-container .wp-block-pullquote p,
.site-container .wp-block-quote p {
	/*font-family: "Source Sans Pro", serif;
	font-size: 21px;
	font-style: italic;
	line-height: 1.8;
	margin-bottom: 42px;*/
}

.site-container .wp-block-pullquote p {
	font-size: var(--wp--preset--font-size--medium);
}

.site-container .wp-block-quote.is-style-large p {
	font-size: var(--wp--preset--font-size--large);
}

.site-container .wp-block-pullquote.is-style-solid-color p {
	/*color: #fff;
	margin-bottom: 42px;
	text-align: center;*/
}

.site-container .wp-block-pullquote.is-style-solid-color {
	/*background-color: #333;*/
}

.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
.wp-block-pullquote.is-style-solid-color.alignright blockquote {
	max-width: 80%;
}

.site-container .wp-block-pullquote:not(.is-style-solid-color)[style*="border-color"] {
	border: 2px solid;
	border-left: none;
	border-right: none;
}

.site-container .wp-block-pullquote cite,
.site-container .wp-block-quote cite {
	/*color: #666;
	display: block;
	font-family: "Source Sans Pro", serif;
	font-size: 16px;
	font-style: italic;
	margin-top: -25px;
	text-align: inherit;
	text-transform: none;*/
}

.site-container .wp-block-pullquote cite {
	text-align: center;
}

.site-container .wp-block-pullquote.is-style-solid-color cite {
	/*color: #fff;
	font-style: italic;*/
}

.site-container .wp-block-pullquote .has-text-color cite,
.site-container .wp-block-pullquote .has-text-color p {
	color: currentColor;
}

.blocks-gallery-caption {
	width: 100%;
}

.blocks-gallery-item figcaption {
	margin-bottom: 0;
}

/* Category Block
---------------------------------------------------------------------------- */

.site-container .wp-block-categories {
	margin-left: 0;
	padding-left: 0;
}

.site-container .wp-block-categories li {
	list-style-type: none;
}

.site-container .wp-block-categories.aligncenter {
	text-align: center;
}

.site-container .wp-block-categories.alignfull {
	padding: 0 30px;
}

.site-container .wp-block-categories .children {
	padding-left: 30px;
}

/* Latest Posts Block
---------------------------------------------------------------------------- */

.site-container .wp-block-latest-posts {
	margin-left: 0;
	padding-left: 0;
}

.site-container .wp-block-latest-posts li {
	list-style-type: none;
}

.site-container .wp-block-latest-posts.aligncenter {
	text-align: center;
}

.site-container .wp-block-latest-posts.alignfull {
	padding: 0 30px;
}


/* Other Blocks
---------------------------------------------------------------------------- */

.wp-block-preformatted,
.wp-block-verse {
	font-size: 18px;
}

.wp-block-preformatted {
	white-space: pre-wrap;
}

hr.wp-block-separator {
	border: none;
	border-bottom: 1px solid currentColor;
	color: var(--theme-lighttaupe);
	margin: 1.65em auto;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	max-width: 100px;
}

.wp-block-separator.is-style-dots {
	color: var(--theme-darktaupe);
}

.wp-block-audio audio {
	display: inline-block;
	width: 100%;
}

.site-container .blocks-gallery-grid,
.site-container .wp-block-gallery,
.site-container .wp-block-social-links {
	padding-left: 0;
}

.wp-block-table.is-style-stripes {
	border-bottom-width: 0;
}

.full-width-content .entry-content .wp-block-table.alignfull {
	margin: 0;
	width: 100%;
}

@media only screen and (min-width: 960px) {

	.full-width-content .entry-content > .wp-block-table.alignwide {
		width: calc(100% + 400px);
	}

	.full-width-content .entry-content > .wp-block-table.alignfull {
		margin-left: calc(-100vw / 2 + 100% / 2);
		margin-right: calc(-100vw / 2 + 100% / 2);
		width: 100vw;
	}

}

@media only screen and (max-width: 600px) {

	.wp-block-media-text.is-stacked-on-mobile figure {
		margin-bottom: 20px;
	}

}


@media only screen and (min-width: 860px) {

	.wp-block-media-text.has-media-on-the-left .wp-block-media-text__content,
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
	.wp-block-media-text .wp-block-media-text__content {
		padding-top: 40px;
		padding-bottom: 20px;
	}

}

@media only screen and (min-width: 600px) and (max-width: 860px) {


	.wp-block-media-text.is-stacked-on-mobile {
		grid-template-columns: 100%!important;
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
		grid-column: 1;
		grid-row: 1;
	}

	.wp-block-media-text__media img {
		height: auto;
		max-width: unset;
		width: 100%;
		vertical-align: middle;
	}


	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
	.wp-block-media-text .wp-block-media-text__content {
		grid-column: 1;
		grid-row: 2;
		width: 100%;
		padding: 20px 8%;
	}
}

/* Media Queries
---------------------------------------------------------------------------- */


.full-width-content .entry-content .alignwide {
	width: 100%;
	max-width: 1200px !important;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-left: 30px;
	padding-right: 30px;
}

.full-width-content .entry > .large-header-image.alignfull,
.full-width-content .entry-content > .alignfull {
	margin-left: calc( -100vw / 2 + 100% / 2  );
	margin-right: calc( -100vw / 2 + 100% / 2 );
	max-width: 100vw;
}

@media only screen and (min-width: 1260px) {

	.full-width-content .entry-content .alignwide {
		max-width: 1260px !important;
		width: auto;
		margin-left: auto;
		margin-right: auto;
		padding-left: 30px;
		padding-right: 30px;
	}
}

.content-sidebar .entry > .alignfull,
.sidebar-content .entry > .alignfull {
	margin: 0 0 30px;
	width: 100%;
}

@media only screen and (min-width: 600px) and (max-width: 860px) {

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child),
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column,
	.wp-block-latest-posts.columns-2 li,
	.wp-block-latest-posts.columns-3 li,
	.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li,
	.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li,
	.wp-block-post-template.is-flex-container li,
	.wp-block-query-loop.is-flex-container li {
		margin: 0 0 30px;
		flex-basis: 100% !important;
	}
	
	.wp-block-columns {
		flex-wrap: wrap !important;
		margin-bottom: 0;
	}
}