/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Post and page content
	# Alignments
	# Blocks
	# Custom block colors
	# Media
		# Captions
		# Galleries
	# Comments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Post and page content
--------------------------------------------------------------*/
/* Custom rule  for sticky posts:
.sticky {
}
*/
/*--------------------------------------------------------------
# Colors
----------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
----------------------------------------------------------------*/
/*--------------------------------------------------------------
# Vars moved from cssVariables.json
----------------------------------------------------------------*/
/*--------------------------------------------------------------
# Mixins
----------------------------------------------------------------*/
.hentry {
	margin-bottom: 1rem; }

article .entry-header h1.entry-title {
	font-size: 2rem;
	line-height: 1.4;
	margin: 1em 0 .5em; }

.entry-meta,
.entry-footer {
	/* font-size: 80%; */ }

/* Hides the update date and time. */
.updated:not(.published) {
	display: none; }

.post-thumbnail img {
	margin: 0 auto; }

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0; }

.page-content > *,
.entry-content > *,
.entry-summary > *,
.not-found > * {
	margin-right: auto;
	margin-left: auto;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	max-width: 47rem; }

.page-title,
.entry-header,
.entry-footer,
.site-info,
.post-navigation,
.page-navigation,
.comments-area {
	margin: 1em auto;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	max-width: 47rem; }

@media screen and (min-width: 48em) {
	.page-content > *,
	.entry-content > *,
	.entry-summary > *,
	.page-title,
	.entry-header,
	.entry-footer,
	.site-info,
	.post-navigation,
	.page-navigation,
	.comments-area {
		padding-left: 0px;
		padding-right: 0px; }
	.archive .entry-content img,
	.archive .post-thumbnail img,
	.archive figure,
	.single .entry-content img,
	.single .post-thumbnail img,
	.single figure {
		max-width: 47rem;
		padding-right: 0;
		padding-left: 0; } }

.page-links {
	clear: both;
	margin: 0 0 1.5em; }

.entry-footer span {
	margin-right: 1em; }

.entry-footer {
	clear: both;
	padding: 1em 1.5rem 1.5em;
	border-bottom: 1px solid #A6A6A6; }

@media screen and (min-width: 48em) {
	.entry-footer {
		padding-right: 0;
		padding-left: 0; } }

/*--------------------------------------------------------------
## Alignments
--------------------------------------------------------------*/
.alignleft {
	float: left;
	margin-right: 1.5rem; }

.alignright {
	float: right;
	margin-left: 1.5rem; }

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto; }

@media screen and (min-width: 48em) {
	.wp-caption.alignright,
	.wp-block-image.alignright {
		margin-right: calc((100% - 47rem)/ 2); }
	.wp-caption.alignleft,
	.wp-block-image.alignleft {
		margin-left: calc((100% - 47rem)/ 2); } }

/*--------------------------------------------------------------
## Blocks
--------------------------------------------------------------*/
/*
 * Available block selectors:

 * .wp-block-image
 * .wp-block-gallery
 * .wp-block-video
 * .wp-block-quote
 * .wp-block-text-columns
 * .wp-block-cover-text
 * .wp-block-button
 * .wp-block-gallery
 * .wp-block-table
 * .wp-block-embed
 * .wp-block-audio
 * .wp-block-pullquote
 * .wp-block-preformatted
 * .wp-block-code
 * .wp-block-verse

 */
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
	margin: 1.5em auto;
	padding: 0 1em; }

.entry-content ul,
.entry-content ol {
	padding-right: 2.5em;
	padding-left: 2.5em; }

.entry-content ul ul,
.entry-content ol ol {
	margin-right: 0;
	margin-left: 0;
	padding-right: 1.5em;
	padding-left: 1.5em; }

.alignwide {
	max-width: calc(50% + 47) rem/2; }

.alignfull {
	max-width: 100%;
	padding: 0; }

.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image h2 {
	margin-top: 0; }

@media screen and (min-width: 48em) {
	.entry-content pre {
		padding: 1.5em; } }

/* Columns Block (experimental) */
.wp-block-columns {
	display: block; }

@media screen and (min-width: 37.5em) {
	.wp-block-columns {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		grid-gap: 1em;
		gap: 1em; }
	.has-2-columns .wp-block-column {
		-webkit-box-flex: 0;
		    -ms-flex: none;
		        flex: none;
		width: calc(50% - .5em); }
	.has-3-columns .wp-block-column {
		-webkit-box-flex: 0;
		    -ms-flex: none;
		        flex: none;
		width: calc(33.3333% - .5em); }
	.has-4-columns .wp-block-column {
		-webkit-box-flex: 0;
		    -ms-flex: none;
		        flex: none;
		width: calc(25% - .5em); } }

