/* =========================================================
   ADM CUSTOM CSS — POST THEME-LAYOUT MIGRATION
   2026-09-24

   Theme Layout-owned geometry, spacing, responsive page layout,
   homepage grids, archive/search cards, related-post layout, and
   single-post layout rules have been moved into ADM Theme Layout
   v1.1.34 and removed from this Custom CSS copy.

   Remaining rules are intentionally outside Theme Layout ownership
   or belong to other dedicated ADM feature plugins and are retained
   here until migrated to their respective owners.
========================================================= */

/* =========================================================
   TOP HOMEPAGE POST COLUMN — DIVIDER SPACING
   Elementor widget: d018ee6
========================================================= */



/* Final post requires no divider spacing */


/* =========================================================
   ADM ARCHIVE — SEARCH RESULT STYLE
   TABLET / LARGE TABLET / TV VIEW
   768px–1366px
========================================================= */



/* =========================================================
   ARCHIVE TITLE COLOR — LIGHT / DARK MODE
========================================================= */


    /* =====================================================
       DARK MODE
    ===================================================== */

    

/* =====================================================
   ARCHIVE — IMAGE LEFT INSET
===================================================== */



/* =====================================================
   ARCHIVE — CATEGORY
===================================================== */



/* =========================================================
   ADM ARCHIVE — TABLET / TV / WIDE DISPLAY
   Search-results style from 768px upward
========================================================= */



/* =========================================================
   ADM ARCHIVE AUTO-SCROLL STABILITY
========================================================= */


/*
 * Prevent WOW from fighting the automatic viewport movement.
 * Items remain visible normally instead of being moved into
 * position while the page itself is moving.
 */


/* =========================================
   LAYER 5 — UNIFIED WIDTH SYSTEM
========================================= */



/* =========================================
   LAYER 6 — ARCHIVE / CATEGORY BANNER ALIGNMENT
   Appearance/layout only; sticky attachment is HMC Module 80.
========================================= */


/* ----------------------------------------------------------
   UNIVERSAL THUMB BOX
---------------------------------------------------------- */


/* =========================================
   NO IMAGE POSTS = FULL WIDTH CONTENT
========================================= */

/* Remove empty image column */


/* Expand content area */


/* Collapse flex layout */


/* ----------------------------------------------------------
   IMPORTANT: DO NOT TOUCH BACK-TO-TOP
---------------------------------------------------------- */

/* Ensure it's visible above floating button */


/* ----------------------------------------------------------
   RELATED POSTS — SPACING + UNIFIED CARD HEIGHT
---------------------------------------------------------- */


/* ----------------------------------------------------------
   RELATED TITLE → CARDS GAP
---------------------------------------------------------- */



/*
 * This directly creates the space between the
 * Related Posts heading and the cards.
 */


/* ----------------------------------------------------------
   GRID — EQUAL ROW HEIGHTS
---------------------------------------------------------- */



/* ----------------------------------------------------------
   CARD — FULL EQUAL HEIGHT
---------------------------------------------------------- */



/* Remove theme spacing around the image */


/* ----------------------------------------------------------
   CONTENT — STRETCH TO COMPLETE CARD HEIGHT
---------------------------------------------------------- */



/* ----------------------------------------------------------
   TITLE — ALWAYS RESERVE TWO LINES
---------------------------------------------------------- */


/* ----------------------------------------------------------
   EXCERPT — ALWAYS RESERVE EIGHT LINES
---------------------------------------------------------- */



/* ----------------------------------------------------------
   DATE — ALWAYS ALIGNED AT CARD BOTTOM
---------------------------------------------------------- */



/* ----------------------------------------------------------
   DARK MODE
---------------------------------------------------------- */


/* ----------------------------------------------------------
   RESPONSIVE
---------------------------------------------------------- */


/* ----------------------------------------------------------
   RELATED POSTS — EXCERPT FADE
---------------------------------------------------------- */


/* Soft fade at the bottom of the fixed-height excerpt */


/* Dark mode */


/* =========================================
   SINGLE POST HEADER MOBILE CLEANUP
========================================= */
@media (max-width: 768px) {

    /* =========================
       HARD RESET HEADER FLOW
    ========================= */

    

    .single .main-wrap,
    .single .adm-share-scope {
        margin: 0 !important;
        padding: 0 !important;
    }


    /* =========================
       TITLE BECOMES IMAGE ATTACHED
    ========================= */

    

    /* =========================
       META BELOW TITLE
    ========================= */

    

}



/* =========================================
   MOBILE READING EXPERIENCE
   HEADER + META + TYPOGRAPHY
========================================= */

@media (max-width: 768px) {

    /* ------------------------------
       TYPOGRAPHY (POST CONTENT)
    ------------------------------ */


    /* ------------------------------
       POST TITLE
    ------------------------------ */


    /* ------------------------------
       POST META
       Date + Reading Time
    ------------------------------ */


    /* ------------------------------
       FEATURED IMAGE
    ------------------------------ */

    .single .entry-thumbnail-area {
        margin-top: 0 !important;
    }


    /* ------------------------------
       CONTAINER SPACING
    ------------------------------ */

    
}

/* =====================================================
   SINGLE POST BODY — JUSTIFIED TEXT
===================================================== */



/* =====================================================
   SINGLE POST BODY — JUSTIFIED TEXT
===================================================== */


/* =========================================
   ARCHIVE / SEARCH BANNER — APPEARANCE
   Sticky attachment is HMC Module 80; visual design remains here.
========================================= */


/* =========================================================
   PRELOADER — FIX DARK MODE FLASH
========================================================= */

/* Default */
#preloader,
.preloader,
.site-preloader,
#loader-wrapper {
    background: #fff;
}

/* Respect system dark mode immediately */
@media (prefers-color-scheme: dark) {
    #preloader,
    .preloader,
    .site-preloader,
    #loader-wrapper {
        background: #0b0b0b !important;
    }
}

/* Theme dark mode override */
[data-theme="dark-mode"] #preloader,
[data-theme="dark-mode"] .preloader,
[data-theme="dark-mode"] .site-preloader,
[data-theme="dark-mode"] #loader-wrapper {
    background: #0b0b0b !important;
}


/* =========================================
   REMOVE LOGO CROPPING IN JETPACK OVERLAY
========================================= */

.jetpack-subscribe-overlay .wp-block-site-logo,
.jetpack-subscribe-overlay .wp-block-site-logo img {
    border-radius: 0 !important;
    overflow: visible !important;
    clip-path: none !important;
}


/* =========================================
   SWAP: RELATED POSTS + SUBSCRIPTION
   CHROME 87 / WEBOS COMPATIBLE
========================================= */

/* Scope flex ordering to single posts only */


/* Related posts */


/* Subscription group */


/* Jetpack subscribe button */
.single-post .wp-block-jetpack-subscriptions
button.wp-block-button__link {
    color: #fff !important;
    background: #e64946 !important;
    border-color: #000 !important;
}

/* Hover state */
.single-post .wp-block-jetpack-subscriptions
button.wp-block-button__link:hover {
    background: #c93a37 !important;
    border-color: #c93a37 !important;
}


/* MOBILE ONLY — CENTER THAT FOOTER COLUMN */

@media (max-width: 768px) {

    /* center all footer columns */
    .footer-content-area .col-xl-3,
    .footer-content-area .col-md-6 {
        text-align: center !important;
    }

    /* center social icons list */
    .footer-social {
        justify-content: center !important;
        display: flex !important;
        padding-left: 0 !important;
    }

    /* center widget titles */
    .footer-content-area .widgettitle {
        text-align: center !important;
    }

    /* center category items content */
    

    /* remove left alignment forcing in theme */
    .footer-content-area .widget {
        text-align: center !important;
    }
}

