/*
 Theme Name:   Streamingtipps Blogdesign
 Description:  Neues Design für den Streamingtipps Blog
 Author:       Denis Brediceanu
 Author URI:   https://wpcorner.de
 Version:      1.0
 Text Domain:  streamingtipps
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
    --st-accent: #dfad05;
    --st-text: #2d3748;
    --st-muted: #718096;
    --st-border: #e5e7eb;
    --st-surface: #f8fafb;
    --st-white: #ffffff;
    --st-shadow: none;
    --st-content-width: 1260px;
    --st-font-family: "Open Sans", sans-serif;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: var(--st-font-family);
    font-size: 14px;
    line-height: 1.7;
    color: var(--st-text);
    background: linear-gradient(180deg, #fffdf7 0%, #ffffff 18rem);
}

button,
input,
select,
textarea {
    font: inherit;
}

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

a {
    color: var(--st-accent);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1f2933;
    line-height: 1.2;
    margin: 0 0 0.75rem;
}

p,
ul,
ol,
blockquote {
    margin: 0 0 1rem;
}

.container {
    width: min(100% - 2rem, var(--st-content-width));
    margin: 0 auto;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

#page-container {
    min-height: 100vh;
}

#main-header {
    background: #ffffff;
    border-bottom: 1px solid #ececec;
    position: sticky;
    top: 0;
    z-index: 400;
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

body.admin-bar #main-header {
    top: 32px;
}

#main-header.is-condensed {
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 26px rgba(31, 41, 51, 0.08);
}

.header-shell {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    min-height: 92px;
    transition: min-height 0.25s ease, gap 0.25s ease;
}

.logo_container {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-width: 0;
}

.custom-logo-link,
.site-title-link {
    display: inline-flex;
    align-items: center;
    transform-origin: left center;
    transition: transform 0.25s ease;
}

.site-title-link {
    color: #1f2933;
    font-size: 1.4rem;
    font-weight: 700;
}

.site-description {
    display: none;
}

.custom-logo {
    max-height: 46px;
    max-width: 390px;
    width: auto;
    display: block;
    transform-origin: left center;
    transition: transform 0.25s ease, max-height 0.25s ease;
}

#main-header.is-condensed .header-shell {
    min-height: 74px;
}

#main-header.is-condensed .custom-logo-link,
#main-header.is-condensed .site-title-link {
    transform: scale(0.86);
}

.header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.75rem;
    flex: 1 1 auto;
}

.menu-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--st-accent);
    cursor: pointer;
}

.menu-toggle-lines {
    display: inline-flex;
    flex-direction: column;
    gap: 5px;
}

.menu-toggle-lines span {
    display: block;
    width: 22px;
    height: 2px;
    background: currentColor;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.menu-toggle[aria-expanded="true"] .menu-toggle-lines span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.menu-toggle[aria-expanded="true"] .menu-toggle-lines span:nth-child(2) {
    opacity: 0;
}

.menu-toggle[aria-expanded="true"] .menu-toggle-lines span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

.main-navigation .nav,
.bottom-nav {
    list-style: none;
    display: flex;
    gap: 1.9rem;
    margin: 0;
    padding: 0;
    align-items: center;
    flex-wrap: wrap;
}

.main-navigation li,
.footer-navigation li {
    margin: 0;
}

.main-navigation a,
.footer-navigation a {
    color: #6f6f6f;
    font-weight: 600;
    font-size: 0.95rem;
}

.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.footer-navigation .current-menu-item > a {
    color: var(--st-accent);
}

.header-search-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #8b8b8b;
    cursor: pointer;
}

.header-search-button svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.header-search-panel {
    position: absolute;
    inset: 0;
    display: none;
    background: #ffffff;
    z-index: 5;
}

#main-header.is-search-open .header-search-panel {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-search-form {
    flex: 1 1 auto;
}

.header-search-field {
    width: 100%;
    padding: 0.25rem 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #6f6f6f;
    font-size: clamp(1.15rem, 2vw, 1.6rem);
    font-weight: 400;
    line-height: 1.15;
}

.header-search-field::placeholder {
    color: #7a7a7a;
    opacity: 1;
}

.header-search-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #7a7a7a;
    cursor: pointer;
}

.header-search-close span {
    display: block;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1;
    transform: translateY(-2px);
}

#main-content {
    padding: 2rem 0 3rem;
}

#content-area {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
    gap: 2.25rem;
    align-items: start;
}

#left-area {
    min-width: 0;
    padding-right: 2.25rem;
    border-right: 1px solid var(--st-border);
}

#sidebar {
    min-width: 0;
    width: auto;
    padding-top: 0.2rem;
}

.page-container {
    max-width: 900px;
}

.page-content-full {
    width: 100%;
}

.front-page-main {
    padding-top: 0;
}

.content-card,
.page-article {
    background: var(--st-white);
    border-radius: 0;
    box-shadow: var(--st-shadow);
    padding: 1.35rem;
    margin-bottom: 1.5rem;
}

.entry-header {
    margin-bottom: 1.25rem;
}

.entry-title {
    margin: 0 0 0.55rem;
    font-size: clamp(1.2rem, 1.8vw, 1.45rem);
    font-weight: 400;
    line-height: 1.12;
}

.single-article .entry-title {
    font-size: clamp(1.55rem, 2.4vw, 1.85rem);
    font-weight: 400;
    line-height: 1.15;
    margin-bottom: 1rem;
}

.entry-title a {
    color: #1f2933;
}

.post-meta {
    color: var(--st-muted);
    font-size: 0.8rem;
    margin-bottom: 0.7rem;
}

.entry-content {
    font-size: 0.88rem;
    line-height: 1.6;
}

.archive-entry.has-card-image {
    display: grid;
    grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
    gap: 1rem 1.6rem;
    align-items: start;
}

.archive-entry.has-card-image .entry-featured-image-url {
    grid-column: 1;
    grid-row: 1 / span 4;
    align-self: start;
    margin: 0;
}

.archive-entry.has-card-image .entry-featured-image-url img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.archive-entry.has-card-image .entry-title,
.archive-entry.has-card-image .post-meta,
.archive-entry.has-card-image .entry-content,
.archive-entry.has-card-image .more-link {
    grid-column: 2;
}

.archive-entry.has-card-image .more-link {
    justify-self: start;
}

.archive-entry .more-link,
.archive-entry .more-link:hover {
    margin-top: 0.7rem;
    min-height: 0;
    padding: 0.5rem 0.8rem;
    border-radius: 0;
    background: var(--st-accent);
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 400;
    text-decoration: none;
    box-shadow: none;
    filter: none;
}

.post-meta a {
    color: var(--st-accent);
}

.single-article .post-meta {
    font-size: 0.84rem;
    margin-bottom: 1rem;
}

.entry-featured-image-url,
.featured-image-wrap {
    display: block;
    margin-bottom: 1.25rem;
}

.entry-featured-image-url img,
.featured-image-wrap img {
    width: 100%;
    border-radius: 0;
    display: block;
}

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

.entry-content .alignwide {
    width: calc(100% + 6rem);
    max-width: calc(100% + 6rem);
    margin-left: -3rem;
    margin-right: -3rem;
}

.entry-content .alignfull {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.entry-content blockquote,
.wp-block-quote {
    border-left: 4px solid var(--st-accent);
    padding-left: 1rem;
    color: #475467;
}

.wp-block-pullquote {
    border-top: 2px solid var(--st-accent);
    border-bottom: 2px solid var(--st-accent);
    padding: 2rem 1rem;
}

.wp-block-button__link,
.more-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    background: var(--st-accent);
    color: var(--st-white);
    border-radius: 999px;
    padding: 0.7rem 1.1rem;
    font-weight: 700;
    text-decoration: none;
}

.entry-featured-image-url img {
    border-radius: 4px !important;
}

.more-link {
    border-radius: 4px !important;
}

.wp-block-button__link:hover,
.more-link:hover {
    color: var(--st-white);
    text-decoration: none;
    filter: brightness(1.04);
}

.pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0 auto;
}

.pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    border: 1px solid var(--st-border);
    border-radius: 4px;
    background: var(--st-white);
    color: #1f2933;
    padding: 0 0.95rem;
}

.pagination .current,
.pagination .page-numbers:hover {
    background: var(--st-accent);
    border-color: var(--st-accent);
    color: var(--st-white);
    text-decoration: none;
}

.widget {
    background: var(--st-white);
    border: 1px solid var(--st-border);
    border-radius: 0;
    box-shadow: var(--st-shadow);
    padding: 1.25rem;
    margin-bottom: 1.25rem;
}

.widget-title {
    margin-bottom: 1rem;
    font-size: clamp(1.05rem, 1.35vw, 1.25rem);
    font-weight: 400;
    line-height: 1.25;
}

#sidebar .widget,
.archive #sidebar .widget,
.single #sidebar .widget,
.blog #sidebar .widget {
    border: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    margin-bottom: 2rem;
}

.wp-block-image img {
    border-radius: 4px;
    width: 100%;
}

#sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#sidebar li {
    margin-bottom: 0.75rem;
    line-height: 1.45;
}

#sidebar a,
#sidebar .widget a {
    color: var(--st-text);
    font-size: 0.88rem;
    text-decoration: none;
}

#sidebar a:hover,
#sidebar .widget a:hover {
    color: var(--st-accent);
    text-decoration: none;
}

.sidebar-mobile,
.sidebar-desktop {
    width: 100%;
}

.sidebar-mobile {
    display: none;
}

#main-footer {
    margin-top: 3rem;
    background: #2f2d2d;
}

#footer-bottom {
    padding: 1.35rem 0;
}

.footer-bottom-shell {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.75rem;
    flex-wrap: wrap;
}

.footer-navigation {
    display: flex;
}

.footer-navigation .bottom-nav {
    justify-content: center;
    gap: 2rem;
}

.footer-navigation a,
#footer-info {
    color: #bcbcbc;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.4;
}

.footer-navigation a:hover,
.footer-navigation .current-menu-item > a {
    color: #ffffff;
    text-decoration: none;
}

#footer-info {
    margin: 0;
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/open-sans-v28-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-500 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: local(''),
    url('fonts/open-sans-v28-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/open-sans-v28-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local(''),
    url('fonts/open-sans-v28-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/open-sans-v28-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-500italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 500;
    src: local(''),
    url('fonts/open-sans-v28-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/open-sans-v28-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local(''),
    url('fonts/open-sans-v28-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/open-sans-v28-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

ol.wse-elements {
    padding-bottom: 0 !important;
}

.wse-widget .wse-elements .wse-element .wse-details .wse-slider-container .wse-slider .wse-providers .wse-provider .wse-price-summary {
    margin-top: 0;
}

.wse-widget .wse-content a {
    color: #dfad05 !important;
}

.wse-widget small {
    font-size: 93% !important;
}

.wse-widget .wse-title {
    font-size: 19px;
    font-weight: 500 !important;
}

.wse-widget ul.wse-badges {
    padding: 0 !important;
    margin-top: 0 !important;
    line-height: 18px !important;
}

.wse-widget .wse-elements .wse-element .wse-details .wse-slider-container .wse-slider .wse-providers .wse-provider .wse-provider-logo span {
    line-height: 11px;
}

.wse-widget .wse-elements .wse-element .wse-details .wse-slider-container .wse-slider .wse-providers .wse-provider .wse-price-summary {
    margin-top: 5px;
    font-size: 66% !important;
    line-height: 10px;
}

ol.wse-elements {
    padding-bottom: 0 !important;
}

.wse-widget .wse-elements .wse-element .wse-details .wse-slider-container .wse-slider .wse-providers .wse-provider .wse-price-summary {
    margin-top: 0;
}

.wse-widget .wse-content a {
    color: #dfad05 !important;
}

.wse-widget small {
    font-size: 93% !important;
}

.wse-widget .wse-title {
    font-size: 19px;
    font-weight: 500 !important;
}

.wse-widget ul.wse-badges {
    padding: 0 !important;
    margin-top: 0 !important;
    line-height: 18px !important;
}

.wse-widget .wse-elements .wse-element .wse-details .wse-slider-container .wse-slider .wse-providers .wse-provider .wse-provider-logo span {
    line-height: 11px;
}

.wse-widget .wse-elements .wse-element .wse-details .wse-slider-container .wse-slider .wse-providers .wse-provider .wse-price-summary {
    margin-top: 5px;
    font-size: 66% !important;
    line-height: 10px;
}

small {
    font-size: 8px;
    font-weight: normal;
}

/*------------------
*--- Navigation ---*
------------------*/
#top-menu .highlighted a {
    color: #DFAD05;
    font-weight: bold;
}

