/*
Theme Name: SpeedNews
Theme URI: https://wpinterface.com/themes/speednews/
Author: WPInterface
Author URI: https://wpinterface.com/
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Description: SpeedNews is a modern blog and magazine WordPress Theme with a clean, minimal design, suitable for anyone who wants to share their stories about today’s ever-changing technology, the latest breaking news, or the hottest products. It’s a perfect fit for tech news, lifestyle bloggers, health and wellness, business, DIY blogs, photography, personal, affiliate websites, travel guides, and other niche blogs.
Tags: blog, one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, custom-logo, custom-header, custom-background, news, entertainment, footer-widgets
Text Domain: speednews
Copyright: (c) 2026 WPInterface.
*/
/* ------------------------------------------------------------------------- *
 *  Table of contents
	
	1. Reset
	2. Base Styles
		- Fonts
		- Forms
		- Entry Text
		- Headings
	3. Base Structure
		- Layout
	4. Common Elements
		- Nav
	5. Header
	6. Page
	7. Footer
	8. Post Entry
	9. Post Formats
	10. Widgets
	11. Comments
	13. Plugins
	14. Owl Carousel
	
/* ------------------------------------------------------------------------- */
:root {
    --gutter-large: 30px;
    --gutter-medium: 15px;
    --gutter-small: 3px;
    --interface-bg-color: #f2f2f3;
    --interface-text-color: #777;
    --interface-link-color: #000;
    --interface-link-hover-color: #00bcd4;
    --interface-border-color: #dedede;
    --interface-accent-palette-primary: #00bcd4;
    --interface-accent-palette-secondary: #ffffff;
    --interface-action-palette-primary: #000;
    --interface-action-palette-secondary: #fff;
    --interface-rgb-color: 0, 0, 0;
    --interface-alt-rgb-color: 255, 255, 255;
    --interface-font-family-nav: "Mona Sans", sans-serif;
    --interface-font-size-nav: 16px;
    --interface-font-weight-nav: 600;
    --interface-font-general: "Inter", sans-serif;
    --interface-font-size-general: 18px;
    --interface-font-heading: "Mona Sans", sans-serif;
    --interface-font-weight-primary: 400;
    --interface-font-weight-secondary: 400;
    --interface-font-size-colossal: 52px;
    --interface-font-size-gigantic: 42px;
    --interface-font-size-large: 32px;
    --interface-font-size-big: 28px;
    --interface-font-size-medium: 22px;
    --interface-font-size-small: 18px;
    --interface-comments-bg-color: #fff;
}
/* ------------------------------------------------------------------------- *
 *  Reset - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
 * ------------------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* ------------------------------------------------------------------------- *
 *  Base Styles
/* ------------------------------------------------------------------------- */
html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    background: var(--interface-bg-color);
    font-size: var(--interface-font-size-general);
    line-height: 1.4;
    color: var(--interface-text-color);
    font-weight: var(--interface-font-weight-primary);
}
::selection {
    background: var(--interface-accent-palette-primary);
    color: var(--interface-accent-palette-secondary);
}
::-moz-selection {
    background: var(--interface-accent-palette-primary);
    color: var(--interface-accent-palette-secondary);
}
a {
    color: var(--interface-link-color);
    text-decoration: none;
}
a:hover {
    color: var(--interface-link-hover-color);
}
img {
    max-width: 100%;
    height: auto;
}
a,
a:before,
a:after {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a img {
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
address,
cite,
em {
    font-style: italic;
}
strong {
    font-weight: 600;
}
.left,
.alignleft {
    float: left;
}
.right,
.alignright {
    float: right;
}
.aligncenter {
    margin-left: auto;
    margin-right: auto;
}
hr {
    border: 0;
    background: var(--interface-border-color);
    height: 3px;
    margin: 30px 0;
}
/*  base : fonts
/* ------------------------------------ */
body {
    font-family: var(--interface-font-general);
}
/*  base : forms
/* ------------------------------------ */
input,
textarea,
button,
select,
label {
    font-family: inherit;
    font-size: calc(var(--interface-font-size-general) - 2px);
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.themeform label {
    color: var(--interface-link-color);
    font-weight: var(--interface-font-weight-secondary);
}
.themeform label .required {
    color: var(--interface-accent-palette-primary);
}
input[type="search"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
select,
textarea {
    background: var(--interface-bg-color);
    border: 2px solid var(--interface-border-color);
    border-radius: 0;
    color: var(--interface-text-color);
    display: block;
    max-width: 100%;
    margin: 0;
    padding: 7px 8px;
    width: 100%;
}
input[type="search"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
    border-color: var(--interface-accent-palette-primary);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
input[type="button"],
input[type="reset"],
input[type="submit"],
button[type="button"],
button[type="reset"],
button[type="submit"] {
    background: var(--interface-accent-palette-primary);
    color: var(--interface-accent-palette-secondary);
    padding: 8px 14px;
    font-weight: var(--interface-font-weight-secondary);
    display: inline-block;
    border: none;
    cursor: pointer;
    border-radius: 3px;
}
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button[type="button"]:hover,
button[type="reset"]:hover,
button[type="submit"]:hover {
    background: var(--interface-action-palette-primary);
    color: var(--interface-action-palette-secondary);
}
.wpi-button-link {
    font-size: calc(var(--interface-font-size-small) - 2px);
    position: relative;
}
.wpi-button-link:after {
    content: "\00BB";
}
.themeform.searchform {
    position: relative;
}
.themeform.searchform input {
    padding: 20px 40px;
    margin-bottom: 30px;
}
.themeform.searchform .svg-icon {
    left: 15px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    transition: fill .2s;
    filter: alpha(opacity=75);
    opacity: .75;
}
/*  base : entry
/* ------------------------------------ */
.entry a {
    text-decoration: underline;
}
.entry p,
.entry dd {
    margin-bottom: 1em;
}
.entry dt {
    color: #333;
}
.entry ol,
.entry ul {
    margin: 0 0 15px 30px;
}
.entry ol ol,
.entry ol ul,
.entry ul ul,
.entry ul ol {
    margin-bottom: 0;
}
.entry li {
    margin: 0;
}
.entry ul li,
.entry ol ul li {
    list-style: square;
}
.entry ol li,
.entry ol ul ol li {
    list-style: decimal;
}
.entry dt {
    font-weight: var(--interface-font-weight-secondary);
}
.entry address {
    margin-bottom: 1em;
}
.entry code,
.entry pre {
    font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
    font-size: calc(var(--interface-font-size-general) - 4px);
}
.entry pre {
    background: rgba(var(--interface-rgb-color), 0.035);
    padding: 18px 20px;
    margin: 30px 0;
    border: 1px solid var(--interface-border-color);
    line-height: 19px;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-x: auto;
    overflow-y: hidden;
}
.entry code {
    background: #f2f2f2;
    padding: 0 3px;
}
.entry ins {
    background: #fff486;
}
.entry sub,
.entry sup {
    font-size: calc(var(--interface-font-size-general) - 4px);
}
.entry sub {
    vertical-align: sub;
}
.entry sup {
    vertical-align: super;
}
.entry img.alignleft {
    margin: 18px 20px 18px 0;
}
.entry img.alignright {
    margin: 18px 0 18px 20px;
}
.entry img.aligncenter {
    margin: 18px auto;
    clear: both;
    display: block;
}
.entry img .size-full {
    width: 100% !important;
}
.entry .gallery img,
.entry img.wp-smiley {
    margin: 0;
}
.entry .wp-caption {
    max-width: 100%;
    margin-bottom: 14px;
    padding-top: 5px;
    text-align: center;
}
.entry .wp-caption-text {
    font-style: italic;
}
.entry .wp-caption a {
    border-bottom: none;
}
.entry .wp-caption img {
    margin: 0;
    max-width: 100%;
    height: auto;
}
.entry .wp-caption.alignleft {
    margin-right: 20px;
}
.entry .wp-caption.alignright {
    margin-left: 20px;
}
.entry .wp-caption.alignnone {
    width: 100% !important;
    overflow: hidden;
}
.entry .wp-caption.alignnone img {
    margin: 0 auto;
    max-width: 100% !important;
}
.entry .wp-caption-text {
    color: #999;
    font-size: calc(var(--interface-font-size-general) - 5px);
    padding: 0 0 8px 0;
    margin: 0;
}
.widget_media_gallery .gallery {
    display: grid;
    gap: 10px;
}
.widget_media_gallery .gallery-columns-1 {
    grid-template-columns: repeat(1, 1fr);
}
.widget_media_gallery .gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}
.widget_media_gallery .gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}
.widget_media_gallery .gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}
.widget_media_gallery .gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}
.widget_media_gallery .gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}
.widget_media_gallery .gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}
.widget_media_gallery .gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}
.widget_media_gallery .gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}
.widget_media_gallery .gallery-item {
    margin: 0 !important;
    width: auto !important;
    overflow: hidden;
    border-radius: 8px;
}
.widget_media_gallery .gallery-item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.3s ease, filter 0.3s ease;
}
.widget_media_gallery .gallery-item:hover img {
    transform: scale(1.05);
    filter: brightness(0.9);
}
.widget [class^="gallery"] .gallery-caption {
    display: none;
}
#wpi-preloader {
    width: 100%;
    height: 100vh;
    position: fixed;
    background: var(--interface-bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: opacity 1s ease-out;
    z-index: 99999;
}
#wpi-preloader.wpi-preloader-exit {
    opacity: 0;
}
.wpi-preloader-wrapper {
    position: relative;
}
.site-preloader {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(farthest-side, var(--interface-accent-palette-primary) 94%, #0000) top/8px 8px no-repeat,
    conic-gradient(#0000 30%, var(--interface-accent-palette-primary));
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0);
    animation: wpi-spinner 1s infinite linear;
}
@keyframes wpi-spinner {
    100% {
        transform: rotate(1turn)
    }
}
/*  base : headings
/* ------------------------------------ */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--interface-font-heading);
    font-weight: var(--interface-font-weight-secondary);
    line-height: 1.2;
    word-wrap: break-word;
}
.entry h1 span,
.entry h2 span,
.entry h3 span,
.entry h4 span,
.entry h5 span,
.entry h6 span {
    color: #bbb;
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
    margin-bottom: 14px;
    font-weight: var(--interface-font-weight-secondary);
    line-height: 1.3em;
}
.post-title {
    margin-bottom: 0;
}
.entry h1,
.post-title-colossal {
    font-size: var(--interface-font-size-colossal);
    letter-spacing: -2px;
}
.entry h2,
.post-title-gigantic {
    font-size: var(--interface-font-size-gigantic);
    letter-spacing: -1px;
}
.entry h3,
.post-title-large {
    font-size: var(--interface-font-size-large);
}
.entry h4,
.post-title-big {
    font-size: var(--interface-font-size-big);
}
.entry h5,
.post-title-medium {
    font-family: var(--interface-font-general);
    font-size: var(--interface-font-size-medium);
}
.entry h6,
.post-title-small {
    font-family: var(--interface-font-general);
    font-size: var(--interface-font-size-small);
}
.entry-excerpt {
    font-size: calc(var(--interface-font-size-small) - 4px);
    margin-bottom: 10px;
}
.heading,
#reply-title {
    font-size: var(--interface-font-size-big);
    margin-bottom: 1em;
}
.heading .svg-icon {
    margin-right: 6px;
}
/* ------------------------------------------------------------------------- *
 *  Gutenberg
/* ------------------------------------------------------------------------- */
.entry .wp-block-image figcaption,
.entry .wp-block-audio figcaption,
.entry .wp-block-embed figcaption {
    font-size: calc(var(--interface-font-size-general) - 2px);
    text-align: center;
}
/* ------------------------------------------------------------------------- *
 *  Base Structure
/* ------------------------------------------------------------------------- */
/*  base : layout
/* ------------------------------------ */
#wrapper {
    height: 100%;
}
.container {
    --gutter: var(--gutter-large);
    padding-inline: calc(var(--gutter) / 2);
    position: relative;
    margin: 0 auto;
    max-width: 1430px;
}
.main {
    position: relative;
}
.main-inner {
    position: relative;
    display: grid;
    grid-auto-rows: minmax(0, auto);
    gap: 30px;
    width: 100%;
}
.content {
    padding: 30px;
    grid-row: 1;
    min-width: 0;
}
.col-1c:not(.wp-singular) .content {
    padding-left: 0;
    padding-right: 0;
}
.content-container {
    margin: 0 auto;
    max-width: 780px;
}
/* boxed */
.boxed #wrapper {
    max-width: 1430px;
    margin: 60px auto;
    border: 1px solid var(--interface-border-color);
    -webkit-box-shadow: 0 0 20px rgba(var(--interface-rgb-color), 0.1);
    box-shadow: 0 0 20px rgba(var(--interface-rgb-color), 0.1);
}
.boxed .container {
    padding: 0;
}
.boxed .page-title strong {
    margin-left: 20px;
}
/*  base : layout columns
/* ------------------------------------ */
.col-2cl .main-inner {
    grid-template-columns: 1fr minmax(0, 320px);
}
.col-2cl .content {
    border-right: 1px solid var(--interface-border-color);
    grid-column: 1;
}
.col-2cl:not(.wp-singular) .content {
    padding-left: 0;
}
.col-2cl .sidebar.s1 {
    grid-column: 2;
}
/* 2 column, content right */
.col-2cr .main-inner {
    grid-template-columns: minmax(0, 320px) 1fr;
}
.col-2cr .sidebar.s1 {
    grid-column: 1;
}
.col-2cr .content {
    border-left: 1px solid var(--interface-border-color);
    grid-column: 2;
}
.col-2cr:not(.wp-singular) .content {
    padding-right: 0;
}
/* 3 column, content middle */
.col-3cm .main-inner {
    grid-template-columns: minmax(0, 320px) 1fr minmax(0, 320px);
}
.col-3cm .sidebar.s1 {
    grid-column: 1;
}
.col-3cm .content {
    border-left: 1px solid var(--interface-border-color);
    border-right: 1px solid var(--interface-border-color);
    grid-column: 2;
}
.col-3cm .sidebar.s2 {
    grid-column: 3;
}
/* 3 column, content left */
.col-3cl .main-inner {
    grid-template-columns: 1fr minmax(0, 320px) minmax(0, 320px);
}
.col-3cl .content {
    border-right: 1px solid var(--interface-border-color);
    grid-column: 1;
}
.col-3cl .sidebar.s1 {
    grid-column: 2;
    border-right: 1px solid var(--interface-border-color);
}
.col-3cl .sidebar.s2 {
    grid-column: 3;
}
/* 3 column, content right */
.col-3cr .main-inner {
    grid-template-columns: minmax(0, 320px) minmax(0, 320px) 1fr;
}
.col-3cr .sidebar.s2 {
    border-left: 1px solid var(--interface-border-color);
    grid-column: 2;
}
.col-3cr .sidebar.s1 {
    grid-column: 1;
}
.col-3cr .content {
    border-left: 1px solid var(--interface-border-color);
    grid-column: 3;
}
/*  base : sidebar
/* ------------------------------------ */
.sidebar {
    max-width: 320px;
    padding-bottom: 30px;
    padding-top: 30px;
    width: 100%;
    grid-row: 1;
}
/*  base : grid
/* ------------------------------------ */
.grid-row {
    --gutter: var(--gutter-large);
    display: flex;
    flex-wrap: wrap;
    margin-inline: calc(var(--gutter) / -2);
}
.grid-row-medium {
    --gutter: var(--gutter-medium);
}
.grid-row-small {
    --gutter: var(--gutter-small);
}
.column {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-inline: calc(var(--gutter) / 2);
    position: relative;
}
.one-full {
    flex: 0 0 auto;
    width: 100%;
}
.one-half {
    flex: 0 0 auto;
    width: 50%;
}
.one-third {
    flex: 0 0 auto;
    width: 33.33333333%;
}
.two-third {
    flex: 0 0 auto;
    width: 66.66666667%;
}
.one-fourth {
    flex: 0 0 auto;
    width: 25%;
}
.three-fourth {
    flex: 0 0 auto;
    width: 75%;
}
.one-fifth {
    flex: 0 0 auto;
    width: 20%;
}
.two-fifth {
    flex: 0 0 auto;
    width: 40%;
}
.three-fifth {
    flex: 0 0 auto;
    width: 60%;
}
.four-fifth {
    flex: 0 0 auto;
    width: 80%;
}
/* ------------------------------------------------------------------------- *
 *  Common Elements
/* ------------------------------------------------------------------------- */
.image-container {
    position: relative;
}
.image-container img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16/8;
    object-fit: cover;
}
.image-container:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
}
.image-caption {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: calc(var(--interface-font-size-general) - 5px);
    line-height: 1.3em;
    font-style: italic;
    padding: 8px 10px;
    position: absolute;
    z-index: 1;
    bottom: 8px;
    left: 8px;
    margin-right: 8px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.03);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.03);
}
/*  common : social links
/* ------------------------------------ */
.social-links {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.social-links li a {
    display: flex;
    align-items: center;
    position: relative;
    text-align: center;
}
/*  common : page title
/* ------------------------------------ */
.page-title {
    border-bottom: 1px solid var(--interface-border-color);
    font-size: 22px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 30px;
}
.page-title strong {
    background: var(--interface-bg-color);
    padding: 0 10px;
    display: inline-block;
    position: relative;
    bottom: -10px;
    margin-left: -10px;
}
.page-title span {
    font-weight: var(--interface-font-weight-primary);
}
.page-title .svg-icon {
    margin-right: 8px;
}
/*  common : notebox
/* ------------------------------------ */
.notebox {
    background: var(--interface-border-color);
    position: relative;
    padding: 20px;
    margin-bottom: 30px;
}
.notebox:after {
    content: '';
    display: inline-block;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid var(--interface-border-color);
    position: absolute;
    top: -13px;
    left: 50%;
    margin-left: -14px;
}
.notebox span {
    font-weight: var(--interface-font-weight-secondary);
}
.notebox .search-again {
    margin-top: 10px;
}
.notebox input[type="text"] {
    width: 100%;
}
/*  common : pagination
/* ------------------------------------ */
.pagination {
    margin: 30px;
}
.pagination .pagination-wrap {
    display: flex;
    justify-content: space-between;
}
.pagination a {
    color: var(--interface-text-color);
    font-size: calc(var(--interface-font-size-general) - 2px);
    font-weight: var(--interface-font-weight-secondary);
}
.pagination a:hover,
.pagination a:focus {
    color: var(--interface-link-hover-color);
}
/*  common : thumb icon
/* ------------------------------------ */
.thumb-icon {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    position: absolute;
    bottom: 50%;
    left: 50%;
    margin: 0 0 -16px -16px;
    border-radius: 3px;
    -moz-transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 2px rgba(255, 255, 255, 0.4);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.thumb-icon .svg-icon {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.thumb-icon.small {
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: 50%;
    left: 50%;
    margin: 0 0 -12px -12px;
    border-radius: 2px;
}
.thumb-icon.small .svg-icon {
    font-size: 14px;
    line-height: 16px;
    padding: 5px 0;
}
.thumb-icon.small .f-play {
    margin: -1px 0 0 2px;
}
/* ------------------------------------------------------------------------- *
 *  Section: Header
/* ------------------------------------------------------------------------- */
#header-sponsored-content {
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--interface-border-color);
}
#header-sponsored-content .widget {
    padding-bottom: 0;
    font-size: 0;
    line-height: 0;
}
#header-sponsored-content h3 {
    display: none;
}
#header-top {
    --interface-bg-color: #d7050f;
    --interface-text-color: #fff;
    --interface-link-color: #fff;
    --interface-link-hover-color: #00bcd4;
    --interface-border-color: #e24947;
}
#header-top {
    background: var(--interface-bg-color);
    color: var(--interface-text-color);
    border-bottom: 1px solid var(--interface-border-color);
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 10px;
}
#header-main {
    --interface-bg-color: #d7050f;
    --interface-text-color: #fff;
    --interface-link-color: #fff;
    --interface-link-hover-color: #00bcd4;
    --interface-border-color: #e24947;
}
#header-main {
    background: var(--interface-bg-color);
    color: var(--interface-text-color);
}
#header-bottom {
    --interface-bg-color: #fff;
}
#header-bottom {
    background: var(--interface-bg-color);
}
@media only screen and (min-width: 1025px) {
    #header-bottom.fixed {
        background: rgba(255, 255, 255, 0.95);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }
    .admin-bar #header-bottom.fixed {
        top: 32px;
    }
}
.site-branding {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 15px 0;
    min-height: 90px;
}
.site-title {
    font-family: var(--interface-font-heading);
    font-weight: var(--interface-font-weight-secondary);
    font-size: 40px;
}
.site-title a {
    display: block;
    max-width: 100%;
}
.site-title a img {
    display: block;
    max-width: 100%;
    max-height: 60px;
    height: auto;
}
.site-description {
    font-size: 14px;
    font-style: italic;
}
.site-image {
    display: block;
    margin: 0 auto;
    max-height: 400px;
}
.nav-components {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
    gap: 30px;
}
/* ------------------------------------------------------------------------- *
 *  Section: Navigation
/* ------------------------------------------------------------------------- */
.nav-menu:not(.mobile) {
    --interface-submenu-bg-color: #000;
    --interface-submenu-text-color: #dedede;
}
/* menu hamburger */
.menu-toggle-icon {
    width: 30px;
    height: 20px;
    position: relative;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
}
.menu-toggle-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: var(--interface-text-color);
    border-radius: 2px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}
