/*
Theme Name: Creativ Mag
Theme URI: http://creativthemes.com/downloads/creativ-mag-free/
Author: Creativ Themes
Author URI: http://creativthemes.com/
Description: Creativ Mag is a powerful, multipurpose and modern WordPress magazine theme with pixel perfect design, outstanding features, fully responsive and mobile-friendly. It is a perfect fit for Online News, Newspaper, Magazine, News Agencies, Car News, Tour & Travel Agencies, Business Magazines, Food, Lifestyle Brands, and Technology News websites. It is also suitable for any publishing or review websites that require a sleek, modern and clean look.
Version: 1.9
Requires PHP: 5.6
Tested up to: 6.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: creativ-mag
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, left-sidebar, editor-style, right-sidebar, one-column, two-columns, custom-colors, custom-header, custom-logo, blog, entertainment, portfolio

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Creativ Mag is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Layouts and Titles
# Media
    ## Captions
    ## Galleries
# Social Icons
# Homepage Sections
    ## Trending News Section
    ## Featured Posts Section
    ## Popular Posts Section
    ## Recent Posts Section
    ## Latest Posts Section
# Footer
# Responsive

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

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

#content {
    position: relative;
}

.boxed-layout,
.frame-layout {
    background-color: #000;
}

.boxed-layout #page {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    background-color: #06062A;
}

.frame-layout #page {
    max-width: 1600px;
    width: 90%;
    margin: 50px auto;
    background-color: #06062A;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
    color: #fff;
}

dfn {
}

h1 {
    font-size: 52px;
}

h2 {
    font-size: 42px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #fff;
    margin: 16px 0;
    line-height: 1.4;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

mark {
    background: #ff0;
    color: #111;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

#wp-calendar {
    display: table;
    width: 100%;
}
tbody {
    text-align: left;
}

tr {
    border: 1px solid #e4e4e4;
}

td,
th {
    padding: 5px;
    font-weight: 400;
}

th {
    color: #fff;
}

td#next {
    text-align: right;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    line-height: 28px;
    word-wrap: break-word;
}
p {
    margin: 0 0 1em;
    color: rgba(255, 255, 255, 0.7);
}
p:last-child {
    margin-bottom: 0;
}
dfn,
cite,
em,
i {
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #222;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    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;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #121315; /* Fallback for when there is no custom background color defined. */
    overflow-x: hidden;
}

blockquote {
    font-size: 18px;
    line-height: 35px;
    position: relative;
    margin: 0;
}
blockquote.alignright {
    padding-right: 0;
    margin-bottom: 14px;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0;
    padding-left: 1.5em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 0.5em;
}

dt {
    font-weight: bold;
    margin-bottom: 1em;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
    vertical-align: middle;
}

figure {
    margin: 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
    display: inline-block;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid #FF0030;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 20px;
    position: relative;
    background-color: #FF0030;
    text-transform: uppercase;
    z-index: 1;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #000;
    background-color: #000;
    color: #fff;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #000;
    background-color: #000;
    color: #fff;
    outline: thin dotted;
}

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: #fff;
    border: none;
    background-color: #18191B;
    border-radius: 0;
    padding: 12px;
    max-width: 100%;
}

select {
    border: 1px solid #ccc;
}

select:focus {
    outline: thin dotted;
}

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: #fff;
    outline: thin dotted;
}

textarea {
    width: 100%;
}
#respond input[type="checkbox"] {
    min-height: auto;
    height: auto;
    float: left;
    margin-right: 10px;
    width: auto;
}
#respond .comment-form-cookies-consent label {
    display: table;
    margin: 0;
    line-height: 1;
}
#commentform .comment-form-cookies-consent {
    clear: both;
    display: inline-block;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 0;
}
p.form-submit {
    clear: both;
    display: inline-block;
    position: relative;
}
.comment-notes {
    font-size: 14px;
    margin-top: 0;
}
#respond label {
    margin-bottom: 15px;
    display: block;
}
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
    width: 100%;
}
#commentform p {    
    margin-bottom: 21px;
}
#commentform p.comment-form-comment {
    margin-bottom: 0;
}
#commentform p.form-submit {
    margin: 21px 0 0;
}
#comments {
    margin: 50px 0 0;
}
#respond {
    margin-top: 50px;
}
.logged-in-as a {
    color: rgba(255, 255, 255, 0.7);
}
.logged-in-as a:hover,
.logged-in-as a:focus {
    color: #FF0030;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #FF0030;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #fff;
}

a:focus {
    outline: thin dotted;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#top-bar {
    padding: 15px 0;
    background-color: #000;
}
/* #top-bar form.search-form {
    max-width: 400px;
    margin: 0 auto;
} */
#top-bar .hentry {
    text-align: center;
    margin-bottom: 0;
}
#top-bar .hentry + .hentry {
    margin-top: 15px;
}
#top-bar .social-icons ul {
    margin-bottom: 15px;
}
.address-block-wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.address-block-wrapper ul li {
    display: inline-block;
}
.address-block-wrapper ul li .fa {
    margin-right: 8px;
}
#top-bar .address-block-wrapper ul li {
    color: #fff;
    margin-right: 30px;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
}
#top-bar .address-block-wrapper ul li a,
#top-bar .social-icons li a:hover,
#top-bar .social-icons li a:focus {
    color: #fff;
}
#top-bar .address-block-wrapper ul li a:hover,
#top-bar .address-block-wrapper ul li a:focus {
    color: #FF0030;
}

/* Header Tagline Text */
.header-tagline-text {
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0.5px;
    line-height: 1.6;
    font-family: 'Georgia', 'Times New Roman', serif;
}
#top-bar .hentry ul li:not(:last-child) {
    margin-bottom: 0;
}
#masthead {
    position: relative;
    width: 100%;
    z-index: 3000;
    background-color: #18191B;
}
.site-details-wrapper {
    text-align: center;
    padding: 15px 0;
    background-size: 100% 100% !important;
    background-position: center top;
    background-repeat: no-repeat;
    min-height: auto;
    max-height: 300px;
    overflow: hidden;
}
.site-details-wrapper .overlay {
    opacity: 0.7;
}
.site-details-wrapper .wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.site-branding,
#site-advertisement {
    padding: 10px 0;
}

/* Site branding wrapper - flex layout for 50/50 split */
.site-branding {
    flex: 1;
    max-width: 50%;
    min-width: 0;
}

#site-advertisement {
    flex: 1;
    max-width: 50%;
    min-width: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 50%;
}

#site-advertisement img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    min-width: 400px;
}

/* Mobile responsive - center advertisement image */
@media screen and (max-width: 769px) {
    .site-details-wrapper .wrapper {
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }
    
    .site-branding {
        flex: 1;
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    
    #site-advertisement {
        flex: 1;
        max-width: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        min-width: auto !important;
    }
    
    #site-advertisement img {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        min-width: auto !important;
    }
}
.site-title {
    font-size: 32px;
    margin: 0;
    font-weight: 600;
    line-height: 1.2;
}
.site-title a {
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.site-title a:hover,
.site-title a:focus {
    color: #FF0030;
}
.site-description {
    margin: 5px 0 0;
    color: #fff;
}
.site-logo img {
    max-height: 65px;
    width: auto;
    margin-right: 15px;
}
.demo-advertisement {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.demo-advertisement-inner {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    padding: 15px 25px;
    min-width: 220px;
    background-color: #c4002b;
    color: #fff;
    text-align: right;
}
.demo-advertisement-title {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.demo-advertisement-subtitle {
    font-size: 12px;
}

/* Temporarily hide archive and recent comments widgets in sidebar */
#secondary .widget_archive,
#secondary .widget_recent_comments,
#secondary .wp-block-archives,
#secondary .wp-block-latest-comments,
#secondary .widget_block:has(.wp-block-archives),
#secondary .widget_block:has(.wp-block-latest-comments) {
    display: none !important;
}

/* ============================================
   Popular Posts Section (Inside Content Area)
   ============================================ */
.popular-posts-section {
    margin-bottom: 40px;
    padding: 30px 0;
}

.popular-posts-section .section-header {
    margin-bottom: 25px;
    border-bottom: 2px solid #FF0030;
    padding-bottom: 10px;
}

.popular-posts-section .section-title {
    background-color: #FF0030;
    color: #fff;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
    margin: 0;
}

.popular-posts-wrapper {
    display: flex;
    align-items: flex-start;
}

.popular-posts-featured {
    flex: 1;
    max-width: 60%;
}

.popular-featured-image {
    margin-bottom: 15px;
}

.popular-featured-image {
    margin-bottom: 15px;
    width: 100%;
}

.popular-featured-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    max-width: 100%;
}

.popular-featured-meta {
    margin-bottom: 10px;
}

/* Use standard cat-links styling in popular posts */
#popular-posts .popular-featured-meta .cat-links,
#popular-posts .popular-post-meta .cat-links {
    display: block;
    margin-bottom: 12px;
}

.popular-category-tag {
    display: inline-block;
    padding: 4px 10px;
    background-color: #FF0030;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 8px;
    margin-bottom: 8px;
}

.popular-featured-title {
    margin: 15px 0 10px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
}

.popular-featured-title a {
    color: #fff;
    text-decoration: none;
}

.popular-featured-title a:hover,
.popular-featured-title a:focus {
    color: #FF0030;
}

.popular-featured-author-date {
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    margin-bottom: 15px;
}

.popular-featured-excerpt {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1.6;
}

