/*!

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

*/
@charset "UTF-8";

/*------------------------------------------------------------------

    -> Vars
    -> Normalize
    -> Fonts
    -> SVG
    -> Global
    -> Header
    -> Navigation
    -> Cover
    -> Subscription
    -> Footer
    -> Author Profile
    -> Post List
    -> Pagination
    -> Error
    -> Post
    -> Gutenberg Default
    -> Post Contents
    -> Gutenberg Custom
    -> Comments
    -> Drawer
    -> Widgets
    -> Wordpress

-------------------------------------------------------------------*/
/* ------------------------------------------------------------------
    Utils: Vars
------------------------------------------------------------------- */
/* Colors - Accent */
/* SOCIAL */
/* FONTS */
/* ------------------------------------------------------------------
    Utils: Mixins
------------------------------------------------------------------- */
/* ------------------------------------------------------------------
    Utils: Animations
------------------------------------------------------------------- */
@keyframes fade-in-up {
        from {
                opacity: 0;
                transform: translate3d(0, 15%, 0);
        }

        to {
                opacity: 1;
                transform: none;
        }
}

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

        100% {
                opacity: 1;
        }
}

/* ------------------------------------------------------------------
    Base: Root
------------------------------------------------------------------- */
:root {
        --color-accent-base: #ea0202;
        --color-accent-light: #f8d5bf;
        --color-accent-dark: #bd4f05;
        --font-body: Lora, Times New Roman, serif;
        --font-header: Inter, Arial, sans-serif;
        --font-header-alt: Montserrat, Arial, sans-serif;
        --font-code: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

/* ------------------------------------------------------------------
    Base: Fonts
------------------------------------------------------------------- */
/* Cyrillic */
@font-face {
        font-family: "Lora";
        font-style: normal;
        font-weight: 400 700;
        src: url("./assets/font/lora-variable-extended.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: "Lora";
        font-style: normal;
        font-weight: 400 700;
        src: url("./assets/font/lora-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: "Lora";
        font-style: normal;
        font-weight: 400 700;
        src: url("./assets/font/lora-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;
}

/* Cyrillic */
@font-face {
        font-family: "Inter";
        font-style: normal;
        font-weight: 100 900;
        src: url("./assets/font/inter-variable-extended.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: "Inter";
        font-style: normal;
        font-weight: 100 900;
        src: url("./assets/font/inter-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: "Inter";
        font-style: normal;
        font-weight: 100 900;
        src: url("./assets/font/inter-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;
}

/* Cyrillic */
@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+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;
}


@font-face {
        font-family: 'Editorial Old Ultralight';
        /*font-style: italic;*/
        font-weight: 400;
        src: url("./assets/font/PPEditorialOld-Regular.woff2") format('woff2');
}



@font-face {
        font-family: 'Editorial Old Ultralight';
        font-style: normal;
        font-weight: 200;
        src: url(./assets/font/PPEditorialOld-Ultralight.woff2) format('woff2');
}

@font-face {
        font-family: 'Editorial Old Ultralight';
        font-style: italic;
        font-weight: 200;
        src: url(./assets/font/PPEditorialOld-UltralightItalic.woff2) format('woff2');
}

@font-face {
        font-family: 'Suisse Intl';
        font-style: normal;
        font-weight: 400;
        src: url(./assets/font/SuisseIntl-Regular.woff2) format('woff2');
}

@font-face {
        font-family: 'Suisse Intl Mono';
        font-style: normal;
        font-weight: 400;
        src: url(./assets/font/SuisseIntlMono-Regular-WebXL.woff2) format('woff2');
}

@font-face {
        font-family: 'Suisse Intl';
        font-style: normal;
        font-weight: bold;
        src: url(./assets/font/SuisseIntl-Bold-WebM.a207384b.woff) format('woff2');
}




/* ------------------------------------------------------------------
    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] {
        -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;
}

/* ------------------------------------------------------------------
    Base: Global
------------------------------------------------------------------- */
* {
        box-sizing: border-box;
        transition: width 0.2s ease-out, height 0.2s ease-out, padding 0.2s ease-out, border-color 0.2s ease-out, filter 0.2s ease-out, transform 0.2s ease-out, opacity 0.2s ease-out, background 0.2s ease-out, background-color 0.2s ease-out;

        --tw-border-spacing-x 0: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position: ;
        --tw-gradient-via-position: ;
        --tw-gradient-to-position: ;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgba(59, 130, 246, .5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur: ;
        --tw-brightness: ;
        --tw-contrast: ;
        --tw-grayscale: ;
        --tw-hue-rotate: ;
        --tw-invert: ;
        --tw-saturate: ;
        --tw-sepia: ;
        --tw-drop-shadow: ;
        --tw-backdrop-blur: ;
        --tw-backdrop-brightness: ;
        --tw-backdrop-contrast: ;
        --tw-backdrop-grayscale: ;
        --tw-backdrop-hue-rotate: ;
        --tw-backdrop-invert: ;
        --tw-backdrop-opacity: ;
        --tw-backdrop-saturate: ;
        --tw-backdrop-sepia: ;
        --tw-contain-size: ;
        --tw-contain-layout: ;
        --tw-contain-paint: ;
        --tw-contain-style: ;
}

html {
        font-family: var(--font-body);
        font-family: 'Suisse Intl';

        font-size: 17px;
        font-weight: 300;
        line-height: 1.625;
        color: #4a4a4f;
        background: #000;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        scroll-behavior: smooth;
}

@media (max-width: 775px) {
        html {
                font-size: 16px;
        }
}

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

body.home.paged .page-wrapper,
body.admin-bar .header,
body.admin-bar .drawer {
        padding-top: 80px;
}

body.drawer-is-open {
        position: fixed;
        width: 100%;
        overflow-y: scroll;
}

a {
        color: #58585e;
        text-decoration: none;
}

*:focus {
        border-radius: 4px;
        outline: #808080 dotted 2px;
        outline-offset: 5px;
}

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

/* BLOCK */
h1,
h2,
h3,
h4,
h5,
h6 {
        font-family: var(--font-header);
        font-family: 'Editorial Old Ultralight';

        font-weight: 200;
        line-height: 1.45;
}

h1 {
        font-size: 46px;
}

@media (max-width: 980px) {
        h1 {
                font-size: 42px;
        }
}

@media (max-width: 775px) {
        h1 {
                font-size: 38px;
        }
}

@media (max-width: 510px) {
        h1 {
                font-size: 30px;
        }
}

@media (max-width: 375px) {
        h1 {
                font-size: 28px;
        }
}

h2 {
        font-size: 32px;
}

@media (max-width: 775px) {
        h2 {
                font-size: 28px;
        }
}

@media (max-width: 460px) {
        h2 {
                font-size: 26px;
        }
}

@media (max-width: 375px) {
        h2 {
                font-size: 24px;
        }
}

h3 {
        font-size: 26px;
}

@media (max-width: 775px) {
        h3 {
                font-size: 24px;
        }
}

h4 {
        font-size: 24px;
}

@media (max-width: 775px) {
        h4 {
                font-size: 20px;
        }
}

h5 {
        font-size: 22px;
}

@media (max-width: 775px) {
        h5 {
                font-size: 20px;
        }
}

h6 {
        font-size: 20px;
}

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

::-webkit-input-placeholder {
        opacity: 1;
}

::-moz-placeholder {
        opacity: 1;
}

::-moz-selection {
        background: rgba(206, 206, 208, 0.65);
}

::selection {
        background: rgba(206, 206, 208, 0.65);
}

::-moz-selection {
        background: rgba(206, 206, 208, 0.65);
}

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

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

/* ------------------------------------------------------------------
    Components: SVG
------------------------------------------------------------------- */
.svg {
        display: block;
        width: 24px;
        height: 24px;
}

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

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

/* ------------------------------------------------------------------
    Components: Header
------------------------------------------------------------------- */
.header {
        position: fixed;
        top: 24px;
        left: 50%;
        transform: translate(-50%, 0px);
        z-index: 300;
        display: flex;
        min-width: max-content;

        gap: 0px;
        align-items: center;
        justify-content: space-between;
        /* width: 100%; */
        /* padding: 60px; */
        clear: both;
        /*border-bottom: 1px dashed;*/
        transition-property: transform;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        transition-duration: .15s;
        --tw-backdrop-blur: blur(80px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        background-color: rgba(0, 0, 0, .85)
                /*rgba(53, 53, 53, .8)*/
        ;
        border-bottom-right-radius: 1.5rem;
        border-bottom-left-radius: 1.5rem;
        border-top-right-radius: 1.5rem;
        border-top-left-radius: 1.5rem;


}

@media (max-width: 775px) {
        .header {
                /*padding: 40px 5%;*/
        }
}

.header-logo {
        /*width: auto;*/
        /*max-width: 30%;*/
        /*position: fixed;*/
        /*border-bottom: 1px solid black;*/

}

.header-logo-anchor,
.header-logo-container,
.header-logo-container-image {
        display: block;
}

.header-logo-container {
        max-height: 44px;
        opacity: 0.75;
        transition: filter 0.2s ease-out, opacity 0.2s ease-out;
}

.header-logo-container:hover,
.header-logo-container:focus {
        filter: grayscale(0%);
        opacity: 1;
}

.header-logo-container-image {
        max-height: 34px;
}

.header-title {
        padding: 0;
        margin: 0;
        font-family: var(--font-header-alt);

        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        color: #adadb3;
}

.header-title a {
        color: #adadb3;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

.header-title a:hover,
.header-title a:focus {
        color: var(--color-accent-base);
}

.header-options {
        display: flex;
        flex-wrap: wrap-reverse;
        gap: 0px;
        align-items: center;
        justify-content: flex-end;
        min-width: fit-content;

}

body.drawer-is-open .header-no-cover .header-search,
body.drawer-is-open .header-no-cover .header-drawer {
        color: #fff;
        border: 2px solid white;
}

body.drawer-is-open .header-no-cover .header-search .svg,
body.drawer-is-open .header-no-cover .header-drawer .svg {
        color: #fff;
        /*color: #ea0202;*/

}

body.drawer-is-open .header-no-cover .header-search.header-search__active .svg,
body.drawer-is-open .header-no-cover .header-drawer.header-search__active .svg {
        color: #b7b5b0;
}

body.drawer-is-open .header-no-cover .header-search span,
body.drawer-is-open .header-no-cover .header-search span::before,
body.drawer-is-open .header-no-cover .header-search span::after,
body.drawer-is-open .header-no-cover .header-drawer span,
body.drawer-is-open .header-no-cover .header-drawer span::before,
body.drawer-is-open .header-no-cover .header-drawer span::after {
        background-color: #fff;
}

.header-buttons {
        display: flex;
        gap: 5px;
        align-items: center;
}

.header-search {
        position: relative;
        z-index: 200;
        width: 44px;
        height: 44px;
        padding: 0;
        text-align: center;
        cursor: pointer;
        background: transparent;
        border: transparent;
        border-radius: 70px;
}

.header-search .svg {
        position: absolute;
        top: 15px;
        right: 15px;
        display: inline-block;
        width: 15px;
        height: 15px;
        /*color: #ea0202;*/
        color: white;
        stroke-width: 3;
}

.header-search.header-search__active {
        width: 240px;
        cursor: default;
        background: #fff;
        border-color: #fff;
}

.header-search.header-search__active .header-search-form {
        display: block;
}

.header-search.header-search__active .svg {
        color: #b7b5b0;
}

.header-search.header-search__active:hover,
.header-search.header-search__active:focus {
        border-color: white;
}

.header-search .header-search-form {
        display: none;
        padding: 0;
        margin: 0;
        padding-left: 15px;

}

.header-search .header-search-input {
        width: 100%;
        height: 44px;
        padding: 0 60px 0 20px;
        margin-top: 0px;
        font-family: var(--font-header-alt);
        font-size: 12px;
        font-weight: 500;
        border: 0;
        border-radius: 70px;
        -webkit-box-shadow: 0 0 0 200px #fff inset;
}

.header-search .header-search-input:focus {
        outline: none;
}

.header-search:hover,
.header-search:focus {
        border: transparent;
}

@media (max-width: 420px) {
        .header-search {
                display: none;
        }
}

.header-nav {
        position: relative;
        float: right;
        padding: 0;
        margin: 0;
        font-family: var(--font-header-alt);
        font-family: 'Suisse Intl Mono';
        /*font-family: 'Suisse Intl';*/

}

.header-nav__hidden {
        display: none;
}

.header-nav li {
        position: relative;
        display: block;
        float: left;
}

.header-nav li:focus-within ul {
        visibility: visible;
        opacity: 1;
        transform: translate3d(0, 0, 0);
}

.header-nav li a:hover {
        color: #fff;
}

.header-nav li a:hover+ul {
        visibility: visible;
        opacity: 1;
        transform: translate3d(0, 0, 0);
}

.header-nav a,
.header-nav span {
        display: inline-block;
        padding: 3px 0px 3px 20px;
        font-size: 14px;
        font-weight: 600;
        color: #ffffff;
        cursor: pointer;
        transition: color 0.15s ease-in;
        text-transform: uppercase;
}

.header-nav a:hover,
.header-nav span:hover {
        color: #252528;
}

.header-nav .svg {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-left: 10px;
        vertical-align: -3px;
}

.header-nav>li::before {
        /*  font-size: 10px;
  font-weight: 600;
  color: #7d7d84;
  vertical-align: 1px;
  content: "/";*/
}

.header-nav li:first-child::before {
        content: "";
}

.header-nav>li a:focus ul,
.header-nav>li a:hover ul {
        display: block;
}

.header-nav li ul {
        position: absolute;
        top: 50px;
        right: 0;
        width: 225px;
        padding: 15px;
        visibility: hidden;
        background: #fff;
        border-radius: 3px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.04);
        opacity: 0;
        transition: opacity 0.35s ease-out, transform 0.35s ease-out;
        transform: translate3d(0, 5%, 0);
}

.header-nav li ul:focus,
.header-nav li ul:hover {
        visibility: visible;
        opacity: 1;
        transform: translate3d(0, 0, 0);
}

.header-nav li ul::after {
        position: absolute;
        top: -9px;
        right: 7px;
        width: 0;
        height: 0;
        content: "";
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
}

.header-nav li ul::before {
        position: absolute;
        inset: 0;
        top: -25px;
        left: 0;
        width: 100%;
        height: 25px;
        content: "";
}

.header-nav li ul li {
        display: block;
        float: none;
        text-align: right;
        transition: padding 0.125s ease-in;
}

.header-nav li ul li a {
        display: block;
        padding: 5px 10px;
        font-size: 13px;
        font-weight: 500;
        color: #46484d;
}

.header-nav li ul li a:hover {
        color: #000;
}

.header-nav li ul li:hover {
        padding-right: 5px;
}

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

@media (max-width: 920px) {
        .header-nav {
                display: none;
        }
}

.header-drawer {
        position: relative;
        z-index: 200;
        width: 44px;
        height: 44px;
        padding: 0;
        margin: 0;
        text-align: center;
        cursor: pointer;
        background: none;
        border: transparent;
        border-radius: 70px;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

.header-drawer span {
        position: relative;
        margin: 3px auto;
        transition-delay: 0.2s;
        transition-duration: 0s;
        transition-property: background-color;
}

.header-drawer span::before,
.header-drawer span::after {
        position: absolute;
        content: "";
}

.header-drawer span,
.header-drawer span::before,
.header-drawer span::after {
        display: block;
        width: 15px;
        height: 2px;
        background-color: #ea0202;
        background-color: white;

        color: white;
        border-radius: 4px;
}

.header-drawer span::before {
        margin-top: -5px;
        transition-delay: 0.2s, 0s;
        transition-duration: 0.2s;
        transition-property: margin, transform;
}

.header-drawer span::after {
        margin-top: 5px;
        transition-delay: 0.2s, 0s;
        transition-duration: 0.2s;
        transition-property: margin, transform;
}

.header-drawer__open span {
        background-color: rgba(0, 0, 0, 0) !important;
        transition-delay: 0s;
}

.header-drawer__open span::before {
        margin-top: 0;
        transition-delay: 0s, 0.2s;
        transform: rotate(45deg);
}

.header-drawer__open span::after {
        margin-top: 0;
        transition-delay: 0s, 0.2s;
        transform: rotate(-45deg);
}

.header-drawer__open,
.header-drawer:hover,
.header-drawer:focus {
        border: transparent;
}

header.header-no-cover .header-nav li:hover>a {
        /*color: #0f0f0f;*/
}

header.header-no-cover .header-nav a,
header.header-no-cover .header-nav span {
        /*color: #58585f;*/
}

header.header-no-cover .header-nav a:hover,
header.header-no-cover .header-nav span:hover {
        /*color: #252528;*/
}

header.header-no-cover .header-nav i {
        color: #9c9c9c;
}

header.header-no-cover .header-nav>li::before {
        color: #d2d2d6;
}

header.header-no-cover .header-search,
header.header-no-cover .header-drawer {
        color: #a4a4a9;
        background: transparent;
        border: transparent;
        padding-right: 8px;
}

header.header-no-cover .header-search .svg,
header.header-no-cover .header-drawer .svg {
        color: white;
        /*color: #ea0202;*/

}

header.header-no-cover .header-search span,
header.header-no-cover .header-search span::before,
header.header-no-cover .header-search span::after,
header.header-no-cover .header-drawer span,
header.header-no-cover .header-drawer span::before,
header.header-no-cover .header-drawer span::after {
        /*background-color: #a4a4a9;*/
}

header.header-no-cover .header-search.header-search__active,
header.header-no-cover .header-search.header-search__active:hover,
header.header-no-cover .header-drawer.header-search__active,
header.header-no-cover .header-drawer.header-search__active:hover {
        border-color: transparent;
}

header.header-no-cover .header-search:hover,
header.header-no-cover .header-drawer:hover {
        border-color: transparent;
}

body.blog.paged header.header-no-cover .header-search.header-search__active,
body.blog.paged header.header-no-cover .header-search.header-search__active:hover,
body.blog.paged header.header-no-cover .header-drawer.header-search__active,
body.blog.paged header.header-no-cover .header-drawer.header-search__active:hover {
        /*border-color: rgba(205, 205, 205, 0.45);*/
}

body.drawer-is-open .header-nav {
        visibility: none;
        opacity: 0;
}

body.home-template .header-logo {
        display: none;
}

/* ------------------------------------------------------------------
    Components: Page Content
------------------------------------------------------------------- */
.page-content {
        position: relative;
        overflow: hidden;
        transition: none;
}

/* ------------------------------------------------------------------
    Components: Cover
------------------------------------------------------------------- */
.cover {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: flex-start;
        align-items: flex-end;
        justify-content: center;
        /*height: 65vh;*/
        min-height: 615px;
        min-height: 500px;
        background: #f9f9fb;
}

@media (max-width: 1024px) {
        .cover {
                min-height: 515px;
                max-height: 715px;
        }
}

.cover-contents {
        position: relative;
        z-index: 200;
        width: 90%;
        max-width: 665px;
        margin-bottom: 110px;
}

.cover-contents>*:first-child {
        margin-top: 0;
}

.cover-contents>*:last-child {
        margin-bottom: 0;
}

.cover-background {
        position: absolute;
        z-index: 150;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: #404040;
        opacity: 1;
        animation: fade-in 3s;
        will-change: opacity;
}

.cover-background-image {
        width: 100%;
        height: 100%;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        mix-blend-mode: overlay;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
}

/* Cover - Index/Page */
.cover.cover-index,
.cover.cover-page {
        min-height: 665px;
}

.cover.cover-index .cover-index-logo,
.cover.cover-page .cover-index-logo {
        margin-bottom: 50px;
}

.cover.cover-index .cover-index-logo-anchor,
.cover.cover-page .cover-index-logo-anchor {
        display: inline-block;
}

.cover.cover-index .cover-index-logo-container,
.cover.cover-index .cover-index-logo-container-image,
.cover.cover-page .cover-index-logo-container,
.cover.cover-page .cover-index-logo-container-image {
        display: block;
}

.cover.cover-index .cover-index-description,
.cover.cover-page .cover-index-description {
        max-width: 580px;
        font-family: var(--font-header-alt);
        font-size: 25px;
        font-weight: 500;
        line-height: 43px;
        color: #252528;
}

.cover.cover-index .cover-title,
.cover.cover-page .cover-title {
        padding: 0;
        margin: 0 0 40px;
        font-family: var(--font-header);
        font-size: 34px;
        font-weight: 700;
        line-height: 42px;
        color: var(--color-accent-base);
}

.cover.cover-index.cover-index-paged,
.cover.cover-page.cover-index-paged {
        display: none;
}

.cover.cover-index.cover-index-background,
.cover.cover-page.cover-index-background {
        background: #171717;
}

.cover.cover-index.cover-index-background .cover-title,
.cover.cover-index.cover-index-background .cover-title a,
.cover.cover-page.cover-index-background .cover-title,
.cover.cover-page.cover-index-background .cover-title a {
        color: #fff;
}

.cover.cover-index.cover-index-background .cover-index-description,
.cover.cover-page.cover-index-background .cover-index-description {
        color: #ddd;
}

.cover.cover-index.cover-page-background,
.cover.cover-page.cover-page-background {
        background: #171717;
}

.cover.cover-index.cover-page-background .post-title,
.cover.cover-page.cover-page-background .post-title {
        color: #fff;
}

@media (max-width: 840px) {

        .cover.cover-index,
        .cover.cover-page {
                min-height: 520px;
        }
}

@media (max-width: 775px) {

        .cover.cover-index .cover-contents,
        .cover.cover-page .cover-contents {
                margin-bottom: 40px;
                text-align: center;
        }

        .cover.cover-index .cover-index-description,
        .cover.cover-page .cover-index-description {
                max-width: 90%;
                margin: 0 auto;
                font-size: 22px;
                line-height: 38px;
        }
}

@media (max-width: 560px) {

        .cover.cover-index,
        .cover.cover-page {
                align-items: center;
        }

        .cover.cover-index .cover-contents,
        .cover.cover-page .cover-contents {
                margin-top: 100px;
        }

        .cover.cover-index .cover-index-logo,
        .cover.cover-page .cover-index-logo {
                margin-bottom: 30px;
        }

        .cover.cover-index .cover-index-description,
        .cover.cover-page .cover-index-description {
                font-size: 18px;
                line-height: 34px;
        }
}

@media (max-width: 420px) {

        .cover.cover-index .cover-contents,
        .cover.cover-page .cover-contents {
                margin-bottom: 50px;
        }

        .cover.cover-index .cover-index-description,
        .cover.cover-page .cover-index-description {
                font-size: 16px;
                line-height: 30px;
        }
}

/* Cover - Page */
.cover.cover-page hr {
        width: 90px;
        height: 2px;
        margin: 30px 0 37px;
        background: var(--color-accent-base);
        border: 0;
}

@media (max-width: 775px) {
        .cover.cover-page hr {
                margin: 25px auto 32px;
        }
}

@media (max-width: 560px) {
        .cover.cover-page hr {
                margin: 20px auto 27px;
        }
}

.cover.cover-page .post-title {
        margin: 0;
        color: #141415;
}

.cover.cover-page .post-subtitle {
        max-width: 625px;
        margin: 37px 0 0;
        font-family: var(--font-header-alt);
        font-size: 18px;
        font-weight: 600;
        line-height: 32px;
        color: #858592;
}

@media (max-width: 775px) {
        .cover.cover-page .post-subtitle {
                margin: 32px auto 0;
                font-size: 17px;
                line-height: 30px;
        }
}

@media (max-width: 460px) {
        .cover.cover-page .post-subtitle {
                margin: 28px auto 0;
                font-size: 15px;
                line-height: 28px;
        }
}

@media (max-width: 375px) {
        .cover.cover-page .post-subtitle {
                font-size: 14px;
                line-height: 26px;
        }
}

.cover.cover-page-background .post-subtitle {
        color: #cacad6;
}

.cover.cover-page-background hr {
        background: rgba(255, 255, 255, 0.2);
}

/* Cover - Tag */
.cover.cover-tag .cover-contents,
.cover.cover-category .cover-contents {
        text-align: center;
}

.cover.cover-tag .cover-tag-title,
.cover.cover-tag .cover-category-title,
.cover.cover-category .cover-tag-title,
.cover.cover-category .cover-category-title {
        margin: 0 0 27px;
        font-family: var(--font-header);
        font-size: 48px;
        font-weight: 700;
        color: #252528;
}

.cover.cover-tag .cover-tag-description,
.cover.cover-tag .cover-category-description,
.cover.cover-category .cover-tag-description,
.cover.cover-category .cover-category-description {
        margin: 0 0 34px;
        font-size: 17px;
        line-height: 34px;
        color: #58585e;
}

.cover.cover-tag .cover-tag-count,
.cover.cover-tag .cover-category-count,
.cover.cover-category .cover-tag-count,
.cover.cover-category .cover-category-count {
        font-family: var(--font-header-alt);
        font-size: 13px;
        font-weight: 700;
        line-height: normal;
        color: #90929c;
        text-transform: uppercase;
}

.cover.cover-tag.cover-tag-background,
.cover.cover-tag.cover-category-background,
.cover.cover-category.cover-tag-background,
.cover.cover-category.cover-category-background {
        background: #171717;
}

.cover.cover-tag.cover-tag-background p,
.cover.cover-tag.cover-category-background p,
.cover.cover-category.cover-tag-background p,
.cover.cover-category.cover-category-background p {
        color: #ddd;
}

.cover.cover-tag.cover-tag-background .cover-tag-title,
.cover.cover-tag.cover-tag-background .cover-category-title,
.cover.cover-tag.cover-category-background .cover-tag-title,
.cover.cover-tag.cover-category-background .cover-category-title,
.cover.cover-category.cover-tag-background .cover-tag-title,
.cover.cover-category.cover-tag-background .cover-category-title,
.cover.cover-category.cover-category-background .cover-tag-title,
.cover.cover-category.cover-category-background .cover-category-title {
        color: #fff;
}

@media (max-width: 775px) {

        .cover.cover-tag .cover-contents,
        .cover.cover-category .cover-contents {
                margin-bottom: 90px;
        }

        .cover.cover-tag .cover-tag-title,
        .cover.cover-tag .cover-category-title,
        .cover.cover-category .cover-tag-title,
        .cover.cover-category .cover-category-title {
                font-size: 35px;
        }

        .cover.cover-tag .cover-tag-description,
        .cover.cover-tag .cover-category-description,
        .cover.cover-category .cover-tag-description,
        .cover.cover-category .cover-category-description {
                margin-bottom: 30px;
                font-size: 15px;
                line-height: 32px;
        }
}

@media (max-width: 560px) {

        .cover.cover-tag .cover-contents,
        .cover.cover-category .cover-contents {
                margin-bottom: 70px;
        }

        .cover.cover-tag .cover-tag-title,
        .cover.cover-tag .cover-category-title,
        .cover.cover-category .cover-tag-title,
        .cover.cover-category .cover-category-title {
                margin: 0 0 25px;
                font-size: 33px;
        }
}

@media (max-width: 420px) {

        .cover.cover-tag .cover-contents,
        .cover.cover-category .cover-contents {
                margin-bottom: 50px;
        }

        .cover.cover-tag .cover-tag-title,
        .cover.cover-tag .cover-category-title,
        .cover.cover-category .cover-tag-title,
        .cover.cover-category .cover-category-title {
                margin: 0 0 25px;
                font-size: 31px;
        }

        .cover.cover-tag .cover-tag-description,
        .cover.cover-tag .cover-category-description,
        .cover.cover-category .cover-tag-description,
        .cover.cover-category .cover-category-description {
                margin-bottom: 25px;
                font-size: 14px;
                line-height: 30px;
        }
}

/* Cover - Author */
.cover.cover-author .cover-contents {
        margin-bottom: 90px;
        text-align: center;
}

.cover.cover-author.cover-author-background {
        background: #171717;
}

.cover.cover-author.cover-author-background .author-profile-name {
        color: #fff;
}

.cover.cover-author.cover-author-background .author-profile-bio {
        color: #ddd;
}

.cover.cover-author.cover-author-background .author-meta a {
        color: #bfbfbf;
}

.cover.cover-author.cover-author-background .author-meta a:hover {
        color: #fff;
}

@media (max-width: 775px) {
        .cover.cover-author .cover-contents {
                margin-bottom: 90px;
        }
}

@media (max-width: 500px) {
        .cover.cover-author {
                height: 100vh;
                min-height: 520px;
                max-height: 715px;
        }
}

@media (max-width: 560px) {
        .cover.cover-author .cover-contents {
                margin-bottom: 70px;
        }
}

@media (max-width: 420px) {
        .cover.cover-author .cover-contents {
                margin-bottom: 50px;
        }
}

/* Cover - Post */
.cover.cover-post {
        /*height: 70vh;*/
        text-align: center;
}

.cover.cover-post .cover-contents {
        width: 90%;
        max-width: 905px;
        margin-bottom: 80px;
}

.cover.cover-post .cover-contents>*:last-child {
        margin-bottom: 0;
}

.cover.cover-post .post-tags {
        justify-content: center;
        margin-bottom: 40px;
}

@media (max-width: 775px) {
        .cover.cover-post .post-tags {
                margin-bottom: 35px;
        }
}

@media (max-width: 560px) {
        .cover.cover-post .post-tags {
                margin-bottom: 30px;
        }
}

@media (max-width: 420px) {
        .cover.cover-post .post-tags {
                margin-bottom: 25px;
        }
}

.cover.cover-post .post-tags a {
        display: inline-block;
        padding: 12px 24px;
        margin: 0;
        font-family: var(--font-header-alt);
        font-size: 11px;
        font-weight: 700;
        line-height: normal;
        color: var(--color-accent-base);
        text-transform: uppercase;
        border: 1px solid #e2e2e2;
        border-radius: 4px;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

.cover.cover-post .post-tags a:last-child {
        margin-right: 0;
}

.cover.cover-post .post-tags a:hover,
.cover.cover-post .post-tags a:focus {
        background: transparent;
        border-color: var(--color-accent-light);
}

.cover.cover-post .post-title {
        margin: 0;
        color: #141415;
}

.cover.cover-post hr {
        width: 90px;
        height: 2px;
        margin: 30px auto 37px;
        background: var(--color-accent-base);
        border: 0;
}

@media (max-width: 775px) {
        .cover.cover-post hr {
                margin: 25px auto 32px;
        }
}

@media (max-width: 560px) {
        .cover.cover-post hr {
                margin: 20px auto 27px;
        }
}

.cover.cover-post .post-subtitle {
        max-width: 625px;
        margin: 37px auto 0;
        font-family: var(--font-header-alt);
        font-size: 18px;
        font-weight: 500;
        line-height: 32px;
        color: #71717b;
}

@media (max-width: 775px) {
        .cover.cover-post .post-subtitle {
                margin: 32px auto 0;
                font-size: 17px;
                line-height: 30px;
        }
}

@media (max-width: 460px) {
        .cover.cover-post .post-subtitle {
                margin: 28px auto 0;
                font-size: 15px;
                line-height: 28px;
        }
}

@media (max-width: 375px) {
        .cover.cover-post .post-subtitle {
                font-size: 14px;
                line-height: 26px;
        }
}

.cover.cover-post .post-scroll-arrow {
        display: none;
        width: 23px;
        height: 23px;
        margin: 35px auto 0;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        border-radius: 4px;
        opacity: 0.1;
        transform: rotate(-135deg);
}

@media (max-width: 840px) {
        .cover.cover-post {
                min-height: 580px;
        }
}

@media (max-width: 775px) {
        .cover.cover-post .cover-contents {
                margin-bottom: 70px;
        }
}

@media (max-width: 560px) {
        .cover.cover-post .cover-contents {
                margin-bottom: 50px;
        }
}

@media (max-width: 500px) {
        .cover.cover-post {
                min-height: 580px;
        }
}

@media (max-width: 420px) {
        .cover.cover-post .cover-contents {
                margin-bottom: 50px;
        }
}

.cover.cover-post-background {
        height: calc(100vh - 102px);
        overflow: hidden;
        background: #171717;
}

.cover.cover-post-background .cover-contents {
        margin-bottom: 85px;
}

.cover.cover-post-background .cover-background {
        overflow: hidden;
        background-color: #404040;
        background-blend-mode: overlay;
        opacity: 1;
        animation: fade-in 3s;
}

.cover.cover-post-background .post-tags a {
        background-color: #000;
        border: 0;
}

.cover.cover-post-background .post-title {
        color: #fff;
}

.cover.cover-post-background .post-subtitle {
        color: #cacad6;
}

.cover.cover-post-background hr {
        background: rgba(255, 255, 255, 0.2);
}

.cover.cover-post-background .post-scroll-arrow {
        display: block;
}

@media (max-width: 775px) {
        .cover.cover-post-background .post-scroll-arrow {
                display: none;
        }
}

@media (max-height: 775px) {
        .cover.cover-post-background .post-scroll-arrow {
                display: none;
        }
}

@media (max-width: 775px) {
        .cover.cover-post-background .cover-contents {
                margin-bottom: 90px;
        }
}

@media (max-width: 560px) {
        .cover.cover-post-background .cover-contents {
                margin-bottom: 70px;
        }
}

@media (max-width: 420px) {
        .cover.cover-post-background .cover-contents {
                margin-bottom: 50px;
        }
}

body.admin-bar .cover.cover-post-background {
        height: calc(100vh - 134px);
}

/* Cover - Error */
.cover.cover-index.cover-error {
        display: flex;
        height: 45vh;
        min-height: 420px;
}

.cover.cover-index.cover-error .cover-contents {
        margin-bottom: 40px;
}

.cover.cover-index.cover-error .cover-index-description {
        display: none;
}

/* Cover - Search */
.cover.cover-search .cover-search-count {
        font-family: var(--font-header-alt);
        font-size: 13px;
        font-weight: 700;
        color: #90929c;
        text-align: center;
        text-transform: uppercase;
}

.cover.cover-search .cover-search-form {
        position: relative;
        margin: 0 0 60px 0;
}

.cover.cover-search .cover-search-form .cover-search-input {
        width: 100%;
        padding: 25px 0 25px 70px;
        font-family: var(--font-header);
        font-size: 36px;
        font-weight: 600;
        background: transparent;
        border: 0;
        border-bottom: 2px solid #ebebeb;
}

.cover.cover-search .cover-search-form .cover-search-input:focus {
        outline: none;
}

.cover.cover-search .cover-search-form .cover-search-submit {
        position: absolute;
        top: 40px;
        color: #d8d8d8;
}

.cover.cover-search .cover-search-form .cover-search-submit .svg {
        width: 29px;
        height: 29px;
}

.cover.cover-search.cover-search-background {
        background: #171717;
}

.cover.cover-search.cover-search-background .cover-search-form .cover-search-input {
        color: #fff;
}

@media (max-width: 775px) {
        .cover.cover-search .cover-contents {
                margin-bottom: 90px;
        }
}

@media (max-width: 560px) {
        .cover.cover-search .cover-contents {
                margin-bottom: 70px;
        }
}

@media (max-width: 420px) {
        .cover.cover-search .cover-contents {
                margin-bottom: 50px;
        }
}

/* Cover - Archive */
.cover.cover-archive .cover-contents {
        text-align: center;
}

.cover.cover-archive .cover-archive-title {
        margin: 0 0 27px;
        font-family: var(--font-header);
        font-size: 48px;
        font-weight: 700;
        color: #252528;
}

.cover.cover-archive .cover-archive-count {
        font-family: var(--font-header-alt);
        font-size: 13px;
        font-weight: 700;
        color: #90929c;
        text-transform: uppercase;
}

.cover.cover-archive.cover-archive-background {
        background: #171717;
}

.cover.cover-archive.cover-archive-background .cover-archive-title {
        color: #fff;
}

@media (max-width: 775px) {
        .cover.cover-archive .cover-contents {
                margin-bottom: 90px;
        }

        .cover.cover-archive .cover-archive-title {
                font-size: 35px;
        }

        .cover.cover-archive .cover-archive-description {
                margin-bottom: 30px;
                font-size: 15px;
                line-height: 32px;
        }
}

@media (max-width: 560px) {
        .cover.cover-archive .cover-contents {
                margin-bottom: 70px;
        }

        .cover.cover-archive .cover-archive-title {
                margin: 0 0 25px;
                font-size: 33px;
        }
}

@media (max-width: 420px) {
        .cover.cover-archive .cover-contents {
                margin-bottom: 50px;
        }

        .cover.cover-archive .cover-archive-title {
                margin: 0 0 25px;
                font-size: 31px;
        }
}

/* ------------------------------------------------------------------
    Components: Subscription
------------------------------------------------------------------- */
.subscription {
        padding: 110px 0;
        background: #f7f8fb;
        transition: padding 0.3s ease-out;
}

.subscription .indicates-required {
        display: none;
}

@media (max-width: 775px) {
        .subscription {
                padding: 90px 0;
        }
}

@media (max-width: 620px) {
        .subscription {
                padding: 70px 0;
        }
}

.subscription-wrapper {
        width: 90%;
        max-width: 665px;
        margin: 0 auto;
        text-align: center;
}

.subscription-wrapper>*:first-child {
        margin-top: 0;
}

.subscription-wrapper>*:last-child {
        margin-bottom: 0;
}

.subscription-title {
        margin: 0 0 28px;
        font-size: 32px;
        line-height: 51px;
        color: #252528;
}

@media (max-width: 620px) {
        .subscription-title {
                margin: 0 0 22px;
                font-size: 28px;
                line-height: 40px;
        }
}

@media (max-width: 440px) {
        .subscription-title {
                margin: 0 0 20px;
                font-size: 25px;
                line-height: 25px;
        }
}

.subscription-description {
        width: 90%;
        max-width: 585px;
        margin: 0 auto 50px;
        font-size: 17.5px;
        color: #58585e;
}

@media (max-width: 620px) {
        .subscription-description {
                margin-bottom: 40px;
                font-size: 16px;
        }
}

@media (max-width: 440px) {
        .subscription-description {
                margin-bottom: 30px;
                font-size: 15px;
                line-height: 26px;
        }
}

.subscription-form {
        position: relative;
        margin: 0 0 30px;
        /* stylelint-disable-next-line */
}

.subscription-form #mc_embed_signup_scroll label {
        display: none;
}

/* stylelint-disable-next-line */
.subscription-input-email,
#mce-EMAIL {
        width: 100%;
        padding: 24px;
        font-family: var(--font-header-alt);
        font-size: 14px;
        font-weight: 500;
        color: #58585e;
        background: #fff;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        -webkit-box-shadow: 0 0 0 200px #fff inset;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

.subscription-input-email:focus,
#mce-EMAIL:focus {
        border-color: var(--color-accent-base);
}

.subscription-submit,
#mc-embedded-subscribe {
        position: absolute;
        top: 0;
        right: 0;
        width: 30%;
        max-width: 183px;
        height: 100%;
        font-family: var(--font-header-alt);
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
        background: var(--color-accent-base);
        border: 0;
        border-radius: 0 4px 4px 0;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

.subscription-submit:hover,
.subscription-submit:focus,
#mc-embedded-subscribe:hover,
#mc-embedded-subscribe:focus {
        background: var(--color-accent-dark);
}

@media (max-width: 440px) {

        .subscription-submit,
        #mc-embedded-subscribe {
                position: static;
                width: 100%;
                max-width: 100%;
                height: 52px;
                margin-top: 20px;
                border-radius: 4px;
        }
}

.subscription-rss {
        font-family: var(--font-header-alt);
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        color: #6e7281;
}

@media (max-width: 620px) {
        .subscription-rss {
                width: 70%;
                margin: 0 auto;
                font-size: 12px;
        }
}

/* ------------------------------------------------------------------
    Components: Footer
------------------------------------------------------------------- */
footer.footer {
        padding: 110px 0;
        background: #1a1a1b;
        transition: padding 0.3s ease-out;
}

@media (max-width: 775px) {
        footer.footer {
                padding: 90px 0;
        }
}

@media (max-width: 620px) {
        footer.footer {
                padding: 70px 0;
        }
}

.footer-wrapper {
        width: 90%;
        max-width: 570px;
        margin: 0 auto;
        text-align: center;
}

.footer-logo {
        display: flex;
        justify-content: center;
        margin: 0 0 48px;
}

.footer-logo-anchor {
        display: block;
}

.footer-logo-conatiner {
        display: block;
        max-height: 35px;
}

.footer-logo-container-image {
        display: block;
}

.footer-title {
        padding: 0;
        margin: 0 0 60px;
        font-family: var(--font-header-alt);
        font-size: 26px;
        font-weight: 600;
        line-height: 0;
        color: #fff;
}

.footer-title a {
        color: #fff;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

.footer-description {
        margin: 0 0 20px;
        font-size: 17px;
        line-height: 32px;
        color: #e7e7e7;
}

@media (max-width: 620px) {
        .footer-description {
                font-size: 15px;
                line-height: 30px;
        }
}

@media (max-width: 480px) {
        .footer-description {
                font-size: 14px;
                line-height: 28px;
        }
}

.footer-social {
        display: flex;
        flex-wrap: wrap;
        gap: 30px 30px;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 35px 0 35px;
}

.footer-social li {
        list-style: none;
}

.footer-social a {
        color: #848484;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

.footer-social a .svg {
        display: inline-block;
        width: 16px;
        height: 16px;
}

.footer-social a:hover,
.footer-social a:focus {
        color: #fff;
}

.footer-divider {
        width: 90px;
        height: 2px;
        margin: 0 auto 40px;
        background: #3c3c3c;
        border: 0;
}

/* ------------------------------------------------------------------
  Components: Copyright
------------------------------------------------------------------- */
.copyright p {
        font-family: var(--font-header-alt);
        font-size: 12px;
        font-weight: 600;
        line-height: 14px;
        color: #7d8387;
}

.copyright a {
        color: #7d8387;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

.copyright a:hover,
.copyright a:focus {
        color: #b2b6b8;
}

/* ------------------------------------------------------------------
    Components: Author Profile
------------------------------------------------------------------- */
.author-profile-avatar {
        display: block;
        width: 100px;
        height: 100px;
        margin: 0 auto 30px;
        overflow: hidden;
        border-radius: 180px;
}

@media (max-width: 775px) {
        .author-profile-avatar {
                width: 70px;
                height: 70px;
                margin-bottom: 20px;
        }
}

.author-profile-avatar-image {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
}

.author-profile-name {
        margin: 0 0 29px;
        font-family: var(--font-header);
        font-size: 26px;
        font-weight: 700;
        line-height: 41px;
        color: #252528;
}

.author-profile-name a {
        color: #252528;
}

@media (max-width: 775px) {
        .author-profile-name {
                margin-bottom: 20px;
        }
}

.author-profile-bio {
        max-width: 615px;
        margin: 0 auto 32px;
        font-size: 17px;
        color: #58585e;
}

@media (max-width: 775px) {
        .author-profile-bio {
                margin: 0 0 24px;
                font-size: 15px;
                line-height: 28px;
        }
}

.author-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 20px 10px;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0;
        font-family: var(--font-header-alt);
        font-size: 13px;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
        list-style: none;
}

.author-meta li {
        color: #71737f;
}

.author-meta a {
        padding: 5px 5px;
        color: #71737f;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

.author-meta a .svg {
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: -3px;
}

.author-meta a:hover,
.author-meta a:focus {
        color: #414249;
}

.author-meta .author-meta-url .svg {
        display: inline-block;
        width: 21px;
        height: 20px;
}

.author-meta .author-meta-social i {
        margin-right: 0;
        font-size: 16px;
}

.author-meta .author-meta-social:hover i,
.author-meta .author-meta-social:focus i {
        color: #444;
}

/* ------------------------------------------------------------------
    Components: Post List
------------------------------------------------------------------- */
.post-list {
        width: 90%;
        max-width: 905px;
        padding: 20px 0;
        margin: 85px auto;
}

.post-list .post-list-post__standard:first-child {
        padding-top: 0;
}

.post-list .post-list-post__standard:last-child {
        padding-bottom: 0;
}

.post-list .post-list-noresult {
        margin: 0 auto;
        font-family: var(--font-header-alt);
        font-size: 14px;
        font-weight: 500;
        color: #5a5858;
        text-align: center;
}

.post-list .post-list-noresult .svg {
        display: inline-block;
        margin-right: 15px;
        vertical-align: -8px;
}

@media (max-width: 850px) {
        .post-list {
                width: 100%;
        }
}

@media (max-width: 775px) {
        .post-list {
                margin: 65px auto;
        }
}

@media (max-width: 620px) {
        .post-list {
                margin: 45px auto;
        }
}

.post-list-post {
        position: relative;
        padding: 85px 0;
        border-top: 1px solid #e5e5e5;
}

.post-list-post .post-list-contents {
        position: relative;
        z-index: 200;
        width: 90%;
        max-width: 665px;
        margin: 0 auto;
}

.post-list-post .post-meta {
        padding: 0;
        margin: 0;
        font-family: var(--font-header-alt);
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        color: #898d99;
        text-transform: uppercase;
        list-style: none;
}

.post-list-post .post-meta .post-meta-sticky {
        display: none;
}

.post-list-post .post-meta .post-meta-sticky .svg {
        display: inline-block;
        width: 17px;
        height: 17px;
        vertical-align: -3px;
}

.post-list-post .post-meta li {
        display: inline-block;
}

.post-list-post .post-meta li::after {
        display: inline-block;
        width: 3px;
        height: 3px;
        margin: 0 7px 0 10px;
        vertical-align: 3px;
        content: "";
        background: #898d99;
        border-radius: 6px;
}

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

.post-list-post .post-meta a {
        color: #6f7480;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

.post-list-post .post-meta a:hover,
.post-list-post .post-meta a:focus {
        color: #575b65;
}

.post-list-post .post-title {
        margin: 28px 0 25px;
        font-family: var(--font-header);
        font-size: 32px;
        font-weight: 700;
        line-height: 45px;
        color: #252528;
}

.post-list-post .post-title a {
        color: #252528;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

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

.post-list-post .post-excerpt {
        margin: 28px 0 30px;
        font-size: 17.5px;
        line-height: 34px;
        color: #535358;
}

.post-list-post .post-footer {
        display: flex;
        gap: 20px;
        align-items: center;
        justify-content: space-between;
        margin: 30px 0 0;
}

.post-list-post .post-read-more {
        float: left;
        padding: 5px 0;
        margin: 0;
        font-family: var(--font-header-alt);
        font-size: 13px;
        font-weight: 600;
        color: #767676;
        text-transform: uppercase;
        opacity: 0.5;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

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

.post-list-post .post-tag a {
        display: inline-block;
        padding: 12px 24px;
        font-family: var(--font-header-alt);
        font-size: 11px;
        font-weight: 700;
        line-height: normal;
        color: var(--color-accent-base);
        text-transform: uppercase;
        border: 1px solid #e2e2e2;
        border-radius: 4px;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

.post-list-post .post-tag a:first-child {
        margin-right: 0;
}

.post-list-post .post-tag a:hover,
.post-list-post .post-tag a:focus {
        border-color: var(--color-accent-light);
}

.post-list-post.sticky .post-meta .post-meta-sticky {
        display: inline-block;
}

.post-list-post:first-child {
        border-top: none;
}

@media (max-width: 850px) {
        .post-list-post {
                padding: 70px 0;
        }

        .post-list-post .post-footer {
                margin-top: 10px;
        }
}

@media (max-width: 525px) {
        .post-list-post .post-read-more {
                display: none;
        }

        .post-list-post .post-tag {
                width: 100%;
        }

        .post-list-post .post-category {
                display: inline-block;
                float: none;
                padding: 10px 20px;
                margin-right: 5px;
        }

        .post-list-post .post-category:first-child {
                margin-right: 5px;
        }
}

@media (max-width: 520px) {
        .post-list-post {
                padding: 55px 0;
        }

        .post-list-post .post-meta {
                font-size: 13px;
        }

        .post-list-post .post-title {
                margin: 26px 0 18px;
                font-size: 28px;
                line-height: 40px;
        }

        .post-list-post .post-excerpt {
                margin: 18px 0 24px;
                font-size: 15px;
                line-height: 28px;
        }

        .post-list-post .post-read-more {
                font-size: 12px;
        }

        .post-list-post .post-category {
                font-size: 10px;
        }
}

@media (max-width: 400px) {
        .post-list-post {
                padding: 45px 0;
        }

        .post-list-post .post-meta {
                font-size: 12px;
        }

        .post-list-post .post-title {
                font-size: 26px;
                line-height: 35px;
        }

        .post-list-post .post-excerpt {
                font-size: 14px;
                line-height: 26px;
        }
}

@media (max-width: 380px) {
        .post-list-post {
                padding: 40px 0;
        }

        .post-list-post .post-title {
                font-size: 24px;
                line-height: 30px;
        }

        .post-list-post .post-excerpt {
                font-size: 13px;
                line-height: 24px;
        }
}

.post-list-advrt {
        padding: 40px 0;
        border-top: 1px solid #e5e5e5;
}

.post-list-advrt .post-list-advrt-inner {
        text-align: center;
}

.post-list-advrt .post-list-advrt-inner>*:first-child {
        display: inline-block;
        margin: 0 auto;
}

.post-list-post__featured {
        overflow: hidden;
        background: #000;
        border-top: none;
        border-radius: 4px;
}

.post-list-post__featured.post-list-post__featured+.post-list-post__featured {
        margin-top: 85px;
}

.post-list-post__featured .post-background {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 150;
        width: 100%;
        height: 100%;
        background: #0f0f0f;
        background-position: center;
        background-size: cover;
}

.post-list-post__featured .post-background-image {
        width: 100%;
        height: 100%;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        opacity: 0.25;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
}

.post-list-post__featured+.post-list-post {
        border-top: none;
}

.post-list-post__featured .post-meta {
        color: #898d99;
}

.post-list-post__featured .post-meta li::after {
        color: #898d99;
}

.post-list-post__featured .post-meta a {
        color: #898d99;
}

.post-list-post__featured .post-meta a:hover,
.post-list-post__featured .post-meta a:focus {
        color: #c0c2c8;
}

.post-list-post__featured .post-title a {
        color: #fff;
}

.post-list-post__featured .post-title a:hover,
.post-list-post__featured .post-title a:focus {
        color: #fff;
}

.post-list-post__featured .post-excerpt {
        color: #c0c1c7;
}

.post-list-post__featured .post-read-more {
        color: #bac0ce;
}

.post-list-post__featured .post-tag a {
        background-color: rgba(0, 0, 0, 0.65);
        border-color: rgba(255, 255, 255, 0);
}

.post-list-post__featured .post-tag a:hover,
.post-list-post__featured .post-tag a:focus {
        background-color: rgb(0, 0, 0);
        border-color: rgba(255, 255, 255, 0);
}

@media (max-width: 850px) {
        .post-list-post__featured.post-list-post__featured+.post-list-post__featured {
                margin-top: 70px;
        }
}

@media (max-width: 776px) {
        .post-list-post__featured {
                border-radius: 0;
        }

        .post-list-post__featured.post-list-post__featured+.post-list-post__featured {
                margin-top: 0;
        }
}

/* ------------------------------------------------------------------
    Components: Pagination
------------------------------------------------------------------- */
.pagination {
        background: #fafafd;
}

.pagination-wrapper {
        position: relative;
        display: flex;
        justify-content: space-between;
        width: 90%;
        max-width: 905px;
        padding: 85px 0;
        margin: 0 auto;
}

@media (max-width: 775px) {
        .pagination-wrapper {
                padding: 80px 0;
        }
}

@media (max-width: 620px) {
        .pagination-wrapper {
                padding: 60px 0;
        }
}

.pagination-button {
        display: block;
        width: 160px;
        padding: 18px 0;
        font-family: var(--font-header-alt);
        font-size: 12px;
        font-weight: 700;
        line-height: normal;
        color: #252528;
        text-align: center;
        text-transform: uppercase;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        transition: width 0.2s ease-out;
}

.pagination-button:hover,
.pagination-button:focus {
        width: 180px;
}

@media (max-width: 440px) {
        .pagination-button {
                width: 130px;
                font-size: 11px;
        }

        .pagination-button:hover,
        .pagination-button:focus {
                width: 140px;
        }
}

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

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

.pagination-current-page {
        position: absolute;
        top: 50%;
        left: 50%;
        font-family: var(--font-header-alt);
        font-size: 14px;
        font-weight: 600;
        color: #62626a;
        text-transform: uppercase;
        transform: translate(-50%, -50%);
}

@media (max-width: 625px) {
        .pagination-current-page {
                display: none;
        }
}

/* ------------------------------------------------------------------
    Components: Error
------------------------------------------------------------------- */
.error {
        width: 90%;
        max-width: 665px;
        margin: 120px auto;
}

@media (max-width: 775px) {
        .error {
                margin: 90px auto;
                text-align: center;
        }
}

@media (max-width: 620px) {
        .error {
                margin: 70px auto;
        }
}

.error-title {
        margin: 0;
        color: #252528;
}

.error-subtitle {
        margin: 0 0 30px;
        font-size: 30px;
        color: #aaaab1;
}

@media (max-width: 620px) {
        .error-subtitle {
                margin-bottom: 25px;
                font-size: 26px;
        }
}

.error-message {
        font-size: 17px;
}

@media (max-width: 620px) {
        .error-message {
                font-size: 15px;
        }
}

@media (max-width: 420px) {
        .error-message {
                font-size: 14px;
                line-height: 28px;
        }
}

/* ------------------------------------------------------------------
    Components: Post
------------------------------------------------------------------- */
.post-meta-bar {
        position: relative;
        z-index: 200;
        padding: 26px 0;
        background: #fff;
        border-bottom: 1px solid #f2f2f7;
}

.post-meta-bar .post-meta-contents {
        display: flex;
        justify-content: space-between;
        width: 90%;
        max-width: 905px;
        margin: 0 auto;
}

.post-meta-bar .post-meta-author {
        display: flex;
        gap: 15px;
}

.post-meta-bar .post-meta-author-avatar {
        display: block;
}

.post-meta-bar .post-meta-author-avatar img {
        display: block;
        width: 50px;
        height: 50px;
        border-radius: 100px;
}

.post-meta-bar .post-meta-author-info {
        margin: 5px 0 0;
        font-family: var(--font-header-alt);
        font-size: 15px;
        font-weight: 500;
        line-height: normal;
        color: #58585e;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

.post-meta-bar .post-meta-author-info:hover,
.post-meta-bar .post-meta-author-info:focus {
        color: #272729;
}

.post-meta-bar .post-meta-author-subtitle {
        display: block;
        margin: 5px 0 2px;
        font-size: 12px;
        font-weight: 600;
        color: #757579;
        text-transform: uppercase;
}

.post-meta-bar .post-meta-list {
        padding: 0;
        margin: 0 0 0 auto;
        font-family: var(--font-header-alt);
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        color: #58585e;
        text-transform: uppercase;
        list-style: none;
}

.post-meta-bar .post-meta-list li {
        display: inline-block;
        margin: 16px 0;
}

.post-meta-bar .post-meta-list li::after {
        display: inline-block;
        width: 3px;
        height: 3px;
        margin: 0 7px 0 10px;
        vertical-align: 3px;
        content: "";
        background: #58585e;
        border-radius: 12px;
}

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

.post-meta-bar .post-meta-list a {
        color: #58585e;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

.post-meta-bar .post-meta-list a:hover,
.post-meta-bar .post-meta-list a:focus {
        color: #272729;
}

@media (max-width: 625px) {
        .post-meta-bar {
                padding-top: 20px;
                padding-bottom: 20px;
        }

        .post-meta-bar .post-meta-list {
                font-size: 12px;
        }
}

@media (max-width: 500px) {
        .post-meta-bar .post-meta-author-avatar {
                display: none;
        }

        .post-meta-bar .post-meta-list .post-meta-date::after {
                display: none;
        }

        .post-meta-bar .post-meta-list .post-meta-read-time {
                display: none;
        }
}

.post-footer {
        position: relative;
}

.post-footer-wrapper {
        width: 90%;
        max-width: 905px;
        padding: 80px 0;
        margin: 0 auto;
        border-top: 1px solid #e7e7e7;
}

@media (max-width: 775px) {
        .post-footer-wrapper {
                padding: 40px 0 60px;
        }
}

@media (max-width: 620px) {
        .post-footer-wrapper {
                padding: 40px 0 40px;
        }
}

.post-nav {
        overflow: hidden;
}

@media (max-width: 1440px) {
        .post-nav {
                margin: 45px 0 0;
        }
}

.post-nav-item {
        position: absolute;
        top: 55px;
        display: block;
        width: 270px;
        transition: margin 0.4s ease-out;
}

.post-nav-item span {
        margin: 0 0 10px;
        font-family: var(--font-header-alt);
        font-size: 13px;
        font-weight: 700;
        color: #757677;
        text-transform: uppercase;
        transition: color 0.4s ease-out;
}

.post-nav-item .post-title {
        margin: 0;
        font-family: var(--font-header);
        font-size: 17px;
        font-weight: 700;
        line-height: 24px;
        color: #525252;
        transition: color 0.4s ease-out;
}

.post-nav-item:hover span,
.post-nav-item:focus span {
        color: var(--color-accent-base);
}

.post-nav-item:hover .post-title,
.post-nav-item:focus .post-title {
        color: #38393b;
}

@media (max-width: 1440px) {
        .post-nav-item {
                position: static;
                float: left;
                width: 45%;
                margin: 0;
        }

        .post-nav-item .post-title {
                color: #38393b;
        }
}

@media (max-width: 510px) {
        .post-nav-item {
                width: 100%;
                margin: 20px 0;
        }

        .post-nav-item:first-of-type {
                margin-top: 0;
        }

        .post-nav-item:last-of-type {
                margin-bottom: 0;
        }
}

.post-nav-previous {
        left: 80px;
        text-align: left;
}

.post-nav-previous:hover,
.post-nav-previous:focus {
        margin-left: 20px;
}

@media (max-width: 1440px) {
        .post-nav-previous {
                float: left;
        }

        .post-nav-previous:hover,
        .post-nav-previous:focus {
                margin-left: 0;
        }
}

@media (max-width: 510px) {
        .post-nav-previous {
                text-align: center;
        }
}

.post-nav-next {
        right: 80px;
        text-align: right;
}

.post-nav-next:hover,
.post-nav-next:focus {
        margin-right: 20px;
}

@media (max-width: 1440px) {
        .post-nav-next {
                float: right;
        }

        .post-nav-next:hover,
        .post-nav-next:focus {
                margin-right: 0;
        }
}

@media (max-width: 510px) {
        .post-nav-next {
                text-align: center;
        }
}

.post-footer-shr {
        display: flex;
        gap: 20px;
        max-width: 665px;
        padding: 0;
        margin: 0 auto;
        list-style: none;
}

.post-footer-shr li {
        font-family: var(--font-header-alt);
        font-size: 11px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        text-transform: uppercase;
}

.post-footer-shr li .svg {
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: -4px;
}

.post-footer-shr li span::before {
        display: inline-block;
        width: 1px;
        height: 25px;
        margin: 1px 17px;
        vertical-align: -9px;
        content: "";
        background: rgba(255, 255, 255, 0.3);
}

.post-footer-shr li:last-child {
        margin-right: 0;
}

.post-footer-shr button {
        display: block;
        width: 159px;
        height: 50px;
        font-weight: 700;
        color: #fff;
        cursor: pointer;
        background: #3b5998;
        border: 0;
        border-radius: 4px;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

.post-footer-shr .post-footer-shr-title {
        width: 100%;
        font-size: 14px;
        font-weight: 600;
        color: #464646;
        background: transparent;
}

.post-footer-shr .post-footer-shr-item.facebook button {
        background: #3b5998;
}

.post-footer-shr .post-footer-shr-item.facebook button:hover,
.post-footer-shr .post-footer-shr-item.facebook button:focus {
        background: #2d4373;
}

.post-footer-shr .post-footer-shr-item.x button {
        background: #1f1f1f;
}

.post-footer-shr .post-footer-shr-item.x button:hover,
.post-footer-shr .post-footer-shr-item.x button:focus {
        background: #060606;
}

.post-footer-shr .post-footer-shr-item.pinterest {
        margin-right: 0;
}

.post-footer-shr .post-footer-shr-item.pinterest button {
        background: #c8232c;
}

.post-footer-shr .post-footer-shr-item.pinterest button:hover,
.post-footer-shr .post-footer-shr-item.pinterest button:focus {
        background: #9d1b22;
}

.post-footer-shr .post-footer-shr-item.linkedin {
        display: none;
}

.post-footer-shr .post-footer-shr-item.reddit {
        display: none;
}

@media (max-width: 755px) {
        .post-footer-shr {
                flex-direction: column;
        }

        .post-footer-shr .post-footer-shr-title {
                float: none;
                width: 100%;
        }

        .post-footer-shr li {
                width: 100%;
        }

        .post-footer-shr button {
                width: 100%;
        }
}

.post-author-profile {
        padding: 80px 0;
        text-align: center;
        background: #fafbfd;
}

@media (max-width: 775px) {
        .post-author-profile {
                padding: 70px 0;
        }
}

@media (max-width: 620px) {
        .post-author-profile {
                padding: 60px 0;
        }
}

.author-profile-wrapper {
        width: 90%;
        max-width: 665px;
        margin: 0 auto;
}

.post-floating {
        position: fixed;
        top: 80px;
        right: 15%;
        opacity: 0;
        transition: right 0.3s ease-out, opacity 0.3s ease-out;
        -webkit-backface-visibility: hidden;
}

.post-floating__visible {
        opacity: 1;
}

@media (max-width: 1560px) {
        .post-floating {
                right: 10%;
        }
}

@media (max-width: 1350px) {
        .post-floating {
                right: 7.5%;
        }
}

@media (max-width: 1260px) {
        .post-floating {
                /*display: none;*/
        }
}

.post-floating-social {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0;
        margin: 0;
        list-style: none;
}

.post-floating-social li {
        position: relative;
        width: 35px;
        height: 35px;
        font-size: 13px;
        text-align: center;
}

.post-floating-social button {
        display: block;
        width: 35px;
        height: 35px;
        line-height: 35px;
        color: #93939a;
        cursor: pointer;
        background: #f9f9fb;
        border: 0;
        border-radius: 4px;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

.post-floating-social button .svg {
        display: inline-block;
        width: 13px;
        height: 13px;
        vertical-align: -2px;
}

.post-floating-social span {
        position: absolute;
        top: 10px;
        right: -155px;
        display: block;
        width: 140px;
        font-family: var(--font-header-alt);
        font-size: 11px;
        font-weight: 700;
        line-height: normal;
        color: #252528;
        text-align: left;
        text-transform: uppercase;
        opacity: 0;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

@media (max-width: 1550px) {
        .post-floating-social span {
                display: none;
        }
}

.post-floating-social-facebook:hover button,
.post-floating-social-facebook:focus button {
        color: #fff;
        background: #3b5998;
}

.post-floating-social-facebook:hover span,
.post-floating-social-facebook:focus span {
        opacity: 1;
}

.post-floating-social-x:hover button,
.post-floating-social-x:focus button {
        color: #fff;
        background: #1f1f1f;
}

.post-floating-social-x:hover span,
.post-floating-social-x:focus span {
        opacity: 1;
}

.post-floating-social-pinterest:hover button,
.post-floating-social-pinterest:focus button {
        color: #fff;
        background: #dd4b39;
}

.post-floating-social-pinterest:hover span,
.post-floating-social-pinterest:focus span {
        opacity: 1;
}

.post-read-status {
        width: 6px;
        height: 60px;
        margin: 20px auto 0;
        overflow: hidden;
        background: white;
        border-radius: 12px;
}

.post-read-status-current {
        width: 6px;
        height: 10%;
        margin: 0;
        background: #4a4d51;
        border-radius: 12px;
        transition: height 0.2s ease-out;
}

.post-comments-show {
        display: none;
        width: 90%;
        max-width: 665px;
        height: 60px;
        padding: 0 40px;
        margin: 40px auto 0;
        font-family: var(--font-header-alt);
        font-size: 12px;
        font-weight: 700;
        line-height: 60px;
        color: #505050;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
        background-color: #f7f7f7;
        border: 0;
        border-radius: 4px;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

.post-comments-show .svg {
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-right: 10px;
        color: #bfc1cb;
        vertical-align: -7px;
}

.post-comments-show:hover,
.post-comments-show:focus {
        color: #fff;
        background-color: var(--color-accent-base);
}

.post-comments-show:hover .svg,
.post-comments-show:focus .svg {
        color: #fff;
}

@media (max-width: 775px) {
        .post-comments-show {
                width: 100%;
        }
}

.post-numbers,
.post-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        width: 90%;
        max-width: 665px;
        margin: 45px auto 0;
}

.post-tags a {
        display: inline-block;
        padding: 10px 15px;
        font-family: var(--font-header-alt);
        font-size: 12px;
        font-weight: 600;
        line-height: normal;
        color: #212122;
        background: #f7f7f7;
        border: 0;
        border-radius: 4px;
}

.post-tags a:hover {
        color: #fff;
        background: var(--color-accent-base);
}

.post-nav-links {
        display: flex;
        gap: 10px;
        align-items: center;
        font-family: var(--font-header-alt);
        font-size: 15px;
        font-weight: 600;
        color: #464646;
        text-transform: uppercase;
}

.post-nav-links .post-page-numbers {
        padding: 2px 10px;
        border: 1px solid #eee;
        border-radius: 4px;
}

.post-nav-links .post-page-numbers:is(a):focus,
.post-nav-links .post-page-numbers:is(a):hover {
        border-color: #c1c1c1;
}

.post-nav-links .post-page-numbers.current {
        background: #eee;
        border: 0;
}

/* ------------------------------------------------------------------
    Components: Post Inner
------------------------------------------------------------------- */
.post-inner {
        container-type: inline-size;
        margin: 80px 0;
}

@media (width <=990px) {
        .post-inner {
                margin: 7.5% auto;
        }
}

/* ------------------------------------------------------------------
  Compnents: Comments
------------------------------------------------------------------- */
.comments {
        position: relative;
        width: 90%;
        max-width: 905px;
        padding: 80px 0 70px;
        margin: 0 auto;
        border-top: 1px solid #e7e7e7;
}

@media (max-width: 775px) {
        .comments {
                padding: 70px 0 60px;
        }
}

@media (max-width: 620px) {
        .comments {
                padding: 60px 0 50px;
        }
}

.comments-wrapper {
        max-width: 780px;
        padding: 0;
        margin: 0 auto 60px;
        list-style: none;
}

@media (max-width: 680px) {
        .comments-wrapper {
                margin: 0 0 40px;
        }
}

@media (max-width: 480px) {
        .comments-wrapper {
                margin: 0 0 30px;
        }
}

@media (max-width: 340px) {
        .comments-wrapper {
                margin: 0 0 20px;
        }
}

.comments-anchor {
        position: absolute;
        top: -80px;
        visibility: hidden;
}

.comment,
.pingback {
        position: relative;
        margin: 0 0 30px;
}

.comment .comment-avatar,
.pingback .comment-avatar {
        display: block;
        float: left;
        width: 50px;
        min-width: 50px;
        height: 50px;
        min-height: 50px;
        overflow: hidden;
        border-radius: 60px;
}

.comment .comment-avatar-image,
.pingback .comment-avatar-image {
        width: 100%;
        height: 100%;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
}

.comment.depth-4 .avatar,
.pingback.depth-4 .avatar {
        max-width: 40px;
        border-radius: 60px;
}

.comment .comment-name-avatar,
.pingback .comment-name-avatar {
        display: none;
        width: 24px;
        height: 24px;
        margin-right: 5px;
        overflow: hidden;
        vertical-align: -6px;
        border-radius: 24px;
}

.comment .comment-name-avatar-image,
.pingback .comment-name-avatar-image {
        width: 100%;
        height: 100%;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
}

.comment .comment-body,
.pingback .comment-body {
        display: flex;
        gap: 4%;
}

.comment .comment-header,
.pingback .comment-header {
        display: grid;
        grid-template: "name tags""date tags"/1fr auto;
}

.comment.bypostauthor>.comment-body .comment-author,
.pingback.bypostauthor>.comment-body .comment-author {
        display: block;
}

.comment .comment-tags,
.pingback .comment-tags {
        display: flex;
        grid-area: tags;
        gap: 10px;
}

.comment .comment-author,
.comment .comment-reply-link,
.pingback .comment-author,
.pingback .comment-reply-link {
        display: none;
        place-self: center end;
        padding: 11px 20px;
        font-family: var(--font-header-alt);
        font-size: 11px;
        font-weight: 600;
        line-height: normal;
        color: #302b2b;
        text-transform: uppercase;
        background: #f7f7f7;
        border-radius: 4px;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

.comment .comment-reply-link,
.pingback .comment-reply-link {
        right: 0;
        display: block;
}

.comment .comment-reply-link:hover,
.pingback .comment-reply-link:hover {
        color: #fff;
        background: var(--color-accent-base);
}

.comment .comment-name,
.pingback .comment-name {
        grid-area: name;
        font-family: var(--font-header-alt);
        font-size: 17px;
        font-weight: 500;
        color: #1e1e23;
}

.comment .comment-date,
.pingback .comment-date {
        grid-area: date;
        font-family: var(--font-header-alt);
        font-size: 13px;
        font-weight: 500;
        color: #a7aeb6;
        text-transform: uppercase;
}

.comment .comment-contents,
.pingback .comment-contents {
        font-size: 16px;
        line-height: 27px;
        color: #63676c;
}

.comment .comment-contents p,
.pingback .comment-contents p {
        font-size: 16px;
}

.comment .comment-contents *:last-child,
.pingback .comment-contents *:last-child {
        margin-bottom: 0;
}

.comment .children,
.pingback .children {
        padding-left: 10.5%;
        margin: 35px 0 0 0;
        clear: both;
        list-style: none;
}

.comment .children>.comment:last-child,
.pingback .children>.comment:last-child {
        margin-bottom: 0;
}

@media (max-width: 700px) {

        .comment .comment-contents,
        .pingback .comment-contents {
                font-size: 13px;
                line-height: 27px;
        }
}

@media (max-width: 680px) {

        .comment,
        .pingback {
                margin: 0 0 20px;
        }
}

@media (max-width: 620px) {

        .comment,
        .pingback {
                margin: 0 0 15px;
        }

        .comment .comment-info,
        .pingback .comment-info {
                width: 100%;
                margin-left: 0;
        }

        .comment .children,
        .pingback .children {
                padding-left: 7.5%;
        }

        .comment .comment-avatar,
        .pingback .comment-avatar {
                display: none;
        }

        .comment .comment-name-avatar,
        .pingback .comment-name-avatar {
                display: inline-block;
        }
}

@media (max-width: 400px) {

        .comment.bypostauthor>.comment-info>.comment-author,
        .comment .comment-reply-link,
        .pingback.bypostauthor>.comment-info>.comment-author,
        .pingback .comment-reply-link {
                display: none;
        }
}

@media (max-width: 340px) {

        .comment .comment-number,
        .pingback .comment-number {
                display: none;
        }
}

.comments-pagination {
        margin: 0 0 40px;
        overflow: hidden;
}

.comments-pagination a {
        display: inline-block;
        padding: 12px 25px;
        font-size: 12px;
        font-weight: 600;
        background: #f7f7f7;
        border-radius: 40px;
}

.comments-pagination a:hover {
        background: #eaeaea;
}

.comments-pagination a:last-of-type {
        float: right;
}

.comments-pagination a:first-of-type {
        float: left;
}

.comments-respond,
.comment-respond {
        max-width: 780px;
        margin: 0 auto;
        clear: both;
}

.comments-respond+.comment,
.comment-respond+.comment {
        margin-top: 40px;
}

.comments-respond .comments-respond-form,
.comment-respond .comments-respond-form {
        position: relative;
        overflow: hidden;
        border: 1px solid #e5e7e9;
        border-radius: 3px;
}

.comments-respond .comment-reply-title,
.comment-respond .comment-reply-title {
        margin: 0 0 20px;
        font-size: 18px;
        font-weight: 600;
}

.comments-respond .comment-form-cookies-consent,
.comment-respond .comment-form-cookies-consent {
        padding: 15px 30px;
        margin: 0;
        clear: both;
        border-top: 1px solid #f0f0f5;
}

.comments-respond .comment-form-cookies-consent label,
.comment-respond .comment-form-cookies-consent label {
        margin-left: 15px;
        font-size: 14px;
}

.comments-respond #cancel-comment-reply-link,
.comment-respond #cancel-comment-reply-link {
        display: inline-block;
        padding: 12px 24px;
        margin-left: 15px;
        font-family: var(--font-header-alt);
        font-size: 11px;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
        background: #eff3f8;
        border-radius: 4px;
}

.comments-respond .comments-respond-body,
.comment-respond .comments-respond-body {
        display: block;
        width: 100%;
        height: 145px;
        padding: 20px;
        margin: 0 0 80px;
        font-size: 15px;
        color: #58585e;
        resize: none;
        border: 0;
}

.comments-respond .comments-respond-body::-webkit-input-placeholder,
.comment-respond .comments-respond-body::-webkit-input-placeholder {
        color: #58585e;
        opacity: 0.8;
}

.comments-respond .comments-respond-body::-moz-placeholder,
.comment-respond .comments-respond-body::-moz-placeholder {
        color: #58585e;
        opacity: 0.8;
}

.comments-respond .comments-respond-body:placeholder,
.comment-respond .comments-respond-body:placeholder {
        color: #58585e;
        opacity: 0.8;
}

.comments-respond .comments-respond-body:focus,
.comment-respond .comments-respond-body:focus {
        outline: none;
}

.comments-respond .comments-respond-author,
.comments-respond .comments-respond-email,
.comments-respond .comments-respond-url,
.comment-respond .comments-respond-author,
.comment-respond .comments-respond-email,
.comment-respond .comments-respond-url {
        display: block;
        float: left;
        width: 33.333%;
        height: 56px;
        padding: 0 25px;
        margin: 0;
        font-family: var(--font-header-alt);
        font-size: 12px;
        font-weight: 500;
        color: #404246;
        border: 0;
        border-top: 1px solid #e5e7e9;
        border-right: 1px solid #e5e7e9;
        border-radius: 0;
}

.comments-respond .comments-respond-author:focus,
.comments-respond .comments-respond-email:focus,
.comments-respond .comments-respond-url:focus,
.comment-respond .comments-respond-author:focus,
.comment-respond .comments-respond-email:focus,
.comment-respond .comments-respond-url:focus {
        outline: none;
}

.comments-respond .comments-respond-author::-webkit-input-placeholder,
.comments-respond .comments-respond-email::-webkit-input-placeholder,
.comments-respond .comments-respond-url::-webkit-input-placeholder,
.comment-respond .comments-respond-author::-webkit-input-placeholder,
.comment-respond .comments-respond-email::-webkit-input-placeholder,
.comment-respond .comments-respond-url::-webkit-input-placeholder {
        color: #58585e;
        opacity: 0.8;
}

.comments-respond .comments-respond-author::-moz-placeholder,
.comments-respond .comments-respond-email::-moz-placeholder,
.comments-respond .comments-respond-url::-moz-placeholder,
.comment-respond .comments-respond-author::-moz-placeholder,
.comment-respond .comments-respond-email::-moz-placeholder,
.comment-respond .comments-respond-url::-moz-placeholder {
        color: #58585e;
        opacity: 0.8;
}

.comments-respond .comments-respond-author:placeholder,
.comments-respond .comments-respond-email:placeholder,
.comments-respond .comments-respond-url:placeholder,
.comment-respond .comments-respond-author:placeholder,
.comment-respond .comments-respond-email:placeholder,
.comment-respond .comments-respond-url:placeholder {
        color: #58585e;
        opacity: 0.8;
}

.comments-respond .comments-respond-submit,
.comment-respond .comments-respond-submit {
        position: absolute;
        right: 20px;
        bottom: 75px;
        display: inline-block;
        width: auto;
        height: auto;
        padding: 17px 32px;
        font-family: var(--font-header-alt);
        font-size: 12px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
        background: var(--color-accent-base);
        border: 0;
        border-radius: 4px;
        transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, border 0.2s ease-out;
}

.comments-respond .comments-respond-submit:hover,
.comment-respond .comments-respond-submit:hover {
        background: var(--color-accent-dark);
}

.comments-respond .logged-in-as,
.comment-respond .logged-in-as {
        padding: 15px 20px;
        margin-top: 0;
        margin-bottom: 0;
        font-family: var(--font-header-alt);
        font-size: 14px;
        font-weight: 500;
        line-height: 26px;
        border-bottom: 1px solid #e5e7e9;
}

.comments-respond .form-submit,
.comment-respond .form-submit {
        margin: 0;
        line-height: 0;
}

.comments-respond input:last-of-type,
.comment-respond input:last-of-type {
        border-right: 0;
}

@media (max-width: 620px) {

        .comments-respond .comments-respond-form,
        .comment-respond .comments-respond-form {
                border: 0;
        }

        .comments-respond .logged-in-as,
        .comment-respond .logged-in-as {
                margin-bottom: 10px;
                border: 1px solid #e5e7e9;
        }

        .comments-respond .required-field-message,
        .comment-respond .required-field-message {
                display: block;
        }

        .comments-respond .comments-respond-body,
        .comment-respond .comments-respond-body {
                margin-bottom: 10px;
                border: 1px solid #e5e7e9;
                border-radius: 4px;
        }

        .comments-respond .comments-respond-author,
        .comments-respond .comments-respond-email,
        .comments-respond .comments-respond-url,
        .comment-respond .comments-respond-author,
        .comment-respond .comments-respond-email,
        .comment-respond .comments-respond-url {
                width: 100%;
                margin-bottom: 10px;
                border: 1px solid #e5e7e9 !important;
                border-radius: 4px;
        }

        .comments-respond .comment-form-cookies-consent,
        .comment-respond .comment-form-cookies-consent {
                padding: 15px 0;
                border-top: 0;
        }

        .comments-respond .comments-respond-submit,
        .comment-respond .comments-respond-submit {
                position: static;
                right: inherit;
                bottom: inherit;
                margin-top: 20px;
        }
}

body.logged-in .comment-respond .comments-respond-submit {
        bottom: 20px;
}

/* ------------------------------------------------------------------
    Components: Drawer
------------------------------------------------------------------- */
.page-wrapper {
        background: #ecebe9;
}

.page-wrapper__unfocus {
        opacity: 0.6;
}

.page-wrapper__unfocus>* {
        pointer-events: none;
}

.header__active {
        transform: translate(-500px);
}

.drawer {
        position: fixed;
        top: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        gap: 35px;
        width: 500px;
        max-width: 100vw;
        height: 100vh;
        padding: 65px;
        overflow-y: scroll;
        background: #fff;
        box-shadow: -31px 0 32px 0 rgba(0, 0, 0, 0.02);
        transform: translate(500px);
        -webkit-overflow-scrolling: touch;
        will-change: transform;
}

.drawer__open {
        transform: translate(0);
}

.drawer hr {
        width: 100%;
        content: "";
        border: 0;
        border-bottom: 1px solid #eee;
}

.drawer hr:last-child {
        display: none;
}

@media (max-width: 500px) {
        .drawer {
                padding: 45px;
        }
}

.drawer-close {
        position: fixed;
        top: 30px;
        right: 30px;
        z-index: 300;
        display: none;
        width: 35px;
        height: 35px;
        font-size: 13px;
        line-height: 35px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        background: #000;
        border: 0;
        border-radius: 80px;
}

.drawer-close .svg {
        display: inline-block;
        width: 17px;
        height: 17px;
        vertical-align: -3px;
}

@media (max-width: 600px) {
        .drawer-close {
                display: block;
        }
}

body.rtl.drawer-is-open {
        overflow-y: hidden;
}

/* ------------------------------------------------------------------
    Components: Post Contents
------------------------------------------------------------------- */
:root .post-contents {
        --content-max-width: 665px;
        --content-border-radius: 4px;
        --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;
}

@container (width <=860px) {
        :root .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) {
        :root .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;
        }
}

/* ------------------------------------------------------------------
    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 {
        position: relative;
        width: 90%;
        max-width: var(--content-max-width);
        margin: 0 auto;
        font-size: 17.5px;
        font-weight: 400;
        color: #4a4a4f;
        /* Utility */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Utility - Align Left
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Utility - Align Right
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Utility - Align Center
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Utility - Align Wide
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Utility - Align Full
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Utility - Embed Responsive
  ------------------------------------------------------------------- */
        /* Misc */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Misc - Post Nav Links
  ------------------------------------------------------------------- */
        /* Inline */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Inline - Strong
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Inline - Code
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Inline - Mark
  ------------------------------------------------------------------- */
        /* Block */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Block - Heading
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Block - Paragraph
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Block - Definition
  ------------------------------------------------------------------- */
        /* Gutenberg */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Element - Button
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Element - Caption
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Text - Heading
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Text - List
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Text - Quote
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Text - Code
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Text - Details
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Text - Preformatted
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Text - Pull Quote
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Text - Table
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Text - Verse
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Media - Image
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Media - Gallery
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Media - Audio
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Media - Cover
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Media - File
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Media - Media & Text
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Media - Video
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Media - Buttons
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Media - Columns
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Media - Group
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Media - Row
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Media - Stack
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Media - Grid
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Media - Separator
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Media - Spacer
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Widgets - Archives
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Widgets - Calendar
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Widgets - Categories List
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Widgets - Latest Comments
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Widgets - Latest Posts
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Widgets - Page List
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Widgets - RSS
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Widgets - Search
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Widgets - Social Icons
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Widgets - Tag Cloud
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - Navigation
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - Site Logo
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - Site Title
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - Site Tagline
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - Query
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - Avatar
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - (Post) Title
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - (Post) Excerpt
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - (Post) Featured Image
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - (Post) Author
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - (Post) Author Name
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - (Post) Date
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - (Post) Terms
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - Post Navigation Link
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - Read More
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - Comments (+ Form)
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - Log In/Out
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - Term Description
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - Archive Title
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - Search Results Title
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - (Post) Author Biography
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Theme - Post
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Embeds - Embed
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Ecko - Accordion
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Ecko - Contrast
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Ecko - Progress Bar
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Ecko - Status
  ------------------------------------------------------------------- */
        /* ------------------------------------------------------------------
      Conent: Gutenberg - Ecko - Tabs
  ------------------------------------------------------------------- */
}

@container (width <=720px) {
        .post-contents {
                font-size: 16px;
        }
}

.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 {
                display: block;
                float: none;
                margin-right: 0;
                margin-left: 0;
        }
}

.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 {
                display: block;
                float: none;
                margin-right: 0;
                margin-left: 0;
        }
}

.post-contents .aligncenter {
        margin-right: auto;
        margin-left: auto;
        text-align: center;
}

@container (width <=560px) {
        .post-contents .aligncenter {
                display: block;
                float: none;
                margin-right: 0;
                margin-left: 0;
        }
}

.post-contents .alignwide {
        position: relative;
        display: block;
        width: 130%;
        max-width: 130%;
        height: auto;
        margin: var(--content-spacing-lg) -15%;
        border-radius: var(--content-border-radius);
}

@media (width <=1200px) {
        .post-contents .alignwide {
                max-width: 120%;
                margin-right: -10%;
                margin-left: -10%;
        }
}

@media (width <=980px) {
        .post-contents .alignwide {
                max-width: 100%;
                margin: var(--content-spacing-md) 0;
        }
}

.post-contents .alignfull {
        position: relative;
        width: 100vw;
        max-width: 100vw;
        margin-top: var(--content-spacing-xlg);
        margin-bottom: var(--content-spacing-xlg);
        margin-left: calc((100vw - 100%) / -2);
        border-radius: 0 !important;
}

.post-contents .alignfull img {
        width: 100%;
}

.post-contents .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
        padding-top: 56.45%;
}

.post-contents strong,
.post-contents b {
        font-weight: 625;
        color: #353539;
}

.post-contents code,
.post-contents kbd,
.post-contents samp {
        padding: 1px 3px;
        font-family: var(--font-code);
        font-size: 14px;
        white-space: pre-wrap;
        background: #f9f9f9;
}

.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;
}

@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;
        }
}

@media (width <=780px) {
        .post-contents h3 {
                font-size: 24px;
        }
}

@media (width <=660px) {
        .post-contents h3 {
                font-size: 22px;
        }
}

.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);
}

.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: 700;
        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-size: 17px;
        font-weight: 400;
        border-left: 3px solid #e7e7e7;
}

.post-contents .wp-element-button {
        width: auto;
        height: auto;
        padding: 17px 32px;
        font-family: "Inter", "Arial", sans-serif;
        font-size: 15px;
        font-weight: 700;
        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);
}

.post-contents .wp-element-caption {
        padding-top: var(--content-spacing-xsm);
        margin: 0;
        font-size: 15px;
        color: #6c7781;
        text-align: center;
}

.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-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) 6%;
}

.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);
}

.post-contents .wp-block-quote {
        position: relative;
        display: block;
        height: auto;
        margin-right: 0;
        margin-left: 0;
        text-align: center;
}

.post-contents .wp-block-quote p {
        padding: 0;
        margin: 0 0 var(--content-spacing-xsm);
        font-family: var(--font-header);
        font-size: 24px;
        font-weight: 600;
        line-height: 1.7;
        color: #212124;
}

.post-contents .wp-block-quote cite {
        display: block;
        margin: var(--content-spacing-xsm) 0 0;
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        color: #747474;
}

@container (width <=720px) {
        .post-contents .wp-block-quote p {
                font-size: 20px;
        }

        .post-contents .wp-block-quote cite {
                font-size: 15px;
        }
}

@container (width <=560px) {
        .post-contents .wp-block-quote {
                margin-left: 0;
        }

        .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);
}

.post-contents .wp-block-code {
        padding: var(--content-spacing-md);
        overflow: auto;
        white-space: pre;
        border: 1px solid #e3e3e3;
        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 {
        border: 0;
}

.post-contents .wp-block-code code {
        display: inline-block;
        padding: 0 30px 0 0;
        font-size: 15px;
        line-height: 1.9;
        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;
        }
}

.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;
        -moz-user-select: none;
        user-select: none;
        border: 1px solid #e3e3e3;
        border-radius: var(--content-border-radius);
        outline: 0;
}