/* ADM thumbnail slider gap fix */
.single .entry-thumbnail-area.adm-entry-thumbnail-carousel {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

/* Let the slider control image layout, not the old featured-image rule */
.single .entry-thumbnail-area.adm-entry-thumbnail-carousel img {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;

    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;

    display: block !important;
    object-fit: contain !important;
}

/* Remove first paragraph top gap */


/* =========================================================
   SINGLE POST — MOBILE READABILITY
   Disable justified body text on mobile
========================================================= */



/* =========================================================
   SINGLE POST — HIDE ARTICLE TITLE IN BREADCRUMBS ONLY
   All viewport sizes; the breadcrumb container and post banner
   retain their original theme visibility and layout settings.
========================================================= */


/* ==========================================================
   WEBPUSHR — LIGHT / DARK MODE + BELL VISIBILITY
   LG WEBOS / CHROME 87 COMPATIBLE
========================================================== */

[class*="webpushr"] {
    overflow: visible !important;
}

/* Keep the floating bell available */
.webpushr-bell,
.webpushr-bell-container,
#webpushr-bell-optin {
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 999999 !important;
}

/* Only force fixed positioning on bell wrappers */
.webpushr-bell,
.webpushr-bell-container {
    display: block !important;
    position: fixed !important;
}

/* ----------------------------------------------------------
   DEFAULT / LIGHT MODE
---------------------------------------------------------- */

#webpushr-bell-optin {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
}

/* ----------------------------------------------------------
   DARK MODE — NO :has() OR :is()
---------------------------------------------------------- */

[data-theme="dark-mode"] #webpushr-bell-optin {
    background: #111111 !important;
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
}

/* Dark prompt */
[data-theme="dark-mode"] #webpushr-prompt-wrapper,
[data-theme="dark-mode"] .webpushr-prompt-wrapper,
[data-theme="dark-mode"] .webpushr-prompt-box {
    color: #ffffff !important;
    background: #161616 !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35) !important;
}

/* Prevent transparency inside the prompt */
[data-theme="dark-mode"] #webpushr-prompt-wrapper *,
[data-theme="dark-mode"] .webpushr-prompt-wrapper *,
[data-theme="dark-mode"] .webpushr-prompt-box * {
    color: #ffffff !important;
    background-color: #0d0d0d !important;
}

/* Keep notification text readable */
[data-theme="dark-mode"]
[class*="webpushr"] .webpushr-notification-item,
[data-theme="dark-mode"]
[class*="webpushr"] .webpushr-notification-item * {
    color: #ffffff !important;
}

/* ----------------------------------------------------------
   LOADING OVERLAY
---------------------------------------------------------- */

[class*="webpushr"] .loading,
[class*="webpushr"] .spinner,
[class*="webpushr"] [class*="loader"] {
    opacity: 0.6 !important;
    mix-blend-mode: normal !important;
}



.adm-home-archive-subscribe,
.adm-home-archive-subscribe .wp-block-group__inner-container,
.adm-home-archive-subscribe .wp-block-group,
.adm-home-archive-subscribe .wp-block-jetpack-subscriptions {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.adm-home-archive-subscribe .wp-block-jetpack-subscriptions__container,
.adm-home-archive-subscribe .wp-block-jetpack-subscriptions__form-elements {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.adm-home-archive-subscribe #subscribe-blog {
    width: 100%;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.adm-home-archive-subscribe #subscribe-email,
.adm-home-archive-subscribe #subscribe-submit {
    margin-top: 0;
    margin-bottom: 0;
}



@media (max-width: 600px) {
    .adm-home-archive-subscribe
    .wp-block-jetpack-subscriptions__form-elements {
        flex-direction: column;
        gap: 10px;
    }

    .adm-home-archive-subscribe #subscribe-email,
    .adm-home-archive-subscribe #subscribe-submit {
        width: 100%;
    }

    .adm-home-archive-subscribe #subscribe-field,
    .adm-home-archive-subscribe button[type="submit"] {
        width: 100%;
        margin-left: 0 !important;
    }
	
}



/* Jetpack subscription form outline */
.adm-home-archive-subscribe #subscribe-blog {
    width: 100%;
    max-width: 700px;
    margin: 22px auto 0;
    padding: 12px;
    background: transparent !important;
    border: 1px solid #222;
    border-radius: 10px;
    box-shadow: none;
}

.adm-home-archive-subscribe
.wp-block-jetpack-subscriptions__form-elements {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 10px;
}

/* Light mode */
.adm-home-archive-subscribe #subscribe-field {
    height: 52px;
    margin: 0 !important;
    color: #111;
    background: #fff;
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
}

.adm-home-archive-subscribe #subscribe-field::placeholder {
    color: #777;
}



/* Dark mode: light outline */
body.dark-mode .adm-home-archive-subscribe #subscribe-blog,
body.color-mode-dark .adm-home-archive-subscribe #subscribe-blog,
html[data-theme="dark"] .adm-home-archive-subscribe #subscribe-blog {
    background: transparent !important;
    border-color: #f2f2f2;
}

body.dark-mode .adm-home-archive-subscribe #subscribe-field,
body.color-mode-dark .adm-home-archive-subscribe #subscribe-field,
html[data-theme="dark"] .adm-home-archive-subscribe #subscribe-field {
    color: #fff;
    background: #171717;
    border-color: #666 !important;
}

body.dark-mode .adm-home-archive-subscribe #subscribe-field::placeholder,
body.color-mode-dark .adm-home-archive-subscribe #subscribe-field::placeholder,
html[data-theme="dark"] .adm-home-archive-subscribe #subscribe-field::placeholder {
    color: #aaa;
}



@media (max-width: 600px) {
    .adm-home-archive-subscribe #subscribe-blog {
        padding: 10px;
    }

    .adm-home-archive-subscribe
    .wp-block-jetpack-subscriptions__form-elements {
        flex-direction: column;
    }

    .adm-home-archive-subscribe #subscribe-email,
    .adm-home-archive-subscribe #subscribe-submit,
    .adm-home-archive-subscribe #subscribe-field,
    .adm-home-archive-subscribe button[type="submit"] {
        width: 100%;
    }
}

/* =========================================================
   ADM FOOTER MENU — INSIDE FOOTER
========================================================= */

.adm-footer-menu-area {
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent !important;
}

.adm-footer-navigation {
    width: 100%;
    padding: 18px 20px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    box-sizing: border-box;
}

.adm-footer-menu {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px 24px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.adm-footer-menu li {
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
}

.adm-footer-menu li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -13px;
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-50%);
}

.adm-footer-menu a {
    display: inline-block;
    color: #eeeeee !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none !important;
}

.adm-footer-menu a:hover,
.adm-footer-menu .current-menu-item > a {
    color: #e64946 !important;
}

@media (max-width: 600px) {
    .adm-footer-navigation {
        padding: 16px 15px;
    }

    .adm-footer-menu {
        gap: 10px 18px;
    }

    .adm-footer-menu li:not(:last-child)::after {
        right: -10px;
    }

    .adm-footer-menu a {
        font-size: 13px;
    }
}

/* =========================================================
   POLITICS + BUSINESS G-2 GRIDS — FULL UNIFICATION
========================================================= */



/* Neutralise Bootstrap column sizing */


/* Equal card boxes */


/* Equal image boxes */


/* Equal content area */


/* Date stays at card bottom */


/* Two columns on tablets */


/* One column on phones */


/* =========================================================
   SOCIAL + CULTURE + TOURISM G-2 GRIDS — FULL UNIFICATION
========================================================= */



/* Neutralise Bootstrap column sizing */


/* Equal card boxes */


/* Equal image boxes */


/* Equal content area */


/* Date stays at card bottom */


/* Two columns on tablets */


/* One column on phones */


/* =========================================================
   SPORT G-3 GRIDS — FULL UNIFICATION
========================================================= */



/* Neutralise Bootstrap column sizing */


/* Equal card boxes */


/* Equal image boxes */


/* Equal content area */


/* Date stays at card bottom */


/* Two columns on tablets */


/* One column on phones */


/* =========================================================
   TECHNOLOGY + HEALTHCARE — UNIFIED G-2 GRIDS
   Section: 4073b8c
========================================================= */

/* Three equal columns and equal row heights */


/* Neutralise Bootstrap column dimensions */


/* Equal card boxes */


/* Fixed 160:117 image boxes */


/* Make image link fill its box */


/* Standardise every image */


/* Equal text areas */


/* Keep dates at the bottom */


/* Tablet: two columns */


/* Mobile: one column */


/* =========================================================
   SHARED VALUES
========================================================= */



/* =========================================================
   ALL G-2 + G-3 — THREE RESERVED TITLE LINES
========================================================= */


