: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;
} 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;
} 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;
} body {
font-family: var(--interface-font-general);
} input,
textarea,
button,
select,
label,
.theme-button {
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;
}
.theme-button-outline{
font-size: calc(var(--interface-font-size-general) - 6px);
text-decoration: underline;
opacity: 0.75;
}
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;
} .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)
}
} 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: 10px;
}
.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;
}
.entry-excerpt-regular {
font-size: var(--interface-font-size-small);
}
.heading,
#reply-title {
font-size: var(--interface-font-size-big);
margin-bottom: 1em;
}
.heading .svg-icon {
margin-right: 6px;
} .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;
}  #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);
column-gap: 30px;
width: 100%;
}
.main-inner > .content {
grid-area: content;
}
.main-inner > .s1 {
grid-area: s1;
}
.main-inner > .s2 {
grid-area: s2;
}
.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 #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;
} .col-2cl .main-inner {
grid-template-columns: 1fr minmax(0, 320px);
grid-template-areas:
"content s1"
}
.col-2cl .content {
border-right: 1px solid var(--interface-border-color);
}
.col-2cl:not(.wp-singular) .content {
padding-left: 0;
} .col-2cr .main-inner {
grid-template-columns: minmax(0, 320px) 1fr;
grid-template-areas:
"s1 content"
}
.col-2cr .content {
border-left: 1px solid var(--interface-border-color);
}
.col-2cr:not(.wp-singular) .content {
padding-right: 0;
} .col-3cm .main-inner {
grid-template-columns: minmax(0, 320px) 1fr minmax(0, 320px);
grid-template-areas:
"s1 content s2"
}
.col-3cm .content {
border-left: 1px solid var(--interface-border-color);
border-right: 1px solid var(--interface-border-color);
} .col-3cl .main-inner {
grid-template-columns: 1fr minmax(0, 320px) minmax(0, 320px);
grid-template-areas:
"content s1 s2"
}
@media only screen and (min-width: 768px) {
.col-3cl .content {
border-right: 1px solid var(--interface-border-color);
padding-left: 0;
}
}
@media only screen and (min-width: 1261px) {
.col-3cl .sidebar.s1 {
border-right: 1px solid var(--interface-border-color);
}
} .col-3cr .main-inner {
grid-template-columns: minmax(0, 320px) minmax(0, 320px) 1fr;
grid-template-areas:
"s1 s2 content"
}
@media only screen and (min-width: 1261px) {
.col-3cr .sidebar.s2 {
border-left: 1px solid var(--interface-border-color);
padding-left: 30px;
}
}
.col-3cr .content {
border-left: 1px solid var(--interface-border-color);
padding-right: 0;
} .sidebar {
max-width: 320px;
padding-bottom: 30px;
padding-top: 30px;
width: 100%;
} .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%;
} .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);
} .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;
} .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;
} .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%;
} .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);
} .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;
} #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;
} .nav-menu {
--interface-submenu-bg-color: #000;
--interface-submenu-text-color: #dedede;
} .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;
} @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 .menu li.hover > ul {
max-width: 100vw;
max-height: 300vh;
}
.nav-menu .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 .menu {
flex-wrap: wrap;
gap: 20px;
justify-content: flex-start;
}
.nav-menu .menu ul.active,
.nav-menu .menu li.hover > ul {
overflow: visible;
width: 200px;
opacity: 1;
transform: translateY(0);
transition: opacity 0.15s linear, transform 0.15s linear;
}
.nav-menu .menu ul ul {
left: 220px;
top: 0;
}
.nav-menu .menu {
position: relative;
}
.nav-menu .menu ul {
opacity: 0;
position: absolute;
top: 100%;
margin-top: 0;
transition: opacity 0.15s linear;
transform: translateY(0);
z-index: 999;
}
.nav-menu .menu ul li {
position: relative;
}
.nav-menu .menu ul a {
display: block;
padding: 15px 30px;
transition: all 0.3s ease;
width: 100%;
}
.nav-menu .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 .menu li.menu-item-has-children.focus > ul:focus-within {
opacity: 1 !important;
}
.nav-menu .menu li ul.sub-menu:not(.active) {
opacity: 0;
}
.nav-menu .menu li.hover ul.sub-menu:not(.active) {
opacity: 1;
}
.nav-menu .menu li.focus ul ul.sub-menu:not(.active) {
opacity: 0;
}
.nav-menu .menu li.focus ul li.hover ul.sub-menu {
opacity: 1;
}
.nav-menu .menu ul:before,
.nav-menu .menu ul:after {
content: "";
display: block;
position: absolute;
bottom: 100%;
}
.nav-menu .menu ul:before {
left: 0;
right: 0;
height: 20px;
}
.nav-menu .menu ul:after {
border: 8px solid transparent;
border-bottom-color: transparent;
left: 18px;
}
.nav-menu .menu ul ul {
left: calc(100% + 20px);
}
.nav-menu .menu ul ul:before {
bottom: 0;
height: auto;
left: -20px;
top: 0;
width: 22px;
}
.nav-menu .menu ul ul:after {
border-bottom-color: transparent;
bottom: auto;
left: -16px;
top: 20px;
} .nav-menu .menu ul {
border-radius: 4px;
}
.nav-menu .menu ul:after {
border-bottom-color: var(--interface-submenu-bg-color);
}
.nav-menu .menu ul ul:after {
border-right-color: var(--interface-submenu-bg-color);
}
.nav-menu {
font-size: 16px;
font-weight: 400;
}
.nav-menu ul ul > li:hover > span {
background: rgba(var(--interface-alt-rgb-color), 0.1);
}
.nav-menu ul ul a {
color: var(--interface-submenu-text-color);
}
.nav-menu ul ul button .svg-icon {
margin-right: 10px;
transform: rotate(-90deg);
}
.nav-menu .menu > li {
padding-bottom: 20px;
padding-top: 20px;
position: relative;
}  .nav-toggle {
background: transparent;
color: var(--interface-text-color);
border: 0;
cursor: pointer;
padding: 0;
display: none;
} .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 {
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 {
background: var(--interface-bg-color);
width: 100%;
padding-bottom: 40px;
padding-top: 40px;
} body.showing-menu-modal,
body.showing-search-modal {
overflow: hidden;
}
body.showing-modal {
overflow: hidden;
} .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 {
background: rgba(0, 0, 0, 0.5); 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; 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;
} .mobile-menu .ancestor-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 20px;
width: 100%;
} .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);
} .mobile-menu .modal-menu .sub-menu {
display: none;
overflow: hidden;
}
.mobile-menu .modal-menu .sub-menu.active {
display: block;
} .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;
} @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;
} @media only screen and (max-width: 767px) {
.nav-toggle {
display: block;
}
}
.menu-bottom {
padding: 20px;
} #subheader {
border-bottom: 1px solid var(--interface-border-color);
padding-bottom: 30px;
position: relative;
}
.wp-singular #subheader {
border-bottom: none;
padding-bottom: 0;
} .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: clamp(100px, 35%, 150px) 1fr;
}
.wpi-list-post.has-post-thumbnail.layout-invert:has(.entry-image) {
grid-template-columns: 1fr clamp(100px, 35%, 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;
right: 0;
padding: 10px 20px;
width: 100%;
z-index: 1;
} .page .content {
background-color: var(--interface-bg-color);
margin-top: -200px;
z-index: 3;
}
.page .content.no-thumbnail {
margin-top: 0;
} #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-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-xlarge img {
height: 740px;
}
.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-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 {
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 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
gap: 30px;
}
.post-grid .post-thumbnail {
padding-bottom: 15px;
} .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);
} .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 .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;
} .post-pages {
font-weight: var(--interface-font-weight-secondary);
font-size: 22px;
margin-bottom: 20px;
} .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);
} .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);
} .related-posts {
margin-bottom: 40px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 30px 2px;
}
.related-posts .post-content {
padding: 0 20px 0 0;
} .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 { transform: scaleX(-1); }
.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 .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-format {
position: relative;
margin-bottom: 20px;
}
.post-format img {
display: block;
width: 100%;
height: auto;
}    .format-audio .post-format iframe {
height: 166px;
width: 100%;
} .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;
} .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 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 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 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 .textwidget p {
margin-bottom: 1em;
} .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));
}
.speednews-text-center {
text-align: center;
}
.speednews-text-center .post-content {
align-items: center;
}
.speednews-text-center .post-meta {
justify-content: center;
}
.slider-widget-content .wpi-post:has(.entry-image) .post-content {
padding: 30px;
}
.slider-widget-content .post-content {
margin: 0 auto;
max-width: 920px;
width: 90%;
}
.slider-widget-content .entry-excerpt {
margin: 10px auto;
} #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);
}  .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);
} .woocommerce .content > .page-title {
display: none;
} .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 { transform: scaleX(-1); }
.owl-carousel .owl-dots {
margin-top: 1rem;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}
.owl-carousel .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px;
}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
background: var(--interface-accent-palette-primary);
}  .screen-reader-text:focus {
font-size: 1.125rem;
} #page[tabindex="-1"]:focus {
outline: 0;
} .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 { transform: scaleX(-1); }
.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-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;
} .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;
} .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;
}