.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);
}

.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);
}

.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);
}

.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;
                clip: rect(0 0 0 0);
                border: none;
        }

        .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;
        }
}

.post-contents .wp-block-verse {
        line-height: 2;
}

.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.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);
}

.post-contents .wp-block-gallery img {
        border-radius: var(--content-border-radius);
}

.post-contents .wp-block-gallery .wp-element-caption {
        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);
}

.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);
}

.post-contents .wp-block-cover {
        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);
}

.post-contents .wp-block-file {
        font-size: 1rem;
}

.post-contents .wp-block-file__button {
        border-radius: var(--content-border-radius);
}

.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);
}

.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);
}

.post-contents .wp-block-video video {
        border-radius: var(--content-border-radius);
}

.post-contents .wp-block-video.alignfull video {
        border-radius: 0;
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.post-contents .wp-block-separator {
        width: 100%;
        max-width: 350px;
        height: 1px;
        color: white;
        background: white;
        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 {
        color: #cbcbcb;
        background: #cbcbcb;
}

.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.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);
}

.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);
}

.post-contents .wp-block-avatar .avatar {
        border-radius: 50%;
}

.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);
}

.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);
}

.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;
}

.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 .submit,
.post-contents .wp-block-post-comments-form .submit {
        width: auto;
        height: auto;
        padding: 17px 32px;
        font-family: "Inter", "Arial", sans-serif;
        font-size: 15px;
        font-weight: 700;
        line-height: 23px;
        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);
}

