/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Imports
	# Blocks
	# Media
		# Captions
		# Galleries (Legacy)
# Post and page content
	# Alignments
	# Custom block colors
	# Custom font sizes
	# Custom post layouts
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Imports
--------------------------------------------------------------*/


/* @import "_blocks.css"; */

@import "_media.css";

/*--------------------------------------------------------------
# Post and page content
--------------------------------------------------------------*/

.entry {
    margin-bottom: 1rem;
}

.single-post .entry {
    margin: 1rem 0;
}

.post-thumbnail {
    margin-bottom: 15px;
    display: block;
    border-radius: 8px;
}

.blog .entry-title,
.archive .entry-title,
.search .entry-title {
    margin-bottom: 6px;
}

h2.entry-title {
    font-size: 24px;
}

.single-post .entry-header h1.entry-title {
    margin-top: 0;
    margin-bottom: 6px;
}

.entry-layout {
    margin-top: 1rem;
}

.post-layout .entry-layout {
    position: relative;
    margin: 1rem 0;
}

.post-layout:not(.grid-layout):not(.masory-layout) .entry-layout .entry-content,
.default-layout .entry-layout .entry-content {
    border-bottom: 1px solid #e8e8e8;
}

.entry-header {
    position: relative;
}

.post-categories {
    display: none;
}

.post-thumbnail+.post-categories {
    display: block;
    position: absolute;
    top: 6px;
    left: 10px;
    margin-bottom: 10px;
}

.post-categories a {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 3px;
    padding: 2px 6px;
    font-size: 11px;
    line-height: 1.5;
    background: var(--color-link-active);
    color: #fff !important;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 2px;
}

.entry-meta,
.single-post .entry-footer {
    /* font-stretch: condensed; */
    font-size: inherit;
}

.entry-meta {
    margin: 0;
    display: flex;
    align-items: center;
    flex-flow: wrap;
    font-size: 12px;
}

.entry-meta .posted-by {
    display: flex;
    align-items: center;
    margin: 5px 3px 5px 0;
}

.entry-meta .author.vcard,
.entry-meta span.posted-by>a {
    text-transform: uppercase;
    margin-left: 5px;
}

.entry-meta .posted-by img {
    margin-right: 5px;
    border-radius: 100px;
}

.page-template-default .entry-meta,
.page-template-default .entry-footer {
    display: none;
}


/* Hides the update date and time. */

.updated:not(.published) {
    display: none;
}

.post-thumbnail img {
    border-radius: 8px;
}

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

.page-content>*,
.entry-content>*,
.entry-summary>* {
    margin-right: auto;
    margin-left: auto;
    max-width: var(--content-width);
}

.page-content ul,
.entry-content ul,
.entry-summary ul,
.page-content ol:not(.comment-list),
.entry-content ol:not(.comment-list),
.entry-summary ol:not(.comment-list) {
    margin-left: 1.05em;
}

.page-header,
.entry-header,
.entry-footer,
.post-navigation,
.page-navigation,
.comments-area {
    margin: 0 0 1.5em;
    max-width: var(--content-width);
}

article .entry-header {
    max-width: max-content;
}

.type-grade .entry-header,
.type-grade .entry-footer,
.type-level .entry-header,
.type-level .entry-footer,
.type-quests .entry-header,
.type-quests .entry-footer,
.type-badges .entry-header,
.type-badges .entry-footer {
    display: none;
}

@media (--content-query) {
    .page-content>*,
    .entry-content>*,
    .entry-summary>*,
    .page-header,
    .entry-header,
    .entry-footer,
    .post-navigation,
    .page-navigation,
    .comments-area {
        padding-left: 0;
        padding-right: 0;
    }
}

.single-post .entry-content ul:not(.blocks-gallery-grid),
.single-post .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;
}


/* Align .more-link with the content. */

.entry-content>.more-link {
    display: block;
}

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

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

.entry-footer {
    clear: both;
    margin-bottom: 0;
    padding: 1.5em 0 0;
    border-top: 1px solid #e8e8e8;
}

@media (--content-query) {
    .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;
}

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

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


/*--------------------------------------------------------------
## Custom block colors.
--------------------------------------------------------------*/

.has-theme-primary-color,
.has-theme-primary-color a {
    color: var(--color-theme-primary);
}

.has-theme-primary-background-color {
    background-color: var(--color-theme-primary);
}

.has-theme-secondary-color,
.has-theme-secondary-color a {
    color: var(--color-theme-secondary);
}

.has-theme-secondary-background-color {
    background-color: var(--color-theme-secondary);
}

.has-theme-red-color,
.has-theme-red-color a {
    color: var(--color-theme-red);
}

.has-theme-red-background-color {
    background-color: var(--color-theme-red);
}

.has-theme-green-color,
.has-theme-green-color a {
    color: var(--color-theme-green);
}

.has-theme-green-background-color {
    background-color: var(--color-theme-green);
}

.has-theme-blue-color,
.has-theme-blue-color a {
    color: var(--color-theme-blue);
}

.has-theme-blue-background-color {
    background-color: var(--color-theme-blue);
}

.has-theme-yellow-color,
.has-theme-yellow-color a {
    color: var(--color-theme-yellow);
}

.has-theme-yellow-background-color {
    background-color: var(--color-theme-yellow);
}

.has-theme-black-color,
.has-theme-black-color a {
    color: var(--color-theme-black);
}

.has-theme-black-background-color {
    background-color: var(--color-theme-black);
}

.has-theme-grey-color,
.has-theme-grey-color a {
    color: var(--color-theme-grey);
}

.has-theme-grey-background-color {
    background-color: var(--color-theme-grey);
}

.has-theme-white-color,
.has-theme-white-color a {
    color: var(--color-theme-white);
}

.has-theme-white-background-color {
    background-color: var(--color-theme-white);
}

.has-custom-daylight-color,
.has-custom-daylight-color a {
    color: var(--color-custom-daylight);
}

.has-custom-daylight-background-color {
    background-color: var(--color-custom-daylight);
}

.has-custom-sun-color,
.has-custom-sun-color a {
    color: var(--color-custom-sun);
}

.has-custom-sun-background-color {
    background-color: var(--color-custom-sun);
}


/*--------------------------------------------------------------
## Custom block font sizes.
--------------------------------------------------------------*/

.has-small-font-size {
    font-size: var(--font-size-small);
}

.has-regular-font-size {
    font-size: var(--font-size-regular);
}

.has-large-font-size {
    font-size: var(--font-size-large);
}

.has-larger-font-size {
    font-size: var(--font-size-larger);
}


/*--------------------------------------------------------------
## Custom post layouts.
--------------------------------------------------------------*/

.default-layout .entry-layout,
.default-layout .entry-layout,
.default-layout .entry-layout,
.default-layout .entry-layout {
    width: 100%;
}

.post-layout.grid-layout .entry-layout,
.post-layout.masonry-layout .entry-layout {
    margin: 15px 0;
}

.grid-layout .entry-layout,
.masonry-layout .entry-layout {
    margin-bottom: 0;
}