.menu-toggle-icon span:nth-child(1) {
    top: 0;
    transform-origin: left center;
}
.menu-toggle-icon span:nth-child(2) {
    top: 8px;
    transform-origin: left center;
}
.menu-toggle-icon span:nth-child(3) {
    top: 16px;
    transform-origin: left center;
}
.toggled .menu-toggle-icon span:nth-child(1) {
    transform: rotate(45deg);
    top: -2px;
    left: 5px;
}
.toggled .menu-toggle-icon span:nth-child(2) {
    width: 0;
    opacity: 0;
}
.toggled .menu-toggle-icon span:nth-child(3) {
    transform: rotate(-45deg);
    top: 19px;
    left: 5px;
}
/* menu hide and display */
@media only screen and (min-width: 720px) {
    .mobile-menu #wrap-nav-mobile {
        display: none;
    }
}
.nav-menu .menu,
.nav-menu .menu ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav-menu a {
    display: block;
    font-family: var(--interface-font-family-nav);
    font-size: var(--interface-font-size-nav);
    font-weight: var(--interface-font-weight-nav);
    text-decoration: none;
    width: 100%;
}
.main-navigation #nav-header > li:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    transition: none;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    bottom: 0;
}
.main-navigation #nav-header > li.current-menu-item a {
    color: var(--interface-accent-palette-primary);
}
.main-navigation #nav-header > li.current-menu-item:after {
    background-color: var(--interface-accent-palette-primary);
    height: 3px;
    opacity: 1;
    visibility: visible;
}
.nav-menu .menu ul {
    flex-direction: column;
    max-width: 0;
    max-height: 0;
}
.nav-menu .menu ul.active,
.nav-menu:not(.mobile) .menu li.hover > ul {
    max-width: 100vw;
    max-height: 300vh;
}
.nav-menu:not(.mobile) .menu .sub-menu {
    background-color: var(--interface-submenu-bg-color);
    overflow: hidden;
    position: absolute;
}
.nav-menu .menu-item-wrapper {
    display: flex;
    gap: 5px;
}
.nav-menu {
    line-height: 20px;
}
.nav-menu button {
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    position: relative;
    text-align: inherit;
    user-select: none;
    background: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    font-size: inherit;
    padding: 0;
    text-transform: none;
}
.nav-menu:not(.mobile) .menu {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}
.nav-menu:not(.mobile) .menu ul.active,
.nav-menu:not(.mobile) .menu li.hover > ul {
    overflow: visible;
    width: 200px;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.15s linear, transform 0.15s linear;
}
.nav-menu:not(.mobile) .menu ul ul {
    left: 220px;
    top: 0;
}
.nav-menu:not(.mobile) .menu {
    position: relative;
}
.nav-menu:not(.mobile) .menu ul {
    opacity: 0;
    position: absolute;
    top: 100%;
    margin-top: 0;
    transition: opacity 0.15s linear;
    transform: translateY(0);
    z-index: 999;
}
.nav-menu:not(.mobile) .menu ul li {
    position: relative;
}
.nav-menu:not(.mobile) .menu ul a {
    display: block;
    padding: 15px 30px;
    transition: all 0.3s ease;
    width: 100%;
}
.nav-menu:not(.mobile) .menu li.menu-item-has-children.focus > ul {
    min-width: 200px;
    max-width: 200px;
    max-height: 300vh;
    overflow: visible;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.15s linear, transform 0.15s linear;
}
.nav-menu:not(.mobile) .menu li.menu-item-has-children.focus > ul:focus-within {
    opacity: 1 !important;
}
.nav-menu:not(.mobile) .menu li ul.sub-menu:not(.active) {
    opacity: 0;
}
.nav-menu:not(.mobile) .menu li.hover ul.sub-menu:not(.active) {
    opacity: 1;
}
.nav-menu:not(.mobile) .menu li.focus ul ul.sub-menu:not(.active) {
    opacity: 0;
}
.nav-menu:not(.mobile) .menu li.focus ul li.hover ul.sub-menu {
    opacity: 1;
}
.nav-menu:not(.mobile) .menu ul:before,
.nav-menu:not(.mobile) .menu ul:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
}
.nav-menu:not(.mobile) .menu ul:before {
    left: 0;
    right: 0;
    height: 20px;
}
.nav-menu:not(.mobile) .menu ul:after {
    border: 8px solid transparent;
    border-bottom-color: transparent;
    left: 18px;
}
.nav-menu:not(.mobile) .menu ul ul {
    left: calc(100% + 20px);
}
.nav-menu:not(.mobile) .menu ul ul:before {
    bottom: 0;
    height: auto;
    left: -20px;
    top: 0;
    width: 22px;
}
.nav-menu:not(.mobile) .menu ul ul:after {
    border-bottom-color: transparent;
    bottom: auto;
    left: -16px;
    top: 20px;
}
.nav-menu-dropdown-left .nav-menu:not(.mobile) .menu ul ul:before {
    left: auto;
    right: -20px;
}
.nav-menu-dropdown-left .nav-menu:not(.mobile) .menu ul ul {
    right: calc(100% + 20px);
    left: auto;
}
.nav-menu-dropdown-left .nav-menu:not(.mobile) .menu ul ul:after {
    border-right-color: transparent;
    right: -16px;
    left: auto;
}
.nav-menu-dropdown-left .nav-menu:not(.mobile) ul ul button .svg-icon {
    transform: none;
}
/* menu styling */
.nav-menu:not(.mobile) .menu ul {
    border-radius: 4px;
}
.nav-menu:not(.mobile) .menu ul:after {
    border-bottom-color: var(--interface-submenu-bg-color);
}
.nav-menu:not(.mobile) .menu ul ul:after {
    border-right-color: var(--interface-submenu-bg-color);
}
.nav-menu-dropdown-left .nav-menu:not(.mobile) .menu ul ul:after {
    border-left-color: var(--interface-submenu-bg-color);
}
.nav-menu:not(.mobile) {
    font-size: 16px;
    font-weight: 400;
}
.nav-menu:not(.mobile) ul ul > li:hover > span {
    background: rgba(var(--interface-alt-rgb-color), 0.1);
}
.nav-menu:not(.mobile) ul ul a {
    color: var(--interface-submenu-text-color);
}
.nav-menu:not(.mobile) ul ul button .svg-icon {
    margin-right: 10px;
    transform: rotate(-90deg);
}
.nav-menu:not(.mobile) .menu > li {
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
}
/* ------------------------------------------------------------------------- *
 *  Section: Cover Modals (Menu & Search)
/* ------------------------------------------------------------------------- */
/* Nav toggle (hamburger) in header — hidden on desktop */
.nav-toggle {
    background: transparent;
    color: var(--interface-text-color);
    border: 0;
    cursor: pointer;
    padding: 0;
    display: none;
}
/* Search toggle in header */
.search-toggle {
    background: rgba(var(--interface-alt-rgb-color), 0.1);
    border-radius: 100%;
    color: var(--interface-text-color);
    border: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 40px;
    height: 40px;
}
.search-toggle .svg-icon {
    height: 18px;
    width: 18px;
}
/* Cover modal base */
.cover-modal {
    display: none;
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
}
.cover-modal.show-modal {
    display: block;
}
.cover-modal.active {
    animation: coverModalFadeIn 0.3s ease forwards;
}
.cover-modal.show-modal:not(.active) {
    animation: coverModalFadeOut 0.3s ease forwards;
    pointer-events: none;
}
@keyframes coverModalFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes coverModalFadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
/* Modal inner (shared) */
.modal-inner {
    background: var(--interface-bg-color);
    width: 100%;
    padding-bottom: 40px;
    padding-top: 40px;
}
/* Body scroll-lock */
body.showing-menu-modal,
body.showing-search-modal {
    overflow: hidden;
}
body.showing-modal {
    overflow: hidden;
}
/* Close button (shared) */
.close-nav-toggle,
.close-search-toggle {
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 10px;
}
.close-nav-toggle {
    display: flex;
    justify-self: flex-end;
    padding: 0 20px;
}
.close-search-toggle {
    position: absolute;
    right: 0;
    top: -40px;
    z-index: 10;
}
.close-nav-toggle .svg-icon,
.close-search-toggle .svg-icon {
    width: 24px;
    height: 24px;
}
.close-nav-toggle:hover,
.close-search-toggle:hover,
.close-nav-toggle:focus,
.close-search-toggle:focus {
    opacity: 0.7;
}
/* --- Menu Modal — Off-Canvas Panel --- */
/*
 * The .cover-modal wrapper becomes the semi-transparent backdrop
 * (it already spans left:0; right:0; top:0; bottom:0 from .cover-modal base).
 * The .menu-modal-inner is the visible sliding panel on the left.
 */