.post-contents .wp-block-post-term-description {
        line-height: 2;
}

.post-contents .wp-block-post-author-biography {
        line-height: 2;
}

.post-contents .wp-block-post .wp-block-post-excerpt {
        margin-top: var(--content-spacing-xsm);
        margin-bottom: var(--content-spacing-xsm);
}

.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-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.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-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);
}

.post-contents .wp-block-ecko-blocks-contrast {
        border-radius: var(--content-border-radius);
}

.post-contents .wp-block-ecko-blocks-contrast.alignfull {
        padding: var(--content-spacing-md) 0;
}

.post-contents .wp-block-ecko-blocks-contrast.alignfull .wp-block-ecko-blocks-contrast-content {
        max-width: calc(var(--content-max-width) + var(--content-spacing-lg) * 2);
        padding: 0 var(--content-spacing-lg);
}

@media (width <=1560px) {
        .post-contents .wp-block-ecko-blocks-contrast.alignfull .wp-block-ecko-blocks-contrast-content {
                padding: 0 7.5%;
        }
}

.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);
}

.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);
}

.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);
}

.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);
}

.post-contents .wp-block-ecko-blocks-tabs .wp-block-ecko-blocks-tabs-header-item__active {
        background: #f9f9f9;
        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;
}

/* ------------------------------------------------------------------
    Widgets
------------------------------------------------------------------- */
/* ------------------------------------------------------------------
    Widgets: Base
------------------------------------------------------------------- */
.widget {
        margin: 0;
}

