.news-all-container {
    display: grid;
    cursor:pointer;
}
.news-all-container .vlt-post-footer{
    position:unset !important;
}
.news-all-media {
    position: relative !important;
    z-index: 1 !important;
    flex: 1;
    height: auto !important;
}
.news-all-media img {
    position: relative !important;
}
.news-all-content {
    opacity: 1 !important;
    flex: 2;
}
.news-all-container:hover .news-all-media img {
    opacity:1 !important;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.news-all-container:hover .news-all-media::before {
     background-color: transparent !important; 
}
.news-all-border .top,.news-all-border .right,.news-all-border .bottom,.news-all-border .left{
    transform:scale(1) !important;
    background-color: rgba(207, 0, 15, .4) !important;
}
.news-all-container:hover .news-all-border .top,.news-all-container:hover .news-all-border .right,.news-all-container:hover .news-all-border .bottom,.news-all-container:hover .news-all-border .left{
    background-color: rgba(255, 255, 255, .4) !important;
}
@media only screen and (min-width: 576px)
{
.news-all-container {
    display: grid;
}
}
@media only screen and (min-width: 768px)
{
.news-all-container {
    display: grid;
}
}
@media only screen and (min-width: 992px)
{
.news-all-container {
    display: flex;
}
}
@media only screen and (min-width: 1200px)
{
 .news-all-container {
    display: flex;
}
}
.vlt-read-all {
    position: absolute;
    left: 0;
    bottom: -2rem;
}
.vlt-read-all-link {
    font-size: .9375rem;
    font-weight: 500;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.vlt-read-all-link svg {
    height: 10px;
    margin-left: 0.625rem;
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
}
.news-all-container {
    display: grid;
    cursor:pointer;
}
.news-all-container .vlt-post-footer{
    position:unset !important;
}
.news-all-media {
    position: relative !important;
    z-index: 1 !important;
    flex: 1;
    height: auto !important;
}
.news-all-media img {
    position: relative !important;
}
.news-all-content {
    opacity: 1 !important;
    flex: 2;
}
.news-all-container:hover .news-all-media img {
    opacity:1 !important;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.news-all-container:hover .news-all-media::before {
     background-color: transparent !important; 
}
.news-all-border .top,.news-all-border .right,.news-all-border .bottom,.news-all-border .left{
    transform:scale(1) !important;
    background-color: rgba(207, 0, 15, .4) !important;
}
.news-all-container:hover .news-all-border .top,.news-all-container:hover .news-all-border .right,.news-all-container:hover .news-all-border .bottom,.news-all-container:hover .news-all-border .left{
    background-color: rgba(255, 255, 255, .4) !important;
}
@media only screen and (min-width: 576px)
{
.news-all-container {
    display: grid;
}
}
@media only screen and (min-width: 768px)
{
.news-all-container {
    display: grid;
}
}
@media only screen and (min-width: 992px)
{
.news-all-container {
    display: flex;
}
}
@media only screen and (min-width: 1200px)
{
 .news-all-container {
    display: flex;
}
}
.vlt-read-all {
    position: absolute;
    left: 0;
    bottom: -2rem;
}
.vlt-read-all-link {
    font-size: .9375rem;
    font-weight: 500;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.vlt-read-all-link svg {
    height: 10px;
    margin-left: 0.625rem;
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
}
.vlt-read-all-link:hover svg {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}


/* Fix Navbar Responsiveness for 9 items - Aggressive */
@media only screen and (min-width: 1200px) {
    .vlt-default-menu__navigation .sf-menu {
        white-space: nowrap !important;
        display: inline-flex !important;
        flex-wrap: nowrap !important;
    }
    .vlt-default-menu__navigation .sf-menu > li + li {
        margin-left: 0.8rem !important; /* Extremely reduced gap */
    }
    .vlt-default-menu__navigation .sf-menu > li > a {
        font-size: 0.8125rem !important; /* Smaller text */
        letter-spacing: 0 !important; /* Saved space */
    }
    .vlt-navbar .vlt-navbar-inner {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

/* laptop density */
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .vlt-default-menu__navigation .sf-menu > li + li {
        margin-left: 0.5rem !important;
    }
    .vlt-default-menu__navigation .sf-menu > li > a {
        font-size: 0.75rem !important;
    }
}

/* ================================================
   THEME TOGGLE BUTTON
   ================================================ */
/* ================================================
   THEME TOGGLE BUTTON
   ================================================ */
#theme-toggle-btn {
    display: none !important;
    position: fixed !important;
    z-index: 999999 !important;
    bottom: 25px !important;
    right: 25px !important;
    width: 44px !important;
    height: 44px !important;
    border: none !important;
    border-radius: 50% !important;
    background-color: #cf000f !important; /* Signature Red */
    color: #ffffff !important;
    cursor: pointer !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
    transition: transform 0.2s ease, background-color 0.2s ease !important;
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: normal !important;
}
#theme-toggle-btn:hover {
    transform: scale(1.1) !important;
    background-color: #e60011 !important;
}
#theme-toggle-btn svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    pointer-events: none !important;
    stroke: currentColor !important;
    fill: none !important;
}
#theme-toggle-btn:active {
    transform: scale(0.9) !important;
}

/* White mode button state */
body.white-mode #theme-toggle-btn {
    background-color: #1a1a1a !important;
}