/* =========================================================
   THREE ADDITIONAL G-2 GRIDS — UNIFIED BOXES
   Widgets: 996204f, f3fb68c, 1228970
========================================================= */


/* ---------------------------------------------------------
   GRID STRUCTURE
--------------------------------------------------------- */


/* ---------------------------------------------------------
   NEUTRALISE BOOTSTRAP COLUMNS
--------------------------------------------------------- */


/* ---------------------------------------------------------
   EQUAL HORIZONTAL CARDS
--------------------------------------------------------- */


/* ---------------------------------------------------------
   FIXED 160 × 117 IMAGE BOXES
--------------------------------------------------------- */


/* ---------------------------------------------------------
   EQUAL TEXT AREAS
--------------------------------------------------------- */


/* Keep horizontal cards vertically aligned */



/* Keep dates at the bottom */



/* =========================================================
   GRID-ONE LOAD-MORE CARDS — CENTRE DATE ONLY HERE
========================================================= */


/* =========================================================
   CENTRE LOAD-MORE LIST
   Widget: 5706b01
========================================================= */


/* ---------------------------------------------------------
   TITLE TYPOGRAPHY
--------------------------------------------------------- */


/* =========================================================
   RESPONSIVE G-2 GRIDS
========================================================= */


/* Tablet */



/* Mobile */



/* =========================================================
   FINAL LG WEBOS / CHROMIUM 87 COMPATIBILITY LAYER
   Keep this section at the end of the stylesheet.
========================================================= */



/* ---------------------------------------------------------
   RELATED POSTS — 3:2 IMAGE FALLBACK
--------------------------------------------------------- */


/* ---------------------------------------------------------
   LOAD-MORE IMAGES — GENERAL 3:2 FALLBACK
--------------------------------------------------------- */


/* ---------------------------------------------------------
   CENTRE LIST — FIXED THUMBNAIL WITHOUT AFFECTING CARD HEIGHT
   Widget: 5706b01
--------------------------------------------------------- */


/* Dark mode — retain the shared image-box background only. */



/* ---------------------------------------------------------
   TWO THREE-COLUMN SECTIONS — EQUAL HEIGHTS
   Sections: 5cadec8 and 9764bdb
--------------------------------------------------------- */


/* ---------------------------------------------------------
   OFFCANVAS — AVOID LOGICAL INSET DEPENDENCY
--------------------------------------------------------- */


/* =========================================================
   SUBMIT BUTTON — CHANGE ANIMATED HIGHLIGHT TO ADM RED
========================================================= */

/* Override the theme's animated blue layer */


/* Keep text white while the animated layer is active */


/* Spinner remains white */


/* =========================================================
   FORM FIELDS — LIGHT MODE
   Visible light grey with black border
========================================================= */


/* Light-mode placeholders */



/* Light-mode focus */


/* =========================================================
   DARK MODE — DARK GREY FIELDS WITH WHITE BORDERS
========================================================= */



/* Dark-mode placeholders */


/* Dark-mode focus */


/* =========================================================
   DESKTOP — UNIFIED COLUMNS IN SECTIONS 1 + 2
   Section 1: 5cadec8
   Section 2: 9764bdb

   Flexbox is used only for equal-height column structure.
   Hero 560b875 and lower posts a189e73 retain natural layout.
   LG webOS / Chromium 87 compatible.
========================================================= */



/* =========================================================
   SECTION 9764BDB — COMPLETE DESKTOP HEIGHT UNIFICATION
   Left: Trendy News
   Centre: Featured Post + News List
   Right: Categories + Latest Events
   LG webOS / Chromium 87 compatible
========================================================= */



/* ---------------------------------------------------------
   ECONOMY TICKER — DESKTOP STACK SAFETY
--------------------------------------------------------- */



/* =========================================================
   ADM HOMEPAGE SUBSCRIPTION — FINAL CONSOLIDATED STYLES
   PHP wrapper: .adm-home-subscribe
========================================================= */


/* =========================================================
   TOP SEPARATOR
========================================================= */

.adm-home-subscribe >
.wp-block-group__inner-container >
.adm-subscribe-separator {
    position: relative !important;
    z-index: 20 !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 1px !important;
    min-height: 1px !important;

    margin:
        var(--adm-subscribe-top-space)
        0
        var(--adm-subscribe-edge-space) !important;

    padding: 0 !important;

    background: var(--adm-subscribe-line) !important;
    border: 0 !important;

    opacity: 1 !important;
    overflow: visible !important;

    box-shadow:
        0 5px 10px rgba(0, 0, 0, 0.45),
        0 2px 4px rgba(0, 0, 0, 0.32) !important;

    -webkit-box-shadow:
        0 5px 10px rgba(0, 0, 0, 0.45),
        0 2px 4px rgba(0, 0, 0, 0.32) !important;
}


/* =========================================================
   HEADING AND DESCRIPTION
========================================================= */


/* =========================================================
   FORM WRAPPER
========================================================= */

.adm-home-subscribe .adm-subscribe-form-wrap {
    width: 100% !important;
    max-width: var(--adm-subscribe-max-width) !important;

    margin: 20px auto 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

.adm-home-subscribe
.adm-subscribe-form-wrap >
.wp-block-group__inner-container,
.adm-home-subscribe
.wp-block-jetpack-subscriptions,
.adm-home-subscribe
.wp-block-jetpack-subscriptions__container {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

/* Remove obsolete generated lines attached to Jetpack itself. */
.adm-home-subscribe
.wp-block-jetpack-subscriptions::before,
.adm-home-subscribe
.wp-block-jetpack-subscriptions::after,
.adm-home-subscribe
.wp-block-jetpack-subscriptions__container::before,
.adm-home-subscribe
.wp-block-jetpack-subscriptions__container::after {
    content: none !important;
    display: none !important;
}


/* =========================================================
   FORM OUTER BORDER
========================================================= */

.adm-home-subscribe #subscribe-blog {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 10px !important;

    background: transparent !important;

    border:
        1px solid
        var(--adm-subscribe-outer-border) !important;

    border-radius: 4px !important;

    box-shadow: none !important;
    box-sizing: border-box !important;
}


/* =========================================================
   DESKTOP FORM ROW
========================================================= */

.adm-home-subscribe
.wp-block-jetpack-subscriptions__form-elements {
    display: flex !important;
    align-items: stretch !important;
    flex-direction: row !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: var(--adm-subscribe-form-gap) !important;
}

.adm-home-subscribe #subscribe-email,
.adm-home-subscribe #subscribe-submit {
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.adm-home-subscribe #subscribe-email {
    flex: 1 1 auto !important;
}

.adm-home-subscribe #subscribe-submit {
    flex: 0 0 170px !important;

    width: 170px !important;
    max-width: 170px !important;
}


/* =========================================================
   EMAIL FIELD
========================================================= */

.adm-home-subscribe #subscribe-field {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: var(--adm-subscribe-control-height) !important;
    min-height: var(--adm-subscribe-control-height) !important;

    margin: 0 !important;
    padding: 15px 18px !important;

    color: var(--adm-subscribe-field-text) !important;
    -webkit-text-fill-color:
        var(--adm-subscribe-field-text) !important;

    background: var(--adm-subscribe-field-bg) !important;

    border:
        1px solid
        var(--adm-subscribe-field-border) !important;

    border-radius: var(--adm-subscribe-radius) !important;

    font-size: 16px !important;
    line-height: 20px !important;
    text-align: left !important;

    opacity: 1 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.adm-home-subscribe #subscribe-field:disabled {
    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;

    background: var(--adm-subscribe-field-bg) !important;

    opacity: 1 !important;
    cursor: not-allowed !important;
}


/* =========================================================
   STATIC ADM-RED BUTTON
========================================================= */


/* =========================================================
   DARK MODE
========================================================= */



[data-theme="dark-mode"]
.adm-home-subscribe #subscribe-field:disabled {
    color: #eeeeee !important;
    -webkit-text-fill-color: #eeeeee !important;

    background: var(--adm-subscribe-field-bg) !important;
}