.popular-posts-list {
    flex: 1;
    max-width: 40%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.popular-post-item {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.popular-post-thumb {
    flex-shrink: 0;
    width: 120px;
}

.popular-post-thumb {
    flex-shrink: 0;
    width: 120px;
    height: 80px;
    overflow: hidden;
    border-radius: 4px;
}

.popular-post-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.popular-post-content {
    flex: 1;
}

.popular-post-meta {
    margin-bottom: 8px;
}

.popular-post-title {
    margin: 0 0 0px;
    font-size: 12px;
}

.popular-post-title a {
    color: #fff;
    text-decoration: none;
}

.popular-post-title a:hover,
.popular-post-title a:focus {
    color: #FF0030;
}

.popular-post-date {
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
}

@media screen and (max-width: 768px) {
    .popular-posts-wrapper {
        flex-direction: column;
    }
    
    .popular-posts-featured,
    .popular-posts-list {
        max-width: 100%;
    }
}

/* Sidebar tabs */
.sidebar-tabs.widget {
    background-color: #18191B;
    padding: 0;
    margin-bottom: 30px;
}
.sidebar-tabs-nav {
    display: flex;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.sidebar-tabs-nav .tab-link {
    flex: 1;
    background: transparent;
    border: none;
    color: #fff;
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
.sidebar-tabs-nav .tab-link.active {
    background-color: #FF0030;
}
.sidebar-tab-content {
    display: none;
    padding: 15px;
}
.sidebar-tab-content.active {
    display: block;
}
.sidebar-recent-posts,
.sidebar-video-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sidebar-post-card {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.sidebar-post-card:last-child {
    border-bottom: none;
}
.sidebar-post-thumb {
    margin-right: 10px;
    flex-shrink: 0;
}
.sidebar-post-thumb img {
    width: 60px;
    height: 60px;
    object-fit: cover;
}
.sidebar-post-content {
    flex: 1;
}
.sidebar-post-title {
    display: block;
    color: #fff;
    font-weight: 600;
    margin-bottom: 4px;
}
.sidebar-post-date {
    font-size: 12px;
    color: #aaa;
}
.sidebar-video-card {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.sidebar-video-card:last-child {
    border-bottom: none;
}

/* ============================================
   Gallery Sidebar
   ============================================ */
.sidebar-gallery.widget {
    background-color: #18191B;
    padding: 0;
    margin-top: 30px;
}

.sidebar-gallery .widget-header {
    padding: 15px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.sidebar-gallery .widget-title {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}

.sidebar-gallery-content {
    padding: 15px;
}

.sidebar-gallery-bento {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 60px;
    gap: 8px;
    grid-auto-flow: dense;
}

.sidebar-gallery-item {
    margin: 0;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
}

.sidebar-gallery-item.bento-small {
    grid-row: span 1;
    grid-column: span 1;
}

.sidebar-gallery-item.bento-medium {
    grid-row: span 2;
    grid-column: span 1;
}

.sidebar-gallery-item.bento-large {
    grid-row: span 2;
    grid-column: span 2;
}

.sidebar-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.sidebar-gallery-item:hover img {
    transform: scale(1.1);
}

.sidebar-gallery-item a {
    display: block;
    width: 100%;
    height: 100%;
}

/* Video icon for sidebar gallery videos */
.sidebar-gallery-video {
    position: relative;
}

.sidebar-gallery-video > a {
    position: relative;
    z-index: 10;
    display: block;
    cursor: pointer;
    pointer-events: auto !important;
}

.sidebar-gallery-video::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.25), rgba(0,0,0,0.45));
    opacity: 0.8;
    transition: opacity 0.2s ease-in-out;
    z-index: 1;
    border-radius: 4px;
    pointer-events: none;
}

.sidebar-gallery-video::after {
    content: "\f04b";
    font-family: "FontAwesome";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: #fff;
    text-shadow: 0 0 8px rgba(0,0,0,0.8);
    z-index: 2;
    pointer-events: none;
}

.sidebar-gallery-video:hover::before {
    opacity: 0.6;
}

/* Sidebar Pagination */
.sidebar-pagination.widget {
    background-color: #18191B;
    padding: 0;
    margin-bottom: 30px;
}

.sidebar-pagination .widget-header {
    background-color: #FF0030;
    padding: 12px 15px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.sidebar-pagination .widget-title {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}

.sidebar-pagination-nav {
    padding: 15px;
    text-align: center;
}

.sidebar-pagination-nav .page-numbers {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.sidebar-pagination-nav .page-numbers li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-pagination-nav .page-numbers a,
.sidebar-pagination-nav .page-numbers span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 35px;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    text-align: center;
    color: #FF0030;
    background-color: #ffe2cf;
    text-decoration: none;
    border-radius: 3px;
    transition: all 0.2s ease;
    font-size: 14px;
    font-weight: 500;
}

.sidebar-pagination-nav .page-numbers .page-numbers.current {
    background-color: #FF0030;
    color: #fff;
}

.sidebar-pagination-nav .page-numbers a:hover,
.sidebar-pagination-nav .page-numbers a:focus {
    background-color: #FF0030;
    color: #fff;
}

.sidebar-pagination-nav .page-numbers .prev,
.sidebar-pagination-nav .page-numbers .next {
    background-color: transparent;
    color: #FF0030;
    font-size: 16px;
    min-width: auto;
    padding: 0 12px;
}

.sidebar-pagination-nav .page-numbers .prev:hover,
.sidebar-pagination-nav .page-numbers .prev:focus,
.sidebar-pagination-nav .page-numbers .next:hover,
.sidebar-pagination-nav .page-numbers .next:focus {
    background-color: #FF0030;
    color: #fff;
}

.sidebar-pagination-nav .page-numbers .prev .fa,
.sidebar-pagination-nav .page-numbers .next .fa {
    font-size: 14px;
}
.sidebar-video-title {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}
.sidebar-video-title::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.6);
    margin-right: 6px;
}
.sidebar-video-embed iframe {
    width: 100%;
    height: 180px;
}
.sidebar-video-description {
    margin-top: 6px;
    font-size: 13px;
    color: #ddd;
}

/* Sitemap page */
.sitemap-page .sitemap-sections {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    grid-gap: 30px;
}
.sitemap-page .sitemap-block h2 {
    font-size: 18px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.sitemap-page ul {
    list-style: disc;
    padding-left: 20px;
}
.sitemap-category-group {
    margin-top: 20px;
}
.sitemap-category-group h3 {
    font-size: 16px;
    margin-bottom: 8px;
}

/* Gallery page - bento grid */
.gallery-page .gallery-bento {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    grid-auto-rows: 120px;
    grid-auto-flow: dense;
    grid-gap: 10px;
}
.gallery-page .gallery-item {
    overflow: hidden;
    position: relative;
}
.gallery-page .gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Create a simple bento-style variation by spanning some tiles */
.gallery-page .gallery-item:nth-child(6n+1) {
    grid-row: span 2;
    grid-column: span 2;
}
.gallery-page .gallery-item:nth-child(8n+4) {
    grid-row: span 2;
}
.gallery-page .gallery-item:nth-child(10n+7) {
    grid-column: span 2;
}

/* Video tiles: add play overlay so they are recognizable as videos */
.gallery-page .gallery-item-video {
    position: relative;
}
.gallery-page .gallery-item-video a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    cursor: pointer;
}
.gallery-page .gallery-item-video::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.25), rgba(0,0,0,0.45));
    opacity: 0.8;
    transition: opacity 0.2s ease-in-out;
    pointer-events: none;
    z-index: 1;
}
.gallery-page .gallery-item-video::after {
    content: "\f04b";
    font-family: "FontAwesome";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 36px;
    color: #fff;
    text-shadow: 0 0 8px rgba(0,0,0,0.8);
    pointer-events: none;
    z-index: 2;
}
.gallery-page .gallery-item-video:hover::before {
    opacity: 0.6;
}

/* Archive 2003-2012 layout */
.archive-range-page .archive-range-item {
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.archive-range-page .archive-range-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.archive-range-page .archive-range-item .archive-entry-inner {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}
.archive-range-page .archive-range-item .archive-text {
    flex: 1;
}
.archive-range-page .archive-range-item .archive-thumb img {
    max-width: 260px;
    height: auto;
    display: block;
}
.archive-continue-wrapper {
    margin-top: 15px;
}
.archive-continue-btn {
    display: inline-block;
    padding: 8px 20px;
    background-color: #FF0030;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    border-radius: 3px;
    transition: background-color 0.2s ease;
}
.archive-continue-btn:hover,
.archive-continue-btn:focus {
    background-color: #cc0026;
    color: #fff;
}
/* Archive page pagination - Use theme's default pagination styles */
.archive-range-page nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* ============================================
   Custom Footer Design - 4 Column Layout
   ============================================ */
.footer-widgets-area.col-4 {
    background-color: #1a1a1a;
    padding: 60px 0;
    color: #fff;
}

.footer-widgets-area.col-4 .wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
}

.footer-column {
    flex: 1;
    min-width: 200px;
    max-width: 25%;
}

/* Footer headings styled exactly like Popular Posts section */
.footer-column {
    position: relative;
    margin-bottom: 30px;
}

/* Footer section-header - exactly like Popular Posts section-header */
.footer-section-header {
    margin-bottom: 25px;
    border-bottom: 2px solid #FF0030;
    padding-bottom: 10px;
}

/* Footer widget title - exactly like Popular Posts section-title */
.footer-section-header .footer-widget-title {
    background-color: #FF0030;
    color: #fff;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
    margin: 0;
    border: none;
    border-radius: 0;
    line-height: 1.4;
}

/* About Column */
.footer-about-image {
    margin-bottom: 20px;
}

.footer-about-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

.footer-about-text {
    color: #fff;
    line-height: 1.6;
    font-size: 14px;
}

.footer-about-text p {
    margin: 0;
    color: #fff;
}

/* Newsletter Column */
.footer-newsletter-content {
    color: #fff;
}

.footer-newsletter-content p {
    color: #fff;
    margin-bottom: 15px;
    line-height: 1.6;
    font-size: 14px;
}

.footer-newsletter-content form {
    margin-top: 15px;
}

.footer-newsletter-content input[type="email"],
.footer-newsletter-content input[type="text"] {
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 10px;
    background-color: #2a2a2a;
    border: 1px solid #444;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
}

.footer-newsletter-content input[type="email"]:focus,
.footer-newsletter-content input[type="text"]:focus {
    outline: none;
    border-color: #FF0030;
}

.footer-newsletter-content button,
.footer-newsletter-content input[type="submit"] {
    background-color: #FF0030;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.footer-newsletter-content button:hover,
.footer-newsletter-content input[type="submit"]:hover {
    background-color: #cc0026;
}

/* Categories Column */
.footer-categories-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-categories-list li {
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative;
    color: #fff;
    display: flex;
    align-items: center;
}

.footer-categories-list li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #999;
    font-size: 18px;
    line-height: 1;
    top: 50%;
    transform: translateY(-50%);
}

.footer-categories-list li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.5;
    transition: color 0.2s ease;
}

.footer-categories-list li a:hover,
.footer-categories-list li a:focus {
    color: #FF0030;
}

/* Search & Keywords Column */
.footer-search-section {
    margin-bottom: 30px;
}

.footer-search-form {
    display: flex;
    gap: 0;
    margin-top: 10px;
}

.footer-search-field {
    flex: 1;
    padding: 10px 15px;
    background-color: #2a2a2a;
    border: 1px solid #3a3a3a;
    color: #fff;
    font-size: 14px;
    border-radius: 0;
}

.footer-search-field::placeholder {
    color: #999;
}

.footer-search-submit {
    background-color: #FF0030;
    border: none;
    color: #fff;
    padding: 10px 15px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    min-width: 50px;
}

.footer-search-submit:hover,
.footer-search-submit:focus {
    background-color: #cc0026;
}

.footer-search-submit .fa {
    font-size: 16px;
}

/* Keywords Section */
.footer-keywords-section {
    margin-top: 20px;
}

.footer-keywords-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.footer-keyword-tag {
    display: inline-block;
    padding: 6px 12px;
    background-color: #2a2a2a;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    border-radius: 3px;
    transition: all 0.2s ease;
}

.footer-keyword-tag:hover,
.footer-keyword-tag:focus {
    background-color: #FF0030;
    color: #fff !important;
}

/* Override generic widget bullets for custom sidebar lists */
#secondary .sidebar-video-list li:before,
#secondary .sidebar-recent-posts li:before {
    content: none;
    display: none;
}

/* Footer Copyright Section */
.site-info {
    background-color: #1a1a1a;
    border-top: 1px solid #FF0030;
    padding: 20px 0;
    text-align: center;
}

.site-info .copy-right {
    color: #fff;
    font-size: 14px;
    display: block;
    margin: 0;
}

.site-info .copy-right a {
    color: #FF0030;
    text-decoration: none;
}

.site-info .copy-right a:hover,
.site-info .copy-right a:focus {
    text-decoration: underline;
}