/*------------------
*-- Artikelseite --*
------------------*/
.has-sidebar #left-area {
    margin-right: 0;
    padding-right: 0;
    width: auto;
}

.sidebar-mobile {
    height: auto;
    margin: 0 auto;
    width: 300px;
    text-align: center;
}

.sidebar-desktop {
    min-width: 300px;
}

@media (min-width: 981px) {
    .has-sidebar #main-content .container:before {
        display: none;
    }

    #sidebar {
        width: auto;
    }

    .sidebar-mobile {
        display: none;
    }
}

@media (max-width: 980px) {
    .sidebar-desktop {
        display: none;
    }
}


/*------------------
*-- CSS WSE-CHARTS --*
------------------*/
body .container-wse-chart-stream-wp {
    width: 100%;
    margin: 0 auto;
    background: #f8fafb;
    position: relative;
    display: block;
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #f1f1f1;
    box-shadow: 0 30px 60px rgba(0, 0, 0, .1);
    box-sizing: border-box;
}

table.wse-chart-stream-wp, table.wse-chart-stream-wp td, table.wse-chart-stream-wp th {
    border: none !important;
}

body .wse-chart-stream-wp,
.wse-widget {
    font-family: var(--st-font-family);
    font-size: 14px;
}

body .wse-chart-stream-wp {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
}