[data-theme="dark-mode"]
.adm-home-subscribe >
.wp-block-group__inner-container >
.adm-subscribe-separator {
    box-shadow:
        0 5px 10px rgba(255, 255, 255, 0.30),
        0 2px 4px rgba(255, 255, 255, 0.20) !important;

    -webkit-box-shadow:
        0 5px 10px rgba(255, 255, 255, 0.30),
        0 2px 4px rgba(255, 255, 255, 0.20) !important;
}

/* =========================================================
   TABLET AND MOBILE
   Full-width section and separator; 15px form inset.
========================================================= */

@media screen and (max-width: 991px) {

    

    .adm-home-subscribe .adm-subscribe-form-wrap {
        width: calc(100% - 30px) !important;
        max-width: none !important;

        margin-right: 15px !important;
        margin-left: 15px !important;
    }

    .adm-home-subscribe #subscribe-blog {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 10px !important;
    }

    .adm-home-subscribe
    .wp-block-jetpack-subscriptions__form-elements {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        gap: var(--adm-subscribe-form-gap) !important;
    }

    .adm-home-subscribe #subscribe-email,
    .adm-home-subscribe #subscribe-submit {
        display: block !important;

        flex: 0 0 auto !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .adm-home-subscribe #subscribe-field,
    .adm-home-subscribe
    button[name="jetpack_subscriptions_widget"] {
        width: 100% !important;
        max-width: 100% !important;

        height: var(--adm-subscribe-control-height) !important;
        min-height: var(--adm-subscribe-control-height) !important;

        margin: 0 !important;

        border-radius: var(--adm-subscribe-radius) !important;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */



/* =========================================================
   SINGLE POST — SUBSCRIPTION AFTER RELATED POSTS
   Desktop only
========================================================= */

@media (min-width: 1200px) {

    /*
     * Target only the main entry-content that directly
     * contains the Related Posts section.
     */
    

    /*
     * Related Posts comes first.
     */
    

    /*
     * Existing theme subscription comes immediately after it.
     */
    body.single-post
    .entry-content:has(> .related-post) >
    .wp-block-group:has(.wp-block-jetpack-subscriptions) {
        order: 21 !important;

        width: 100% !important;
        margin-top: 38px !important;
        margin-bottom: 42px !important;
    }
}

/* =========================================================
   THEME POST SUBSCRIPTION — LIGHT MODE
========================================================= */

/* Outer black border */
.wp-block-jetpack-subscriptions__container:has(
    input[name="app_source"][value="subscribe-block-post-end"]
) {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    padding: 10px !important;

    background: transparent !important;
    border: 1px solid #111111 !important;
    border-radius: 4px !important;

    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* Prevent a second border around the form */
.wp-block-jetpack-subscriptions__container:has(
    input[name="app_source"][value="subscribe-block-post-end"]
) > form#subscribe-blog {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    box-sizing: border-box !important;
}

/* Light-grey field with dark-grey inner border */
.wp-block-jetpack-subscriptions__container:has(
    input[name="app_source"][value="subscribe-block-post-end"]
) #subscribe-field {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 52px !important;

    margin: 0 !important;
    padding: 15px 18px !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    background: #d5d5d5 !important;
    background-color: #d5d5d5 !important;

    border: 1px solid #555555 !important;
    border-radius: 3px !important;

    text-align: left !important;
    opacity: 1 !important;

    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* Logged-in disabled email field */
.wp-block-jetpack-subscriptions__container:has(
    input[name="app_source"][value="subscribe-block-post-end"]
) #subscribe-field:disabled {
    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;

    background: #f5f5f5 !important;
    border-color: #555555 !important;

    opacity: 1 !important;
}

/* =========================================================
   THEME POST SUBSCRIPTION — DARK MODE
========================================================= */

[data-theme="dark-mode"]
.wp-block-jetpack-subscriptions__container:has(
    input[name="app_source"][value="subscribe-block-post-end"]
) {
    background: transparent !important;
    border-color: #ffffff !important;
}

[data-theme="dark-mode"]
.wp-block-jetpack-subscriptions__container:has(
    input[name="app_source"][value="subscribe-block-post-end"]
) #subscribe-field {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    background: #292929 !important;
    background-color: #292929 !important;

    border-color: #cccccc !important;
}

[data-theme="dark-mode"]
.wp-block-jetpack-subscriptions__container:has(
    input[name="app_source"][value="subscribe-block-post-end"]
) #subscribe-field:disabled {
    color: #eeeeee !important;
    -webkit-text-fill-color: #eeeeee !important;

    background: #292929 !important;
    border-color: #cccccc !important;

    opacity: 1 !important;
}

/* Subscription line and footer stack baseline */
.adm-home-subscribe,
.adm-home-subscribe .adm-subscribe-separator,
.adm-home-subscribe hr,
footer,
#footer-wrap,
.footer-wrap {
    z-index: 1 !important;
}

/* =========================================================
   MOBILE — REDUCE POST CONTENT TO FOOTER GAP
========================================================= */

@media screen and (max-width: 767px) {

    /* Subscription itself */
    

    /* Remove spacing from the main post column */
    

    html body.single-post
    #contentHolder,
    html body.single-post
    #contentHolder > .container,
    html body.single-post
    #contentHolder > .container > .row,
    html body.single-post
    #main.site-main,
    html body.single-post
    .rt-sidebar-sapcer,
    html body.single-post
    article.post,
    html body.single-post
    article.post > .main-wrap,
    html body.single-post
    .adm-share-scope,
    html body.single-post
    .adm-share-scope > .entry-content {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /*
     * The main content area now provides the only intentional
     * 20px separation before the footer.
     */
    
}

/* =========================================================
   SINGLE POST — LOCK CONTENT ORDER
========================================================= */



/* 1. Article body */


/* 2. Mobile share row */


/* 3. Embedded video */
body.single-post
.entry-content > .entry-thumbnail-area.embed-responsive-16by9 {
    order: 30 !important;
    width: 100% !important;
}

/* 4. Audio */


/* 5. Tags */


/* 6. Author */


/* 7. Comments */


/* 8. Related posts */


/* 9. Subscription remains last */
body.single-post
.entry-content > .adm-single-post-subscribe,
body.single-post
.entry-content > .wp-block-group:has(.wp-block-jetpack-subscriptions) {
    order: 90 !important;
    width: 100% !important;
}

/* =========================================================
   BREADCRUMBS — THEME / LAYOUT AUTHORITY
========================================================= */


/* =========================================================
   NEWSLETTER / CONTENT “READ MORE” BUTTON
========================================================= */


/* =========================================================
   HOMEPAGE HERO — ADAPT IRREGULAR IMAGES IN THE ORIGINAL BOX
   Section: 5cadec8 | Column: b01083d | Widget: 560b875
========================================================= */


/* =========================================================
   ARCHIVE SUBSCRIPTION — BOTTOM SECTION
   Code Snippets wrapper: .adm-home-archive-subscribe
========================================================= */


body.archive
.adm-home-archive-subscribe
.adm-subscribe-form-wrap {
    width: 100% !important;
    max-width: var(--adm-subscribe-max-width) !important;

    margin: 20px auto 0 !important;
}

@media screen and (max-width: 991px) {

    

    body.archive
    .adm-home-archive-subscribe
    .adm-subscribe-form-wrap {
        width: calc(100% - 30px) !important;
        max-width: none !important;

        margin-right: 15px !important;
        margin-left: 15px !important;
    }

}


/* =========================================================
   ARCHIVE SUBSCRIPTION — MATCH THE POST FORM
========================================================= */

body.archive
.adm-home-archive-subscribe
.adm-subscribe-form-wrap >
.wp-block-group__inner-container {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 10px !important;

    background: transparent !important;
    border: 1px solid #111111 !important;
    border-radius: 4px !important;

    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.archive
.adm-home-archive-subscribe
#subscribe-blog {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

body.archive
.adm-home-archive-subscribe
#subscribe-field {
    height: 52px !important;
    min-height: 52px !important;

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;

    background: #d5d5d5 !important;
    background-color: #d5d5d5 !important;

    border: 1px solid #555555 !important;
    border-radius: 3px !important;

    box-shadow: none !important;
}

body.archive
.adm-home-archive-subscribe
#subscribe-field:disabled {
    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;

    background: #f5f5f5 !important;
    border-color: #555555 !important;

    opacity: 1 !important;
}