/* END Columns Block (experimental) */
.wp-block-latest-posts,
.wp-block-latest-comments {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	border: 1px solid #cccccc; }

/*--------------------------------------------------------------
## Custom block colors.
--------------------------------------------------------------*/
.has-dusty-orange-color,
.has-dusty-orange-color a {
	color: #ED8F5B; }

.has-dusty-orange-background-color {
	background-color: #ED8F5B; }

.has-dusty-red-color,
.has-dusty-red-color a {
	color: #E36D60; }

.has-dusty-red-background-color {
	background-color: #E36D60; }

.has-dusty-wine-color,
.has-dusty-wine-color a {
	color: #9C4368; }

.has-dusty-wine-background-color {
	background-color: #9C4368; }

.has-dark-sunset-color,
.has-dark-sunset-color a {
	color: #33223B; }

.has-dark-sunset-background-color {
	background-color: #33223B; }

.has-almost-black-color,
.has-almost-black-color a {
	color: #0A1C28; }

.has-almost-black-background-color {
	background-color: #0A1C28; }

.has-dusty-water-color,
.has-dusty-water-color a {
	color: #41848F; }

.has-dusty-water-background-color {
	background-color: #41848F; }

.has-dusty-sky-color,
.has-dusty-sky-color a {
	color: #72A7A3; }

.has-dusty-sky-background-color {
	background-color: #72A7A3; }

.has-dusty-daylight-color,
.has-dusty-daylight-color a {
	color: #97C0B7; }

.has-dusty-daylight-background-color {
	background-color: #97C0B7; }

.has-dusty-sun-color,
.has-dusty-sun-color a {
	color: #EEE9D1; }

.has-dusty-sun-background-color {
	background-color: #EEE9D1; }

/*--------------------------------------------------------------
## Custom block font sizes.
--------------------------------------------------------------*/
.has-small-font-size {
	font-size: calc(12 / 16) rem; }

.has-regular-font-size {
	font-size: calc(14 / 16) rem; }

.has-large-font-size {
	font-size: calc(22 / 16) rem; }

.has-larger-font-size {
	font-size: calc(48 / 16) rem; }

/*--------------------------------------------------------------
## Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%; }

/*--------------------------------------------------------------
### Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%; }

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto; }

.wp-caption .wp-caption-text {
	margin: 0.8075em 0; }

.wp-caption-text {
	text-align: left; }

/*--------------------------------------------------------------
### Gallery Block - overrides core styles
--------------------------------------------------------------*/
.wp-block-gallery:not(.components-placeholder) {
	margin: 1.5em auto; }

/* Override standard ul indentation. */
.entry-content .wp-block-gallery {
	padding-right: 1.5em;
	padding-left: 1.5em; }

@media screen and (min-width: 48em) {
	.entry-content .wp-block-gallery {
		padding-right: 0;
		padding-left: 0; } }

.wp-block-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	grid-gap: .5em; }

.wp-block-gallery.columns-2 .blocks-gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-item,
.wp-block-gallery.columns-4 .blocks-gallery-item,
.wp-block-gallery.columns-5 .blocks-gallery-item,
.wp-block-gallery.columns-6 .blocks-gallery-item,
.wp-block-gallery.columns-7 .blocks-gallery-item,
.wp-block-gallery.columns-8 .blocks-gallery-item,
.wp-block-gallery.columns-9 .blocks-gallery-item {
	grid-column: span 1;
	margin: 0;
	width: inherit; }

.blocks-gallery-item:last-child:nth-child(odd) {
	grid-column: span 2; }

@media screen and (min-width: 40em) {
	.wp-block-gallery.columns-2 {
		grid-template-columns: repeat(2, 1fr); }
	.wp-block-gallery.columns-3 {
		grid-template-columns: repeat(3, 1fr); }
	.wp-block-gallery.columns-4 {
		grid-template-columns: repeat(4, 1fr); }
	.wp-block-gallery.columns-5 {
		grid-template-columns: repeat(5, 1fr); }
	.wp-block-gallery.columns-6 {
		grid-template-columns: repeat(6, 1fr); }
	.wp-block-gallery.columns-7 {
		grid-template-columns: repeat(7, 1fr); }
	.wp-block-gallery.columns-8 {
		grid-template-columns: repeat(8, 1fr); }
	.wp-block-gallery.columns-9 {
		grid-template-columns: repeat(9, 1fr); } }

/*--------------------------------------------------------------
### Galleries (Legacy)
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	grid-gap: .5em; }

@media screen and (min-width: 40em) {
	.gallery-columns-2 {
		grid-template-columns: repeat(2, 1fr); }
	.gallery-columns-3 {
		grid-template-columns: repeat(3, 1fr); }
	.gallery-columns-4 {
		grid-template-columns: repeat(4, 1fr); }
	.gallery-columns-5 {
		grid-template-columns: repeat(5, 1fr); }
	.gallery-columns-6 {
		grid-template-columns: repeat(6, 1fr); }
	.gallery-columns-7 {
		grid-template-columns: repeat(7, 1fr); }
	.gallery-columns-8 {
		grid-template-columns: repeat(8, 1fr); }
	.gallery-columns-9 {
		grid-template-columns: repeat(9, 1fr); } }

.gallery-item {
	padding: .5em;
	border: 1px solid #dedede; }

.gallery-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center; }

.gallery-caption {
	font-size: 80%; }

/*--------------------------------------------------------------
# Content navigation
--------------------------------------------------------------*/
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	border-bottom: 1px solid #A6A6A6;
	margin: 0 auto 2em;
	max-width: 47rem;
	overflow: hidden;
	padding-bottom: 2em;
	font-family: "Heebo", sans-serif; }

.nav-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	width: 50%;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 50%;
	        flex: 1 0 50%; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 50%;
	        flex: 1 0 50%; }

.post-navigation-sub span {
	color: #192528;
	text-decoration: none;
	display: inline-block; }