/* Responsive Footer */
@media screen and (max-width: 768px) {
    .footer-widgets-area.col-4 .wrapper {
        flex-direction: column;
        gap: 30px;
    }
    
    .footer-column {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .archive-range-page .archive-range-item .archive-entry-inner {
        flex-direction: column;
    }
    .archive-range-page .archive-range-item .archive-thumb img {
        max-width: 100%;
    }
}
.main-navigation {
    display: block;
    position: relative;
    background-color: #000;
}
.main-navigation ul ul {
    background-color: #121315;
    text-align: left;
    padding: 0;
}
.main-navigation ul ul li a {
    padding: 8px 15px;
    color: #fff;
}
.main-navigation ul ul a:after {
    float: right;
}
.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    position: relative;
}
.main-navigation ul.nav-menu > li.current-menu-item > a:hover,
.main-navigation ul.nav-menu > li.current_page_item > a:hover,
.main-navigation ul.nav-menu > li.current-menu-item > a:focus,
.main-navigation ul.nav-menu > li.current_page_item > a:focus {
    color: #fff;
}
.main-navigation ul.nav-menu > li > a {
    padding: 15px;
    color: #fff;
}
.main-navigation ul.nav-menu > li:hover > a,
.main-navigation ul.nav-menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:focus {
    color: #FF0030;
}
.main-navigation form.search-form input {
    background-color: #111;
    border-color: #111;
    color: #111;
    font-weight: 400;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: #212121;
    font-size: 14px;
    font-weight: 600;
    opacity: 0.8;
    text-transform: uppercase;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.main-navigation ul ul {
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
    margin-top: -1px;
    border-top: 1px solid rgba(255, 255, 255, 0.20);
}
.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}
.main-navigation ul ul a {
    width: 225px;
}
.main-navigation ul.nav-menu .current_page_item > a,
.main-navigation ul.nav-menu .current-menu-item > a,
.main-navigation ul.nav-menu .current_page_ancestor > a,
.main-navigation ul.nav-menu .current-menu-ancestor > a {
    color: #FF0030;
}
form.search-form {
    /* width: 100%; */
    max-width: 100%;
    position: relative;
}
.main-navigation form.search-form {
    min-width: 320px;
}
input.search-field {
    height: 40px;
    border-radius: 0;
    padding: 0 50px 0 15px;
    width: 100%;
}
.menu-toggle {
    border-radius: 0;
    font-size: 16px;
    margin: auto;
    display: block;
    height: 80px;
    position: relative;
    background-color: transparent;
    min-width: 64px;
    border: none;
    margin: 0 auto;
}
.menu-toggle:hover,
.menu-toggle:focus {
    background-color: transparent;
}
.menu-toggle span {
    width: 35px;
    height: 2px;
    display: block;
    background-color: #fff;
    margin: 9px 0;
}
.menu-label {
    float: right;
    color: #111;
    padding: 7px 0 0 10px;
    display: none;
}
button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 55px;
    line-height: 56px;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
button.dropdown-toggle .fa {
    color: #fff;
    font-size: 18px;
    transition: transform 0.3s ease;
    display: inline-block;
}
button.dropdown-toggle.active .fa {
    transform: rotate(180deg);
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0;
    overflow: hidden;
}
.nav-links .nav-previous a:before,
.nav-links .nav-next a:after {
    content: "\f100";
    font-family: "FontAwesome";
    margin-right: 10px;
    font-size: 18px;
}
.nav-links .nav-next a:after {
    content: "\f101";
    margin-left: 10px;
    margin-right: 0;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
    position: relative;
    text-align: left;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
    position: relative;
}
.post-navigation a, 
.posts-navigation a {
    font-weight: 400;
    display: block;
    color: rgba(255, 255, 255, 0.7);
}
.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus {
    color: #FF0030;
}
.post-navigation, 
.posts-navigation {
    padding: 0;
    position: relative;
}

/* Hide old posts-navigation completely */
.posts-navigation {
    display: none !important;
}
/* Main pagination with background colors */
.main-pagination .pagination .page-numbers,
.main-pagination .page-numbers,
.main-pagination ul.page-numbers .page-numbers,
.main-pagination ul.page-numbers a,
.main-pagination ul.page-numbers span,
.main-pagination ul.page-numbers li a,
.main-pagination ul.page-numbers li span {
    text-align: center !important;
    line-height: 1.5 !important;
    min-width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 5px !important;
    color: #FF0030 !important;
    padding: 5px 10px !important;
    border: none !important;
    border-radius: 3px !important;
    transition: all 0.2s ease !important;
}

.main-pagination .pagination .page-numbers.current,
.main-pagination .page-numbers.current,
.main-pagination ul.page-numbers .page-numbers.current,
.main-pagination ul.page-numbers .current,
.main-pagination ul.page-numbers span.current {
    color: #fff !important;
    background-color: #FF0030 !important;
    font-weight: 600 !important;
}

.main-pagination .pagination .page-numbers:hover,
.main-pagination .pagination .page-numbers:focus,
.main-pagination .page-numbers:hover,
.main-pagination .page-numbers:focus,
.main-pagination ul.page-numbers .page-numbers:hover,
.main-pagination ul.page-numbers .page-numbers:focus,
.main-pagination ul.page-numbers a:hover,
.main-pagination ul.page-numbers a:focus {
    color: #fff !important;
}

.main-pagination .pagination .page-numbers.prev,
.main-pagination .pagination .page-numbers.next,
.main-pagination .page-numbers.prev,
.main-pagination .page-numbers.next,
.main-pagination ul.page-numbers .prev,
.main-pagination ul.page-numbers .next {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #FF0030 !important;
    min-width: auto !important;
    padding: 5px 10px !important;
}

.main-pagination .pagination .page-numbers.prev:hover,
.main-pagination .pagination .page-numbers.prev:focus,
.main-pagination .pagination .page-numbers.next:hover,
.main-pagination .pagination .page-numbers.next:focus,
.main-pagination .page-numbers.prev:hover,
.main-pagination .page-numbers.prev:focus,
.main-pagination .page-numbers.next:hover,
.main-pagination .page-numbers.next:focus,
.main-pagination ul.page-numbers .prev:hover,
.main-pagination ul.page-numbers .prev:focus,
.main-pagination ul.page-numbers .next:hover,
.main-pagination ul.page-numbers .next:focus {
    background-color: rgba(255, 0, 48, 0.7) !important;
    color: #fff !important;
}

.main-pagination .pagination .page-numbers.dots,
.main-pagination .page-numbers.dots,
.main-pagination ul.page-numbers .dots {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #FF0030 !important;
    cursor: default !important;
}

.main-pagination .pagination .page-numbers.dots:hover,
.main-pagination .page-numbers.dots:hover,
.main-pagination ul.page-numbers .dots:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #FF0030 !important;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    margin-right: 25px;
    width: auto;
    height: auto;
    position: relative;
    top: 2px;
    background-color: transparent;
    color: #FF0030;
}
.pagination .page-numbers.prev:hover, 
.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:focus, 
.pagination .page-numbers.next:focus {
    color: #111;
    background-color: transparent;
}
.pagination .page-numbers.next {
    margin-left: 18px;
    margin-right: 0;
    background-color: transparent;
}

.nav-previous span {
    padding-left: 30px;
    float: left;
    text-align: left;
}
.nav-next span {
    padding-right: 30px;
    float: right;
    text-align: right;
}
.post-navigation span,
.posts-navigation span {
    display: table;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after,
#latest-posts article:before,
#latest-posts article:after,
.widget:before,
.widget:after,
.posts-wrapper:before,
.posts-wrapper:after,
.services-items-wrapper:before,
.services-items-wrapper:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after,
#latest-posts article:before,
#latest-posts article:after,
.widget:before,
.widget:after,
.posts-wrapper:before,
.posts-wrapper:after,
#author-section:before,
#author-section:after,
.services-items-wrapper:before,
.services-items-wrapper:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.3em;
}
.widget:last-child {
    margin-bottom: 0;
}
#colophon .widget {
    margin: 0 0 40px;
}
#colophon .widget.widget_text {
    margin-bottom: 20px;
}
#colophon .widget:last-child {
    margin-bottom: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
    background-color: #222;
    padding: 10px;
    border: none;
    width: 100%;
    max-width: 300px;
}

.widget input {
    height: 40px;
    border-radius: 0;
    padding: 0 15px;
    border: none;
}

form.search-form button.search-submit {
    height: 40px;
    line-height: 45px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    border: none;
    width: 40px;
    border-radius: 0;
    padding: 0;
}
form.search-form button.search-submit .fa {
    font-size: 16px;
}
.widget_search form.search-form button.search-submit {
    width: 50px;
    color: #fff;
    background-color: #FF0030;
    font-size: 15px;
    line-height: 25px;
    height: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.widget_search form.search-form button.search-submit:hover,
.widget_search form.search-form button.search-submit:focus {
    background-color: #212121;
}
.widget_search form.search-form input[type="search"] {
    padding: 0 55px 0 15px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(0, 0, 0, 0.10);
    color: #fff;
}
.widget_search form.search-form input[type="search"]:focus {
    border-color: #FF0030;
}
form.search-form {
    position: relative;
}

form.search-form input {
    width: 100%;
    padding: 0 40px 0 15px;
    font-weight: 300;
}

#wp-calendar tbody td {
    text-align: center;
}

#wp-calendar caption {
    margin-bottom: 15px;
    font-weight: 600;
}

.widget-header {
    margin-bottom: 20px;
    border-bottom: 2px solid #FF0030;
}

.widget-title {
    font-size: 16px;
    margin: 0;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    text-transform: uppercase;
    background-color: #FF0030;
    line-height: 1;
    padding: 10px 15px;
}

.widget li {
    padding: 10px 15px;
}

.widget li:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.03);
}

#secondary a {
    color: #fff;
}
#secondary a:hover,
#secondary a:focus {
    color: #FF0030;
}
#secondary .widget:not(:last-child) {
    margin-bottom: 35px;
}
#secondary .widget_tag_cloud .tagcloud a:hover,
#secondary .widget_tag_cloud .tagcloud a:focus,
#colophon .widget_tag_cloud .tagcloud a:hover,
#colophon .widget_tag_cloud .tagcloud a:focus {
    color: #fff;
}
.jetpack_subscription_widget form {
    position: relative;
}
.jetpack_subscription_widget input[type="email"] {
    width: 100%;
    min-height: 65px;
    padding: 15px 160px 15px 20px;
    background-color: #e7f4fb;
    border-color: #e7f4fb;
}
.jetpack_subscription_widget input[type="submit"] {
    min-width: 100px;
    text-align: center;
    background-color: #0287d2;
    border-radius: 0;
    min-height: 50px;
    padding: 11px 30px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 500;
    font-size: 14px;
    border: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.jetpack_subscription_widget input[type="submit"]:hover,
.jetpack_subscription_widget input[type="submit"]:focus {
    background-color: #FF0030;
}
.jetpack_subscription_widget #subscribe-text {
    display: inline-block;
}
.jetpack_subscription_widget #subscribe-text p {
    margin-top: 0;
    line-height: 25px;
}
.jetpack_subscription_widget #subscribe-submit {
    display: inline-block;
    margin: 0;
    position: relative;
}
#secondary .jetpack_subscription_widget input[type="email"] {
    height: 50px;
    min-height: auto;
    background-color: #fff;
    border-color: #fff;
    padding: 15px 18px;
}
#secondary .jetpack_subscription_widget input[type="submit"] {
    position: relative;
    margin: auto;
    min-height: 50px;
    border-radius: 0;
    background-color: #111;
    min-width: 151px;
    margin: 0;
    text-transform: uppercase;
}
.jetpack_subscription_widget #subscribe-submit:after {
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f2f2f2;
    position: absolute;
    bottom: 0;
    right: -10px;
}
.site-footer .jetpack_subscription_widget #subscribe-submit:after {
    border-bottom-color: #fff;
}
#secondary .jetpack_subscription_widget input[type="submit"]:hover,
#secondary .jetpack_subscription_widget input[type="submit"]:focus {
    background-color: #FF0030;
}
#colophon .social-icons {
    margin-left: -15px;
}
#secondary p#subscribe-email {
    margin-top: 0;
}
#secondary ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#secondary .widget .social-icons {
    text-align: center;
    margin-top: -10px;
}
.widget_contact_info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}
.hentry {
    margin: 0;
}

.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}

.author img {
    border-radius: 50%;
    display: block;
    text-align: center;
    margin: 20px auto;
}
.page-header span.posted-on {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
.page-header span.author-name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #111;
}
.page-header small {
    font-size: 12px;
    color: #FF0030;
}
nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* Main content pagination styling - Force display */
/* Main content pagination styling - Compact, right aligned, no background */
nav.navigation.pagination.main-pagination,
.main-pagination,
#main .main-pagination,
.site-main .main-pagination {
    margin-top: 50px !important;
    clear: both !important;
    width: 100% !important;
    text-align: right !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.main-pagination ul.page-numbers,
.main-pagination .page-numbers,
nav.main-pagination ul.page-numbers {
    list-style: none !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    width: auto !important;
}

.main-pagination ul.page-numbers li {
    list-style: none !important;
    margin: 0 !important;
    padding: 2px !important;
    display: inline-block !important;
}

.main-pagination ul.page-numbers a,
.main-pagination ul.page-numbers span.page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: auto !important;
    height: auto !important;
    line-height: 1.5 !important;
    padding: 5px 8px !important;
    text-align: center !important;
    color: #FF0030 !important;
    background-color: transparent !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    transition: color 0.2s ease !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: none !important;
    box-sizing: border-box !important;
}