.widget .widget-title {
        margin: 0 0 25px;
        font-family: var(--font-header-alt);
        font-size: 18px;
        font-weight: 600;
        line-height: normal;
        color: #252528;
}

.widget>*:last-child {
        margin-bottom: 0;
}

.widget p {
        font-size: 16px;
        line-height: 32px;
        color: #44494f;
}

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

.widget ul {
        padding: 0;
        list-style: none;
}

.widget hr {
        display: none;
}

.widget input,
.widget select {
        max-width: 100%;
}

.widget li {
        margin: 15px 0;
        font-family: var(--font-header-alt);
        font-size: 14px;
        font-weight: 500;
        color: #44494f;
}

.widget li a {
        color: #44494f;
}

.widget li a:hover {
        color: #1d1d1f;
}

.widget li span.count {
        float: right;
        width: 40px;
        padding: 5px 0;
        font-family: var(--font-header-alt);
        font-size: 11px;
        font-weight: 700;
        line-height: normal;
        color: #68686d;
        text-align: center;
        background: #f2f2f2;
        border-radius: 100px;
}

.widget li:first-of-type {
        margin-top: 0;
}

.widget li:last-of-type {
        margin-bottom: 0;
}

.widget:last-of-type::after {
        display: none;
}

.single-sidebar .widget:first-of-type {
        margin: 0 0 40px;
}