/* ================================================
   WHITE / LIGHT MODE — FULL SITE
   Applied when body has .white-mode class
   ================================================ */

/* Smooth transition for mode change */
body {
    transition: background-color 0.4s ease, color 0.4s ease;
}

/* --- Base --- */
body.white-mode {
    background-color: #f5f5f5 !important;
    color: #333 !important;
}

/* --- Navbar --- */
body.white-mode .vlt-navbar .vlt-navbar-background {
    background-color: #ffffff !important;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08) !important;
}
body.white-mode .vlt-navbar.vlt-navbar--solid .vlt-navbar-background {
    background-color: #ffffff !important;
}
body.white-mode .vlt-navbar.vlt-navbar--transparent .vlt-navbar-background {
    background-color: #ffffff !important;
    height: 100% !important;
}
body.white-mode .vlt-default-menu__navigation .sf-menu > li > a {
    color: #1a1a1a !important;
}
body.white-mode .vlt-default-menu__navigation .sf-menu > li.active > a,
body.white-mode .vlt-default-menu__navigation .sf-menu > li:hover > a {
    color: #cf000f !important;
}
body.white-mode .vlt-navbar-logo img {
    filter: invert(1);
}
body.white-mode .vlt-menu-burger {
    color: #1a1a1a !important;
}
body.white-mode .vlt-menu-burger:hover {
    color: #cf000f !important;
}

/* --- Headings & Text --- */
body.white-mode h1,
body.white-mode h2,
body.white-mode h3,
body.white-mode h4,
body.white-mode h5,
body.white-mode h6,
body.white-mode .h1,
body.white-mode .h2,
body.white-mode .h3,
body.white-mode .h4,
body.white-mode .h5,
body.white-mode .h6 {
    color: #1a1a1a !important;
}
body.white-mode p {
    color: #555 !important;
}
body.white-mode a {
    color: #1a1a1a;
}
body.white-mode a:hover {
    color: #cf000f;
}

/* --- Sections & Backgrounds --- */
body.white-mode .vlt-fullpage-slider .vlt-section {
    background-color: #f5f5f5 !important;
}
body.white-mode .vlt-main {
    background-color: #f5f5f5 !important;
}

/* --- Post Cards --- */
body.white-mode .vlt-post--masonry .vlt-post-content {
    background-color: rgba(245, 245, 245, 0.95) !important;
}
body.white-mode .vlt-post--masonry .vlt-post-header .vlt-post-date {
    color: #888 !important;
}
body.white-mode .vlt-post--masonry .vlt-post-excerpt {
    color: #666 !important;
}
body.white-mode .vlt-post--masonry:hover .vlt-post-media::before {
    background-color: rgba(245, 245, 245, 0.85) !important;
}
body.white-mode .vlt-post--masonry .vlt-read-more-link:not(:hover) {
    color: #1a1a1a !important;
}
body.white-mode .vlt-post-border span {
    background-color: rgba(0, 0, 0, 0.15) !important;
}