.main-pagination ul.page-numbers .current {
    background-color: transparent !important;
    color: #fff !important;
    font-weight: 600 !important;
}

.main-pagination ul.page-numbers a:hover,
.main-pagination ul.page-numbers a:focus {
    background-color: transparent !important;
    color: #fff !important;
}

.main-pagination ul.page-numbers .prev,
.main-pagination ul.page-numbers .next {
    background-color: transparent !important;
    color: #FF0030 !important;
    font-size: 14px !important;
    min-width: auto !important;
    padding: 5px 8px !important;
}

.main-pagination ul.page-numbers .prev:hover,
.main-pagination ul.page-numbers .prev:focus,
.main-pagination ul.page-numbers .next:hover,
.main-pagination ul.page-numbers .next:focus {
    background-color: transparent !important;
    color: #fff !important;
}

.main-pagination ul.page-numbers .dots {
    background-color: transparent !important;
    color: #FF0030 !important;
    cursor: default !important;
}

.main-pagination ul.page-numbers .dots:hover {
    background-color: transparent !important;
    color: #FF0030 !important;
}

.post-categories a {
    color: #FF0030;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.post-categories a:hover,
.post-categories a:focus {
    color: #FF0030;
}
.tags-links {
    margin-bottom: 50px;
    display: inline-block;
}
.tags-links span {
    margin: 0 8px 8px 0;
}
.tags-links a {
    display: inline-block;
    padding: 1px 12px;
    font-size: 13px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.06);
    font-family: 'Montserrat', sans-serif;
}
.widget_tag_cloud .tagcloud a {
    display: inline-block;
    padding: 1px 12px;
    font-size: 13px !important;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.06);
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 10px;
    margin-right: 6px;
}
.tags-links a:hover,
.tags-links a:focus,
.widget_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:focus,
#colophon .widget_tag_cloud .tagcloud a:hover,
#colophon .widget_tag_cloud .tagcloud a:focus {
    background-color: #FF0030;
    color: #fff;
}
.single-post .site-main .comment-navigation, 
.single-post .site-main .posts-navigation, 
.single-post .site-main .post-navigation {
    margin-bottom: 0;
}
.navigation.post-navigation,
.navigation.posts-navigation {
    padding: 15px;
    background-color: #18191B;
}
.post-navigation .previous-article span span,
.posts-navigation .previous-article span span,
.post-navigation .next-article span span,
.posts-navigation .next-article span span {
    display: block;
}
.post-navigation span.previous-article b,
.post-navigations span.previous-article b,
.post-navigation span.next-article b,
.post-navigations span.next-article b {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.post-navigation span.previous-article,
.post-navigations span.previous-article {
    display: table;
}
.site-main .posts-navigation {
    margin-top: 50px;
    max-width: 100%;
}
.error-404.not-found {
    max-width: 750px;
    margin: 0 auto;
}
.error-404.not-found .page-title {
    font-size: 42px;
}
.no-sidebar #secondary,
.error404 #secondary {
    display: none;
}
.error404.left-sidebar #primary,
.error404.right-sidebar #primary {
    width: 100%;
    text-align: center;
    padding: 0;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

#reply-title,
.comments-title {
    font-size: 42px;
    margin: 0;
}
.comments-title,
#reply-title {
    margin-bottom: 30px;
    font-size: 32px;
    color: #fff;
    font-weight: 600;
}
ul.post-categories li:after {
    content: ",";
}
ul.post-categories li:last-child:after {
    display: none;
}
ol.comment-list {
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
}
#comments ol {
    list-style: none;
    margin-left: 0;
    padding: 0;
}
#comments ol.comment-list {
    padding-top: 35px;
    position: relative;
    overflow: hidden;
}
#comments ol.children {
    margin-left: 120px;
}
.says {
    display: none;
}
.comment-meta img {
    width: 85px;
    height: 85px;
    float: left;
    border-radius: 50%;
    margin-right: 20px;
}
#comments time:before {
    display: none;
}
.comment-body {
    position: relative;
}
.reply {
    padding-bottom: 40px;
    padding-left: 105px;
}
#comments article {
    margin-bottom: 30px;
    clear: both;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}
#comments ol.comment-list > li:last-child article:last-child,
#comments ol.comment-list > li:last-child {
    border-bottom: none;
}
#comments ol.comment-list > li {
    padding-top: 49px;
}
#comments ol.comment-list > li:first-child {
    padding-top: 0;
}
#comments ol.comment-list > li article:last-child .reply {
    border-bottom: none;
}
.reply a {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 20px;
    position: relative;
    background-color: #FF0030;
    text-transform: uppercase;
    z-index: 1;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.reply a:hover,
.reply a:focus {
    background-color: #000;
    color: #fff;
}
.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    font-weight: 600;
}
.comment-meta .url:hover,
.comment-meta .url:focus {
    color: #FF0030;
}
.comment-metadata a,
.comment-metadata a time {
    color: rgba(255, 255, 255, 0.7);
}
.comment-metadata a,
.comment-metadata time {
    font-size: 14px;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover time,
.comment-metadata a:focus time {
    color: #FF0030;
}
.comment-metadata time {
    font-weight: 500;
}
.comment-metadata {
    display: block;
    text-transform: uppercase;
    margin-top: 5px;
}
.comment-content {
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 105px;
}
.comment-content p {
    font-weight: 400;
    margin-bottom: 1em;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/
section {
    position: relative;
}
.relative {
    display: block;
    position: relative;
}
.relative:before,
.relative:after {
    content: "";
    display: table;
    clear: both;
}
.entry-content {
    margin-top: 0;
}

/* Ensure links in post content are clickable and properly styled */
.entry-content a,
.single .entry-content a,
.page .entry-content a,
.entry-container .entry-content a {
    color: #FF0030 !important;
    text-decoration: underline !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 10 !important;
    display: inline !important;
}

.entry-content a:hover,
.entry-content a:focus,
.single .entry-content a:hover,
.single .entry-content a:focus,
.page .entry-content a:hover,
.page .entry-content a:focus,
.entry-container .entry-content a:hover,
.entry-container .entry-content a:focus {
    color: #fff !important;
    text-decoration: underline !important;
}

/* Ensure entry-container and entry-content are above any overlays */
.entry-container {
    position: relative;
    z-index: 2;
}

.entry-content {
    position: relative;
    z-index: 2;
}

/* Force all links in entry-content to be clickable */
.post-item .entry-content a,
.entry-container .entry-content a,
.single .entry-content a,
.page .entry-content a {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 999 !important;
    position: relative !important;
}
.wrapper {
    width: 100%;
    max-width: 2500px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
#content .wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
}
.entry-title,
.section-title {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    word-wrap: break-word;
}
.section-title {
    font-size: 16px;
    margin-bottom: 0;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    text-transform: uppercase;
    background-color: #FF0030;
    line-height: 1;
    padding: 10px 15px;
}
.section-header {
    margin-bottom: 20px;
    border-bottom: 2px solid #FF0030;
}
.overlay {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2 !important;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.btn {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 20px;
    position: relative;
    background-color: #FF0030;
    text-transform: uppercase;
    z-index: 1;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn-yellow {
    background-color: #fcb614;
}
.btn:hover,
.btn:focus {
    color: #FF0030;
    background-color: #fff;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.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;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin: -4px;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding: 4px;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}
/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
.social-icons li {
    display: inline-block;
    height: auto;
    text-align: center;
    position: relative;
    list-style: none;
}
.footer-widgets-area .widget .social-icons li {
    display: inline-block;
    width: auto;
}
.social-icons li:not(:last-child) {
    margin-right: 5px;
}
.social-icons,
.social-icons ul {
    margin: 0;
    padding: 0;
}
.social-icons li a {
    background-color: transparent;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
}
/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
ul.social-icons {
    margin: 0;
    padding: 0;
}
.social-icons li {
    width: 40px;
    height: auto;
    text-align: center;
    line-height: 40px;
    position: relative;
    list-style: none;
}
.social-icons ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.social-icons li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.10);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.social-icons li a:hover {
    color: #fff;
}
.social-icons li a:before {
    font-family: "FontAwesome";
    visibility: visible;
    font-size: 18px;
}
.social-icons li a[href*="facebook.com"]:before,
.social-icons li a[href*="fb.com"]:before {
  content: "\f09a";
}

.social-icons li a[href*="twitter.com"]:before,
.social-icons li a[href*="x.com"]:before {
  content: "\f099";
}

.social-icons li a[href*="linkedin.com"]:before {
  content: "\f0e1";
}

.social-icons li a[href*="plus.google.com"]:before {
  content: "\f0d5";
}

.social-icons li a[href*="youtube.com"]:before {
  content: "\f04b";
}

.social-icons li a[href*="dribbble.com"]:before {
  content: "\f17d";
}

.social-icons li a[href*="pinterest.com"]:before {
  content: "\f231";
}

.social-icons li a[href*="bitbucket.org"]:before {
  content: "\f171";
}

.social-icons li a[href*="github.com"]:before {
  content: "\f113";
}

.social-icons li a[href*="codepen.io"]:before {
  content: "\f1cb";
}

.social-icons li a[href*="flickr.com"]:before {
  content: "\f16e";
}

.social-icons li a[href$="/feed/"]:before {
  content: "\f09e";
}

.social-icons li a[href*="foursquare.com"]:before {
  content: "\f180";
}

.social-icons li a[href*="instagram.com"]:before {
  content: "\f16d";
}

.social-icons li a[href*="tumblr.com"]:before {
  content: "\f173";
}

.social-icons li a[href*="reddit.com"]:before {
  content: "\f1a1";
}

.social-icons li a[href*="vimeo.com"]:before {
  content: "\f194";
}

.social-icons li a[href*="digg.com"]:before {
  content: "\f1a6";
}

.social-icons li a[href*="twitch.tv"]:before {
  content: "\f1e8";
}

.social-icons li a[href*="stumbleupon.com"]:before {
  content: "\f1a4";
}

.social-icons li a[href*="delicious.com"]:before {
  content: "\f1a5";
}

.social-icons li a[href*="mailto:"]:before {
  content: "\f0e0";
}
.social-icons li a[href*="soundcloud.com"]:before {
  content: "\f1be";
}
.social-icons li a[href*="wordpress.org"]:before {
  content: "\f19a";
}
.social-icons li a[href*="wordpress.com"]:before {
  content: "\f19a";
}

.social-icons li a[href*="jsfiddle.net"]:before {
  content: "\f1cc";
}

.social-icons li a[href*="tripadvisor.com"]:before {
  content: "\f262";
}

.social-icons li a[href*="foursquare.com"]:before {
  content: "\f180";
}

.social-icons li a[href*="angel.co"]:before {
  content: "\f209";
}

.social-icons li a[href*="slack.com"]:before {
  content: "\f198";
}

/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/
.social-icons li a[href*="facebook.com"]:hover,
.social-icons li a[href*="fb.com"]:hover,
.social-icons li a[href*="facebook.com"]:focus,
.social-icons li a[href*="fb.com"]:focus {
    background-color: #3c5798 !important;
}
.social-icons li a[href*="twitter.com"]:hover,
.social-icons li a[href*="twitter.com"]:focus,
.social-icons li a[href*="x.com"]:hover,
.social-icons li a[href*="x.com"]:focus {
    background-color: #1ea0f1 !important;
}
.social-icons li a[href*="linkedin.com"]:hover,
.social-icons li a[href*="linkedin.com"]:focus {
    background-color: #0077B5 !important;
}
.social-icons li a[href*="plus.google.com"]:hover,
.social-icons li a[href*="plus.google.com"]:focus {
    background-color: #ec7161 !important;
}

.social-icons li a[href*="youtube.com"]:hover,
.social-icons li a[href*="youtube.com"]:focus {
    background-color: #cc181e !important;
}

.social-icons li a[href*="dribbble.com"]:hover,
.social-icons li a[href*="dribbble.com"]:focus {
    background-color: #f4a09c !important;
}

.social-icons li a[href*="pinterest.com"]:hover,
.social-icons li a[href*="pinterest.com"]:focus {
    background-color: #bd081b !important;
}

.social-icons li a[href*="bitbucket.org"]:hover,
.social-icons li a[href*="bitbucket.org"]:focus {
    background-color: #205081 !important;
}

.social-icons li a[href*="github.com"]:hover,
.social-icons li a[href*="github.com"]:focus {
    background-color: #323131 !important;
}

.social-icons li a[href*="codepen.io"]:hover,
.social-icons li a[href*="codepen.io"]:focus {
    background-color: #111000 !important;
}

.social-icons li a[href*="flickr.com"]:hover,
.social-icons li a[href*="flickr.com"]:focus {
    background-color: #025FDF !important;
}

.social-icons li a[href$="/feed/"]:hover,
.social-icons li a[href$="/feed/"]:focus {
    background-color: #089DE3 !important;
}

.social-icons li a[href*="foursquare.com"]:hover,
.social-icons li a[href*="foursquare.com"]:focus {
    background-color: #F94877 !important;
}

.social-icons li a[href*="instagram.com"]:hover,
.social-icons li a[href*="instagram.com"]:focus {
    background-color: #cd42e7 !important;
}

.social-icons li a[href*="tumblr.com"]:hover,
.social-icons li a[href*="tumblr.com"]:focus {
    background-color: #56BC8A !important;
}

.social-icons li a[href*="reddit.com"]:hover,
.social-icons li a[href*="reddit.com"]:focus {
    background-color: #FF4500 !important;
}

.social-icons li a[href*="vimeo.com"]:hover,
.social-icons li a[href*="vimeo.com"]:focus {
    background-color: #00ADEF !important;
}

.social-icons li a[href*="digg.com"]:hover,
.social-icons li a[href*="digg.com"]:focus {
    background-color: #00ADEF !important;
}

.social-icons li a[href*="twitch.tv"]:hover,
.social-icons li a[href*="twitch.tv"]:focus {
    background-color: #0E9DD9 !important;
}

.social-icons li a[href*="stumbleupon.com"]:hover,
.social-icons li a[href*="stumbleupon.com"]:focus {
    background-color: #EB4924 !important;
}

.social-icons li a[href*="delicious.com"]:hover,
.social-icons li a[href*="delicious.com"]:focus {
    background-color: #0076E8 !important;
}

.social-icons li a[href*="mailto:"]:hover,
.social-icons li a[href*="mailto:"]:focus {
    background-color: #4169E1 !important;
}
.social-icons li a[href*="soundcloud.com"]:hover,
.social-icons li a[href*="soundcloud.com"]:focus {
    background-color: #FF5500 !important;
}
.social-icons li a[href*="wordpress.org"]:hover,
.social-icons li a[href*="wordpress.org"]:focus {
    background-color: #0073AA !important;
}
.social-icons li a[href*="wordpress.com"]:hover {
    background-color: #00AADC !important;
}

.social-icons li a[href*="jsfiddle.net"]:hover,
.social-icons li a[href*="jsfiddle.net"]:focus {
    background-color: #396AB1 !important;
}

.social-icons li a[href*="tripadvisor.com"]:hover,
.social-icons li a[href*="tripadvisor.com"]:focus {
    background-color: #FFE090 !important;
}

.social-icons li a[href*="angel.co"]:hover,
.social-icons li a[href*="angel.co"]:focus {
    background-color: #111000 !important;
}
/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    background-color: #202C36;
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    padding: 150px 0;
    max-height: 400px;
    overflow: hidden;
}
#page-site-header .overlay {
    opacity: 0.5;
}
#page-site-header .page-title {
    color: #fff;
    font-size: 42px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: inline-block;
    font-weight: 600;
}
#page-site-header .page-header {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#home-content .page-section {
    padding: 0;
    margin-bottom: 35px;
}
/*--------------------------------------------------------------
#  Slick Slider
--------------------------------------------------------------*/
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.slick-next:before, 
.slick-prev:before {
    opacity: 1;
    content: "\f104";
    font-family: "FontAwesome";
}
.slick-next:before {
    content: "\f105";
}
.slick-prev,
.slick-next {
    left: 0;
    z-index: 1;
    width: 40px;
    height: 40px;
    background-color: #FF0030;
    border-radius: 0;
    line-height: 52px;
}
.slick-next {
    left: auto;
    right: 0;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
    background-color: #212121;
}
.slick-dots li button:before {
    content: "";
    opacity: 1;
    background-color: #fff;
    width: 12px;
    height: 12px;
    border-radius: 12px;
}
.slick-dots li.slick-active button:before {
    background-color: #FF0030;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
}
.slick-dots li {
    margin: 0 2px;
}
.display-block {
    display: block;
}
.display-none {
    display: none;
}
/*--------------------------------------------------------------
#  Trending News Section
--------------------------------------------------------------*/
#trending-news {
    padding: 25px 0;
}
#trending-news .trending-news-header {
    margin-bottom: 15px;
}
#trending-news .trending-news-title {
    background-color: #FF0030;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
}
#trending-news .entry-title {
    font-weight: 400;
}
#trending-news .entry-title a {
    color: #fff;
}
#trending-news .entry-title a:hover,
#trending-news .entry-title a:focus {
    color: #FF0030;
}
#trending-news .slick-arrow {
    top: 0;
    transform: none;
    background-color: #18191B;
    width: 30px;
    height: 30px;
    line-height: 40px;
}
#trending-news .slick-prev {
    left: auto;
    right: 35px;
}
#trending-news .slick-arrow:hover,
#trending-news .slick-arrow:focus {
    background-color: #FF0030;
}
#trending-news .slick-arrow:before {
    font-size: 16px;
}
/*--------------------------------------------------------------
#  Featured Posts Section
--------------------------------------------------------------*/
#featured-posts .section-content {
    margin: 0 -5px;
}
#featured-posts article {
    padding: 0 5px;
    margin-bottom: 10px;
}
#featured-posts article:last-child {
    margin-bottom: 0;
}
.featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-color: #000;
}
.post-thumbnail-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* Ensure post-thumbnail-link only covers featured-image, not entry-content */
.featured-image {
    position: relative;
    z-index: 1;
}