[data-theme="dark-mode"]
body.archive
.adm-home-archive-subscribe
.adm-subscribe-form-wrap >
.wp-block-group__inner-container,
body.archive[data-theme="dark-mode"]
.adm-home-archive-subscribe
.adm-subscribe-form-wrap >
.wp-block-group__inner-container {
    background: transparent !important;
    border-color: #ffffff !important;
}

[data-theme="dark-mode"]
body.archive
.adm-home-archive-subscribe
#subscribe-field,
body.archive[data-theme="dark-mode"]
.adm-home-archive-subscribe
#subscribe-field {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    background: #292929 !important;
    background-color: #292929 !important;

    border-color: #cccccc !important;
}

[data-theme="dark-mode"]
body.archive
.adm-home-archive-subscribe
#subscribe-field:disabled,
body.archive[data-theme="dark-mode"]
.adm-home-archive-subscribe
#subscribe-field:disabled {
    color: #eeeeee !important;
    -webkit-text-fill-color: #eeeeee !important;

    background: #292929 !important;
    border-color: #cccccc !important;

    opacity: 1 !important;
}


/* =========================================================
   DESKTOP ARCHIVES — CONSISTENT TWO-LINE EXCERPTS
========================================================= */



/* =========================================================
   ADM SINGLE POSTS — FINAL TAG POSITION AND COMPACT ROW
   Paste at the very bottom of Additional CSS.
   Compatible with LG webOS / Chromium 87.
========================================================= */

html body.single-post
.site-main
.post.type-post >
.main-wrap >
.adm-share-scope >
.entry-content >
.entry-footer {
    order: 15 !important;
    width: 100% !important;
}

html body.single-post
.site-main
.post.type-post >
.main-wrap >
.adm-share-scope >
.entry-content >
.related-post {
    order: 80 !important;
    width: 100% !important;
}

html body.single-post
.site-main
.post.type-post >
.main-wrap >
.adm-share-scope >
.entry-content >
.adm-single-post-subscribe,
html body.single-post
.site-main
.post.type-post >
.main-wrap >
.adm-share-scope >
.entry-content >
.adm-post-subscribe {
    order: 90 !important;
    width: 100% !important;
}


/* Hide the Tags label and separate tags from article content */


/* =========================================================
   SEARCH RESULTS — HEADING & RESULT STYLING
========================================================= */


/* ---------------------------------------------------------
   Search-term highlighting
--------------------------------------------------------- */



/* ---------------------------------------------------------
   Shared result structure
--------------------------------------------------------- */


/* =========================================================
   ADM SEARCH RESULTS
   Desktop / Tablet: thumbnail left, content right
   Mobile: compact 110px thumbnail left

   Designed for ADM Featured Images v1.10.23+
   .adm-search-result-thumbnail
========================================================= */


/* =========================================================
   DESKTOP AND TABLET — IMAGE LEFT, CONTENT RIGHT
========================================================= */


/* =========================================================
   SEARCH THUMB BACKGROUND — DARK MODE
========================================================= */


/* =========================================================
   MOBILE — COMPACT SEARCH RESULTS
========================================================= */



/* =========================================================
   ADM FOOTER — CLEAN UNIFIED COLUMN SYSTEM

   Replace the previous footer layout, height, category,
   Recent Posts and Instagram rules with this complete block.

   Desktop height reference: Instagram grid with six images.
   LG webOS compatible; no :has(), subgrid or container queries.
========================================================= */

/* =========================================================
   FOOTER TITLES — EXACT NEEON TITLE STYLE
========================================================= */

.footer-content-area #rt-post-box-3 > .widgettitle,
.footer-content-area #rt-categories-4 > .widgettitle,
.footer-content-area #wpcom_instagram_widget-3 > .widgettitle {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    min-height: 34px !important;

    margin-right: 0 !important;
    margin-left: 0 !important;

    color: inherit !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

/* Remove the earlier simulated vertical line */
.footer-content-area #rt-post-box-3 > .widgettitle::before,
.footer-content-area #rt-categories-4 > .widgettitle::before,
.footer-content-area #wpcom_instagram_widget-3 > .widgettitle::before,
.footer-content-area #rt-post-box-3 > .widgettitle::after,
.footer-content-area #rt-categories-4 > .widgettitle::after,
.footer-content-area #wpcom_instagram_widget-3 > .widgettitle::after {
    content: none !important;
    display: none !important;
}

/* ADM-red theme dot */
.footer-content-area
.widgettitle > span.titledot {
    display: inline-block !important;
    flex: 0 0 6px !important;

    width: 6px !important;
    height: 6px !important;

    margin-left: 9px !important;

    background-color: #e64946 !important;
    border-radius: 50% !important;
}

/* Neeon light-grey double line after the dot */
.footer-content-area
.widgettitle > span.titleline {
    display: block !important;
    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 20px !important;
    height: 4px !important;

    margin-left: 6px !important;

    background: transparent !important;

    border-top: 1px solid #d8d8d8 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #d8d8d8 !important;
    border-left: 0 !important;

    box-sizing: border-box !important;
}

/* Keep the same left-aligned treatment on mobile */
@media screen and (max-width: 767px) {
    .footer-content-area #rt-post-box-3 > .widgettitle,
    .footer-content-area #rt-categories-4 > .widgettitle,
    .footer-content-area #wpcom_instagram_widget-3 > .widgettitle {
        justify-content: flex-start !important;

        margin-right: 0 !important;
        margin-left: 0 !important;

        text-align: left !important;
    }
}

.footer-content-area {
    --adm-footer-red: #e64946;
    --adm-footer-divider: rgba(255, 255, 255, 0.20);
    --adm-footer-panel: rgba(255, 255, 255, 0.06);
    --adm-footer-panel-border: rgba(255, 255, 255, 0.14);
    --adm-footer-column-padding: 24px;
    --adm-footer-title-gap: 14px;
    --adm-footer-item-gap: 7px;

    padding-top: 42px !important;
    padding-bottom: 42px !important;
}

.footer-content-area,
.footer-content-area * {
    box-sizing: border-box;
}

/* ---------------------------------------------------------
   Shared titles and column containment
--------------------------------------------------------- */

.footer-content-area .widgettitle {
    width: 100% !important;
    min-height: 34px !important;

    margin: 0 0 var(--adm-footer-title-gap) !important;
    padding: 0 !important;

    text-align: center !important;
}

.footer-content-area
.container > .row > [class*="col-"] {
    position: relative !important;

    min-width: 0 !important;
    box-sizing: border-box !important;
}

.footer-content-area
.container > .row > [class*="col-"] > .widget {
    width: 100% !important;
    min-width: 0 !important;
    margin-bottom: 0 !important;
}

/* =========================================================
   DESKTOP — FOUR EQUAL COLUMNS
========================================================= */

@media screen and (min-width: 1200px) {

    .footer-content-area .container > .row {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        align-items: stretch !important;

        margin-right: -12px !important;
        margin-left: -12px !important;
    }

    .footer-content-area
    .container > .row > [class*="col-"] {
        display: flex !important;
        flex-direction: column !important;
        align-self: stretch !important;

        width: 100% !important;
        max-width: none !important;
        height: 100% !important;

        padding-right: var(--adm-footer-column-padding) !important;
        padding-left: var(--adm-footer-column-padding) !important;
    }

    /* Dividers follow the unified full column height. */
    .footer-content-area
    .container > .row > [class*="col-"]:not(:first-child)::before {
        content: "" !important;

        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;

        display: block !important;
        width: 1px !important;

        background: var(--adm-footer-divider) !important;
        pointer-events: none !important;
    }

    /* Columns 2–4 use the same title/body architecture. */
    .footer-content-area #rt-post-box-3,
    .footer-content-area #rt-categories-4,
    .footer-content-area #wpcom_instagram_widget-3 {
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;

        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
    }

/* =========================================================
   FOOTER FIRST COLUMN — COMPLETE UNIFIED LAYOUT

   Order:
   1. Logo
   2. Description and social icons
   3. Search
========================================================= */

