:root {
--theme-primary-hue: #00b2ff;
--site-title-hue: #ff8d54;
--site-tagline-hue: #000000;
--theme-background-hue: #fff;
--theme-background-hue-light:#f1f1f1;
--theme-background-dark-hue: #121212;
--theme-text-hue: #000;
--theme-text-light-hue: #787878;
--theme-border-hue:#dcdcdc;
--shadow: 0px 4px 4px -2px #0000002b;
--curve-border: 5px;
--custom-categories-hue: var(var(--theme-primary-hue)); --typo-xxs: clamp(0.7813rem, 0.7747rem + 0.0326vw, 0.8rem);
--typo-xs: clamp(0.9375rem, 0.9158rem + 0.1087vw, 1rem);
--typo-sm: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem);
--typo-md: clamp(1.35rem, 1.2761rem + 0.3696vw, 1.5625rem);
--typo-lg: clamp(1.62rem, 1.5041rem + 0.5793vw, 1.9531rem);
--typo-xl: clamp(1.944rem, 1.771rem + 0.8651vw, 2.4414rem);
--typo-xxl: clamp(2.3328rem, 2.0827rem + 1.2504vw, 3.0518rem);
--typo-xxxl: clamp(2.7994rem, 2.4462rem + 1.7658vw, 3.8147rem);  --site-title-font: 'Poppins', serif;
--site-tagline-font: 'Poppins', serif;
--heading-font: 'Roboto', serif;
--site-body-font: 'Karla', serif;
}
.dark-theme {
--theme-background-hue: #191919;
--theme-background-hue-light:#0b0b0b;
--theme-background-dark-hue: #121212;
--theme-text-hue: #ffffff;
--theme-text-light-hue: #b5b5b5;
--theme-border-hue:#a3a1a14d;
} html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
color: var(--theme-text-hue);
background: var(--theme-background-hue);
font-size: 1rem;
line-height: 1.5;
font-family: var(--site-body-font);
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
color: #fff;
text-decoration: none;
padding: 8px 24px;
border-radius: var(--curve-border);
line-height: 1.143em;
border: 1px solid transparent;
font-size: calc(var(--typo-xs) - 2px);
background-color: var(--theme-primary-hue);
transition: all 0.3sease;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background-color: unset;
color: var(--theme-primary-hue);
border: 1px solid var(--theme-primary-hue);
}
.loadmore-wrapper {
display: flex;
justify-content: center;
margin-top: 20px;
}
.loadmore-wrapper .artify-load-more-posts {
display: flex;
gap: 5px;
align-items: center;
color: #fff;
background-color: var(--theme-primary-hue);
border: none;
cursor: pointer;
padding: 0.7em 1.5em;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  button,
input,
select,
optgroup,
textarea {
font-family: var(--site-body-font);
font-size: 1rem;
line-height: 1.5;
color: var(--theme-text-hue);
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: var(--heading-font);
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li>ul,
li>ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
ul.social-links {
margin: 0;
padding: 0;
list-style: none;
display: flex;
gap: 4px;
}
.author-social-contacts a,
ul.social-links a {
width: 20px;
height: 20px;
opacity: 0.8;
display: flex;
overflow: hidden;
position: relative;
align-items: center;
text-decoration: none;
justify-content: center;
transition: all 0.3s ease-in;
color: var(--theme-primary-hue);
font-size: calc(var(--typo-xs) - 1px);
}
.site-footer .upper-footer .upper-footer-container .footer-widget-block .author-social-contacts:not(.social-feed-widgets-wrap) a{
color: var(--theme-primary-hue);
}
ul.social-links a {
color: #fff;
}
.author-social-contacts a::before,
ul.social-links a::before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
font-family: 'fontawesome';
vertical-align: baseline;
transition: all 0.3s ease-in;
}
.author-social-contacts a[href*='facebook.com']::before,
ul.social-links a[href*='facebook.com']::before {
content: "\f39e";
}
.author-social-contacts a[href*='twitter.com']::before,
ul.social-links a[href*='twitter.com']::before {
content: "\e61b";
}
.author-social-contacts a[href*='x.com']::before,
ul.social-links a[href*='x.com']::before {
content: "\e61b";
}
.author-social-contacts a[href*='instagram.com']::before,
ul.social-links a[href*='instagram.com']::before {
content: "\f16d";
}
.author-social-contacts a[href*='youtube.com']::before,
ul.social-links a[href*='youtube.com']::before {
content: "\f167";
}
.author-social-contacts a[href*='discord.com']::before,
ul.social-links a[href*='discord.com']::before {
content: "\f392";
}
.author-social-contacts a[href*='dribbble.com']::before,
ul.social-links a[href*='dribbble.com']::before {
content: "\f17d";
}
.author-social-contacts a[href*='google.com']::before,
ul.social-links a[href*='google.com']::before {
content: "\f1a0";
}
.author-social-contacts a[href*='line.me']::before,
ul.social-links a[href*='line.me']::before {
content: "\f3c0";
}
.author-social-contacts a[href*='linkedin.com']::before,
ul.social-links a[href*='linkedin.com']::before {
content: "\f08c";
}
.author-social-contacts a[href*='medium.com']::before,
ul.social-links a[href*='medium.com']::before {
content: "\f23a";
}
.author-social-contacts a[href*='messenger.com']::before,
ul.social-links a[href*='messenger.com']::before {
content: "\f39f";
}
.author-social-contacts a[href*='paypal.com']::before,
ul.social-links a[href*='paypal.com']::before {
content: "\f1ed";
}
.author-social-contacts a[href*='pinterest.com']::before,
ul.social-links a[href*='pinterest.com']::before {
content: "\f0d2";
}
.author-social-contacts a[href*='reddit.com']::before,
ul.social-links a[href*='reddit.com']::before {
content: "\f1a1";
}
.author-social-contacts a[href*='skype.com']::before,
ul.social-links a[href*='skype.com']::before {
content: "\f17e";
}
.author-social-contacts a[href*='slack.com']::before,
ul.social-links a[href*='slack.com']::before {
content: "\f198";
}
.author-social-contacts a[href*='snapchat.com']::before,
ul.social-links a[href*='snapchat.com']::before {
content: "\f2ad";
}
.author-social-contacts a[href*='spotify.com']::before,
ul.social-links a[href*='spotify.com']::before {
content: "\f1bc";
}
.author-social-contacts a[href*='stackoverflow.com']::before,
ul.social-links a[href*='stackoverflow.com']::before {
content: "\f16c";
}
.author-social-contacts a[href*='telegram.org']::before,
ul.social-links a[href*='telegram.org']::before {
content: "\f3fe";
}
.author-social-contacts a[href*='twitch.tv']::before,
ul.social-links a[href*='twitch.tv']::before {
content: "\f1e8";
}
.author-social-contacts a[href*='vimeo.com']::before,
ul.social-links a[href*='vimeo.com']::before {
content: "\f27d";
}
.author-social-contacts a[href*='whatsapp.com']::before,
ul.social-links a[href*='whatsapp.com']::before {
content: "\f232";
}
.author-social-contacts a[href*='wordpress.org']::before,
ul.social-links a[href*='wordpress.org']::before {
content: "\f19a";
}
.author-social-contacts a[href*='youtube.com']::before,
ul.social-links a[href*='youtube.com']::before {
content: "\f167";
}
.author-social-contacts a[href*='tiktok.com']::before,
ul.social-links a[href*='tiktok.com']::before {
content: "\e07b";
}
.author-social-contacts a[href*='github.com']::before,
ul.social-links a[href*='github.com']::before {
content: "\f09b";
}
.author-social-contacts a:focus,
ul.social-links a:focus,
.author-social-contacts a:hover,
ul.social-links a:hover {
opacity: 1;
color: var(--theme-primary-hue);
} .timeless-blog-widget.social-widget .social-feed-widgets-wrap a {
font-size: var(--typo-xs);
padding: 12px;
opacity: 1;
width: auto;
height: auto;
color: #fff;
line-height: 1;
overflow: visible;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
opacity: 0.8;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='facebook.com'] {
background-color: #3b5999;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='twitter.com'],
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='x.com'] {
background-color: #212121;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='instagram.com'] {
background-color: #3F729B;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='discord.com'] {
background-color: #5865F2;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='dribbble.com'] {
background-color: #ea4c89;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='google.com'] {
background-color: #dd4b39;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='line.me'] {
background-color: #00b900;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='linkedin.com'] {
background-color: #0e76a8;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='medium.com'] {
background-color: #66cdaa;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='messenger.com'] {
background-color: #006AFF;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='paypal.com'] {
background-color: #3b7bbf;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='pinterest.com'] {
background-color: #E60023;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='reddit.com'] {
background-color: #ff5700;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='skype.com'] {
background-color: #00aff0;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='slack.com'] {
background-color: #ECB22E;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='snapchat.com'] {
background-color: #FFFC00;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='spotify.com'] {
background-color: #1DB954;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='stackoverflow.com'] {
background-color: #F47F24;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='telegram.org'] {
background-color: #229ED9;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='twitch.tv'] {
background-color: #6441a5;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='vimeo.com'] {
background-color: #86c9ef;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='whatsapp.com'] {
background-color: #34B7F1;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='wordpress.org'] {
background-color: #21759b;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='youtube.com'] {
background-color: #c4302b;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='tiktok.com'] {
background-color: #010101;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a[href*='github.com'] {
background-color: #24292E;
}
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a:focus,
.timeless-blog-widget.social-widget .social-feed-widgets-wrap a:hover {
opacity: 1;
}
.timeless-blog-widget.social-widget.style-1 .social-feed-widgets-wrap {
gap: 5px;
}
.timeless-blog-widget.social-widget.style-1 .social-feed-widgets-wrap a {
padding: 12px 20px;
padding-inline-start: 12px;
}
.timeless-blog-widget.social-widget.style-1 .social-feed-widgets-wrap a {
width: calc(50% - 5px);
}
@media (max-width: 550px) {
.timeless-blog-widget.social-widget.style-1 .social-feed-widgets-wrap a {
width: 100%;
}
}
.timeless-blog-widget.social-widget.style-1 .social-feed-widgets-wrap a .screen-reader-text {
clip: unset;
clip-path: unset;
height: auto;
width: auto;
margin: 0;
position: relative !important;
overflow: visible;
color: #fff;
top: inherit;
margin-inline-start: 5px;
} .timeless-blog-widget.social-widget.style-2 .social-widgets-wrap a {
width: 40px;
height: 40px;
}  button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
font-size: var(--typo-xs);
border: 1px solid;
border-color: var(--theme-primary-hue);
background: var(--theme-primary-hue);
border-radius: 3px;
color: #fff;
line-height: 1;
padding: 0.6em 1em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
opacity: 0.8;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
opacity: 0.8;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: var(--theme-text-hue);
border: 1px solid #ccc;
border-radius: 3px;
padding: 6px;
width: 100%;
min-height: 40px;
background-color: var(--theme-background-hue);
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: var(--theme-text-hue);
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
.pswp__ui--hidden {
display: none;
}
.pswp__ui--hidden button {
background-color: transparent;
font-size: 0;
padding: 0;
border: none;
}   .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.home.page {
margin-bottom: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
.widget_block h1,
.widget_block h2,
.widget_block h3,
.widget_block h4,
.widget_block h5,
.widget_block h6 {
margin-top: 0;
margin-bottom: 10px;
line-height: 1.2;
} .widget ol,
.widget ul:not(.entry-meta) {
list-style: none;
padding: 0;
margin-inline: 0;
}
.widget ol li,
.widget ul:not(.entry-meta):not(.slick-dots) li {
margin-bottom: 7px;
padding-bottom: 7px;
font-size: var(--typo-xs);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.widget ol li a,
.widget ul:not(.entry-meta) li a {
text-decoration: none;
color: var(--theme-text-hue);
transition: all 0.3s ease-in;
}
.widget ol li a:focus,
.widget ul:not(.entry-meta) li a:focus,
.widget ol li a:hover,
.widget ul:not(.entry-meta) li a:hover {
color: var(--theme-primary-hue);
}
.widget ol ol,
.widget ul ol,
.widget ol ul,
.widget ul ul {
padding-top: 7px;
margin-left: 10px;
padding-left: 10px;
}
.widget>ol>li,
.widget>ul>li {
margin-bottom: 7px;
padding-bottom: 7px;
font-size: 14px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.widget>ol>li a,
.widget>ul>li a {
color: var(--theme-text-hue);
transition: all 0.3s ease-in;
}
.widget>ol>li a:focus,
.widget>ul>li a:focus,
.widget>ol>li a:hover,
.widget>ul>li a:hover {
color: var(--theme-primary-hue);
}
.widget ol>li:last-child,
.widget ul:not(.entry-meta)>li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}  .wp-block-tag-cloud a,
.tagcloud a {
display: inline-block;
text-decoration: none;
font-size: var(--typo-xs) !important;
color: var(--theme-text-hue);
border: 1px solid var(--theme-text-hue);
padding: 3px 7px;
margin-inline-end: 5px;
margin-block-end: 5px;
line-height: 1.2;
}
.wp-block-tag-cloud a:focus,
.tagcloud a:focus,
.wp-block-tag-cloud a:hover,
.tagcloud a:hover {
color: var(--theme-primary-hue);
border: 1px solid var(--theme-primary-hue);
}
.site-footer .wp-block-tag-cloud a,
.site-footer .tagcloud a {
border: 1px solid #fff;
}
.site-footer .wp-block-tag-cloud a:focus,
.site-footer .tagcloud a:focus,
.site-footer .wp-block-tag-cloud a:hover,
.site-footer .tagcloud a:hover {
color: var(--theme-primary-hue);
border: 1px solid var(--theme-primary-hue);
}  .widget.widget_search .wp-block-search__inside-wrapper {
display: flex;
}
.widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__input {
padding: 6px 16px;
font-size: 0.9rem;
border: 1px solid #d3ced2;
border-end-start-radius: var(--curve-border);
border-start-start-radius: var(--curve-border);
}
.widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__input:focus-visible {
outline: 0;
}
.widget.widget_search .wp-block-search__inside-wrapper .wp-block-search__button {
cursor: pointer;
color: #fff;
background-color: var(--theme-primary-hue);
margin: 0;
padding: 10px 25px;
border-start-start-radius: 0px;
border-end-start-radius: 0px;
}
.search-form {
display: flex;
}
.search-form label,
.search-form .search-field {
width: 100%;
}
.search-form .search-field {
border: 1px solid #d3ced2;
padding: 6px 16px;
font-size: 0.9rem;
border-radius: 0;
}
.search-form .search-submit {
border-radius: 0;
}  .wp-block-social-links li {
margin: 0 !important;
padding: 0 !important;
}  .wp-block-calendar #today,
.wp-block-calendar a {
color: var(--theme-primary-hue);
}  .widget-title {
position: relative;
margin: 0;
text-align: center;
margin-block-end: 16px;
padding-block-end: 8px;
font-size: calc(var(--typo-sm) + 2px);
border-block-end: 2px solid var(--theme-text-hue);
}  .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
} #loader {
overflow-x: hidden;
overflow-y: hidden;
vertical-align: middle;
background-color: var(--theme-background-hue);
position: fixed;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
top: 0;
left: 0;
height: 100%;
min-height: 100%;
z-index: 99999;
}
#loader .loader-container {
position: relative;
z-index: 12;
}
#loader #preloader {
position: relative;
margin: auto;
width: 100px;
display: flex;
align-items: center;
justify-content: center;
} #preloader .pre-loader-1 {
width: 50px;
height: 28px;
--_g: no-repeat radial-gradient(farthest-side,var(--theme-text-hue) 94%,#0000);
background:
var(--_g) 50%  0,
var(--_g) 100% 0;
background-size: 12px 12px;
position: relative;
animation: jump-0 1.5s linear infinite;
}
.pre-loader-1:before {
content: "";
position: absolute;
height: 12px;
aspect-ratio: 1;
border-radius: 50%;
background: var(--theme-text-hue);
left:0;
top:0;
animation: 
jump-1 1.5s linear infinite,
jump-2 0.5s cubic-bezier(0,200,.8,200) infinite;
}
@keyframes jump-0 {
0%,31%  {background-position: 50% 0   ,100% 0}
33%     {background-position: 50% 100%,100% 0}
43%,64% {background-position: 50% 0   ,100% 0}
66%     {background-position: 50% 0   ,100% 100%}
79%     {background-position: 50% 0   ,100% 0}
100%    {transform:translateX(calc(-100%/3))}
}
@keyframes jump-1 {
100% {left:calc(100% + 7px)}
}
@keyframes jump-2 {
100% {top:-0.1px}
}  #preloader .pre-loader-2 {
height: 15px;
aspect-ratio: 5;
display: grid;
animation: l39-0 1s infinite linear; 
}
.pre-loader-2:before,
.pre-loader-2:after {
content: "";
width: calc(140%/3);
grid-area: 1/1;
--_g: no-repeat radial-gradient(farthest-side,var(--theme-text-hue) 94%,#0000);
background:
var(--_g) left,
var(--_g) right;
background-size: calc(300%/7) 100%;
animation: l39-1 1s infinite linear; 
}
.pre-loader-2:after {
margin-left: auto;
--s:-1;
}
@keyframes l39-0 {
0%,30% {transform: rotate(0)}
50%,100% {transform: rotate(.5turn)}
}
@keyframes l39-1 {
30%,70% {transform:translate(calc(var(--s,1)*400%/14))}
}  #preloader .pre-loader-3 {
width: 40px;
aspect-ratio: 1;
--c: linear-gradient(var(--theme-text-hue) 0 0);
--r1: radial-gradient(farthest-side at bottom,var(--theme-text-hue) 93%,#0000);
--r2: radial-gradient(farthest-side at top   ,var(--theme-text-hue) 93%,#0000);
background: 
var(--c) ,var(--r1),var(--r2),
var(--c) ,var(--r1),var(--r2),
var(--c) ,var(--r1),var(--r2);
background-repeat: no-repeat;
animation: l2 1s infinite alternate;
}
@keyframes l2 {
0%,25% {
background-size: 8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;
background-position: 0 50%,0 calc(50% - 2px),0 calc(50% + 2px),50% 50%,50% calc(50% - 2px),50% calc(50% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px);
}
50% {
background-size: 8px 100%,8px 4px,8px 4px,8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;
background-position: 0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(50% - 2px),50% calc(50% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px);
}
75% {
background-size: 8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;
background-position: 0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(0% - 2px),50% calc(100% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px);
}
95%,100% {
background-size: 8px 100%,8px 4px, 8px 4px,8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px;
background-position: 0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(0% - 2px),50% calc(100% + 2px),100% 50%,100% calc(0% - 2px),100% calc(100% + 2px);
}
}  #preloader .pre-loader-4 {
width: 60px;
height: 16px;
display: flex;
justify-content: space-between;
animation: l3-0 2s infinite alternate;
}
.pre-loader-4:before,
.pre-loader-4:after {
content: "";
width: 16px;
background: var(--theme-text-hue);
animation: l3-1 1s infinite alternate;
}
.pre-loader-4:after {
background: #4f4f4f;
--s:-1;
}
@keyframes l3-0 {
0%,40%   {transform: rotate(0)}
80%,100% {transform: rotate(.5turn)}
}
@keyframes l3-1 {
80%,100% {transform: translate(calc(var(--s,1)*14px))}
}  #preloader .pre-loader-5 {
width: 120px;
height: 20px;
-webkit-mask:linear-gradient(90deg,var(--theme-text-hue) 70%,#0000 0) 0/20%;
background:
linear-gradient(var(--theme-primary-hue) 0 0) 0/0% no-repeat
var(--theme-text-hue);
animation: loading 2s infinite steps(6);
}
@keyframes loading {
100% {background-size:120%}
}  #preloader .pre-loader-6 {
border-radius: 50%;
width: 44px;
height: 44px;
border: .35rem solid rgba(29, 29, 29, 0.2);
border-top-color: var(--theme-text-hue);
animation: spin 750ms infinite linear;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}  #preloader .pre-loader-7 {
width: fit-content;
font-size: 40px;
line-height: 1.5;
font-family: system-ui,sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #0000;
-webkit-text-stroke: 1px var(--theme-text-hue);
background:
radial-gradient(1.13em at 50% 1.6em,var(--theme-text-hue) 99%,#0000 101%) calc(50% - 1.6em) 0/3.2em 100% text,
radial-gradient(1.13em at 50% -0.8em,#0000 99%,var(--theme-text-hue) 101%) 50% .8em/3.2em 100% repeat-x  text;
animation: background-wave 2s linear infinite;
}
.pre-loader-7:before {
content: "Loading";
}
@keyframes background-wave {
to {background-position: calc(50% + 1.6em) 0,calc(50% + 3.2em) .8em}
}   .site-container-width {
width: 100%;
margin: 0 auto;
max-width: 1260px;
padding-inline: 14px;
}  .site-content {
margin-top: 50px;
}
body.single .site-content {
margin-top: 0;
}
.theme-wrapper {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 28px;
}
.theme-wrapper #secondary,
.theme-wrapper #primary {
width: 100%;
}
.left-sidebar .theme-wrapper {
flex-direction: row-reverse;
}
.no-sidebar .theme-wrapper {
display: block;
}
@media (min-width: 992px) {
.theme-wrapper #primary {
width: calc(70% - 15px);
flex-grow: 1;
}
.theme-wrapper #secondary {
width: calc(30% - 15px);
position: sticky;
top: 40px;
flex-shrink: 0;
}
.no-sidebar .theme-wrapper #secondary,
.no-sidebar .theme-wrapper #primary {
width: 100%;
}
}  .site-header {
margin-bottom: 20px;
} .header-commercial-area {
line-height: 0;
position: relative;
padding-top: 0;
-webkit-transition: all .6s;
transition: all .6s;
.commercial-image-container {
clip: rect(0, auto, auto, 0);
overflow: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
.commercial-image {
position: fixed;
top: 0;
left: 0;
width: 100%;
text-align: center;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
}
} body.admin-bar .commercial-image {
margin-top: 32px;
} .site-top-header {
padding-block: 10px;
background-color: #131418;
.site-container-width {
gap: 1rem;
display: flex;
align-items: center;
justify-content: center;
@media (min-width: 601px) {
&:has(.header-date):has(.topbar-menu) {
justify-content: space-between;
}
}
.topbar-menu {
.menu-secondary-menu-container {
#header-secondary-menu {
gap: 6px;
display: flex;
align-items: center;
padding: 0;
margin: 0;
@media (max-width: 600px) {
display: none;
}
li {
list-style: none;
a {
position: relative;
color: #fff;
text-decoration: none;
font-size: calc(var(--typo-xs) - 2px);
display: flex;
align-items: center;
opacity: 0.9;
transition: opacity 0.3s ease;
&::after {
content: '-';
display: inline-flex;
align-items: center;
margin-inline-start: 6px;
} 
&:hover,
&:focus-within {
opacity: 1;
}
}
&:last-child {
a {
&::after {
display: none;
}
}
}
}
}
}
}
.top-header-right {
display: flex;
gap: 15px;
.header-date {
position: relative;
opacity: 0.9;
color: #fff;
flex-shrink: 0;
font-size: calc(var(--typo-xs) - 2px);
&::before {
content: '\f073';
display: inline-flex;
font-family: 'fontawesome';
margin-inline-end: 6px;
}
}
.login-button {
color: #fff;
text-decoration: none;
font-size: calc(var(--typo-xs) - 2px);
opacity: 0.9;
transition: opacity 0.3s ease;
i {
margin-inline-end: 5px;
}
&:hover,
&:focus-within {
opacity: 1;
}
}
}
}
}
.site-middle-header {
position: relative;
border-block-end: 1px solid var(--theme-border-hue);
.site-container-width {
.site-middle-header-wrapper {
position: relative;
z-index: 1;
gap: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
padding-block: 1.6rem;
@media (max-width: 768px) {
flex-wrap: wrap;
justify-content: center;
}
.middle-header-right {
gap: 20px;
display: flex;
align-items: center;
justify-content: flex-end;
.social-icons {
#menu-social-menu {
gap: 7px;
li {
a {
width: 35px;
height: 35px;
opacity: 0.7;
border-radius: 50%;
color: var(--theme-text-hue);
border: 1px solid var(--theme-text-hue);
transition: all 0.1s ease;
}
&:hover,
&:focus-within {
a {
opacity: 1;
color: #fff;
background-color: var(--theme-primary-hue);
}
}
}
} 
}
}
}
}
}
.theme-main-header {
position: relative;
border-block-end: 1px solid var(--theme-border-hue);
.theme-main-header-wrapper {
.main-header-right {
display: flex;
align-items: center;
gap: 25px;
}
}
&.sticky-header  {
position: fixed;
width: 100%;
top: 0;
z-index: 15;
box-shadow: 0 1px 30px -15px #000;
background-color: var(--theme-background-hue);
body.admin-bar & {
@media (min-width: 1024px) {
top: 32px;
}
@media (min-width: 601px) and (max-width: 768px) {
top: 46px;
}
}
}
} .theme-header-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.theme-header-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.site-middle-header:has(.theme-header-img)::before {
content: '';
position: absolute;
background-color: #000;
opacity: 0.4;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.site-middle-header:has(.theme-header-img) .site-container-width .site-middle-header-wrapper .middle-header-right .social-icons #menu-social-menu li a {
color: #fff;
border-color: #fff;
} .toggle {
position: relative;
display: block;
width: 48px;
height: 30px;
outline: 0;
text-decoration: none;
border-radius: 100px;
border: 1px solid #546E7A;
background-color: var(--theme-background-hue-light);
transition: all 500ms;
&:active {
background-color: darken(#263238, 5%);
}
&:hover:not(.toggle--moving) {
&:after {
background-color: #455A64;
}
}
&:after {
display: block;
position: absolute;
top: 4px;
bottom: 4px;
left: 4px;
width: calc(50% - 4px);
text-align: center;
text-transform: uppercase;
font-size: 20px;
color: white;
background-color: var(--theme-primary-hue);
border: 1px solid;
transition: all 500ms; 
}
&.light-theme,
&.dark-theme {
&::after {
font-family: 'fontawesome';
font-size: 12px;
border-radius: 50px;
color: #fff;
}
}
&.light-theme {
&:after {
content: '\f185';
}
}
&.dark-theme {
&:after {
content: '\f186';
transform: translate(100%, 0);
}
}
&.toggle--moving {
background-color: var(--theme-background-hue-light);
&:after {
color: transparent;
border-color: darken(#546E7A, 8%);
background-color: darken(#37474F, 10%);
transition: color 0s, transform 500ms, border-radius 500ms, background-color 500ms;
}
}
}  .theme-main-header-wrapper {
z-index: 2;
display: flex;
position: relative;
align-items: center;
justify-content: space-between;
}
.header-button {
flex-shrink: 0;
}
.header-button {
font-weight: 700;
padding: 15px 28px;
line-height: normal;
letter-spacing: 2px;
border-radius: 30px;
text-decoration: none;
color: #fff !important;
font-size: var(--typo-xxs);
transform: translate(-2px, -2px);
border: 1px solid var(--theme-text-hue);
background-color: var(--theme-primary-hue);
box-shadow: 1px 3px 0 0px var(--theme-text-hue);
transition: all 0.3s cubic-bezier(.5, 2.5, .7, .7);
&:hover {
box-shadow: none;
transform: none;
}
}
.site-branding .site-identity .site-title {
font-size: var(--typo-lg);
line-height: 1.1;
font-weight: 700;
margin: 0;
}
.site-branding .site-identity {
@media (max-width: 768px) {
text-align: center;
}
}
.site-title a {
font-family: var(--site-title-font);
}
.site-branding .site-identity .site-title a {
text-align: center;
text-decoration: none;
word-break: break-word;
color: var(--site-title-hue);
}
.site-branding .site-identity .site-description {
margin-bottom: 0;
margin-top: 5px;
color: var(--site-tagline-hue);
}
.site-description {
font-family: var(--site-tagline-font);
}
.site-logo {
line-height: 0;
}
.site-branding:has(.site-logo) {
gap: 10px;
display: flex;
align-items: center;
flex-direction: column;
} .header-search {
display: flex;
position: relative;
text-align: center;
}
.header-search .header-search-wrap .header-search-icon {
outline: 0;
height: 36px;
width: 36px;
display: flex;
font-weight: 700;
text-align: center;
align-items: center;
justify-content: center;
text-decoration: none;
transition: 0.3s ease;
font-size: var(--typo-xs);
color: var(--theme-text-hue);
border: 1px solid transparent;
}
.header-search .header-search-wrap .header-search-icon:focus,
.header-search .header-search-wrap .header-search-icon:hover {
border: 1px solid #ffff;
}
.header-search .header-search-wrap .header-search-icon:focus-within {
outline: 1px dashed;
}
.header-search .header-search-wrap .header-search-form {
position: absolute;
background: var(--theme-background-hue);
inset-inline-end: 0;
opacity: 0;
visibility: hidden;
top: 100%;
width: 325px;
padding: 14px;
z-index: 99;
box-shadow: 0 2px 9px -7px #000;
border: 1px solid #f1f1f1;
border-radius: var(--curve-border);
}
.header-search .header-search-wrap .header-search-form .search-form {
display: flex;
}
.header-search .header-search-wrap .header-search-form .search-form label {
width: 75%;
}
.header-search .header-search-wrap .header-search-form .search-form label input {
width: 100%;
border-start-start-radius: var(--curve-border);
border-end-start-radius: var(--curve-border);
}
.header-search .header-search-wrap .header-search-form .search-form input.search-submit {
border-radius: 0px;
width: 25%;
margin: 0;
font-size: var(--typo-xxs);
border: none;
background: var(--theme-primary-hue);
color: #fff;
line-height: 1;
padding: 0.6em 1em;
border-start-end-radius: var(--curve-border);
border-end-end-radius: var(--curve-border);
}
.header-search .header-search-wrap.show .header-search-form {
margin: 0;
opacity: 1;
visibility: visible;
}
@media (max-width: 480px) {
.header-search {
position: unset;
}
.header-search .header-search-wrap .header-search-form {
width: 100%;
}
}  .main-navigation ul {
list-style: none;
padding: 0;
margin: 0;
font-size: var(--typo-xs);
}
.main-navigation ul a {
text-decoration: none;
}
@media (min-width:992px) {
.menu-toggle {
display: none;
}
.primary-nav-container {
width: 100%;
display: flex;
gap: 20px;
align-items: center;
justify-content: space-between;
}
.main-navigation ul {
display: flex !important;
flex-wrap: wrap;
column-gap: 24px;
}
.main-navigation ul li.menu-item-has-children>a::after {
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
font-family: Font Awesome\ 5 Free;
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f107";
display: inline-block;
margin-inline-start: 10px;
}
.main-navigation ul ul li.menu-item-has-children>a::after {
content: "\f105";
}
.main-navigation ul a {
padding-block: 15px;
display: block;
font-weight: 600;
text-transform: uppercase;
color: var(--theme-text-hue);
font-size: calc(var(--typo-xs) - 1px);
}
.main-navigation ul .current_page_item>a,
.main-navigation ul .current-menu-item>a,
.main-navigation ul .current_page_ancestor>a,
.main-navigation ul .current-menu-ancestor>a {
position: relative;
text-decoration: underline;
}
.main-navigation ul li a:focus,
.main-navigation ul li a:hover {
text-decoration: underline;
}
.main-navigation ul ul {
width: 225px;
display: block;
flex-direction: column;
position: absolute;
text-align: start;
opacity: 0;
margin: 0 auto;
padding: 0;
box-shadow: var(--shadow);
transition: top 0.4s;
top: 100%;
inset-inline-start: -999px;
border: 1px solid #f1f1f1;
background-color: var(--theme-background-hue);
transition: opacity 0.3s ease-in-out;
}
.main-navigation ul ul a {
display: block;
font-weight: normal;
padding: 8px 15px;
}
.main-navigation ul ul li:not(:last-child) {
border-bottom: 1px solid #f1f1f1;
}
.main-navigation ul ul li a {
text-transform: capitalize;
color: var(--theme-text-hue);
opacity: 1;
display: flex;
align-items: center;
justify-content: space-between;
}
.main-navigation .menu li {
position: relative;
}
.main-navigation ul li:focus-within>ul,
.main-navigation ul li:hover>ul {
opacity: 1;
z-index: 999;
inset-inline-start: 0;
}
.main-navigation ul ul li:focus-within>ul,
.main-navigation ul ul li:hover>ul {
top: 100%;
}
.main-navigation ul ul li ul {
top: 0;
}
.main-navigation ul ul li:focus-within ul,
.main-navigation ul ul li:hover ul {
top: 0;
left: 100%;
}
}
@media (max-width: 991.98px) {
.menu-toggle {
width: 35px;
height: 35px;
position: relative;
transform: rotate(0deg);
transition: 0.5s ease-in-out;
cursor: pointer;
padding: 0;
background: none;
border: none;
margin: 5px;
opacity: 1;
}
.menu-toggle:hover {
opacity: 1;
}
.menu-toggle span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 3px;
opacity: 1;
left: 0;
transform: rotate(0deg);
background: var(--theme-text-hue);
transition: 0.25s ease-in-out;
}
.menu-toggle span:nth-child(1) {
top: calc(50% - 15px);
}
.menu-toggle span:nth-child(2) {
top: 50%;
transform: translateY(-50%);
}
.menu-toggle span:nth-child(3) {
width: 16px;
bottom: calc(50% - 15px);
}
.main-navigation.toggled .menu-toggle span:nth-child(1) {
top: 14px;
width: 0%;
left: 50%;
}
.main-navigation.toggled .menu-toggle span:nth-child(2) {
transform: rotate(45deg);
}
.main-navigation.toggled .menu-toggle span:nth-child(3) {
top: 50%;
width: 100%;
transform: translateY(-50%) rotate(-45deg);
}
.main-navigation ul.nav-menu {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
position: absolute;
left: 0;
top: 100%;
width: 100%;
z-index: 9999;
display: none;
background: var(--theme-background-hue);
box-shadow: var(--shadow);
}
@media (max-width: 600px) {
.main-navigation ul.nav-menu {
top: 100%;
}
}
.main-navigation ul li.menu-item-has-children>a::after {
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
font-family: 'fontawesome';
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f107";
display: inline-block;
margin-inline-start: 10px;
}
.main-navigation ul a {
padding: 15px;
text-transform: uppercase;
color: var(--theme-text-hue);
display: block;
}
.main-navigation ul li:not(:last-child) {
border-bottom: 1px solid #f1f1f1;
}
.main-navigation ul li:first-child {
border-top: 1px solid #f1f1f1;
}
.main-navigation ul ul {
height: 0;
transform: scaleY(0);
transform-origin: top left;
overflow: hidden;
transition: all 0.5s ease-in-out;
margin-inline-start: 10px;
}
.main-navigation ul li.menu-item-has-children:hover>ul,
.main-navigation ul li.menu-item-has-children.focus>ul {
height: auto;
transform: scaleY(1);
}
.main-navigation ul ul a {
display: block;
padding: 10px 15px;
}
.main-navigation ul ul li {
border-bottom: 1px solid #f1f1f1;
}
.main-navigation ul ul li a {
text-transform: capitalize;
}
.main-navigation ul ul li a:focus {
outline-offset: -2px;
}
.main-navigation .menu li {
position: relative;
}
}   .artify-navigation .artify-arrow {
position: absolute;
top: calc(50% - 6px);
transform: translateY(-50%);
font-size: var(--typo-sm);
width: 40px;
height: 40px;
border: 1px solid var(--theme-text-hue);
text-align: center;
line-height: 1px;
z-index: 1;
cursor: pointer;
font-weight: 600;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease-out 0s;;
transform-origin: 0 0;
border-radius: 100%;
opacity: 0;
visibility: hidden;
}
.artify-navigation:focus-within .artify-arrow,
.artify-navigation:hover .artify-arrow {
scale: 1;
opacity: 1;
visibility: visible;
}
.artify-navigation .artify-arrow.fa-chevron-left {
left: 20px;
}
.artify-navigation .artify-arrow.fa-chevron-left:hover {
background-color: var(--theme-background-hue);
color: var(--theme-text-hue);
}
.artify-navigation .artify-arrow.fa-chevron-right {
right: 20px;
}
.artify-navigation .artify-arrow.fa-chevron-right:hover {
background-color: var(--theme-background-hue);
color: var(--theme-text-hue);
}  .artify-navigation .slick-dots {
margin: 0;
margin-block: 10px;
padding: 0;
list-style: none;
display: flex;
gap: 5px;
align-items: center;
justify-content: center;
}
.artify-navigation .slick-dots li {
display: flex;
}
.artify-navigation .slick-dots li button {
font-size: 0;
width: 12px;
height: 12px;
padding: 0;
opacity: 0.7;
border: none;
cursor: pointer;
border-radius: 100vmax;
transition: all 0.3s ease-in;
background-color: var(--theme-primary-hue);
}
.artify-navigation .slick-dots li.slick-active button {
opacity: 1;
}   .archive-area.archive-grid-layout {
display: grid;
gap: 28px;
}
.archive-area.archive-grid-layout.single-column {
grid-template-columns: repeat(1, 1fr);
}
.archive-area.archive-grid-layout.double-column {
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 600px) {
.archive-area.archive-grid-layout.double-column {
grid-template-columns: repeat(1, 1fr);
}
}
.archive-area.archive-grid-layout.triple-column {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
.archive-area.archive-grid-layout.triple-column {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.archive-area.archive-grid-layout.triple-column {
grid-template-columns: repeat(1, 1fr);
}
}
.archive-area.archive-grid-layout.four-column {
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1024px) {
.archive-area.archive-grid-layout.four-column {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.archive-area.archive-grid-layout.four-column {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.archive-area.archive-grid-layout.four-column {
grid-template-columns: repeat(1, 1fr);
}
} .archive-area.archive-list-layout {
gap: 20px;
display: flex;
flex-direction: column;
}
.archive-area.archive-list-layout article {
padding-block-end: 20px;
border-block-end: 1px solid var(--theme-border-hue);
}
.archive-area.archive-list-layout article:last-child {
padding-block-end: unset;
border-block-end: unset;
}
@media (max-width: 600px) {
.archive-area.archive-list-layout article .list-card {
flex-direction: column;	
}
}
.archive-area.archive-list-layout article .list-card .single-card-image {
width: 35%;
aspect-ratio: 1 / 0.8;
}
@media (max-width: 600px) {
.archive-area.archive-list-layout article .list-card .single-card-image {
width: 100%;
}
}  .related-post-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 26px;
}
@media (max-width: 768px) {
.related-post-container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.related-post-container {
grid-template-columns: repeat(1, 1fr);
}
}
.related-post-container article .single-card-container .single-card-detail .card-title {
font-size: var(--typo-sm);
}  .site-main .post-navigation,
.site-main .posts-navigation {
margin-top: 30px;
}
.post-navigation .nav-links,
.posts-navigation .nav-links {
display: flex;
}
@media only screen and (max-width: 480px) {
.post-navigation .nav-links,
.posts-navigation .nav-links {
flex-wrap: wrap;
}
}
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
flex: 1 0 50%;
display: flex;
align-items: center;
gap: 6px;
}
.post-navigation .nav-previous a,
.posts-navigation .nav-previous a {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--theme-text-hue);
transition: all 0.3s ease-in;
text-decoration: none;
}
.post-navigation .nav-previous a::before,
.posts-navigation .nav-previous a::before {
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
font-family: Font Awesome\ 5 Free;
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f104";
display: inline-block;
}
.post-navigation .nav-previous a:hover,
.posts-navigation .nav-previous a:hover {
color: var(--theme-primary-hue);
}
.post-navigation .nav-next,
.posts-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
display: flex;
align-items: center;
gap: 6px;
justify-content: flex-end;
}
.post-navigation .nav-next a,
.posts-navigation .nav-next a {
display: inline-flex;
justify-content: flex-end;
align-items: center;
gap: 10px;
color: var(--theme-text-hue);
transition: all 0.3s ease-in;
text-decoration: none;
}
.post-navigation .nav-next a::after,
.posts-navigation .nav-next a::after {
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
font-family: Font Awesome\ 5 Free;
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\f105";
display: inline-block;
}
.post-navigation .nav-next a:focus,
.post-navigation .nav-next a:hover,
.posts-navigation .nav-next a:focus,
.posts-navigation .nav-next a:hover {
color: var(--theme-primary-hue);
} nav.navigation.pagination .nav-links {
display: flex;
gap: 5px;
margin: 38px 0 20px;
justify-content: center;
}
nav.navigation.pagination .nav-links span,
nav.navigation.pagination .nav-links a {
text-decoration: none;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease-in;
color: var(--theme-text-hue);
border: 1px solid var(--theme-text-hue);
}
nav.navigation.pagination .nav-links span.prev,
nav.navigation.pagination .nav-links a.prev,
nav.navigation.pagination .nav-links span.next,
nav.navigation.pagination .nav-links a.next {
font-size: 0;
}
nav.navigation.pagination .nav-links span.prev::after,
nav.navigation.pagination .nav-links a.prev::after,
nav.navigation.pagination .nav-links span.next::after,
nav.navigation.pagination .nav-links a.next::after {
content: "\f30a";
font-size: 1rem;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
font-family: Font Awesome\ 5 Free;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
nav.navigation.pagination .nav-links span.next::after,
nav.navigation.pagination .nav-links a.next::after {
content: "\f30b";
}
nav.navigation.pagination .nav-links span:hover,
nav.navigation.pagination .nav-links a:hover,
nav.navigation.pagination .nav-links span:focus,
nav.navigation.pagination .nav-links a:focus {
color: var(--theme-primary-hue);
border: 1px solid var(--theme-primary-hue);
}
nav.navigation.pagination .nav-links span.current {
color: #fff;
border: 1px solid var(--theme-text-hue);
background-color: var(--theme-primary-hue);
box-shadow: 1px 2px 0 0px var(--theme-text-hue);
}
nav.navigation.pagination .nav-links span.dots {
border: none;
}
nav.navigation.pagination .nav-links span.dots:hover,
nav.navigation.pagination .nav-links span.dots:focus {
color: var(--theme-text-hue);
border: none;
}   body.sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
} section.error-404.not-found {
margin-bottom: 50px;
text-align: center;
max-width: 991px;
margin-inline: auto;
}  .page-links {
clear: both;
margin: 0 0 1.5em;
}
.site-main article {
margin: 0;
}
.site-main article .entry-header .entry-title {
font-size: var(--typo-lg);
font-family: var(--site-body-font);
margin-top: 0;
margin-bottom: 1.3rem;
word-break: break-word;
}
@media (min-width: 992px) {
.site-main article .entry-header .entry-title {
margin-bottom: 1.1rem;
}
}
.site-main article .entry-header .entry-title a {
text-decoration: none;
color: var(--theme-text-hue);
}
.site-main article .entry-meta span a:hover {
color: var(--theme-primary-hue);
}
.site-main article .entry-meta span a i {
margin-inline-end: 5px;
}
.site-main article .entry-meta span.comments-link a {
font-weight: bold;
}
.site-main article .post-thumbnail {
display: block;
line-height: 0;
}
.site-main>article .post-thumbnail img {
width: auto;
}
.site-main article .entry-content {
margin-top: 0;
}
.site-main article .entry-content p {
margin-bottom: 10px;
}
.site-main article .entry-footer {
display: flex;
margin-top: 10px;
margin-bottom: 6px;
}
.site-main article .entry-footer .tags-links {
flex-grow: 1;
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.site-main article .entry-footer span {
font-size: 16px;
font-weight: bold;
}
.site-main article .entry-footer span a,
.site-main article .entry-footer span span {
font-weight: normal;
}
.site-main article .entry-footer span a {
text-decoration: none;
color: var(--theme-text-hue);
}
.site-main article .entry-footer span a:hover {
color: var(--theme-primary-hue);
}
.site-main article .entry-footer span.comments-link a {
font-weight: bold;
} body.single .single-page .page-header-content {
display: flex;
flex-direction: column;
gap: 3px;
margin-block-start: 14px;
}
body.single .single-page .page-header-content .entry-cat .cat-links {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
}
body.single .single-page .page-header-content .entry-cat .cat-links a {
color: #ffff;
font-weight: 600;
line-height: 8px;
padding: 6px 8px;
border-radius: 20px;
margin-block-end: 4px;
letter-spacing: 0.5px;
display: inline-block;
text-decoration: none;
margin-inline-end: 4px;
padding-inline-end: 8px;
text-transform: uppercase;
background: var(--custom-categories-hue);
font-size: calc(var(--typo-xxs) - 1px);
border: 1px solid var(--theme-text-hue);
transition: all 0.3s cubic-bezier(.5, 2.5, .7, .7);	
}
body.single .single-page .page-header-content .entry-cat .cat-links a:hover,
body.single .single-page .page-header-content .entry-cat .cat-links a:focus-within {
box-shadow: 1px 2px 0 0px var(--theme-text-hue);
transform: translate(-2px, -2px);
}
body.single .single-page .page-header-content .entry-header .entry-title {
margin: 0;
line-height: 1.2;
font-size: var(--typo-xl);
}
body.single .single-page .page-header-content .entry-meta .post-author img {
width: 34px;
height: 34px;
flex-shrink: 0;
border-radius: 100%;
}
body.single .single-page>.post-thumbnail img{
width: 100%;
height: 100%;
object-fit: cover;
margin-top: 16px;
}
body.single .single-page .page-header-content .entry-meta {
margin-top: 6px;
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
body.single .single-page .page-header-content .entry-meta .post-date {
position: relative;
}
body.single .single-page .page-header-content .entry-meta .post-date a,
body.single .single-page .page-header-content .entry-meta .relative-time {
text-decoration: none;
color: var(--theme-text-hue);
font-size: calc(var(--typo-xs) - 2px);
transition: all 0.3s ease-in;
}
body.single .single-page .page-header-content .entry-meta .relative-time {
display: flex;
align-items: center;
gap: 8px;
}
body.single .single-page .page-header-content .entry-meta .post-author a {
position: relative; 
text-decoration: none;
color: var(--theme-text-hue);
transition: all 0.3s ease-in;
font-size: calc(var(--typo-xs) - 2px);
}
body.single .single-page .page-header-content .entry-meta .post-author a:hover,
body.single .single-page .page-header-content .entry-meta .post-author a:focus {
color: var(--theme-primary-hue);
}
body.single .single-page .page-header-content .entry-meta .post-author a::before:hover,
body.single .single-page .page-header-content .entry-meta .post-author a::before:focus {
color: var(--theme-primary-hue);
}
body.single .single-page .page-header-content .entry-meta:has(.post-author) .post-date {
display: flex;
align-items: center;
gap: 8px;
}
body.single .single-page .page-header-content .entry-meta:has(.post-author) .post-date::before,
body.single .single-page .page-header-content .entry-meta:has(.post-author) .relative-time::before {
content: '';
width: 6px;
height: 1px;
display: inline-flex;
background-color: var(--theme-text-hue);
}  .breadcrumb-trail.breadcrumbs {
padding: 20px 0px;
}
body.aft-single-full-header .breadcrumb-trail.breadcrumbs {
padding-bottom: 20px;
}
ul.trail-items {
font-size: 13px;
margin: 0;
padding: 0;
}
ul.trail-items li {
display: inline-block;
margin-right: 5px;
}
ul.trail-items li a {
text-decoration: none;
font-size: 13px;
color: var(--theme-text-hue);
opacity: 0.7;
}
ul.trail-items li a:hover {
opacity: 1;
color: var(--theme-primary-hue);
transition: all 0.3s ease-in;
}
ul.trail-items li:after {
content: ' / ';
padding: 0 2px;
color: var(--theme-text-hue);
font-size: 13px;
}
ul.trail-items li:last-child:after {
display: none;
}  .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .comments-area {
padding-bottom: 30px;
}
.comments-area>* {
margin-top: 30px;
margin-bottom: 30px;
}
.comments-area>*:first-child {
margin-top: 0;
}
.comments-area>*:last-child {
margin-bottom: 0;
}
.comments-area.show-avatars .avatar {
border-radius: 50%;
position: absolute;
top: 10px;
}
.comments-area.show-avatars .fn {
display: inline-block;
padding-left: 85px;
}
.comments-area.show-avatars .comment-metadata {
padding: 8px 0 9px 85px;
} .comment-reply-title {
display: flex;
justify-content: space-between;
}
.comment-reply-title small a {
font-size: 15px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
} .comment .comment-respond .comment-reply-title {
font-size: 30px;
} .comments-area [type="checkbox"],
.comments-area [type="radio"] {
margin-bottom: 7px;
margin-right: 10px;
}
.comment-list {
padding-left: 0;
list-style: none;
margin-left: 0;
}
.comment-list ol {
margin-left: 0;
}
.comment-list>li {
margin-top: 30px;
margin-bottom: 30px;
}
.comment-list .children {
list-style: none;
padding-left: 0;
}
.comment-list .children>li {
margin-top: 30px;
margin-bottom: 30px;
}
@media only screen and (min-width: 482px) {
.comment-list .depth-2,
.comment-list .depth-3 {
padding-left: calc(4 * 20px);
}
} .comment-meta .comment-author {
margin-bottom: calc(0.25 *20px);
}
@media only screen and (min-width: 482px) {
.comment-meta .comment-author {
margin-bottom: 0;
padding-right: 0;
}
}
.comment-meta .comment-author .fn {
font-weight: normal;
hyphens: auto;
word-wrap: break-word;
word-break: break-word;
}
.comment-meta .comment-metadata {
color: var(--text-color-normal);
padding: 8px 0 9px 0;
font-size: 15px;
display: flex;
justify-content: space-between;
}
.comment-meta .comment-metadata .edit-link {
margin-left: 20px;
}
@media only screen and (min-width: 482px) {
.comment-meta {
margin-right: inherit;
}
.comment-meta .comment-author {
max-width: inherit;
}
}
.bypostauthor {
display: block;
}
.says {
display: none;
}
.comment-meta {
margin-bottom: 10px;
}
.comment-body {
position: relative;
margin-bottom: 40px;
padding: 30px;
background-color: var(--post-item-background);
border: 1px solid #eee;
}
.comment-body .reply {
margin: 0;
}
.comment-content {
word-wrap: break-word;
font-size: 16px;
padding-bottom: 15px;
color: #555;
}
.pingback .comment-body,
.trackback .comment-body {
margin-top: 30px;
margin-bottom: 30px;
}
.comment-respond {
margin-top: 30px;
}
.comment-respond>* {
margin-top: 20px;
margin-bottom: 20px;
}
.comment-respond>*:first-child {
margin-top: 0;
}
.comment-respond>*:last-child {
margin-bottom: 0;
}
.comment-respond>*:last-child.comment-form {
margin-bottom: 30px;
}
.comment-author {
padding-top: 3px;
}
.reply a,
.comment-content a,
.comment-meta .comment-metadata a,
.comment-author .url {
color: currentColor;
}
.reply a:focus,
.comment-content a:focus,
.comment-meta .comment-metadata a:focus,
.comment-author .url:focus,
.reply a:hover,
.comment-content a:hover,
.comment-meta .comment-metadata a:hover,
.comment-author .url:hover {
color: var(--theme-primary-hue);
}
.comment-form {
display: flex;
flex-wrap: wrap;
}
.comment-form>* {
flex-basis: 100%;
}
.comment-form .comment-form-url,
.comment-form .comment-form-comment {
width: 100%;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email {
flex-basis: 0;
flex-grow: 1;
}
@media only screen and (max-width: 481px) {
.comment-form .comment-form-author,
.comment-form .comment-form-email {
flex-basis: 100%;
}
}
.comment-form .comment-form-cookies-consent>label,
.comment-form .comment-notes {
font-size: 1rem;
font-weight: normal;
}
.comment-form>p {
margin-bottom: 10px;
}
.comment-form>p a {
color: var(--text-color-normal);
transition: all 0.3s ease-in;
text-decoration: none;
}
.comment-form>p a:focus,
.comment-form>p a:hover {
color: var(--theme-primary-hue);
}
.comment-form>p:first-of-type {
margin-top: 0;
}
.comment-form>p:last-of-type {
margin-bottom: 0;
}
.comment-form>p label,
.comment-form>p input[type=email],
.comment-form>p input[type=text],
.comment-form>p input[type=url],
.comment-form>p textarea {
display: block;
font-size: var(--global--typo-xs);
margin-bottom: calc(.5 *20px);
width: 100%;
font-weight: var(--form--label-weight);
color: var(--theme-text-hue);
}
.comment-form>p.comment-form-cookies-consent {
display: flex;
align-items: center;
}
@media only screen and (min-width: 482px) {
.comment-form>p.comment-form-author,
.woocommerce #review_form #respond p {
margin-right: calc(1.5 * 20px);
}
.comment-form>p.comment-notes,
.comment-form>p.logged-in-as {
display: block;
}
}
nav.breadcrumb-trail ul.trail-items {
list-style: none;
padding: 0;
margin: 0;
color: var(--text-color-normal);
}
nav.breadcrumb-trail ul.trail-items li {
display: inline-block;
}
nav.breadcrumb-trail ul.trail-items li a {
text-decoration: none;
color: var(--text-color-normal);
}
nav.breadcrumb-trail ul.trail-items li a:hover {
color: var(--theme-primary-hue);
}
nav.breadcrumb-trail ul.trail-items li::after {
margin: 0 0.3rem;
}
nav.breadcrumb-trail ul.trail-items li:last-child::after {
display: none;
} #comments.comments-area {
margin-block: 20px;
}
#comments.comments-area .comments-title {
font-size: var(--typo-lg);
font-family: var(--site-body-font);
line-height: 1.2;
}
#comments.comments-area .comment-list .comment .comment-author img {
float: left;
margin-right: 20px;
margin-bottom: 20px;
width: 50px;
}
#comments.comments-area .comment-list .comment .comment-content p {
margin-bottom: 5px;
color: var(--theme-text-hue);
}
#comments.comments-area div#respond {
margin-top: 20px;
}
#comments.comments-area div#respond #reply-title {
margin-top: 0;
font-weight: 700;
font-size: var(--typo-sm);
}
#comments.comments-area div#respond p {
margin-bottom: 5px;
}
#comments.comments-area div#respond label {
font-weight: normal;
}
#comments.comments-area div#respond textarea {
width: 100%;
}
#comments.comments-area div#respond p.comment-form-url,
#comments.comments-area div#respond p.comment-form-email,
#comments.comments-area div#respond p.comment-form-author {
display: inline-block;
width: 100%;
}
#comments.comments-area div#respond p.comment-form-url label,
#comments.comments-area div#respond p.comment-form-email label,
#comments.comments-area div#respond p.comment-form-author label {
display: block;
}
#comments.comments-area div#respond p.comment-form-url input,
#comments.comments-area div#respond p.comment-form-email input,
#comments.comments-area div#respond p.comment-form-author input {
width: 100%;
}
#comments.comments-area div#respond p.comment-form-cookies-consent label {
margin-left: 8px;
position: relative;
top: -1px;
}
#comments.comments-area div#respond input[type="submit"] {
display: inline-block;
margin-top: 10px;
}
#comments.comments-area div#respond #reply-title small a {
display: inline-block;
margin-left: 10px;
}
.comment div#respond,
.comment-content {
margin-left: 70px;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .site-footer {
margin-top: 50px;
background-color: #1c1c1c;
--theme-text-hue: #fff;
}
.site-footer .upper-footer .upper-footer-container {
display: flex;
flex-wrap: wrap;
padding-top: 20px;
margin-inline: -15px;
}
.site-footer .upper-footer .upper-footer-container .footer-widget-block {
width: 25%;
padding-inline: 15px;
flex-shrink: 0;
color: #fff;
}
@media (max-width: 768px) {
.site-footer .upper-footer .upper-footer-container .footer-widget-block {
width: 50%;
}
}
@media (max-width: 480px) {
.site-footer .upper-footer .upper-footer-container .footer-widget-block {
width: 100%;
}
}
.site-footer .upper-footer .upper-footer-container .footer-widget-block h1,
.site-footer .upper-footer .upper-footer-container .footer-widget-block h2,
.site-footer .upper-footer .upper-footer-container .footer-widget-block h3,
.site-footer .upper-footer .upper-footer-container .footer-widget-block h4,
.site-footer .upper-footer .upper-footer-container .footer-widget-block h5,
.site-footer .upper-footer .upper-footer-container .footer-widget-block h6 {
margin-top: 0;
}
.site-footer .upper-footer .upper-footer-container .footer-widget-block a {
opacity: 0.8;
transition: all 0.3s ease-in;
}
.site-footer .upper-footer .upper-footer-container .footer-widget-block a:focus,
.site-footer .upper-footer .upper-footer-container .footer-widget-block a:hover {
color: #fff;
opacity: 1;
}
.site-footer .upper-footer .upper-footer-container .footer-widget-block .widget .widget-title {
color: #fff;
}
.site-footer .upper-footer .upper-footer-container .footer-widget-block .widget ul li a,
.site-footer .upper-footer .upper-footer-container .footer-widget-block .widget ol li a {
color: #fff;
opacity: 0.8;
transition: all 0.3s ease-in;
}
.site-footer .upper-footer .upper-footer-container .footer-widget-block .widget ul li a:focus,
.site-footer .upper-footer .upper-footer-container .footer-widget-block .widget ol li a:focus,
.site-footer .upper-footer .upper-footer-container .footer-widget-block .widget ul li a:hover,
.site-footer .upper-footer .upper-footer-container .footer-widget-block .widget ol li a:hover {
opacity: 1;
}
.site-footer .lower-footer {
position: relative;
padding: 15px 0;
z-index: 1;
}
.site-footer .lower-footer .lower-footer-info {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
color: #fff;
position: relative;
}
.site-footer .lower-footer .lower-footer-info .site-info a {
text-decoration: none;
color: #fff;
opacity: 0.8;
transition: all 0.3s ease-in;
}
.site-footer .lower-footer .lower-footer-info .site-info a:focus,
.site-footer .lower-footer .lower-footer-info .site-info a:hover {
opacity: 1;
}
.site-footer .lower-footer .lower-footer-info .social-icons ul.social-links {
margin: 0;
padding: 0;
list-style: none;
}
.site-footer .lower-footer::before {
position: absolute;
content: '';
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0.1;
background: #d9d9d9;
}
@media (min-width: 1200px) {
.footer-sticky .site-footer {
position: sticky;
bottom: 0;
top: 0;
z-index: 0;
}
}  a.timeless-blog-scroll-to-top {
position: fixed;
inset-block-end: 40px;
inset-inline-end: 40px;
height: 50px;
width: 50px;
border-radius: 50px;
opacity: 0;
visibility: hidden;
z-index: 10;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
background-color: var(--theme-primary-hue);
border: 1px solid var(--theme-text-hue);
font-size: var(--typo-xs);
transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
a.timeless-blog-scroll-to-top:hover,
a.timeless-blog-scroll-to-top:focus {
box-shadow: 1px 2px 0 0px var(--theme-text-hue);
transform: translate(-2px, -2px);
}
a.timeless-blog-scroll-to-top.visible {
opacity: 1;
visibility: visible;
}  .section-divider {
margin-block-start: 70px;
}
@media (max-width: 600px) {
.section-divider {
margin-top: 30px;
}
}  .header-title {
text-align: center;
margin-bottom: 30px;
}
.header-title .section-title {
margin: 0;
color: var(--theme-text-hue);
font-size: calc(var(--typo-lg) - 1px);
}
.header-title .section-sub-title {
margin-block: 0 8px;
color: var(--theme-text-hue);
font-size: calc(var(--typo-xs) + 1px);
} .section-head .header-title {
text-align: start;
}   .banner-section:not(:first-child) {
margin-top: 40px;
}
.banner-section:first-child {
margin-top: 40px;
}
@media (max-width: 991px) {
.banner-section:first-child {
margin-top: 50px;
}
}
.banner-section {
.banner-top-posts {
margin-bottom: 1.2rem;
.content-wrap {
.slick-list {
margin-inline: -10px;
.slick-slide {
padding-inline: 10px;
}
}
.banner-top-content {
padding: 10px;
border-radius: var(--curve-border);
border: 1px solid var(--theme-border-hue);
.single-card-container {
.single-card-detail {
.card-title {
font-size: var(--typo-xs);
a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
}
}
}
}
}
}
.banner-content-wrap {
display: flex;
align-items: flex-start;
margin-inline: -0.8rem;
@media (max-width: 768px) {
flex-direction: column;
row-gap: 1.5rem;
}
.main-banner-posts {
width: 100%;
padding-inline: 0.8rem;
@media (min-width: 769px) {
width: 75%;
}
.content-wrap {
display: grid;
gap: 1.2rem;
grid-template-columns: repeat(3, 1fr);
@media (max-width: 600px) {
grid-template-columns: repeat(1, 1fr);
}
.tile-card {
@media (min-width: 601px) {
grid-row: 1 / 3;
grid-column: 2 / 4;
}
}
.grid-card {
.single-card-image {
img {
aspect-ratio: 1 / 0.5;
}
}
.single-card-detail {
.card-title {
font-size: var(--typo-sm);
}
}
}
}
}
.banner-hot-topics {
width: 100%;
padding-inline: 0.8rem;
@media (min-width: 769px) {
width: 25%;
}
.content-wrap {
.single-card-container {
align-items: center;
margin-block-end: 1rem;
padding-block-end: 1rem;
border-block-end: 1px solid var(--theme-border-hue);
&:last-child {
margin-block-end: unset;
padding-block-end: unset;
border-block-end: none;
}
.single-card-image {
width: 80px;
height: 80px;
border-radius: 100%;
}
.single-card-detail {
.card-title {
font-size: var(--typo-xs);
a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
}
}
}
}
}
}
&.banner-layout-2 {
.banner-content-wrap {
.main-banner-posts {
.content-wrap {
@media (max-width: 991px) {
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 600px) {
grid-template-columns: repeat(1, 1fr);
}
.tile-card {
grid-column: span 3;
grid-row: unset;
min-height: 345px;
@media (max-width: 991px) {
grid-column: span 2;
}
@media (max-width: 600px) {
grid-column: span 1;
}
}
} 
}
.banner-hot-topics {
.content-wrap {
.single-card-container {
&:nth-child(even) {
flex-direction: row-reverse;
}
.single-card-image {
border-radius: unset;
}
}
}
}
}
}
}  .categories-section .site-container-width .container-wrap {
display: grid;
gap: 26px;
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
.categories-section .site-container-width .container-wrap {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 600px) {
.categories-section .site-container-width .container-wrap {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 425px) {
.categories-section .site-container-width .container-wrap {
grid-template-columns: repeat(1, 1fr);
}
}
.categories-section .site-container-width .container-wrap .single-card-container {
display: flex;
align-items: center;
}
.categories-section .site-container-width .container-wrap .single-card-container .single-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1 / 1;
border-radius: 100%;
box-shadow: 2px 2px 4px 0 #80808075;
}
.categories-section .site-container-width .container-wrap .single-card-container .single-card-detail {
display: flex;
flex-direction: column;
align-items: center;
}
.categories-section .site-container-width .container-wrap .single-card-container .single-card-detail .category-title {
line-height: 1.2;
margin-block: 10px 0; 
font-size: calc(var(--typo-md) - 4px);
}
.categories-section .site-container-width .container-wrap .single-card-container .single-card-detail .category-title a {
text-decoration: none;
color: var(--theme-text-hue);
transition: 0.3s ease-in;
}
.categories-section .site-container-width .container-wrap .single-card-container .single-card-detail .category-title a:hover,
.categories-section .site-container-width .container-wrap .single-card-container .single-card-detail .category-title a:focus {
color: var(--theme-primary-hue);
}
.categories-section .site-container-width .container-wrap .single-card-container .single-card-detail .article-counter {
color: var(--theme-text-hue);
margin-block-start: 2px;
font-size: var(--typo-xs);
} .categories-section.category-layout-1 .site-container-width .container-wrap .single-card-detail {
align-items: flex-start;
margin-inline-start: 20px;
}
.categories-section.category-layout-1 .site-container-width .container-wrap .single-card-image img {
width: 120px;
} .categories-section.category-layout-2 .site-container-width .container-wrap {
grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1024px) {
.categories-section.category-layout-2 .site-container-width .container-wrap {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 768px) {
.categories-section.category-layout-2 .site-container-width .container-wrap {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 600px) {
.categories-section.category-layout-2 .site-container-width .container-wrap {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 425px) {
.categories-section.category-layout-2 .site-container-width .container-wrap {
grid-template-columns: repeat(1, 1fr);
}
}
.categories-section.category-layout-2 .site-container-width .container-wrap .single-card-container {
position: relative;
min-height: 260px;
transition: 0.3s ease;
}
.categories-section.category-layout-2 .site-container-width .container-wrap .single-card-container .single-card-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.categories-section.category-layout-2 .site-container-width .container-wrap .single-card-container .single-card-image img {
border-radius: var(--curve-border);
}
.categories-section.category-layout-2 .site-container-width .container-wrap .single-card-container .single-card-detail {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
padding: 14px;
justify-content: flex-end;
}
.categories-section.category-layout-2 .site-container-width .container-wrap .single-card-container .single-card-detail::after {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
opacity: 0.2;
background-color: #000;
}
.categories-section.category-layout-2 .site-container-width .container-wrap .single-card-container .single-card-detail .category-title a {
color: #fff;
}
.categories-section.category-layout-2 .site-container-width .container-wrap .single-card-container .single-card-detail .category-title a:hover, .categories-section.category-layout-2 .site-container-width .container-wrap .single-card-container .single-card-detail .category-title a:focus-within {
text-decoration: underline;
}
.categories-section.category-layout-2 .site-container-width .container-wrap .single-card-container .single-card-detail .article-counter {
color: #fff;
}
.categories-section.category-layout-2 .site-container-width .container-wrap .single-card-container .single-card-detail .article-counter:hover, .categories-section.category-layout-2 .site-container-width .container-wrap .single-card-container .single-card-detail .article-counter:focus-within {
text-decoration: underline;
}
.categories-section.category-layout-2 .site-container-width .container-wrap .single-card-container:hover {
box-shadow: 3px 3px 11px -4px #464646;
}  .small-list .container-wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
@media (max-width: 768px) {
.small-list .container-wrap  { 
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.small-list .container-wrap  { 
grid-template-columns: repeat(1, 1fr);
}
}
.small-list .container-wrap .single-card-container .single-card-image {
width: 100px;
height: 100px;
}
.small-list .container-wrap .single-card-container .single-card-detail .card-title {
font-size: calc(var(--typo-sm) - 2px);
}
.small-list .container-wrap .single-card-container .single-card-detail .card-title a {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}  .flash-posts {
min-height: 50px;
display: flex;
align-items: center;
.flash-container-wrap {
gap: 1.6rem;
display: flex;
align-items: center;
.flash-posts-title {
padding: 4px 10px;
background-color: var(--theme-primary-hue);
border: 2px solid var(--theme-text-hue);
@media (max-width: 600px) {
display: none;
}
span {
color: #fff;
font-weight: 600;
font-size: calc(var(--typo-xs) - 1px);
}
}
.container-wrap {
width: 70%;
.flash-carousel-container {
.single-card-container {
.single-card-detail {
.card-title {
margin-top: unset;
font-size: calc(var(--typo-xs) - 2px);
a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
color: var(--theme-text-hue);
}
}
}
}
}
}
.flash-carousel-navigation {
margin-inline: auto 0;
display: flex;
gap: 10px;
.slick-arrow {
padding: 0.4rem 0.7rem;
background-color: unset;
transition: all 0.4s ease;
border: 1px solid var(--theme-border-hue);
&::before {
line-height: 1.1;
font-size: var(--typo-xxs);
color: var(--theme-text-hue);
}
&:hover,
&:focus-within {
opacity: 0.8;
color: #fff;
}
}
}
}
} .blog-editors-choice .container-wrap {
gap: 28px;
display: grid;
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
.blog-editors-choice .container-wrap {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 500px) {
.blog-editors-choice .container-wrap {
grid-template-columns: repeat(1, 1fr);
}
}
.blog-editors-choice .container-wrap .single-card-container .single-card-image img {
aspect-ratio: 1/0.5;
}
.blog-editors-choice .container-wrap .single-card-container .single-card-detail .card-title {
font-size: var(--typo-sm);
}  .featured-posts .container-wrap {
gap: 30px;
display: grid;
} .featured-posts.featured-layout-1 .container-wrap {
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
.featured-posts.featured-layout-1 .container-wrap {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.featured-posts.featured-layout-1 .container-wrap {
grid-template-columns: repeat(1, 1fr);
}
}
.featured-posts.featured-layout-1 .container-wrap .single-card-container {
min-height: 380px;
} .featured-posts.featured-layout-2 .container-wrap .single-card-container {
min-height: 340px;
}
.featured-posts.featured-layout-2 .container-wrap {
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 600px) {
.featured-posts.featured-layout-2 .container-wrap {
grid-template-columns: repeat(1, 1fr);
}
}
.featured-posts.featured-layout-2 .container-wrap .single-card-container {
min-height: 540px;
}  .most-read {
padding-block: 40px 60px;
border-block: 1px solid var(--theme-border-hue);
background-color: var(--theme-background-hue-light);
.container-wrap {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(4, 1fr);
@media (max-width: 991px) {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 600px) {
grid-template-columns: repeat(1, 1fr);
}
.single-card-container  {
&.tile-card {
@media (min-width: 769px) {
grid-column: span 2;
grid-row: span 2;
}
@media (max-width: 768px) and (min-width: 601px){
grid-column: span 2;
}
}
&.grid-card {
.single-card-image {
img {
aspect-ratio: 1/0.5;
}
}
.single-card-detail {
.card-title {
font-size: var(--typo-sm);
}
}
}
}
}
}  .must-read {
.must-read-container {
.must-read-content {
.container-wrap {
display: grid;
gap: 1.2rem;
grid-template-columns: repeat(2, 1fr);
.single-card-container {
flex-direction: row-reverse;
.single-card-image {
img {
aspect-ratio: 1/0.5;
}
}
.single-card-detail {
.card-title {
font-size: calc(var(--typo-md) - 2px);
}
}
}
}
}
.highlights-content {
.container-wrap{
display: flex;
flex-direction: column;
gap: 1.2rem;
}
}
&.highlights-enabled {
display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: flex-start;
gap: 1.8rem;
@media (max-width: 991px) {
grid-template-columns: repeat(1, 1fr);
}
.must-read-content {
@media (min-width: 992px) {
grid-column: span 2;
position: sticky;
top: 40px;
flex-shrink: 0;
}
}
.highlights-content {
padding: 25px;
border: 1px solid var(--theme-text-hue);
box-shadow: 3px 3px 0 0px var(--theme-text-hue);
@media (min-width: 992px) {
position: sticky;
top: 40px;
flex-shrink: 0;
}
.container-wrap {
@media (max-width: 991px) and (min-width: 601px) {
display: grid;
gap: 1.2;
grid-template-columns: repeat(2, 1fr);
}
.single-card-container {
padding-block-end: 1.2rem;
border-block-end: 1px solid var(--theme-border-hue);
&:last-child {
padding-block-end: unset;
border-block-end: none;
}
.single-card-image {
width: 100px;
height: 100px;
border-radius: 100%;
}
.single-card-detail {
.card-title {
font-size: calc(var(--typo-sm) - 1px);
}
}	
}
}
}
}
}
&.must-read-layout-2 {
.must-read-container {
&.highlights-enabled {
@media (min-width: 992px) {
.must-read-content {
order: 2;
}
.highlights-content {
order: 1;
}
}
}
}
}
}  .recent-articles .container-wrap {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 30px;
}
@media (max-width: 600px) {
.recent-articles .container-wrap {
grid-template-columns: repeat(1, 1fr);
}
}
@media (min-width: 769px) {
.recent-articles .container-wrap .single-card-container.tile-card {
grid-row: span 5;
}
}
@media (max-width: 768px) and (min-width: 601px) {
.recent-articles .container-wrap .single-card-container.tile-card {
grid-column: span 2;
}
}
@media (max-width: 600px) {
.recent-articles .container-wrap .single-card-container.tile-card {
grid-row: span 1;
}
}
.recent-articles .container-wrap .single-card-container.tile-card .single-card-detail .card-title {
font-size: var(--typo-md);
}
.recent-articles .container-wrap .single-card-container.list-card .single-card-detail .card-title {
font-size: var(--typo-sm);
}
.recent-articles .container-wrap .single-card-container.list-card .single-card-detail .card-meta {
display: none;
} @media (min-width: 768px) {
.recent-articles.recent-articles-layout-2 .container-wrap {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.recent-articles.recent-articles-layout-2 .container-wrap {
grid-template-columns: repeat(1, 1fr);
}
}
@media (min-width: 769px) {
.recent-articles.recent-articles-layout-2 .container-wrap .single-card-container.tile-card {
grid-row: span 3;
}
}
@media (max-width: 768px) and (min-width: 601px) {
.recent-articles.recent-articles-layout-2 .container-wrap .single-card-container.tile-card {
grid-column: span 2;
}
}
@media (max-width: 600px) {
.recent-articles.recent-articles-layout-2 .container-wrap .single-card-container.tile-card {
grid-row: span 1;
}
}  .subscription .subscription-wrapper h2.widgettitle{
margin: 0;
}
.subscription-area .header-title .section-title {
background: none;
}
.subscription .subscription-wrapper {
position: relative;
}
.subscription .subscription-wrapper::before {
content: '';
z-index: 1;
position: absolute;
inset-block-start: 0;
inset-inline-start: 0;
width: 100%;
height: 100%;
opacity: 0.4;
background-color: #000;
border-radius: var(--curve-border);
}
.subscription .subscription-wrapper .image-area {
position: absolute;
inset-block-start: 0;
inset-inline-start: 0;
width: 100%;
height: 100%;
}
.subscription .subscription-wrapper .image-area img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--curve-border);
}
.subscription .subscription-wrapper .subscription-area {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
padding-block: 80px;
}
.subscription .subscription-wrapper .subscription-area .header-title {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.subscription .subscription-wrapper .subscription-area .header-title .section-title {
color: #fff;
line-height: 1.3;
font-size: var(--typo-xl);
text-align: center;
justify-content: center;
}
.subscription .subscription-wrapper .subscription-area .header-title .section-title::before {
display: none;
}
.subscription .subscription-wrapper .subscription-area .header-title .sub-title {
color: #fff;
margin-block-start: 14px;
text-align: center;
}
.subscription .subscription-wrapper .subscription-area .newsletter {
position: relative;
z-index: 1;
margin-top: 10px;
display: flex;
justify-content: center;
flex-grow: 1;
}
.subscription .subscription-wrapper .subscription-area .newsletter form {
display: flex;
align-items: center;
gap: 4px;
}
.subscription .subscription-wrapper .subscription-area .newsletter form #subscribe-email {
margin: 0;
flex-grow: 1;
}
.subscription .subscription-wrapper .subscription-area .newsletter form #subscribe-email input {
border: unset;
}
@media (min-width: 600px) {
.subscription .subscription-wrapper .subscription-area .newsletter form #subscribe-email input {
min-width: 420px;
}
}
.subscription .subscription-wrapper .subscription-area .newsletter form #subscribe-submit {
margin: 0;
flex-shrink: 0;
}
.subscription .subscription-wrapper .subscription-area .newsletter form #subscribe-submit button {
line-height: 1.2;
padding: 12px 20px;
}  .commercial-area img {
width: 100%;
height: 100%;
object-fit: cover;
}   .single-card-container .single-card-image {
line-height: 0;
position: relative;
overflow: hidden;
border-radius: var(--curve-border);
}
.single-card-container .single-card-image > a {
display: block;
height: 100%;
width: 100%;
line-height: 0;
}
.single-card-container .single-card-image > a img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1/0.7;
border-radius: var(--curve-border);
}
.single-card-container .single-card-detail {
flex-grow: 1;
align-self: center;
}
.single-card-container .single-card-detail .card-categories .cat-links {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
}
.single-card-container .single-card-detail .card-categories a {
color: #ffff;
font-weight: 600;
line-height: 8px;
padding: 6px 8px;
border-radius: 20px;
margin-block-end: 4px;
letter-spacing: 0.5px;
display: inline-block;
text-decoration: none;
margin-inline-end: 4px;
padding-inline-end: 8px;
text-transform: uppercase;
background: var(--custom-categories-hue);
font-size: calc(var(--typo-xxs) - 1px);
border: 1px solid var(--theme-text-hue);
transition: all 0.3s cubic-bezier(.5, 2.5, .7, .7);
}
.single-card-container .single-card-detail .card-categories a:hover,
.single-card-container .single-card-detail .card-categories a:focus {
box-shadow: 1px 2px 0 0px var(--theme-text-hue);
transform: translate(-2px, -2px);
}
.single-card-container .single-card-detail .post-date {
position: relative;
}
.single-card-container .single-card-detail .post-date a,
.single-card-container .single-card-detail .relative-time {
text-decoration: none;
color: var(--theme-text-hue);
font-size: calc(var(--typo-xs) - 2px);
transition: all 0.3s ease-in;
}
.single-card-container .single-card-detail .relative-time {
display: flex;
align-items: center;
gap: 8px;
}
.single-card-container .single-card-detail .post-date a:hover,
.single-card-container .single-card-detail .post-date a:focus {
color: var(--theme-primary-hue);
}
.single-card-container .single-card-detail .card-title {
margin-top: 6px;
line-height: 1.2;
margin-bottom: 0;
font-size: var(--typo-md);
}
.single-card-container .single-card-detail .card-title a {
transition: 0.3s ease-in;
}
.single-card-container .single-card-detail .card-title a:hover,
.single-card-container .single-card-detail .card-title a:focus-within {
text-decoration: underline;
}
.single-card-container .single-card-detail .card-title a {
text-decoration: none;
color: var(--theme-text-hue);
word-break: break-word;
}
.single-card-container .single-card-detail .post-excerpt,
.single-card-container .single-card-detail .post-excerpt p {
margin: 8px 0 0 0;
color: var(--theme-text-light-hue);
font-size: calc(var(--typo-xs) - 2px);
}
.single-card-container .single-card-detail .card-meta {
margin-top: 6px;
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.single-card-container .single-card-detail .card-meta .post-author a {
position: relative; 
text-decoration: none;
color: var(--theme-text-hue);
transition: all 0.3s ease-in;
font-size: calc(var(--typo-xs) - 2px);
}
.single-card-container .single-card-detail .card-meta .post-author a:hover,
.single-card-container .single-card-detail .card-meta .post-author a:focus {
color: var(--theme-primary-hue);
}
.single-card-container .single-card-detail .card-meta .post-author a::before:hover,
.single-card-container .single-card-detail .card-meta .post-author a::before:focus {
color: var(--theme-primary-hue);
}
.single-card-container .single-card-detail .card-meta:has(.post-author) .post-date {
display: flex;
align-items: center;
gap: 8px;
}
.single-card-container .single-card-detail .card-meta:has(.post-author) .post-date::before,
.single-card-container .single-card-detail .card-meta:has(.post-author) .relative-time::before {
content: '';
width: 6px;
height: 1px;
display: inline-flex;
background-color: var(--theme-text-hue);
} .single-card-container.grid-card .single-card-image {
box-shadow: 2px 2px 4px 0 #80808075;
}
.single-card-container.grid-card .single-card-detail {
margin-top: 18px;
} .single-card-container.list-card {
gap: 10px;
display: flex;
}
@media (min-width: 601px) {
.single-card-container.list-card  {
gap: 20px;
}
}
.single-card-container.list-card .single-card-image {
width: 30%;
flex-shrink: 0;
aspect-ratio: 1 / 0.6;
box-shadow: 2px 2px 4px 0 #80808075;
}
.single-card-container.list-card .single-card-detail {
align-self: center;
padding: 6px 6px 6px 0;
} .single-card-container.tile-card {
height: 100%;
display: flex;
overflow: hidden;
min-height: 280px;
position: relative;
}
.single-card-container.tile-card .single-card-image {
position: absolute;
top: 0;
width: 100%;
height: 100%;
inset-inline-start: 0;
}
.single-card-container.tile-card .single-card-image::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.5;
border-radius: var(--curve-border);
background: linear-gradient(to top, #121212e6, #12121200);
}
.single-card-container.tile-card .single-card-detail {
display: flex;
isolation: isolate;
align-self: flex-end;
flex-direction: column;
padding: 24px;
}
.single-card-container.tile-card .single-card-detail .card-title a {
color: #fff;
}
.single-card-container.tile-card .single-card-detail .post-excerpt {
color: #fff;
}
.single-card-container.tile-card .single-card-detail .card-meta .post-author a {
color: #fff;
}
.single-card-container.tile-card .single-card-detail .post-date a,
.single-card-container.tile-card  .single-card-detail .relative-time {
color: #fff;
}
.single-card-container.tile-card .single-card-detail .card-meta:has(.post-author) .post-date::before,
.single-card-container.tile-card .single-card-detail .card-meta:has(.post-author) .relative-time::before {
background-color: #fff;
}   .author-widget {
color: var(--theme-text-hue);
}
.site-footer .author-widget {
color: #fff;
}
.author-widget .widget-title {
color: var(--theme-text-hue);
}
.has-clip .author-widget .widget-title {
padding-left: 20px;
}
.author-widget .widget-title::after {
background-color: var(--theme-primary-hue);
}
.author-widget .author-part {
gap: 10px;
display: flex;
align-items: center;
margin-block-end: 6px;
flex-direction: column;
}
.author-widget .author-img {
display: flex;
justify-content: center;
line-height: 0;
}
.author-widget .author-img img {
width: 50%;
aspect-ratio: 1;
object-fit: cover;
display: flex;
border-radius: var(--curve-border);
}
.author-widget .author-name-part .author-name {
margin: 0 0 5px;
font-weight: 700;
line-height: 1.3;
text-align: center;
font-size: var(--typo-sm);
}
.author-widget .author-name-part .author-position {
margin-block: 5px;
text-align: center;
font-size: var(--typo-xs);
}
.author-widget .author-details .author-description {
margin: 0;
text-align: center;
margin-block-start: 6px;
}
.author-widget .author-social-contacts {
gap: 10px;
display: flex;
justify-content: center;
margin-block-start: 10px;
}
.author-widget .author-social-contacts a {
font-size: var(--typo-xs);
}  .featured-widget .single-card-container.list-card {
gap: 10px;
border: none;
align-items: center;
margin-bottom: 10px;
flex-direction: row-reverse;
}
.featured-widget .single-card-container.list-card .single-card-image {
flex: 0 0 30%;
max-width: 30%;
align-self: start;
}
.featured-widget .single-card-container.list-card .single-card-detail {
flex-grow: 1;
padding: 0 10px;
text-align: start;
}
.featured-widget .single-card-container .single-card-detail .card-title {
margin-block: 10px;
margin-block-start: 0;
line-height: 1.3;
font-size: var(--typo-xs);
}
.featured-widget .single-card-container.list-card .single-card-detail .card-meta,
.featured-widget .single-card-container.list-card .single-card-detail .card-cat .post-categories {
justify-content: flex-start;
}  .social-widget .social-feed-widgets-wrap {
display: flex;
flex-wrap: wrap;
gap: 10px;
}  .tile-list-widget .widget-content-area {
display: grid;
gap: 20px;
grid-template-columns: repeat(1, 1fr);
}
.tile-list-widget .single-card-container .single-card-detail {
padding: 10px;
}
.tile-list-widget .single-card-container .single-card-detail .card-title {
margin-block: 0;
line-height: 1.3;
font-size: var(--typo-xs);
}
.tile-list-widget .single-card-container.tile-card .single-card-detail .card-title {
font-size: var(--typo-sm);
}  .slider-widget .slider-single-card .single-card-container {
min-height: 320px;
}