.entry-container {
    position: relative;
    z-index: 2;
}
#featured-posts .featured-image {
    padding: 125px 0;
}
#featured-posts .entry-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 50px 25px 17px;
    background: linear-gradient(to top,rgba(0,0,0,0.9) 0,rgba(0,0,0,0) 100%);
}
#featured-posts .entry-meta {
    margin-bottom: 12px;
    display: block;
}
#featured-posts .entry-header {
    margin-bottom: 7px;
}
#featured-posts .entry-title {
    font-size: 18px;
    font-weight: 500;
}
#featured-posts article:first-child .entry-title {
    font-size: 24px;
}
#featured-posts .entry-title a {
    color: #fff;
}
#featured-posts .entry-title a:hover,
#featured-posts .entry-title a:focus {
    color: #FF0030;
}
#featured-posts .entry-meta.author-posted-on {
    margin-bottom: 0;
}
.entry-meta.author-posted-on > span:not(:last-child):after {
    content: "-";
    margin: 0 8px;
    visibility: visible;
}

/*--------------------------------------------------------------
#  Popular Posts Section
--------------------------------------------------------------*/
#popular-posts .section-content {
    margin: 0 -10px;
}
#popular-posts article {
    padding: 0 10px;
    margin-bottom: 20px;
}
#popular-posts article:first-child {
    margin-bottom: 30px;
}
#popular-posts article:last-child {
    margin-bottom: 0;
}
#popular-posts .featured-image {
    padding: 125px 0;
    margin-bottom: 20px;
}
#popular-posts .featured-image .entry-meta {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 20px 15px;
}
#popular-posts .entry-header {
    margin-bottom: 5px;
}
#popular-posts .entry-content {
    margin-top: 5px;
}
#popular-posts article:first-child .entry-title {
    font-size: 20px;
}
#popular-posts .entry-title a,
#popular-posts .author.vcard a:hover,
#popular-posts .author.vcard a:focus {
    color: #fff;
}
#popular-posts .entry-title a:hover,
#popular-posts .entry-title a:focus,
#popular-posts .author.vcard a {
    color: #FF0030;
}
#popular-posts article:not(:first-child) .featured-image .entry-meta,
#popular-posts article:not(:first-child) .entry-meta.author-posted-on .byline,
#popular-posts article:not(:first-child) .entry-content {
    display: none;
}
#popular-posts article:not(:first-child).has-post-thumbnail {
    display: table;
    width: 100%;
    position: relative;
}
#popular-posts article:not(:first-child).has-post-thumbnail .featured-image,
#popular-posts article:not(:first-child).has-post-thumbnail .entry-container {
    display: table-cell;
}
#popular-posts article:not(:first-child).has-post-thumbnail .featured-image {
    width: 120px;
    padding: 0;
}
#popular-posts article:not(:first-child).has-post-thumbnail .entry-container {
    padding: 10px 0 5px 15px;
}
#popular-posts .cat-links {
    display: block;
    margin-bottom: 12px;
}
/*--------------------------------------------------------------
#  Recent Posts Section
--------------------------------------------------------------*/
#recent-posts .section-content {
    margin: 0 -10px;
}
#recent-posts article {
    padding: 0 10px;
    margin-bottom: 20px;
}
#recent-posts article:last-child {
    margin-bottom: 0;
}
#recent-posts article:nth-child(-n+2) .recent-post-item {
    padding-bottom: 30px;
}
#recent-posts .recent-post-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    padding-bottom: 20px;
}
#recent-posts .featured-image {
    padding: 125px 0;
    margin-bottom: 20px;
}
#recent-posts .featured-image .entry-meta {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 20px 15px;
}
#recent-posts .entry-header {
    margin-bottom: 5px;
}
#recent-posts .entry-content {
    margin-top: 5px;
}
#recent-posts article:nth-child(-n+2) .entry-title {
    font-size: 20px;
}
#recent-posts .entry-title a,
#recent-posts .author.vcard a:hover,
#recent-posts .author.vcard a:focus {
    color: #fff;
}
#recent-posts .entry-title a:hover,
#recent-posts .entry-title a:focus,
#recent-posts .author.vcard a {
    color: #FF0030;
}
#recent-posts article:not(:nth-child(-n+2)) .featured-image .entry-meta,
#recent-posts article:not(:nth-child(-n+2)) .entry-meta.author-posted-on .byline,
#recent-posts article:not(:nth-child(-n+2)) .entry-content {
    display: none;
}
#recent-posts article:not(:nth-child(-n+2)).has-post-thumbnail {
    display: table;
    width: 100%;
    position: relative;
}
#recent-posts article:not(:nth-child(-n+2)).has-post-thumbnail .featured-image,
#recent-posts article:not(:nth-child(-n+2)).has-post-thumbnail .entry-container {
    display: table-cell;
}
#recent-posts article:not(:nth-child(-n+2)).has-post-thumbnail .featured-image {
    width: 120px;
    padding: 0;
}
#recent-posts article:not(:nth-child(-n+2)).has-post-thumbnail .entry-container {
    padding: 10px 0 5px 15px;
}
#recent-posts .cat-links {
    display: block;
    margin-bottom: 12px;
}
/*--------------------------------------------------------------
#  Latest Posts
--------------------------------------------------------------*/
.blog-posts-wrapper article {
    margin-bottom: 30px;
}
.blog-posts-wrapper article:last-child {
    margin-bottom: 0;
}
.blog-posts-wrapper .featured-image {
    padding: 125px 0;
    margin-bottom: 20px;
}
.blog-posts-wrapper .featured-image .entry-meta {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 20px 15px;
}
.blog-posts-wrapper .entry-header {
    margin-bottom: 5px;
}
.blog-posts-wrapper .entry-title {
    font-size: 22px;
}
.blog-posts-wrapper .entry-content {
    margin-top: 5px;
}
.blog-posts-wrapper .entry-title a,
.blog-posts-wrapper .author.vcard a:hover,
.blog-posts-wrapper .author.vcard a:focus {
    color: #fff;
}
.blog-posts-wrapper .entry-title a:hover,
.blog-posts-wrapper .entry-title a:focus,
.blog-posts-wrapper .author.vcard a {
    color: #FF0030;
}
.blog-posts-wrapper .cat-links {
    display: block;
    margin-bottom: 12px;
}
/*--------------------------------------------------------------
#  Most Viewed Posts Section
--------------------------------------------------------------*/
#most-viewed-posts .section-content {
    margin: 0 -10px;
}
#most-viewed-posts article {
    padding: 0 10px;
    margin-bottom: 20px;
}
#most-viewed-posts article:last-child {
    margin-bottom: 0;
}
#most-viewed-posts .featured-image {
    padding: 125px 0;
    margin-bottom: 20px;
}
#most-viewed-posts .featured-image .entry-meta {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 20px 15px;
}
#most-viewed-posts .entry-header {
    margin-top: 5px;
    margin-bottom: 5px;
}
#most-viewed-posts .entry-title {
    font-size: 16px;
}
#most-viewed-posts .entry-content {
    margin-top: 5px;
}
#most-viewed-posts .entry-title a,
#most-viewed-posts .author.vcard a:hover,
#most-viewed-posts .author.vcard a:focus {
    color: #fff;
}
#most-viewed-posts .entry-title a:hover,
#most-viewed-posts .entry-title a:focus,
#most-viewed-posts .author.vcard a {
    color: #FF0030;
}
#most-viewed-posts .cat-links {
    display: block;
    margin-bottom: 12px;
}
/*--------------------------------------------------------------
# Entry Meta
--------------------------------------------------------------*/
.posted-on a {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    opacity: 0.6;
}
.cat-links {
    visibility: hidden;
}
.cat-links a {
    visibility: visible;
    background-color: #FF0030;
    color: #fff;
    font-size: 13px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    padding: 5px 8px;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
}
.author.vcard a {
    color: #fff;
}
.author.vcard a:before {
    content: "\f007";
    font-family: "FontAwesome";
    margin-right: 10px;
}
.cat-links a:hover,
.cat-links a:focus {
    background-color: #000;
    color: #fff;
}
.posted-on a:hover,
.posted-on a:focus {
    opacity: 1;
    color: #fff;
}
.author.vcard a:hover,
.author.vcard a:focus {
    color: #FF0030;
}
.cat-links a:nth-child(1n) {
    background-color: #FF0030;
}
.cat-links a:nth-child(2n) {
    background-color: #875FC0;
}
.cat-links a:nth-child(3n) {
    background-color: #EDA922;
}
.cat-links a:nth-child(4n) {
    background-color: #46C4F4;
}
.cat-links a:nth-child(1n):hover,
.cat-links a:nth-child(1n):focus {
    background-color: #000;
}
/*--------------------------------------------------------------
#  Single Page/Posts
--------------------------------------------------------------*/
.single .entry-meta,
.single .entry-content {
    margin-bottom: 20px;
}
.single .entry-meta .cat-links {
    margin-right: 25px;
}
.single-featured-image {
    margin-bottom: 30px;
}
.single .entry-header .entry-title {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.3;
}
.comments-link a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
}
.comments-link a:before {
    content: "\f086";
    font-family: "FontAwesome";
    margin-right: 10px;
}
.comments-link a:hover,
.comments-link a:focus {
    color: #FF0030;
}
.byline {
    visibility: hidden;
}
.byline .author.vcard {
    visibility: visible;
    margin-left: -25px;
}
/*--------------------------------------------------------------
# Lite Version
--------------------------------------------------------------*/
.lite-version {
    background-color: #fff;
}