.footer-content-area {
    /* Logo controls */
    --adm-footer-logo-width-desktop: 150px;
    --adm-footer-logo-width-mobile: 100px;

    --adm-footer-logo-gap-desktop: 10px;
    --adm-footer-logo-gap-mobile: 14px;

    /* Content controls */
    --adm-footer-first-column-width: 90%;
    --adm-footer-description-social-gap: 10px;
    --adm-footer-search-top-gap: 12px;
}

/* First footer column */
html body
.footer-content-area
.container > .row > [class*="col-"]:first-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    min-width: 0 !important;
}

/* Reset margins inherited by its three widgets */
html body
.footer-content-area
.container > .row > [class*="col-"]:first-child
> #media_image-3,

html body
.footer-content-area
.container > .row > [class*="col-"]:first-child
> #rt-about-social-2,

html body
.footer-content-area
.container > .row > [class*="col-"]:first-child
> #search-10 {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    height: auto !important;

    padding-right: 0 !important;
    padding-left: 0 !important;

    box-sizing: border-box !important;
}

/* =========================================================
   1. LOGO
========================================================= */

html body
.footer-content-area
.container > .row > [class*="col-"]:first-child
> #media_image-3 {
    order: 10 !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

/*
 * Do not depend on a particular media-library image ID.
 * This continues working when the footer logo is replaced.
 */
html body
.footer-content-area
.container > .row > [class*="col-"]:first-child
> #media_image-3 img {
    display: block !important;
    float: none !important;

    width: var(--adm-footer-logo-width-mobile) !important;
    min-width: 0 !important;
    max-width: var(--adm-footer-logo-width-mobile) !important;

    height: auto !important;
    max-height: none !important;

    margin: 0 auto var(--adm-footer-logo-gap-mobile) !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    box-sizing: border-box !important;
}

/* =========================================================
   2. DESCRIPTION AND SOCIAL ICONS
========================================================= */

html body
.footer-content-area
.container > .row > [class*="col-"]:first-child
> #rt-about-social-2 {
    order: 20 !important;

    width: var(--adm-footer-first-column-width) !important;
    max-width: var(--adm-footer-first-column-width) !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure the internal wrapper fills the widget */
html body
.footer-content-area
#rt-about-social-2
.rt-about-widget {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Description */
html body
.footer-content-area
#rt-about-social-2
.footer-about {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Social-icons row */
html body
.footer-content-area
#rt-about-social-2
.footer-social {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-top:
        var(--adm-footer-description-social-gap) !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* Prevent inherited list spacing */
html body
.footer-content-area
#rt-about-social-2
.footer-social > li {
    flex: 0 0 auto !important;
    margin-bottom: 0 !important;
}

/* =========================================================
   3. SEARCH
========================================================= */

html body
.footer-content-area
.container > .row > [class*="col-"]:first-child
> #search-10 {
    order: 30 !important;

    width: var(--adm-footer-first-column-width) !important;
    max-width: var(--adm-footer-first-column-width) !important;

    margin-top: var(--adm-footer-search-top-gap) !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* Make the complete search structure fill its assigned width */
html body
.footer-content-area
#search-10 .search-form,

html body
.footer-content-area
#search-10 .custom-search-input,

html body
.footer-content-area
#search-10 .input-group {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}

/* Keep the field and icon inside the search box */
html body
.footer-content-area
#search-10 .input-group {
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;

    position: relative !important;
    overflow: hidden !important;
}

html body
.footer-content-area
#search-10 input.search-query {
    flex: 1 1 auto !important;

    width: 1% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
}

html body
.footer-content-area
#search-10 button.btn {
    position: static !important;
    flex: 0 0 auto !important;

    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html body
.footer-content-area
#search-10 button.btn svg {
    display: block !important;

    width: 20px !important;
    height: 20px !important;

    margin: 0 !important;
}

/* =========================================================
   DESKTOP AND TABLET — LEFT ALIGNMENT
========================================================= */

@media screen and (min-width: 768px) {
    html body
    .footer-content-area
    .container > .row > [class*="col-"]:first-child {
        align-items: flex-start !important;
        text-align: left !important;
    }

    html body
    .footer-content-area
    .container > .row > [class*="col-"]:first-child
    > #media_image-3 img {
        width: var(--adm-footer-logo-width-desktop) !important;
        max-width: var(--adm-footer-logo-width-desktop) !important;

        margin-right: auto !important;
        margin-bottom:
            var(--adm-footer-logo-gap-desktop) !important;
        margin-left: 0 !important;
    }

    html body
    .footer-content-area
    .container > .row > [class*="col-"]:first-child
    > #rt-about-social-2,

    html body
    .footer-content-area
    .container > .row > [class*="col-"]:first-child
    > #search-10 {
        align-self: flex-start !important;

        margin-right: auto !important;
        margin-left: 0 !important;
    }

    html body
    .footer-content-area
    #rt-about-social-2
    .footer-about {
        text-align: left !important;
    }

    html body
    .footer-content-area
    #rt-about-social-2
    .footer-social {
        justify-content: flex-start !important;
    }
}

/* =========================================================
   MOBILE — CENTRED ALIGNMENT
========================================================= */

@media screen and (max-width: 767px) {
    html body
    .footer-content-area
    .container > .row > [class*="col-"]:first-child {
        align-items: center !important;
        text-align: center !important;
    }

    html body
    .footer-content-area
    .container > .row > [class*="col-"]:first-child
    > #media_image-3 img {
        width: var(--adm-footer-logo-width-mobile) !important;
        max-width: var(--adm-footer-logo-width-mobile) !important;

        margin-right: auto !important;
        margin-bottom:
            var(--adm-footer-logo-gap-mobile) !important;
        margin-left: auto !important;
    }

    html body
    .footer-content-area
    .container > .row > [class*="col-"]:first-child
    > #rt-about-social-2,

    html body
    .footer-content-area
    .container > .row > [class*="col-"]:first-child
    > #search-10 {
        align-self: center !important;

        margin-right: auto !important;
        margin-left: auto !important;
    }

    html body
    .footer-content-area
    #rt-about-social-2
    .footer-about {
        text-align: center !important;
    }

    html body
    .footer-content-area
    #rt-about-social-2
    .footer-social {
        justify-content: center !important;
    }
}
	
	
    /* =====================================================
       RECENT POSTS — THREE EQUAL COMPACT ROWS
    ===================================================== */

    .footer-content-area #rt-post-box-3 .post-box-style {
        display: grid !important;
        flex: 1 1 auto !important;
        grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
        align-content: stretch !important;

        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;

        margin: 0 !important;
        gap: var(--adm-footer-item-gap) !important;
    }

    .footer-content-area
    #rt-post-box-3 .post-box-style > .rt-news-box-widget {
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .footer-content-area #rt-post-box-3 .item-list {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        height: 100% !important;
        min-height: 52px !important;

        margin: 0 !important;
        padding: 0 !important;
        gap: 10px !important;
    }

    .footer-content-area #rt-post-box-3 .post-box-img,
    .footer-content-area #rt-post-box-3 .post-box-img .post-img,
    .footer-content-area #rt-post-box-3 .post-box-img img {
        display: block !important;
        flex: 0 0 52px !important;

        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;
        height: 52px !important;

        margin: 0 !important;
    }

    .footer-content-area #rt-post-box-3 .post-box-img {
        overflow: hidden !important;
    }

    .footer-content-area #rt-post-box-3 .post-box-img img {
        object-fit: cover !important;
        object-position: center center !important;
    }

    .footer-content-area #rt-post-box-3 .post-content {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
    }

    .footer-content-area #rt-post-box-3 .entry-title,
    .footer-content-area #rt-post-box-3 .entry-title > a {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;

        margin: 0 !important;

        font-size: 13px !important;
        line-height: 1.3 !important;

        overflow: hidden !important;
    }

    /* =====================================================
       CATEGORIES — FIVE ROWS MATCH THE SHARED BODY HEIGHT
    ===================================================== */

    .footer-content-area #rt-categories-4 .rt-category-style2 {
        display: grid !important;
        flex: 1 1 auto !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
        align-content: stretch !important;

        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;

        margin: 0 !important;
        gap: var(--adm-footer-item-gap) !important;
    }

    .footer-content-area #rt-categories-4 .rt-item {
        width: 100% !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    .footer-content-area #rt-categories-4 .rt-item img {
        display: none !important;
    }

    .footer-content-area #rt-categories-4 .rt-item > a {
        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 100% !important;
        min-height: 30px !important;

        padding: 5px 20px 5px 27px !important;

        background: var(--adm-footer-panel) !important;
        border: 1px solid var(--adm-footer-panel-border) !important;
    }

    .footer-content-area #rt-categories-4 .rt-item > a::before {
        content: "" !important;

        position: absolute !important;
        top: 50% !important;
        left: 12px !important;

        display: block !important;
        width: 6px !important;
        height: 6px !important;

        background: var(--adm-footer-red) !important;
        border-radius: 50% !important;

        transform: translateY(-50%) !important;
        pointer-events: none !important;
    }

    .footer-content-area #rt-categories-4 .rt-content {
        position: static !important;

        width: auto !important;
        padding: 0 !important;

        background: transparent !important;
        transform: none !important;
    }

    .footer-content-area #rt-categories-4 .rt-cat-name {
        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }

    .footer-content-area #rt-categories-4 .rt-cat-name::before,
    .footer-content-area #rt-categories-4 .rt-cat-name::after {
        content: none !important;
        display: none !important;
    }

    /* =====================================================
       INSTAGRAM — SIX IMAGES DEFINE THE REFERENCE BODY
    ===================================================== */

    .footer-content-area
    #wpcom_instagram_widget-3 .wpcom-instagram-images {
        display: grid !important;
        flex: 1 1 auto !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
        align-content: stretch !important;

        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;

        margin: 0 !important;
        gap: var(--adm-footer-item-gap) !important;
    }

    /* Six images only: 3 columns × 2 rows. */
    .footer-content-area
    #wpcom_instagram_widget-3 .wpcom-instagram-images > a:nth-child(n/**/+7) {
        display: none !important;
    }

    .footer-content-area
    #wpcom_instagram_widget-3 .wpcom-instagram-images > a {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        height: 100% !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    .footer-content-area
    #wpcom_instagram_widget-3 .sq-bg-image {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    /* CSS-grid fallback for older LG webOS engines. */
    @supports not (display: grid) {
        .footer-content-area .container > .row {
            display: flex !important;
        }

        .footer-content-area
        .container > .row > [class*="col-"] {
            flex: 0 0 25% !important;
        }

        .footer-content-area
        #wpcom_instagram_widget-3 .wpcom-instagram-images {
            display: flex !important;
            flex-wrap: wrap !important;
        }

        .footer-content-area
        #wpcom_instagram_widget-3 .wpcom-instagram-images > a {
            flex: 0 0 33.3333% !important;
            height: 50% !important;
        }
    }
}

