/*!

    Theme Name: Ecko Onyx
    Theme URI: https://ecko.me/themes/wordpress/onyx/
    Description: Onyx Theme for WordPress by EckoThemes.
    Author: EckoThemes
    Author URI: https://ecko.me/
    Version: 4.0.0
    License: Envato Split License
    License URI: https://themeforest.net/licenses/faq
    Tags: three-columns, grid-layout
    Text Domain: ecko-onyx

*/
/* ------------------------------------------------------------------
    CSS: Default
------------------------------------------------------------------- */

/* ------------------------------------------------------------------
    Base: Root
------------------------------------------------------------------- */

:root {
	/* Fonts */
	--font-header: "Montserrat", "Arial", sans-serif;
	--font-body: "Noto Sans", "Times New Roman", serif;
	--font-code: "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;

	/* Layout */
	--layout-max-width: 1600px;
	--layout-base-spacing: 3.75%;
	--layout-border-radius: 10px;

	/* Color - Accent */
	--color-accent-base: #373c41;
	--color-accent-light: #a5a5b7;
	--color-accent-dark: #262a2d;

	/* Easing */
	--ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
}

/* ------------------------------------------------------------------
    Base: Fonts
------------------------------------------------------------------- */

/* Body - Noto Sans */

/* Cyrillic */