body .wse-chart-stream-wp th {
    padding: .75rem;
    vertical-align: bottom;
}

body .wse-chart-stream-wp th, body table.wse-chart-stream-wp td {
    padding: 30px 15px !important;
    vertical-align: middle !important;
}

body .wse-chart-stream-wp {
    background-color: #fff;
}

body .wse-chart-table-stripped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05);
}

body .wse-chart-stream-wp-hover tbody > tr:hover .wse-chart-stream-wp-platz {
    color: #dfad05 !important;
    transition: .2s linear;
}

body .wse-chart-stream-wp-hover tbody > tr:hover {
    background-color: rgb(249 250 251);
}

table.wse-chart-stream-wp thead > tr {
    border-bottom: 1px solid #efefef !important;
}

table.wse-chart-stream-wp thead > tr > th {
    font-size: 15px;
    text-transform: uppercase;
    color: #a2a8b3;
    line-height: 1.8em;
}

table.wse-chart-stream-wp .wse-chart-stream-wp-align {
    vertical-align: middle;
}

table.wse-chart-stream-wp tbody tr > td.wse-chart-stream-wp-platz {
    font-size: 4em;
    text-align: center;
    color: #ecd3a2;
    font-weight: 700;
}

table.wse-chart-stream-wp tbody tr > td.wse-chart-stream-wp-thumbnail {
    text-align: center;
}