.menu-modal {
    background: rgba(0, 0, 0, 0.5);
    /* Override the fade keyframes with nothing — we animate the inner panel. */
    animation: none !important;
}
.menu-modal .menu-modal-inner {
    width: 100%;
    max-width: 460px;
    height: 100%;
    min-height: 100vh;
    flex-shrink: 0;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    /* Scroll within the panel */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
}
.menu-modal.active .menu-modal-inner {
    transform: translateX(0);
}
.menu-modal.show-modal:not(.active) .menu-modal-inner {
    transform: translateX(-100%);
    transition: transform 0.3s ease;
}
/* Ancestor-wrapper: flex row so link + toggle button sit side by side */
.mobile-menu .ancestor-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    width: 100%;
}
/* Sub-menu toggle chevron button */
.mobile-menu .sub-menu-toggle {
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 10px;
    flex-shrink: 0;
    line-height: 1;
    transition: all 0.2s;
}
.mobile-menu .sub-menu-toggle .svg-icon {
    width: 20px;
    height: 20px;
    display: block;
    transition: transform 0.25s ease;
}
.mobile-menu .sub-menu-toggle.active .svg-icon {
    transform: rotate(180deg);
}
/* Sub-menus hidden by default; displayed when .active via JS */
.mobile-menu .modal-menu .sub-menu {
    display: none;
    overflow: hidden;
}
.mobile-menu .modal-menu .sub-menu.active {
    display: block;
}
/* --- Search Modal Articles --- */
.search-modal-articles {
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px 2px;
}
.search-modal-articles .post-content {
    padding: 0 20px 0 0;
}
/* --- Mobile Responsive Rules --- */
@media only screen and (max-width: 767px) {
    .nav-toggle {
        display: block;
    }
}
.search-modal {
    background: rgba(0, 0, 0, 0.85);
}
.search-modal .search-modal-inner {
    padding-bottom: 80px;
    padding-top: 80px;
}
.search-modal h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
/* --- Mobile Responsive Rules --- */
@media only screen and (max-width: 767px) {
    .nav-toggle {
        display: block;
    }
}
.menu-bottom {
    padding: 20px;
}
/* ------------------------------------------------------------------------- *
 *  Section: Subheader
/* ------------------------------------------------------------------------- */
#subheader {
    border-bottom: 1px solid var(--interface-border-color);
    padding-bottom: 30px;
    position: relative;
}
.wp-singular #subheader {
    border-bottom: none;
    padding-bottom: 0;
}
/* ------------------------------------------------------------------------- *
 *  Section: Featured
/* ------------------------------------------------------------------------- */
.category.paged .featured-posts {
    display: none;
}
.featured-posts-inner {
    height: 540px;
    padding: 3px 0;
    display: grid;
    gap: 3px;
    position: relative;
}
.featured-count-5 .wpi-metro-post .featured-title,
.featured-count-3 .wpi-metro-post .featured-title {
    font-size: var(--interface-font-size-medium);
}
.featured-count-5 .wpi-metro-post:first-child .featured-title,
.featured-count-4 .wpi-metro-post .featured-title,
.featured-count-3 .wpi-metro-post:first-child .featured-title,
.featured-count-2 .wpi-metro-post .featured-title {
    font-size: var(--interface-font-size-large);
}
.featured-count-1 .wpi-metro-post .featured-title {
    font-size: var(--interface-font-size-gigantic);
}
@media (max-width: 767px) {
    .featured-posts-inner {
        height: auto;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;
    }
    .featured-item {
        min-height: 270px;
    }
    .featured-count-1 .featured-item,
    .featured-count-2 .featured-item,
    .featured-count-3 .featured-item,
    .featured-count-4 .featured-item,
    .featured-count-5 .featured-item {
        grid-column: auto !important;
        grid-row: auto !important;
    }
    .featured-posts-inner .entry-image-dynamic img {
        height: 270px;
    }
}
@media (min-width: 720px) and (max-width: 1023px) {
    .featured-posts-inner {
        height: auto;
        grid-auto-rows: minmax(270px, auto);
    }
    .featured-count-1 {
        grid-template-columns: 1fr;
    }
    .featured-count-1 .entry-image-dynamic img {
        height: 400px;
    }
    .featured-count-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .featured-count-2 .entry-image-dynamic img {
        height: 340px;
    }
    .featured-count-3 {
        grid-template-columns: repeat(2, 1fr);
    }
    .featured-count-3 .featured-item:nth-child(1) {
        grid-column: 1 / -1;
    }
    .featured-count-3 .featured-item:nth-child(1) .entry-image-dynamic img {
        height: 340px;
    }
    .featured-count-3 .featured-item:nth-child(n+2) .entry-image-dynamic img {
        height: 270px;
    }
    .featured-count-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .featured-count-4 .entry-image-dynamic img {
        height: 270px;
    }
    .featured-count-5 {
        grid-template-columns: repeat(2, 1fr);
    }
    .featured-count-5 .featured-item:nth-child(1) {
        grid-column: 1 / -1;
    }
    .featured-count-5 .featured-item:nth-child(1) .entry-image-dynamic img {
        height: 340px;
    }
    .featured-count-5 .featured-item:nth-child(n+2) .entry-image-dynamic img {
        height: 270px;
    }
}
@media (min-width: 1024px) and (max-width: 1279px) {
    .featured-posts-inner {
        height: auto;
        grid-auto-rows: minmax(270px, auto);
    }
    .featured-count-1 {
        grid-template-columns: 1fr;
    }
    .featured-count-1 .entry-image-dynamic img {
        height: 450px;
    }
    .featured-count-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .featured-count-2 .entry-image-dynamic img {
        height: 400px;
    }
    .featured-count-3 {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 270px);
    }
    .featured-count-3 .featured-item:nth-child(1) {
        grid-row: 1 / span 2;
    }
    .featured-count-3 .featured-item:nth-child(1) .entry-image-dynamic img {
        height: 540px;
    }
    .featured-count-3 .featured-item:nth-child(n+2) .entry-image-dynamic img {
        height: 270px;
    }
    .featured-count-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .featured-count-4 .entry-image-dynamic img {
        height: 340px;
    }
    .featured-count-5 {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 270px);
    }
    .featured-count-5 .featured-item:nth-child(1) {
        grid-row: 1 / span 2;
    }
    .featured-count-5 .featured-item:nth-child(1) .entry-image-dynamic img {
        height: 540px;
    }
    .featured-count-5 .featured-item:nth-child(n+2) .entry-image-dynamic img {
        height: 270px;
    }
}
@media (min-width: 1280px) {
    .featured-count-1 {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }
    .featured-count-1 .entry-image-dynamic img {
        height: 540px;
    }
    .featured-count-2 {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
    }
    .featured-count-2 .entry-image-dynamic img {
        height: 540px;
    }
    .featured-count-3 {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(2, 1fr);
    }
    .featured-count-3 .featured-item:nth-child(1) {
        grid-row: 1 / span 2;
    }
    .featured-count-3 .featured-item:nth-child(1) .entry-image-dynamic img {
        height: 540px;
    }
    .featured-count-3 .featured-item:nth-child(n+2) .entry-image-dynamic img {
        height: 270px;
    }
    .featured-count-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .featured-count-4 .entry-image-dynamic img {
        height: 540px;
    }
    .featured-count-5 {
        grid-template-columns: 2fr 1fr 1fr;
        grid-template-rows: repeat(2, 1fr);
    }
    .featured-count-5 .featured-item:nth-child(1) {
        grid-row: 1 / span 2;
    }
    .featured-count-5 .featured-item:nth-child(1) .entry-image-dynamic img {
        height: 540px;
    }
    .featured-count-5 .featured-item:nth-child(n+2) .entry-image-dynamic img {
        height: 270px;
    }
}
.wpi-post {
    position: relative;
}
.wpi-regular-post .entry-image {
    margin-bottom: 15px;
}
.post-has-separator:not(:last-child) {
    border-bottom: 1px solid var(--interface-border-color);
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.wpi-list-post {
    display: grid;
    gap: 10px;
    align-items: start;
}
.wpi-list-post.has-post-thumbnail:has(.entry-image) {
    grid-template-columns: 150px 1fr;
}
.wpi-list-post.has-post-thumbnail.layout-invert:has(.entry-image) {
    grid-template-columns: 1fr 150px;
}
.wpi-list-post.layout-invert .post-thumbnail {
    order: 2;
}
.wpi-list-post.layout-invert .post-content {
    order: 1;
}
@media (max-width: 600px) {
    .wpi-list-post.has-post-thumbnail:has(.entry-image) {
        grid-template-columns: 100px 1fr;
    }
    .wpi-list-post.has-post-thumbnail.layout-invert:has(.entry-image) {
        grid-template-columns: 1fr 100px;
    }
}
.wpi-post.wpi-list-post.has-no-thumbnail {
    grid-template-columns: 1fr;
}
.wpi-list-post .post-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.wpi-metro-post:has(.entry-image) {
    --interface-text-color: #ccc;
    --interface-link-color: #ffffff;
}
.wpi-metro-post {
    color: var(--interface-text-color);
    overflow: hidden;
}
.wpi-metro-post .entry-image {
    background-color: #000;
    margin: 0;
    position: relative;
}
.wpi-metro-post .entry-image .post-thumbnail {
    background: linear-gradient(0deg, #0c0b11 20%, rgba(255, 255, 255, 0.45) 70%);
    display: block;
}
.wpi-metro-post .entry-image img {
    mix-blend-mode: overlay;
}
.wpi-metro-post:has(.entry-image) .post-content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 20px;
    z-index: 1;
}
/* ------------------------------------------------------------------------- *
 *  Section: Page
/* ------------------------------------------------------------------------- */
.page .content {
    background-color: var(--interface-bg-color);
    margin-top: -200px;
    z-index: 3;
}
.page .content.no-thumbnail {
    margin-top: 0;
}
/* ------------------------------------------------------------------------- *
 *  Section: Footer
/* ------------------------------------------------------------------------- */
#footer {
    --interface-bg-color: #282828;;
    --interface-border-color: #333;
    --interface-text-color: #777;
    --interface-link-color: #a9a9a9;
    --interface-link-hover-color: #00bcd4;
}
#footer {
    background: var(--interface-bg-color);
    color: var(--interface-text-color);
}
#footer-sponsored-content {
    background: var(--interface-bg-color);
    text-align: center;
    border-bottom: 1px solid var(--interface-border-color);
}
#footer #footer-sponsored-content .widget {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0;
    line-height: 0;
}
#footer-sponsored-content h3 {
    display: none;
}
#footer-widgets {
    border-bottom: 1px solid var(--interface-border-color);
    padding-bottom: 60px;
    padding-top: 60px;
}
#footer-bottom {
    padding-bottom: 30px;
    padding-top: 30px;
}
#footer-bottom #footer-logo {
    display: block;
    margin-bottom: 20px;
    max-height: 50px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