/* =========================================================
   SEARCH FORM — FLEXIBLE FIELD, CONTAINED BUTTON
========================================================= */

.footer-content-area #search-10 .search-form,
.footer-content-area #search-10 .custom-search-input,
.footer-content-area #search-10 .input-group {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    box-sizing: border-box !important;
}

.footer-content-area #search-10 .input-group {
    position: relative !important;

    display: flex !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;

    overflow: hidden !important;
}

.footer-content-area #search-10 .search-query {
    flex: 1 1 auto !important;

    width: 1% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 8px 11px !important;
}

.footer-content-area #search-10 .input-group > button.btn {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px !important;

    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
}

.footer-content-area #search-10 .input-group > button.btn svg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
}

/* =========================================================
   TABLET — TWO EQUAL COLUMNS PER ROW
========================================================= */

@media screen and (min-width: 768px) and (max-width: 1199px) {

    .footer-content-area .container > .row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: stretch !important;

        margin-right: -12px !important;
        margin-left: -12px !important;
        row-gap: 28px !important;
    }

    .footer-content-area
    .container > .row > [class*="col-"] {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        max-width: none !important;
        padding-right: 24px !important;
        padding-left: 24px !important;
    }

    .footer-content-area
    .container > .row > [class*="col-"]:nth-child(even)::before {
        content: "" !important;

        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;

        display: block !important;
        width: 1px !important;

        background: var(--adm-footer-divider) !important;
        pointer-events: none !important;
    }

    .footer-content-area
    #wpcom_instagram_widget-3 .wpcom-instagram-images {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: var(--adm-footer-item-gap) !important;
    }

    .footer-content-area
    #wpcom_instagram_widget-3 .wpcom-instagram-images > a:nth-child(n/**/+7) {
        display: none !important;
    }
}

/* =========================================================
   MOBILE — NATURAL STACKED CONTENT
========================================================= */

@media screen and (max-width: 767px) {

    .footer-content-area {
        padding-top: 30px !important;
        padding-bottom: 24px !important;
    }

    .footer-content-area .container > .row {
        display: block !important;
    }

    .footer-content-area
    .container > .row > [class*="col-"] {
        display: block !important;

        width: 100% !important;
        height: auto !important;
        margin-bottom: 28px !important;
    }

    .footer-content-area
    .container > .row > [class*="col-"]::before {
        content: none !important;
        display: none !important;
    }

    .footer-content-area
    #wpcom_instagram_widget-3 .wpcom-instagram-images {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    .footer-content-area
    #wpcom_instagram_widget-3 .wpcom-instagram-images > a:nth-child(n/**/+7) {
        display: none !important;
    }
}

/* =========================================================
   FOOTER SEARCH — WIDE WITH LIGHT BORDER
========================================================= */

.footer-content-area {
    --adm-footer-search-border: rgba(255, 255, 255, 0.65);
    --adm-footer-search-focus-border: #ffffff;
}

/* Footer search — 98% width and centred */
.footer-content-area
.container > .row > [class*="col-"]:first-child
#search-10 {
    align-self: center !important;

    width: 98% !important;
    min-width: 0 !important;
    max-width: 98% !important;

    margin: 10px auto 12px !important;
}

.footer-content-area #search-10 .search-form,
.footer-content-area #search-10 .custom-search-input,
.footer-content-area #search-10 .input-group {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
}

/* Light-grey outer border */
.footer-content-area #search-10 .input-group {
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;

    border: 1px solid var(--adm-footer-search-border) !important;
    border-radius: 5px !important;

    overflow: hidden !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

/* Remove competing internal borders */
.footer-content-area #search-10 input.search-query,
.footer-content-area #search-10 button.btn {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Highlight the complete box while typing */
.footer-content-area #search-10 .input-group:focus-within {
    border-color: var(--adm-footer-search-focus-border) !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18) !important;
}

/* =========================================================
   ADM MOBILE ARCHIVE — NORMALIZED SEARCH-STYLE CARDS

   Keeps:
   - featured image on the left
   - category above the title
   - title cropped to two lines
   - excerpt cropped to one line
   - publication date and reading time

   Removes on mobile:
   - Read More button

   Scope: archive pages using Neeon .blog-layout-1 only.
========================================================= */



/* =========================================================
   ARCHIVE BANNER CONTENT CLEANUP
   Position/top/z-index are owned by HMC Module 80 only.
========================================================= */



/* =========================================================
   FOOTER MOBILE — UNIFORM 20PX SPACING
========================================================= */

@media only screen and (max-width: 767px) {

    /* 20px between logo and description */
    html body .footer-content-area
    #media_image-3 + #rt-about-social-2 {
        margin-top: 20px !important;
        padding-top: 0 !important;
    }

    /* 20px between description and social icons */
    html body .footer-content-area
    #media_image-3 + #rt-about-social-2
    .footer-about {
        margin: 0 0 20px !important;
        padding: 0 !important;
    }

    /* 20px between social icons and search */
    html body .footer-content-area
    #media_image-3 + #rt-about-social-2
    .footer-social {
        margin: 0 auto 20px !important;
        padding: 0 !important;
    }

    /* Remove the search widget’s additional top margin */
    html body .footer-content-area
    #rt-about-social-2 + #search-10 {
        margin-top: 0 !important;
    }
}

/* ----------------------------------------------------------
   RELATED POSTS — MOBILE ONLY
   DATE ATTACHED TO EXCERPT FADE
---------------------------------------------------------- */



/* ----------------------------------------------------------
   RELATED POSTS — MOBILE ONLY
   DATE ATTACHED TO EXCERPT FADE
---------------------------------------------------------- */