table.wse-chart-stream-wp tbody tr > td.wse-chart-stream-wp-thumbnail img {
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, .26);
    box-shadow: 0 5px 13px rgba(0, 0, 0, .26);
    box-sizing: border-box;
}

table.wse-chart-stream-wp tbody tr > td.wse-chart-stream-wp-titel h3 {
    line-height: 1.5em;
    font-size: 25px;
    margin: 0 auto;
    padding: 0;
    color: #5e6571;
    font-weight: lighter;
    width: 100%;
    position: relative;
    word-break: break-word;
    text-align: left;
}

table.wse-chart-stream-wp tbody tr td .wse-chart-stream-wp-info-year {
    width: 100%;
    position: relative;
    display: table;
    font-size: 12px;
    color: #929292;
}

table.wse-chart-stream-wp tbody > tr {
    border-bottom: 1px solid #efefef !important;
    cursor: pointer;
}

table.wse-chart-stream-wp tbody > tr .wse-chart-stream-wp-link a {
    text-decoration: none;
    color: #806413;
    padding: 10px 0px;
    border-radius: 30px;
    font-size: 12px;
    display: block;
    max-width: fit-content;
    transition: .3s linear;
}

table.wse-chart-stream-wp tbody > tr td .wse-chart-stream-wp-info {
    width: 100%;
    position: relative;
    display: table;
    margin-bottom: 15px;
}

td.wse-chart-stream-wp-align.wse-chart-stream-wp-thumbnail a {
    display: block;
}

td.wse-chart-stream-wp-align.wse-chart-stream-wp-thumbnail {
    max-width: 150px !important;
}

table.wse-chart-stream-wp tbody > tr .wse-chart-stream-wp-link a:hover {
    text-decoration: none;
    color: #806413;
    background: #efe7d9;
    padding: 10px 15px;
    transition: .3s linear;
}

@media (max-width: 765px) {
    body .container-wse-chart-stream-wp table.wse-chart-stream-wptd.wse-chart-stream-wp-titel h3 {
        font-size: 15px !important;
    }

    body .container-wse-chart-stream-wp {
        padding: 5px !important;
        border-radius: 0 !important;
    }

    body .container-wse-chart-stream-wp table.wse-chart-stream-wp td, body .wse-chart-stream-wp th {
        padding: 15px !important;
    }

    body .container-wse-chart-stream-wp table.wse-chart-stream-wp tbody > tr .wse-chart-stream-wp-link a:hover {
        padding: 0px !important;
        background: none !important;
    }

    body .container-wse-chart-stream-wp table.wse-chart-stream-wp tbody > tr .wse-chart-stream-wp-link a {
        padding: 0px !important;
    }

    body .container-wse-chart-stream-wp table.wse-chart-stream-wp td.wse-chart-stream-wp-titel h3 {
        margin: 0 auto 10px !important;
    }
}

body .wse-charts-stream-headline {
    width: 100%;
    position: relative;
    display: table;
    margin-bottom: 30px;
}

body .wse-charts-stream-headline p a {
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
}

body .container-wse-chart-stream-wp .wse-chart-stream-wp-link p {
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    display: table;
}


.social-buttons .social-button {
    display: inline-block;
    border-radius: 4px;
    padding: 5px 15px 5px 35px;
    margin-right: 10px;
    position: relative;
    box-shadow: 0 0 2px 0 #000;
    border: 1px solid #fff;
    font-size: 13px;
    transition: background-color .3s ease-in-out;
}

@media (max-width: 980px) {
    body.admin-bar #main-header {
        top: 0;
    }

    .menu-toggle {
        display: inline-flex;
    }

    .header-shell {
        min-height: 68px;
        flex-wrap: nowrap;
    }

    #main-header.is-condensed .header-shell {
        min-height: 60px;
    }

    .custom-logo {
        max-height: 38px;
        max-width: 260px;
    }

    #main-header.is-condensed .custom-logo-link,
    #main-header.is-condensed .site-title-link {
        transform: scale(0.9);
    }

    .header-actions {
        gap: 0.75rem;
        flex: 0 0 auto;
    }

    .header-search-field {
        font-size: clamp(1rem, 4.8vw, 1.25rem);
    }

    .header-search-close {
        width: 36px;
        height: 36px;
    }

    .header-search-close span {
        font-size: 1.75rem;
    }

    #top-menu-nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: auto;
        background: #ffffff;
        border-top: 3px solid var(--st-accent);
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);
        padding: 1rem 1.5rem 1.25rem;
        z-index: 250;
    }

    #top-menu-nav.is-open {
        display: block;
    }

    .main-navigation .nav {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding-top: 0;
    }

    .main-navigation .nav li {
        width: 100%;
    }

    .main-navigation .nav a {
        display: block;
        width: 100%;
        padding: 0.85rem 0;
        border-bottom: 1px solid #efefef;
    }

    .main-navigation .nav li:last-child a {
        border-bottom: 0;
    }

    #content-area {
        grid-template-columns: 1fr;
    }

    #left-area {
        padding-right: 0;
        border-right: 0;
    }

    .sidebar-mobile {
        display: block;
    }

    .sidebar-desktop {
        display: none;
    }

    .entry-content .alignwide {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .footer-bottom-shell,
    .footer-navigation .bottom-nav {
        gap: 1rem;
    }

    .footer-navigation a,
    #footer-info {
        font-size: 0.9rem;
        text-align: center;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 14px;
    }

    #main-content {
        padding-top: 0.85rem;
    }

    .page-article,
    .widget {
        border-radius: 16px;
        padding: 1rem;
    }

    .content-card,
    .single-article {
        padding: 1rem;
    }

    .entry-header {
        margin-bottom: 1rem;
    }

    .entry-title {
        font-size: 1.15rem;
        line-height: 1.18;
        margin-bottom: 0.55rem;
    }

    .post-meta {
        font-size: 0.76rem;
        margin-bottom: 0.65rem;
    }

    .entry-content {
        font-size: 0.86rem;
        line-height: 1.55;
    }

    .social-buttons .social-button {
        margin-bottom: 0.5rem;
    }
}