.lite-version #secondary li:before {
    background: #000;
}

.lite-version pre,
.lite-version .widget select,
.lite-version #secondary .widget li:nth-child(even),
.lite-version .wp-block-pullquote, 
.lite-version .wp-block-quote, 
.lite-version .wp-block-quote:not(.is-large):not(.is-style-large),
.lite-version .tags-links a,
.lite-version .widget_search form.search-form input[type="search"],
.lite-version input[type="text"], 
.lite-version input[type="email"], 
.lite-version input[type="url"], 
.lite-version input[type="password"], 
.lite-version input[type="search"], 
.lite-version input[type="number"], 
.lite-version input[type="tel"], 
.lite-version input[type="range"], 
.lite-version input[type="date"], 
.lite-version input[type="month"], 
.lite-version input[type="week"], 
.lite-version input[type="time"], 
.lite-version input[type="datetime"], 
.lite-version input[type="datetime-local"], 
.lite-version input[type="color"], 
.lite-version textarea,
.lite-version .navigation.post-navigation, 
.lite-version .navigation.posts-navigation,
.lite-version #secondary .widget_tag_cloud .tagcloud a {
    background: #eee;
}

.lite-version,
.lite-version p:not(.site-description) {
    color: #666;
}

.lite-version .widget .widget-title,
.lite-version .cat-links a:hover, 
.lite-version .cat-links a:focus,
.lite-version .tags-links a:hover,
.lite-version .tags-links a:focus,
.lite-version #featured-posts .author.vcard a,
.lite-version #featured-posts .posted-on a,
.lite-version .section-title,
.lite-version .reply a:hover,
.lite-version .reply a:focus,
.lite-version #top-bar input[type="search"] {
    color: #fff;
}

.lite-version #featured-posts .posted-on a {
    opacity: 0.6;
}

.lite-version #featured-posts .posted-on a:hover,
.lite-version #featured-posts .posted-on a:focus {
    opacity: 1;
}

.lite-version h1, 
.lite-version h2, 
.lite-version h3, 
.lite-version h4, 
.lite-version h5, 
.lite-version h6,
.lite-version b, 
.lite-version strong,
.lite-version a:hover,
.lite-version a:focus,
.lite-version figcaption,
.lite-version [class^=wp-block-]:not(.wp-block-gallery) figcaption,
.lite-version cite,
.lite-version .widget select,
.lite-version #secondary a,
.lite-version th,
.lite-version .blog-posts-wrapper .entry-title a, 
.lite-version .blog-posts-wrapper .author.vcard a:hover, 
.lite-version .blog-posts-wrapper .author.vcard a:focus,
.lite-version .posted-on a,
.lite-version .comments-link a,
.lite-version .tags-links a,
.lite-version .author.vcard a,
.lite-version .comments-title, 
.lite-version #reply-title,
.lite-version .logged-in-as a,
.lite-version .widget_search form.search-form input[type="search"],
.lite-version input[type="text"], 
.lite-version input[type="email"], 
.lite-version input[type="url"], 
.lite-version input[type="password"], 
.lite-version input[type="search"], 
.lite-version input[type="number"], 
.lite-version input[type="tel"], 
.lite-version input[type="range"], 
.lite-version input[type="date"], 
.lite-version input[type="month"], 
.lite-version input[type="week"], 
.lite-version input[type="time"], 
.lite-version input[type="datetime"], 
.lite-version input[type="datetime-local"], 
.lite-version input[type="color"], 
.lite-version textarea,
.lite-version .post-navigation a, 
.lite-version .posts-navigation a,
.lite-version #trending-news .entry-title a,
.lite-version #popular-posts .entry-title a, 
.lite-version #popular-posts .author.vcard a:hover, 
.lite-version #popular-posts .author.vcard a:focus,
.lite-version #recent-posts .entry-title a, 
.lite-version #recent-posts .author.vcard a:hover, 
.lite-version #recent-posts .author.vcard a:focus,
.lite-version #latest-posts .author.vcard a:hover,
.lite-version #latest-posts .author.vcard a:focus,
.lite-version #most-viewed-posts .author.vcard a:hover,
.lite-version #most-viewed-posts .author.vcard a:focus,
.lite-version #most-viewed-posts .entry-title a,
.lite-version .blog-posts-wrapper .author.vcard a:hover,
.lite-version .blog-posts-wrapper .author.vcard a:focus,
.lite-version .comment-meta .url, 
.lite-version .comment-meta .fn,
.lite-version .comment-metadata a, 
.lite-version .comment-metadata a time {
    color: #000;
}

.lite-version #recent-posts .recent-post-item,
.lite-version #comments article {
    border-bottom-color: rgba(0, 0, 0, 0.10);
}

.lite-version .tags-links a:hover,
.lite-version .tags-links a:focus,
.lite-version #secondary .widget_tag_cloud .tagcloud a:hover,
.lite-version #secondary .widget_tag_cloud .tagcloud a:focus {
    background-color: #FF0030;
}

.lite-version #secondary a:hover,
.lite-version #secondary a:focus,
.lite-version .site-title a:hover, 
.lite-version .site-title a:focus,
.lite-version .blog-posts-wrapper .entry-title a:hover,
.lite-version .blog-posts-wrapper .entry-title a:focus,
.lite-version .comments-link a:hover,
.lite-version .comments-link a:focus,
.lite-version .author.vcard a:hover,
.lite-version .author.vcard a:focus,
.lite-version .logged-in-as a:hover,
.lite-version .logged-in-as a:focus,
.lite-version .post-navigation a:hover,
.lite-version .post-navigation a:focus,
.lite-version .posts-navigation a:hover,
.lite-version .posts-navigation a:focus,
.lite-version #trending-news .entry-title a:hover,
.lite-version #trending-news .entry-title a:focus,
.lite-version #featured-posts .author.vcard a:hover,
.lite-version #featured-posts .author.vcard a:focus,
.lite-version #popular-posts .entry-title a:hover,
.lite-version #popular-posts .entry-title a:focus,
.lite-version #recent-posts .entry-title a:hover,
.lite-version #recent-posts .entry-title a:focus,
.lite-version #latest-posts .author.vcard a,
.lite-version #most-viewed-posts .entry-title a:hover,
.lite-version #most-viewed-posts .entry-title a:focus,
.lite-version .blog-posts-wrapper .author.vcard a {
    color: #FF0030;
}

