@charset "utf-8";

/* AUTHOR */
	.blog-author-bio-description {
		display: grid;
		grid-template-columns: 9.6rem 1fr;
		grid-gap: 2.4rem;
		margin: var(--mywp-mg-gap) 0;
		}
	.blog-author-bio-image {
		border: 0.1rem solid var(--mywp-shade-10);
		display: block;
		padding: 0.4rem;
		}
	.blog-author-bio-text > .textlight {
		font-size: var(--mywp-ts-text-sub-2);
		}

/* BLOGS */
	.blogs-interest {
		margin: 1rem 0;
		}
	.blogs-interest-item {
		display: grid;
		grid-gap: 2.4rem;
		grid-template-columns: 7.2rem 1fr;
		margin: 1rem 0;
		}
	.blogs-interest-item + .blogs-interest-item {
		border-top: 0.1rem solid var(--mywp-shade-10);
		padding-top: 1rem;
		}
	.blogs-interest-header {
		font-size: var(--mywp-ts-text-sub-2);
		font-weight: 700;
		line-height: 1.3em;
		margin: 0.5rem 0;
		}
	.blogs-interest-text {
		color: var(--mywp-shade-50);
		font-size: var(--mywp-ts-text-sub-4);
		line-height: 1.2em;
		}

/* TAGS */
	.blog-tags ul {
		font-size: var(--mywp-ts-text-sub-3);
		font-weight: 700;
		margin: 1rem 0;
		}
	.blog-tags ul > li {
		display: inline-block;
		padding: 0 0.5rem 0.5rem 0;
		}
	.blog-tags ul > li > a {
		background: var(--mywp-white);
		border-radius: var(--mywp-radius);
		color: var(--mywp-shade-85);
		padding: 0.5em 1em;
		display: inline-block;
		transition: all 200ms ease;
		transition-property: background, color;
		}
	.blog-tags ul > li > a:hover,
	.blog-tags ul > li > a:focus {
		background: var(--mywp-color);
		color: var(--mywp-white);
		}

/* POST DETAILS */
	.postcontent-details {
		border-bottom: 0.1rem solid var(--mywp-shade-10);
		font-size: var(--mywp-ts-text-sub-4);
		line-height: 2.4rem;
		margin-bottom: 1rem;
		padding-bottom: 1rem;
		}
	.postcontent-author-img,
	.postcontent-author-name {
		display: inline-block;
		vertical-align: top;
		}
	.postcontent-author-img {
		border-radius: 100%;
		overflow: hidden;
		width: 2.4rem;
		}
	.postcontent-author-name {
		padding-left: 0.5rem;
		}
	.postcontent-date,
	.postcontent-comments {
		padding-left: 1rem;
		}
	.postcontent-date > i,
	.postcontent-comments > i {
		padding-right: 0.5rem;
		}

/* POST NAV */
	.postnav {
		border-top: 0.1rem solid var(--mywp-shade-10);
		display: grid;
		grid-gap: 2rem;
		grid-template-columns: 1fr 1fr;
		margin: var(--mywp-mg-gap) 0;
		}
	.postnav-link {
		display: grid;
		grid-gap: 1rem;
		margin-top: 1rem;
		}
	.postnav-link.postnav-next {
		grid-column: 2;
		}
	.postnav-info>span {
		display: block;
		margin: 0.5rem 0;
		}
	.postnav-link.postnav-prev {
		grid-template-columns: 6rem 1fr;
		}
	.postnav-link.postnav-next {
		grid-template-columns: 1fr 6rem;
		text-align: right;
		}
	.postnav-dir {
		font-size: var(--mywp-ts-text-sub-3);
		}
	.postnav-dir > strong {
		font-weight: var(--mywp-heavy);
		text-transform: uppercase;
		}
	.postnav-title {
		font-size: var(--mywp-ts-text-sub-3);
		line-height: 1.2em;
		}
	@media screen and (min-width: 80em) {
		.postnav-link {
			grid-gap: 2rem;
			}
		.postnav-link.postnav-prev {
			grid-template-columns: 12rem 1fr;
			}
		.postnav-link.postnav-next {
			grid-template-columns: 1fr 12rem;
			}
	}

/* OEMBED */
	.twitter-tweet {
		margin: var(--mywp-mg-gap) auto;
		}

/* Fixes */
	.is-layout-flex {
		display: flex;
		flex-wrap: wrap;
		}
	.textlinks a[class],
	.textlinks a[class]:focus,
	.textlinks a[class]:hover {
		text-decoration: none !important;
		}
	.wp-block-cover,
	.wp-block-buttons {
		margin: var(--mywp-mg-gap) auto;
		}
	.wp-block-button__link,
	.wp-block-file .wp-block-file__button {
		background-color: var(--mywp-color);
		color: var(--mywp-white);
		font-size: 1em;
		}
	html .textlinks .wp-block-buttons a.has-background.has-background:hover,
	html .textlinks .wp-block-buttons a.has-text-color.has-text-color:hover {
		background-color: var(--mywp-darker) !important;
		color: var(--mywp-white) !important;
		}
	.wp-block-button__link {
		border-radius: var(--mywp-radius);
		}
	.is-style-outline > .wp-block-button__link,
	.wp-block-button__link.is-style-outline {
		padding: 1em 1.8em;
		}
	.wp-block-button__link,
	.wp-block-file .wp-block-file__button {
		min-width: 0;
		}
	pre.wp-block-verse {
    	overflow: visible;
		}
	.wp-block-gallery .blocks-gallery-item figure {
		box-shadow: 0.2rem 0.2rem 2rem 0 var(--mywp-shadow-color);
		overflow: hidden;
		}
	.wp-block-gallery.is-cropped .blocks-gallery-item a {
		overflow: hidden;
		}
	@media (hover: hover) and (pointer: coarse), (hover: hover) and (pointer: fine) {
		.wp-block-gallery .blocks-gallery-item a img,
		.wp-block-gallery .blocks-gallery-item a picture {
			transition: transform 250ms ease
			}
		.wp-block-gallery .blocks-gallery-item a:hover img,
		.wp-block-gallery .blocks-gallery-item a:hover picture {
			transform: scale(1.1)
			}
	}
	.wp-block-quote,
	.wp-block-quote.is-style-large {
		margin-bottom: 2.4rem;
		margin-top: 2.4rem;
		}
	.wp-block-quote > p {
		margin: 0;
		}
	.wp-block-quote > cite {
		display: block;
		}

/* BLOCKS SPACING */
	@media (min-width: 60em) {
		.container .alignwide,
		.container .alignfull,
		.container .twitter-tweet,
		.container p.has-background,
		.container .wp-block-embed.is-type-video.alignwide,
		.container .wp-block-embed.is-type-video.alignfull {
			margin-left: -7.5rem;
			margin-right: -7.5rem;
			}
		.container .wp-block-gallery.alignleft > .blocks-gallery-grid,
		.container .wp-block-gallery.alignright > .blocks-gallery-grid {
			margin-left: 0;
			margin-right: 0;
			}
		.container .wp-block-cover,
		.container .wp-block-cover-image {
			width: auto;
			}
	}
	@media (min-width: 80em) {
		.container .alignwide,
		.container .alignfull,
		.container .twitter-tweet,
		.container p.has-background,
		.container .wp-block-embed.is-type-video.alignwide,
		.container .wp-block-embed.is-type-video.alignfull {
			margin-left: -15rem;
			margin-right: -15rem;
			}
	}