.social-buttons .social-button.facebook {
    background: #3a5998;
    color: #fff;
}

.social-buttons .social-button.facebook:hover {
    background: #4b70ba;
}

.social-buttons .social-button.facebook:before {
    content: "";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg enable-background='new 0 0 128 128' height='128px' id='Layer_1' version='1.1' viewBox='0 0 128 128' width='128px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M128 112c0 8.8-7.2 16-16 16H16c-8.8 0-16-7.2-16-16V16C0 7.2 7.2 0 16 0h96c8.8 0 16 7.2 16 16V112z' fill='%233C579E'/%3E%3Cpath d='M68.877 128V78.188h-17.78V60.425h17.784V44.029c0-16.537 9.764-26.279 24.514-26.279 c7.068 0 12.834 0.756 14.605 0.991v18.573l-11.874-0.005c-8.022 0-9.523 3.979-9.523 9.572v13.544h20.556l-2.904 17.763H86.603V128 H68.877z' fill='%23FFFFFF'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    background-size: contain;
    position: absolute;
    left: 3px;
    top: 4px;
}

.social-buttons .social-button.twitter {
    background: #1ea1f1;
    color: #fff;
}

.social-buttons .social-button.twitter:hover {
    background: #48b0ef;
}

.social-buttons .social-button.twitter:before {
    content: "";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='100%25' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B' version='1.1' viewBox='0 0 512 512' width='100%25' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:serif='http://www.serif.com/' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M448 512l-384 0c-35.328 0 -64 -28.672 -64 -64l0 -384c0 -35.328 28.672 -64 64 -64l384 0c35.328 0 64 28.672 64 64l0 384c0 35.328 -28.672 64 -64 64Z' id='Dark_Blue' style='fill:%231da1f2%3Bfill-rule:nonzero%3B'/%3E%3Cpath d='M196.608 386.048c120.704 0 186.752 -100.096 186.752 -186.752c0 -2.816 0 -5.632 -0.128 -8.448c12.8 -9.216 23.936 -20.864 32.768 -34.048c-11.776 5.248 -24.448 8.704 -37.76 10.368c13.568 -8.064 23.936 -20.992 28.928 -36.352c-12.672 7.552 -26.752 12.928 -41.728 15.872c-12.032 -12.8 -29.056 -20.736 -47.872 -20.736c-36.224 0 -65.664 29.44 -65.664 65.664c0 5.12 0.64 10.112 1.664 14.976c-54.528 -2.688 -102.912 -28.928 -135.296 -68.608c-5.632 9.728 -8.832 20.992 -8.832 33.024c0 22.784 11.648 42.88 29.184 54.656c-10.752 -0.384 -20.864 -3.328 -29.696 -8.192l0 0.896c0 31.744 22.656 58.368 52.608 64.384c-5.504 1.536 -11.264 2.304 -17.28 2.304c-4.224 0 -8.32 -0.384 -12.288 -1.152c8.32 26.112 32.64 45.056 61.312 45.568c-22.528 17.664 -50.816 28.16 -81.536 28.16c-5.248 0 -10.496 -0.256 -15.616 -0.896c28.928 18.432 63.488 29.312 100.48 29.312' id='Logo__x2014__FIXED' style='fill:%23fff%3Bfill-rule:nonzero%3B'/%3E%3C/g%3E%3C/svg%3E");
    width: 21px;
    height: 21px;
    background-size: contain;
    position: absolute;
    left: 6px;
    top: 4px;
}

.social-buttons .social-button.whatsapp {
    background: #2ab202;
    color: #fff;
}

.social-buttons .social-button.whatsapp:hover {
    background: #2fc402;
}