/*--------------------------------------------------------------
#                   Footer
--------------------------------------------------------------*/
#colophon {
    color: rgba(255, 255, 255, 0.7);
    background-color: #18191B;
}
#content #colophon .wrapper {
    margin: 0;
}
#colophon a,
#colophon p,
#colophon li {
    color: rgba(255, 255, 255, 0.7);
}
#colophon li:before,
#secondary li:before {
    content: "";
    margin-right: 12px;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.50);
    vertical-align: middle;
}
#colophon a:hover,
#colophon a:focus,
#colophon li:hover:before,
#secondary li:hover:before {
    color: #FF0030;
}
.footer-widgets-area {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    padding: 50px 0;
}
.site-info {
    background-color: #18191B;
    padding: 18px 0;
    line-height: 1.5;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.site-info span {
    display: block;
    text-align: center;
    margin: 10px 0;
}
.site-info,
.site-info a {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
    font-size: 16px;
}
#colophon .site-info a {
    color: #FF0030;
}
#colophon .site-info a:hover,
#colophon .site-info a:focus {
    color: #fff;
}
.footer-widgets-area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-widgets-area .hentry {
    margin-bottom: 45px;
}
.footer-widgets-area.col-1 .hentry {
    text-align: center;
}
.footer-widgets-area.col-1 .hentry:last-child {
    margin-bottom: 0;
}
.footer-widgets-area.col-1 .textwidget img {
    margin-left: auto;
    margin-right: auto;
}
.widget_recent_entries ul li span {
    font-size: 12px;
    display: block;
}
.footer-widgets-area th {
    color: #fff;
}
#colophon #wp-calendar caption {
    font-weight: 600;
    color: #fff;
    text-align: left;
}
.widget_nav_menu ul ul {
    padding-left: 25px;
    margin-top: 15px;
}
#colophon .widget_recent_comments li a {
    color: #fff;
}
#colophon .widget_recent_comments li a:hover,
#colophon .widget_recent_comments li a:focus {
    color: #FF0030;
}
#colophon .widget_search form.search-form button.search-submit {
    background-color: #FF0030;
}
#colophon .wp-block-heading,
#secondary .wp-block-heading {
    font-size: 16px;
    margin: 0;
    color: #fff;
    font-weight: 500;
    display: block;
    text-transform: uppercase;
    background-color: #FF0030;
    line-height: 1;
    padding: 10px 15px;
    text-align: center;
}
#colophon .wp-block-search__input {
    border: 1px solid #444;
}
.backtotop {
    background-color: #FF0030;
    z-index: 300;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    text-align: center;
    position: fixed;
    bottom: -100px;
    right: 25px;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    color: #fff;
}
.backtotop:hover {
    background-color: #222;
}

/* Hide back to top button on contact us page */
body.page-template-page-contact-us .backtotop,
body.page-id-contact-us .backtotop,
body.page-slug-contact-us .backtotop,
.contact-page ~ .backtotop {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
/*--------------------------------------------------------------
#                   RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
    .footer-widgets-area.col-2 .hentry,
    .footer-widgets-area.col-4 .hentry {
        width: 50%;
        float: left;
    }
    .footer-widgets-area.col-2 .hentry:nth-child(2n+1),
    .footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
        clear: left;
    }
    .footer-widgets-area.col-2 .hentry:nth-child(odd),
    .footer-widgets-area.col-4 .hentry:nth-child(odd) {
        padding-right: 40px;
    }
    .footer-widgets-area.col-2 .hentry:nth-last-child(-n+2),
    .footer-widgets-area.col-4 .hentry:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 767px) {
    .wrapper {
        padding-left: 50px;
        padding-right: 50px;
    }
    .site-branding {
        width: 40%;
        float: left;
        text-align: left;
        padding: 18px 30px 18px 0;
    }
    #site-advertisement {
        width: 60%;
        float: right;
        text-align: right;
    }
    #trending-news .trending-news-header {
        margin-bottom: 0;
        float: left;
    }
    #trending-news .trending-news-title {
        margin-right: 15px;
    }
    #trending-news .trending-news-wrapper .entry-title {
        display: inline-block;
        vertical-align: middle;
    }
    #featured-posts article:first-child {
        width: 66.6666667%;
    }
    #featured-posts article {
        width: 33.3333333%;
        float: left;
    }
    #featured-posts article:first-child .featured-image {
        padding: 255px 0;
    }
    #popular-posts article:first-child {
        margin-bottom: 0;
    }
    #popular-posts article, 
    #popular-posts article:not(:first-child).has-post-thumbnail,
    #recent-posts article,
    #recent-posts article:not(:nth-child(-n+2)).has-post-thumbnail,
    #most-viewed-posts article {
        float: left;
    }
    #recent-posts article:nth-child(2n+1),
    #most-viewed-posts article:nth-child(2n+1) {
        clear: left;
    }
    #recent-posts article:nth-last-child(-n+2),
    #most-viewed-posts article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    .blog-posts-wrapper article.has-post-thumbnail {
        position: relative;
        display: table;
        width: 100%;
    }
    .blog-posts-wrapper article.has-post-thumbnail .featured-image {
        display: table-cell;
        position: absolute;
        top: 0;
        left: 0;
        width: 40%;
        height: 100%;
        padding: 0;
        margin: 0;
    }
    .blog-posts-wrapper article.has-post-thumbnail .entry-container {
        display: table-cell;
        width: 60%;
        float: right;
        padding: 50px 0 50px 40px;
    }
    .error-404.not-found .page-title {
        font-size: 62px;
    }
    .comment-navigation .nav-previous, 
    .posts-navigation .nav-previous, 
    .post-navigation .nav-previous {
        padding-right: 25px;
    }
    .comment-navigation .nav-next, 
    .posts-navigation .nav-next, 
    .post-navigation .nav-next {
        padding-left: 25px;
    }
    .footer-widgets-area.col-3 .hentry {
        width: 33.33%;
        float: left;
        margin-bottom: 0;
    }
    .footer-widgets-area.col-3 .hentry:not(:last-child) {
        padding-right: 40px;
    }
    .site-info.col-2 span {
        float: left;
        width: 50%;
        text-align: left;
    }
    .site-info.col-2 span:nth-child(2) {
        float: right;
        text-align: right;
    }
}
@media screen and (min-width: 992px) {
    .site-title {
        font-size: 42px;
    }
    nav.navigation.pagination {
        margin-top: 63px;
    }
    #most-viewed-posts article {
        width: 25%;
    }
    #most-viewed-posts article:nth-child(2n+1) {
        clear: none;
    }
    #most-viewed-posts article:nth-child(4n+1) {
        clear: left;
    }
    #most-viewed-posts article:nth-last-child(-n+4) {
        margin-bottom: 0;
    }
    .footer-widgets-area.col-4 .hentry {
        width: 25%;
        padding-right: 40px;
    }
    .footer-widgets-area.col-4 .hentry:last-child {
        padding-right: 0;
    }
    .footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
        clear: none;
    }
    .footer-widgets-area.col-4 .hentry:nth-child(4n+1) {
        clear: left;
    }
    .footer-widgets-area.col-4 .hentry:nth-last-child(-n+4) {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 1024px) {
    .main-navigation .wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .main-navigation ul.nav-menu {
        display: flex !important;
        align-items: center;
        flex: 1;
        justify-content: flex-start;
    }
    
    /* Menu Alignment Options */
    .main-navigation.menu-align-left ul.nav-menu {
        justify-content: flex-start;
    }
    .main-navigation.menu-align-center ul.nav-menu {
        justify-content: center;
    }
    .main-navigation.menu-align-right ul.nav-menu {
        justify-content: flex-end;
    }
    .main-navigation.menu-align-space-between ul.nav-menu {
        justify-content: space-between;
    }
    
    /* Submenu Display Options */
    .main-navigation.submenu-click ul li.menu-item-has-children > ul {
        display: none;
    }
    .main-navigation.submenu-click ul li.menu-item-has-children.active > ul {
        display: block !important;
    }
    .main-navigation.submenu-always ul li.menu-item-has-children > ul {
        display: block !important;
    }
    .main-navigation ul.nav-menu > li.rss-menu {
        margin-left: auto;
    }
    .main-navigation ul.nav-menu > li.rss-menu a {
        padding-left: 20px;
        padding-right: 0;
        font-size: 0;
    }
    .main-navigation ul.nav-menu > li.rss-menu a .fa {
        font-size: 18px;
    }
    .main-navigation ul.nav-menu > li.current-menu-item > a,
    .main-navigation ul.nav-menu > li.current_page_item > a {
        color: #FF0030;
    }
    .main-navigation .menu-item-has-children > a:after {
        content: "\f107";
        font-family: "FontAwesome";
        padding-left: 8px;
    }
    .main-navigation ul ul .menu-item-has-children > a:after {
        content: "\f104";
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    .main-navigation ul.nav-menu {
        display: block !important;
        height: auto !important;
    }
    .main-navigation ul ul {
        background-color: #121315;
        border: 1px solid rgba(255, 255, 255, 0.20);
    }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
        left: 0;
        right: auto;
        display: block !important;
    }
    .main-navigation ul ul li:hover > ul,
    .main-navigation ul ul li.focus > ul {
        left: 100%;
        right: auto;
    }
    .main-navigation ul ul li:hover > a {
        background-color: #FF0030;
        color: #fff;
    }
    .main-navigation ul.sub-menu > li:last-child > a {
        border-bottom: none;
    }
    .main-navigation ul ul li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    }
    .main-navigation ul ul > li:last-child {
        border-bottom: none;
    }
    .main-navigation ul ul ul {
        top: 0;
    }
    .main-navigation ul.nav-menu > li:hover > ul:before {
        content: "";
        border-style: solid;
        position: absolute;
    }
    .main-navigation ul.nav-menu > li:hover > ul:before {
        border-color: #121315 transparent;
        border-width: 0 11px 11px;
        left: 25px;
        top: -11px;
    }
    .menu-toggle {
        height: 80px;
        position: absolute;
        top: 50%;
        right: 35px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #search {
        position: absolute;
        z-index: 30;
        right: 0;
        top: 100%;
        display: none;
    }
    .main-navigation .search-active .icon-search {
        display: none;
    }
    .main-navigation .search-active .icon-close {
        display: inline-block;
    }
    #search:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #111;
        position: absolute;
        top: -9px;
        right: 5px;
    }
    button.dropdown-toggle {
        display: none;
    }
    .menu-toggle,
    .modern-menu ul.nav-menu {
        display: none;
    }
    .modern-menu .menu-toggle {
        display: block;
    }
    .modern-menu .menu-label {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
    .main-navigation li {
        display: inline-block;
    }
    .main-navigation .left-menu {
        padding-left: 50px;
    }
    .main-navigation ul.nav-menu > li.left-menu > a,
    .main-navigation ul.nav-menu > li.right-menu > a {
        padding-left: 5px;
        padding-right: 5px;
    }
    .main-navigation li.left-menu + li.right-menu:before {
        content: "/";
        position: absolute;
        top: 50%;
        margin-left: -6px;
        color: #fff;
        margin-top: -1px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .main-navigation form.search-form {
        border: 20px solid #111;
    }
    .main-navigation form.search-form input {
        background-color: #fff;
        border-color: #fff;
        color: #111;
    }
    .menu-sticky #masthead #site-navigation {
        position: relative;
        z-index: 10;
    }
    .menu-sticky #masthead.nav-shrink #site-navigation {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
    }
    .customize-support.menu-sticky #masthead.nav-shrink #site-navigation {
        top: 32px;
    }
    .right-sidebar #primary,
    .left-sidebar #primary,
    .right-sidebar #home-content,
    .left-sidebar #home-content {
        width: 70%;
        float: left;
        padding-right: 30px;
    }
    .right-sidebar #secondary,
    .left-sidebar #secondary {
        width: 30%;
        float: right;
    }
    .left-sidebar #primary,
    .left-sidebar #home-content { 
        float: right;
        padding-right: 0;
        padding-left: 30px;
    }
    .no-sidebar #primary {
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1200px) {
    #top-bar {
        padding: 5px 0;
    }
    #top-bar .hentry {
        width: 100%;
    }
    #top-bar .hentry + .hentry {
        margin-top: 0;
    }
    #top-bar.col-2 .hentry {
        float: left;
        text-align: left;
        padding: 6px 0;
        width: 50%;
    }
    #top-bar.col-2 .hentry + .hentry {
        float: right;
        text-align: right;
        padding: 0;
    }
    #top-bar .social-icons-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #top-bar .social-icons {
        width: 100%;
    }
    #top-bar .social-icons ul {
        margin-bottom: 0;
        margin-right: 5px;
    }
    /* #top-bar form.search-form {
        width: auto;
    } */
    #top-bar form.search-form input {
        width: auto;
        background-color: rgba(255, 255, 255, 0.10);
    }
}