@font-face {
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 100 900;
	font-stretch: 100%;
	src: url("./assets/font/noto-sans-variable-cyrillic.woff2") format("woff2");
	font-display: swap;
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Latin Extended */

@font-face {
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 100 900;
	font-stretch: 100%;
	src: url("./assets/font/noto-sans-variable-extended.woff2") format("woff2");
	font-display: swap;
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Latin */

@font-face {
	font-family: "Noto Sans";
	font-style: normal;
	font-weight: 100 900;
	font-stretch: 100%;
	src: url("./assets/font/noto-sans-variable.woff2") format("woff2");
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Header - Montserrat */

/* Cyrillic */

@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 100 900;
	src: url("./assets/font/montserrat-variable-cyrillic.woff2") format("woff2");
	font-display: swap;
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* Latin Extended */

@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 100 900;
	src: url("./assets/font/montserrat-variable-extended.woff2") format("woff2");
	font-display: swap;
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Latin */

@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 100 900;
	src: url("./assets/font/montserrat-variable.woff2") format("woff2");
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ------------------------------------------------------------------
    Base: Normalize
------------------------------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

body {
	margin: 0;
}

main {
	display: block;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
}

abbr[title] {
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
	border-bottom: none;
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace;
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

img {
	border-style: none;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	display: table;
	max-width: 100%;
	padding: 0;
	color: inherit;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button;
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/* ------------------------------------------------------------------
    Utils: Animations
------------------------------------------------------------------- */

@keyframes fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fade-in-bg {
	from {
		opacity: 0;
	}

	to {
		opacity: 0.7;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes slide-down-in {
	from {
		opacity: 0;
		transform: translate3d(0, -40px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slide-up-in {
	from {
		opacity: 0;
		transform: translate3d(0, 40px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slide-down-inlow {
	from {
		opacity: 0;
		transform: translate3d(0, -20px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes pulsate {
	0% {
		bottom: 0;
		opacity: 0.4;
	}

	50% {
		bottom: 2%;
		opacity: 1;
	}

	100% {
		bottom: 0;
		opacity: 0.4;
	}
}

@keyframes scroll-down {
	0%,
	20% {
		opacity: 0;
		transform: translateY(30px);
	}

	50% {
		margin-bottom: 0;
		opacity: 1;
	}

	80%,
	100% {
		opacity: 0;
		transform: translateY(-30px);
	}
}

@keyframes pan-right-with-fade {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(5px);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes loadbar {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

@keyframes scroll {
	0% {
		opacity: 0;
	}

	10% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(10px);
	}
}

/* ------------------------------------------------------------------
    Base: Global
------------------------------------------------------------------- */

* {
	box-sizing: border-box;
}

html {
	font: 400 16px var(--font-body);
	font-family: var(--font-body);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.625;
	color: #6e727c;
	background: #f3f5f8;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: auto;
}

html.dark-theme {
		background: #131517;
	}

body {
	height: 100%;
	overflow-x: hidden;
}

.dark-theme body {
		background: #131517;
	}

.wrapper {
	position: relative;
	width: 92.5%;
	max-width: var(--layout-max-width);
	margin: 0 auto;
}

input:focus {
	outline: none;
}

*:focus-visible,
input:focus-visible {
	outline: #808080 dotted 2px;
	outline-offset: 5px;
}

:focus:not(:focus-visible) {
	outline: none;
	box-shadow: none;
}

::selection {
	color: #fff;
	background: #373b43;
}

::placeholder {
	opacity: 1;
}

/* BLOCK */

img {
	max-width: 100%;
	height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-header);
	line-height: 1.45;
	color: #2d2f34;
}

h1 {
	font-size: 55px;
	font-weight: 700;
}

@media (width <= 1200px) {

h1 {
		font-size: 50px
}
	}

@media (width <= 780px) {

h1 {
		font-size: 42px
}
	}

@media (width <= 480px) {

h1 {
		font-size: 33px
}
	}

h2 {
	font-size: 36px;
	font-weight: 600;
}

@media (width <= 1200px) {

h2 {
		font-size: 32px
}
	}

@media (width <= 780px) {

h2 {
		font-size: 28px
}
	}

@media (width <= 480px) {

h2 {
		font-size: 26px
}
	}

h3 {
	font-size: 29px;
	font-weight: 600;
	color: #5f6165;
}

@media (width <= 1200px) {

h3 {
		font-size: 26px
}
	}

@media (width <= 780px) {

h3 {
		font-size: 24px
}
	}

@media (width <= 480px) {

h3 {
		font-size: 22px
}
	}

h4 {
	font-size: 22px;
	font-weight: 600;
	color: #5f6165;
}

@media (width <= 1200px) {

h4 {
		font-size: 20px
}
	}

@media (width <= 780px) {

h4 {
		font-size: 18px
}
	}

@media (width <= 480px) {

h4 {
		font-size: 17px
}
	}

h5 {
	font-size: 20px;
	font-weight: 600;
	color: #8d939e;
}

@media (width <= 1200px) {

h5 {
		font-size: 18px
}
	}

@media (width <= 780px) {

h5 {
		font-size: 17px
}
	}

@media (width <= 480px) {

h5 {
		font-size: 16px
}
	}

h6 {
	font-size: 18px;
	font-weight: 400;
	color: #8d939e;
}

@media (width <= 1200px) {

h6 {
		font-size: 17px
}
	}

@media (width <= 780px) {

h6 {
		font-size: 16px
}
	}

@media (width <= 480px) {

h6 {
		font-size: 15px
}
	}

p,
ul,
ol,
dd {
	font-weight: 400;
	line-height: 2;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/* INLINE */

a {
	color: currentcolor;
	-webkit-text-decoration: none;
	text-decoration: none;
	transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
}

/* ACCESSIBILITY */

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	white-space: nowrap;
	clip: rect(1px, 1px, 1px, 1px);
}

.screen-reader-text:focus {
		top: 5px;
		left: 5px;
		z-index: 100000;
		display: block;
		width: auto;
		height: auto;
		padding: 15px 23px 14px;
		font-size: 14px;
		font-weight: 700;
		line-height: normal;
		color: #21759b;
		-webkit-text-decoration: none;
		text-decoration: none;
		background-color: #f1f1f1;
		border-radius: var(--layout-border-radius);
		box-shadow: 0 0 2px 2px rgb(0 0 0 / 60%);
		clip: auto !important;
	}

/* ------------------------------------------------------------------
    Components: SVG
------------------------------------------------------------------- */

.svg {
	width: 24px;
	height: 24px;
}

.svg-stroke {
	fill: none;
	stroke: currentcolor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: stroke 0.2s ease-out;
}

.svg-fill {
	fill: currentcolor;
	stroke: none;
	transition: fill 0.2s ease-out;
}

/* ------------------------------------------------------------------
    Components: Cover
------------------------------------------------------------------- */

.cover {
	position: relative;
	z-index: 300;
	height: 100vh;
	overflow: hidden;
	background: #0d0d0e;
}

.cover .cover-background {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		width: 100%;
		height: 100%;
		background-position: bottom;
		background-size: cover;
		opacity: 0.7;
		transition: opacity 1s ease-in-out;
		animation: fade-in-bg 1s ease-out;
	}

.cover .cover-background-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

.cover .cover-shadow {
		position: absolute;
		bottom: 0;
		z-index: 200;
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom, rgb(22 24 26 / 0%) 0%, #16181a 78%, #16181a 99%);
		transform: translateZ(0);
	}

.cover .cover-content {
		position: relative;
		z-index: 300;
		height: 100%;
	}

.cover.cover-blog {
	height: calc(100vh - 100px);
	min-height: 660px;
}

@media (width <= 1920px) {

.cover.cover-blog {
		height: calc(100vh - 90px)
}
	}

@media (width <= 1120px) {

.cover.cover-blog {
		height: 75vh
}

		.cover.cover-blog .cover-shadow {
			opacity: 0.8;
		}
	}

@media (height <= 900px) {

.cover.cover-blog {
		height: 100vh
}
	}

.cover .cover-post-background-2,
.cover .cover-post-background-3 {
	opacity: 0;
}

.cover-blog-description {
	position: absolute;
	bottom: 110px;
	display: flex;
	flex-flow: column nowrap;
	place-content: stretch center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-align: center;
	transform: translateZ(0);
	animation: slide-down-in 2s ease-in-out;
}

.cover-blog-description img {
		display: block;
	}

.cover-blog-description p {
		clear: both;
		width: 90%;
		max-width: 700px;
		margin: 90px 0 0;
		font-size: 21px;
		color: #dadee4;
	}

.cover-blog-description .cover-blog-info {
		display: none;
	}

@media (width <= 1120px) {

.cover-blog-description {
		bottom: 0
}

		.cover-blog-description img {
			max-width: 80%;
			margin-top: 100px;
		}

		.cover-blog-description .cover-blog-info {
			display: block;
		}

		.cover-blog-description .cover-mouse {
			display: block;
		}
	}

@media (width <= 920px) {
		.cover-blog-description p {
			margin: 70px 0 0;
			font-size: 19px;
		}

		.cover-blog-description .cover-mouse {
			margin-top: 70px;
		}
	}

@media (width <= 920px) {
		.cover-blog-description p {
			margin: 60px 0 0;
			font-size: 17px;
		}

		.cover-blog-description .cover-mouse {
			margin-top: 60px;
		}
	}

@media (width <= 420px) {
		.cover-blog-description p {
			margin: 50px 0 0;
			font-size: 16px;
		}
	}

.cover-logo img {
		max-height: 90px;
		margin-right: auto;
		margin-left: auto;
	}

.cover-blog-posts {
	position: relative;
	bottom: 7.5vh;
	z-index: 400;
	display: flex;
	flex-flow: row nowrap;
	place-content: stretch center;
	align-items: flex-end;
	width: 100%;
	height: 100%;
}

.cover-blog-posts .cover-post {
		width: 30.6875%;
		margin-right: 3.9688%;
		opacity: 0;
		transform: translateZ(0);
		animation: slide-down-in 1s ease-in-out;
		animation-delay: 0.5s;
		animation-fill-mode: forwards;
	}

.cover-blog-posts .cover-post .post-category {
			display: inline-block;
			padding: 12px 30px;
			font-family: var(--font-header);
			font-size: 13px;
			font-weight: 700;
			color: #656a79;
			text-transform: uppercase;
			background: #1c1d21;
			border-radius: 999px;
		}

.cover-blog-posts .cover-post .post-title {
			margin: 30px 0;
			line-height: 1.6;
		}

.cover-blog-posts .cover-post .post-title,
		.cover-blog-posts .cover-post .post-title a {
			display: block;
			font-size: 23px;
			color: #7d818b;
		}

.cover-blog-posts .cover-post .post-excerpt {
			margin-bottom: 0;
			font-size: 17px;
			color: #4c4f56;
			transition: margin 0.4s ease-in-out;
		}

.cover-blog-posts .cover-post .post-read-more {
			position: absolute;
			bottom: 0;
			left: 0;
			display: inline-block;
			font-family: var(--font-header);
			font-size: 13px;
			font-weight: 700;
			color: #fff;
			text-transform: uppercase;
			opacity: 0;
			transition: opacity 0.3s ease-in-out;
		}

.cover-blog-posts .cover-post .post-read-more svg {
				width: 19px;
				height: 19px;
				margin-left: 10px;
				vertical-align: -5px;
			}

.cover-blog-posts .cover-post .post-read-more:focus svg, .cover-blog-posts .cover-post .post-read-more:hover svg {
					animation: pan-right-with-fade 0.8s ease-in-out infinite;
				}

.cover-blog-posts .cover-post:nth-child(2) {
			animation-delay: 0.75s;
		}

.cover-blog-posts .cover-post:nth-child(3) {
			animation-delay: 1s;
		}

.cover-blog-posts .cover-post:last-child {
			margin-right: 0;
		}

@media (width <= 1920px), (height <= 1000px) {
			.cover-blog-posts .cover-post .post-category {
				padding: 12px 30px;
				font-size: 11px;
			}

			.cover-blog-posts .cover-post .post-title,
			.cover-blog-posts .cover-post .post-title a {
				font-size: 21px;
			}

			.cover-blog-posts .cover-post .post-excerpt {
				font-size: 16px;
			}
		}

@media (width <= 1420px) {
			.cover-blog-posts .cover-post .post-title,
			.cover-blog-posts .cover-post .post-title a {
				font-size: 18px;
			}

			.cover-blog-posts .cover-post .post-excerpt {
				font-size: 15px;
			}
		}

@media (width <= 1230px) {
			.cover-blog-posts .cover-post .post-title,
			.cover-blog-posts .cover-post .post-title a {
				font-size: 16px;
			}

			.cover-blog-posts .cover-post .post-excerpt {
				font-size: 14px;
			}
		}

.cover-blog-posts .cover-post.cover-post-active .post-category {
			color: #fff;
			background: var(--color-local, #1c1d21);
		}

.cover-blog-posts .cover-post.cover-post-active .post-title,
		.cover-blog-posts .cover-post.cover-post-active .post-title a {
			color: #fff;
		}

.cover-blog-posts .cover-post.cover-post-active .post-excerpt {
			margin-bottom: 40px;
			color: #a9aebb;
		}

.cover-blog-posts .cover-post.cover-post-active .post-read-more {
			opacity: 1;
		}

@media (width <= 1120px) {

.cover-blog-posts {
		display: none
}
	}

.cover-search {
	position: relative;
	width: 100%;
}

.cover-search .search-submit {
		position: absolute;
		top: 23px;
		right: 35px;
		width: 46px;
		height: 46px;
		padding: 10px;
		color: #acb0b8;
		cursor: pointer;
		background: none;
		border: 0;
		border-radius: 999px;
		transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
	}

.cover-search .search-submit:focus,
		.cover-search .search-submit:hover {
			color: #424448;
		}

.cover-search input.query {
		width: 100%;
		height: 90px;
		padding: 0 50px;
		font-size: 18px;
		color: #202122;
		background: #fff;
		border: 0;
		border-radius: 999px;
	}

.cover-search input.query::placeholder {
			color: #2d2f31;
		}

.cover-article-count {
	display: block;
	font-family: var(--font-header);
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
}

.cover-load-indicator {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 500;
	width: 0;
	height: 10px;
	background: var(--color-accent-light);
	border-radius: 0 3px 0 0;
	opacity: 0.4;
	animation: loadbar 8s linear;
	animation-iteration-count: infinite;
	animation-play-state: paused;
}

@media (width <= 1120px) {

.cover-load-indicator {
		display: none
}
	}

.dark-theme .cover-load-indicator {
		opacity: 0.1;
	}

.cover-mouse {
	right: 40px;
	bottom: 40px;
	display: none;
	width: 25px;
	height: 36px;
	margin-top: 90px;
	margin-left: -12px;
	cursor: pointer;
	background: none;
	border: 2px solid rgb(255 255 255 / 27%);
	border-radius: var(--layout-border-radius);
	opacity: 0;
	transition: border-color 0.2s ease-in;
	animation: fade-in 0.6s ease-out 2s;
	animation-fill-mode: forwards;
}

.cover-mouse .cover-mouse-scroll {
		display: block;
		width: 3px;
		height: 6px;
		margin: -8px auto 0;
		background: #b0b1b1;
		border-radius: var(--layout-border-radius);
		animation-name: scroll;
		animation-duration: 2s;
		animation-iteration-count: infinite;
	}

.cover-mouse:focus,
	.cover-mouse:hover {
		border: 2px solid rgb(255 255 255 / 40%);
	}

body.frontpage-no-cover .cover {
		display: none;
	}

body.frontpage-no-cover .top-bar {
		background: #0d0d0e;
		border-bottom: 0;
	}

body.frontpage-no-cover .filter-bar {
		display: none;
	}

body.frontpage-no-cover .page-layout-single.blog .page-container,
	body.frontpage-no-cover .page-container {
		margin-top: 100px !important;
	}

body.frontpage-cover-basic .cover .cover-shadow {
		opacity: 0.5;
	}

body.frontpage-cover-basic .cover-blog-description {
		bottom: -60px;
	}

body.frontpage-cover-basic .cover-blog-description .cover-blog-info {
			display: block;
		}

body.frontpage-cover-basic .cover-mouse {
		display: block;
	}

body.frontpage-cover-basic .cover-blog-posts {
		display: none;
	}

@media (height <= 900px) and (width >= 1120px) {
		body.frontpage-cover-basic.page-layout-masonry .cover.cover-blog .cover-blog-description,
		body.frontpage-cover-basic.page-layout-standard .cover.cover-blog .cover-blog-description,
		body.frontpage-cover-basic.page-layout-standard-left .cover.cover-blog .cover-blog-description {
			display: flex;
		}
	}

@media (width <= 1120px) {
		body.frontpage-cover-mobile .cover-blog-description {
			bottom: 160px;
		}

		body.frontpage-cover-mobile .cover-blog-info,
		body.frontpage-cover-mobile .cover-mouse {
			display: none;
		}

		body.frontpage-cover-mobile .cover-blog-posts {
			display: flex;
		}

			body.frontpage-cover-mobile .cover-blog-posts .cover-post:nth-child(1),
			body.frontpage-cover-mobile .cover-blog-posts .cover-post:nth-child(2),
			body.frontpage-cover-mobile .cover-blog-posts .cover-post:nth-child(3) {
				animation-delay: 0s;
			}

			body.frontpage-cover-mobile .cover-blog-posts .post-category {
				padding: 12px 30px;
				font-size: 13px;
			}

			body.frontpage-cover-mobile .cover-blog-posts .post-title {
				margin: 30px 0;
			}

			body.frontpage-cover-mobile .cover-blog-posts .post-title,
			body.frontpage-cover-mobile .cover-blog-posts .post-title a {
				font-size: 23px;
			}

			body.frontpage-cover-mobile .cover-blog-posts .post-excerpt {
				margin-bottom: 50px;
				font-size: 17px;
			}

			body.frontpage-cover-mobile .cover-blog-posts .post-read-more {
				display: block;
				width: 100%;
				font-size: 13px;
				text-align: center;
			}

		body.frontpage-cover-mobile .cover-post {
			display: none;
			width: 90%;
			max-width: 540px;
			padding: 0;
			margin: 0;
			text-align: center;
			opacity: 0;
			animation-delay: 0s;
		}

		body.frontpage-cover-mobile .cover-load-indicator {
			display: block;
		}

		body.frontpage-cover-mobile .cover-post-active {
			display: block;
		}

		body.frontpage-cover-mobile .cover-post-inactive {
			display: none;
		}
	}

@media (width <= 1120px) {
		body.frontpage-cover-mobile .cover-blog-posts {
			bottom: 8%;
		}
	}

@media (width <= 660px), (height <= 720px) {
			body.frontpage-cover-mobile .cover-blog-posts .post-category {
				padding: 10px 24px;
				font-size: 11px;
			}

			body.frontpage-cover-mobile .cover-blog-posts .post-title {
				margin: 25px 0;
			}

			body.frontpage-cover-mobile .cover-blog-posts .post-title,
			body.frontpage-cover-mobile .cover-blog-posts .post-title a {
				font-size: 18px;
			}

			body.frontpage-cover-mobile .cover-blog-posts .post-excerpt {
				margin-bottom: 40px;
				font-size: 16px;
			}
	}

@media (width <= 420px) {
			body.frontpage-cover-mobile .cover-blog-posts .post-category {
				padding: 8px 22px;
				font-size: 10px;
			}

			body.frontpage-cover-mobile .cover-blog-posts .post-title {
				margin: 20px 0;
			}

			body.frontpage-cover-mobile .cover-blog-posts .post-title,
			body.frontpage-cover-mobile .cover-blog-posts .post-title a {
				font-size: 16px;
			}

			body.frontpage-cover-mobile .cover-blog-posts .post-excerpt {
				margin-bottom: 30px;
				font-size: 14px;
			}
	}

/* ------------------------------------------------------------------
    Components: Filter Bar
------------------------------------------------------------------- */

.filter-bar {
	z-index: 300;
	display: flex;
	align-items: center;
	height: 100px;
	margin: 0 auto;
	overflow: hidden;
	background: #ebeff1;
}

.filter-bar .wrapper {
		display: flex;
		gap: 20px;
		align-items: center;
		justify-content: space-between;
	}

@media (width <= 1920px) {

.filter-bar {
		height: 90px
}
	}

@media (width <= 1120px) {

.filter-bar {
		display: none
}
	}

.dark-theme .filter-bar {
		background: #0c0c0c;
	}

.filter-bar-options {
	display: flex;
	gap: 15px;
	align-items: center;
	font-family: var(--font-header);
	font-weight: 600;
	text-transform: uppercase;
	list-style: none;
}

.filter-bar-options .title {
		margin-right: 1ch;
		color: #222529;
	}

.filter-bar-options .title::after {
			content: ":";
		}

.dark-theme .filter-bar-options .title {
			color: #828c95;
		}

.filter-bar-options .active a {
		color: #f3f5f8;
		background: var(--color-local, #23272a);
	}

.filter-bar-options .active a:focus,
		.filter-bar-options .active a:hover {
			color: #fff;
			background: hsl(from var(--color-local, #23272a) h s calc(l - 10));
		}

.dark-theme .filter-bar-options .active a {
			color: #fff;
			background: var(--color-local, #5a5c63);
		}

.dark-theme .filter-bar-options .active a:focus,
			.dark-theme .filter-bar-options .active a:hover {
				background: hsl(from var(--color-local, #23272a) h s calc(l - 10));
			}

.filter-bar-options li {
		font-size: var(--text-lg);
	}

.filter-bar-options a {
		display: block;
		padding: 12px 30px;
		font-size: 12px;
		color: #4e565d;
		background: #fff;
		border-radius: 999px;
	}

.filter-bar-options a:focus,
		.filter-bar-options a:hover {
			color: #fff;
			background: var(--color-local, #44444a);
		}

.dark-theme .filter-bar-options a {
			color: #d4dae0;
			background: #2b2c2f;
		}

.dark-theme .filter-bar-options a:focus,
			.dark-theme .filter-bar-options a:hover {
				color: #fff;
				background: var(--color-local, #5a5c63);
			}

.dark-theme .filter-bar-options .active a.filter-all {
			color: #25282d;
			background: #fff;
		}

.filter-bar-search {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	color: #4e565d;
	cursor: pointer;
	background: #fff;
	border: 0;
	border-radius: 999px;
	transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
}

.filter-bar-search svg {
		width: 18px;
		height: 18px;
	}

.filter-bar-search:focus,
	.filter-bar-search:hover {
		color: #fff;
		background: #343338;
	}

@media (width <= 1230px) {

.filter-bar-search {
		display: none
}
	}

.dark-theme .filter-bar-search {
		color: #dee2ea;
		background: #2b2c2f;
	}

.dark-theme .filter-bar-search:focus,
		.dark-theme .filter-bar-search:hover {
			color: #fff;
			background: #5a5c63;
		}

/* ------------------------------------------------------------------
    Components: Page Container
------------------------------------------------------------------- */

.page-container {
	display: flex;
	gap: 5%;
	padding: 110px 0;
}

.page-container .page-contents {
		width: 100%;
	}

.page-container .page-sidebar {
		display: flex;
		flex-direction: column;
		gap: 50px;
		width: 40%;
		min-width: 360px;
	}

.page-container .page-sidebar .widget-divider {
			width: 100%;
			height: 1px;
			margin: 0;
			background: #e9eaeb;
			border: 0;
		}

.page-container .page-sidebar .widget-divider:last-child {
				display: none;
			}

.dark-theme .page-container .page-sidebar .widget-divider {
				background: #28292a;
			}

@media (width <= 1920px) {

.page-container {
		padding: 4.5% 0
}
	}

@media (width <= 880px) {

.page-container {
		padding: 5% 0
}
	}

/* ------------------------------------------------------------------
    Components: Page Utils
------------------------------------------------------------------- */

.page-utils-options {
	position: fixed;
	right: 40px;
	bottom: 40px;
	z-index: 100;
	display: flex;
	gap: 10px;
	padding: 0;
	margin: 0;
	list-style: none;
}

.page-utils-options li svg {
			width: 20px;
			height: 20px;
		}

.page-utils-options li button {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 40px;
			height: 40px;
			color: #fff;
			text-align: center;
			cursor: pointer;
			background: #d8dee3;
			border: 0;
			border-radius: 999px;
			transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
		}

.page-utils-options li button:focus,
			.page-utils-options li button:hover {
				background: #4a4d50;
			}

.dark-theme .page-utils-options li button {
				color: #fff;
				background: #4a4d50;
			}

.dark-theme .page-utils-options li button:focus,
				.dark-theme .page-utils-options li button:hover {
					color: #4a4b4c;
					background: #e2e3e4;
				}

@media (width <= 1980px) {

.page-utils-options {
		display: none
}
	}

/* ------------------------------------------------------------------
    Components: Top Bar
------------------------------------------------------------------- */

.top-bar {
	position: relative;
	z-index: 500;
	width: 100%;
	height: 115px;
	border-bottom: 1px solid rgb(240 243 246 / 25%);
}

.top-bar .wrapper {
		display: flex;
		gap: 30px;
		justify-content: space-between;
	}

.top-bar .top-bar-logo {
		max-height: 40px;
		margin-top: 40px;
		font-family: var(--font-header);
		font-size: 28px;
		font-weight: 600;
		color: #fff;
		transition: margin 0.2s ease-out;
	}

.top-bar .top-bar-logo a {
			color: #fff;
		}

.top-bar .top-bar-logo img {
			max-height: 37px;
		}

.top-bar.top-bar-overlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1200;
	}

.top-bar.top-bar-solid {
		background: #0d0d0e;
		border-bottom: 0;
	}

.top-bar.top-bar-scrolling {
		height: 80px;
	}

@media (width >= 960px) {
		.top-bar.top-bar-sticky {
			position: fixed;
			transition: background 0.2s ease-out, height 0.2s ease-out;
		}

		.top-bar.top-bar-stuck {
			height: 90px;
			background: #0e0e0e;
			border-color: transparent;
		}

			.top-bar.top-bar-stuck .top-bar-logo {
				margin-top: 26px;
			}

			.top-bar.top-bar-stuck nav.navigation-main > ul > li > a:first-child,
			.top-bar.top-bar-stuck nav.navigation-main > div > ul > li > a:first-child {
				padding: 36px 28px 35px;
			}

			.top-bar.top-bar-stuck nav.navigation-main ul li ul {
				top: 90px;
			}
	}

@media (width <= 960px) {
		.top-bar .top-bar-logo {
			width: 100%;
			text-align: center;
		}
	}

/* ------------------------------------------------------------------
    Components: Navigation
------------------------------------------------------------------- */

nav.navigation-main ul {
		display: flex;
		padding: 0;
		margin: 0;
		line-height: 1.225;
		list-style: none;
	}

nav.navigation-main ul li {
			position: relative;
			display: block;
		}

nav.navigation-main ul li:focus-within a, nav.navigation-main ul li:hover a {
					background: #0d0d0e;
				}

nav.navigation-main ul a,
		nav.navigation-main ul span {
			display: inline-block;
			padding: 9px 12px 35px;
			font-family: var(--font-header);
			font-size: 15px;
			font-weight: 600;
			color: #fff;
			text-transform: uppercase;
			cursor: pointer;
		}

nav.navigation-main ul svg {
			width: 14px;
			height: 14px;
			margin-left: 8px;
			vertical-align: -2px;
			color: #c3c3c3;
			stroke-width: 3px;
		}

nav.navigation-main ul > li:focus-within ul,
		nav.navigation-main ul > li:hover ul {
			display: block;
			opacity: 1;
		}

@starting-style {

nav.navigation-main ul > li:focus-within ul,
		nav.navigation-main ul > li:hover ul {
				opacity: 0
		}
			}

nav.navigation-main ul:has(> li:hover) > li:focus-within:not(:hover) a {
				background: transparent;
			}

nav.navigation-main ul:has(> li:hover) > li:focus-within:not(:hover) ul {
				display: none;
				opacity: 0;
			}

nav.navigation-main ul li ul {
			position: absolute;
			top: 114px;
			right: 0;
			z-index: 1200;
			display: none;
			width: 325px;
			padding: 20px 15px;
			color: #fff;
			background: #0d0d0e;
			border-radius: 0 0 var(--layout-border-radius) var(--layout-border-radius);
			opacity: 0;
			transition-duration: 0.15s;
			transition-property: opacity, display;
			transition-behavior: allow-discrete;
		}

nav.navigation-main ul li ul li {
				display: block;

				/* rtl:ignore */
				text-align: right;
			}

nav.navigation-main ul li ul li a {
					display: block;
					padding: 10px;
					font-size: 12px;
					color: #c4c4cf;
					transition: padding-right 0.1s ease-in;
				}

nav.navigation-main ul li ul li a:focus,
					nav.navigation-main ul li ul li a:hover {
						color: #fff;
					}

nav.navigation-main ul li ul li:last-of-type::after {
					display: none;
				}

nav.navigation-main ul li ul li::before {
				content: "";
			}

nav.navigation-main > ul > li > a {
		border-radius: 0;
	}

nav.navigation-main > ul > li.current-menu-item::after,
		nav.navigation-main > ul > li.menu-item-active::after,
		nav.navigation-main > div > ul > li.current-menu-item::after,
		nav.navigation-main > div > ul > li.menu-item-active::after {
			position: absolute;
			bottom: 0;
			left: 50%;
			z-index: 100;
			display: block;
			width: 20px;
			height: 2px;
			margin-right: 15px;
			margin-left: -10px;
			content: "";
			background: #fff;
		}

nav.navigation-main > ul > li > a:first-child, nav.navigation-main > div > ul > li > a:first-child {
			position: relative;
			z-index: 200;
			padding: 51px 28px 47px;
		}

@media (width <= 1420px) {
		nav.navigation-main ul a {
			font-size: 14px;
		}

		nav.navigation-main > div > ul > li > a:first-child,
		nav.navigation-main > ul > li > a:first-child {
			padding: 51px 28px 47px;
		}
	}

@media (width <= 960px) {

nav.navigation-main {
		display: none
}
	}

nav.navigation-responsive {
	position: absolute;
	top: 0;

	/* rtl:ignore */
	right: 0;
	display: none;
}

nav.navigation-responsive .show-nav {
		display: inline-block;
		padding: 10px;
		margin-top: 35px;
		font-size: 14px;
		line-height: 0;
		color: #eee;
		text-align: center;
		cursor: pointer;
		background: #161617;
		border: 0;
		border-radius: 999px;
		stroke-width: 3;
		transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
	}

nav.navigation-responsive .show-nav:focus,
		nav.navigation-responsive .show-nav:hover {
			color: #161617;
			background: #d8d8e0;
		}

nav.navigation-responsive > ul,
	nav.navigation-responsive > div > ul {
		position: absolute;
		top: 150px;

		/* rtl:ignore */
		right: 0;
		visibility: hidden;
		width: 325px;
		padding: 20px 0;

		/* rtl:ignore */
		text-align: right;
		pointer-events: none;
		background: #000;
		border-radius: var(--layout-border-radius);
		opacity: 0;
		transition: opacity 0.25s ease-out, visibility 0.25s ease-out;
	}

nav.navigation-responsive > ul.active, nav.navigation-responsive > div > ul.active {
			visibility: visible;
			pointer-events: all;
			opacity: 1;
		}

nav.navigation-responsive > ul li, nav.navigation-responsive > div > ul li {
			position: relative;
			display: block;
		}

nav.navigation-responsive > ul a,
		nav.navigation-responsive > ul span,
		nav.navigation-responsive > div > ul a,
		nav.navigation-responsive > div > ul span {
			display: inline-block;
			padding: 9px 12px 25px;
			font-family: var(--font-header);
			font-size: 14px;
			font-weight: 600;
			color: #fff;
			text-transform: uppercase;
			cursor: pointer;
		}

nav.navigation-responsive > ul svg, nav.navigation-responsive > div > ul svg {
			width: 14px;
			height: 14px;
			margin-left: 10px;
			vertical-align: -3px;
			color: #c3c3c3;
		}

nav.navigation-responsive > ul li ul, nav.navigation-responsive > div > ul li ul {
			top: 114px;
			right: 0;
			z-index: 1200;
			display: none;
			width: 325px;
			padding: 10px 15px;
			color: #fff;
			transition: opacity 0.15s ease-out;
		}

nav.navigation-responsive > ul li ul.active, nav.navigation-responsive > div > ul li ul.active {
				display: block;
			}

nav.navigation-responsive > ul li ul li, nav.navigation-responsive > div > ul li ul li {
				display: block;

				/* rtl:ignore */
				text-align: right;
			}

nav.navigation-responsive > ul li ul li a, nav.navigation-responsive > div > ul li ul li a {
					padding: 5px 10px;
					font-size: 12px;
					color: #c4c4cf;
					transition: padding-right 0.1s ease-in;
				}

nav.navigation-responsive > ul li ul li a:focus,
					nav.navigation-responsive > ul li ul li a:hover,
					nav.navigation-responsive > div > ul li ul li a:focus,
					nav.navigation-responsive > div > ul li ul li a:hover {
						color: #fff;
					}

nav.navigation-responsive > ul li ul li:last-of-type::after, nav.navigation-responsive > div > ul li ul li:last-of-type::after {
					display: none;
				}

nav.navigation-responsive > ul li ul li::before, nav.navigation-responsive > div > ul li ul li::before {
				content: "";
			}

nav.navigation-responsive > div > ul > li > a:first-child, nav.navigation-responsive > ul > li > a:first-child {
			position: relative;
			z-index: 200;
			padding: 12px 28px;
		}

@media (width <= 960px) {

nav.navigation-responsive {
		display: block
}
	}

body.post-basic-layout .top-bar nav.navigation-main > ul > li:focus > a,
	body.post-basic-layout .top-bar nav.navigation-main > ul > li:hover > a {
		background: #212123;
	}

/* ------------------------------------------------------------------
    Components: Overlay
------------------------------------------------------------------- */

.page-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	display: none;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	opacity: 0;
	transition-timing-function: ease-out;
	transition-duration: 0.25s;
	transition-property: opacity, display;
	transition-behavior: allow-discrete;
}

.page-overlay.page-overlay-open {
		display: flex;
		opacity: 1;
	}

@starting-style {

.page-overlay.page-overlay-open {
			opacity: 0
	}
		}

.page-overlay-background {
	position: absolute;
	inset: 0;
	content: "";
	background: rgb(13 13 14 / 95%);
}

.page-overlay-content {
	position: relative;
	z-index: 200;
	width: 90%;
	max-width: 1200px;
	padding: 2.5%;
}

.page-overlay-close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 3000;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	color: #c3c7ce;
	text-align: center;
	cursor: pointer;
	background: #121212;
	border: 0;
	border-radius: 999px;
	transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
}

.page-overlay-close svg {
		width: 20px;
		height: 20px;
	}

.page-overlay-close:focus,
	.page-overlay-close:hover {
		color: #343638;
		background: #d6d6d6;
	}

@media (width <= 1280px) {

.page-overlay-close {
		right: 0
}
	}

.page-overlay-search .searchform {
		position: relative;
	}

.page-overlay-search .searchform .query {
			width: 100%;
			height: 90px;
			padding: 0 50px;
			font-size: 18px;
			color: #202122;
			background: #fff;
			border: 0;
			border-radius: 999px;
			transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
		}

.page-overlay-search .searchform .query::placeholder {
				color: #2d2f31;
			}

.page-overlay-search .searchform .query:focus,
			.page-overlay-search .searchform .query:hover {
				border-color: #9ea1a8;
			}

.page-overlay-search .searchform .search-submit {
			position: absolute;
			top: 23px;
			right: 35px;
			width: 46px;
			height: 46px;
			padding: 10px;
			color: #acb0b8;
			cursor: pointer;
			background: none;
			border: 0;
			border-radius: 999px;
			transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
		}

.page-overlay-search .searchform .search-submit:focus,
			.page-overlay-search .searchform .search-submit:hover {
				color: #424448;
			}

.overlay-media-embed {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #000;
	border-radius: var(--layout-border-radius);
}

.overlay-media-embed > * {
		display: block;
		width: 100%;
	}

.overlay-media-embed video {
		height: auto;
	}

.overlay-media-embed iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

.overlay-media-embed:has(iframe)::after {
		display: block;
		padding-top: 56.25%;
		content: "";
	}

.overlay-post-info {
	width: 95%;
	max-width: 660px;
	margin: 0 auto;
}

.overlay-post-info .post-title {
		margin: 5% 0 2.5%;
		font-size: 32px;
	}

.overlay-post-info .post-title a {
			color: #fff;
		}

.overlay-post-info .post-excerpt {
		font-size: 16px;
		color: #a2a6ad;
	}

.overlay-post-info .post-read-more {
		display: inline-block;
		margin-top: 2%;
		font-family: var(--font-header);
		font-size: 13px;
		font-weight: 700;
		color: #a2a6ad;
		text-transform: uppercase;
		transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
	}

.overlay-post-info .post-read-more svg {
			width: 16px;
			height: 16px;
			margin-left: 12px;
			vertical-align: -3px;
			transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
		}

.overlay-post-info .post-read-more:focus,
		.overlay-post-info .post-read-more:hover {
			color: #fff;
		}

.overlay-post-info .post-read-more:focus svg, .overlay-post-info .post-read-more:hover svg {
				color: #fff;
			}

@media (width <= 1120px) {
		.overlay-post-info .post-title {
			font-size: 28px;
		}

		.overlay-post-info .post-excerpt {
			font-size: 15px;
		}
	}

/* ------------------------------------------------------------------
    Components: Post List - Masonry
------------------------------------------------------------------- */

.page-contents.post-list-masonry {
	width: 103.7813%;
	margin: 0 auto;
}

.page-contents.post-list-masonry .post,
	.page-contents.post-list-masonry .page {
		position: relative;
		float: left;

		/* stylelint-disable-next-line declaration-block-no-duplicate-properties */
		width: 29.5521%;
		width: round(29.5521%, 1px);
		margin-right: 3.7813%;
		margin-bottom: 60px;
		text-align: center;
		background: #fff;
		border-radius: var(--layout-border-radius);
		transform: translateZ(0);
	}

.page-contents.post-list-masonry .post .post-header-image, .page-contents.post-list-masonry .page .post-header-image {
			width: 100%;
			margin-top: -1px;
			border-radius: var(--layout-border-radius) var(--layout-border-radius) 0 0;
		}

.page-contents.post-list-masonry .post .post-header-image img, .page-contents.post-list-masonry .page .post-header-image img {
				min-width: 100%;
				border-radius: var(--layout-border-radius) var(--layout-border-radius) 0 0;
			}

.page-contents.post-list-masonry .post .post-header-image a, .page-contents.post-list-masonry .page .post-header-image a {
				display: block;
			}

@media (width <= 780px) {
				.page-contents.post-list-masonry .post .post-header-image a, .page-contents.post-list-masonry .page .post-header-image a {
					pointer-events: none;
				}
			}

.page-contents.post-list-masonry .post .post-background, .page-contents.post-list-masonry .page .post-background {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 100;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background-position: top;
			border-radius: var(--layout-border-radius);
			opacity: 1;
		}

.page-contents.post-list-masonry .post .post-background-image, .page-contents.post-list-masonry .page .post-background-image {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center;
		}

.page-contents.post-list-masonry .post .post-info, .page-contents.post-list-masonry .page .post-info {
			width: 100%;
			padding: 8%;
			container-type: inline-size;
		}

.page-contents.post-list-masonry .post .post-external-link, .page-contents.post-list-masonry .page .post-external-link {
			display: inline-block;
			padding: 12px 25px;
			margin: 0 auto;
			font-family: var(--font-header);
			font-size: 11px;
			font-weight: 600;
			color: #27272b;
			text-transform: uppercase;
			background: #f1f1f3;
			border-radius: 999px;
		}

.page-contents.post-list-masonry .post .post-external-link svg, .page-contents.post-list-masonry .page .post-external-link svg {
				width: 16px;
				height: 16px;
				margin-right: 10px;
				vertical-align: -3px;
				color: #a7a6ad;
			}

.page-contents.post-list-masonry .post .post-external-link:focus,
			.page-contents.post-list-masonry .post .post-external-link:hover,
			.page-contents.post-list-masonry .page .post-external-link:focus,
			.page-contents.post-list-masonry .page .post-external-link:hover {
				color: #fff;
				background: #3b3b40;
			}

.page-contents.post-list-masonry .post .post-category, .page-contents.post-list-masonry .page .post-category {
			display: inline-block;
			padding: 10px 25px;
			font-family: var(--font-header);
			font-size: 12px;
			font-weight: 600;
			color: #fff;
			text-transform: uppercase;
			background: var(--color-local, #393947);
			border-radius: 999px;
		}

.page-contents.post-list-masonry .post .post-category:hover,
			.page-contents.post-list-masonry .post .post-category:focus,
			.page-contents.post-list-masonry .page .post-category:hover,
			.page-contents.post-list-masonry .page .post-category:focus {
				background: hsl(from var(--color-local) h s calc(l - 10));
			}

.page-contents.post-list-masonry .post .post-title, .page-contents.post-list-masonry .page .post-title {
			width: 92%;
			margin: 7.5% auto 6%;
			font-size: 23px;
			font-weight: 600;
		}

.page-contents.post-list-masonry .post .post-title a, .page-contents.post-list-masonry .page .post-title a {
				display: block;
				color: #363b41;
			}

.page-contents.post-list-masonry .post .post-title a:focus,
				.page-contents.post-list-masonry .post .post-title a:hover,
				.page-contents.post-list-masonry .page .post-title a:focus,
				.page-contents.post-list-masonry .page .post-title a:hover {
					color: #000;
				}

.page-contents.post-list-masonry .post .post-media, .page-contents.post-list-masonry .page .post-media {
			display: none;
		}

.page-contents.post-list-masonry .post .post-excerpt, .page-contents.post-list-masonry .page .post-excerpt {
			margin: 6% 0 7.5%;
			font-size: 15px;
		}

.page-contents.post-list-masonry .post .post-meta, .page-contents.post-list-masonry .page .post-meta {
			display: flex;
			gap: 20px;
			justify-content: space-between;
			padding-top: 7.5%;
			font-family: var(--font-header);
			font-size: 13px;
			font-weight: 600;
			color: #a1a6af;
			text-transform: uppercase;
			list-style: none;
			border-top: 1px solid #f1f3f7;
		}

.page-contents.post-list-masonry .post .post-meta a, .page-contents.post-list-masonry .page .post-meta a {
				color: #a1a6af;
			}

.page-contents.post-list-masonry .post .post-meta a:focus,
				.page-contents.post-list-masonry .post .post-meta a:hover,
				.page-contents.post-list-masonry .page .post-meta a:focus,
				.page-contents.post-list-masonry .page .post-meta a:hover {
					color: #6a6f77;
				}

.page-contents.post-list-masonry .post .post-meta a:focus .sl-icon, .page-contents.post-list-masonry .post .post-meta a:hover .sl-icon, .page-contents.post-list-masonry .page .post-meta a:focus .sl-icon, .page-contents.post-list-masonry .page .post-meta a:hover .sl-icon {
						color: #6a6f77;
						fill: #6a6f77;
					}

.page-contents.post-list-masonry .post .post-meta .post-meta-comments svg, .page-contents.post-list-masonry .page .post-meta .post-meta-comments svg {
					width: 18px;
					height: 18px;
					margin-right: 5px;
					vertical-align: -4px;
				}

.page-contents.post-list-masonry .post .post-meta .post-pinned svg, .page-contents.post-list-masonry .page .post-meta .post-pinned svg {
					width: 16px;
					height: 16px;
				}

.page-contents.post-list-masonry .post .post-meta .post-meta-align-left,
			.page-contents.post-list-masonry .post .post-meta .post-meta-align-right,
			.page-contents.post-list-masonry .page .post-meta .post-meta-align-left,
			.page-contents.post-list-masonry .page .post-meta .post-meta-align-right {
				display: flex;
				gap: 20px;
				align-items: center;
			}

.page-contents.post-list-masonry .post .post-meta-likes .sl-button .sl-icon, .page-contents.post-list-masonry .page .post-meta-likes .sl-button .sl-icon {
					display: inline-block;
					width: 14px;
					height: 14px;
					margin-right: 8px;
					vertical-align: -3px;
					fill: currentcolor;
					transition: fill 0.25s ease-in-out;
				}

.page-contents.post-list-masonry .post .post-meta-likes .sl-button .sl-count, .page-contents.post-list-masonry .page .post-meta-likes .sl-button .sl-count {
					display: inline-block;
					vertical-align: -1px;
				}

.page-contents.post-list-masonry .post .post-meta-likes .sl-button.liked .sl-icon, .page-contents.post-list-masonry .page .post-meta-likes .sl-button.liked .sl-icon {
					fill: #fd5c63;
				}

.page-contents.post-list-masonry .post .post-meta.post-meta-dark, .page-contents.post-list-masonry .page .post-meta.post-meta-dark {
			border-color: rgb(255 255 255 / 20%);
		}

.page-contents.post-list-masonry .post .post-meta.post-meta-dark a, .page-contents.post-list-masonry .page .post-meta.post-meta-dark a {
				color: #b4bcca;
			}

.page-contents.post-list-masonry .post .post-meta.post-meta-dark a svg, .page-contents.post-list-masonry .page .post-meta.post-meta-dark a svg {
					color: #b4bcca;
				}

.page-contents.post-list-masonry .post .post-meta.post-meta-dark a:focus,
				.page-contents.post-list-masonry .post .post-meta.post-meta-dark a:hover,
				.page-contents.post-list-masonry .page .post-meta.post-meta-dark a:focus,
				.page-contents.post-list-masonry .page .post-meta.post-meta-dark a:hover {
					color: #e6e9ec;
				}

.page-contents.post-list-masonry .post .post-meta.post-meta-dark a:focus .sl-icon, .page-contents.post-list-masonry .post .post-meta.post-meta-dark a:hover .sl-icon, .page-contents.post-list-masonry .page .post-meta.post-meta-dark a:focus .sl-icon, .page-contents.post-list-masonry .page .post-meta.post-meta-dark a:hover .sl-icon {
						color: #e6e9ec;
						fill: #e6e9ec;
					}

.page-contents.post-list-masonry .post.sticky .post-meta .post-pinned, .page-contents.post-list-masonry .page.sticky .post-meta .post-pinned {
			display: block;
		}

@media (width <= 1920px) {
			.page-contents.post-list-masonry .post .post-meta, .page-contents.post-list-masonry .page .post-meta {
				font-size: 12px;
			}
		}

@media (width <= 1680px) {
			.page-contents.post-list-masonry .post .post-title, .page-contents.post-list-masonry .page .post-title {
				width: 92%;
				font-size: 22px;
			}

			.page-contents.post-list-masonry .post .post-excerpt, .page-contents.post-list-masonry .page .post-excerpt {
				font-size: 14px;
			}
		}

@media (width <= 1680px) {
			.page-contents.post-list-masonry .post .post-category, .page-contents.post-list-masonry .page .post-category {
				padding: 10px 25px;
				font-size: 10px;
			}

			.page-contents.post-list-masonry .post .post-title, .page-contents.post-list-masonry .page .post-title {
				width: 92%;
				font-size: 22px;
			}

			.page-contents.post-list-masonry .post .post-excerpt, .page-contents.post-list-masonry .page .post-excerpt {
				font-size: 14px;
			}
		}

@media (width <= 1340px) {

.page-contents.post-list-masonry .post,
	.page-contents.post-list-masonry .page {
			/* stylelint-disable-next-line declaration-block-no-duplicate-properties */
			width: 46.2188%;
			width: round(46.2188%, 1px)
	}
		}

@media (width <= 920px) {

.page-contents.post-list-masonry .post,
	.page-contents.post-list-masonry .page {
			width: 100%;
			margin-right: 0;
			margin-bottom: 40px
	}
		}

@media (width <= 1120px) {
			.page-contents.post-list-masonry .post .post-meta, .page-contents.post-list-masonry .page .post-meta {
				font-size: 13px;
			}

			.page-contents.post-list-masonry .post .post-title, .page-contents.post-list-masonry .page .post-title {
				font-size: 23px;
			}

			.page-contents.post-list-masonry .post .post-excerpt, .page-contents.post-list-masonry .page .post-excerpt {
				font-size: 15px;
			}
		}

@media (width <= 560px) {
			.page-contents.post-list-masonry .post .post-meta, .page-contents.post-list-masonry .page .post-meta {
				font-size: 12px;
			}

			.page-contents.post-list-masonry .post .post-title, .page-contents.post-list-masonry .page .post-title {
				width: 92%;
				font-size: 22px;
			}

			.page-contents.post-list-masonry .post .post-excerpt, .page-contents.post-list-masonry .page .post-excerpt {
				font-size: 14px;
			}
		}

.page-contents.post-list-masonry .format-standard.has-post-thumbnail .post-info {
			margin-top: -12.5%;
		}

.page-contents.post-list-masonry .format-link.has-post-thumbnail .post-info {
			margin-top: -12.5%;
		}

.page-contents.post-list-masonry .post-format-standard-full-image {
		position: relative;
		min-height: 740px;
		background: transparent;
	}

.page-contents.post-list-masonry .post-format-standard-full-image .post-background {
			border-radius: var(--layout-border-radius);
		}

.page-contents.post-list-masonry .post-format-standard-full-image .post-shadow {
			position: absolute;
			bottom: 0;
			z-index: 200;
			width: 100%;
			height: 100%;
			background: linear-gradient(to bottom, rgb(16 17 19 / 0%) 0%, rgb(16 17 19 / 0%) 25%, rgb(16 17 19 / 100%) 70%, rgb(16 17 19 / 100%) 100%);
			border-radius: var(--layout-border-radius);
		}

.page-contents.post-list-masonry .post-format-standard-full-image .post-info {
			position: absolute;
			bottom: 0;
			z-index: 300;
		}

.page-contents.post-list-masonry .post-format-standard-full-image .post-title {
			font-size: 29px;
		}

.page-contents.post-list-masonry .post-format-standard-full-image .post-title a {
				color: #fff;
			}

.page-contents.post-list-masonry .post-format-standard-full-image .post-title a:focus,
				.page-contents.post-list-masonry .post-format-standard-full-image .post-title a:hover {
					color: #fff;
				}

.page-contents.post-list-masonry .post-format-standard-full-image .post-excerpt {
			color: #d0d6e1;
		}

@media (width <= 1680px) {
			.page-contents.post-list-masonry .post-format-standard-full-image .post-title {
				font-size: 23px;
			}

			.page-contents.post-list-masonry .post-format-standard-full-image .post-excerpt {
				font-size: 15px;
			}
		}

@media (width <= 1120px) {
			.page-contents.post-list-masonry .post-format-standard-full-image .post-title {
				font-size: 29px;
			}

			.page-contents.post-list-masonry .post-format-standard-full-image .post-excerpt {
				font-size: 16px;
			}
		}

@media (width <= 560px) {
			.page-contents.post-list-masonry .post-format-standard-full-image .post-title {
				font-size: 23px;
			}

			.page-contents.post-list-masonry .post-format-standard-full-image .post-excerpt {
				font-size: 15px;
			}
		}

.page-contents.post-list-masonry .post.format-quote {
		background: #1e1f21;
	}

.page-contents.post-list-masonry .post.format-quote .post-background {
			opacity: 0.32;
		}

.page-contents.post-list-masonry .post.format-quote .post-info {
			position: relative;
			bottom: 0;
			z-index: 300;
		}

.page-contents.post-list-masonry .post.format-quote .post-quote {
			position: relative;
			z-index: 300;
			margin-bottom: 30px;
			color: #fff;
			text-align: left;
		}

.page-contents.post-list-masonry .post.format-quote .post-quote > * {
				display: none;
			}

.page-contents.post-list-masonry .post.format-quote .post-quote > blockquote:first-child {
				display: block;
			}

.page-contents.post-list-masonry .post.format-quote blockquote {
			padding: 0;
			margin: 0;
			font-family: var(--font-header);
			font-size: 26px;
			font-weight: 600;
			color: #fbfcfc;
		}

.page-contents.post-list-masonry .post.format-quote blockquote p {
				padding: 0;
				margin: 0;
				font-family: var(--font-header);
				font-size: 26px;
				font-weight: 600;
				line-height: 1.6;
				color: #fbfcfc;
			}

.page-contents.post-list-masonry .post.format-quote blockquote cite {
				display: block;
				margin: 30px 0 45px;
				font-size: 22px;
				font-style: normal;
				color: #b2b4b7;
			}

@media (width <= 1680px) {
				.page-contents.post-list-masonry .post.format-quote blockquote p {
					font-size: 24px;
				}

				.page-contents.post-list-masonry .post.format-quote blockquote footer {
					margin: 28px 0 40px;
					font-size: 20px;
					font-style: normal;
				}
		}

.page-contents.post-list-masonry .post.format-video,
	.page-contents.post-list-masonry .post.format-audio {
		background: #121314;
	}

.page-contents.post-list-masonry .post.format-video .post-background, .page-contents.post-list-masonry .post.format-audio .post-background {
			background-size: cover;
			opacity: 0.3;
		}

.page-contents.post-list-masonry .post.format-video .post-info, .page-contents.post-list-masonry .post.format-audio .post-info {
			position: relative;
			z-index: 300;
		}

.page-contents.post-list-masonry .post.format-video .post-title, .page-contents.post-list-masonry .post.format-audio .post-title {
			margin-bottom: 65px;
			font-size: 26px;
		}

.page-contents.post-list-masonry .post.format-video .post-title a, .page-contents.post-list-masonry .post.format-audio .post-title a {
				color: #fff;
			}

.page-contents.post-list-masonry .post.format-video .post-excerpt, .page-contents.post-list-masonry .post.format-audio .post-excerpt {
			display: none;
		}

@media (width <= 1680px) {
			.page-contents.post-list-masonry .post.format-video .post-play, .page-contents.post-list-masonry .post.format-audio .post-play {
				margin: 55px auto 65px;
			}

			.page-contents.post-list-masonry .post.format-video .post-title, .page-contents.post-list-masonry .post.format-audio .post-title {
				margin-bottom: 45px;
				font-size: 23px;
			}
		}

@media (width <= 1120px) {
			.page-contents.post-list-masonry .post.format-video .post-title, .page-contents.post-list-masonry .post.format-audio .post-title {
				font-size: 29px;
			}
		}

@media (width <= 560px) {
			.page-contents.post-list-masonry .post.format-video .post-title, .page-contents.post-list-masonry .post.format-audio .post-title {
				font-size: 23px;
			}
		}

.page-contents.post-list-masonry .post.format-image {
		overflow: hidden;
		background: transparent;
	}

.page-contents.post-list-masonry .post.format-image .post-image {
			position: relative;
			z-index: 100;
			width: 100%;
		}

.page-contents.post-list-masonry .post.format-image .post-image img {
				display: block;
			}

.page-contents.post-list-masonry .post.format-image .post-info-container {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 300;
			width: 100%;
			height: 100%;
			background: rgb(18 19 20 / 70%);
			opacity: 0;
			transition: opacity 0.4s ease-in-out;
		}

.page-contents.post-list-masonry .post.format-image .post-info {
			position: absolute;
			bottom: 0;
			width: 100%;
		}

.page-contents.post-list-masonry .post.format-image .post-info .post-title a {
					color: #fff;
				}

.page-contents.post-list-masonry .post.format-image:focus .post-info-container, .page-contents.post-list-masonry .post.format-image:hover .post-info-container {
				opacity: 1;
			}

.page-contents.post-list-masonry .post.format-image:focus .post-info-container .post-info, .page-contents.post-list-masonry .post.format-image:hover .post-info-container .post-info {
					animation: slide-down-inlow 0.3s ease-in-out;
				}

.page-contents.post-list-masonry .post.format-aside .post-contents p, .page-contents.post-list-masonry .post.format-status .post-contents p {
				font-size: 15px;
			}

.page-contents.post-list-masonry .post.format-gallery {
		overflow: hidden;
	}

.page-contents.post-list-masonry .post.format-gallery .post-info {
			position: relative;
			z-index: 500;
			margin-top: -11.5%;
		}

.page-contents.post-list-masonry .post.format-gallery .eckogallery {
			position: relative;
		}

.page-contents.post-list-masonry .post.format-gallery .eckogallery a {
				display: block;
				margin: 0;
			}

.page-contents.post-list-masonry .post.format-gallery .eckogallery img {
				display: block;
				margin-bottom: 0;
			}

.page-contents.post-list-masonry .post.format-gallery .post-header-gallery {
			position: relative;
			height: 300px;
			overflow: hidden;
			transition: height 0.2s ease-out;
		}

.page-contents.post-list-masonry .post.format-gallery .post-header-gallery > * {
				display: none;
			}

.page-contents.post-list-masonry .post.format-gallery .post-header-gallery > .wp-block-gallery:first-of-type {
				display: block;
				-webkit-user-select: none;
				        user-select: none;
			}

.page-contents.post-list-masonry .post.format-gallery .post-header-gallery > .post-gallery-previous,
			.page-contents.post-list-masonry .post.format-gallery .post-header-gallery > .post-gallery-next {
				display: block;
			}

.page-contents.post-list-masonry .post.format-gallery .post-header-gallery .post-gallery-previous,
			.page-contents.post-list-masonry .post.format-gallery .post-header-gallery .post-gallery-next {
				position: absolute;
				top: 30px;
				right: 30px;
				z-index: 200;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 40px;
				height: 40px;
				font-size: 12px;
				color: #fff;
				text-align: center;
				cursor: pointer;
				background-color: rgb(37 37 41 / 60%);
				border: 0;
				border-radius: var(--layout-border-radius);
				opacity: 0.8;
				transition: opacity 0.15s ease-out, color 0.15s ease-out, background-color 0.15s ease-out, width 0.15s ease-out;
			}

.page-contents.post-list-masonry .post.format-gallery .post-header-gallery .post-gallery-next {
				top: 72px;
			}

.page-contents.post-list-masonry .post.format-gallery .post-header-gallery:hover .post-gallery-previous,
			.page-contents.post-list-masonry .post.format-gallery .post-header-gallery:hover .post-gallery-next {
				background-color: rgb(37 37 41 / 100%);
				opacity: 1;
			}

.page-contents.post-list-masonry .post.format-gallery .post-header-gallery:hover .post-gallery-previous:hover, .page-contents.post-list-masonry .post.format-gallery .post-header-gallery:hover .post-gallery-next:hover {
					background-color: rgb(23 23 25 / 100%);
				}

.page-contents.post-list-masonry .post.format-gallery .post-header-gallery .wp-block-gallery {
				position: relative;
				padding: 0;
				margin: 0;
			}

.page-contents.post-list-masonry .post.format-gallery .post-header-gallery .wp-block-gallery .wp-block-image {
					position: absolute;
					top: 0;
					left: 0;
					width: 100% !important;
					height: auto;
					padding: 0;
					margin: 0;
					background-color: transparent;
					border-radius: var(--layout-border-radius) var(--layout-border-radius) 0 0;
					opacity: 0;
					transition: opacity 0.25s ease-out;
				}

.page-contents.post-list-masonry .post.format-gallery .post-header-gallery .wp-block-gallery .wp-block-image.active {
						opacity: 1;
					}

.page-contents.post-list-masonry .post.format-gallery .post-header-gallery .wp-block-gallery .wp-block-image:first-of-type {
						display: block;
					}

.page-contents.post-list-masonry .post.format-gallery .post-header-gallery .ecko_post_gallery_image {
				opacity: 0;
			}

.page-contents.post-list-masonry .post.format-gallery .post-header-gallery .ecko_post_gallery_image.active {
					opacity: 1;
				}

.page-contents.post-list-masonry .pagination {
		margin-right: 3.7813%;
	}

/* ------------------------------------------------------------------
    Components: Post List - Standard
------------------------------------------------------------------- */

.page-contents.post-list-standard {
	margin: 0 auto;
}

.page-contents.post-list-standard .post,
	.page-contents.post-list-standard .page {
		position: relative;
		width: 100%;
		margin-bottom: 60px;
		text-align: left;
		background: #fff;
		border-radius: var(--layout-border-radius);
	}

.page-contents.post-list-standard .post .post-info, .page-contents.post-list-standard .page .post-info {
			position: relative;
			z-index: 400;
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			padding: 7.2%;
			container-type: inline-size;
		}

.page-contents.post-list-standard .post .post-background, .page-contents.post-list-standard .page .post-background {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 100;
			width: 100%;
			height: 100%;
			background-position: center;
			background-size: cover;
			border-radius: var(--layout-border-radius) var(--layout-border-radius) 0 0;
			opacity: 1;
		}

.page-contents.post-list-standard .post .post-header-image a, .page-contents.post-list-standard .page .post-header-image a {
				display: block;
			}

.page-contents.post-list-standard .post .post-header-image img, .page-contents.post-list-standard .page .post-header-image img {
				display: block;
				width: 100%;
				min-height: 50px;
				border-top-left-radius: var(--layout-border-radius);
				border-top-right-radius: var(--layout-border-radius);
			}

@media (width <= 780px) {
				.page-contents.post-list-standard .post .post-header-image a, .page-contents.post-list-standard .page .post-header-image a {
					pointer-events: none;
				}
			}

.page-contents.post-list-standard .post .post-date, .page-contents.post-list-standard .page .post-date {
			position: relative;
			display: block;
			width: 15%;
			margin: 100px 0 0 -20px;
			font-family: var(--font-header);
			font-weight: 600;
			text-align: center;
			text-transform: uppercase;
		}

.page-contents.post-list-standard .post .post-date .post-date-category, .page-contents.post-list-standard .page .post-date .post-date-category {
				position: absolute;
				top: 9%;
				right: -32px;
				width: 8px;
				height: 8px;
				content: "";
				background: #eee;
				border-radius: 999px;
				transition: width 0.25s ease-out, right 0.25s ease-out;
			}

.page-contents.post-list-standard .post .post-date .post-date-category.active, .page-contents.post-list-standard .page .post-date .post-date-category.active {
					right: calc(-20% - 8px);
					width: 16px;
				}

.page-contents.post-list-standard .post .post-date .post-date-day, .page-contents.post-list-standard .page .post-date .post-date-day {
				display: block;
				margin: 0 auto 15px;
				font-size: 24px;
				color: #51555b;
			}

.page-contents.post-list-standard .post .post-date .post-date-day small, .page-contents.post-list-standard .page .post-date .post-date-day small {
					font-size: 16px;
				}

.page-contents.post-list-standard .post .post-date .post-date-month, .page-contents.post-list-standard .page .post-date .post-date-month {
				display: block;
				margin-bottom: 15px;
				font-size: 17px;
				color: #abb0b7;
			}

.page-contents.post-list-standard .post .post-date .post-date-year, .page-contents.post-list-standard .page .post-date .post-date-year {
				display: block;
				margin-bottom: 15px;
				font-size: 14px;
				color: #d4d8df;
			}

.page-contents.post-list-standard .post .post-date hr, .page-contents.post-list-standard .page .post-date hr {
				width: 60px;
				height: 1px;
				margin: 35px auto;
				background: #e2e7ed;
				border: 0;
			}

.page-contents.post-list-standard .post .post-external-link, .page-contents.post-list-standard .page .post-external-link {
			display: inline-block;
			padding: 12px 25px;
			margin: 0 auto 20px;
			font-family: var(--font-header);
			font-size: 11px;
			font-weight: 600;
			color: #27272b;
			text-transform: uppercase;
			background: #f1f1f3;
			border-radius: 999px;
		}

.page-contents.post-list-standard .post .post-external-link svg, .page-contents.post-list-standard .page .post-external-link svg {
				width: 16px;
				height: 16px;
				margin-right: 10px;
				vertical-align: -3px;
				color: #a7a6ad;
			}

.page-contents.post-list-standard .post .post-external-link:focus,
			.page-contents.post-list-standard .post .post-external-link:hover,
			.page-contents.post-list-standard .page .post-external-link:focus,
			.page-contents.post-list-standard .page .post-external-link:hover {
				color: #fff;
				background: #3b3b40;
			}

.page-contents.post-list-standard .post .post-right-align, .page-contents.post-list-standard .page .post-right-align {
			width: 78%;
		}

.page-contents.post-list-standard .post .post-categories, .page-contents.post-list-standard .page .post-categories {
			margin-bottom: -10px;
		}

.page-contents.post-list-standard .post .post-categories .post-category, .page-contents.post-list-standard .page .post-categories .post-category {
				display: inline-block;
				margin: 0 10px 10px 0;
			}

.page-contents.post-list-standard .post .post-categories .post-category:last-child, .page-contents.post-list-standard .page .post-categories .post-category:last-child {
					margin-right: 0;
				}

.page-contents.post-list-standard .post .post-category, .page-contents.post-list-standard .page .post-category {
			display: inline-block;
			padding: 13px 30px;
			font-family: var(--font-header);
			font-size: 12px;
			font-weight: 600;
			color: #fff;
			text-transform: uppercase;
			background: var(--color-local, #393947);
			border-radius: 999px;
		}

.page-contents.post-list-standard .post .post-category:hover,
			.page-contents.post-list-standard .post .post-category:focus,
			.page-contents.post-list-standard .page .post-category:hover,
			.page-contents.post-list-standard .page .post-category:focus {
				background: hsl(from var(--color-local) h s calc(l - 10));
			}

.page-contents.post-list-standard .post .post-media, .page-contents.post-list-standard .page .post-media {
			display: none;
		}

.page-contents.post-list-standard .post .post-title, .page-contents.post-list-standard .page .post-title {
			width: 90%;
			margin: 50px 0 40px;
			font-size: 36px;
			font-weight: 600;
		}

.page-contents.post-list-standard .post .post-title a, .page-contents.post-list-standard .page .post-title a {
				display: block;
				color: #222529;
			}

.page-contents.post-list-standard .post .post-meta-likes .sl-button .sl-icon, .page-contents.post-list-standard .page .post-meta-likes .sl-button .sl-icon {
					display: inline-block;
					width: 14px;
					height: 14px;
					margin-right: 8px;
					vertical-align: -3px;
					fill: currentcolor;
					transition: fill 0.15s ease-out;
				}

.page-contents.post-list-standard .post .post-meta-likes .sl-button .sl-count, .page-contents.post-list-standard .page .post-meta-likes .sl-button .sl-count {
					display: inline-block;
					vertical-align: -1px;
				}

.page-contents.post-list-standard .post .post-meta-likes .sl-button.liked .sl-icon, .page-contents.post-list-standard .page .post-meta-likes .sl-button.liked .sl-icon {
					fill: #fd5c63 !important;
				}

.page-contents.post-list-standard .post .post-meta, .page-contents.post-list-standard .page .post-meta {
			display: flex;
			gap: 20px;
			justify-content: space-between;
			margin: 8% 0 0;
			font-family: var(--font-header);
			font-size: 13px;
			font-weight: 600;
			color: #b4bcca;
			text-transform: uppercase;
			list-style: none;
		}

.page-contents.post-list-standard .post .post-meta a, .page-contents.post-list-standard .page .post-meta a {
				color: #b4bcca;
			}

.page-contents.post-list-standard .post .post-meta a:focus,
				.page-contents.post-list-standard .post .post-meta a:hover,
				.page-contents.post-list-standard .page .post-meta a:focus,
				.page-contents.post-list-standard .page .post-meta a:hover {
					color: #6a6f77;
				}

.page-contents.post-list-standard .post .post-meta a:focus svg,
					.page-contents.post-list-standard .post .post-meta a:focus .sl-icon,
					.page-contents.post-list-standard .post .post-meta a:hover svg,
					.page-contents.post-list-standard .post .post-meta a:hover .sl-icon,
					.page-contents.post-list-standard .page .post-meta a:focus svg,
					.page-contents.post-list-standard .page .post-meta a:focus .sl-icon,
					.page-contents.post-list-standard .page .post-meta a:hover svg,
					.page-contents.post-list-standard .page .post-meta a:hover .sl-icon {
						color: #6a6f77;
					}

.page-contents.post-list-standard .post .post-meta .post-meta-comments svg, .page-contents.post-list-standard .page .post-meta .post-meta-comments svg {
					width: 18px;
					height: 18px;
					margin-right: 5px;
					vertical-align: -4px;
				}

.page-contents.post-list-standard .post .post-meta .post-pinned svg, .page-contents.post-list-standard .page .post-meta .post-pinned svg {
					width: 16px;
					height: 16px;
				}

.page-contents.post-list-standard .post .post-meta .post-read-more a, .page-contents.post-list-standard .page .post-meta .post-read-more a {
				font-weight: 700;
				color: #51555b;
			}

.page-contents.post-list-standard .post .post-meta .post-read-more a svg, .page-contents.post-list-standard .page .post-meta .post-read-more a svg {
					width: 16px;
					height: 16px;
					margin-left: 10px;
					vertical-align: -3px;
					color: #51555b;
					animation: pan-right-with-fade 0.8s ease-in-out infinite;
					animation-play-state: paused;
				}

.page-contents.post-list-standard .post .post-meta .post-read-more a:focus svg, .page-contents.post-list-standard .post .post-meta .post-read-more a:hover svg, .page-contents.post-list-standard .page .post-meta .post-read-more a:focus svg, .page-contents.post-list-standard .page .post-meta .post-read-more a:hover svg {
						animation-play-state: running;
					}

.page-contents.post-list-standard .post .post-meta .post-meta-align-left,
			.page-contents.post-list-standard .post .post-meta .post-meta-align-right,
			.page-contents.post-list-standard .page .post-meta .post-meta-align-left,
			.page-contents.post-list-standard .page .post-meta .post-meta-align-right {
				display: flex;
				gap: 20px;
			}

.page-contents.post-list-standard .post .post-meta.post-meta-dark a, .page-contents.post-list-standard .page .post-meta.post-meta-dark a {
				color: #6b737b;
			}

.page-contents.post-list-standard .post .post-meta.post-meta-dark a svg, .page-contents.post-list-standard .page .post-meta.post-meta-dark a svg {
					color: #6b737b;
				}

.page-contents.post-list-standard .post .post-meta.post-meta-dark a:focus,
				.page-contents.post-list-standard .post .post-meta.post-meta-dark a:hover,
				.page-contents.post-list-standard .page .post-meta.post-meta-dark a:focus,
				.page-contents.post-list-standard .page .post-meta.post-meta-dark a:hover {
					color: #afbac3;
				}

.page-contents.post-list-standard .post .post-meta.post-meta-dark a:focus svg, .page-contents.post-list-standard .post .post-meta.post-meta-dark a:hover svg, .page-contents.post-list-standard .page .post-meta.post-meta-dark a:focus svg, .page-contents.post-list-standard .page .post-meta.post-meta-dark a:hover svg {
						color: #afbac3;
					}

.page-contents.post-list-standard .post .post-meta.post-meta-dark .post-read-more a, .page-contents.post-list-standard .page .post-meta.post-meta-dark .post-read-more a {
				color: #fff;
			}

.page-contents.post-list-standard .post .post-meta.post-meta-dark .post-read-more a svg, .page-contents.post-list-standard .page .post-meta.post-meta-dark .post-read-more a svg {
					color: #fff;
				}

@media (width <= 880px) {

.page-contents.post-list-standard .post,
	.page-contents.post-list-standard .page {
			margin-bottom: 40px
	}
		}

.page-contents.post-list-standard .post.post-format-standard-header,
	.page-contents.post-list-standard .post.format-video,
	.page-contents.post-list-standard .post.format-audio {
		overflow: initial;
	}

.page-contents.post-list-standard .post.format-quote {
		overflow: hidden;
		text-align: center;
		background: #111213;
	}

.page-contents.post-list-standard .post.format-quote .post-background {
			opacity: 0.3;
		}

.page-contents.post-list-standard .post.format-quote .post-background img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

.page-contents.post-list-standard .post.format-quote .post-info {
			flex-direction: column;
			justify-content: center;
			padding: 14.3541% 7.177% 7.177%;
		}

.page-contents.post-list-standard .post.format-quote .post-quote {
			width: 90%;
			max-width: 700px;
			margin: 0 auto;
			text-align: center;
		}

.page-contents.post-list-standard .post.format-quote .post-quote > * {
				display: none;
			}

.page-contents.post-list-standard .post.format-quote .post-quote > blockquote:first-child {
				display: block;
			}

.page-contents.post-list-standard .post.format-quote .post-quote blockquote {
				padding: 0;
				margin: 0;
				font-family: var(--font-header);
				font-size: 30px;
				font-weight: 600;
				line-height: 1.5;
				color: #fbfcfc;
			}

.page-contents.post-list-standard .post.format-quote .post-quote blockquote p {
					padding: 0;
					margin: 0;
					font-family: var(--font-header);
					font-size: 30px;
					font-weight: 600;
					line-height: 1.5;
					color: #fbfcfc;
				}

.page-contents.post-list-standard .post.format-quote .post-quote blockquote cite {
					display: block;
					margin: 30px 0 0;
					font-size: 26px;
					font-style: normal;
					color: #b2b4b7;
				}

.page-contents.post-list-standard .post.format-quote .post-meta {
			justify-content: center;
			margin: 6.2% auto 1%;
		}

.page-contents.post-list-standard .post.format-quote .post-meta a {
				color: #91989f;
			}

.page-contents.post-list-standard .post.format-quote .post-meta a svg {
					color: #91989f;
				}

.page-contents.post-list-standard .post.format-quote .post-meta a:focus,
				.page-contents.post-list-standard .post.format-quote .post-meta a:hover {
					color: #c0c9d2;
				}

.page-contents.post-list-standard .post.format-quote .post-meta a:focus svg, .page-contents.post-list-standard .post.format-quote .post-meta a:hover svg {
						color: #c0c9d2;
					}

.page-contents.post-list-standard .format-standard.has-post-thumbnail .post-info, .page-contents.post-list-standard .format-link.has-post-thumbnail .post-info, .page-contents.post-list-standard .format-video.has-post-thumbnail .post-info, .page-contents.post-list-standard .format-audio.has-post-thumbnail .post-info {
			margin-top: -9.2%;
		}

@media (width <= 920px) {

.page-contents.post-list-standard .format-standard.has-post-thumbnail .post-info, .page-contents.post-list-standard .format-link.has-post-thumbnail .post-info, .page-contents.post-list-standard .format-video.has-post-thumbnail .post-info, .page-contents.post-list-standard .format-audio.has-post-thumbnail .post-info {
				margin-top: -11.2%
		}
			}

.page-contents.post-list-standard .format-gallery .post-info {
			margin-top: -9.2%;
		}

@media (width <= 920px) {

.page-contents.post-list-standard .format-gallery .post-info {
				margin-top: -11.2%
		}
			}

.page-contents.post-list-standard .post.post-format-standard-full-image {
		padding-top: 35%;
		background: #181b1e;
	}

.page-contents.post-list-standard .post.post-format-standard-full-image .post-background {
			top: 0;
			height: 100%;
			max-height: 700px;
			background-size: cover;
			opacity: 0.9;
		}

.page-contents.post-list-standard .post.post-format-standard-full-image .post-shadow {
			position: absolute;
			top: 0;
			z-index: 200;
			width: 100%;
			height: 800px;
			background: linear-gradient(to bottom, rgb(24 27 30 / 0%) 0%, rgb(24 27 30 / 0%) 25%, rgb(24 27 30 / 100%) 76%, rgb(24 27 30 / 100%) 100%);
		}

.page-contents.post-list-standard .post.post-format-standard-full-image .post-date .post-date-day {
				color: #fff;
			}

.page-contents.post-list-standard .post.post-format-standard-full-image .post-date .post-date-month {
				color: #abb0b7;
			}

.page-contents.post-list-standard .post.post-format-standard-full-image .post-date .post-date-year {
				color: #686b6e;
			}

.page-contents.post-list-standard .post.post-format-standard-full-image .post-date hr {
				background: #3c3f41;
			}

.page-contents.post-list-standard .post.post-format-standard-full-image .post-title {
			color: #fff;
		}

.page-contents.post-list-standard .post.post-format-standard-full-image .post-title a {
				color: #fff;
			}

.page-contents.post-list-standard .post.post-format-standard-full-image .post-contents {
			color: #bbbfc6;
		}

.page-contents.post-list-standard .post.format-image .post-image {
			overflow: hidden;
			border-radius: var(--layout-border-radius);
		}

.page-contents.post-list-standard .post.format-image .post-image img {
				display: block;
				width: 100%;
				height: auto;
			}

.page-contents.post-list-standard .post.format-image .post-info-container {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background: rgb(18 19 20 / 80%);
			border-radius: var(--layout-border-radius);
			opacity: 0;
			transition: opacity 0.5s ease-in-out;
		}

.page-contents.post-list-standard .post.format-image .post-info {
			position: absolute;
			bottom: 0;
			z-index: 300;
			flex-direction: column;
			width: 100%;
		}

.page-contents.post-list-standard .post.format-image .post-info .post-title a {
					color: #fff;
				}

.page-contents.post-list-standard .post.format-image .post-info .post-meta {
				width: 100%;
				margin-top: 25px;
			}

.page-contents.post-list-standard .post.format-image .post-info .post-meta a:hover,
				.page-contents.post-list-standard .post.format-image .post-info .post-meta a:hover svg {
					color: #fff;
				}

.page-contents.post-list-standard .post.format-image:focus .post-info-container, .page-contents.post-list-standard .post.format-image:hover .post-info-container {
				opacity: 1;
			}

.page-contents.post-list-standard .post.format-image:focus .post-info-container .post-info, .page-contents.post-list-standard .post.format-image:hover .post-info-container .post-info {
					animation: slide-down-inlow 0.5s ease-in-out;
				}

.page-contents.post-list-standard .post.format-video .post-header-image, .page-contents.post-list-standard .post.format-audio .post-header-image {
			position: relative;
		}

.page-contents.post-list-standard .post.format-video .post-header-image img, .page-contents.post-list-standard .post.format-audio .post-header-image img {
				display: block;
				width: 100%;
			}

.page-contents.post-list-standard .post.format-video .post-header-image:focus .post-play, .page-contents.post-list-standard .post.format-video .post-header-image:hover .post-play, .page-contents.post-list-standard .post.format-audio .post-header-image:focus .post-play, .page-contents.post-list-standard .post.format-audio .post-header-image:hover .post-play {
					background: rgb(0 0 0 / 80%);
					border: 13px solid rgb(255 255 255 / 100%);
				}

.page-contents.post-list-standard .post.format-video .post-excerpt, .page-contents.post-list-standard .post.format-audio .post-excerpt {
			display: none;
		}

.page-contents.post-list-standard .post.format-video .post-play, .page-contents.post-list-standard .post.format-audio .post-play {
			position: absolute;
			top: 50%;
			left: 50%;
			display: flex;
			margin: 0;
			background: rgb(0 0 0 / 60%);
			border: 13px solid rgb(255 255 255 / 70%);
			transform: translate(-50%, -50%);
			transition: all 0.2s ease-out;
		}

@media (width <= 960px) {

.page-contents.post-list-standard .post.format-video .post-play, .page-contents.post-list-standard .post.format-audio .post-play {
				display: none
		}
			}

.page-contents.post-list-standard .post.format-gallery .post-header-gallery {
			position: relative;
			height: 250px;
			overflow: hidden;
			border-radius: var(--layout-border-radius) var(--layout-border-radius) 0 0;
			transition: height 0.2s ease-out;
		}

.page-contents.post-list-standard .post.format-gallery .post-header-gallery > * {
				display: none;
			}

.page-contents.post-list-standard .post.format-gallery .post-header-gallery > .wp-block-gallery:first-of-type {
				display: block;
				-webkit-user-select: none;
				        user-select: none;
			}

.page-contents.post-list-standard .post.format-gallery .post-header-gallery > .post-gallery-previous,
			.page-contents.post-list-standard .post.format-gallery .post-header-gallery > .post-gallery-next {
				display: block;
			}

.page-contents.post-list-standard .post.format-gallery .post-header-gallery .post-gallery-previous,
			.page-contents.post-list-standard .post.format-gallery .post-header-gallery .post-gallery-next {
				position: absolute;
				top: 30px;
				right: 30px;
				z-index: 200;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 40px;
				height: 40px;
				font-size: 12px;
				color: #fff;
				text-align: center;
				cursor: pointer;
				background-color: rgb(37 37 41 / 60%);
				border: 0;
				border-radius: var(--layout-border-radius);
				opacity: 0.8;
				transition: opacity 0.15s ease-out, color 0.15s ease-out, background-color 0.15s ease-out, width 0.15s ease-out;
			}

.page-contents.post-list-standard .post.format-gallery .post-header-gallery .post-gallery-next {
				top: 72px;
			}

.page-contents.post-list-standard .post.format-gallery .post-header-gallery:focus-within .post-gallery-previous,
				.page-contents.post-list-standard .post.format-gallery .post-header-gallery:focus-within .post-gallery-next,
				.page-contents.post-list-standard .post.format-gallery .post-header-gallery:hover .post-gallery-previous,
				.page-contents.post-list-standard .post.format-gallery .post-header-gallery:hover .post-gallery-next {
					background-color: rgb(37 37 41 / 100%);
					opacity: 0.6;
				}

.page-contents.post-list-standard .post.format-gallery .post-header-gallery:focus-within .post-gallery-previous:focus,
					.page-contents.post-list-standard .post.format-gallery .post-header-gallery:focus-within .post-gallery-previous:hover,
					.page-contents.post-list-standard .post.format-gallery .post-header-gallery:focus-within .post-gallery-next:focus,
					.page-contents.post-list-standard .post.format-gallery .post-header-gallery:focus-within .post-gallery-next:hover,
					.page-contents.post-list-standard .post.format-gallery .post-header-gallery:hover .post-gallery-previous:focus,
					.page-contents.post-list-standard .post.format-gallery .post-header-gallery:hover .post-gallery-previous:hover,
					.page-contents.post-list-standard .post.format-gallery .post-header-gallery:hover .post-gallery-next:focus,
					.page-contents.post-list-standard .post.format-gallery .post-header-gallery:hover .post-gallery-next:hover {
						background-color: rgb(23 23 25 / 100%);
						opacity: 1;
					}

.page-contents.post-list-standard .post.format-gallery .post-header-gallery .wp-block-gallery {
				position: relative;
				width: 100%;
				padding: 0;
				margin: 0;
			}

.page-contents.post-list-standard .post.format-gallery .post-header-gallery .wp-block-gallery .wp-block-image {
					position: absolute;
					width: 100% !important;
					height: auto;
					padding: 0;
					margin: 0;
					background-color: transparent;
					border-radius: var(--layout-border-radius) var(--layout-border-radius) 0 0;
					opacity: 0;
					transition: opacity 0.25s ease-out;
				}

.page-contents.post-list-standard .post.format-gallery .post-header-gallery .wp-block-gallery .wp-block-image.active {
						opacity: 1;
					}

.page-contents.post-list-standard .post.format-gallery .post-header-gallery .wp-block-gallery .wp-block-image:first-of-type {
						display: block;
					}

.post-play {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 130px;
	height: 130px;
	margin: 65px auto 75px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	border: 13px solid rgb(255 255 255 / 20%);
	border-radius: 999px;
	transition: all 0.2s ease-out;
}

.post-play svg {
		width: 45px;
		height: 45px;
		margin-left: 8px;
	}

.post-play:focus,
	.post-play:hover {
		background: rgb(0 0 0 / 40%);
		border: 13px solid rgb(255 255 255 / 60%);
	}

@media (width <= 960px) {

.post-play {
		display: none
}
	}

.post-list-advert {
	position: relative;
	width: 100%;
	padding: 0;
	margin-bottom: 60px;
	overflow: hidden;
	text-align: left;
	border-radius: var(--layout-border-radius);
}

.post-list-advert .advrt {
		width: 728px;
		max-width: 100%;
		margin: 0 auto;
	}

@media (width <= 860px) {

.post-list-advert {
		display: none
}
	}

/* ------------------------------------------------------------------
    Components: Pagination
------------------------------------------------------------------- */

.pagination {
	clear: both;
	margin: 80px auto;
	font-family: var(--font-header);
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
}

@media (width <= 1680px) {

.pagination {
		margin: 4% auto 7%
}
	}

.pagination--standard,
.pagination--noresults {
	position: relative;
	display: flex;
	justify-content: space-between;
	min-height: 50px;
	text-align: center;
}

.pagination--noresults {
	justify-content: center;
	pointer-events: none;
}

.pagination--noresults .pagination__button {
		height: 60px;
		padding: 0 60px;
	}

.pagination--ajax {
	display: none;
	width: 95%;
	text-align: center;
}

.pagination__load-more {
	height: 60px;
	padding: 0 60px;
	font-family: var(--font-header);
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	background: var(--color-accent-base);
	border: 0;
	border-radius: 999px;
	transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
}

.pagination__load-more svg {
		width: 22px;
		height: 22px;
		margin-right: 15px;
		vertical-align: -6px;
	}

.pagination__load-more:focus,
	.pagination__load-more:hover {
		background: var(--color-accent-dark);
	}

.pagination__load-more-loader svg {
		animation: spin 1s linear infinite;
	}

.pagination__load-more-loader,
.pagination__load-more-x {
	display: none;
}

.pagination__current-page {
	clear: both;
	display: block;
	margin-top: 25px;
	color: #afb7be;
}

@media (width <= 1680px) {

.pagination__current-page {
		font-size: 13px
}
	}

.pagination__button {
	display: flex;
	gap: 15px;
	align-items: center;
	padding: 16px 34px;
	font-size: 14px;
	color: #fff;
	background: #373c41;
	border-radius: 999px;
	transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
}

.pagination__button svg {
		width: 18px;
		height: 18px;
	}

.pagination__button:focus,
	.pagination__button:hover {
		background: #262a2d;
	}

.pagination__button--newer {
	margin-right: auto;
}

.pagination__button--older {
	margin-left: auto;
}

.pagination__button-icon {
	display: flex;
	align-items: center;
}

.pagination__button-label {
	display: none;
}

.pagination__list {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
	list-style: none;
	transform: translate(-50%, -50%);
}

@media (width <= 640px) {

.pagination__list {
		display: none
}
	}

.pagination__item-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	font-family: var(--font-header);
	font-weight: 500;
	color: #373737;
	text-align: center;
	background: #fff;
	border-radius: 999px;
}

.pagination__item-inner:not(span):hover {
		color: #fff;
		background: #262a2d;
	}

.pagination__item-inner--current {
	color: #fff;
	cursor: default;
	background: #373c41;
}

.pagination__item-inner--dots {
	color: #373737;
	cursor: default;
	background: transparent;
}

/* ------------------------------------------------------------------
    Components: Page Layout
------------------------------------------------------------------- */

.page-layout-single .cover.cover-blog {
		height: 90vh;
	}

.page-layout-single .cover-blog-description {
		bottom: 0;
	}

.page-layout-single .cover-blog-info {
		display: block;
	}

.page-layout-single .cover-mouse {
		display: block;
	}

.page-layout-single .cover-shadow {
		opacity: 1;
	}

.dark-theme .page-layout-single .cover-shadow {
			background: linear-gradient(to bottom, rgb(19 21 23 / 0%) 0%, rgb(19 21 23 / 100%) 78%, rgb(19 21 23 / 100%) 99%);
		}

.page-layout-single .filter-bar {
		display: none;
	}

.page-layout-single .cover-blog-posts {
		display: none;
	}

.page-layout-single .page-sidebar {
		display: none;
	}

.page-layout-single .page-container {
		position: relative;
		z-index: 1000;
		max-width: 1045px;
	}

.page-layout-single .page-container .page-contents {
			width: 100%;
		}

.page-layout-single.blog .page-container {
		margin-top: -250px;
	}

.page-layout-single.blog.no-result .page-container,
	.page-layout-single.blog.paged .page-container {
		margin-top: 0;
	}

@media (height <= 915px) {
			.page-layout-single .cover.cover-blog .cover-blog-info {
				margin-top: 5%;
			}

			.page-layout-single .cover.cover-blog .cover-mouse {
				margin-top: 5%;
			}

		.page-layout-single.blog .page-container {
			margin-top: -150px;
		}
	}

@media (height <= 725px) {
			.page-layout-single .cover.cover-blog .cover-blog-info {
				display: none;
			}

			.page-layout-single .cover.cover-blog .cover-mouse {
				display: none;
			}
	}

@media (width <= 1260px) {
		.page-layout-single .page-sidebar, .page-layout-standard .page-sidebar, .page-layout-standard-left .page-sidebar {
			display: none;
		}

		.page-layout-single .page-contents, .page-layout-standard .page-contents, .page-layout-standard-left .page-contents {
			width: 100%;
		}
	}

@media (width <= 1680px) {
				.page-layout-single .page-contents.post-list-standard .post .post-title, .page-layout-standard .page-contents.post-list-standard .post .post-title, .page-layout-standard-left .page-contents.post-list-standard .post .post-title {
					width: 100%;
					margin: 40px 0 30px;
					font-size: 32px;
				}
			}

@media (width <= 970px) {
				.page-layout-single .page-contents.post-list-standard .post .post-date, .page-layout-standard .page-contents.post-list-standard .post .post-date, .page-layout-standard-left .page-contents.post-list-standard .post .post-date {
					display: none;
				}

				.page-layout-single .page-contents.post-list-standard .post .post-category, .page-layout-standard .page-contents.post-list-standard .post .post-category, .page-layout-standard-left .page-contents.post-list-standard .post .post-category {
					font-size: 11px;
				}

				.page-layout-single .page-contents.post-list-standard .post .post-right-align, .page-layout-standard .page-contents.post-list-standard .post .post-right-align, .page-layout-standard-left .page-contents.post-list-standard .post .post-right-align {
					width: 100%;
				}

				.page-layout-single .page-contents.post-list-standard .post .post-title, .page-layout-standard .page-contents.post-list-standard .post .post-title, .page-layout-standard-left .page-contents.post-list-standard .post .post-title {
					width: 100%;
					margin: 30px 0 20px;
					font-size: 30px;
				}

				.page-layout-single .page-contents.post-list-standard .post .post-meta, .page-layout-standard .page-contents.post-list-standard .post .post-meta, .page-layout-standard-left .page-contents.post-list-standard .post .post-meta {
					margin: 8% auto 0;
					font-size: 12px;
				}
			}

@media (width <= 650px) {
				.page-layout-single .page-contents.post-list-standard .post .post-category, .page-layout-standard .page-contents.post-list-standard .post .post-category, .page-layout-standard-left .page-contents.post-list-standard .post .post-category {
					font-size: 11px;
				}

				.page-layout-single .page-contents.post-list-standard .post .post-title, .page-layout-standard .page-contents.post-list-standard .post .post-title, .page-layout-standard-left .page-contents.post-list-standard .post .post-title {
					margin: 25px 0 20px;
					font-size: 26px;
				}

				.page-layout-single .page-contents.post-list-standard .post .post-meta, .page-layout-standard .page-contents.post-list-standard .post .post-meta, .page-layout-standard-left .page-contents.post-list-standard .post .post-meta {
					font-size: 11px;
				}
			}

@media (width <= 970px) {
						.page-layout-single .page-contents.post-list-standard .post.format-quote .post-quote blockquote p, .page-layout-standard .page-contents.post-list-standard .post.format-quote .post-quote blockquote p, .page-layout-standard-left .page-contents.post-list-standard .post.format-quote .post-quote blockquote p {
							font-size: 26px;
						}

						.page-layout-single .page-contents.post-list-standard .post.format-quote .post-quote blockquote footer, .page-layout-standard .page-contents.post-list-standard .post.format-quote .post-quote blockquote footer, .page-layout-standard-left .page-contents.post-list-standard .post.format-quote .post-quote blockquote footer {
							margin: 25px 0 35px;
							font-size: 22px;
						}
			}

body.single.page-layout-single .cover-single .cover-content, body.page.page-layout-single .cover-single .cover-content {
			max-width: 1045px;
			text-align: center;
		}

body.single.page-layout-single .cover-single .cover-content .post-title, body.page.page-layout-single .cover-single .cover-content .post-title {
				max-width: 800px;
				margin-right: auto;
				margin-left: auto;
			}

body.single.page-layout-single .cover-single .cover-content .post-info, body.page.page-layout-single .cover-single .cover-content .post-info {
				width: 100%;
				margin: 0 auto;
			}

body.single.page-layout-single .cover-single .cover-content .post-meta, body.page.page-layout-single .cover-single .cover-content .post-meta {
				justify-content: center;
			}

body.single.page-layout-single .page-sidebar, body.page.page-layout-single .page-sidebar {
		display: none;
	}

body.single.page-layout-single .page-container, body.page.page-layout-single .page-container {
		position: relative;
		z-index: 1000;
		max-width: 1045px;
		margin-top: 0;
	}

body.single.page-layout-single .page-container .page-contents, body.page.page-layout-single .page-container .page-contents {
			width: 100%;
		}

.page-layout-single-basic,
.page-layout-single-basic-center {
	padding-top: 80px;
}

.page-layout-single-basic .cover, .page-layout-single-basic-center .cover {
		display: none;
	}

.page-layout-single-basic .post-body .post-info, .page-layout-single-basic-center .post-body .post-info {
		display: block;
	}

.page-layout-single-basic .post-body, .page-layout-single-basic-center .post-body {
		margin-top: 0;
	}

.page-layout-single-basic .top-bar, .page-layout-single-basic-center .top-bar {
		background: #0d0d0e;
		border-bottom: 0;
	}

.page-layout-single-basic-center .post-body .post-info {
		text-align: center;
	}

.page-layout-single-basic-center .post-body .post-info::after {
			margin-right: auto;
			margin-left: auto;
		}

.page-layout-standard-left .page-container {
		flex-direction: row-reverse;
	}

body.admin-bar .top-bar.top-bar-overlay {
		top: 32px;
	}

body.admin-bar .cover.cover-blog {
		height: calc(100vh - 100px - 32px);
		min-height: 460px;
	}

body.admin-bar.paged .cover.cover-blog {
		height: calc(65vh - 100px - 32px);
		min-height: 460px;
	}

/* ------------------------------------------------------------------
    Components: Error
------------------------------------------------------------------- */

body.error404 .cover.cover-error .cover-shadow {
			opacity: 0.7;
		}

body.error404 .cover.cover-error .cover-content {
			display: flex;
			flex-flow: column nowrap;
			place-content: center;
			align-content: stretch;
			max-width: 740px;
			text-align: center;
		}

body.error404 .cover.cover-error .cover-content h1 {
				font-size: 55px;
				font-weight: 700;
				color: #fff;
			}

body.error404 .cover.cover-error .cover-content p {
				font-size: 17.5px;
				color: #fff;
			}

body.error404 .cover.cover-error .cover-content a {
				color: #fff;
			}

body.error404 .cover.cover-error .cover-content hr {
				width: 90%;
				max-width: 125px;
				height: 2px;
				margin: 60px auto 80px;
				background: #616164;
				border: 0;
			}

@media (width <= 750px) {
				body.error404 .cover.cover-error .cover-content h1 {
					font-size: 46px;
				}

				body.error404 .cover.cover-error .cover-content p {
					font-size: 16px;
				}

				body.error404 .cover.cover-error .cover-content hr {
					margin: 5vw auto 8vw;
				}
		}

@media (width <= 620px) {
				body.error404 .cover.cover-error .cover-content h1 {
					font-size: 40px;
				}

				body.error404 .cover.cover-error .cover-content p {
					font-size: 15px;
				}
		}

@media (width <= 520px) {
				body.error404 .cover.cover-error .cover-content h1 {
					font-size: 34px;
				}

				body.error404 .cover.cover-error .cover-content p {
					font-size: 15px;
				}
		}

@media (width <= 480px) {
				body.error404 .cover.cover-error .cover-content h1 {
					font-size: 28px;
				}
		}

/* ------------------------------------------------------------------
    Components: Author
------------------------------------------------------------------- */

body.author .cover.cover-author {
		height: 70vh;
	}

body.author .cover.cover-author .cover-shadow {
			opacity: 0.7;
		}

body.author .cover.cover-author .cover-content {
			bottom: -60px;
			display: flex;
			flex-flow: column nowrap;
			place-content: stretch center;
			align-items: center;
			max-width: 670px;
			text-align: center;
		}

body.author .cover.cover-author .author-avatar {
			width: 75px;
			height: 75px;
			border-radius: 999px;
		}

body.author .cover.cover-author .author-name {
			margin: 20px 0;
			font-size: 33px;
			font-weight: 600;
			color: #fff;
		}

body.author .cover.cover-author .author-x {
			padding: 8px 18px;
			font-family: var(--font-header);
			font-size: 12px;
			font-weight: 600;
			color: #121319;
			background: #fff;
			border-radius: 999px;
		}

body.author .cover.cover-author .author-x:focus,
			body.author .cover.cover-author .author-x:hover {
				background: #e7e7e7;
			}

body.author .cover.cover-author .author-bio {
			font-size: 17.5px;
			color: #d6d9dd;
		}

body.author .cover.cover-author .author-soc {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			justify-content: center;
			margin-top: 20px;
			text-align: center;
		}

body.author .cover.cover-author .author-soc svg {
				width: 14px;
				height: 14px;
			}

body.author .cover.cover-author .author-soc li {
				list-style: none;
			}

body.author .cover.cover-author .author-soc li a {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 40px;
					height: 40px;
					color: #fff;
					text-align: center;
					background: #191a1d;
					border-radius: 999px;
				}

body.author .cover.cover-author .author-soc li a:hover,
					body.author .cover.cover-author .author-soc li a:focus {
						background-color: var(--color-local);
					}

@media (width <= 750px) {
				body.author .cover.cover-author .cover-content p {
					font-size: 16px;
				}
		}

@media (width <= 620px) {
				body.author .cover.cover-author .cover-content p {
					font-size: 15px;
				}
		}

@media (width <= 520px) {
				body.author .cover.cover-author .cover-content p {
					font-size: 15px;
				}
		}

@media (width <= 480px) {
				body.author .cover.cover-author .cover-content .author-name {
					margin: 15px 0;
					font-size: 26px;
				}
		}

@media (height <= 800px) {

body.author .cover.cover-author {
			height: 100vh
	}

			body.author .cover.cover-author .cover-content {
				bottom: 0;
				margin-top: 40px;
			}
		}

@media (height <= 630px) {
			body.author .cover.cover-author .author-x {
				display: none;
			}

			body.author .cover.cover-author .author-name {
				margin: 20px 0 10px;
				font-size: 26px;
			}
		}

/* ------------------------------------------------------------------
    Components: Category
------------------------------------------------------------------- */

body.category .cover.cover-category, body.tag .cover.cover-category, body.archive .cover.cover-category {
		height: 70vh;
	}

body.category .cover.cover-category .cover-shadow, body.tag .cover.cover-category .cover-shadow, body.archive .cover.cover-category .cover-shadow {
			opacity: 0.7;
		}

body.category .cover.cover-category .cover-content, body.tag .cover.cover-category .cover-content, body.archive .cover.cover-category .cover-content {
			bottom: -60px;
			display: flex;
			flex-flow: column nowrap;
			place-content: stretch center;
			align-items: center;
			max-width: 670px;
			text-align: center;
		}

body.category .cover.cover-category hr, body.tag .cover.cover-category hr, body.archive .cover.cover-category hr {
			width: 90%;
			max-width: 110px;
			height: 3px;
			margin: 0 0 40px;
			background: #9b9ba3;
			border: 0;
		}

body.category .cover.cover-category .category-name, body.tag .cover.cover-category .category-name, body.archive .cover.cover-category .category-name {
			margin: 0 0 40px;
			font-size: 55px;
			color: #fff;
		}

body.category .cover.cover-category p, body.tag .cover.cover-category p, body.archive .cover.cover-category p {
			margin: 0 0 30px;
			font-size: 17.5px;
			color: #d6d9dd;
		}

@media (width <= 750px) {
				body.category .cover.cover-category .cover-content .category-name, body.tag .cover.cover-category .cover-content .category-name, body.archive .cover.cover-category .cover-content .category-name {
					font-size: 46px;
				}

				body.category .cover.cover-category .cover-content p, body.tag .cover.cover-category .cover-content p, body.archive .cover.cover-category .cover-content p {
					font-size: 16px;
				}
		}

@media (width <= 620px) {
				body.category .cover.cover-category .cover-content .category-name, body.tag .cover.cover-category .cover-content .category-name, body.archive .cover.cover-category .cover-content .category-name {
					font-size: 40px;
				}

				body.category .cover.cover-category .cover-content p, body.tag .cover.cover-category .cover-content p, body.archive .cover.cover-category .cover-content p {
					font-size: 15px;
				}
		}

@media (width <= 520px) {
				body.category .cover.cover-category .cover-content .category-name, body.tag .cover.cover-category .cover-content .category-name, body.archive .cover.cover-category .cover-content .category-name {
					font-size: 34px;
				}

				body.category .cover.cover-category .cover-content p, body.tag .cover.cover-category .cover-content p, body.archive .cover.cover-category .cover-content p {
					font-size: 15px;
				}
		}

@media (width <= 480px) {
				body.category .cover.cover-category .cover-content .category-name, body.tag .cover.cover-category .cover-content .category-name, body.archive .cover.cover-category .cover-content .category-name {
					font-size: 28px;
				}
		}

@media (height <= 760px) {

body.category .cover.cover-category, body.tag .cover.cover-category, body.archive .cover.cover-category {
			height: 100vh
	}

			body.category .cover.cover-category .cover-content, body.tag .cover.cover-category .cover-content, body.archive .cover.cover-category .cover-content {
				bottom: 0;
			}
		}

/* ------------------------------------------------------------------
    Components: Search Results
------------------------------------------------------------------- */

body.search .cover.cover-search {
		height: 70vh;
	}

body.search .cover.cover-search .cover-shadow {
			opacity: 0.7;
		}

body.search .cover.cover-search .cover-content {
			bottom: -60px;
			display: flex;
			flex-flow: column nowrap;
			place-content: stretch center;
			align-items: center;
			max-width: 670px;
			text-align: center;
		}

body.search .cover.cover-search .search-title {
			margin-bottom: 50px;
			color: #fff;
		}

body.search .cover.cover-search .cover-article-count {
			margin-top: 60px;
		}

@media (width <= 750px) {
				body.search .cover.cover-search .cover-content .search-title {
					font-size: 46px;
				}

				body.search .cover.cover-search .cover-content p {
					font-size: 16px;
				}
		}

@media (width <= 620px) {
				body.search .cover.cover-search .cover-content .search-title {
					font-size: 40px;
				}

				body.search .cover.cover-search .cover-content p {
					font-size: 15px;
				}
		}

@media (width <= 520px) {
				body.search .cover.cover-search .cover-content .search-title {
					font-size: 34px;
				}

				body.search .cover.cover-search .cover-content p {
					font-size: 15px;
				}
		}

@media (width <= 480px) {
				body.search .cover.cover-search .cover-content .search-title {
					font-size: 28px;
				}
		}

@media (height <= 760px) {

body.search .cover.cover-search {
			height: 100vh
	}

			body.search .cover.cover-search .cover-content {
				bottom: 0;
				margin-top: 40px;
			}
		}

/* ------------------------------------------------------------------
    Components: Post Body
------------------------------------------------------------------- */

.post-body {
	position: relative;
	z-index: 400;
	padding: 7.65%;
	margin-top: -300px;
	margin-bottom: 7.65%;
	container-type: inline-size;
	overflow: hidden;
	background: #fff;
	border-radius: var(--layout-border-radius);
}

.post-body > *:first-child {
		padding-top: 0;
		margin-top: 0;
	}

.post-body > *:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
	}

.post-body .post-info {
		padding-bottom: 6.05%;
	}

.post-body .post-info::after {
			clear: both;
			display: block;
			width: 25%;
			height: 2px;
			margin-top: 6.05%;
			content: "";
			background: #eff0f4;
		}

.post-body .post-likes .sl-button .sl-icon {
				display: inline-block;
				width: 14px;
				height: 14px;
				margin-right: 8px;
				vertical-align: -3px;
				fill: currentcolor;
				transition: fill 0.25s ease-in-out;
			}

.post-body .post-likes .sl-button .sl-count {
				display: inline-block;
				vertical-align: -1px;
			}

.post-body .post-likes .sl-button.liked .sl-icon {
				fill: #fd5c63;
			}

.post-body .post-categories {
		margin-bottom: -10px;
	}

.post-body .post-categories .post-category {
			display: inline-block;
			margin: 0 10px 10px 0;
		}

.post-body .post-categories .post-category:last-child {
				margin-right: 0;
			}

.post-body .post-category {
		padding: 13px 42px;
		font-family: var(--font-header);
		font-size: 12px;
		font-weight: 700;
		color: #f3f5f8;
		text-transform: uppercase;
		background: var(--color-local, #393947);
		border-radius: 999px;
	}

.post-body .post-category:hover,
		.post-body .post-category:focus {
			background: hsl(from var(--color-local) h s calc(l - 15));
		}

.post-body .post-title {
		margin: 50px 0 40px;
		font-size: 46px;
		color: #2d2f34;
	}

.post-body .post-meta {
		display: flex;
		gap: 0 1ch;
		font-family: var(--font-header);
		font-size: 14px;
		font-weight: 600;
		color: #b4bcca;
		text-transform: uppercase;
		list-style: none;
	}

.post-body .post-meta li::after {
				margin-left: 1ch;
				content: "/";
				opacity: 0.6;
			}

.post-body .post-meta li:last-child::after {
				display: none;
			}

.post-body .post-meta a {
			color: #b4bcca;
		}

.post-body .post-meta a:focus,
			.post-body .post-meta a:hover {
				color: #7f8590;
			}

.post-body .post-meta .post-comments svg {
				width: 17px;
				height: 17px;
				margin-right: 5px;
				vertical-align: -4px;
			}

@media (width <= 920px) {
		.post-body .post-info {
			margin-top: 15px;
			text-align: center;
		}

			.post-body .post-info::after {
				margin: 30px auto 0;
			}

		.post-body .post-title {
			margin: 40px 0 35px;
			font-size: 36px;
			color: #2d2f34;
		}

		.post-body .post-meta {
			justify-content: center;
		}
	}

@media (width <= 520px) {
		.post-body .post-title {
			margin: 30px 0;
			font-size: 30px;
			color: #2d2f34;
		}
	}

@media (height <= 1000px) {

.post-body {
		margin-top: -150px
}
	}

@media (height <= 830px) {

.post-body {
		margin-top: 0
}
	}

body.page .cover-content .post-meta .post-comments::after {
	display: none;
}

/* ------------------------------------------------------------------
    Components: Post Footer
------------------------------------------------------------------- */

.post-footer {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 20px;
	align-items: center;
	padding: 7.6482% 0;
}

.post-footer .post-likes {
		text-align: center;
	}

.post-footer .post-likes a {
			display: block;
			padding: 15px 25px;
			font-family: var(--font-header);
			font-size: 13px;
			font-weight: 600;
			color: #434a58;
			background: #f6f8fc;
			border-radius: 999px;
		}

.post-footer .post-likes a:focus,
			.post-footer .post-likes a:hover {
				background: #e8ebf0;
			}

.post-footer .post-tags .tags {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
		}

.post-footer .post-tags a {
			display: block;
			padding: 15px 30px;
			font-family: var(--font-header);
			font-size: 11px;
			font-weight: 600;
			color: #5d666f;
			text-transform: uppercase;
			background: #f6f8fc;
			border-radius: 999px;
		}

.post-footer .post-tags a:focus,
			.post-footer .post-tags a:hover {
				background: #e4e5e9;
			}

.post-footer .post-tags .post-category {
			color: #fff;
			background: var(--color-local, #393947);
		}

.post-footer .post-tags .post-category:hover,
			.post-footer .post-tags .post-category:focus {
				background: hsl(from var(--color-local) h s calc(l - 10));
			}

.post-footer .post-footer-shr {
		display: flex;
		gap: 10px;
		margin-left: auto;
	}

.post-footer .post-footer-shr .post-footer-shr-title {
			display: inline-block;
			margin: 12px 10px 0 0;
			font-family: var(--font-header);
			font-size: 14px;
			font-weight: 600;
			color: #b0b4bc;
			text-transform: uppercase;
		}

@media (width <= 700px) {
		.post-footer .post-likes,
		.post-footer .post-tags,
		.post-footer .post-footer-shr {
			width: 100%;
			text-align: center;
		}
	}

/* ------------------------------------------------------------------
    Components: Post Share
------------------------------------------------------------------- */

.post-shr {
	display: flex;
	gap: 10px;
	list-style: none;
}

.post-shr .post-shr__button {
		display: block;
		width: 42px;
		height: 42px;
		color: #5d666f;
		text-align: center;
		cursor: pointer;
		background: none;
		border: 1px solid #e8ebee;
		border-radius: 999px;
		transition: background-color 0.15s ease-out;
	}

.post-shr .post-shr__button span {
			display: none;
		}

.post-shr .post-shr__button svg {
			width: 14px;
			height: 14px;
			vertical-align: -1px;
		}

.post-shr .post-shr__button:focus-within,
		.post-shr .post-shr__button:hover {
			color: #fff;
			background-color: var(--color-local);
			border-color: transparent;
		}

.post-shr .post-shr__button.linkedin {
			margin-right: 0;
		}

.post-shr .post-shr__button.reddit {
			display: none;
		}

/* ------------------------------------------------------------------
    Components: Post Author Profile
------------------------------------------------------------------- */

.post-author-profile {
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding: 7.6482% 0;
	border-top: 1px solid #eff0f6;
}

.post-author-profile .post-author-info {
		display: flex;
		gap: 30px;
		align-items: center;
	}

.post-author-profile .post-author-avatar {
		width: 75px;
		height: 75px;
		border-radius: 999px;
	}

.post-author-profile .post-author-name span {
			font-family: var(--font-header);
			font-size: 14px;
			font-weight: 600;
			color: #b9bec9;
			text-transform: uppercase;
		}

.post-author-profile .post-author-name h2 {
			margin: 0;
			font-size: 20px;
		}

.post-author-profile .post-author-name h2 a {
				color: #2d2f34;
			}

.post-author-profile .post-author-soc {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		list-style: none;
	}

.post-author-profile .post-author-soc li a {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 42px;
				height: 42px;
				color: #5d666f;
				text-align: center;
				background: #eff2f6;
				border-radius: 999px;
			}

.post-author-profile .post-author-soc li a svg {
					width: 15px;
					height: 15px;
					vertical-align: -2px;
				}

.post-author-profile .post-author-soc li a:focus,
				.post-author-profile .post-author-soc li a:hover {
					color: #fff;
					background: var(--color-local, #43464a);
				}

.post-author-profile .post-author-upper {
		display: flex;
		flex-wrap: wrap;
		gap: 30px;
		align-items: center;
		justify-content: space-between;
	}

.post-author-profile .post-author-bio {
		width: 100%;
		max-width: 490px;
		margin: 0;
		color: #757b85;
	}

@media (width <= 720px) {

.post-author-profile {
		justify-content: center;
		text-align: center
}

		.post-author-profile .post-author-upper {
			flex-direction: column;
			justify-content: center;
		}

		.post-author-profile .post-author-bio {
			margin: 0 auto;
		}

		.post-author-profile .post-author-name {
			text-align: left;
		}

		.post-author-profile .post-author-soc {
			justify-content: center;
		}
	}

/* ------------------------------------------------------------------
    Components: Post Related
------------------------------------------------------------------- */

.post-related {
	display: flex;
	gap: 30px;
	justify-content: space-between;
	margin-bottom: 7.6482%;
}

.post-related .post-related-post {
		position: relative;
		width: 100%;
		height: 305px;
		padding: 35px;
		overflow: hidden;
		background: #202225;
		border-radius: var(--layout-border-radius);
	}

.post-related .post-related-post .post-bottom {
			position: absolute;
			bottom: 0;
		}

.post-related .post-related-post .post-background {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 100;
			width: 100%;
			height: 100%;
			background-position: center;
			background-size: cover;
			opacity: 0.32;
			transition: all 0.4s ease-out;
		}

.post-related .post-related-post .post-background-image {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center;
		}

.post-related .post-related-post .post-info {
			position: relative;
			z-index: 200;
			height: 100%;
		}

.post-related .post-related-post span {
			display: block;
			font-family: var(--font-header);
			font-size: 13px;
			font-weight: 600;
			color: #a0a3a8;
			text-transform: uppercase;
		}

.post-related .post-related-post .post-category {
			clear: both;
			display: inline-block;
			padding: 10px 25px;
			font-family: var(--font-header);
			font-size: 11px;
			font-weight: 600;
			color: #5d646d;
			text-transform: uppercase;
			background: #2d3034;
			border-radius: 999px;
			transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
		}

.post-related .post-related-post .post-title {
			margin: 10px 0 0;
			font-family: var(--font-header);
			font-size: 15px;
			font-weight: 600;
			line-height: 1.75;
			color: #fff;
			transition: margin 0.25s ease-in-out;
		}

.post-related .post-related-post .post-read-more {
			position: absolute;
			bottom: 0;
			margin-top: 15px;
			font-family: var(--font-header);
			font-size: 13px;
			font-weight: 700;
			color: #fff;
			text-transform: uppercase;
			opacity: 0;
			transition: opacity 0.25s ease-in-out;
		}

.post-related .post-related-post .post-read-more svg {
				width: 16px;
				height: 16px;
				margin-left: 8px;
				vertical-align: -3px;
			}

.post-related .post-related-post:last-child {
			margin-right: 0;
		}

.post-related .post-related-post:focus .post-background, .post-related .post-related-post:hover .post-background {
				opacity: 0.5;
			}

.post-related .post-related-post:focus .post-category, .post-related .post-related-post:hover .post-category {
				color: #fff;
				background: var(--color-local, #2d3034);
			}

.post-related .post-related-post:focus .post-read-more, .post-related .post-related-post:hover .post-read-more {
				opacity: 1;
			}

.post-related .post-related-post:focus .post-title, .post-related .post-related-post:hover .post-title {
				margin-bottom: 35px;
			}

@media (width <= 840px) {

.post-related {
		flex-direction: column
}

		.post-related .post-related-post {
			height: 255px;
		}
	}

/* ------------------------------------------------------------------
    Components: Comments
------------------------------------------------------------------- */

.comments-body {
	position: relative;
}

.comments-body .comment {
		clear: both;
		display: flex;
		flex-direction: column;
		margin-bottom: 60px;
	}

.comments-body .comment .comment-profile {
			width: 75px;
			min-width: 75px;
		}

.comments-body .comment .comment-profile a {
				display: block;
			}

.comments-body .comment .comment-is-author {
			display: none;
			width: 22px;
			height: 22px;
			color: #cccfd8;
		}

.comments-body .comment.bypostauthor > .comment-contents .comment-is-author {
			display: inline-block;
		}

.comments-body .comment .comment-main {
			width: 100%;
			padding: 5%;
			background: #fff;
			border-radius: var(--layout-border-radius);
		}

.comments-body .comment .comment-meta {
			display: flex;
			flex-wrap: wrap;
			gap: 15px 30px;
			align-items: center;
			justify-content: space-between;
			font-family: var(--font-header);
			font-weight: 600;
			color: #cccfd8;
		}

.comments-body .comment .comment-right {
			display: flex;
			gap: 10px;
			align-items: center;
		}

.comments-body .comment .comment-author {
			margin: 0;
			font-size: 21px;
			line-height: normal;
			color: #0b0b0b;
			text-transform: none;
		}

.comments-body .comment .comment-author a {
				display: flex;
				gap: 10px;
				align-items: center;
				color: #0b0b0b;
			}

.comments-body .comment .comment-author-avatar {
			width: 100%;
			height: auto;
			border-radius: 999px;
		}

.comments-body .comment .comment-author-avatar-small {
			display: none;
			width: 25px;
			height: 25px;
			border-radius: 999px;
		}

.comments-body .comment .comment-contents {
			display: flex;
			gap: 30px;
		}

.comments-body .comment .comment-date,
		.comments-body .comment .comment-reply-link {
			display: inline-block;
			padding: 10px 20px;
			font-size: 12px;
			color: #757b85;
			background: #f6f8fc;
			border-radius: 999px;
			transition: background-color 0.15s ease-out;
		}

.comments-body .comment .comment-reply-link:hover,
			.comments-body .comment .comment-reply-link:focus {
				background: #eaecf0;
			}

.comments-body .comment .comment-body {
			margin-top: 30px;
			font-size: 16px;
			color: #63686d;
		}

.comments-body .comment .comment-body a {
				color: #656770;
				border-bottom: 1px solid #d4d5de;
			}

.comments-body .comment .comment-body p {
				font-size: 16px;
				color: #63686d;
			}

.comments-body .comment .comment-body img {
				margin: 25px 0;
				border-radius: var(--layout-border-radius);
			}

.comments-body .comment .comment-body > *:first-child {
				padding-top: 0;
				margin-top: 0;
			}

.comments-body .comment .comment-body > *:last-child {
				padding-bottom: 0;
				margin-bottom: 0;
			}

@media (width <= 780px) {

.comments-body .comment .comment-body {
				margin-top: 25px
		}

				.comments-body .comment .comment-body p {
					font-size: 14px;
				}
			}

@media (width <= 480px) {

.comments-body .comment .comment-body {
				margin-top: 20px
		}

				.comments-body .comment .comment-body p {
					font-size: 13px;
				}
			}

.comments-body .comment .children {
			clear: both;
			margin-top: 40px;
			margin-left: 11%;
		}

.comments-body .comment .children .comment:last-child {
				margin-bottom: 0;
			}

.comments-body .comment .children .comment-profile {
				width: 50px;
				min-width: 50px;
			}

@media (width <= 890px) {

.comments-body .comment {
			margin-bottom: 40px
	}

			.comments-body .comment .comment-profile {
				display: none;
			}

			.comments-body .comment .comment-main {
				width: 100%;
			}

			.comments-body .comment .comment-author-avatar-small {
				display: inline-block;
			}

			.comments-body .comment .children {
				margin-top: 30px;
			}
		}

@media (width <= 640px) {
			.comments-body .comment .comment-date {
				padding: 13px 25px;
				font-size: 10px;
			}
		}

@media (width <= 510px) {

.comments-body .comment {
			margin-bottom: 30px
	}

			.comments-body .comment .comment-date {
				display: none;
			}

			.comments-body .comment .comment-author {
				font-size: 18px;
			}

			.comments-body .comment .children {
				margin-top: 25px;
			}
		}

@media (width <= 1080px) {

.comments-body {
		margin-bottom: 60px
}
	}

.comments-nocomments,
.logged-in-as {
	padding: 30px;
	margin-bottom: 40px;
	font-family: var(--font-header);
	font-size: 14px;
	font-weight: 600;
	line-height: normal;
	color: #35393f;
	background: #fff;
	border-radius: var(--layout-border-radius);
}

.comments-nocomments svg, .logged-in-as svg {
		width: 22px;
		height: 22px;
		margin-right: 15px;
		vertical-align: -5px;
	}

.comments-nocomments a, .logged-in-as a {
		color: #35393f;
	}

.dark-theme .comments-nocomments, .dark-theme .logged-in-as {
		color: #d1d5da;
		background: #303033;
	}

.dark-theme .comments-nocomments a, .dark-theme .logged-in-as a {
			color: #d1d5da;
		}

.comments-anchor {
	position: absolute;
	top: -40px;
	visibility: hidden;
}

.comment-respond .commentbody {
		width: 100%;
		max-width: 100%;
		padding: 35px;
		margin-bottom: 40px;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.6;
		border: 0;
		border-radius: var(--layout-border-radius);
		transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
	}

.comment-respond .commentbody::placeholder {
			color: #535a63;
			opacity: 1;
		}

.comment-respond #author,
	.comment-respond #email,
	.comment-respond #url {
		position: relative;
		float: left;
		display: block;
		width: 33.333%;
		height: 64px;
		padding: 0 35px;
		margin: 0 0 40px;
		font-size: 14px;
		border: 0;
		border-right: 1px solid #e6e6f0;
		border-radius: 0;
		transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
	}

.comment-respond .comment-form-cookies-consent {
		clear: both;
		display: flex;
		align-items: center;
		padding: 25px;
		margin: 0 0 35px;
		line-height: 1.4;
		border: 1px solid #e6e6f0;
	}

.comment-respond .comment-form-cookies-consent,
	.comment-respond .commentbody,
	.comment-respond #author,
	.comment-respond #email,
	.comment-respond #url {
		color: #535a63;
		background: #fff;
		border-color: #e6e6f0;
	}

.dark-theme .comment-respond .comment-form-cookies-consent, .dark-theme .comment-respond .commentbody, .dark-theme .comment-respond #author, .dark-theme .comment-respond #email, .dark-theme .comment-respond #url {
			color: #ced4dc;
			background: #303033;
			border-color: #404046;
		}

.dark-theme .comment-respond .comment-form-cookies-consent::placeholder, .dark-theme .comment-respond .commentbody::placeholder, .dark-theme .comment-respond #author::placeholder, .dark-theme .comment-respond #email::placeholder, .dark-theme .comment-respond #url::placeholder {
				color: #ced4dc;
			}

.dark-theme .comment-respond .comment-form-cookies-consent:focus, .dark-theme .comment-respond .commentbody:focus, .dark-theme .comment-respond #author:focus, .dark-theme .comment-respond #email:focus, .dark-theme .comment-respond #url:focus {
				border-color: #595961;
			}

.comment-respond #wp-comment-cookies-consent {
		width: 20px;
		height: 20px;
		margin-right: 20px;
	}

.comment-respond #author {
		border-top-left-radius: var(--layout-border-radius);
		border-bottom-left-radius: var(--layout-border-radius);
	}

.comment-respond #url {
		border-right: 0;
		border-top-right-radius: var(--layout-border-radius);
		border-bottom-right-radius: var(--layout-border-radius);
	}

.comment-respond .form-submit {
		clear: both;
		margin: 0;
	}

.comment-respond .comment-reply-title {
		font-size: 18px;
	}

.comment-respond #cancel-comment-reply-link,
	.comment-respond .submit {
		clear: both;
		display: inline-block;
		width: auto;
		height: auto;
		padding: 20px 50px;
		font-family: var(--font-header);
		font-size: 13px;
		font-weight: 600;
		color: #fff;
		text-transform: uppercase;
		cursor: pointer;
		background: #373c41;
		border: 0;
		border-radius: 999px;
		transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
	}

.comment-respond #cancel-comment-reply-link:focus,
		.comment-respond #cancel-comment-reply-link:hover,
		.comment-respond .submit:focus,
		.comment-respond .submit:hover {
			background: #111213;
		}

.dark-theme .comment-respond #cancel-comment-reply-link:hover,
			.dark-theme .comment-respond #cancel-comment-reply-link:focus,
			.dark-theme .comment-respond .submit:hover,
			.dark-theme .comment-respond .submit:focus {
				background: #66696d;
			}

.comment-respond #cancel-comment-reply-link {
		padding: 15px 30px;
		margin-left: 20px;
		font-size: 11px;
		line-height: normal;
		color: #373c41;
		background: #e3e7ea;
	}

.comment-respond #cancel-comment-reply-link:focus,
		.comment-respond #cancel-comment-reply-link:hover {
			color: #fff;
			background: #111213;
		}

@media (width <= 730px) {
		.comment-respond #author,
		.comment-respond #email,
		.comment-respond #url {
			width: 100%;
			margin-bottom: 15px;
			border: 0;
			border-radius: var(--layout-border-radius);
		}

		.comment-respond textarea {
			margin-top: 0;
		}

		.comment-respond .submit {
			margin-top: 30px;
		}
	}

.post-show-comments {
	display: none;
	padding: 30px 40px;
	margin-bottom: 40px;
	font-family: var(--font-header);
	font-size: 14px;
	font-weight: 600;
	color: #35393f;
	cursor: pointer;
	background: #fff;
	border-radius: var(--layout-border-radius);
}

.post-show-comments svg {
		margin-right: 15px;
		vertical-align: -7px;
	}

.post-show-comments a {
		color: #35393f;
	}

/* ------------------------------------------------------------------
    Components: Single
------------------------------------------------------------------- */

body.single.post-basic-layout .page-container, body.page.post-basic-layout .page-container {
			padding-top: 200px;
		}

body.single.post-basic-layout .post-body, body.page.post-basic-layout .post-body {
			margin-top: 0 !important;
		}

body.single.post-basic-layout .top-bar, body.page.post-basic-layout .top-bar {
			background: #0d0d0e;
			border-bottom: 0;
		}

@media (width <= 1050px) {
			body.single.post-basic-layout .page-container, body.page.post-basic-layout .page-container {
				padding-top: calc(5% + 120px);
			}
		}

body.single .page-container, body.page .page-container {
		padding: 120px 0 200px;
	}

body.single .cover.cover-single, body.page .cover.cover-single {
		height: 90vh;
	}

body.single .cover .cover-shadow, body.page .cover .cover-shadow {
		opacity: 0.7;
	}

body.single .cover-content, body.page .cover-content {
		display: flex;
		flex-flow: column nowrap;
		place-content: stretch center;
		align-items: flex-start;
		text-align: left;
	}

body.single .cover-content .post-info, body.page .cover-content .post-info {
			width: 100%;
			max-width: 940px;
		}

body.single .cover-content .post-categories, body.page .cover-content .post-categories {
			margin-bottom: -10px;
		}

body.single .cover-content .post-categories .post-category, body.page .cover-content .post-categories .post-category {
				display: inline-block;
				margin: 0 10px 10px 0;
			}

body.single .cover-content .post-categories .post-category:last-child, body.page .cover-content .post-categories .post-category:last-child {
					margin-right: 0;
				}

body.single .cover-content .post-category, body.page .cover-content .post-category {
			padding: 13px 42px;
			font-family: var(--font-header);
			font-size: 12px;
			font-weight: 700;
			color: #f3f5f8;
			text-transform: uppercase;
			background: var(--color-local, #393947);
			border-radius: 999px;
			opacity: 0;
			animation: slide-down-in 0.75s var(--ease-out-quart) forwards;
			animation-delay: 0.1s;
		}

body.single .cover-content .post-category:hover,
			body.single .cover-content .post-category:focus,
			body.page .cover-content .post-category:hover,
			body.page .cover-content .post-category:focus {
				background: hsl(from var(--color-local) h s calc(l - 10));
			}

body.single .cover-content .post-title, body.page .cover-content .post-title {
			margin: 50px 0 40px;
			color: #fff;
			animation: slide-down-in 0.75s var(--ease-out-quart);
		}

body.single .cover-content .post-meta, body.page .cover-content .post-meta {
			display: flex;
			gap: 0 1ch;
			font-family: var(--font-header);
			font-size: 14px;
			font-weight: 600;
			color: #b4bcca;
			text-transform: uppercase;
			list-style: none;
			animation: slide-up-in 0.75s var(--ease-out-quart);
		}

body.single .cover-content .post-meta li::after, body.page .cover-content .post-meta li::after {
					margin-left: 1ch;
					content: "/";
					opacity: 0.6;
				}

body.single .cover-content .post-meta li:last-child::after, body.page .cover-content .post-meta li:last-child::after {
					display: none;
				}

body.single .cover-content .post-meta a, body.page .cover-content .post-meta a {
				color: #b4bcca;
			}

body.single .cover-content .post-meta a:focus,
				body.single .cover-content .post-meta a:hover,
				body.page .cover-content .post-meta a:focus,
				body.page .cover-content .post-meta a:hover {
					color: #fff;
				}

body.single .cover-content .post-likes .sl-button .sl-icon, body.page .cover-content .post-likes .sl-button .sl-icon {
					display: inline-block;
					width: 14px;
					height: 14px;
					margin-right: 8px;
					vertical-align: -3px;
					fill: currentcolor;
					transition: fill 0.25s ease-in-out;
				}

body.single .cover-content .post-likes .sl-button .sl-count, body.page .cover-content .post-likes .sl-button .sl-count {
					display: inline-block;
					vertical-align: -1px;
				}

body.single .cover-content .post-likes .sl-button.liked .sl-icon, body.page .cover-content .post-likes .sl-button.liked .sl-icon {
					fill: #fd5c63;
				}

body.single .cover-content .post-comments svg, body.page .cover-content .post-comments svg {
				width: 17px;
				height: 17px;
				margin-right: 5px;
				vertical-align: -4px;
			}

@media (width <= 1920px) {
		body.single .page-container, body.page .page-container {
			padding: 5% 0;
		}
	}

@media (width <= 880px) {
		body.single .page-container, body.page .page-container {
			padding: 5% 0;
		}
	}

@media (width <= 1260px) {
		body.single .page-sidebar, body.page .page-sidebar {
			display: none;
		}

		body.single .page-contents, body.page .page-contents {
			width: 100%;
		}

		body.single .cover-content, body.page .cover-content {
			text-align: center;
		}

			body.single .cover-content .post-info, body.page .cover-content .post-info {
				margin: 0 auto;
			}

		body.single .cover-single .post-meta, body.page .cover-single .post-meta {
			justify-content: center;
		}
	}

@media (width <= 1120px) {
			body.single .cover-content .post-info, body.page .cover-content .post-info {
				width: 80%;
			}
	}

@media (width <= 780px) {
			body.single .cover-content .post-info, body.page .cover-content .post-info {
				width: 95%;
			}
	}

@media (height <= 760px) {
		body.single .cover.cover-single, body.page .cover.cover-single {
			height: 100vh;
		}

		body.single .cover-content, body.page .cover-content {
			margin-top: 80px;
		}
	}

/* ------------------------------------------------------------------
    Components: Page
------------------------------------------------------------------- */

body.page .post-body .post-info h1 {
		margin-top: 0;
	}

body.page .cover-content .post-meta .post-likes,
	body.page .post-footer .post-likes {
		display: none;
	}

body.page .post-header .post-meta .post-likes {
		display: none;
	}

/* ------------------------------------------------------------------
    Components: Paged
------------------------------------------------------------------- */

body.paged .cover-blog {
		height: 65vh;
	}

body.paged .cover-shadow {
		opacity: 0.7;
	}

body.paged .cover-blog .cover-blog-posts {
		display: none;
	}

body.paged .cover-blog-description {
		bottom: 0;
	}

body.paged .cover-blog-description img {
			margin-bottom: 0;
		}

body.paged .cover-load-indicator {
		display: none;
	}

@media (height <= 760px) {
		body.paged .cover-blog {
			height: 80vh;
		}
	}

/* ------------------------------------------------------------------
    Components: Post Previous
------------------------------------------------------------------- */

.post-previous {
	position: relative;
	display: block;
	height: 510px;
	padding: 120px;
	overflow: hidden;
	text-align: center;
	background: #121416;
}

.post-previous .background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-position: center;
		background-size: cover;
		opacity: 0.25;
		transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
	}

.post-previous .background-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

.post-previous .wrapper {
		position: relative;
		z-index: 200;
		width: 90%;
		max-width: 570px;
	}

.post-previous span {
		font-family: var(--font-header);
		font-size: 17px;
		font-weight: 600;
		color: #8f93a1;
		text-transform: uppercase;
	}

.post-previous hr {
		width: 50px;
		height: 1px;
		margin: 35px auto;
		background: #fff;
		border: 0;
		opacity: 0.26;
		transition: width 0.2s ease-out;
	}

.post-previous h2 {
		margin: 35px auto;
		font-size: 29px;
		color: #fff;
	}

.post-previous .post-category {
		display: inline-block;
		padding: 13px 35px;
		font-size: 11px;
		color: #fff;
		background: var(--color-local, #393947);
		border-radius: 999px;
	}

.post-previous:focus hr, .post-previous:hover hr {
			width: 125px;
		}

.post-previous:focus .background, .post-previous:hover .background {
			opacity: 0.35;
		}

@media (width <= 790px) {

.post-previous {
		height: auto;
		padding: 80px 5%
}

		.post-previous h2 {
			font-size: 24px;
		}
	}

@media (width <= 630px) {

.post-previous {
		height: auto;
		padding: 60px 5%
}

		.post-previous h2 {
			font-size: 22px;
		}
	}

@media (width <= 480px) {
		.post-previous h2 {
			font-size: 18px;
		}
	}

/* ------------------------------------------------------------------
    Components: Subscribe
------------------------------------------------------------------- */

.subsc {
	display: flex;
	gap: 5%;
	align-items: center;
	justify-content: space-between;
	width: 92.5%;
	max-width: 1150px;
	padding: 120px 0;
	margin: 0 auto;
}

@media (width <= 1240px) {

.subsc {
		padding: 8% 0
}
	}

@media (width <= 920px) {

.subsc {
		flex-direction: column;
		max-width: 80%;
		text-align: center
}
	}

.subsc__info {
	width: 47.5%;
}

@media (width <= 920px) {

.subsc__info {
		width: 100%
}
	}

.subsc__description {
	margin-bottom: 0;
	color: #676d73;
}

@media (width <= 920px) {

.subsc__description {
		font-size: 15px
}
	}

.dark-theme .subsc__description {
		color: #a1a8ae;
	}

.subsc__heading {
	margin-top: 0;
	font-size: 29px;
}

.dark-theme .subsc__heading {
		color: #f0f4f7;
	}

.subsc__form {
	position: relative;
	width: 45%;
}

@media (width <= 920px) {

.subsc__form {
		width: 100%;
		margin-top: 40px
}
	}

.subsc__email-input {
	width: 100%;
	height: 74px;
	padding: 0 110px 0 35px;
	font-size: 15px;
	color: #5f6366;
	text-transform: none;
	background: #f3f6f8;
	border: 1px solid transparent;
	border-radius: 999px;
}

.subsc__email-input::placeholder {
		color: #5f6366;
	}

.dark-theme .subsc__email-input {
		color: #a1a8ae;
		background: #101112;
	}

.dark-theme .subsc__email-input::placeholder {
			color: #a1a8ae;
		}

.dark-theme .subsc__email-input:focus {
			border-color: #101112;
		}

.subsc__label {
	display: none;
}

.subsc__submit {
	position: absolute;
	top: 13px;
	right: 16px;
	width: 68px;
	height: 48px;
	padding: 12px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	background: #a4acb4;
	border: 0;
	border-radius: 999px;
	transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
}

.subsc__submit:focus,
	.subsc__submit:hover {
		background: #393c40;
	}

.dark-theme .subsc__submit {
		color: #fff;
		background: #565b61;
	}

.dark-theme .subsc__submit:focus,
		.dark-theme .subsc__submit:hover {
			background: #3d4044;
		}

.subsc__email-icon {
	display: none;
}

.subsc__submit-label {
	display: none;
}

.subsc__submit-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.subsc__submit-icon svg {
		width: 20px;
		height: 20px;
	}

/* ------------------------------------------------------------------
    Components: Footer
------------------------------------------------------------------- */

footer.page-footer {
	position: relative;
	z-index: 300;
	background: #fff;
}

.dark-theme footer.page-footer {
		background: #2b2d30;
	}

.footer-widgets {
	padding: 130px 0 120px;
	overflow: hidden;
	border-top: 1px solid #eceff4;
}

.footer-widgets .wrapper {
		display: flex;
		gap: 10%;
		justify-content: space-between;
	}

.footer-widgets .widget-divider {
		display: none;
	}

.footer-widgets .footer-widgets-static {
		width: 40%;
		max-width: 600px;
	}

.footer-widgets .widget_ecko_blog_info__socials {
		display: flex;
	}

.footer-widgets .widget_ecko_blog_info__anchor {
		background-color: #f3f6f8;
	}

.footer-widgets .widget_ecko_blog_info__anchor:hover,
		.footer-widgets .widget_ecko_blog_info__anchor:focus {
			background-color: var(--color-local, #e7eaec);
		}

.dark-theme .footer-widgets .widget_ecko_blog_info__anchor {
			color: #c1cdd8;
			background: #17191b;
		}

.dark-theme .footer-widgets .widget_ecko_blog_info__anchor:focus,
			.dark-theme .footer-widgets .widget_ecko_blog_info__anchor:hover {
				color: #fff;
				background-color: var(--color-local, #292d31);
			}

.footer-widgets .footer-widgets-custom {
		display: flex;
		gap: 5%;
		width: 100%;
	}

.footer-widgets .footer-widgets-custom .widget {
			width: 100%;
		}

.dark-theme .footer-widgets .widget {
			color: #a9b0b7;
		}

.dark-theme .footer-widgets .widget-title {
			color: #f1f4f7;
		}

.footer-widgets .widget_archive li, .footer-widgets .widget_categories li, .footer-widgets .widget_meta li, .footer-widgets .widget_nav_menu li, .footer-widgets .widget_pages li, .footer-widgets .widget_recent_entries li {
			padding: 0;
			list-style: none;
		}

.footer-widgets .widget_archive li:nth-child(n+7), .footer-widgets .widget_categories li:nth-child(n+7), .footer-widgets .widget_meta li:nth-child(n+7), .footer-widgets .widget_nav_menu li:nth-child(n+7), .footer-widgets .widget_pages li:nth-child(n+7), .footer-widgets .widget_recent_entries li:nth-child(n+7) {
				display: none;
			}

.footer-widgets .widget_archive a:focus,
			.footer-widgets .widget_archive a:hover,
			.footer-widgets .widget_categories a:focus,
			.footer-widgets .widget_categories a:hover,
			.footer-widgets .widget_meta a:focus,
			.footer-widgets .widget_meta a:hover,
			.footer-widgets .widget_nav_menu a:focus,
			.footer-widgets .widget_nav_menu a:hover,
			.footer-widgets .widget_pages a:focus,
			.footer-widgets .widget_pages a:hover,
			.footer-widgets .widget_recent_entries a:focus,
			.footer-widgets .widget_recent_entries a:hover {
				padding-left: 0;
			}

.dark-theme .footer-widgets .widget_archive a:focus,
				.dark-theme .footer-widgets .widget_archive a:hover,
				.dark-theme .footer-widgets .widget_categories a:focus,
				.dark-theme .footer-widgets .widget_categories a:hover,
				.dark-theme .footer-widgets .widget_meta a:focus,
				.dark-theme .footer-widgets .widget_meta a:hover,
				.dark-theme .footer-widgets .widget_nav_menu a:focus,
				.dark-theme .footer-widgets .widget_nav_menu a:hover,
				.dark-theme .footer-widgets .widget_pages a:focus,
				.dark-theme .footer-widgets .widget_pages a:hover,
				.dark-theme .footer-widgets .widget_recent_entries a:focus,
				.dark-theme .footer-widgets .widget_recent_entries a:hover {
					color: #fff;
				}

.dark-theme .footer-widgets .widget_archive .count, .dark-theme .footer-widgets .widget_categories .count, .dark-theme .footer-widgets .widget_meta .count, .dark-theme .footer-widgets .widget_nav_menu .count, .dark-theme .footer-widgets .widget_pages .count, .dark-theme .footer-widgets .widget_recent_entries .count {
				color: #96a3af;
				background: #131517;
			}

.dark-theme .footer-widgets {
		border-color: #1b1c1e;
	}

@media (width <= 1240px) {

.footer-widgets {
		padding: 8% 0
}

		.footer-widgets .wrapper {
			flex-direction: column;
		}

		.footer-widgets .footer-widgets-static {
			width: 100%;
			margin: 0 auto 10vw;
			text-align: center;
		}

		.footer-widgets .widget_ecko_blog_info__socials {
			justify-content: center;
		}

		.footer-widgets .widget_ecko_blog_info__logo {
			margin: 0 auto;
		}

		.footer-widgets .footer-widgets-custom {
			width: 100%;
		}

		.footer-widgets .count {
			display: none;
		}
	}

@media (width <= 920px) {
		.footer-widgets .footer-widgets-custom {
			flex-direction: column;
			gap: 5vw;
		}

			.footer-widgets .footer-widgets-custom .widget {
				width: 100%;
				text-align: center;
			}

		.footer-widgets .widget_categories .cat-item {
			justify-content: center;
		}
	}

/* ------------------------------------------------------------------
    Components: Copyright
------------------------------------------------------------------- */

.copyright {
	padding: 40px 0;
	overflow: hidden;
	background: #262629;
}

.copyright .wrapper {
		display: flex;
		gap: 30px;
		justify-content: space-between;
	}

.copyright p {
		margin: 0;
		font-size: 13px;
		color: #e7eaed;
	}

.copyright a {
		color: #e7eaed;
	}

.copyright .copyright-disclaimer .alt,
		.copyright .copyright-disclaimer .alt a {
			color: #6c7985;
		}

.copyright .copyright-utils {
		display: flex;
		gap: 10px;
		padding: 0;
		margin: 0;
		list-style: none;
	}

.copyright .copyright-utils li button {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 48px;
				height: 48px;
				color: #fff;
				text-align: center;
				cursor: pointer;
				background: #373b40;
				border: 0;
				border-radius: 999px;
				transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
			}

.copyright .copyright-utils li button:focus,
				.copyright .copyright-utils li button:hover {
					color: #2e2f31;
					background: #e5e6e6;
				}

.copyright .copyright-utils li svg {
				width: 20px;
				height: 20px;
			}

@media (width <= 640px) {

.copyright {
		text-align: center
}

		.copyright .copyright-disclaimer {
			margin: 0 auto;
		}

		.copyright .copyright-utils {
			display: none;
		}
	}

.dark-theme .copyright {
		background: #131517;
	}

/* ------------------------------------------------------------------
    Content: Post Contents
------------------------------------------------------------------- */

/* ------------------------------------------------------------------
    Conent: Gutenberg - Utility - Layout Flex/Grid
------------------------------------------------------------------- */

.is-layout-flex,
.is-layout-grid {
	gap: var(--content-spacing-sm);
}

.is-layout-flex > :is(*, div),
.is-layout-grid > :is(*, div) {
	margin: 0;
}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Utility - Layout Constrained
------------------------------------------------------------------- */

.is-layout-constrained > *:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-base);
		margin-bottom: var(--content-spacing-base);
	}

.is-layout-constrained > *:first-child {
		margin-top: 0;
	}

.is-layout-constrained > *:last-child {
		margin-bottom: 0;
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Utility - Layout Flow
------------------------------------------------------------------- */

.is-layout-flow > *:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-base);
		margin-bottom: var(--content-spacing-base);
	}

.is-layout-flow > *:first-child {
		margin-top: 0;
	}

.is-layout-flow > *:last-child {
		margin-bottom: 0;
	}

.post-contents {
	--content-max-width: 100%;
	--content-border-radius: 10px;
	--content-spacing-xxlg: 110px;
	--content-spacing-xlg: 80px;
	--content-spacing-lg: 60px;
	--content-spacing-md: 50px;
	--content-spacing-base: 40px;
	--content-spacing-sm: 30px;
	--content-spacing-xsm: 20px;
	--content-spacing-xxsm: 10px;

	/* Utility */

	/* Misc */

	/* Inline */

	/* Block */

	/* Gutenberg */
}

@container (width <= 860px) {

.post-contents {
		--content-spacing-xxlg: 88px;
		--content-spacing-xlg: 64px;
		--content-spacing-lg: 48px;
		--content-spacing-md: 40px;
		--content-spacing-base: 32px;
		--content-spacing-sm: 24px;
		--content-spacing-xsm: 16px;
		--content-spacing-xxsm: 8px;
}
	}

@container (width <= 700px) {

.post-contents {
		--content-spacing-xxlg: 70px;
		--content-spacing-xlg: 50px;
		--content-spacing-lg: 38px;
		--content-spacing-md: 32px;
		--content-spacing-base: 25px;
		--content-spacing-sm: 19px;
		--content-spacing-xsm: 13px;
		--content-spacing-xxsm: 7px;
}
	}

.post-contents {

	position: relative;
	width: 100%;
	max-width: var(--content-max-width);
	margin: 0;
	font-size: 17.5px;
	font-weight: 400;
	color: #6e727c;
}

@container (width <= 720px) {

.post-contents {
		font-size: 16px;
}
	}

.post-contents > *:first-child {
		margin-top: 0 !important;
	}

.post-contents > *:last-child {
		margin-bottom: 0 !important;
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Utility - Align Left
------------------------------------------------------------------- */

.post-contents .alignleft {
	float: left;
	margin: var(--content-spacing-xxsm) var(--content-spacing-md) var(--content-spacing-sm) 0;
}

@container (width <= 560px) {

.post-contents .alignleft {
		float: none;
		display: block;
		margin-right: 0;
		margin-left: 0
}
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Utility - Align Right
------------------------------------------------------------------- */

.post-contents .alignright {
	float: right;
	margin: var(--content-spacing-xxsm) 0 var(--content-spacing-sm) var(--content-spacing-md);
}

@container (width <= 560px) {

.post-contents .alignright {
		float: none;
		display: block;
		margin-right: 0;
		margin-left: 0
}
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Utility - Align Center
------------------------------------------------------------------- */

.post-contents .aligncenter {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

@container (width <= 560px) {

.post-contents .aligncenter {
		float: none;
		display: block;
		margin-right: 0;
		margin-left: 0
}
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Utility - Align Wide
------------------------------------------------------------------- */

.post-contents .alignwide {
	position: relative;
	display: block;
	width: 118%;
	max-width: 118%;
	height: auto;
	margin: var(--content-spacing-lg) -9%;
	border-radius: 0 !important;
}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Utility - Align Full
------------------------------------------------------------------- */

.post-contents .alignfull {
	position: relative;
	display: block;
	width: 118%;
	max-width: 118%;
	height: auto;
	margin: var(--content-spacing-lg) -9%;
	border-radius: 0 !important;
}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Utility - Embed Responsive
------------------------------------------------------------------- */

.post-contents .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
	padding-top: 56.4%;
}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Utility - Font Size
------------------------------------------------------------------- */

.post-contents .has-small-font-size {
	font-size: 13px !important;
}

.post-contents .has-medium-font-size {
	font-size: 20px !important;
}

@container (width <= 720px) {

.post-contents .has-medium-font-size {
		font-size: 18px !important
}
	}

@container (width <= 560px) {

.post-contents .has-medium-font-size {
		font-size: 16px !important
}
	}

.post-contents .has-large-font-size {
	font-size: 36px !important;
	line-height: 1.45;
}

@container (width <= 720px) {

.post-contents .has-large-font-size {
		font-size: 28px !important
}
	}

@container (width <= 560px) {

.post-contents .has-large-font-size {
		font-size: 24px !important
}
	}

.post-contents .has-x-large-font-size {
	font-size: 42px !important;
	line-height: 1.45;
}

@container (width <= 720px) {

.post-contents .has-x-large-font-size {
		font-size: 36px !important
}
	}

@container (width <= 560px) {

.post-contents .has-x-large-font-size {
		font-size: 32px !important
}
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Misc - Post Nav Links
------------------------------------------------------------------- */

.post-contents .post-nav-links {
	display: flex;
	gap: 10px;
	align-items: center;
	font-family: var(--font-header-alt);
	font-size: 16px;
	font-weight: 600;
	color: #2d2f34;
}

.post-contents .post-nav-links .post-page-numbers {
		padding: 4px 15px;
		font-variant-numeric: tabular-nums;
		border: 1px solid #eff2f6;
		border-radius: 999px;
	}

.post-contents .post-nav-links .post-page-numbers:is(a):focus,
			.post-contents .post-nav-links .post-page-numbers:is(a):hover {
				border-color: #eff2f6;
			}

.post-contents .post-nav-links .post-page-numbers.current {
			background: #eff2f6;
			border: 0;
		}

.post-contents {
	/* ------------------------------------------------------------------
    Conent: Gutenberg - Inline - Strong
------------------------------------------------------------------- */
}

.post-contents strong,
.post-contents b {
	font-weight: 625;
}

.post-contents {
	/* ------------------------------------------------------------------
    Conent: Gutenberg - Inline - Code
------------------------------------------------------------------- */
}

.post-contents code,
.post-contents kbd,
.post-contents samp {
	padding: 1px 3px;
	font-family: var(--font-code);
	white-space: pre-wrap;
	background: #f9f9f9;
}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Inline - Mark
------------------------------------------------------------------- */

.post-contents mark {
	background: rgb(var(--color-accent-base) 0.3);
}

.post-contents h1,
.post-contents h2,
.post-contents h3,
.post-contents h4,
.post-contents h5,
.post-contents h6 {
	margin-top: var(--content-spacing-xsm);
	margin-bottom: var(--content-spacing-xsm);
	color: #141415;
}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Block - Heading
------------------------------------------------------------------- */

@container (width <= 720px) {

.post-contents h1 {
		font-size: 42px
}
	}

@container (width <= 560px) {

.post-contents h1 {
		font-size: 38px
}
	}

@container (width <= 720px) {

.post-contents h2 {
		font-size: 28px
}
	}

@container (width <= 560px) {

.post-contents h2 {
		font-size: 26px
}
	}

.post-contents h3 {
	color: #5f6165;
}

@media (width <= 780px) {

.post-contents h3 {
		font-size: 24px
}
	}

@media (width <= 660px) {

.post-contents h3 {
		font-size: 22px
}
	}

.post-contents h4 {
	color: #5f6165;
}

.post-contents h5 {
	color: #8d939e;
}

.post-contents h6 {
	color: #8d939e;
}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Block - Paragraph
------------------------------------------------------------------- */

.post-contents p:first-of-type {
		margin-top: 0;
	}

.post-contents p:last-of-type {
		margin-bottom: 0;
	}

.post-contents p a {
		color: #484b52;
		border-bottom: 1px solid #dedede;
	}

.post-contents p a:hover,
		.post-contents p a:focus {
			border-color: var(--color-accent-base);
		}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Block - Definition
------------------------------------------------------------------- */

.post-contents dl {
	overflow: hidden;
}

.post-contents dl > *:last-child {
		margin-bottom: 0;
	}

.post-contents dt {
	display: block;
	width: 100%;
	margin: 0 0 var(--content-spacing-xsm);
	font-family: var(--font-header);
	font-weight: 600;
	color: #212124;
}

.post-contents dd {
	display: block;
	width: 100%;
	padding-left: 4.5%;
	margin: var(--content-spacing-xsm) 0 var(--content-spacing-sm) 2.5%;
	font-weight: 400;
	border-left: 3px solid #e7e7e7;
}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Element - Button
------------------------------------------------------------------- */

.post-contents .wp-element-button {
	width: auto;
	height: auto;
	padding: 17px 32px;
	font-family: var(--font-header);
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	color: #fff;
	background: var(--color-accent-base);
	border: 0;
	border-color: var(--color-accent-base);
	border-radius: var(--content-border-radius);
}

.post-contents .wp-element-button.has-background:hover,
		.post-contents .wp-element-button.has-background:focus {
			opacity: 0.85;
		}

.post-contents .wp-element-button:hover,
	.post-contents .wp-element-button:focus {
		color: #fff;
		background: var(--color-accent-dark);
		border-color: var(--color-accent-dark);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Element - Caption
------------------------------------------------------------------- */

.post-contents .wp-element-caption {
	padding-top: var(--content-spacing-xsm);
	margin: 0;
	font-size: 16px;
	color: #6c7781;
	text-align: center;
}

.post-contents {

	/* ------------------------------------------------------------------
    Conent: Gutenberg - Text - Heading
------------------------------------------------------------------- */
}

.post-contents.is-layout-constrained > .wp-block-heading:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-heading:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-base);
	}

.post-contents .wp-block-heading {}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Text - List
------------------------------------------------------------------- */

.post-contents .wp-block-list {
	padding: 0;
}

.post-contents .wp-block-list li {
		padding: 0 0 0 2.5%;
		margin: var(--content-spacing-sm) 0 var(--content-spacing-sm) 6%;
	}

.post-contents .wp-block-list li:first-of-type {
			margin-top: 0;
		}

.post-contents .wp-block-list li:last-of-type {
			margin-bottom: 0;
		}

.post-contents .wp-block-list li ul {
		margin: var(--content-spacing-xsm) 0;
	}

.post-contents .wp-block-list li ul li {
			margin: var(--content-spacing-xsm) 0 var(--content-spacing-xsm) 4%;
		}

.post-contents.is-layout-constrained > .wp-block-quote:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-quote:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Text - Quote
------------------------------------------------------------------- */

.post-contents .wp-block-quote {
	position: relative;
	display: block;
	height: auto;
	margin-left: var(--content-spacing-md);
}

.post-contents .wp-block-quote p {
		padding: 0 0 0 var(--content-spacing-md);
		margin: 0 0 var(--content-spacing-xsm);
		font-family: var(--font-header);
		font-size: 22px;
		font-weight: 600;
		line-height: 1.75;
		color: #3a3a45;
		text-wrap: pretty;
		border-left: 5px solid #ebedef;
	}

.post-contents .wp-block-quote cite {
		display: block;
		margin: var(--content-spacing-xsm) 0 0 calc(var(--content-spacing-md) * 1.05);
		font-size: 17px;
		font-style: normal;
		font-weight: 400;
		color: #747474;
	}

@container (width <= 720px) {
		.post-contents .wp-block-quote p {
			font-size: 18px;
		}

		.post-contents .wp-block-quote cite {
			font-size: 15px;
		}
	}

.post-contents.is-layout-constrained > .wp-block-code:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-code:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Text - Code
------------------------------------------------------------------- */

.post-contents .wp-block-code {
	padding: var(--content-spacing-md);
	overflow: auto;
	white-space: pre;
	border: 1px solid #eff0f6;
	border-radius: var(--content-border-radius);
}

.post-contents .wp-block-code.line-numbers {
		padding-left: calc(var(--content-spacing-xxlg) * 0.9);
	}

.post-contents .wp-block-code .line-numbers-rows {
		left: calc(var(--content-spacing-xlg) * -1);
	}

.post-contents .wp-block-code__dark,
	.post-contents .wp-block-code__highcontrast {
		border: 0;
	}

.post-contents .wp-block-code:not(.post-contents .wp-block-code__light,.post-contents .wp-block-code__dark,.post-contents .wp-block-code__highcontrast) {
		color: #393a34;
	}

.post-contents .wp-block-code code {
		display: inline-block;
		padding: 0 30px 0 0;
		font-size: 15px;
		line-height: 2;
		white-space: pre;
		background: transparent;
		border: 0;
	}

@container (width <= 720px) {

.post-contents .wp-block-code code {
			font-size: 14px
	}
		}

@container (width <= 560px) {

.post-contents .wp-block-code code {
			font-size: 13px
	}
		}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Text - Details
------------------------------------------------------------------- */

.post-contents .wp-block-details {
	border-bottom: 1px solid transparent;
}

.post-contents .wp-block-details[open] {
		padding-bottom: var(--content-spacing-sm);
		border-color: #e3e3e3;
	}

.post-contents .wp-block-details[open] summary {
			margin-bottom: var(--content-spacing-sm);
		}

.post-contents .wp-block-details summary {
		padding: var(--content-spacing-xsm);
		margin: 0;
		font-family: var(--font-header);
		font-weight: 600;
		line-height: 1.5;
		color: #212124;
		cursor: pointer;
		-webkit-user-select: none;
		        user-select: none;
		outline: 0;
		border: 1px solid #e3e3e3;
		border-radius: var(--content-border-radius);
	}

.post-contents .wp-block-details:has(+ .wp-block-details) {
	margin-bottom: var(--content-spacing-sm);
}

.post-contents .wp-block-details + .wp-block-details {
	margin-top: var(--content-spacing-sm);
}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Text - Preformatted
------------------------------------------------------------------- */

.post-contents .wp-block-preformatted {
	line-height: 2;
}

.post-contents.is-layout-constrained > .wp-block-pullquote:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-pullquote:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Text - Pull Quote
------------------------------------------------------------------- */

.post-contents .wp-block-pullquote {
	padding: 0;
	text-align: left;
}

.post-contents .wp-block-pullquote.alignright,
	.post-contents .wp-block-pullquote.alignleft {
		max-width: 45%;
	}

.post-contents .wp-block-pullquote p {
		max-width: 650px;
		padding: 0;
		margin: 0;
		font-family: var(--font-header);
		font-size: 22px;
		font-weight: 600;
		line-height: 1.75;
		color: #212124;
	}

.post-contents .wp-block-pullquote cite {
		display: block;
		margin: var(--content-spacing-xxsm) 0 0;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		color: #747474;
	}

.post-contents .wp-block-pullquote blockquote {
		margin: 0;
	}

.post-contents.is-layout-constrained > .wp-block-table:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-table:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Text - Table
------------------------------------------------------------------- */

.post-contents .wp-block-table {
	position: relative;
	font-family: var(--font-header);
	font-size: 14px;
	font-weight: 500;
	border-collapse: collapse;
	border-radius: var(--content-border-radius);
}

.post-contents .wp-block-table tr {
		height: 70px;
	}

.post-contents .wp-block-table tr > td:first-child,
		.post-contents .wp-block-table tr > th:first-child {
			padding-left: 30px;
		}

.post-contents .wp-block-table th {
		font-family: var(--font-header);
		font-weight: 600;
		color: #171718;
		background: #f4f5f9;
		border: 0;
	}

.post-contents .wp-block-table thead {
		border: 0;
		border-bottom: 2px solid #e7e7e7;
	}

.post-contents .wp-block-table td,
	.post-contents .wp-block-table th {
		padding: 8px;
		text-align: left;
	}

.post-contents .wp-block-table td {
		font-size: 14px;
		color: #555557;
		border: 0;
		border-bottom: 1px solid #e7e7e7;
	}

@container (width <= 720px) {

.post-contents .wp-block-table {
		border: 0
}

		.post-contents .wp-block-table table caption {
			font-size: 13px;
		}

		.post-contents .wp-block-table table thead {
			position: absolute;
			width: 1px;
			height: 1px;
			padding: 0;
			margin: -1px;
			overflow: hidden;
			border: none;
			clip: rect(0 0 0 0);
		}

		.post-contents .wp-block-table table tr {
			display: block;
			height: auto;
			margin-bottom: 30px;
			border-bottom: 3px solid #ddd;
		}

			.post-contents .wp-block-table table tr td:first-child {
				padding: 7px 0;
			}

			.post-contents .wp-block-table table tr:last-child {
				margin-bottom: 0;
			}

		.post-contents .wp-block-table table td {
			display: block;
			padding: 7px 0;
			font-size: 13px;
			text-align: right;
			border-bottom: 1px solid #ddd;
		}

		.post-contents .wp-block-table table td::before {
			float: left;
			font-weight: 600;
			content: attr(data-label);
		}

		.post-contents .wp-block-table table td:last-child {
			border-bottom: 0;
		}
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Text - Verse
------------------------------------------------------------------- */

.post-contents .wp-block-verse {
	line-height: 2;
}

.post-contents {

	/* ------------------------------------------------------------------
    Conent: Gutenberg - Media - Image
------------------------------------------------------------------- */
}

.post-contents.is-layout-constrained > .wp-block-image:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-image:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

.post-contents .wp-block-image img {
		max-width: 100%;
		height: auto;
		border-radius: var(--content-border-radius);
	}

.post-contents .wp-block-image.is-style-rounded img {
			border-radius: 9999px;
		}

.post-contents .wp-block-image.alignwide img, .post-contents .wp-block-image.alignfull img {
			border-radius: 0;
		}

.post-contents.is-layout-constrained > .wp-block-gallery:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-gallery:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Media - Gallery
------------------------------------------------------------------- */

.post-contents .wp-block-gallery img {
		border-radius: var(--content-border-radius);
	}

.post-contents .wp-block-gallery .wp-block-image .wp-element-caption {
			padding: 0 var(--content-spacing-xsm) var(--content-spacing-xsm);
			margin-bottom: -1px;
			font-size: 15px;
			line-height: 1.25;
			border-radius: 0 0 var(--content-border-radius) var(--content-border-radius);
		}

.post-contents.is-layout-constrained > .wp-block-audio:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-audio:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Media - Audio
------------------------------------------------------------------- */

.post-contents .wp-block-audio {}

.post-contents.is-layout-constrained > .wp-block-cover:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-cover:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-lg);
		margin-bottom: var(--content-spacing-lg);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Media - Cover
------------------------------------------------------------------- */

.post-contents .wp-block-cover {
	padding: var(--content-spacing-lg);
	border-radius: var(--content-border-radius);
}

.post-contents.is-layout-constrained > .wp-block-file:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-file:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Media - File
------------------------------------------------------------------- */

.post-contents .wp-block-file {
	display: flex;
	flex-wrap: wrap;
	gap: var(--content-spacing-xsm);
	align-items: stretch;
	justify-content: space-between;
	padding: var(--content-spacing-xsm);
	border: 1px solid #eff0f6;
	border-radius: var(--content-border-radius);
}

.post-contents .wp-block-file a:not(.wp-element-button) {
		display: flex;
		flex-grow: 10;
		flex-shrink: 1;
		align-items: center;
		padding-left: var(--content-spacing-xxsm);
		font-family: var(--font-header);
		font-size: 15px;
		font-weight: 600;
		color: #37373a;
	}

.post-contents .wp-block-file__button {
	display: block;
	flex-grow: 1;
	margin: 0;
	text-align: center;
	border-radius: var(--content-border-radius);
	opacity: 1;
}

.post-contents.is-layout-constrained > .wp-block-media-text:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-media-text:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-lg);
		margin-bottom: var(--content-spacing-lg);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Media - Media & Text
------------------------------------------------------------------- */

.post-contents .wp-block-media-text {
	gap: var(--content-spacing-base);
}

.post-contents .wp-block-media-text__content {
	padding: 0;
}

.post-contents .wp-block-media-text__media img {
		border-radius: var(--content-border-radius);
	}

.post-contents.is-layout-constrained > .wp-block-video:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-video:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Media - Video
------------------------------------------------------------------- */

.post-contents .wp-block-video video {
		border-radius: var(--content-border-radius);
	}

.post-contents .wp-block-video.alignfull video {
			border-radius: 0;
		}

.post-contents {

	/* ------------------------------------------------------------------
    Conent: Gutenberg - Media - Buttons
------------------------------------------------------------------- */
}

.post-contents .wp-block-buttons {}

.post-contents .wp-block-button.is-style-outline .wp-element-button {
			color: var(--color-accent-base);
			background: transparent;
			border-style: solid;
			border-width: 2px;
		}

.post-contents .wp-block-button.is-style-outline .wp-element-button.has-background {
				border-color: currentcolor;
			}

.post-contents .wp-block-button.is-style-outline .wp-element-button.has-background:hover,
				.post-contents .wp-block-button.is-style-outline .wp-element-button.has-background:focus {
					border-color: currentcolor;
				}

.post-contents .wp-block-button.is-style-outline .wp-element-button:hover,
			.post-contents .wp-block-button.is-style-outline .wp-element-button:focus {
				color: #fff;
				background: var(--color-accent-dark);
				border-color: var(--color-accent-dark);
			}

.post-contents.is-layout-constrained > .wp-block-columns:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-columns:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-lg);
		margin-bottom: var(--content-spacing-lg);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Media - Columns
------------------------------------------------------------------- */

.post-contents .wp-block-columns {}

.post-contents.is-layout-constrained > .wp-block-group:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-group:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-lg);
		margin-bottom: var(--content-spacing-lg);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Media - Group
------------------------------------------------------------------- */

.post-contents .wp-block-group {}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Media - Row
------------------------------------------------------------------- */

.post-contents .wp-block-row {}

.post-contents.is-layout-constrained > .wp-block-stack:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-stack:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-lg);
		margin-bottom: var(--content-spacing-lg);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Media - Stack
------------------------------------------------------------------- */

.post-contents .wp-block-stack {}

.post-contents.is-layout-constrained > .wp-block-grid:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-grid:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-lg);
		margin-bottom: var(--content-spacing-lg);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Media - Grid
------------------------------------------------------------------- */

.post-contents .wp-block-grid {}

.post-contents.is-layout-constrained > .wp-block-separator:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-separator:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-lg);
		margin-bottom: var(--content-spacing-lg);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Media - Separator
------------------------------------------------------------------- */

.post-contents .wp-block-separator {
	width: 100%;
	max-width: 350px;
	height: 1px;
	color: #e7e7e7;
	background: #e7e7e7;
	border: 0;
}

.post-contents .wp-block-separator.is-style-wide,
	.post-contents .wp-block-separator.is-style-dots {
		max-width: 100%;
	}

.post-contents .wp-block-separator.is-style-dots {
		height: 25px;
		color: #cbcbcb;
		background: #cbcbcb;
	}

.post-contents {
	/* ------------------------------------------------------------------
    Conent: Gutenberg - Media - Spacer
------------------------------------------------------------------- */
}

.post-contents {

	/* ------------------------------------------------------------------
    Conent: Gutenberg - Widgets - Archives
------------------------------------------------------------------- */
}

.post-contents .wp-block-archives-list {
	padding: revert;
}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Widgets - Calendar
------------------------------------------------------------------- */

.post-contents .wp-block-calendar .wp-calendar-nav {
		margin-top: 10px;
	}

.post-contents .wp-block-calendar #wp-calendar caption {
			display: table-caption;
			margin-bottom: 20px;
			font-size: 20px;
			font-weight: 500;
			color: #161616;
		}

.post-contents .wp-block-calendar #wp-calendar th {
			padding: var(--content-spacing-xxsm) 0;
			background: none;
			border: 0;
		}

.post-contents .wp-block-calendar #wp-calendar th,
		.post-contents .wp-block-calendar #wp-calendar td {
			text-align: center;
		}

.post-contents .wp-block-calendar #wp-calendar thead th {
			color: #161616;
			border-color: #e9e8e8;
		}

.post-contents .wp-block-calendar #wp-calendar tbody td {
			background: #f8f8f8;
			border: 0;
		}

.post-contents .wp-block-calendar #wp-calendar .pad {
			background: none;
		}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Widgets - Categories List
------------------------------------------------------------------- */

.post-contents .wp-block-categories-list {
	padding: revert;
}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Widgets - Latest Comments
------------------------------------------------------------------- */

.post-contents .wp-block-latest-comments {
	padding: 0;
}

.post-contents .wp-block-latest-comments__comment-date {
		line-height: normal;
	}

.post-contents .wp-block-latest-comments__comment-excerpt {
		margin-top: 10px;
	}

.post-contents {
	/* ------------------------------------------------------------------
    Conent: Gutenberg - Widgets - Latest Posts
------------------------------------------------------------------- */
}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Widgets - Page List
------------------------------------------------------------------- */

.post-contents .wp-block-page-list {
	padding: revert;
}

.post-contents {
	/* ------------------------------------------------------------------
    Conent: Gutenberg - Widgets - RSS
------------------------------------------------------------------- */
}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Widgets - Search
------------------------------------------------------------------- */

.post-contents .wp-block-search {}

.post-contents .wp-block-search__label {
	display: none;
}

.post-contents .wp-block-search__input {
	border-color: #e3e4ec;
	border-radius: var(--content-border-radius);
}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Widgets - Social Icons
------------------------------------------------------------------- */

.post-contents .wp-block-social-links {
	gap: var(--content-spacing-xxsm);
}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Widgets - Tag Cloud
------------------------------------------------------------------- */

.post-contents .wp-block-tag-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: var(--content-spacing-xxsm);
}

.post-contents .wp-block-tag-cloud a {
		padding: var(--content-spacing-xxsm) var(--content-spacing-xsm);
		margin: 0;
		font-size: 13px !important;
		font-weight: 500;
		line-height: normal;
		color: #5d666f;
		background: #eff2f6;
		border: 0;
		border-radius: var(--content-border-radius);
	}

.post-contents .wp-block-tag-cloud a:focus,
		.post-contents .wp-block-tag-cloud a:hover {
			color: #e3e7ea;
			background: #43464a;
		}

.post-contents {

	/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - Navigation
------------------------------------------------------------------- */
}

.post-contents.is-layout-constrained > .wp-block-navigation:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-navigation:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

.post-contents .wp-block-navigation .wp-block-navigation {
		margin-top: 0;
		margin-bottom: 0;
	}

.post-contents.is-layout-constrained > .wp-block-site-logo:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-site-logo:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - Site Logo
------------------------------------------------------------------- */

.post-contents .wp-block-site-logo {}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - Site Title
------------------------------------------------------------------- */

.post-contents .wp-block-site-title {}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - Site Tagline
------------------------------------------------------------------- */

.post-contents .wp-block-site-tagline {}

.post-contents.is-layout-constrained > .wp-block-navigation:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-navigation:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-lg);
		margin-bottom: var(--content-spacing-lg);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - Query
------------------------------------------------------------------- */

.post-contents .wp-block-query {}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - Avatar
------------------------------------------------------------------- */

.post-contents .wp-block-avatar .avatar {
		border-radius: 50%;
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - (Post) Title
------------------------------------------------------------------- */

.post-contents .wp-block-post-title {}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - (Post) Excerpt
------------------------------------------------------------------- */

.post-contents .wp-block-post-excerpt {}

.post-contents .wp-block-post-excerpt__more-link {
	margin-top: var(--content-spacing-xxsm);
}

.post-contents.is-layout-constrained > .wp-block-post-featured-image:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-post-featured-image:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - (Post) Featured Image
------------------------------------------------------------------- */

.post-contents .wp-block-post-featured-image img {
		border-radius: var(--content-border-radius);
	}

.post-contents .wp-block-post-featured-image.alignfull img {
			border-radius: 0;
		}

.post-contents.is-layout-constrained > .wp-block-post-author:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-post-author:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - (Post) Author
------------------------------------------------------------------- */

.post-contents .wp-block-post-author .avatar {
		border-radius: 50%;
	}

.post-contents .wp-block-post-author__byline {
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
}

.post-contents .wp-block-post-author__name {
	font-weight: 600;
	color: #141415;
}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - (Post) Author Name
------------------------------------------------------------------- */

.post-contents .wp-block-post-author-name {}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - (Post) Date
------------------------------------------------------------------- */

.post-contents .wp-block-post-date {}

.post-contents .wp-block-post-date__modified_date {}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - (Post) Terms
------------------------------------------------------------------- */

.post-contents .wp-block-post-terms {}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - Post Navigation Link
------------------------------------------------------------------- */

.post-contents .wp-block-post-navigation-link {}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - Read More
------------------------------------------------------------------- */

.post-contents .wp-block-read-more {}

.post-contents {
	/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - Comments (+ Form)
------------------------------------------------------------------- */
}

.post-contents.is-layout-constrained > .wp-block-comments:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-comments:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

.post-contents.is-layout-constrained > .wp-block-post-comments-form:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-post-comments-form:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

.post-contents .wp-block-comments .logged-in-as, .post-contents .wp-block-post-comments-form .logged-in-as {
		margin-bottom: var(--content-spacing-xsm);
	}

.post-contents .wp-block-comments .form-submit, .post-contents .wp-block-post-comments-form .form-submit {
		margin-top: var(--content-spacing-sm);
	}

.post-contents .wp-block-comments #comment, .post-contents .wp-block-post-comments-form #comment {
		color: #3c3f45;
	}

.post-contents .wp-block-comments #author,
	.post-contents .wp-block-comments #email,
	.post-contents .wp-block-comments #url,
	.post-contents .wp-block-post-comments-form #author,
	.post-contents .wp-block-post-comments-form #email,
	.post-contents .wp-block-post-comments-form #url {
		padding: 0 var(--content-spacing-xsm);
		border: 1px solid #e6e6f0;
	}

.post-contents .wp-block-comments .submit, .post-contents .wp-block-post-comments-form .submit {
		width: auto;
		height: auto;
		padding: 17px 32px;
		font-family: var(--font-header);
		font-size: 14px;
		font-weight: 600;
		color: #fff;
		background: var(--color-accent-base);
		border: 0;
		border-radius: var(--content-border-radius);
	}

.post-contents .wp-block-comments .submit:hover,
		.post-contents .wp-block-comments .submit:focus,
		.post-contents .wp-block-post-comments-form .submit:hover,
		.post-contents .wp-block-post-comments-form .submit:focus {
			background: var(--color-accent-dark);
			border-color: var(--color-accent-dark);
		}

.post-contents .wp-block-comments .comment-form-comment textarea, .post-contents .wp-block-post-comments-form .comment-form-comment textarea {
			border-color: #e3e3e3;
			border-radius: var(--content-border-radius);
		}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - Log In/Out
------------------------------------------------------------------- */

.post-contents .wp-block-loginout {}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - Term Description
------------------------------------------------------------------- */

.post-contents .wp-block-post-term-description {
	line-height: 2;
}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - Archive Title
------------------------------------------------------------------- */

.post-contents .wp-block-post-author-biography {}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - Search Results Title
------------------------------------------------------------------- */

.post-contents .wp-block-post-search-results-title {}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - (Post) Author Biography
------------------------------------------------------------------- */

.post-contents .wp-block-post-author-biography {
	line-height: 2;
}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Theme - Post
------------------------------------------------------------------- */

.post-contents .wp-block-post .wp-block-post-excerpt {
		margin-top: var(--content-spacing-xsm);
		margin-bottom: var(--content-spacing-xsm);
	}

.post-contents {

	/* ------------------------------------------------------------------
    Conent: Gutenberg - Embeds - Embed
------------------------------------------------------------------- */
}

.post-contents.is-layout-constrained > .wp-block-embed:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-embed:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

.post-contents .wp-block-embed {}

.post-contents .wp-block-embed-twitter .twitter-tweet {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

.post-contents .wp-block-embed-twitter.aligncenter .twitter-tweet {
			margin-right: auto;
			margin-left: auto;
		}

.post-contents {

	/* ------------------------------------------------------------------
    Conent: Gutenberg - Ecko - Accordion
------------------------------------------------------------------- */
}

.post-contents.is-layout-constrained > .wp-block-ecko-blocks-accordion:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-ecko-blocks-accordion:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

.post-contents .wp-block-ecko-blocks-accordion-title {
	padding: var(--content-spacing-sm) 0;
}

.post-contents .wp-block-ecko-blocks-accordion-content > * {
		margin-bottom: var(--content-spacing-base);
	}

.post-contents .wp-block-ecko-blocks-accordion-content > *:last-child {
			margin-bottom: 0;
		}

.post-contents.is-layout-constrained > .wp-block-ecko-blocks-contrast:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-ecko-blocks-contrast:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Ecko - Contrast
------------------------------------------------------------------- */

.post-contents .wp-block-ecko-blocks-contrast {
	padding: var(--content-spacing-md);
	border-radius: var(--content-border-radius);
}

.post-contents .wp-block-ecko-blocks-contrast.alignwide,
	.post-contents .wp-block-ecko-blocks-contrast.alignfull {
		padding: var(--content-spacing-md) 0;
		padding-right: 9%;
		padding-left: 9%;
	}

.post-contents .wp-block-ecko-blocks-contrast-content {
	max-width: var(--content-max-width);
}

.post-contents.is-layout-constrained > .wp-block-ecko-blocks-progress-bar:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-ecko-blocks-progress-bar:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Ecko - Progress Bar
------------------------------------------------------------------- */

.post-contents .wp-block-ecko-blocks-progress-bar {}

.post-contents .wp-block-ecko-blocks-progress-bar-title,
.post-contents .wp-block-ecko-blocks-progress-bar-status {
	font-family: var(--font-header);
	font-weight: 600;
}

.post-contents .wp-block-ecko-blocks-status {
	padding: var(--content-spacing-base);
	border-radius: var(--content-border-radius);
}

.post-contents .wp-block-ecko-blocks-progress-bar:has(+ .wp-block-ecko-blocks-progress-bar) {
	margin-bottom: var(--content-spacing-sm);
}

.post-contents .wp-block-ecko-blocks-progress-bar + .wp-block-ecko-blocks-progress-bar {
	margin-top: var(--content-spacing-sm);
}

.post-contents.is-layout-constrained > .wp-block-ecko-blocks-status:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-ecko-blocks-status:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Ecko - Status
------------------------------------------------------------------- */

.post-contents .wp-block-ecko-blocks-status {}

.post-contents .wp-block-ecko-blocks-status-title {
	font-size: 26px;
}

.post-contents.is-layout-constrained > .wp-block-ecko-blocks-tabs:not(.alignwide, .alignfull, .alignleft, .alignright), .post-contents .is-layout-constrained > .wp-block-ecko-blocks-tabs:not(.alignwide, .alignfull, .alignleft, .alignright) {
		margin-top: var(--content-spacing-md);
		margin-bottom: var(--content-spacing-md);
	}

/* ------------------------------------------------------------------
    Conent: Gutenberg - Ecko - Tabs
------------------------------------------------------------------- */

.post-contents .wp-block-ecko-blocks-tabs .wp-block-ecko-blocks-tabs-header-item {
		color: #1a1a1b;
	}

.post-contents .wp-block-ecko-blocks-tabs .wp-block-ecko-blocks-tabs-header-item__active {
			background: #f5f6f8;
			border-radius: var(--content-border-radius) var(--content-border-radius) 0 0;
		}

.post-contents .wp-block-ecko-blocks-tabs .wp-block-ecko-blocks-tabs-title {
		font-size: 17px;
		font-weight: 600;
		color: currentcolor;
	}

/* ------------------------------------------------------------------
    Widgets
------------------------------------------------------------------- */

/* ------------------------------------------------------------------
    Widgets: Base
------------------------------------------------------------------- */

.widget {
	color: #676d73;
}

.widget ul {
		line-height: 1.5;
	}

.dark-theme .widget {
		color: #b8c0c9;
	}

.widget__title {
	margin: 0 0 40px;
	font-size: 20px;
	color: #1a1a1b;
	text-transform: uppercase;
}

.dark-theme .widget__title {
		color: #f0f4f7;
	}

.widget_archive ul, .widget_categories ul, .widget_meta ul, .widget_nav_menu ul, .widget_pages ul, .widget_recent_entries ul {
		display: flex;
		flex-direction: column;
		gap: 20px;
		padding: 0;
		margin: 0;
		list-style: none;
	}

.widget_archive li, .widget_categories li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_entries li {
		align-items: center;
		padding-left: 20px;
		font-family: var(--font-body);
		font-size: 16px;
		color: #676d73;
		list-style-type: "\2022";
	}

.widget_archive li::marker, .widget_categories li::marker, .widget_meta li::marker, .widget_nav_menu li::marker, .widget_pages li::marker, .widget_recent_entries li::marker {
			margin-right: 20px;
			color: #c9cbe2;
		}

.widget_archive li:first-of-type, .widget_categories li:first-of-type, .widget_meta li:first-of-type, .widget_nav_menu li:first-of-type, .widget_pages li:first-of-type, .widget_recent_entries li:first-of-type {
			margin-top: 0;
		}

.widget_archive li:last-of-type, .widget_categories li:last-of-type, .widget_meta li:last-of-type, .widget_nav_menu li:last-of-type, .widget_pages li:last-of-type, .widget_recent_entries li:last-of-type {
			margin-bottom: 0;
		}

.dark-theme .widget_archive li, .dark-theme .widget_categories li, .dark-theme .widget_meta li, .dark-theme .widget_nav_menu li, .dark-theme .widget_pages li, .dark-theme .widget_recent_entries li {
			color: #b8c0c9;
		}

.dark-theme .widget_archive li::marker, .dark-theme .widget_categories li::marker, .dark-theme .widget_meta li::marker, .dark-theme .widget_nav_menu li::marker, .dark-theme .widget_pages li::marker, .dark-theme .widget_recent_entries li::marker {
				color: #3e4349;
			}

.widget_archive a, .widget_categories a, .widget_meta a, .widget_nav_menu a, .widget_pages a, .widget_recent_entries a {
		color: #676d73;
		transition: color 0.15s ease-out;
	}

.widget_archive a:focus,
		.widget_archive a:hover,
		.widget_categories a:focus,
		.widget_categories a:hover,
		.widget_meta a:focus,
		.widget_meta a:hover,
		.widget_nav_menu a:focus,
		.widget_nav_menu a:hover,
		.widget_pages a:focus,
		.widget_pages a:hover,
		.widget_recent_entries a:focus,
		.widget_recent_entries a:hover {
			color: #424248;
		}

.dark-theme .widget_archive a, .dark-theme .widget_categories a, .dark-theme .widget_meta a, .dark-theme .widget_nav_menu a, .dark-theme .widget_pages a, .dark-theme .widget_recent_entries a {
			color: #b8c0c9;
		}

.dark-theme .widget_archive a:focus,
			.dark-theme .widget_archive a:hover,
			.dark-theme .widget_categories a:focus,
			.dark-theme .widget_categories a:hover,
			.dark-theme .widget_meta a:focus,
			.dark-theme .widget_meta a:hover,
			.dark-theme .widget_nav_menu a:focus,
			.dark-theme .widget_nav_menu a:hover,
			.dark-theme .widget_pages a:focus,
			.dark-theme .widget_pages a:hover,
			.dark-theme .widget_recent_entries a:focus,
			.dark-theme .widget_recent_entries a:hover {
				color: #fff;
			}

.widget_archive select, .widget_categories select, .widget_meta select, .widget_nav_menu select, .widget_pages select, .widget_recent_entries select {
		width: 100%;
		padding: 20px;
		font-size: 14px;
		font-weight: 500;
		color: #44494f;
		-webkit-appearance: none;
		        appearance: none;
		background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23e0e0e0'><polygon points='0,0 100,0 50,50'/></svg>");
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: calc(100% - 20px) 25px;
		background-size: 14px;
		border: 0;
		border-radius: var(--layout-border-radius);
	}

.dark-theme .widget_archive select, .dark-theme .widget_categories select, .dark-theme .widget_meta select, .dark-theme .widget_nav_menu select, .dark-theme .widget_pages select, .dark-theme .widget_recent_entries select {
			color: #ccd4de;
			background-color: #242627;
		}

.widget_archive .count, .widget_categories .count, .widget_meta .count, .widget_nav_menu .count, .widget_pages .count, .widget_recent_entries .count {
		float: right;
		display: inline-block;
		width: 40px;
		padding: 5px 0;
		margin-left: auto;
		font-family: var(--font-header);
		font-size: 12px;
		font-weight: 600;
		line-height: normal;
		color: #7c8289;
		text-align: center;
		background: #ecf0f4;
		border-radius: 999px;
	}

.dark-theme .widget_archive .count, .dark-theme .widget_categories .count, .dark-theme .widget_meta .count, .dark-theme .widget_nav_menu .count, .dark-theme .widget_pages .count, .dark-theme .widget_recent_entries .count {
			color: #b9c1cb;
			background: #36373c;
		}

/* Widgets: Ecko */

/* ------------------------------------------------------------------
    Widgets: Ecko - Advert
------------------------------------------------------------------- */

.widget_ecko_advrt {
	min-width: 100%;
}

.widget_ecko_advrt__content {
	display: block;
	max-width: 100%;
}

.widget_ecko_advrt__content > *:first-child {
		margin-top: 0;
	}

.widget_ecko_advrt__content > *:last-child {
		margin-bottom: 0;
	}

/* ------------------------------------------------------------------
    Widgets: Ecko - Author Profile
------------------------------------------------------------------- */

.widget_ecko_author_profile {}

.widget_ecko_author_profile__upper {
	display: flex;
	gap: 20px;
	align-items: center;
}

.widget_ecko_author_profile__avatar {
	width: 75px;
	min-width: 75px;
}

.widget_ecko_author_profile__avatar-image {
	width: 100%;
	border-radius: 999px;
}

.widget_ecko_author_profile__tag {
	display: none;
}

.widget_ecko_author_profile__header {
	margin: 2px 0;
	font-family: var(--font-header);
	font-size: 22px;
	font-weight: 600;
	line-height: normal;
	color: #29292b;
	text-transform: none;
}

.dark-theme .widget_ecko_author_profile__header {
		color: #e8e8ef;
	}

.widget_ecko_author_profile__x {
	font-family: var(--font-header);
	font-size: 13px;
	font-weight: 600;
	line-height: normal;
	color: #676d73;
	text-transform: uppercase;
}

.widget_ecko_author_profile__x:focus,
	.widget_ecko_author_profile__x:hover {
		color: #959595;
	}

.widget_ecko_author_profile__description {
	margin: 25px 0 30px;
}

.widget_ecko_author_profile__socials {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.widget_ecko_author_profile__social {
	display: block;
	margin: 0;
}

.widget_ecko_author_profile__social::before {
		display: none;
	}

.widget_ecko_author_profile__social svg {
		width: 14px;
		height: 14px;
	}

.widget_ecko_author_profile__anchor {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: #707279;
	background: #e9ecf0;
	border-radius: 999px;
	transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
}

.widget_ecko_author_profile__anchor:focus,
	.widget_ecko_author_profile__anchor:hover {
		padding: 0;
		color: #fff;
		background: var(--color-local, #43464a);
	}

.dark-theme .widget_ecko_author_profile__anchor {
		color: #e7e7f1;
		background: #36363a;
	}

.dark-theme .widget_ecko_author_profile__anchor:focus,
		.dark-theme .widget_ecko_author_profile__anchor:hover {
			color: #fff;
			background: var(--color-local, #5d5d64);
		}

/* ------------------------------------------------------------------
    Widgets: Ecko - Blog Info
------------------------------------------------------------------- */

.widget_ecko_blog_info {}

.widget_ecko_blog_info__title {
	display: block;
}

.widget_ecko_blog_info__header {
	margin: 0;
	font-size: 34px;
	font-weight: 600;
	color: #373737;
}

.widget_ecko_blog_info__description {
	clear: both;
	margin: 0;
}

.widget_ecko_blog_info__logo {
	display: block;
	max-width: 80%;
	margin: 0;
}

.widget_ecko_blog_info__socials {
	display: none;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 35px;
	list-style: none;
}

.widget_ecko_blog_info__anchor {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: #707279;
	background: #e9ecf0;
	border-radius: 999px;
	transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
}

.widget_ecko_blog_info__anchor:focus,
	.widget_ecko_blog_info__anchor:hover {
		padding: 0;
		color: #fff;
		background: var(--color-local, #43464a);
	}

.widget_ecko_blog_info__anchor svg {
		width: 14px;
		height: 14px;
	}

/* ------------------------------------------------------------------
    Widgets: Ecko - Feature Post
------------------------------------------------------------------- */

.widget_ecko_feature_post:focus-within .widget_ecko_feature_post__background, .widget_ecko_feature_post:hover .widget_ecko_feature_post__background {
			opacity: 0.4;
		}

.widget_ecko_feature_post:focus-within .widget_ecko_feature_post__lower, .widget_ecko_feature_post:hover .widget_ecko_feature_post__lower {
			transform: translateY(-20px);
		}

.widget_ecko_feature_post__content {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 320px;
	text-align: center;
	background: #000;
	border-radius: var(--layout-border-radius);
}

.widget_ecko_feature_post__background,
.widget_ecko_feature_post__gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	border-radius: var(--layout-border-radius);
	transition: opacity 0.2s ease-out;
}

.widget_ecko_feature_post__background {
	opacity: 0.7;
}

.widget_ecko_feature_post__background-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	filter: contrast(1.2);
}

.widget_ecko_feature_post__gradient {
	background: linear-gradient(300deg, rgb(22 24 26 / 100%) 20%, rgb(22 24 26 / 0%) 100%);
	opacity: 0.75;
}

.widget_ecko_feature_post__anchor {
	position: relative;
	display: flex;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	padding-top: 20px;
}

.widget_ecko_feature_post__lower {
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: center;
	padding: 40px;
	transition: transform 0.2s ease-out;
}

.widget_ecko_feature_post__label {
	margin: 0;
	font-family: var(--font-header);
	font-size: 12px;
	font-weight: 700;
	color: rgb(255 255 255 / 80%);
	text-transform: uppercase;
}

.widget_ecko_feature_post__header {
	margin: 0;
	font-family: var(--font-header);
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	text-transform: none;
}

.widget_ecko_feature_post__category {
	display: inline-block;
	padding: 9px 20px;
	font-family: var(--font-header);
	font-size: 11px;
	font-weight: 600;
	line-height: normal;
	color: #fff;
	text-transform: uppercase;
	background: var(--color-local, #52545e);
	border-radius: 999px;
}

/* ------------------------------------------------------------------
    Widgets: Ecko - Latest Posts
------------------------------------------------------------------- */

.widget_ecko_latest_posts svg {
		display: none;
	}

.widget_ecko_latest_posts__content {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.widget_ecko_latest_posts__upper {
	display: flex;
	align-items: center;
}

.widget_ecko_latest_posts__category {
	display: none;
}

.widget_ecko_latest_posts__thumbnail {
	position: relative;
	display: block;
	width: 100%;
	max-width: 76px;
	height: 76px;
	overflow: hidden;
	border-radius: var(--layout-border-radius);
}

.widget_ecko_latest_posts__thumbnail-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.widget_ecko_latest_posts__excerpt {
	display: none;
}

.widget_ecko_latest_posts__info {
	display: flex;
	flex-direction: column;
	gap: 5px;
	max-width: 74.5%;
	padding-left: 7.5%;
	margin-top: -4px;
}

.widget_ecko_latest_posts__header {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	font-family: var(--font-header);
	font-size: 15px;
	font-weight: 600;
	color: #1c1c1d;
	-webkit-box-orient: vertical;
}

.widget_ecko_latest_posts__header:focus,
	.widget_ecko_latest_posts__header:hover {
		color: #000;
	}

.widget_ecko_latest_posts__header a {
		display: block;
	}

.dark-theme .widget_ecko_latest_posts__header {
		color: #dbdbe3;
	}

.dark-theme .widget_ecko_latest_posts__header:focus,
		.dark-theme .widget_ecko_latest_posts__header:hover {
			color: #fff;
		}

.widget_ecko_latest_posts__meta {
	font-family: var(--font-body);
	font-size: 14px;
	color: #858d94;
}

.dark-theme .widget_ecko_latest_posts__meta {
		color: #686e73;
	}

.widget_ecko_latest_posts__meta-anchor:focus,
	.widget_ecko_latest_posts__meta-anchor:hover {
		color: #6e7780;
	}

.dark-theme .widget_ecko_latest_posts__meta-anchor:hover,
		.dark-theme .widget_ecko_latest_posts__meta-anchor:focus {
			color: #889097;
		}

.widget_ecko_latest_posts__avatar {
	display: none;
}

.widget_ecko_latest_posts__divider {
	display: block;
	width: 35%;
	height: 1px;
	margin: 0 auto 0 0;
	background: #e9eaeb;
	border: 0;
}

.widget_ecko_latest_posts__divider:last-child {
		display: none;
	}

.dark-theme .widget_ecko_latest_posts__divider {
		background: #292a2b;
	}

/* ------------------------------------------------------------------
    Widgets: Ecko - Navigation
------------------------------------------------------------------- */

.widget_ecko_navigation {
	line-height: normal;
}

.widget_ecko_navigation ul {
		padding: 0;
		list-style: none;
	}

.widget_ecko_navigation li {
		padding: 0;
		margin: 0;
	}

.widget_ecko_navigation li:first-child a {
				padding-top: 0;
			}

.widget_ecko_navigation li:last-child a {
				padding-bottom: 0;
			}

.widget_ecko_navigation a {
		display: inline-flex;
		align-items: center;
		padding: 10px 0;
	}

.widget_ecko_navigation a:focus,
		.widget_ecko_navigation a:hover {
			color: #525559;
		}

.widget_ecko_navigation a svg {
			width: 14px;
			height: 14px;
			margin-top: 2px;
			color: currentcolor;
		}

.dark-theme .widget_ecko_navigation a:focus,
			.dark-theme .widget_ecko_navigation a:hover {
				color: #fff;
			}

.widget_ecko_navigation .sub-menu {
		display: none;
		flex-direction: column;
		gap: 10px;
		width: 100%;
		padding: 0;
		margin: 10px 0;
		text-transform: none;
		transition: none;
	}

.widget_ecko_navigation .sub-menu.active {
			display: flex;
		}

.widget_ecko_navigation .sub-menu li:last-child {
			border: 0;
		}

.widget_ecko_navigation .sub-menu a {
			padding: 2px 0;
			font-size: 14px;
			color: #8b8b8b;
		}

.widget_ecko_navigation .sub-menu a:focus,
			.widget_ecko_navigation .sub-menu a:hover {
				color: #4f4f4f;
			}

.dark-theme .widget_ecko_navigation .sub-menu a:focus,
				.dark-theme .widget_ecko_navigation .sub-menu a:hover {
					color: #d2d2d2;
				}

.widget_ecko_navigation svg {
		margin-left: 10px;
		color: #4e4e4e;
		transition: color 0.25s ease-in-out;
	}

/* ------------------------------------------------------------------
    Widgets: Ecko - Related & Random Posts
------------------------------------------------------------------- */

.widget_ecko_related_posts,
.widget_ecko_random_posts {}

.widget_ecko_related_posts__content,
.widget_ecko_random_posts__content {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.widget_ecko_related_posts__feature,
.widget_ecko_random_posts__feature {
	position: relative;
	z-index: 200;
	display: block;
	width: 100%;
	height: 180px;
	overflow: hidden;
	border-radius: var(--layout-border-radius);
}

.widget_ecko_related_posts__feature:focus::after,
	.widget_ecko_related_posts__feature:hover::after,
	.widget_ecko_random_posts__feature:focus::after,
	.widget_ecko_random_posts__feature:hover::after {
		opacity: 1;
	}

.widget_ecko_related_posts__thumbnail,
.widget_ecko_random_posts__thumbnail {
	width: 100%;
	min-height: 100%;
}

.widget_ecko_related_posts__category,
.widget_ecko_random_posts__category {
	position: absolute;
	bottom: 15px;
	left: 15px;
	z-index: 150;
	display: block;
	padding: 10px 20px;
	font-family: var(--font-header);
	font-size: 10px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	background: var(--color-local, #7fbb00);
	border-radius: 999px;
}

.widget_ecko_related_posts__header,
.widget_ecko_random_posts__header {
	display: -webkit-box;
	margin: 20px 0 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	font-size: 16px;
	font-weight: 600;
	color: #1b1b1c;
	text-transform: none;
	-webkit-box-orient: vertical;
}

.widget_ecko_related_posts__header:focus,
	.widget_ecko_related_posts__header:hover,
	.widget_ecko_random_posts__header:focus,
	.widget_ecko_random_posts__header:hover {
		color: #000;
	}

.widget_ecko_related_posts__header a, .widget_ecko_random_posts__header a {
		width: 100%;
		border-bottom: 1px solid transparent;
	}

.dark-theme .widget_ecko_related_posts__header, .dark-theme .widget_ecko_random_posts__header {
		color: #dbdbe3;
	}

.dark-theme .widget_ecko_related_posts__header:focus,
		.dark-theme .widget_ecko_related_posts__header:hover,
		.dark-theme .widget_ecko_random_posts__header:focus,
		.dark-theme .widget_ecko_random_posts__header:hover {
			color: #fff;
		}

.widget_ecko_related_posts__meta,
.widget_ecko_random_posts__meta {
	font-size: 14px;
	color: #858d94;
}

.dark-theme .widget_ecko_related_posts__meta, .dark-theme .widget_ecko_random_posts__meta {
		color: #686e73;
	}

.widget_ecko_related_posts__meta-item:focus,
	.widget_ecko_related_posts__meta-item:hover,
	.widget_ecko_random_posts__meta-item:focus,
	.widget_ecko_random_posts__meta-item:hover {
		color: #6e7780;
	}

.dark-theme .widget_ecko_related_posts__meta-item:hover,
		.dark-theme .widget_ecko_related_posts__meta-item:focus,
		.dark-theme .widget_ecko_random_posts__meta-item:hover,
		.dark-theme .widget_ecko_random_posts__meta-item:focus {
			color: #889097;
		}

.widget_ecko_related_posts__meta-divider,
.widget_ecko_random_posts__meta-divider {
	margin: 0 5px;
}

.widget_ecko_related_posts__divider,
.widget_ecko_random_posts__divider {
	display: block;
	width: 35%;
	height: 1px;
	margin: 0 auto 0 0;
	content: "";
	background: #e9eaeb;
	border: 0;
}

.widget_ecko_related_posts__divider:last-child, .widget_ecko_random_posts__divider:last-child {
		display: none;
	}

.dark-theme .widget_ecko_related_posts__divider, .dark-theme .widget_ecko_random_posts__divider {
		background: #292a2b;
	}

/* ------------------------------------------------------------------
    Widgets: Ecko - Social Share
------------------------------------------------------------------- */

.widget_ecko_share {}

.widget_ecko_share__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.widget_ecko_share__item {
	display: block;
	width: 100%;
	padding: 17px 15px;
	font-family: var(--font-header);
	font-size: 13px;
	font-weight: 600;
	color: #4e565d;
	text-align: center;
	cursor: pointer;
	background: #fff;
	border: 0;
	border-radius: var(--layout-border-radius);
	transition: color 0s ease-out, background 0.125s ease-out;
}

.widget_ecko_share__item:hover,
	.widget_ecko_share__item:focus {
		color: #fff;
		background: var(--color-local, #32373c);
	}

.dark-theme .widget_ecko_share__item {
		color: #e7e7f1;
		background: #36363a;
	}

.dark-theme .widget_ecko_share__item:hover,
		.dark-theme .widget_ecko_share__item:focus {
			color: #fff;
			background: var(--color-local, #48484d);
		}

.widget_ecko_share__icon svg {
		width: 16px;
		height: 16px;
		margin-right: 12px;
		vertical-align: -3px;
	}

/* ------------------------------------------------------------------
    Widgets: Ecko - Social
------------------------------------------------------------------- */

.widget_ecko_social_blog,
.widget_ecko_social_author {}

.widget_ecko_social_blog__socials,
.widget_ecko_social_author__socials {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
}

.widget_ecko_social_blog__anchor,
.widget_ecko_social_author__anchor {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: #707279;
	background: #e9ecf0;
	border-radius: 999px;
	transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
}

.widget_ecko_social_blog__anchor:focus,
	.widget_ecko_social_blog__anchor:hover,
	.widget_ecko_social_author__anchor:focus,
	.widget_ecko_social_author__anchor:hover {
		padding: 0;
		color: #fff;
		background: var(--color-local, #43464a);
	}

.widget_ecko_social_blog__anchor svg, .widget_ecko_social_author__anchor svg {
		width: 14px;
		height: 14px;
	}

.dark-theme .widget_ecko_social_blog__anchor, .dark-theme .widget_ecko_social_author__anchor {
		color: #e7e7f1;
		background: #36363a;
	}

.dark-theme .widget_ecko_social_blog__anchor:focus,
		.dark-theme .widget_ecko_social_blog__anchor:hover,
		.dark-theme .widget_ecko_social_author__anchor:focus,
		.dark-theme .widget_ecko_social_author__anchor:hover {
			color: #fff;
			background: var(--color-local, #48484d);
		}

/* ------------------------------------------------------------------
    Widgets: Ecko - Subscribe
------------------------------------------------------------------- */

.widget_ecko_subscribe {}

.widget_ecko_subscribe__description {
	margin-top: 0;
	margin-bottom: 25px;
}

.widget_ecko_subscribe__description:empty {
		display: none;
	}

.widget_ecko_subscribe__label {
	display: none;
}

.widget_ecko_subscribe__form {
	position: relative;
}

.widget_ecko_subscribe__email {
	position: relative;
}

.widget_ecko_subscribe__email-input {
	width: 100%;
	height: 64px;
	padding: 0 110px 0 30px;
	font-size: 14px;
	color: #5f6366;
	background: #fff;
	border: 0;
	border-radius: 999px;
}

.widget_ecko_subscribe__email-input::placeholder {
		color: #84888b;
	}

.widget_ecko_subscribe__email-icon {
	display: none;
}

.widget_ecko_subscribe__submit {
	position: absolute;
	top: 12px;
	right: 12px;
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 20px;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	background-color: #4a4c51;
	border: 0;
	border-radius: 999px;
	transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
}

.widget_ecko_subscribe__submit:focus,
	.widget_ecko_subscribe__submit:hover {
		background: #373c41;
	}

.widget_ecko_subscribe__submit-label {
	display: none;
}

.widget_ecko_subscribe__submit-icon svg {
		width: 16px;
		height: 16px;
	}

/* Widgets: WordPress */

/* ------------------------------------------------------------------
    Widgets: WordPress - Archive
------------------------------------------------------------------- */

.widget_archive {}

/* ------------------------------------------------------------------
    Widgets: WordPress - Audio
------------------------------------------------------------------- */

.widget_media_audio .mejs-container,
	.widget_media_audio .mejs-controls {
		border-radius: var(--layout-border-radius);
	}

/* ------------------------------------------------------------------
    Widgets: WordPress - Block
------------------------------------------------------------------- */

.widget_block > *:first-child {
		margin-top: 0;
	}

.widget_block > *:last-child {
		margin-bottom: 0;
	}

/* ------------------------------------------------------------------
    Widgets: WordPress - Calendar
------------------------------------------------------------------- */

.widget_calendar {}

/* ------------------------------------------------------------------
    Widgets: WordPress - Categories
------------------------------------------------------------------- */

.widget_categories {}

/* ------------------------------------------------------------------
    Widgets: WordPress - Custom HTML
------------------------------------------------------------------- */

.widget_custom_html .custom-html-widget > *:first-child {
			margin-top: 0;
		}

.widget_custom_html .custom-html-widget > *:last-child {
			margin-bottom: 0;
		}

/* ------------------------------------------------------------------
    Widgets: WordPress - Gallery
------------------------------------------------------------------- */

.widget_media_gallery .gallery {
		display: flex;
		flex-wrap: wrap;
		gap: 0;
	}

.widget_media_gallery .gallery .gallery-item {
			float: none !important;
			flex: 1 1 33% !important;
			flex-wrap: wrap;
			margin: 0 !important;
		}

.widget_media_gallery .gallery img {
			display: block;
			border: 0 !important;
		}

.widget_media_gallery .gallery a {
			display: block;
		}

.widget_media_gallery .gallery .gallery-caption {
			display: none;
		}

/* ------------------------------------------------------------------
    Widgets: WordPress - Image
------------------------------------------------------------------- */

.widget_media_image .image {
		display: block;
		border-radius: var(--layout-border-radius);
	}

/* ------------------------------------------------------------------
    Widgets: WordPress - Meta
------------------------------------------------------------------- */

.widget_meta {}

/* ------------------------------------------------------------------
    Widgets: WordPress - Navigation Menu
------------------------------------------------------------------- */

.widget_nav_menu .menu {
		gap: 15px;
	}

.widget_nav_menu .menu-item {
		padding: 0;
		list-style: none;
	}

.widget_nav_menu svg {
		display: none;
	}

.widget_nav_menu .menu-item-has-children > a {
		display: flex;
		gap: 8px;
		align-items: center;
		margin-bottom: 10px;
	}

.widget_nav_menu .menu-item-has-children > a svg {
			width: 16px;
			height: 16px;
			color: #a3a3a6;
		}

.widget_nav_menu .sub-menu {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

.widget_nav_menu .sub-menu li {
			display: flex;
			flex-direction: row;
			margin: 5px 0;
			font-size: 14px;
		}

.widget_nav_menu .sub-menu li::before {
				display: inline-block;
				margin-right: 10px;
				color: #d6d6db;
				content: "—";
			}

.dark-theme .widget_nav_menu .sub-menu li::before {
					color: #3e4349;
				}

/* ------------------------------------------------------------------
    Widgets: WordPress - Pages
------------------------------------------------------------------- */

.widget_pages {}

/* ------------------------------------------------------------------
    Widgets: WordPress - Recent Comments
------------------------------------------------------------------- */

.widget_recent_comments ul {
		display: flex;
		flex-direction: column;
		gap: 20px;
		padding: 0;
		margin: 0;
		list-style: none;
	}

.widget_recent_comments .comment-author-link a {
		display: inline !important;
	}

.widget_recent_comments .recentcomments {
		line-height: 1.5;
		color: #8a929a;
	}

.widget_recent_comments .recentcomments > a {
			display: block !important;
			color: #676d73;
			transition: color 0.2s ease-out;
		}

.widget_recent_comments .recentcomments > a:hover,
			.widget_recent_comments .recentcomments > a:focus {
				color: #424248;
			}

.widget_recent_comments .recentcomments:last-child {
			margin-bottom: 0;
		}

.dark-theme .widget_recent_comments .recentcomments {
			color: #9ca3aa;
		}

.dark-theme .widget_recent_comments .recentcomments > a {
				color: #b8c0c9;
			}

.dark-theme .widget_recent_comments .recentcomments > a:hover,
				.dark-theme .widget_recent_comments .recentcomments > a:focus {
					color: #fff;
				}

/* ------------------------------------------------------------------
    Widgets: WordPress - Recent Posts
------------------------------------------------------------------- */

.widget_recent_entries a {
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}

.widget_recent_entries .post-date {
		display: block;
		margin: auto 0;
		font-family: var(--font-header);
		font-size: 12px;
		font-weight: 500;
		color: #b0bcc7;
	}

.dark-theme .widget_recent_entries .post-date {
			color: #67717d;
		}

/* ------------------------------------------------------------------
    Widgets: WordPress - RSS
------------------------------------------------------------------- */

.widget_rss .rss-widget-icon {
		display: none;
	}

.widget_rss ul {
		display: flex;
		flex-direction: column;
		gap: 20px;
		padding: 0;
		margin: 0;
		list-style: none;
	}

.widget_rss li {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

.widget_rss li a {
			font-weight: 600;
			line-height: 1.5;
			color: #222529;
		}

.widget_rss li:last-child {
			margin: 0;
		}

.dark-theme .widget_rss li a {
				color: #dbdbe3;
			}

.widget_rss cite {
		font-size: 0.85rem;
		font-style: normal;
		color: #67717d;
	}

.widget_rss .rss-date {
		display: block;
		font-size: 0.85rem;
		color: #aaa;
	}

.widget_rss .rssSummary {
		font-size: 0.9rem;
	}

/* ------------------------------------------------------------------
    Widgets: WordPress - Search
------------------------------------------------------------------- */

.widget_search .searchform {
		position: relative;
	}

.widget_search .query {
		width: 100%;
		height: 64px;
		padding: 0 75px 0 30px;
		font-size: 14px;
		color: #5f6366;
		background: #fff;
		border: 0;
		border-radius: 999px;
	}

.widget_search .query::placeholder {
			color: #84888b;
		}

.widget_search .submit {
		position: absolute;
		top: 15px;
		right: 17px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 34px;
		height: 34px;
		color: #fff;
		cursor: pointer;
		background-color: #4a4c51;
		border: 0;
		border-radius: 999px;
		transition: color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, background-color 0.15s ease-out;
	}

.widget_search .submit:focus,
		.widget_search .submit:hover {
			background: #373c41;
		}

.widget_search .submit svg {
			width: 16px;
			height: 16px;
		}

/* ------------------------------------------------------------------
    Widgets: WordPress - Tag Cloud
------------------------------------------------------------------- */

.widget_tag_cloud .tagcloud {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

.widget_tag_cloud .tagcloud a {
			display: block;
			padding: 12px 18px;
			font-family: var(--font-header);
			font-size: 12px !important;
			font-weight: 600;
			color: #676d73;
			background: #fff;
			border-radius: var(--layout-border-radius);
		}

.widget_tag_cloud .tagcloud a:focus,
			.widget_tag_cloud .tagcloud a:hover {
				color: #e9e9ea;
				background: #424148;
			}

.dark-theme .widget_tag_cloud .tagcloud a {
				color: #fff;
				background: #36363a;
			}

.dark-theme .widget_tag_cloud .tagcloud a:focus,
				.dark-theme .widget_tag_cloud .tagcloud a:hover {
					background: #717a84;
				}

/* ------------------------------------------------------------------
    Widgets: WordPress - Text
------------------------------------------------------------------- */

.widget_text .textwidget {
		display: flex;
		flex-direction: column;
		gap: 20px;
		font-size: 16px;
	}

.widget_text .textwidget ul,
		.widget_text .textwidget ol {
			padding-left: 40px;
		}

.widget_text .textwidget > * {
			margin: 0;
		}

/* ------------------------------------------------------------------
    Widgets: WordPress - Video
------------------------------------------------------------------- */

.widget_media_video .wp-video-shortcode {
		border-radius: var(--layout-border-radius);
	}

.widget_media_video .mejs-container {
		border-radius: var(--layout-border-radius);
	}

.widget_media_video .mejs-controls {
		border-radius: 0 0 var(--layout-border-radius) var(--layout-border-radius);
	}

/* ------------------------------------------------------------------
    Vendors: Mixins
------------------------------------------------------------------- */

#wp-calendar {
	width: calc(100% + 16px);
	margin: 0 -8px;
	font-family: var(--font-header);
	font-weight: 600;
	border-spacing: 8px;
	border-collapse: separate;
}

#wp-calendar caption {
		display: none;
	}

#wp-calendar thead {
		font-size: 13px;
		font-weight: 600;
		color: #626262;
	}

#wp-calendar thead th {
		padding-bottom: 20px;
		font-weight: 600;
		text-align: center;
	}

#wp-calendar tbody {
		color: #aaa;
	}

#wp-calendar tbody tr {
		margin-bottom: 10px;
	}

#wp-calendar tbody td {
		padding: 16px 8px;
		margin-bottom: 10px;
		font-size: 12px;
		font-weight: 600;
		color: #939393;
		text-align: center;
		cursor: default;
		background: #fdfdfd;
		border-radius: var(--layout-border-radius);
		transition: color 0.15s ease-in-out, background 0.15s ease-in-out;
	}

#wp-calendar tbody td#today {
		color: #fff;
		background: #4a4c51;
	}

#wp-calendar tbody td#today a {
			color: #fff;
		}

#wp-calendar tbody td:hover {
		color: #2d2d2f;
	}

#wp-calendar tbody .pad {
		background: none;
	}

#wp-calendar tbody .pad:focus,
		#wp-calendar tbody .pad:hover {
			background: none;
		}

#wp-calendar tbody td a {
		font-size: 13px;
		font-weight: 600;
		color: #312c2c;
		border-radius: var(--layout-border-radius);
	}

#wp-calendar tfoot {
		margin-top: 8px;
		border-spacing: 0;
	}

#wp-calendar tfoot a {
		font-size: 14px;
		font-weight: 600;
		color: #909090;
	}

#wp-calendar a:hover {
		color: #7e7e7e;
	}

#wp-calendar tfoot #next {
		text-align: right;
		text-transform: uppercase;
	}

#wp-calendar tfoot #prev {
		padding-top: 10px;
		text-transform: uppercase;
	}

.wp-calendar-nav {
	margin-top: 10px;
	font-family: var(--font-header);
	font-weight: 500;
}

.wp-calendar-nav a {
		color: #676d73;
	}