/* Widgets: Ecko */
/* ------------------------------------------------------------------
    Widgets: Ecko - Advert
------------------------------------------------------------------- */
.widget.widget_ecko_widget_advrt {
        text-align: center;
}

.widget.widget_ecko_widget_advrt>*:first-child {
        display: inline-block;
        max-width: 100%;
        margin: 0 auto;
}

/* ------------------------------------------------------------------
    Widgets: Ecko - Author Profile
------------------------------------------------------------------- */
.widget.widget_ecko_widget_author_profile .info {
        overflow: hidden;
}

.widget.widget_ecko_widget_author_profile .profile {
        float: left;
        width: 15%;
}

.widget.widget_ecko_widget_author_profile .profile img {
        max-width: 100%;
        border-radius: 40px;
}

.widget.widget_ecko_widget_author_profile .meta {
        float: left;
        width: 72.5%;
        margin-left: 7.5%;
}

.widget.widget_ecko_widget_author_profile .meta .title,
.widget.widget_ecko_widget_author_profile .meta .tag {
        font-family: var(--font-header-alt);
        font-size: 13px;
        font-weight: 500;
        line-height: normal;
        color: #757575;
        text-transform: uppercase;
        transition: color 0.2s ease-out;
}

.widget.widget_ecko_widget_author_profile .meta .title a,
.widget.widget_ecko_widget_author_profile .meta .tag a {
        color: #505050;
}