.social-buttons .social-button.whatsapp:before {
    content: "";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='128' id='svg8' version='1.1' viewBox='0 0 33.866666 33.866668' width='128' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs id='defs2'%3E%3ClinearGradient id='linearGradient2202'%3E%3Cstop id='stop2198' offset='0' style='stop-color:%23f6f600%3Bstop-opacity:1%3B'/%3E%3Cstop id='stop2200' offset='1' style='stop-color:%23f69134%3Bstop-opacity:1'/%3E%3C/linearGradient%3E%3ClinearGradient gradientTransform='matrix(0.39352029 0 0 0.39352035 -185.27183 93.82285)' gradientUnits='userSpaceOnUse' id='linearGradient3363' x1='12.262755' x2='12.262755' xlink:href='%23linearGradient2202' y1='9.0164375' y2='14.680936'/%3E%3CclipPath clipPathUnits='userSpaceOnUse' id='clipPath3457'%3E%3Crect height='58.93293' id='rect3459' rx='2.6458333' ry='2.6458333' style='fill:%231a1a1a%3Bstroke-width:0.264583%3Bstroke-linecap:square%3Bstroke-dasharray:0.264583  1.05833%3Bpaint-order:fill markers stroke' width='61.739258' x='-262.11121' y='114.49826'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='layer1'%3E%3Cpath d='M 16.93556 1.0583333 C 8.1694332 1.0585159 1.0632121 8.1649784 1.0633273 16.931106 c 1.05e-4 2.882377 0.7850851 5.710321 2.2707003 8.18035 l -0.8496093 5.758465 c -0.2210501 1.410763 0.9090354 2.103084 1.9625067 1.906374 l 6.436493 -1.172806 c 1.919478 0.791969 3.9757 1.19962 6.052142 1.199851 8.766128 1.16e-4 15.872591 -7.106107 15.872773 -15.872234 C 32.808448 8.1647677 25.701898 1.058218 16.93556 1.0583333 Z' id='path4160' style='fill:%2359d96b%3Bfill-opacity:1%3Bstroke:none%3Bstroke-width:2.64543%3Bstroke-linecap:square%3Bstroke-miterlimit:4%3Bstroke-dasharray:none%3Bstroke-dashoffset:0%3Bstroke-opacity:1%3Bpaint-order:fill markers stroke'/%3E%3Cpath d='M 12.476514 8.7612452 C 11.469814 7.7849473 10.057388 9.0119609 9.4642537 9.6688596 8.1854926 11.08509 7.6950735 13.213983 8.3256377 15.294078 c 0.6305448 2.080035 2.1636993 4.173481 4.6984823 6.462259 2.534823 2.288735 4.773407 3.600912 6.906807 4.016534 2.13346 0.415633 4.201403 -0.288867 5.480162 -1.705095 0.593137 -0.656898 1.67006 -2.186845 0.596398 -3.088978 -0.07154 -0.06018 -0.152818 -0.11739 -0.244291 -0.171503 l -3.560497 -1.133098 c -0.596005 -0.242929 -1.105761 0.08722 -1.504348 0.451026 l -1.770333 1.615925 C 17.928749 21.232581 16.724431 20.409844 15.355755 19.17405 13.987104 17.938223 13.046094 16.823876 12.43849 15.881546 l 1.4274 -1.925572 c 0.321354 -0.433539 0.597925 -0.974243 0.295611 -1.542434 L 12.671987 8.9868156 C 12.608848 8.9013216 12.543629 8.8263313 12.476516 8.7612442 Z' id='path4214' style='color:%23000000%3Bfont-style:normal%3Bfont-variant:normal%3Bfont-weight:normal%3Bfont-stretch:normal%3Bfont-size:medium%3Bline-height:normal%3Bfont-family:sans-serif%3Bfont-variant-ligatures:normal%3Bfont-variant-position:normal%3Bfont-variant-caps:normal%3Bfont-variant-numeric:normal%3Bfont-variant-alternates:normal%3Bfont-variant-east-asian:normal%3Bfont-feature-settings:normal%3Bfont-variation-settings:normal%3Btext-indent:0%3Btext-align:start%3Btext-decoration:none%3Btext-decoration-line:none%3Btext-decoration-style:solid%3Btext-decoration-color:%23000000%3Bletter-spacing:normal%3Bword-spacing:normal%3Btext-transform:none%3Bwriting-mode:lr-tb%3Bdirection:ltr%3Btext-orientation:mixed%3Bdominant-baseline:auto%3Bbaseline-shift:baseline%3Btext-anchor:start%3Bwhite-space:normal%3Bshape-padding:0%3Bshape-margin:0%3Binline-size:0%3Bclip-rule:nonzero%3Bdisplay:inline%3Boverflow:visible%3Bvisibility:visible%3Bopacity:1%3Bisolation:auto%3Bmix-blend-mode:normal%3Bcolor-interpolation:sRGB%3Bcolor-interpolation-filters:linearRGB%3Bsolid-color:%23000000%3Bsolid-opacity:1%3Bvector-effect:none%3Bfill:%23ffffff%3Bfill-opacity:1%3Bfill-rule:nonzero%3Bstroke:none%3Bstroke-width:0.525946%3Bstroke-linecap:square%3Bstroke-linejoin:miter%3Bstroke-miterlimit:4%3Bstroke-dasharray:none%3Bstroke-dashoffset:0%3Bstroke-opacity:1%3Bpaint-order:fill markers stroke%3Bcolor-rendering:auto%3Bimage-rendering:auto%3Bshape-rendering:auto%3Btext-rendering:auto%3Benable-background:accumulate%3Bstop-color:%23000000%3Bstop-opacity:1'/%3E%3C/g%3E%3C/svg%3E");
    width: 15px;
    height: 15px;
    background-size: contain;
    position: absolute;
    left: 9px;
    top: 6px;
}