/* --- News All Container --- */
body.white-mode .news-all-border .top,
body.white-mode .news-all-border .right,
body.white-mode .news-all-border .bottom,
body.white-mode .news-all-border .left {
    background-color: rgba(207, 0, 15, 0.2) !important;
}

/* --- Hero Title --- */
body.white-mode .vlt-post-hero-title {
    background-color: #e8e8e8 !important;
}
body.white-mode .vlt-post-hero-title .vlt-post-date {
    color: #666 !important;
}

/* --- Footer --- */
body.white-mode .vlt-footer {
    color: #333 !important;
}
body.white-mode .vlt-footer-copyright {
    color: #666 !important;
}

/* --- Offcanvas Menu (stays dark) --- */
/* The offcanvas menu remains dark for contrast */

/* --- Fixed Socials --- */
body.white-mode .vlt-fixed-socials {
    color: #333 !important;
}
body.white-mode .vlt-fixed-socials::before,
body.white-mode .vlt-fixed-socials::after {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

/* --- Scrollbar --- */
body.white-mode::-webkit-scrollbar-track {
    background-color: #e0e0e0 !important;
}

/* --- Experience Block --- */
body.white-mode .vlt-experience-block {
    border-color: rgba(0, 0, 0, 0.15) !important;
}
body.white-mode .vlt-experience-block__title::before {
    background-color: #1a1a1a !important;
}

/* --- Forms --- */
body.white-mode input[type='text'],
body.white-mode input[type='email'],
body.white-mode input[type='tel'],
body.white-mode textarea {
    color: #1a1a1a !important;
    border-bottom-color: rgba(0, 0, 0, 0.2) !important;
}

/* --- Comments --- */
body.white-mode .vlt-page-comments {
    background-color: #eee !important;
}
body.white-mode .vlt-comment-item__inner .vlt-comment-text {
    color: #555 !important;
}
body.white-mode .vlt-comment-item__inner .vlt-comment-metas {
    color: #888 !important;
}
body.white-mode .vlt-comment-item__inner .vlt-comment-reply {
    color: #1a1a1a !important;
    box-shadow: inset 0 0 0 1px #1a1a1a !important;
}

/* --- Progress Bar --- */
body.white-mode .vlt-progress-bar__bar {
    background-color: #ddd !important;
}

/* --- Pullquote --- */
body.white-mode .vlt-pullquote {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15) !important;
}
body.white-mode .vlt-pullquote__text {
    color: #1a1a1a !important;
}
body.white-mode .vlt-pullquote__meta p {
    color: #888 !important;
}

/* --- Timeline --- */
body.white-mode .vlt-timeline-item + .vlt-timeline-item {
    border-top-color: rgba(0, 0, 0, 0.1) !important;
}
body.white-mode .vlt-timeline-item__date {
    color: #888 !important;
}
body.white-mode .vlt-timeline-item__text {
    color: #555 !important;
}

/* --- Toggle button adapts to white mode --- */
body.white-mode #theme-toggle-btn {
    background: rgba(26, 26, 26, 0.85);
    color: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
body.white-mode #theme-toggle-btn:hover {
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.3);
}

/* --- Preloader --- */
body.white-mode .animsition-loading-2 {
    background-color: #f5f5f5 !important;
}

/* --- Language Switcher --- */
body.white-mode .vlt-language-switcher a {
    color: #333 !important;
}
body.white-mode .vlt-language-switcher a.is-active {
    color: #cf000f !important;
}

/* --- Post Tags & Share --- */
body.white-mode .vlt-post-tags h5,
body.white-mode .vlt-post-share h5 {
    color: #888 !important;
}
body.white-mode .vlt-post-tags a {
    color: #1a1a1a !important;
}

/* --- Blog Hierarchy & Typography Refinements --- */
.vlt-post-title {
    font-size: 2.5rem !important; /* Standardized from potentially very large values */
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 0.5rem !important;
}

@media only screen and (max-width: 768px) {
    .vlt-post-title {
        font-size: 1.875rem !important;
    }
}

.vlt-post-author {
    font-size: 1rem !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgba(255, 255, 255, 0.7) !important;
}

body.white-mode .vlt-post-author {
    color: rgba(0, 0, 0, 0.6) !important;
}