.widget.widget_ecko_widget_author_profile .meta .title {
        display: none;
}

.widget.widget_ecko_widget_author_profile .meta h2 {
        margin: 2px 0;
        font-family: var(--font-header-alt);
        font-size: 20px;
        font-weight: 500;
        line-height: normal;
        text-transform: none;
}

.widget.widget_ecko_widget_author_profile .meta h2 a {
        color: #29292b;
}

.widget.widget_ecko_widget_author_profile .meta .tag {
        font-size: 13px;
        color: #757575;
        text-transform: none;
        transition: color 0.2 ease-out;
}

.widget.widget_ecko_widget_author_profile .meta .tag a {
        color: #505050;
}

.widget.widget_ecko_widget_author_profile p {
        margin: 25px 0 25px;
}

.widget.widget_ecko_widget_author_profile .authorsocial {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin: 0;
}

.widget.widget_ecko_widget_author_profile .authorsocial li {
        margin: 0;
}

.widget.widget_ecko_widget_author_profile .authorsocial li::before {
        display: none;
}

.widget.widget_ecko_widget_author_profile .authorsocial a {
        display: block;
        width: 30px;
        height: 30px;
        font-size: 12px;
        line-height: 30px;
        color: #707279;
        text-align: center;
        background: #f2f2f2;
        border-radius: 4px;
}

.widget.widget_ecko_widget_author_profile .authorsocial a:hover {
        padding: 0;
        color: #e3e7ea;
        background: #43464a;
}

.widget.widget_ecko_widget_author_profile .authorsocial .svg {
        display: inline-block;
        width: 13px;
        height: 13px;
        vertical-align: -2px;
}

/* ------------------------------------------------------------------
    Widgets: Ecko - Blog Info
------------------------------------------------------------------- */
.widget.widget_ecko_widget_blog_info h2 {
        margin-top: 0;
        font-family: var(--font-header);
        font-size: 34px;
        font-weight: 700;
        color: #373737;
}

.widget.widget_ecko_widget_blog_info p {
        font-family: var(--font-header-alt);
        font-size: 16px;
        font-weight: 500;
}

.widget.widget_ecko_widget_blog_info hr {
        display: none;
}

.widget.widget_ecko_widget_blog_info img {
        max-width: 80%;
        margin-bottom: 20px;
}

.widget.widget_ecko_widget_blog_info .social {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        margin: 20px 0 0;
}

.widget.widget_ecko_widget_blog_info .social li {
        margin: 0;
}

.widget.widget_ecko_widget_blog_info .social a {
        display: block;
}

.widget.widget_ecko_widget_blog_info .social a svg {
        width: 18px;
        height: 18px;
        color: #d4d4d8;
        transition: color 0.2s ease;
}

.widget.widget_ecko_widget_blog_info .social a:focus svg,
.widget.widget_ecko_widget_blog_info .social a:hover svg {
        color: #3f3f46;
}

/* ------------------------------------------------------------------
    Widgets: Ecko - Categories
------------------------------------------------------------------- */
.widget.widget_ecko_widget_categories .widget_ecko_widget_categories__content ul {
        margin: 0;
}

/* ------------------------------------------------------------------
    Widgets: Ecko - Feature Post
------------------------------------------------------------------- */
.widget.widget_ecko_widget_feature_post {
        position: relative;
}

.widget.widget_ecko_widget_feature_post .widget_ecko_widget_feature_post__content {
        position: relative;
        width: 100%;
        height: 420px;
        text-align: center;
        background: #131111;
        border-radius: 4px;
}