.st-home {
    padding-top: 0 !important;
    padding-bottom: 4rem;
}

.st-home .container {
    width: min(100% - 2rem, var(--st-content-width));
}

.st-home-shell {
    padding-top: 1.75rem;
}

.st-hero-slider {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: #f2c8a7;
    overflow: hidden;
}

.st-hero-track {
    position: relative;
}

.st-hero-slide {
    display: none;
    min-height: 635px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.st-hero-slide.is-active {
    display: block;
}

.st-hero-inner {
    min-height: 635px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6rem 2rem 7rem;
    text-align: center;
}

.st-hero-copy {
    max-width: 820px;
    color: #ffffff;
}

.st-hero-title {
    margin: 0 0 1rem;
    color: #ffffff;
    font-size: clamp(2.7rem, 5vw, 4.15rem);
    font-weight: 300;
    letter-spacing: 0.01em;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.st-hero-title a,
.st-hero-title a:hover,
.st-hero-description a,
.st-hero-description a:hover,
.st-hero-credit a,
.st-hero-credit a:hover {
    color: #ffffff;
    text-decoration: none;
}

.st-hero-description,
.st-hero-credit {
    color: rgba(255, 255, 255, 0.95);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.st-hero-description {
    margin: 0 0 0.35rem;
    font-size: 1.05rem;
}

.st-hero-credit {
    margin: 0;
    font-size: 0.9rem;
}

.st-hero-action {
    margin: 1.85rem 0 0;
}

.st-hero-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 188px;
    min-height: 62px;
    padding: 0.85rem 1.7rem;
    border: 2px solid rgba(255, 255, 255, 0.96);
    border-radius: 2px;
    background: transparent;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
}

.st-hero-button:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    text-decoration: none;
}

.st-hero-controls {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5rem 1.8rem;
    pointer-events: none;
}

.st-hero-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-top: -1.2rem;
    border: 0;
    background: transparent;
    color: #ffffff;
    font-size: 4rem;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
    pointer-events: auto;
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.18);
}

.st-hero-arrow:hover {
    color: rgba(255, 255, 255, 0.9);
}

.st-hero-arrow span {
    display: block;
    transform: translateY(-4px);
}

.st-hero-dots {
    position: absolute;
    left: 50%;
    bottom: 1.65rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    transform: translateX(-50%);
    pointer-events: auto;
}

.st-hero-dot {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.42);
    cursor: pointer;
}

.st-hero-dot.is-active {
    background: #ffffff;
}

.st-home-nav {
    border-bottom: 1px solid #ececec;
    background: #ffffff;
}

.st-home-nav-list {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin: 0;
    padding: 1.1rem 0;
    list-style: none;
}

.st-home-nav-list a {
    color: #7a7a7a;
    font-size: 0.92rem;
    font-weight: 500;
}

.st-home-nav-list a:hover {
    color: #555555;
    text-decoration: none;
}

.st-section {
    margin: 0 0 2.5rem;
}

.st-section-header {
    margin-bottom: 2.8rem;
}

.st-section-title {
    position: relative;
    margin: 0;
    padding-bottom: 1.25rem;
    text-align: center;
    font-size: clamp(1.45rem, 1.9vw, 1.75rem);
    font-weight: 400;
    line-height: 1.2;
}

.st-section-title::after {
    content: "";
    display: block;
    width: 100%;
    max-width: 1150px;
    height: 1px;
    margin: 1.2rem auto 0;
    background: rgba(223, 173, 5, 0.6);
}

.st-mobile-ad {
    display: none;
}

.st-current-layout {
    display: grid;
    grid-template-columns: minmax(0, 2.15fr) minmax(265px, 0.85fr);
    gap: 3rem;
    align-items: start;
}

.st-post-row {
    display: grid;
    grid-template-columns: 270px minmax(0, 1fr);
    gap: 1.9rem;
    align-items: start;
    margin: 0 0 2rem;
    padding: 0 0 2rem;
    border-bottom: 1px solid rgba(223, 173, 5, 0.55);
    background: transparent;
}

.st-post-row:last-of-type {
    margin-bottom: 1.5rem;
}

.st-post-row-image {
    display: block;
}

.st-post-row-image img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 4px;
}

.st-post-row-title {
    margin: 0 0 0.8rem;
    font-size: clamp(1.2rem, 1.8vw, 1.45rem);
    font-weight: normal;
    line-height: 1.12;
}

.st-post-row-title a {
    color: #2b3440;
}

.st-post-row-title a:hover {
    color: #2b3440;
    text-decoration: none;
}

.st-post-row-meta,
.st-grid-card-meta {
    color: #8a8a8a;
    font-size: 0.8rem;
}

.st-post-row-meta a,
.st-grid-card-meta a {
    color: var(--st-accent);
}

.st-post-row-excerpt,
.st-grid-card-excerpt {
    color: #666666;
    font-size: 0.88rem;
    line-height: 1.6;
}