@media screen and (max-width: 1200px) {
    .contact-button-wrapper  {
        display: flex !important;
        justify-content: center !important;
    }
}

@media screen and (min-width: 1900px) {
    .wrapper {
        padding-left: 70px;
        padding-right: 70px;
    }
}

@media screen and (max-width: 1023px) {
    .main-navigation ul.nav-menu > li.current-menu-item > a, 
    .main-navigation ul.nav-menu > li.current_page_item > a {
        background-color: transparent !important;
    }
    .main-navigation a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    }
    .main-navigation ul ul a {
        width: 100%;
    }
    .main-navigation ul ul,
    .main-navigation ul ul ul {
        box-shadow: none;
        float: none;
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 0;
        display: none;
    }
    .main-navigation ul.sub-menu li {
        padding-right: 0;
    }
    .main-navigation .menu-item-has-children > a:before {
        content: "";
        float: right;
        position: relative;
        right: 0;
        background-color: rgba(255, 255, 255, 0.20);
        width: 1px;
        height: 25px;
    }
    .main-navigation .menu-item-has-children > a:after {
        padding-top: 3px;
    }
    .main-navigation ul.nav-menu > li > a,
    .main-navigation ul.sub-menu li a {
        padding: 13px 42px 13px 25px;
    }
    .main-navigation ul.sub-menu li a {
        padding-left: 50px;
    }
    .main-navigation ul.sub-menu ul li a {
        padding-left: 75px;
    }
    .main-navigation ul.sub-menu ul ul li a {
        padding-left: 100px;
    }
    .main-navigation ul.sub-menu ul ul ul li a {
        padding-left: 125px;
    }
    .main-navigation ul.sub-menu li a {
        border-left: none;
    }
    .main-navigation ul.nav-menu {
        margin-right: 0;
        background-color: #121315;
        margin-top: 25px;
        border-top: 1px solid rgba(255, 255, 255, 0.20);
    }
    .main-navigation {
        position: static;
    }
    .main-navigation a {
        color: #111;
    }
    #masthead.site-header .main-navigation ul.nav-menu {
        margin-top: 0;
        position: absolute;
        max-width: 400px;
        top: 100%;
        left: auto;
        right: 0;
        width: 100%;
    }
    .main-navigation .search-menu a {
        display: none;
    }
    .main-navigation form.search-form input {
        background-color: #fff;
        border: none;
        min-height: 55px;
    }
    .main-navigation form.search-form button.search-submit {
        height: 59px;
    }
    .main-navigation form.search-form input {
        padding-left: 25px;
    }
    #page-site-header {
        padding: 250px 0;
    }

    .contact-button-wrapper {
        text-align: center;
    }
}

@media screen and (max-width: 992px) {
    #page-site-header {
        padding: 200px 0;
    }
    .comments-title, 
    #reply-title {
        font-size: 28px;
    }
}

@media screen and (max-width: 767px) {
    /* Center advertisement image on mobile */
    .site-details-wrapper .wrapper {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .site-branding {
        flex: 1;
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    
    #site-advertisement {
        flex: 1;
        max-width: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }
    
    #site-advertisement img {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
    
    /* Ensure dropdown toggle buttons are visible on mobile */
    button.dropdown-toggle {
        display: block !important;
    }
    
    #masthead.site-header .main-navigation ul.nav-menu {
        max-width: 100%;
    }
    #page-site-header .page-title {
        font-size: 32px;
    }
    .comment-navigation .nav-previous, 
    .posts-navigation .nav-previous, 
    .post-navigation .nav-previous,
    .comment-navigation .nav-next, 
    .posts-navigation .nav-next, 
    .post-navigation .nav-next {
        width: 100%;
        margin: 15px 0;
    }
    .post-navigation span.previous-article b, 
    .post-navigations span.previous-article b, 
    .post-navigation span.next-article b, 
    .post-navigations span.next-article b {
        font-size: 18px;
    }
    #respond {
        margin-top: 40px;
    }
    .comment-meta img {
        margin-right: 15px;
    }
    .comments-title, 
    #reply-title {
        margin-bottom: 0;
    }
    #commentform p.comment-form-comment,
    #commentform p.form-submit {
        margin-top: 21px;
    }
    nav.navigation.pagination,
    #secondary {
        margin-top: 30px;
    }
    .comments-title, 
    #reply-title {
        font-size: 26px;
    }
    #comments {
        margin-top: 40px;
    }
    .tags-links {
        margin-bottom: 25px;
    }

    .single .entry-header .entry-title {
        font-size: 32px ;
        font-weight: 600;
        margin-bottom: 20px;
        line-height: 1.3;
    }
}
@media screen and (max-width: 567px) {
    .site-logo img {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .pagination .page-numbers.prev, 
    .pagination .page-numbers.next {
        top: 0;
    }
    .pagination .prev.page-numbers:before, 
    .pagination .next.page-numbers:before {
        width: 35px;
        height: 10px;
    }
    .pagination .page-numbers.prev, 
    .pagination .page-numbers.next {
        margin-left: 0;
        margin-right: 0;
    }
    .trail-items li {
        font-size: 12px;
    }
    blockquote.alignright {
        margin-left: 0;
    }
    .comment-meta img {
        margin: 0 0 25px;
        float: none;
    }
    .comment-meta .url, 
    .comment-meta .fn {
        display: block;
    }
    .comment-content {
        padding-left: 0;
    }
    #comments ol.children {
        margin-left: 50px;
    }
    .reply {
        padding-left: 0;
    }
    .footer-widgets-area .hentry:last-child,
    .footer-widgets-area.col-3 .hentry:last-child {
        margin-bottom: 0;
        padding-right: 0;
    }
}

/* Contact Button in Header - next to search bar, search at end */
.contact-button-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
    flex-wrap: wrap;
}

.contact-button-wrapper .contact-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 2px 8px;
    background-color: #FF0030;
    color: #fff !important;
    text-decoration: none;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.contact-button-wrapper .contact-button:hover,
.contact-button-wrapper .contact-button:focus {
    background-color: #cc0026;
    color: #fff !important;
    transform: translateY(-1px);
}

.contact-button-wrapper .contact-button .fa {
    font-size: 14px;
}

.contact-button-wrapper .search-form {
    margin-left: 0;
    max-width: 400px;
}

/* Contact Form Styles - Match theme default */
.contact-page {
    padding: 40px 0;
}

.contact-form-wrapper {
    max-width: 600px;
}

.contact-message {
    padding: 15px 20px;
    margin-bottom: 30px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.6;
}

.contact-success {
    background-color: #28a745;
    color: #fff;
    border-left: 4px solid #1e7e34;
}

.contact-success p {
    margin: 0;
    color: #fff;
}

.contact-error {
    background-color: #dc3545;
    color: #fff;
    border-left: 4px solid #c82333;
}

.contact-error p {
    margin: 0;
    color: #fff;
}

.contact-form {
    margin-top: 0;
}

.form-group {
    margin-bottom: 20px; /* Match theme spacing */
}

.form-group:last-of-type {
    margin-bottom: 0;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.form-group .required {
    color: #FF0030;
}

/* Use theme default input/textarea styling */
.contact-form .form-control {
    width: 100%;
    padding: 12px; /* Theme default */
    background-color: #18191B; /* Theme default */
    border: none; /* Theme default */
    color: #fff; /* Theme default */
    font-size: 14px;
    border-radius: 0; /* Theme default */
    box-sizing: border-box;
    line-height: 1.5;
    font-family: inherit;
}

.contact-form .form-control:focus {
    outline: thin dotted;
    outline-offset: -2px;
}

.contact-form textarea.form-control {
    resize: vertical;
    min-height: 150px;
}

.contact-submit-btn {
    padding: 5px 20px; /* Theme default button padding */
    background-color: #FF0030;
    color: #fff;
    border: 1px solid #FF0030;
    font-size: 12px; /* Theme default */
    font-weight: 600;
    text-transform: uppercase; /* Theme default */
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    font-family: 'Montserrat', sans-serif;
    margin-top: 10px;
}

.contact-submit-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none;
}

.contact-submit-btn:disabled:hover {
    background-color: #FF0030;
    border-color: #FF0030;
}

.contact-submit-btn:hover,
.contact-submit-btn:focus {
    border-color: #000;
}

/* reCAPTCHA Styling */
.recaptcha-wrapper {
    margin: 20px 0;
}

.recaptcha-wrapper .g-recaptcha {
    display: inline-block;
}

.recaptcha-error {
    margin-top: 10px;
    font-size: 14px;
    color: #dc3545;
}

.contact-submit-btn:active {
    border-color: #000;
    background-color: #000;
    color: #fff;
    outline: thin dotted;
}

@media screen and (max-width: 767px) {
    .contact-form-wrapper {
        margin: 20px 15px;
    }

    .form-group {
        margin-bottom: 18px;
    }

    .contact-button-wrapper {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
}

/* Content Images - Small Block Style */
.content-image-wrapper {
    display: inline-block;
    max-width: 300px;
    margin: 15px auto;
    text-align: center;
}

.content-image-wrapper img.content-image-block {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease;
}

.content-image-wrapper img.content-image-block:hover {
    transform: scale(1.02);
}

.content-image-link {
    display: inline-block;
    text-decoration: none;
}

.content-image-link:hover {
    opacity: 0.9;
}

/* Ensure images in entry-content are properly styled */
.entry-content .content-image-wrapper {
    clear: both;
    margin: 20px 0;
}

.entry-content .content-image-wrapper img {
    width: auto;
    height: auto;
}

/* Single post pages: Images display in original size, no width constraints */
.single .entry-content .content-image-wrapper {
    max-width: none !important;
    width: auto;
    margin: 20px auto;
    text-align: center;
    display: block;
}

.single .entry-content .content-image-wrapper img {
    max-width: none !important;
    width: auto;
    height: auto;
}

.single .entry-content .content-image-wrapper img.content-image-block {
    width: auto;
    height: auto;
    display: block;
    margin: 15px auto;
}

/* For all images in single post content (not just content-image-wrapper) */
.single .entry-content img {
    width: auto;
    height: auto;
    display: block;
    margin: 15px auto;
}

/* Equal height for left section and sidebar on posts pages */
.blog-posts-wrapper .section-content {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

/* Ensure sidebar and main content have equal height */
.right-sidebar #primary,
.left-sidebar #primary {
    display: flex;
    flex-direction: column;
}

.right-sidebar .site-main,
.left-sidebar .site-main {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.right-sidebar #secondary,
.left-sidebar #secondary {
    display: flex;
    flex-direction: column;
}

/* Sidebar videos pagination styling */
.sidebar-video-pagination {
    margin-top: 20px;
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}


.sidebar-video-pagination .page-numbers {
    display: inline-block;
    padding: 0px 6px;
    margin: 0px 0px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    text-decoration: none;
    border-radius: 0px;
    transition: all 0.3s ease;
}

.sidebar-video-pagination .page-numbers:hover,
.sidebar-video-pagination .page-numbers:focus {
    color: #fff;
}

.sidebar-video-pagination .page-numbers.current {
    background-color: #FF0030;
    color: #fff;
}

.sidebar-video-pagination .page-numbers.dots {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.5);
}

.sidebar-videos-container {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.sidebar-videos-section-title {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-transform: uppercase;
}

.sidebar-videos-latest {
    margin-bottom: 30px;
}

.sidebar-videos-sair {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 2px solid rgba(255, 255, 255, 0.1);
}

/* Loader for Video Pagination */
.sidebar-video-loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(1, 1, 8, 0.9);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 100;
    border-radius: 4px;
}

.loader-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(255, 255, 255, 0.2);
    border-top-color: #FF0030;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin-bottom: 15px;
}

.loader-text {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.sidebar-video-list {
    position: relative;
}