.widget.widget_ecko_widget_feature_post .widget-feature-post-gradient,
.widget.widget_ecko_widget_feature_post .widget-feature-post-background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.5;
}

.widget.widget_ecko_widget_feature_post .widget-feature-post-background-image {
        width: 100%;
        height: 100%;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
}

.widget.widget_ecko_widget_feature_post .widget-feature-post-gradient {
        background-image: -ms-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
        opacity: 0.75;
}

.widget.widget_ecko_widget_feature_post .widget-feature-post-info {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
}

.widget.widget_ecko_widget_feature_post .widget-feature-post-lower {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 40px;
}

.widget.widget_ecko_widget_feature_post .widget-feature-post-title {
        margin: 0 0 15px;
        font-family: var(--font-header-alt);
        font-size: 12px;
        font-weight: 700;
        color: rgba(255, 255, 255, 0.8);
        text-transform: uppercase;
}

.widget.widget_ecko_widget_feature_post .post-title {
        margin: 0 0 15px;
        font-family: var(--font-header);
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
        color: #fff;
}

.widget.widget_ecko_widget_feature_post .post-category {
        display: inline-block;
        padding: 9px 20px;
        font-family: var(--font-header-alt);
        font-size: 11px;
        font-weight: 700;
        line-height: normal;
        color: #fff;
        text-transform: uppercase;
        background: var(--color-accent-base);
        border-radius: 4px;
}

.widget.widget_ecko_widget_feature_post:hover .widget-feature-post-background {
        opacity: 0.3;
}

.widget.widget_ecko_widget_feature_post:hover .widget-feature-post-lower {
        transform: translateY(-20px);
}

/* ------------------------------------------------------------------
    Widgets: Ecko - Latest Posts
------------------------------------------------------------------- */
.widget.widget_ecko_widget_latest_posts .widget_ecko_widget_latest_posts__content {
        display: flex;
        flex-direction: column;
        gap: 35px;
}

.widget.widget_ecko_widget_latest_posts .post:last-child {
        margin: 0;
}

.widget.widget_ecko_widget_latest_posts .post:last-child::after {
        display: none;
}

.widget.widget_ecko_widget_latest_posts .top {
        display: flex;
        gap: 16px;
        align-items: center;
}

.widget.widget_ecko_widget_latest_posts .category {
        display: none;
}

.widget.widget_ecko_widget_latest_posts .thumbnail {
        display: block;
}

.widget.widget_ecko_widget_latest_posts .widget-latest-posts-thumbnail {
        position: relative;
        display: block;
        max-width: 50px;
        height: 50px;
        overflow: hidden;
        border-radius: 4px;
}

.widget.widget_ecko_widget_latest_posts .widget-latest-posts-thumbnail-image {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
}

.widget.widget_ecko_widget_latest_posts .excerpt {
        margin-bottom: 0;
        font-size: 15px;
}

.widget.widget_ecko_widget_latest_posts h3 {
        margin: 0;
        font-family: var(--font-header);
        font-size: 15px;
        font-weight: 500;
        line-height: 24px;
        color: #252528;
}

.widget.widget_ecko_widget_latest_posts h3 a {
        display: block;
        color: #252528;
        border-bottom: 1px solid transparent;
}

.widget.widget_ecko_widget_latest_posts h3 a:hover {
        color: #000;
}

.widget.widget_ecko_widget_latest_posts .meta {
        font-family: var(--font-header-alt);
        font-size: 12px;
        font-weight: 500;
        color: #71757a;
}

.widget.widget_ecko_widget_latest_posts .meta a {
        color: #71757a;
        transition: color 0.2s ease-out;
}

.widget.widget_ecko_widget_latest_posts .meta a:hover {
        color: #5f6771;
}

.widget.widget_ecko_widget_latest_posts .meta .gravatarsmall {
        display: none;
}

/* ------------------------------------------------------------------
    Widgets: Ecko - Navigation
------------------------------------------------------------------- */
.widget.widget_ecko_widget_navigation {
        float: none;
        font-family: var(--font-header-alt);
        font-size: 16px;
        font-weight: 500;
        line-height: normal;
        text-align: left;
}

.widget.widget_ecko_widget_navigation ul {
        padding: 0;
        margin: 0;
        list-style: none;
}

.widget.widget_ecko_widget_navigation li {
        padding: 0;
        margin: 0;
        font-size: 16px;
        line-height: 1.2;
}

.widget.widget_ecko_widget_navigation li.active .svg {
        transform: rotate(180deg);
}

.widget.widget_ecko_widget_navigation li.active .sub-menu {
        display: block;
}

.widget.widget_ecko_widget_navigation li:last-child {
        border-bottom: 0;
}

.widget.widget_ecko_widget_navigation ul>li:first-child a {
        padding-top: 0;
}

.widget.widget_ecko_widget_navigation ul>li:last-child a {
        padding-bottom: 0;
}

.widget.widget_ecko_widget_navigation li a {
        display: flex;
        gap: 10px;
        align-items: center;
        padding: 13px 0;
        color: #252528;
        transition: color 0.2s ease-out;
}

.widget.widget_ecko_widget_navigation li a .svg {
        display: inline-block;
        width: 16px;
        height: 16px;
        color: #a3a3a6;
        transition: color 0.2s ease-out;
}

.widget.widget_ecko_widget_navigation li a:focus,
.widget.widget_ecko_widget_navigation li a:hover {
        color: #151516;
}

.widget.widget_ecko_widget_navigation li a:focus svg,
.widget.widget_ecko_widget_navigation li a:hover svg {
        color: #151516;
}

.widget.widget_ecko_widget_navigation .sub-menu {
        display: none;
        margin: 10px 0;
        transition: none;
}

.widget.widget_ecko_widget_navigation .sub-menu li:last-child {
        border: 0;
}

.widget.widget_ecko_widget_navigation .sub-menu li a {
        padding: 9px 0 9px 10px;
        font-size: 14px;
        color: #44494f;
}

.widget.widget_ecko_widget_navigation .sub-menu li a:hover {
        color: #222;
}

.widget.widget_ecko_widget_navigation i {
        margin-left: 10px;
        color: #44494f;
}

/* ------------------------------------------------------------------
    Widgets: Ecko - Realted & Random Posts
------------------------------------------------------------------- */
.widget.widget_ecko_widget_related_posts .widget_ecko_widget_random_posts__content,
.widget.widget_ecko_widget_related_posts .widget_ecko_widget_related_posts__content,
.widget.widget_ecko_widget_random_posts .widget_ecko_widget_random_posts__content,
.widget.widget_ecko_widget_random_posts .widget_ecko_widget_related_posts__content {
        display: flex;
        flex-direction: column;
        gap: 35px;
}

.widget.widget_ecko_widget_related_posts .feature,
.widget.widget_ecko_widget_random_posts .feature {
        position: relative;
        z-index: 200;
        display: block;
        width: 100%;
        height: 170px;
        overflow: hidden;
        border-radius: 4px;
}

.widget.widget_ecko_widget_related_posts .feature::after,
.widget.widget_ecko_widget_random_posts .feature::after {
        position: absolute;
        right: 20px;
        bottom: 20px;
        z-index: 200;
        display: flex;
        align-items: center;
        height: 20px;
        padding: 3px 18px;
        font-size: 9px;
        font-weight: 900;
        color: #fff;
        content: "➜";
        background: #000;
        border-radius: 4px;
        opacity: 0;
        transition: opacity 0.2s ease-out;
}

.widget.widget_ecko_widget_related_posts .feature:hover::after,
.widget.widget_ecko_widget_random_posts .feature:hover::after {
        opacity: 1;
}

.widget.widget_ecko_widget_related_posts .feature img,
.widget.widget_ecko_widget_random_posts .feature img {
        width: 100%;
        min-height: 100%;
}

.widget.widget_ecko_widget_related_posts .category,
.widget.widget_ecko_widget_related_posts .post-category,
.widget.widget_ecko_widget_random_posts .category,
.widget.widget_ecko_widget_random_posts .post-category {
        display: none;
}

.widget.widget_ecko_widget_related_posts article:last-child,
.widget.widget_ecko_widget_random_posts article:last-child {
        margin-bottom: 0;
}

.widget.widget_ecko_widget_related_posts article:last-child::after,
.widget.widget_ecko_widget_random_posts article:last-child::after {
        display: none;
}

.widget.widget_ecko_widget_related_posts article:first-of-type,
.widget.widget_ecko_widget_random_posts article:first-of-type {
        padding-top: 0;
}

.widget.widget_ecko_widget_related_posts article:last-of-type,
.widget.widget_ecko_widget_random_posts article:last-of-type {
        padding-bottom: 0;
        border-bottom: 0;
}

.widget.widget_ecko_widget_related_posts h3,
.widget.widget_ecko_widget_random_posts h3 {
        margin: 15px 0 10px;
        font-family: var(--font-header);
        font-size: 15px;
        font-weight: 500;
        line-height: 23px;
        color: #1b1b1c;
        text-transform: none;
}

.widget.widget_ecko_widget_related_posts h3 a,
.widget.widget_ecko_widget_random_posts h3 a {
        display: block;
        width: 100%;
        color: #252528;
        border-bottom: 1px solid transparent;
}

.widget.widget_ecko_widget_related_posts h3 a:hover,
.widget.widget_ecko_widget_random_posts h3 a:hover {
        color: #000;
}

.widget.widget_ecko_widget_related_posts .divider,
.widget.widget_ecko_widget_random_posts .divider {
        position: relative;
        padding: 0 5px;
}

.widget.widget_ecko_widget_related_posts .divider::after,
.widget.widget_ecko_widget_random_posts .divider::after {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 5px;
        content: "•";
        background: #fff;
}

.widget.widget_ecko_widget_related_posts .meta,
.widget.widget_ecko_widget_random_posts .meta {
        font-family: var(--font-header-alt);
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        color: #71757a;
}

.widget.widget_ecko_widget_related_posts .meta a,
.widget.widget_ecko_widget_random_posts .meta a {
        color: #71757a;
        transition: color 0.2s ease-out;
}

.widget.widget_ecko_widget_related_posts .meta a:hover,
.widget.widget_ecko_widget_random_posts .meta a:hover {
        color: #5f6771;
}

.widget.widget_ecko_widget_related_posts .meta .gravatarsmall,
.widget.widget_ecko_widget_random_posts .meta .gravatarsmall {
        display: none;
}

/* ------------------------------------------------------------------
    Widgets: Ecko - Social Share
------------------------------------------------------------------- */
.widget.widget_ecko_widget_share .options {
        display: flex;
        flex-flow: row wrap;
        gap: 15px;
        justify-content: space-between;
        padding-bottom: 0;
        margin-bottom: -15px;
        overflow: hidden;
}

.widget.widget_ecko_widget_share button {
        display: block;
        width: 47%;
        padding: 14px 0;
        margin: 0;
        font-family: var(--font-header-alt);
        font-size: 14px;
        font-weight: 600;
        color: #68686d;
        text-align: center;
        cursor: pointer;
        background: #f8f8fa;
        border: 0;
        border-radius: 4px;
}

.widget.widget_ecko_widget_share button .svg {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 10px;
        vertical-align: -2px;
}

.widget.widget_ecko_widget_share button.x:hover {
        color: #fff;
        background: #1f1f1f;
}

.widget.widget_ecko_widget_share button.facebook:hover {
        color: #fff;
        background: #3b5998;
}

.widget.widget_ecko_widget_share button.google:hover {
        color: #fff;
        background: #dd4b39;
}

.widget.widget_ecko_widget_share button.reddit:hover {
        color: #fff;
        background: #5f99cf;
}

.widget.widget_ecko_widget_share button.pinterest:hover {
        color: #fff;
        background: #c8232c;
}

.widget.widget_ecko_widget_share button.linkedin:hover {
        color: #fff;
        background: #0e76a8;
}

@media (max-width: 440px) {
        .widget.widget_ecko_widget_share a {
                width: 100%;
        }
}

/* ------------------------------------------------------------------
    Widgets: Ecko - Social
------------------------------------------------------------------- */
.widget.widget_ecko_widget_social_author ul,
.widget.widget_ecko_widget_social_blog ul {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin: 0;
}

.widget.widget_ecko_widget_social_author li,
.widget.widget_ecko_widget_social_blog li {
        padding: 0;
        margin: 0;
        list-style: none;
}

.widget.widget_ecko_widget_social_author li::before,
.widget.widget_ecko_widget_social_blog li::before {
        display: none;
}

.widget.widget_ecko_widget_social_author .socialdark,
.widget.widget_ecko_widget_social_blog .socialdark {
        display: block;
        width: 34px;
        height: 34px;
        padding: 0;
        font-size: 12px;
        line-height: 34px;
        color: #757480;
        text-align: center;
        list-style: none;
        background-color: #f7f7f7;
        border-radius: 4px;
}

.widget.widget_ecko_widget_social_author .socialdark .svg,
.widget.widget_ecko_widget_social_blog .socialdark .svg {
        display: inline-block;
        width: 13px;
        height: 13px;
        vertical-align: -2px;
}

.widget.widget_ecko_widget_social_author .socialdark:hover,
.widget.widget_ecko_widget_social_blog .socialdark:hover {
        color: #fff;
}

.widget.widget_ecko_widget_social_author .socialdark.x:hover,
.widget.widget_ecko_widget_social_blog .socialdark.x:hover {
        background-color: #1f1f1f;
}

.widget.widget_ecko_widget_social_author .socialdark.facebook:hover,
.widget.widget_ecko_widget_social_blog .socialdark.facebook:hover {
        background-color: #3b5998;
}

.widget.widget_ecko_widget_social_author .socialdark.messenger:hover,
.widget.widget_ecko_widget_social_blog .socialdark.messenger:hover {
        background-color: #0084ff;
}

.widget.widget_ecko_widget_social_author .socialdark.google:hover,
.widget.widget_ecko_widget_social_author .socialdark.google-plus:hover,
.widget.widget_ecko_widget_social_blog .socialdark.google:hover,
.widget.widget_ecko_widget_social_blog .socialdark.google-plus:hover {
        background-color: #dd4b39;
}

.widget.widget_ecko_widget_social_author .socialdark.dribbble:hover,
.widget.widget_ecko_widget_social_blog .socialdark.dribbble:hover {
        background-color: #ea4c89;
}

.widget.widget_ecko_widget_social_author .socialdark.instagram:hover,
.widget.widget_ecko_widget_social_blog .socialdark.instagram:hover {
        background-color: #3f729b;
}

.widget.widget_ecko_widget_social_author .socialdark.github:hover,
.widget.widget_ecko_widget_social_blog .socialdark.github:hover {
        background-color: #333;
}

.widget.widget_ecko_widget_social_author .socialdark.rss:hover,
.widget.widget_ecko_widget_social_blog .socialdark.rss:hover {
        background-color: #ee802f;
}

.widget.widget_ecko_widget_social_author .socialdark.youtube:hover,
.widget.widget_ecko_widget_social_blog .socialdark.youtube:hover {
        background-color: #c4302b;
}

.widget.widget_ecko_widget_social_author .socialdark.pinterest:hover,
.widget.widget_ecko_widget_social_blog .socialdark.pinterest:hover {
        background-color: #c8232c;
}

.widget.widget_ecko_widget_social_author .socialdark.linkedin:hover,
.widget.widget_ecko_widget_social_blog .socialdark.linkedin:hover {
        background-color: #0e76a8;
}

.widget.widget_ecko_widget_social_author .socialdark.reddit:hover,
.widget.widget_ecko_widget_social_blog .socialdark.reddit:hover {
        background-color: #5f99cf;
}

.widget.widget_ecko_widget_social_author .socialdark.skype:hover,
.widget.widget_ecko_widget_social_blog .socialdark.skype:hover {
        background-color: #00aff0;
}

.widget.widget_ecko_widget_social_author .socialdark.tumblr:hover,
.widget.widget_ecko_widget_social_blog .socialdark.tumblr:hover {
        background-color: #35465c;
}