.st-post-row-excerpt {
    max-width: 760px;
}

.st-post-row-action,
.st-grid-card-action,
.st-section-footer {
    margin: 1.3rem 0 0;
}

.st-home .more-link,
.st-home .more-link:hover {
    padding: 0.5rem 0.8rem;
    background: var(--st-accent);
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: normal;
    text-decoration: none;
    box-shadow: none;
    filter: none;
    border-radius: 4px;
}

.more-link.expand {
    width: 100%;
}

.st-post-row-action .more-link,
.st-grid-card-action .more-link {
    min-width: 112px;
}

.st-front-sidebar .widget,
.st-mobile-ad .widget {
    border: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.st-front-widget {
    margin-bottom: 2.4rem;
}

.st-front-widget .widget-title {
    margin-bottom: 1rem;
    color: #2b3440;
    font-size: clamp(1.05rem, 1.35vw, 1.25rem);
    font-weight: 400;
    line-height: 1.25;
}

.st-front-widget-ad .widget-title {
    color: #4f74a7;
}

.st-front-widget ul,
.st-recent-posts {
    margin: 0;
    padding: 0;
    list-style: none;
}

.st-recent-posts li {
    margin: 0 0 0.75rem;
}

.st-recent-posts a {
    color: #666666;
    font-size: 0.88rem;
    line-height: 1.45;
}

.st-recent-posts a:hover {
    color: #2b3440;
    text-decoration: none;
}

.st-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
}

.st-grid-card {
    border: 1px solid #e6e6e6;
    background: #ffffff;
    border-radius: 4px;
    overflow: hidden;
}

.st-grid-card-image {
    display: block;
}

.st-grid-card-image img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.st-grid-card-body {
    padding: 1rem 1rem 1.15rem;
}

.st-grid-card-title {
    margin: 0 0 0.55rem;
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.25;
}

.st-grid-card-title a {
    color: #2b3440;
}

.st-grid-card-title a:hover {
    color: #2b3440;
    text-decoration: none;
}

.st-card-grid.is-text-only .st-grid-card-body {
    padding-top: 1.2rem;
}

.st-editor-content {
    margin-top: 5rem;
}

.comments-area {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid var(--st-border);
}

.comments-title {
    margin-bottom: 1.5rem;
    font-size: 1.55rem;
}

.comment-navigation {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin: 1rem 0 1.5rem;
}

.commentlist {
    margin: 0 0 2rem;
    padding: 0;
    list-style: none;
}

.commentlist .comment {
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--st-border);
}

.commentlist .children {
    margin-top: 1rem;
    padding-left: 1.25rem;
    list-style: none;
}

@media (max-width: 1200px) {
    .st-current-layout {
        grid-template-columns: minmax(0, 1.75fr) minmax(250px, 0.95fr);
        gap: 2rem;
    }

    .st-post-row {
        grid-template-columns: 230px minmax(0, 1fr);
        gap: 1.35rem;
    }

    .archive-entry.has-card-image {
        grid-template-columns: 240px minmax(0, 1fr);
    }
}

@media (max-width: 980px) {
    .st-hero-slide,
    .st-hero-inner {
        min-height: 470px;
    }

    .st-home-nav-list {
        gap: 1.1rem;
        flex-wrap: wrap;
    }

    .st-current-layout,
    .st-card-grid {
        grid-template-columns: 1fr;
    }

    .st-mobile-ad {
        display: block;
        margin-bottom: 2rem;
    }

    .st-front-sidebar {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }
}

@media (max-width: 767px) {
    .st-home .container {
        width: min(100% - 1.5rem, var(--st-content-width));
    }

    .st-hero-slide,
    .st-hero-inner {
        min-height: 350px;
    }

    .st-hero-inner {
        padding: 3.5rem 1rem 5.25rem;
    }

    .st-hero-title {
        font-size: 2.1rem;
    }

    .st-hero-description {
        font-size: 0.95rem;
    }

    .st-hero-button {
        min-width: 158px;
        min-height: 52px;
        padding: 0.75rem 1.15rem;
    }

    .st-hero-controls {
        padding: 0 0.6rem 1.2rem;
    }

    .st-hero-arrow {
        width: 42px;
        height: 42px;
        font-size: 3rem;
    }

    .st-section {
        margin-bottom: 3.5rem;
    }

    .archive-entry.has-card-image,
    .st-post-row {
        grid-template-columns: 1fr;
    }

    .archive-entry.has-card-image .entry-featured-image-url,
    .archive-entry.has-card-image .entry-title,
    .archive-entry.has-card-image .post-meta,
    .archive-entry.has-card-image .entry-content,
    .archive-entry.has-card-image .more-link {
        grid-column: auto;
        grid-row: auto;
    }

    .archive-entry.has-card-image .entry-featured-image-url {
        margin-bottom: 1rem;
    }

    .st-section-title,
    .widget-title,
    .st-front-widget .widget-title {
        font-size: 1.15rem;
    }

    .st-front-sidebar {
        grid-template-columns: 1fr;
    }
}

.center {
    width: fit-content;
    margin: 0 auto;
    margin-top: 20px;
}