/* =========================================================
   SINGLE POST — MOBILE SELECTION AREA
   Article title + article body are selectable
========================================================= */

@media (max-width: 768px) {

    /* -----------------------------------------------------
       WHOLE SINGLE POST
       Disable text selection outside title/article body
    ----------------------------------------------------- */


    /* -----------------------------------------------------
       POST TITLE
       Allow normal mobile text selection
    ----------------------------------------------------- */


    /* -----------------------------------------------------
       ARTICLE BODY
       Allow normal mobile text selection
    ----------------------------------------------------- */


    /* -----------------------------------------------------
       IMAGES
       Keep native long-press image actions
    ----------------------------------------------------- */

    body.single-post .entry-thumbnail-area,
    body.single-post .entry-thumbnail-area img,
    body.single-post .adm-article-body img {
        -webkit-touch-callout: default !important;
    }
}

/* =========================================================
   SINGLE POST — HIDE SIDEBAR ON MID-SIZE SCREENS
   Tablet / Google TV awkward-width cleanup
========================================================= */



/* =========================================================
   RT THUMB SLIDER — EXACT 3-LINE TITLE CONTROL
========================================================= */

/* -----------------------------------------
   HERO / LARGE SLIDE TITLE
----------------------------------------- */

.rt-slide
.post-content
h3.entry-title.big-title > a {
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;

    overflow: hidden !important;
    white-space: normal !important;

    line-height: 1.2 !important;
    max-height: 3.6em !important;
}


/* -----------------------------------------
   BOTTOM THUMBNAIL TITLES
----------------------------------------- */

.rt-thumnail-area
.rt-slide-thumb
.entry-content
h4.entry-title.small-title > a {
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;

    overflow: hidden !important;
    white-space: normal !important;

    line-height: 1.35 !important;
    max-height: 4.05em !important;
}


/* =========================================================
   ADM ARCHIVE — TABLET / IPAD
   768px–1199px
========================================================= */


/* =========================================================
   ADM MOBILE SINGLE POST — FLOATING ICON TEXT SAFETY GUTTER
   2026-08-29

   Purpose:
   Keep the post title and readable article text away from
   right-edge floating controls such as:
   - ADM music button
   - future floating action icons
   - optional colour-mode switch

   Media remains full width:
   featured images, inline images, galleries, audio, video,
   embeds and other visual blocks are NOT narrowed.
========================================================= */



/* =========================================================
   END ADM MOBILE SINGLE POST — FLOATING ICON TEXT SAFETY GUTTER
========================================================= */

/* ---------------------------------------------------------
   3. ECONOMY TICKER — TRUE VIEWPORT-BOTTOM BAR
--------------------------------------------------------- */

html body.archive.category-economy .adm-market-ticker,
html body.archive.category-economy .adm-economy-floating-ticker,

html body.archive.tag-economy .adm-market-ticker,
html body.archive.tag-economy .adm-economy-floating-ticker {
    position: fixed !important;

    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    display: block !important;

    width: 100vw !important;
    max-width: none !important;

    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 2147483646 !important;

    transform: none !important;
    -webkit-transform: none !important;

    overflow: hidden !important;
}


/* ---------------------------------------------------------
   4. LOCK TICKER CONTENT INSIDE BOTTOM BAR
--------------------------------------------------------- */

html body.archive.category-economy
.adm-market-ticker #adm-tv-ticker-economy,

html body.archive.category-economy
.adm-market-ticker iframe,

html body.archive.category-economy
.adm-market-ticker .tradingview-widget-container,

html body.archive.category-economy
.adm-economy-floating-ticker #adm-tv-ticker-economy,

html body.archive.category-economy
.adm-economy-floating-ticker iframe,

html body.archive.category-economy
.adm-economy-floating-ticker .tradingview-widget-container,

html body.archive.tag-economy
.adm-market-ticker #adm-tv-ticker-economy,

html body.archive.tag-economy
.adm-market-ticker iframe,

html body.archive.tag-economy
.adm-market-ticker .tradingview-widget-container,

html body.archive.tag-economy
.adm-economy-floating-ticker #adm-tv-ticker-economy,

html body.archive.tag-economy
.adm-economy-floating-ticker iframe,

html body.archive.tag-economy
.adm-economy-floating-ticker .tradingview-widget-container {
    position: static !important;

    width: 100% !important;

    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    -webkit-transform: none !important;
}


/* ---------------------------------------------------------
   5. PREVENT LAST ARTICLE FROM HIDING BEHIND TICKER
--------------------------------------------------------- */

body.archive.category-economy #content,
body.archive.tag-economy #content {
    padding-bottom: 50px !important;
}

/* =========================================================
   ADM ECONOMY TICKER
   TRUE VIEWPORT-BOTTOM POSITION
========================================================= */


/* Kill the old ticker/banner combined sticky behaviour */



/* The JS moves the ticker directly under BODY */
html body .adm-viewport-bottom-ticker {
    position: fixed !important;

    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100vw !important;
    max-width: 100vw !important;

    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 2147483646 !important;

    transform: none !important;
    -webkit-transform: none !important;

    overflow: hidden !important;
}


/* TradingView outer elements */
html body .adm-viewport-bottom-ticker iframe,
html body .adm-viewport-bottom-ticker .tradingview-widget-container,
html body .adm-viewport-bottom-ticker #adm-tv-ticker-economy {
    display: block !important;

    width: 100% !important;

    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Keep final article visible above ticker */
body.archive.category-economy,
body.archive.tag-economy {
    padding-bottom: 50px !important;
}

/* =========================================================
   ADM ECONOMY ARCHIVE — FINAL UNIFIED AUTHORITY

   - TradingView ticker fixed to viewport bottom
   - Back-to-top stays 20px above ticker
   - Mobile archive banner attachment is handled by HMC Module 80
   - Removes obsolete top clearance
   - Removes empty category-description paragraphs
   - Closes description → first post gap
========================================================= */


/* =========================================================
   1. PERMANENT VIEWPORT-BOTTOM TICKER
========================================================= */

body.archive.category-economy #adm-economy-viewport-ticker,
body.archive.tag-economy #adm-economy-viewport-ticker {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    position: fixed !important;

    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100vw !important;
    max-width: 100vw !important;

    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    z-index: 2147483646 !important;
}


/* =========================================================
   2. BACK TO TOP
   50px ticker + 20px clearance
========================================================= */

body.archive.category-economy .scroll-wrap,
body.archive.tag-economy .scroll-wrap {
    bottom: 70px !important;
}


/* =========================================================
   3. MOBILE ECONOMY CLEANUP
========================================================= */



/* =========================================================
   ADM MAIN SLIDER — DESKTOP TITLE WIDTH
   Preserve Neeon title entrance animation
========================================================= */

@media screen and (min-width: 992px) {

    .rt-thumb-slider-horizontal-2
    .horizontal-slider
    .rt-slide
    .row > .col-xl-8.col-lg-8 {
        flex: 0 0 90% !important;
        max-width: 90% !important;
        width: 90% !important;
    }

    .rt-thumb-slider-horizontal-2
    .horizontal-slider
    .entry-title.big-title {
        width: 90% !important;
        max-width: 90% !important;
    }
}

/* =========================================
   MOBILE FLOATING SHARE — RESTORE
========================================= */

@media (max-width: 1024px) {

    body.single .adm-floating-share {
        display: block !important;

        position: fixed !important;
        top: 75% !important;
        right: 10px !important;
        transform: translateY(-50%) !important;

        z-index: 9999 !important;

        background: transparent !important;
        border: 0 !important;
        padding: 0 !important;

        opacity: 0;
        pointer-events: none;
    }

    body.single .adm-floating-share img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: none !important;
    }
}

@media (max-width: 767px) {

    /* Close the gap under the featured image */
    body.single-post .entry-thumbnail-area {
        margin-bottom: 15px !important;
        padding-bottom: 0 !important;
    }

    /* Close the gap above the article body */
    
}

/* Hide Related Post section unless the grid contains at least 3 posts */



.single-post .adm-article-body a:hover,
.single-post a[data-adm-smart-link="1"]:hover,
.single-post .meta-tags a:hover,
.single-post .entry-footer .item-tags a:hover {
    color: #fff4b3   !important;
}