.widget.widget_ecko_widget_social_author .socialdark.vk:hover,
.widget.widget_ecko_widget_social_blog .socialdark.vk:hover {
        background-color: #45668e;
}

.widget.widget_ecko_widget_social_author .socialdark.flickr:hover,
.widget.widget_ecko_widget_social_blog .socialdark.flickr:hover {
        background-color: #ff0084;
}

.widget.widget_ecko_widget_social_author .socialdark.stackoverflow:hover,
.widget.widget_ecko_widget_social_blog .socialdark.stackoverflow:hover {
        background-color: #fe7a15;
}

.widget.widget_ecko_widget_social_author .socialdark.twitch:hover,
.widget.widget_ecko_widget_social_blog .socialdark.twitch:hover {
        background-color: #6441a5;
}

.widget.widget_ecko_widget_social_author .socialdark.vimeo:hover,
.widget.widget_ecko_widget_social_blog .socialdark.vimeo:hover {
        background-color: #1ab7ea;
}

.widget.widget_ecko_widget_social_author .socialdark.weibo:hover,
.widget.widget_ecko_widget_social_blog .socialdark.weibo:hover {
        background-color: #d72928;
}

.widget.widget_ecko_widget_social_author .socialdark.email:hover,
.widget.widget_ecko_widget_social_blog .socialdark.email:hover {
        background-color: #76b852;
}

.widget.widget_ecko_widget_social_author .socialdark.soundcloud:hover,
.widget.widget_ecko_widget_social_blog .socialdark.soundcloud:hover {
        background-color: #f80;
}

.widget.widget_ecko_widget_social_author .socialdark.telegram:hover,
.widget.widget_ecko_widget_social_blog .socialdark.telegram:hover {
        background-color: #08c;
}

.widget.widget_ecko_widget_social_author .socialdark.medium:hover,
.widget.widget_ecko_widget_social_blog .socialdark.medium:hover {
        background-color: #00ab6c;
}

.widget.widget_ecko_widget_social_author .socialdark.strava:hover,
.widget.widget_ecko_widget_social_blog .socialdark.strava:hover {
        background-color: #fc4c02;
}

/* ------------------------------------------------------------------
  Widgets: Ecko - Susbcribe
------------------------------------------------------------------- */
.widget.widget_ecko_widget_subscribe {
        position: relative;
        /* stylelint-disable-next-line */
}

.widget.widget_ecko_widget_subscribe p {
        margin-top: 0;
        font-size: 15px;
}

.widget.widget_ecko_widget_subscribe label {
        position: absolute;
        top: -20px;
        color: transparent;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
}

.widget.widget_ecko_widget_subscribe .indicates-required {
        display: none;
}

.widget.widget_ecko_widget_subscribe .svg {
        display: none;
}

.widget.widget_ecko_widget_subscribe #mc-embedded-subscribe-form {
        margin-top: 20px;
}

.widget.widget_ecko_widget_subscribe input[type=email]#mce-EMAIL {
        width: 100%;
        height: 60px;
        padding: 0 140px 0 25px;
        margin: 0;
        font-family: var(--font-header-alt);
        font-size: 13px;
        font-weight: 500;
        background: transparent;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
}

.widget.widget_ecko_widget_subscribe input[type=email]#mce-EMAIL:focus {
        border-color: #b9b9b9;
}

.widget.widget_ecko_widget_subscribe input[type=submit]#mc-embedded-subscribe {
        position: absolute;
        top: 12px;
        right: 13px;
        width: auto;
        max-width: 100%;
        height: auto;
        padding: 13px 20px;
        font-family: var(--font-header-alt);
        font-size: 10px;
        font-weight: 700;
        color: #fff;
        background: #3d3d3f;
        border: 0;
        border-radius: 4px;
}

.widget.widget_ecko_widget_subscribe input[type=submit]#mc-embedded-subscribe:focus,
.widget.widget_ecko_widget_subscribe input[type=submit]#mc-embedded-subscribe:hover {
        background: #101010;
}

.widget.widget_ecko_widget_subscribe form {
        position: relative;
}

@media (max-width: 440px) {
        .widget.widget_ecko_widget_subscribe {
                /* stylelint-disable-next-line */
        }

        .widget.widget_ecko_widget_subscribe #mc-embedded-subscribe {
                width: inherit;
                margin-top: inherit;
        }

        .widget.widget_ecko_widget_subscribe #mce-EMAIL {
                text-align: left;
        }
}

/* Widgets: WordPress */
/* ------------------------------------------------------------------
    Widgets: WordPress - Archive
------------------------------------------------------------------- */
.widget.widget_archive select {
        width: 100%;
        padding: 20px;
        font-family: var(--font-header-alt);
        font-size: 14px;
        font-weight: 500;
        color: #44494f;
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%2344494f'><polygon points='0,0 100,0 50,50'/></svg>");
        background-repeat: no-repeat;
        background-position: calc(100% - 20px) 25px;
        background-size: 14px;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
}

/* ------------------------------------------------------------------
    Widgets: WordPress - Audio
------------------------------------------------------------------- */
/* ------------------------------------------------------------------
    Widgets: WordPress - Block
------------------------------------------------------------------- */
/* ------------------------------------------------------------------
    Widgets: WordPress - Calendar
------------------------------------------------------------------- */
/* ------------------------------------------------------------------
    Widgets: WordPress - Categories
------------------------------------------------------------------- */
.widget.widget_categories select {
        width: 100%;
        padding: 20px;
        font-family: var(--font-header-alt);
        font-size: 14px;
        font-weight: 500;
        color: #44494f;
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%2344494f'><polygon points='0,0 100,0 50,50'/></svg>");
        background-repeat: no-repeat;
        background-position: calc(100% - 20px) 25px;
        background-size: 14px;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
}

/* ------------------------------------------------------------------
    Widgets: WordPress - Custom HTML
------------------------------------------------------------------- */
.widget.widget_custom_html .custom-html-widget>*:first-child {
        margin-top: 0;
}

.widget.widget_custom_html .custom-html-widget>*:last-child {
        margin-bottom: 0;
}

/* ------------------------------------------------------------------
    Widgets: WordPress - Gallery
------------------------------------------------------------------- */
.widget.widget_media_gallery .gallery .gallery-item {
        margin: 0;
}

.widget.widget_media_gallery .gallery .gallery-item img {
        border: 0;
}

/* ------------------------------------------------------------------
    Widgets: WordPress - Image
------------------------------------------------------------------- */
.widget.widget_media_image .image {
        display: block;
}

/* ------------------------------------------------------------------
    Widgets: WordPress - Navigation Menu
------------------------------------------------------------------- */
.widget.widget_nav_menu .menu {
        margin: 0;
}

.widget.widget_nav_menu .menu>.menu-item>a {
        font-size: 16px;
        color: #252528;
}

.widget.widget_nav_menu .menu-item-has-children>a {
        display: flex;
        gap: 8px;
        align-items: center;
        margin-bottom: 10px;
}

.widget.widget_nav_menu .menu-item-has-children>a svg {
        width: 16px;
        height: 16px;
        color: #a3a3a6;
}

.widget.widget_nav_menu .sub-menu {
        padding-left: 15px;
}

.widget.widget_nav_menu .sub-menu li {
        margin: 5px 0;
}

.widget.widget_nav_menu .sub-menu li::before {
        margin-right: 10px;
        color: #a3a3a6;
        content: "—";
}

.widget.widget_nav_menu a:focus,
.widget.widget_nav_menu a:hover {
        color: currentcolor;
}

/* ------------------------------------------------------------------
    Widgets: WordPress - Pages
------------------------------------------------------------------- */
/* ------------------------------------------------------------------
    Widgets: WordPress - Recent Comments
------------------------------------------------------------------- */
/* ------------------------------------------------------------------
    Widgets: WordPress - Recent Posts
------------------------------------------------------------------- */
.widget.widget_recent_entries .post-date {
        display: block;
        font-family: var(--font-header-alt);
        font-size: 12px;
        font-weight: 500;
        color: #71757a;
}

/* ------------------------------------------------------------------
    Widgets: WordPress - RSS
------------------------------------------------------------------- */
.widget.widget_rss .rss-widget-feed {
        display: none;
}

.widget.widget_rss li {
        display: flex;
        flex-direction: column;
        gap: 4px;
}

.widget.widget_rss .rssSummary {
        font-family: var(--font-body);
}

/* ------------------------------------------------------------------
    Widgets: WordPress - Search
------------------------------------------------------------------- */
.widget.widget_search .searchform {
        position: relative;
}

.widget.widget_search .searchform input {
        width: 100%;
        height: 60px;
        padding: 0 50px;
        margin-bottom: 0;
        font-family: var(--font-header-alt);
        font-size: 14px;
        font-weight: 500;
        background: transparent;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
}

.widget.widget_search .searchform input:focus {
        border-color: #b9b9b9;
}

.widget.widget_search .searchform .searchform-label {
        position: absolute;
        top: -20px;
        color: transparent;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
}

.widget.widget_search .searchform .svg {
        position: absolute;
        top: 23px;
        left: 22px;
        display: inline-block;
        width: 15px;
        height: 15px;
        color: #858f96;
        vertical-align: -3px;
}

/* ------------------------------------------------------------------
    Widgets: WordPress - Tag Cloud
------------------------------------------------------------------- */
.widget.widget_tag_cloud .tagcloud {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
}

.widget.widget_tag_cloud .tag-cloud-link {
        display: inline-block;
        padding: 10px 15px;
        font-family: var(--font-header-alt);
        font-size: 13px !important;
        font-weight: 600;
        line-height: normal;
        color: #212122;
        background: #f7f7f7;
        border: 0;
        border-radius: 4px;
}

.widget.widget_tag_cloud .tag-cloud-link:hover {
        color: #fff;
        background: var(--color-accent-base);
}

/* ------------------------------------------------------------------
    Widgets: WordPress - Text
------------------------------------------------------------------- */
.widget.widget_text .textwidget>*:first-child {
        margin-top: 0;
}

.widget.widget_text .textwidget>*:last-child {
        margin-bottom: 0;
}

.widget.widget_text .textwidget ul {
        padding: revert;
        list-style: auto;
}

.widget.widget_text .textwidget li {
        font-family: var(--font-body);
        font-size: 16px;
        font-weight: 400;
}

/* ------------------------------------------------------------------
    Widgets: WordPress - Video
------------------------------------------------------------------- */
/* ------------------------------------------------------------------
    Vendors: WordPress
------------------------------------------------------------------- */
#wp-calendar {
        width: calc(100% + 16px);
        margin: 0 -8px;
        font-family: var(--font-header);
        font-weight: 500;
        border-spacing: 8px;
        border-collapse: separate;
}

#wp-calendar caption {
        display: table-caption;
        margin-bottom: 20px;
        margin-left: 8px;
        font-size: 16px;
        font-weight: 500;
        color: #161616;
        text-align: left;
}

#wp-calendar th,
#wp-calendar td {
        text-align: center;
}

#wp-calendar thead {
        font-size: 13px;
        font-weight: 400;
        color: #fff;
}

#wp-calendar tbody {
        color: #aaa;
}

#wp-calendar tbody tr {
        margin-bottom: 10px;
}

#wp-calendar tbody td,
#wp-calendar thead th {
        height: 50px;
        aspect-ratio: 1/1;
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: 600;
        color: #828187;
        text-align: center;
        background: #1d1d1f;
        border-radius: 3px;
        transition: background 0.15s ease-in-out;
}

#wp-calendar thead th {
        color: #161616;
        text-align: center;
        background: none;
        border: 1px solid #e9e8e8;
}

#wp-calendar tbody td#today {
        color: #fff;
        background: var(--color-accent-base);
}

#wp-calendar tbody .pad {
        background: none;
}

#wp-calendar tbody .pad:hover,
#wp-calendar tbody .pad:focus {
        background: none;
}

#wp-calendar tbody td {
        background: #f8f8f8;
        border: 0;
}

#wp-calendar .pad {
        background: none;
}

#wp-calendar tbody td a {
        display: block;
        font-size: 12px;
        color: #bbb;
        border-radius: 3px;
}

#wp-calendar tbody td a:hover,
#wp-calendar tbody td a:focus {
        color: #fff;
}

#wp-calendar tfoot {
        margin-top: 8px;
        border-spacing: 0;
}

#wp-calendar tfoot a {
        display: block;
        margin: 10px 0 0;
        font-size: 16px;
        font-weight: 400;
        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 {
        font-family: var(--font-header);
        font-weight: 500;
        margin-top: 10px;
}



/* main title text */
.mta-text {

    /*position: fixed;*/
    /*top: 20px;*/
    /*left: 20px;*/
    list-style: none;
    border-bottom: 0;
    line-height: 1;
    z-index: 10;

    display: flex;
    /* removes inline-block gaps */
    align-items: baseline;
    /* keeps all letters aligned */

    letter-spacing: 0;
}




.mta-text .marketing {
    font-family: 'Suisse Intl Mono';
    /*font-family: 'Editorial Old Ultralight';*/
    /*text-transform: uppercase;*/

}

.mta-text .technology {
    /*font-family: 'Suisse Intl';*/

    /*text-transform: capitalize;*/

}

.mta-text .architecture {
    /*font-family: 'Suisse Intl';*/
    /*font-family: 'Editorial Old Ultralight';*/
    /*text-transform: lowercase;*/
    /*font-style: italic;*/
    /*text-transform: capitalize;*/
    font-family: 'Editorial Old Ultralight';
    font-style: italic;

}

.mta-text {
    /*font-style: italic;*/
    padding-left: 10px !important;
    /* in LTR context */
    /*font-family: 'Editorial Old Ultralight';*/
    padding-right: 8px;

}

.post-list-post .post-title a {
    font-family: 'Editorial Old Ultralight';

    font-weight: 500;
    font-size: 3.5rem;
    line-height: 4.5rem;
    font-style: italic;
}

.post-list-post__featured .post-meta {
    color: white;
}

.post-list-post__featured {
    border-radius: 1.5rem;
}

.post-list-post__featured .post-excerpt {
    color: white;
}

.header-nav a {
    /*color: #ea0202;*/
    color: white;


}

.mta-text li {
    display: block;
    /*font-family: "Libre Caslon Text", serif;*/
    /*font-style: italic;*/
    /*font-family: 'Editorial Old Ultralight';*/
    font-family: 'Suisse Intl';
    /*font-family: 'Suisse Intl Mono';*/
    /*font-weight: 200;*/
    /*font-size: 2rem;*/
    font-size: 17px;
    font-weight: bold;
    /*color: #ea0202;*/
    color: white;
    line-height: 1;
    opacity: 1;
    transition: all 0.5s ease-in-out;
    max-width: 3em;
    padding-bottom: 2px;
    /* normalize box height for underline */
    /*letter-spacing: -.02em;*/
    font-feature-settings: "liga"1, "dlig"1, "hlig"1, "calt"1;
    padding-top: 2px;
}

.mta-text li.mta-spaced {
    margin-left: 0.5em;
}

.mta-text li.mta-last {
    margin-left: 0;
}

/* collapse letters when hidden */
.mta-text.mta-hidden li.mta-ghost {
    opacity: 0;
    max-width: 0;
}

/* remove spacing when hidden */
.mta-text.mta-hidden li.mta-spaced {
    padding-left: 0;
    margin-left: 0;
}

/* underline segments with tiny arrow */
.mta-bg {
    position: relative;
    /*border-bottom: 2px solid #000;*/
}

.mta-bg::after {
    content: "";
    position: absolute;
    bottom: -4px;
    right: -6px;
    width: 0;
    height: 0;
    /*border-left: 6px solid #000;    /* solid triangle */
    */ border-top: 4px solid transparent;
    /*border-bottom: 4px solid transparent;*/
    transition: opacity 0.3s ease;
}

/* hide arrows when text is hidden */
.mta-text.mta-hidden .mta-bg::after {
    opacity: 0;
}

@media (prefers-reduced-motion: reduce) {

    .mta-text li,
    .mta-bg::after {
        transition: none;
    }
}