#footer-bottom .social-links {
    justify-content: flex-end;
}
#scrollToTopBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    min-height: inherit;
    background-color: var(--interface-action-palette-primary);
    color: var(--interface-action-palette-secondary);
    border: none;
    box-shadow: none;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
    padding: 0;
    z-index: 1000;
    transition: background-color 0.3s;
}
#scrollToTopBtn:hover {
    background-color: var(--interface-accent-palette-primary);
    color: var(--interface-accent-palette-secondary);
}
#scrollToTopBtn #progressCircle {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg);
}
#scrollToTopBtn circle {
    stroke: var(--interface-action-palette-secondary);
    stroke-dasharray: 138;
    stroke-dashoffset: 138;
    transition: stroke-dashoffset 0.3s;
}
#progressBarContainer {
    --interface-bg-color: #f3f3f3;
}
#progressBarContainer {
    background: var(--interface-bg-color);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 5px;
}
#progressBar {
    width: 0;
    height: 100%;
    background-color: var(--interface-accent-palette-primary);
}
/* ------------------------------------------------------------------------- *
 *  Post Entry
/* ------------------------------------------------------------------------- */
/*  post : common
/* ------------------------------------ */
.post-thumbnail {
    width: 100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.post-thumbnail {
    position: relative;
}
.post-thumbnail img {
    display: block;
    width: 100%;
    height: auto;
}
.post-hover:hover .post-thumbnail {
    opacity: 0.75;
}
.post-hover:hover .thumb-icon {
    background-color: var(--interface-bg-color);
    color: #444;
}
.image-hover-effect {
    overflow: hidden;
    position: relative;
}
.hover-effect-shine .post-thumbnail:after {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    transform: skewX(-25deg);
}
.hover-effect-shine:hover .post-thumbnail:after,
.hover-effect-shine:focus .post-thumbnail:after {
    animation: shine 0.85s;
}
@keyframes shine {
    100% {
        left: 100%;
    }
}
.hover-effect-zoom .post-thumbnail img {
    transition: all 0.6s ease;
}
.hover-effect-zoom:hover .post-thumbnail img,
.hover-effect-zoom:focus .post-thumbnail img {
    transform: scale(1.2);
}
.hover-effect-slide img {
    margin-left: 1.25rem;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: .3s ease-in-out;
    transition: 0.5s ease-in-out;
}
.hover-effect-slide:hover img,
.hover-effect-slide:focus img {
    margin-left: 0;
}
.entry-image .post-thumbnail {
    display: block;
}
.entry-image img {
    display: block;
    object-fit: cover;
    width: 100%;
}
.entry-image-large img {
    height: 540px;
}
.entry-image-big img {
    height: 340px;
}
.entry-image-medium img {
    height: 240px;
}
.entry-image-small img {
    height: 190px;
}
.entry-image-thumbnail img {
    height: 140px;
}
.post-comments {
    background-color: var(--interface-comments-bg-color);
    font-size: 12px;
    line-height: 20px;
    color: #444;
    display: block;
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 1;
}
.post:has(img[src*="placeholder-image.png"]) .post-comments {
    background-color: #d9d9d9;
}
.post-comments > span:before {
    content: '';
    display: inline-block;
    border-left: 4px solid transparent;
    border-right: 4px solid #ccc;
    border-top: 4px solid #ccc;
    border-bottom: 4px solid transparent;
    position: absolute;
    top: 24px;
    left: 0;
}
.post-comments > span {
    display: block;
    position: relative;
    padding: 2px 7px;
}
.post-comments .svg-icon {
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    width: 1em;
}
.post-comments:hover {
    color: #666;
    padding-right: 4px;
}
.post-meta,
.post-meta li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.post-meta {
    font-size: calc(var(--interface-font-size-general) - 4px);
    font-weight: var(--interface-font-weight-secondary);
    gap: 10px;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}
.post-meta li {
    gap: 5px;
}
.post-meta .author-avatar {
    border-radius: 50%;
    height: 32px;
    width: 32px;
}
.post-meta .svg-icon {
    width: 14px;
    height: 14px;
}
.post-meta .post-category {
    float: left;
    margin-right: 20px;
}
.post-meta .post-date {
    float: left;
}
.more-link {
    font-weight: var(--interface-font-weight-secondary);
}
.sticky {
}
/*  post : standard loop
/* ------------------------------------ */
.post-standard {
    border-bottom: 1px solid var(--interface-border-color);
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.post-standard .post-content {
    background-color: var(--interface-bg-color);
    margin: -70px 30px 0;
    padding: 30px 30px 0;
    position: relative;
    z-index: 2;
}
/*  post : grid loop
/* ------------------------------------ */
.post-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 30px;
}
.post-grid .post-thumbnail {
    padding-bottom: 15px;
}
/*  post : list loop
/* ------------------------------------ */
.blog .post-list,
.single .post-list,
.archive .post-list,
.search .post-list {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--interface-border-color);
}
.post-list .post-inner {
    display: grid;
    grid-template-columns: minmax(200px, 30%) 1fr;
    gap: 30px;
    align-items: start;
}
.post-list .entry {
    font-size: calc(var(--interface-font-size-general) - 2px);
}
/*  post : front widgets
/* ------------------------------------ */
.front-fullwidth-widgets {
    padding-top: 30px;
    padding-bottom: 30px;
}
.fullwidth-widgets-top {
    border-bottom: 1px solid var(--interface-border-color);
}
.fullwidth-widgets-bottom {
    border-top: 1px solid var(--interface-border-color);
}
.front-widgets .widget {
    padding-top: 20px;
    padding-bottom: 20px;
}
/* ------------------------------------------------------------------------- *
 *  Single
/* ------------------------------------------------------------------------- */
.single .post {
}
.single .content {
    background: var(--interface-bg-color);
    margin-top: -200px;
    z-index: 3;
}
.single .post-byline {
    padding: 10px 0 24px;
    border-bottom: 1px solid var(--interface-border-color);
    margin-bottom: 20px;
}
.single .post-byline img {
    width: 32px;
    margin-right: 10px;
    border-radius: 100%;
    position: relative;
    bottom: -10px;
}
.single .entry {
    margin-bottom: 40px;
    overflow: hidden;
}
.single .content.no-thumbnail {
    margin-top: 0;
}
.single .content.no-thumbnail .ontop {
    color: var(--interface-link-color);
    margin-top: 0;
    height: auto;
}
.single .post-title.ontop {
    color: #fff;
    height: 260px;
    margin-top: -300px;
}
/*  single : post pages
/* ------------------------------------ */
.post-pages {
    font-weight: var(--interface-font-weight-secondary);
    font-size: 22px;
    margin-bottom: 20px;
}
/*  single : tags
/* ------------------------------------ */
.post-tags {
    display: flex;
    font-size: calc(var(--interface-font-size-general) - 4px);
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}
.post-tags a {
    background: rgba(var(--interface-rgb-color), 0.05);
    display: inline-block;
    white-space: nowrap;
    padding: 5px 10px;
    border-radius: 2px;
    text-decoration: none;
}
.post-tags a:hover {
    background-color: var(--interface-accent-palette-primary);
    color: var(--interface-accent-palette-secondary);
}
/*  single : author bio
/* ------------------------------------ */
.author-bio {
    text-align: center;
    padding: 30px 0;
    margin-bottom: 30px;
    border-top: 1px solid var(--interface-border-color);
}
.author-bio .bio-avatar {
    margin: 0 auto;
    width: 64px;
    height: auto;
    position: relative;
}
.author-bio .bio-avatar img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 100%;
}
.author-bio p {
    margin-bottom: 8px;
}
.author-bio .bio-name {
    margin: 10px 0;
}
.author-bio .bio-name a {
    color: var(--interface-text-color);
    margin: 0 5px;
}
.author-bio .bio-desc {
    color: var(--interface-text-color);
    font-size: calc(var(--interface-font-size-general) - 2px);
}
/*  single : related posts
/* ------------------------------------ */
.related-posts {
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 2px;
}
.related-posts .post-content {
    padding: 0 20px 0 0;
}
/*  single : post-nav
/* ------------------------------------ */
.post-nav li a {
    position: relative;
    line-height: 1.2;
    display: block;
    padding: 20px 40px;
}
.post-nav li .svg-icon {
    position: absolute;
    top: 50%;
}
.rtl .post-nav li .svg-icon {
    /*rtl:begin:ignore*/
    transform: scaleX(-1);
    /*rtl:end:ignore*/
}
.post-nav li a strong {
    display: block;
    color: var(--interface-accent-palette-primary);
    margin-bottom: 15px;
}
.post-nav li.previous .svg-icon {
    left: 0;
}
.post-nav li.next .svg-icon {
    right: 0;
}
/* sidebar-specific */
.sidebar .post-nav {
    padding-bottom: 30px;
}
.sidebar .post-nav li a {
    border-bottom: 1px solid var(--interface-border-color);
}
.content .post-nav {
    border-top: 1px solid var(--interface-border-color);
    border-bottom: 1px solid var(--interface-border-color);
    margin-bottom: 40px;
}
.content .post-nav li {
    width: 50%;
}
.content .post-nav li.next {
    float: right;
    -webkit-box-shadow: -1px 0 0 var(--interface-border-color), inset 1px 0 0 var(--interface-border-color);
    box-shadow: -1px 0 0 var(--interface-border-color), inset 1px 0 0 var(--interface-border-color);
}
.content .post-nav li.next a {
    padding-left: 24px;
}
.content .post-nav li.previous {
    float: left;
    -webkit-box-shadow: 1px 0 0 var(--interface-border-color), inset -1px 0 0 var(--interface-border-color);
    box-shadow: 1px 0 0 var(--interface-border-color), inset -1px 0 0 var(--interface-border-color);
}
.content .post-nav li.previous a {
    padding-right: 24px;
}
/* ------------------------------------------------------------------------- *
 *  Post Formats
/* ------------------------------------------------------------------------- */
.post-format {
    position: relative;
    margin-bottom: 20px;
}
.post-format img {
    display: block;
    width: 100%;
    height: auto;
}
/*  format : image
/* ------------------------------------ */
/*  format : gallery
/* ------------------------------------ */
/*  format : video
/* ------------------------------------ */
/*  format : audio
/* ------------------------------------ */
.format-audio .post-format iframe {
    height: 166px;
    width: 100%;
}
/* ------------------------------------------------------------------------- *
 *  Widgets
/* ------------------------------------------------------------------------- */
.widget {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px
}
.widget:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}
.widget .wp-block-heading,
.widget .widget-title {
    color: var(--interface-link-color);
    display: inline-flex;
    font-size: var(--interface-font-size-medium);
    margin-bottom: 30px;
    padding-left: 20px;
    position: relative;
}
.widget .wp-block-heading:before,
.widget .wp-block-heading:after,
.widget .widget-title:before,
.widget .widget-title:after {
    content: '';
    background-color: var(--interface-accent-palette-primary);
    position: absolute;
    height: 20px;
    width: 2px;
    top: 5px;
    transform: skewX(-30deg);
}
.widget .wp-block-heading:before,
.widget .widget-title:before {
    left: 2px;
}
.widget .wp-block-heading:after,
.widget .widget-title:after {
    left: 10px;
}
.widget select {
    background: var(--interface-bg-color);
    border-color: var(--interface-border-color);
    color: var(--interface-text-color);
    padding: 7px;
    width: 100%;
}
.textwidget a {
    text-decoration: underline;
}
/*  widgets : common
/* ------------------------------------ */
.widget_recent_entries ul li,
.widget_meta ul li,
.widget_links ul li,
.widget_rss ul li,
.widget_pages ul li,
.widget_nav_menu ul li,
.widget_categories ul li,
.wp-block-latest-posts__list li,
.wp-block-archives-list li,
.widget_archive ul li,
.wp-block-categories-list li,
.widget_block .wp-block-pages-list__item,
.widget_block .wp-block-latest-comments__comment {
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.widget_calendar *,
.widget_recent_entries ul li *,
.widget_meta ul li a,
.widget_links ul li a,
.widget_rss ul li *,
.widget_pages ul li a,
.widget_nav_menu ul li a,
.widget_categories ul li a,
.widget .wp-block-latest-posts__post-title,
.widget .wp-block-categories a,
.widget .wp-block-archives-list a,
.widget_archive a,
.widget_block .wp-block-pages-list__item *,
.widget_block .wp-block-latest-comments__comment * {
    font-size: calc(var(--interface-font-size-general) - 3px);
}
.widget_recent_entries ul li a:not(:hover, :focus),
.widget_meta ul li a:not(:hover, :focus),
.widget_links ul li a:not(:hover, :focus),
.widget_rss ul li a:not(:hover, :focus),
.widget_pages ul li a:not(:hover, :focus),
.widget_nav_menu ul li a:not(:hover, :focus),
.widget_categories ul li a:not(:hover, :focus),
.widget .wp-block-latest-posts__post-title:not(:hover, :focus),
.widget .wp-block-categories a:not(:hover, :focus),
.widget .wp-block-archives-list a:not(:hover, :focus),
.widget_archive a:not(:hover, :focus),
.widget_block .wp-block-pages-list__item a:not(:hover, :focus),
.widget_block .wp-block-latest-comments__comment a:not(:hover, :focus) {
    color: var(--interface-text-color);
}
.widget_recent_entries .post-date {
    display: block;
}
/*  widget : pages / custom menu
/* ------------------------------------ */
.widget_pages ul li a,
.widget_nav_menu ul li a {
    display: block;
}
.widget_pages li li a,
.widget_nav_menu li li a {
    padding-left: 15px;
}
.widget_pages li li li a,
.widget_nav_menu li li li a {
    padding-left: 30px;
}
.widget_pages ul ul,
.widget_pages ul ul ul,
.widget_nav_menu ul ul,
.widget_nav_menu ul ul ul {
    border: 0;
}
/*  widget : categories
/* ------------------------------------ */
.widget_categories li li {
    padding-left: 15px;
    border-bottom: 0;
    padding-bottom: 0;
}
.widget_categories li li li {
    padding-left: 15px;
    border-bottom: 0;
}
.widget_categories li li a {
    font-size: 13px;
}
/*  widget : rss
/* ------------------------------------ */
.widget_rss ul li a {
    display: block;
}
.widget_rss ul li span.rss-date {
    color: #444;
    font-weight: var(--interface-font-weight-secondary);
    display: block;
    text-transform: uppercase;
    font-size: 12px;
}
.widget_rss ul li cite {
    color: #999;
}
/*  widget : text
/* ------------------------------------ */
.widget_text .textwidget p {
    margin-bottom: 1em;
}
/*  widget : calendar
/* ------------------------------------ */
.widget_calendar #wp-calendar {
    width: 100%;
}
.widget_calendar caption {
    background: var(--interface-accent-palette-primary);
    color: var(--interface-accent-palette-secondary);
    padding: 5px 10px;
}
.widget_calendar thead {
    background: rgba(var(--interface-rgb-color), 0.05);
}
.widget_calendar th,
.widget_calendar td {
    padding: 5px;
    text-align: center;
    border: 1px solid var(--interface-border-color);
    width: 40px;
}
.list-widget-content .column:not(:last-child) {
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.grid-widget-content .column {
    margin-bottom: var(--gutter, var(--gutter-large));
}
/* ------------------------------------------------------------------------- *
 *  Comments
/* ------------------------------------------------------------------------- */
#comments {
    margin-top: 20px
}
.comment-tabs {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--interface-border-color);
}
.comment-tabs li {
    margin-bottom: -1px
}
.comment-tabs a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 20px;
    font-weight: var(--interface-font-weight-secondary);
    border-bottom: 1px solid var(--interface-border-color);
}
.comment-tabs a:hover {
    border-color: #ccc
}
.comment-tabs span {
    background: var(--interface-border-color);
    border-radius: 4px;
    min-width: 35px;
    text-align: center;
}
.commentlist,
.pinglist {
    margin-bottom: 20px
}
.commentlist li,
.pinglist li {
    position: relative;
    padding-left: 60px;
}
.pinglist li {
    padding-left: 0
}
.comment-body {
    padding-bottom: 30px
}
.comment-content a {
    text-decoration: underline;
}
#comments .comment-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
#comments .avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    border-radius: 100%;
}
.comment-body p {
    margin-bottom: 8px;
    filter: alpha(opacity=75);
    opacity: .75;
}
.comment-body ol li,
.comment-body ul li {
    margin-left: 2em;
    padding: 0
}
.commentlist li li .avatar {
    width: 36px;
    height: 36px
}
.comments-nav {
    display: grid;
}
.comments-nav .nav-previous {
    float: left
}
.comments-nav .nav-next {
    float: right
}
#respond {
    position: relative
}
#commentform p.comment-form-author,
#commentform p.comment-form-email {
    width: 48%
}
#commentform p.comment-form-author {
    float: left
}
#commentform p.comment-form-email {
    float: right
}
#commentform p.comment-form-url,
#commentform p.comment-form-comment {
    clear: both
}
#commentform label {
    display: block;
    padding: 5px 0;
}
#commentform p.form-submit {
    margin-top: 10px
}
.logged-in #commentform p.comment-form-comment {
    margin-top: 20px
}
#commentform .comment-form-cookies-consent {
    padding: 20px 0
}
#commentform .comment-form-cookies-consent label {
    display: inline
}
#comments .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.comment-reply-link {
    font-size: calc(var(--interface-font-size-general) - 4px);
}
/* ------------------------------------------------------------------------- *
 *  Plugins
/* ------------------------------------------------------------------------- */
/*  plugin : wp-pagenavi
/* ------------------------------------ */
.wp-pagenavi {
    overflow: hidden;
    text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
    color: var(--interface-text-color);
    font-size: 16px;
    padding: 10px 15px;
}
.wp-pagenavi span.pages {
    display: block;
    margin-bottom: 30px;
}
.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.wp-pagenavi span.current {
    color: var(--interface-link-hover-color);
}
/*  plugin : woocommerce
/* ------------------------------------ */
.woocommerce .content > .page-title {
    display: none;
}
/* ------------------------------------------------------------------------- *
 *  Owl Carousel v1.3.3
/* ------------------------------------------------------------------------- */
.owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    pointer-events: none;
}
.owl-nav button {
    position: absolute;
    top: 0;
    border-radius: 50%;
    padding: 5px;
    pointer-events: all;
    transition: background 0.2s ease;
}
.owl-carousel .owl-nav .owl-prev.disabled,
.owl-carousel .owl-nav .owl-next.disabled {
    display: none;
    opacity: 0;
    visibility: hidden;
}
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-next:focus,
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-prev:focus {
    background: rgba(0, 0, 0, 0.7);
}
.owl-nav .owl-prev {
    left: 10px;
}
.owl-nav .owl-next {
    right: 10px;
}
.owl-nav svg {
    color: var(--interface-accent-palette-primary);
    width: 34px;
    height: 34px;
    display: block;
}
.rtl .owl-nav svg {
    /*rtl:begin:ignore*/
    transform: scaleX(-1);
    /*rtl:end:ignore*/
}
/* ------------------------------------------------------------------------- *
 *  Accessibility
/* ------------------------------------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text:focus {
    font-size: 1.125rem;
}
/* Do not show the outline on the skip link target. */
#page[tabindex="-1"]:focus {
    outline: 0;
}
/* News Ticker Styles */
.news-ticker {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}
.ticker-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    white-space: nowrap;
    text-transform: uppercase;
}
.pulsating-dot {
    width: 10px;
    height: 10px;
    background-color: var(--interface-accent-palette-primary);
    border-radius: 50%;
    animation: pulse 1.5s infinite;
}
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(var(--interface-alt-rgb-color), 0.7);
    }
    70% {
        box-shadow: 0 0 0 5px rgba(var(--interface-alt-rgb-color), 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(var(--interface-alt-rgb-color), 0);
    }
}
.ticker-content {
    flex-grow: 1;
    overflow: hidden;
    position: relative;
}
.ticker-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    height: 1.5em;
}
.ticker-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ticker-item.active {
    opacity: 1;
    visibility: visible;
}
.ticker-controls {
    display: flex;
    align-items: center;
    gap: 5px;
}
.ticker-controls button {
    background: none;
    border: 1px solid var(--interface-border-color);
    cursor: pointer;
    padding: 4px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--interface-text-color);
    line-height: 1;
    transition: all 0.2s ease;
    width: 28px;
    height: 28px;
}
.rtl .ticker-controls button {
    /*rtl:ignore*/
    transform: scaleX(-1);
    /*rtl:ignore*/
}
.ticker-controls button:hover {
    background-color: rgba(var(--interface-rgb-color), 0.05);
    color: var(--interface-link-color);
    border-color: rgba(var(--interface-rgb-color), 0.1);
}
.ticker-controls .icon-pause {
    display: none;
}
/* Topbar Date / Time */
.topbar-datetime {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    height: 100%;
}
.topbar-date {
    display: flex;
    align-items: center;
    white-space: nowrap;
    opacity: 0.85;
}
/* ── Flip Clock ── */
.topbar-flip-clock {
    display: flex;
    align-items: center;
    gap: 2px;
}
.fc-sep {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    opacity: 0.6;
    align-self: center;
    margin: 0 1px;
    padding-bottom: 2px;
    line-height: 1;
}
.fc-digit {
    position: relative;
    width: 22px;
    height: 26px;
    font-variant-numeric: tabular-nums;
}
.fc-card {
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    overflow: hidden;
    background: rgba(var(--interface-alt-rgb-color), 0.1);;
}
.fc-card--top {
    top: 0;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid rgba(var(--interface-rgb-color), 0.05);
}
.fc-card--top .fc-face {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: inherit;
    font-weight: inherit;
}
.fc-card--bottom {
    bottom: 0;
    border-radius: 0 0 4px 4px;
}
.fc-card--bottom .fc-face {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: inherit;
    font-weight: inherit;
}
.fc-card--flip-top {
    top: 0;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid rgba(var(--interface-rgb-color), 0.1);
    transform-origin: bottom center;
    transform: rotateX(0deg);
    z-index: 3;
    display: none;
}
.fc-card--flip-top .fc-face {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: inherit;
    font-weight: inherit;
}
.fc-card--flip-bottom {
    bottom: 0;
    border-radius: 0 0 4px 4px;
    transform-origin: top center;
    transform: rotateX(90deg);
    z-index: 3;
    display: none;
}
.fc-card--flip-bottom .fc-face {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: inherit;
    font-weight: inherit;
}
.fc-digit.flipping .fc-card--flip-top,
.fc-digit.flipping .fc-card--flip-bottom {
    display: block;
}
.fc-digit.flipping .fc-card--flip-top {
    animation: fc-flip-top 0.25s ease-in forwards;
}
.fc-digit.flipping .fc-card--flip-bottom {
    animation: fc-flip-bottom 0.25s ease-out 0.25s forwards;
}
@keyframes fc-flip-top {
    0% {
        transform: rotateX(0deg);
    }
    100% {
        transform: rotateX(-90deg);
    }
}
@keyframes fc-flip-bottom {
    0% {
        transform: rotateX(90deg);
    }
    100% {
        transform: rotateX(0deg);
    }
}
.fc-ampm {
    position: relative;
    width: 36px;
    height: 26px;
    margin-left: 4px;
}
.fc-ampm.flipping .fc-card--flip-top,
.fc-ampm.flipping .fc-card--flip-bottom {
    display: block;
}
.fc-ampm.flipping .fc-card--flip-top {
    animation: fc-flip-top 0.25s ease-in forwards;
}
.fc-ampm.flipping .fc-card--flip-bottom {
    animation: fc-flip-bottom 0.25s ease-out 0.25s forwards;
}
/*social icon*/
.has-brand-color .social-links a[href*="amazon"] {
    color: #f90;
}
.has-brand-color .social-links a[href*="bandcamp"] {
    color: #1ea0c3;
}
.has-brand-color .social-links a[href*="behance"] {
    color: #0757fe;
}
.has-brand-color .social-links a[href*="bsky"] {
    color: #0F73FF;
}
.has-brand-color .social-links a[href*="codepen"] {
    color: #1e1f26;
}
.has-brand-color .social-links a[href*="deviantart"] {
    color: #02e49b;
}
.has-brand-color .social-links a[href*="dribbble"] {
    color: #e94c89;
}
.has-brand-color .social-links a[href*="discord"] {
    color: #7289da;
}
.has-brand-color .social-links a[href*="dropbox"] {
    color: #4280ff;
}
.has-brand-color .social-links a[href*="etsy"] {
    color: #f45800;
}
.has-brand-color .social-links a[href*="facebook"] {
    color: #1778f2;
}
.has-brand-color .social-links a[href*="500"] {
    color: #000;
}
.has-brand-color .social-links a[href*="flickr"] {
    color: #0461dd;
}
.has-brand-color .social-links a[href*="foursquare"] {
    color: #e65678;
}
.has-brand-color .social-links a[href*="github"] {
    color: #24292d;
}
.has-brand-color .social-links a[href*="goodreads"] {
    color: #382110;
}
.has-brand-color .social-links a[href*="google"] {
    color: #ea4434;
}
.has-brand-color .social-links a[href*="instagram"] {
    color: #9b36b7;
}
.has-brand-color .social-links a[href*="lastfm"] {
    color: #e21b24;
}
.has-brand-color .social-links a[href*="linkedin"] {
    color: #0d66c2;
}
.has-brand-color .social-links a[href*="mastodon"] {
    color: #3288d4;
}
.has-brand-color .social-links a[href*="medium"] {
    color: #02ab6c;
}
.has-brand-color .social-links a[href*="meetup"] {
    color: #f6405f;
}
.has-brand-color .social-links a[href*="patreon"] {
    color: #ff424d;
}
.has-brand-color .social-links a[href*="pinterest"] {
    color: #e60122;
}
.has-brand-color .social-links a[href*="pocket"] {
    color: #ef4155;
}
.has-brand-color .social-links a[href*="reddit"] {
    color: #fe4500;
}
.has-brand-color .social-links a[href*="snapchat"] {
    stroke: #000;
}
.has-brand-color .social-links a[href*="soundcloud"] {
    color: #ff5600;
}
.has-brand-color .social-links a[href*="spotify"] {
    color: #1bd760;
}
.has-brand-color .social-links a[href*="telegram"] {
    color: #2aabee;
}
.has-brand-color .social-links a[href*="threads"] {
    color: #000000;
}
.has-brand-color .social-links a[href*="tiktok"] {
    color: #000;
}
.has-brand-color .social-links a[href*="tumblr"] {
    color: #011835;
}
.has-brand-color .social-links a[href*="twitch"] {
    color: #6440a4;
}
.has-brand-color .social-links a[href*="twitter"],
.has-brand-color .social-links a[href*="x"] {
    color: #000;
}
.has-brand-color .social-links a[href*="vimeo"] {
    color: #1eb7ea;
}
.has-brand-color .social-links a[href*="vk"] {
    color: #4680c2;
}
.has-brand-color .social-links a[href*="wordpress"] {
    color: #3499cd;
}
.has-brand-color .social-links a[href*="wa.me"],
.has-brand-color .social-links a[href*="whatsapp"] {
    color: #075e54;
}
.has-brand-color .social-links a[href*="yelp"] {
    color: #d32422;
}
.has-brand-color .social-links a[href*="youtube"] {
    color: #ff0000;
}