//* ==========================================================================
   1. GLOBAL REPAIRS & DROPDOWN POSITIONING (Desktop Dropdown Fix)
   ========================================================================== */

/* Enforce parent positioning */
.qodef-header-navigation ul li {
    position: relative !important;
}

/* Align dropdown perfectly based on the left edge of REVIEWS */
#menu-item-129 ul.sub-menu,
.qodef-header-navigation ul li ul {
    position: absolute !important;
    top: 100% !important;
    
    /* Remove previous right side constraint rules entirely */
    right: auto !important;
    transform: none !important;      
    
    /* Shifted slightly further left to -50px to hit dead center */
    left: -50px !important; 
    
    /* Box width is standard 180px to keep text on one single line */
    min-width: 180px !important;    
    max-width: 180px !important;    
    
    /* Make the dropdown container frame invisible */
    border: none !important;
    box-shadow: none !important;
    background: transparent !important; 
}

/* Center-align the text elements inside the sub-menu items */
.qodef-header-navigation ul li ul li {
    text-align: center !important;
    background: transparent !important; 
    width: 100% !important;
}

/* Force text items inside the list to center and display bold white */
.qodef-header-navigation ul li ul li a,
.qodef-header-navigation ul li ul li a .qodef-menu-item-text {
    color: #ffffff !important;
    font-weight: 700 !important;      
    display: block !important;
    text-align: center !important;   
    padding: 8px 0 !important;       
    margin: 0 auto !important;
}

/* RESTORE BUTTON VIEWS (Standard View, Gallery View, Review Controls) */
.qodef-widget-holder.qodef--one > * {
    margin: unset !important;    
    padding: unset !important;   
}

/* Enforce White Button Views Style */
.wp-block-button__link,
.view-button, 
.standard-view-btn, 
.gallery-view-btn {
    color: #ffffff !important;
    border-color: #ffffff !important;
    pointer-events: auto !important; 
    cursor: pointer !important;
}


/* ==========================================================================
   1B. POST SPACING FIXES (Applies to Desktop, Mobile, and Tablets)
   ========================================================================== */

/* 🟥 Box 1 Fix: Force tags to sit directly under the excerpt text */
.qodef-blog-holder .qodef-e-excerpt,
.qodef-e-excerpt {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.qodef-blog-holder .qodef-e-info-tag-wrapper,
.qodef-blog-holder .qodef-e-info-tag,
.qodef-e-info-tag-wrapper,
.qodef-e-info-tag {
    margin-top: -20px !important;  /* Negative margin pulls the tags straight up */
    padding-top: 0 !important;
    margin-bottom: 10px !important;
}

/* 🟥 Box 2 Fix: Shrink the massive blank void space between separate blog posts globally */
.qodef-blog-holder article.qodef-blog-item,
.qodef-blog-holder .qodef-e-inner,
article.entry.post,
.qodef-blog-item {
    margin-bottom: 25px !important;  /* Reduced from 25px to 5px to close the desktop gap */
    padding-bottom: 0 !important;
}


/* ==========================================================================
   2. TRIBE EVENTS
   ========================================================================== */
h2.tribe-events-widget-events-list__header-title {
    color: #ffffff !important;
    font-weight: 700 !important;
}
a.tribe-events-widget-events-list__event-title-link {
    color: #e5a245 !important;
}
.tribe-events-widget-events-list__event-date-tag-daynum {
    color: #b1221f !important;
}
span.tribe-event-date-start,
.tribe-event-date-start,
.tribe-event-date-end {
    color: #fff !important;
    font-style: italic;
}
a.tribe-events-widget-events-list__view-more-link.tribe-common-anchor-thin {
    color: #ffffff !important;
}
.tribe-events-widget-events-list__event-date-tag-month {
    color: #7a7a7a !important;
}


/* ==========================================================================
   3. CATEGORY COLORS
   ========================================================================== */
a[href*="category/early-access"] {
    color: #e5a245 !important;
}
a[href*="category/recommended"] {
    color: #277a15 !important;
}
body a[href*="category/not-recommended"] {
    color: #b1221f !important;
}
body a[href*="category/all"] {
    color: #a2b1b3 !important;
}
.cat-item a {
    color: inherit;
}


/* ==========================================================================
   4. TYPOGRAPHY
   ========================================================================== */
h1, h2, h3, h4, h5, h6,
.qodef-m-title.entry-title {
    font-family: "Nexa", sans-serif !important;
    font-weight: 800 !important;
}
/* Keep top-level main menu items black as originally requested */
#qodef-page-header-inner > .qodef-header-navigation > ul > li > a > .qodef-menu-item-text {
    color: #000000 !important;
}
body, p, .wp-block-paragraph, .qodef-e-text {
    font-family: "Manrope", sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.65;
}


/* ==========================================================================
   5. TEXT STYLING
   ========================================================================== */
.entry-date {
    color: #ffffff !important;
    font-size: 16px;
    text-transform: uppercase !important;
}
.qodef-e-excerpt,
.wp-block-paragraph,
.wp-block-paragraph strong {
    color: #7a7a7a !important; /* Explicitly locks paragraph text back to its dark gray color */
}
.qodef-e-info-tag a {
    color: #7a7a7a !important;
    font-size: 15px;
    opacity: 0.6;
    text-decoration: none;
    font-style: italic;
}


/* ==========================================================================
   6. SEARCH BLOCK (CONTENT AREA)
   ========================================================================== */
.wp-block-search {
    position: relative;
}
.wp-block-search__inside-wrapper {
    display: flex;
    gap: 0;
}
.wp-block-search__input {
    width: 85% !important;
}
.wp-block-search__label {
    font-family: "Manrope", sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    color: #ffff;
    pointer-events: none;
    transition: 0.2s ease;
}
.wp-block-search:focus-within .wp-block-search__label {
    opacity: 0;
}


/* ==========================================================================
   7. FLUENT FORM BUTTON
   ========================================================================== */
#fluentform_1 button.ff-btn-submit,
#fluentform_1 input.ff-btn-submit {
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    box-shadow: none !important;
}
#fluentform_1 .ff-btn-submit {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background-image: none !important;
    text-decoration: none !important;
    position: relative !important;
    transition: all 0.25s ease-in-out;
}
#fluentform_1 .ff-btn-submit::before,
#fluentform_1 .ff-btn-submit::after {
    content: none !important;
    display: none !important;
}
#fluentform_1 .ff-btn-submit:hover {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}


/* ==========================================================================
   8. HEADER STRUCTURE
   ========================================================================== */
#qodef-page-header {
    border-bottom: 2px solid #ffffff !important;
}
.qodef-svg--menu path {
    fill: #000 !important;
}

.qodef-header-widget-area {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}
.qodef-header-search-link {
    display: flex !important;
    align-items: center !important;
    line-height: 1;
    margin-right: 4px !important;
    color: #000;
    text-decoration: none;
}
.qodef-header-search-link svg {
    display: block;
}
.qodef-side-area-opener {
    display: flex !important;
    align-items: center !important;
    margin-left: 0 !important;
}

.qodef-header-widget-area .wp-block-search {
    position: absolute !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}
.wp-block-search__button {
    display: none !important;
}
.wp-block-search__input {
    border-bottom: 1px solid #000;
    background: transparent;
}
.qodef-widget-holder.qodef--one {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 18px !important;
}
#qodef-page-header-inner {
    max-width: 1430px !important;
    margin: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.qodef-header-navigation {
    display: flex !important;
    align-items: center !important;
}
.wp-block-search__input::placeholder {
    color: #ffffff !important;
    font-family: "Manrope", sans-serif !important;
    opacity: 1 !important;
}
#qodef-page-header {
    width: 100% !important;
}

/* Page Layout Spacing Defaults */
.qodef-page-title {
    margin-top: 200px !important;
    margin-bottom: 50px !important;
}
.qodef-content-grid {
    margin-top: 10px !important;
    padding-top: 0 !important;
}


/* ==========================================================================
   9. FOOTER CLEANUP
   ========================================================================== */
#qodef-page-footer-top-area-inner {
    box-sizing: border-box !important;
}

#qodef-page-footer-top-area-inner .qodef-grid,
#qodef-page-footer-top-area-inner .qodef-grid-inner,
#qodef-page-footer-top-area-inner .qodef-grid-item {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#qodef-page-footer-top-area-inner p {
    margin: 0 !important;
    color: #000000 !important;
}

/* ==========================================================================
   10. TABLET RESPONSIVE FIXES (Screens smaller than 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
    #qodef-page-header,
    .qodef-page-header,
    .qodef-mobile-header,
    .qodef-mobile-header-inner,
    header.qodef-mobile-header-appearance {
        border-bottom: 1px solid #ffffff !important;
    }

    .qodef-page-title {
        margin-top: 120px !important;
        margin-bottom: 30px !important;
    }

    /* 📑 KEEP THE LAYOUT SIDE-BY-SIDE ON TABLETS */
    .qodef-grid-inner {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
    }

    /* 🟥 DIRECT FORM CELL OVERRIDE: Shrink the bars and force a safety gap on the right */
    div.fluentform,
    form.fluentform,
    #fluentform_1,
    [id^="fluentform_"] {
        width: 80% !important;            /* Shrinks the width of the input bars to 80% */
        max-width: 80% !important;
        box-sizing: border-box !important;
        
        /* Forces a wide 20% air gap to push it safely away from the sidebar logo */
        margin-right: 20% !important;     
        margin-left: 0 !important;
        display: block !important;
    }

    /* Ensure all inner rows, fields, and input lines snap to our new 80% boundary */
    form.fluentform *,
    .fluentform *,
    .ff-el-row,
    .ff-el-col,
    .ff-el-form-control,
    .fluentform input,
    .fluentform textarea {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Clean up the sidebar's side padding to keep things balanced on tablets */
    .qodef-page-sidebar-holder,
    .qodef-sidebar {
        padding-left: 20px !important;
        box-sizing: border-box !important;
        margin-top: 0 !important;         /* Keeps the sidebar perfectly level with the form */
    }
}
/* ==========================================================================
   12. STRICT TABLET ZONE OVERRIDES (Screens between 768px and 1100px)
   ========================================================================== */
@media (min-width: 768px) and (max-width: 1100px) {
    /* Forces the side-by-side format to behave nicely in the tablet zone */
    .qodef-content-grid-inner > .qodef-grid-inner {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
    }

    /* Shrinks the form inside the tablet zone ONLY */
    div.fluentform,
    form.fluentform,
    [id^="fluentform_"] {
        width: 80% !important;           /* Makes the bars smaller */
        max-width: 80% !important;
        box-sizing: border-box !important;
        
        /* Pushes a clean cushion gap on the right so it won't touch the sidebar */
        margin-right: 20% !important;    
        margin-left: 0 !important;
    }

    /* Force all input fields to respect the new 80% ceiling */
    form.fluentform *,
    .fluentform *,
    .ff-el-form-control,
    .fluentform input,
    .fluentform textarea {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}
/* ==========================================================================
   11. MOBILE RESPONSIVE FIXES (Screens smaller than 768px)
   ========================================================================== */
@media (max-width: 767px) {
    .qodef-page-title {
        margin-top: 30px !important; 
        margin-bottom: 20px !important;
    }

    h1 { font-size: 28px !important; }
    h2 { font-size: 24px !important; }
    h3 { font-size: 20px !important; }

    .wp-block-search__input {
        width: 100% !important;
    }
    
    .qodef-content-grid {
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 📱 READABLE MOBILE MENU TEXT (Clean 16px font baseline) */
    .qodef-mobile-header nav ul li a,
    .qodef-mobile-header nav ul li a span,
    .qodef-mobile-header-navigation ul li a,
    .qodef-mobile-header-navigation ul li a .qodef-menu-item-text {
        font-size: 16px !important;        
        font-weight: 800 !important;       
        letter-spacing: 0.5px !important; 
        padding-top: 14px !important;      /* Vertical spacing for finger selections */
        padding-bottom: 14px !important;   
        pointer-events: auto !important;   /* RESTORED: Standard text links are safely clickable again */
    }

    /* 🟥 TIGHTEN INTER-BUTTON SPACE: Pulls sub-menu links closer together on mobile */
    .qodef-mobile-header-navigation ul li ul.sub-menu li a,
    .qodef-mobile-header-navigation ul li ul.sub-menu li a .qodef-menu-item-text {
        padding-top: 4px !important;       /* Reduced top air gap between dropdown rows */
        padding-bottom: 4px !important;    /* Reduced bottom air gap between dropdown rows */
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .qodef-mobile-header-navigation ul li ul.sub-menu li {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Ensure parent row layout frames stretch across the mobile drawer column cleanly */
    .qodef-mobile-header-navigation ul li.menu-item-has-children {
        position: relative !important;
        display: block !important;
    }

    /* 📱 OPTIMIZED TRIANGLE DROPDOWN BUTTON (Easier to tap with fingers) */
    .qodef-mobile-header-navigation ul li.menu-item-has-children > .qodef-menu-arrow {
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        
        /* Expanded hot-zone size so users don't miss the toggle area */
        width: 55px !important;            
        height: 48px !important;           /* Constrained to top row to track correctly */
        
        display: flex !important;
        align-items: center !important;
        justify-content: center !important; /* Centers the icon inside its newly widened layout zone */
        z-index: 10 !important;
        cursor: pointer !important;
        background: rgba(255,255,255,0.03) !important; /* Subtle separate touch surface hint */
    }

    /* Adjust the raw SVG arrow positioning within the enlarged cell frame */
    .qodef-mobile-header-navigation ul li.menu-item-has-children > .qodef-menu-arrow svg,
    .qodef-mobile-header-navigation ul li.menu-item-has-children > .qodef-menu-arrow i {
        display: block !important;
        margin: 0 auto !important;
        transform: scale(1.15) !important; /* Slightly scales up the arrow size for clear legibility */
    }

    /* MOBILE ONLY: Keep the space below the tags tight before the next post begins */
    .qodef-blog-holder article.qodef-blog-item,
    .qodef-blog-holder .qodef-e-inner,
    article.entry.post,
    .qodef-blog-item {
        margin-bottom: 25px !important;
        padding-bottom: 0 !important;
    }

    /* CODES TO FORCE FORM CONTAINERS TO ALIGN LEFT AND FIT THE GLASS SCREEN */
    .qodef-grid-item,
    .qodef-content-grid-inner,
    div[class*="fluentform"],
    [id^="fluentform_"] {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Form element padding fix with forced space at the absolute bottom */
    form.fluentform,
    .fluentform {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 50px !important; 
        overflow: visible !important;    
    }

    /* Pull all form input boxes into line */
    form.fluentform *,
    .fluentform *,
    .ff-el-row,
    .ff-el-col,
    .ff-el-form-control,
    .fluentform input,
    .fluentform textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        left: 0 !important;
    }

    /* Tighten the giant spaces between form input rows */
    .fluentform .ff-el-group {
        margin-top: 0 !important;
        margin-bottom: 12px !important; 
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .fluentform .ff-el-row {
        margin-bottom: 0 !important;
    }

    /* SUBMIT BUTTON TEXT & CENTERING RECOVERY */
    .fluentform button.ff-btn-submit,
    .fluentform input.ff-btn-submit,
    #fluentform_1 .ff-btn-submit {
        font-size: 14px !important;        
        letter-spacing: 0.3px !important;  
        white-space: nowrap !important;
        text-align: center !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Force the button container row to be fully visible on block layouts */
    .fluentform .ff-el-group.ff-el-form-actions {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        clear: both !important;
        margin-top: 20px !important;
        padding-bottom: 20px !important;
        overflow: visible !important;
        text-align: center !important; 
    }

    /* SURGICAL OVERLAP FIX: Target ONLY the column that actually holds the contact form. */
    .qodef-grid-item:has(form.fluentform),
    .qodef-grid-item:has(.fluentform),
    .qodef-grid-inner:has(.fluentform) {
        padding-bottom: 20px !important; 
        margin-bottom: 10px !important;
        height: auto !important;
        overflow: visible !important;     
    }

    /* Prevent layouts from overlapping vertically */
    .qodef-page-content-holder,
    #qodef-page-content {
        display: block !important;
        height: auto !important;
        clear: both !important;
        padding-bottom: 40px !important;
        overflow: visible !important;
    }

    /* FIXED MOBILE MENU BAR REPAIRS */
    .qodef-mobile-header,
    .qodef-mobile-header-inner,
    header.qodef-mobile-header-appearance,
    .qodef-mobile-logo-wrapper {
        background-color: #ffffff !important;
        background: #ffffff !important;
    }

    .qodef-mobile-header-logo,
    .qodef-mobile-logo-wrapper a,
    .qodef-mobile-logo-wrapper img,
    img.qodef-mobile-logo {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
    }

    .qodef-mobile-header-inner,
    .qodef-mobile-header-navigation ul,
    .qodef-mobile-header-navigation ul li {
        border-left: none !important;
        border-left-width: 0 !important;
        box-shadow: none !important;
    }
}

 /* 📱 FORCE HAMBURGER MENU BUTTON TO STAY BLACK AT ALL TIMES */
    .qodef-mobile-header-opener,
    .qodef-mobile-header-opener svg,
    .qodef-mobile-header-opener path,
    .qodef-mobile-header-opener .qodef-m-lines,
    .qodef-mobile-header-opener .qodef-m-line,
    .qodef-svg--menu path {
        color: #000000 !important;
        fill: #000000 !important;
        stroke: #000000 !important;
    }
/* ==========================================================================
   12. MASTER TABLET RANGE FIX (Covers every tablet size: 768px to 1340px)
   ========================================================================== */
@media (min-width: 768px) and (max-width: 1340px) {
    /* 📑 Force the theme row layout cells to align side-by-side cleanly */
    body.page-id-5363 .qodef-content-grid-inner > .qodef-grid-inner,
body.page-id-5363 main#qodef-page-content .qodef-grid-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

    /* 🟥 TARGET THE FORMS CONTENT AREA: Shrinks the fields within this tablet zone */
    .fluentform-reply,
    .fluentform_1_wrapper,
    div.fluentform,
    form.fluentform,
    #fluentform_1 {
        width: 75% !important;           /* Shrinks the width of the input bars to 75% */
        max-width: 75% !important;
        box-sizing: border-box !important;
        display: block !important;
        
        /* 🟥 This right margin pushes a wide 25% air gap between the fields and sidebar */
        margin-right: 25% !important;    
        margin-left: 0 !important;
    }

    /* Force all inner text rows, field items, and boxes to respect the new 75% ceiling */
    form.fluentform *,
    .fluentform *,
    .ff-el-form-control,
    .fluentform input,
    .fluentform textarea,
    .ff-el-row,
    .ff-el-col,
    .fluentform .ff-el-group {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Balance the alignment spacing on the right-hand sidebar column */
    .qodef-page-sidebar-holder,
    .qodef-sidebar,
    .qodef-grid-inner > .qodef-col--4 {
        padding-left: 20px !important;
        box-sizing: border-box !important;
        margin-top: 0 !important;         /* Keeps the sidebar perfectly level with the form */
    }
}
/* ==========================================================================
   MASTER OVERRIDE: CONTACT PAGE FIXES (SAFE FOR DESKTOP)
   ========================================================================== */

/* 1. TABLET ZONE ONLY (768px to 1024px): Uses strict CSS Grid to prevent overlapping */
@media (min-width: 768px) and (max-width: 1024px) {
    
    /* Only targets the grid holding the contact form */
    .qodef-grid-inner:has(.fluentform) {
        display: grid !important;
        grid-template-columns: 55% 40% !important; 
        justify-content: space-between !important; 
        align-items: start !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Strips theme column widths so they obey the Grid */
    .qodef-grid-inner:has(.fluentform) > .qodef-grid-item,
    .qodef-grid-inner:has(.fluentform) > .qodef-col--8,
    .qodef-grid-inner:has(.fluentform) > .qodef-col--4 {
        width: 100% !important; 
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Allows the form to fill the left 55% cell */
    .fluentform-reply,
    div.fluentform,
    form.fluentform {
        width: 100% !important; 
        max-width: 100% !important;
        margin: 0 !important; 
        padding: 0 !important; 
    }

    /* Allows the text to fill the right 40% cell safely */
    .qodef-sidebar p,
    .qodef-sidebar #text-box,
    .qodef-sidebar .widget {
        width: 100% !important;
        max-width: 100% !important;
        word-wrap: break-word !important;
        white-space: normal !important;
    }
}

/* 2. MOBILE ZONE ONLY (767px and below): Forces the sidebar under the submit button */
@media (max-width: 767px) {
    
    /* Only targets the grid holding the contact form */
    .qodef-grid-inner:has(.fluentform) {
        display: flex !important;
        flex-direction: column !important; /* Stacks items vertically */
        flex-wrap: wrap !important;
        gap: px !important;              /* Adds clean space between the button and sidebar */
    }
}
/* ==========================================================================
   FIXED: MASTER GRID & CONTAINER OVERFLOW
   ========================================================================== */
@media (max-width: 1024px) {
    
    /* 1. Reset the grid to be fully responsive */
    .qodef-grid-inner {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important; /* Prevents horizontal scroll */
    }

    /* 2. Force all grid items to stay inside the frame */
    .qodef-grid-item, 
    .qodef-col--8, 
    .qodef-col--4 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important; /* Re-introduces safe padding */
        padding-right: 15px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    /* 3. Ensure Content Grid doesn't force a width push */
    .qodef-content-grid-inner {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
}

/* 2. Force Stack on Tablets and Mobiles (Screens <= 1024px) */
@media (max-width: 1024px) {
    
    /* Force Grid to Vertical Column */
    .qodef-grid-inner {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
        width: 100% !important;
    }

    /* Force Grid items to take full width */
    .qodef-grid-item, 
    .qodef-col--8, 
    .qodef-col--4 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Ensure Containers don't restrict width */
    .qodef-blog-holder .qodef-blog-inner,
    .qodef-content-grid-inner {
        display: block !important;
        width: 100% !important;
    }
}

/* 3. Surgical Contact Page Form Fix */
@media (max-width: 1024px) {
    .qodef-grid-inner:has(.fluentform) {
        display: block !important;
    }
    .fluentform {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
    }
}
/* ==========================================================================
   FINAL CONSOLIDATED FIX: Sidebar & Gallery Colors (Flash-Proof)
   ========================================================================== */

/* 1. Unified Category Colors for Sidebar AND Gallery */
.qodef-sidebar .cat-item a[href*="category/early-access"],
.qodef-blog-holder .qodef-e-info-tag a[href*="category/early-access"] {
    color: #e5a245 !important;
}

.qodef-sidebar .cat-item a[href*="category/recommended"],
.qodef-blog-holder .qodef-e-info-tag a[href*="category/recommended"] {
    color: #277a15 !important;
}

.qodef-sidebar .cat-item a[href*="category/not-recommended"],
.qodef-blog-holder .qodef-e-info-tag a[href*="category/not-recommended"] {
    color: #b1221f !important;
}

.qodef-sidebar .cat-item a[href*="category/all"],
.qodef-blog-holder .qodef-e-info-tag a[href*="category/all"] {
    color: #a2b1b3 !important;
}

/* 2. Kill transitions to stop the "flash-to-white" */
.qodef-sidebar .cat-item a,
.qodef-blog-holder .qodef-e-info-tag a {
    transition: none !important;
}

/* 3. Sidebar Bullet Points */
.qodef-sidebar ul {
    list-style-type: disc !important;
    padding-left: 20px !important;
    margin-left: 0 !important;
}
.qodef-sidebar ul li {
    list-style-type: disc !important;
    display: list-item !important;
	/* Force colors on gallery category links */
}
/* Target the filter links based on their data attributes */
/* --- Gallery Base Colors --- */
[data-gallery*="/gallery/"], 
[data-standard*="/category/all-reviews/"] { 
    color: #a2b1b3 !important; 
}

/* --- Category Specific Colors --- */
[data-standard*="/category/early-access/"] { 
    color: #e5a245 !important; 
}

[data-standard*="/category/not-recommended/"] { 
    color: #b1221f !important; 
}

[data-standard*="/category/recommended/"] { 
    color: #277a15 !important; 
}
/* Hide the inquiries section on smaller screens */
@media (max-width: 1350px) {

    body.page-id-5363 .elementor-element-7e38032,
    body.page-id-5363 .elementor-element-75e0a46 {
        display: none !important;
    }

}
/* Hide the Inquiries column on smaller screens */
@media (max-width: 1350px) {
    .elementor-5363 .elementor-element-c956301 {
        display: none !important;
    }
}
/* ==========================================================================
   GALLERY CARD SPACING
   ========================================================================== */

/* More breathing room between title and date/categories */
.qodef-blog .qodef-e-title {
    margin-bottom: 10px !important;
}
/* Pagination base */
.qodef-pagination a,
.qodef-pagination span,
.navigation.pagination a,
.navigation.pagination span,
.page-numbers {
    color: #ffffff !important;
}

/* Current page follows category */
body.category-recommended .page-numbers.current {
    color: #277a15 !important;
}

body.category-not-recommended .page-numbers.current {
    color: #b1221f !important;
}

body.category-early-access .page-numbers.current {
    color: #e5a245 !important;
}

body.category-all-reviews .page-numbers.current {
    color: #a2b1b3 !important;
}
/* Homepage only - move sidebar down */
body.page-id-6931 #qodef-page-sidebar {
    margin-top: 135px !important;
}
/* Homepage only - Hide tags under Latest Reviews */
body.page-id-6931 .qodef-e-info-tag {
    display: none !important;
}
/* Homepage - Hero button font */
body.page-id-6931 .qodef-qi-button .qodef-m-text {
    font-family: "Nexa Heavy", sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em;
}
/* Homepage - Hero slider arrows */
body.page-id-6931 .swiper-button-next svg,
body.page-id-6931 .swiper-button-prev svg {
    width: 64px !important;
    height: auto !important;
}

body.page-id-6931 .swiper-button-next path,
body.page-id-6931 .swiper-button-prev path {
    fill: #f5f5f5 !important;
}

body.page-id-6931 .swiper-button-next,
body.page-id-6931 .swiper-button-prev {
    opacity: .85;
    transition: opacity .25s ease;
}

body.page-id-6931 .swiper-button-next:hover,
body.page-id-6931 .swiper-button-prev:hover {
    opacity: 1;
}
/* Hide the "Top recommendations" category everywhere */
a[href="https://solo-save.com/category/top/"],
a[href*="/category/top/"] {
    display: none !important;
}
.elementor-element-737563e .qodef-m-value {
    display: none !important;
}
/* Homepage - Restore normal arrow size on tablets & mobile */
@media (max-width: 1024px) {
    body.page-id-6931 .swiper-button-next svg,
    body.page-id-6931 .swiper-button-prev svg {
        width: 32px !important;
        height: auto !important;
    }
}
/* 1280px and below */
@media (max-width: 1280px) {
    .elementor-element-3aaa0da .qodef-qi-button {
        padding: 10px 24px !important;
        font-size: 12px !important;
    }
}

/* 1024px and below */
@media (max-width: 1024px) {
    .elementor-element-3aaa0da .qodef-qi-button {
        padding: 8px 20px !important;
        font-size: 11px !important;
    }
}
/* Events archive page colors */

body.post-type-archive-tribe_events .tribe-common,
body.post-type-archive-tribe_events .tribe-events {
    color: #ffffff !important;
}

/* Event title */
body.post-type-archive-tribe_events .tribe-events-calendar-list__event-title-link,
body.post-type-archive-tribe_events .tribe-events-calendar-list__event-title {
    color: #e5a245 !important;
}

/* Event time */
body.post-type-archive-tribe_events .tribe-events-calendar-list__event-datetime {
    color: #ffffff !important;
}

/* Event description */
body.post-type-archive-tribe_events .tribe-events-calendar-list__event-description,
body.post-type-archive-tribe_events .tribe-events-calendar-list__event-description p {
    color: #7a7a7a !important;
}

/* Month heading */
body.post-type-archive-tribe_events .tribe-events-calendar-list__month-separator-text {
    color: #ffffff !important;
}

/* Date tag */
body.post-type-archive-tribe_events .tribe-events-calendar-list__event-date-tag-weekday {
    color: #7a7a7a !important;
}

body.post-type-archive-tribe_events .tribe-events-calendar-list__event-date-tag-daynum {
    color: #b1221f !important;
}

/* Upcoming text + navigation */
body.post-type-archive-tribe_events .tribe-events-c-top-bar__datepicker-button,
body.post-type-archive-tribe_events .tribe-events-c-nav__prev,
body.post-type-archive-tribe_events .tribe-events-c-nav__next,
body.post-type-archive-tribe_events .tribe-events-c-nav__prev-label,
body.post-type-archive-tribe_events .tribe-events-c-nav__next-label {
    color: #ffffff !important;
}

/* Hover links */
body.post-type-archive-tribe_events .tribe-events a:hover {
    color: #e5a245 !important;
}

/* Search area */
body.post-type-archive-tribe_events .tribe-events-c-search__input {
    color: #ffffff !important;
}

body.post-type-archive-tribe_events .tribe-events-c-search__input::placeholder {
    color: #7a7a7a !important;
}

/* Find events button */
body.post-type-archive-tribe_events .tribe-events-c-search__button {
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

body.post-type-archive-tribe_events .tribe-events-c-search__button:hover {
    background: #ffffff !important;
    color: #000000 !important;
}

/* View tabs */
body.post-type-archive-tribe_events .tribe-events-c-view-selector__list-item-link,
body.post-type-archive-tribe_events .tribe-events-c-view-selector__list-item-text {
    color: #ffffff !important;
}

/* Active tab underline */
body.post-type-archive-tribe_events .tribe-events-c-view-selector__list-item--active::before {
    background-color: #e5a245 !important;
}

/* Divider lines */
body.post-type-archive-tribe_events .tribe-events-calendar-list__month-separator:after,
body.post-type-archive-tribe_events .tribe-events-calendar-list__event-row,
body.post-type-archive-tribe_events .tribe-events-c-nav {
    border-color: #333333 !important;
}
/* ==========================================================
   SINGLE EVENT PAGE - SOLO SAVE COLORS
   ========================================================== */

body.single-tribe_events .tribe-events-single,
body.single-tribe_events .tribe-events-single *,
body.single-tribe_events .tribe-events-event-meta,
body.single-tribe_events .tribe-events-event-meta * {
    color: #ffffff !important;
}

/* Main event title */
body.single-tribe_events .tribe-events-single-event-title {
    color: #e5a245 !important;
}

/* Description text */
body.single-tribe_events .tribe-events-content,
body.single-tribe_events .tribe-events-content p,
body.single-tribe_events .tribe-events-single-event-description,
body.single-tribe_events .tribe-events-single-event-description p {
    color: #7a7a7a !important;
}

/* All event links */
body.single-tribe_events .tribe-events-single a,
body.single-tribe_events .tribe-events-event-meta a,
body.single-tribe_events .tribe-events-content a,
body.single-tribe_events .tribe-events-back a {
    color: #e5a245 !important;
}

body.single-tribe_events .tribe-events-single a:hover,
body.single-tribe_events .tribe-events-event-meta a:hover,
body.single-tribe_events .tribe-events-content a:hover,
body.single-tribe_events .tribe-events-back a:hover {
    color: #ffffff !important;
}

/* Back to all events link */
body.single-tribe_events .tribe-events-back a {
    color: #ffffff !important;
}

/* Details heading */
body.single-tribe_events .tribe-events-single-section-title,
body.single-tribe_events .tribe-events-meta-group .tribe-events-single-section-title {
    color: #ffffff !important;
}

/* Add to calendar button */
body.single-tribe_events .tribe-events-c-subscribe-dropdown__button,
body.single-tribe_events .tribe-common-c-btn-border {
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

body.single-tribe_events .tribe-events-c-subscribe-dropdown__button *,
body.single-tribe_events .tribe-common-c-btn-border * {
    color: #ffffff !important;
}

body.single-tribe_events .tribe-events-c-subscribe-dropdown__button:hover,
body.single-tribe_events .tribe-common-c-btn-border:hover {
    background: #ffffff !important;
    color: #000000 !important;
}

body.single-tribe_events .tribe-events-c-subscribe-dropdown__button:hover *,
body.single-tribe_events .tribe-common-c-btn-border:hover * {
    color: #000000 !important;
}

/* Divider lines */
body.single-tribe_events .tribe-events-single hr,
body.single-tribe_events .tribe-events-event-meta:before,
body.single-tribe_events .tribe-events-event-meta ~ div {
    border-color: #333333 !important;
}
/* Single event dates */
body.single-tribe_events .tribe-event-date-start,
body.single-tribe_events .tribe-event-date-end,
body.single-tribe_events .tribe-events-start-date,
body.single-tribe_events .tribe-events-end-date {
    color: #b1221f !important;
}

/* Date inside the schedule */
body.single-tribe_events .tribe-events-schedule time,
body.single-tribe_events .tribe-events-schedule datetime,
body.single-tribe_events .tribe-events-schedule .tribe-event-date-start,
body.single-tribe_events .tribe-events-schedule .tribe-event-date-end {
    color: #b1221f !important;
}
/* Jetpack Related Posts */
body.single-tribe_events #jp-relatedposts .jp-relatedposts-post-title a,
body.single-tribe_events #jp-relatedposts .jp-relatedposts-post-title a:visited,
body.single-tribe_events #jp-relatedposts .jp-relatedposts-post-a {
    color: #ffffff !important;
}

body.single-tribe_events #jp-relatedposts .jp-relatedposts-post-title a:hover,
body.single-tribe_events #jp-relatedposts .jp-relatedposts-post-a:hover {
    color: #e5a245 !important;
}
/* Single event meta start/end dates */
body.single-tribe_events .tribe-events-meta-list .tribe-events-start-datetime,
body.single-tribe_events .tribe-events-meta-list .tribe-events-end-datetime {
    color: #b1221f !important;
}
/* Homepage hero - mobile */
@media (max-width: 767px) {

    .qodef-qi-dual-image-with-content .qodef-dual-content {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

}
/* Mobile menu spacing + arrows */
@media (max-width: 1024px) {

    #menu-main-menu-3 > li {
        margin-bottom: 28px !important;
    }

    #menu-main-menu-3 > li > a {
        padding: 10px 0 !important;
        line-height: 1.1 !important;
    }

    #menu-main-menu-3 > li > a .qodef-menu-item-text {
        font-size: 22px !important;
        line-height: 1.1 !important;
    }

    #menu-main-menu-3 > li > .qodef-menu-item-arrow {
        width: 24px !important;
        height: auto !important;
        right: 38px !important;
        transform: translateY(-50%) !important;
    }

}
/* Mobile menu - reduce vertical spacing */
@media (max-width: 767px) {

    .qodef-mobile-header-navigation ul li a {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .qodef-mobile-header-navigation ul li a .qodef-menu-item-text {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        line-height: 1 !important;
    }
}
@media (max-width: 767px) {

    .qodef-mobile-header-navigation .qodef-menu-item-arrow {
        top: 32px !important;
    }

}
/* Equalize mobile menu item spacing */
#qodef-page-mobile-header nav.qodef-mobile-header-navigation > ul > li > a {
    padding: 14px 0 !important;
}
/* Remove weird inherited spacing */
#qodef-page-mobile-header nav.qodef-mobile-header-navigation > ul > li {
    margin: 0 !important;
}
/* Mobile: pull Reviews slightly closer to Home */
#qodef-page-mobile-header nav.qodef-mobile-header-navigation li.menu-item-4222 {
    margin-top: -4px !important;
}
/* Contact page mobile form alignment */
@media (max-width: 767px) {

    body.page-id-5363 .elementor-element-88a99b8 {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box;
    }

    body.page-id-5363 .elementor-element-88a99b8 .fluentform-widget-wrapper,
    body.page-id-5363 .elementor-element-88a99b8 .fluentform_wrapper_1,
    body.page-id-5363 .elementor-element-88a99b8 #fluentform_1 {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.page-id-5363 #fluentform_1 input,
    body.page-id-5363 #fluentform_1 textarea,
    body.page-id-5363 #fluentform_1 button {
        width: 100% !important;
        box-sizing: border-box;
    }
}
/* Contact page mobile sidebar spacing */
@media (max-width: 767px) {

    body.page-id-5363 #qodef-page-sidebar {
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box;
    }

    body.page-id-5363 #qodef-page-sidebar .widget,
    body.page-id-5363 #qodef-page-sidebar .elementor-widget,
    body.page-id-5363 #qodef-page-sidebar .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    body.page-id-5363 #qodef-page-sidebar img {
        max-width: 100% !important;
        height: auto !important;
    }
}
/* Contact page - reduce gap below form on mobile */
@media (max-width: 767px) {

    body.page-id-5363 .elementor-element-88a99b8 {
        margin-bottom: -100px !important;
    }
}
/* Gallery - Not Recommended page */
body.page-id-6014 .elementor-element-4310445 .qodef-blog > .qodef-grid-inner {
    display: flex !important;
    flex-wrap: wrap !important;
}

body.page-id-6014 .elementor-element-4310445 .qodef-blog > .qodef-grid-inner > article {
    display: none !important;
}

body.page-id-6014 .elementor-element-4310445 .qodef-blog > .qodef-grid-inner > article.category-not-recommended {
    display: block !important;
    width: 33.333% !important;
    max-width: 33.333% !important;
    float: none !important;
    clear: none !important;
}
/* Gallery - Early Access page */
body.page-id-6070 .qodef-blog > .qodef-grid-inner {
    display: flex !important;
    flex-wrap: wrap !important;
}

body.page-id-6070 .qodef-blog > .qodef-grid-inner > article {
    display: none !important;
}

body.page-id-6070 .qodef-blog > .qodef-grid-inner > article.category-early-access {
    display: block !important;
    width: 33.333% !important;
    max-width: 33.333% !important;
    float: none !important;
    clear: none !important;
}
/* Gallery - Recommended page */
body.page-id-6059 .qodef-blog > .qodef-grid-inner {
    display: flex !important;
    flex-wrap: wrap !important;
}

body.page-id-6059 .qodef-blog > .qodef-grid-inner > article {
    display: none !important;
}

body.page-id-6059 .qodef-blog > .qodef-grid-inner > article.category-recommended {
    display: block !important;
    width: 33.333% !important;
    max-width: 33.333% !important;
    float: none !important;
    clear: none !important;
}
/* ==========================================================================
   LISTVIEW - Global Design
   ========================================================================== */

/* Hide post images */
body.page-id-7525 .qodef-blog .qodef-e-media,
body.page-id-7525 .qodef-blog .qodef-e-media-image,
body.page-id-7556 .qodef-blog .qodef-e-media,
body.page-id-7556 .qodef-blog .qodef-e-media-image,
body.page-id-7562 .qodef-blog .qodef-e-media,
body.page-id-7562 .qodef-blog .qodef-e-media-image,
body.page-id-7568 .qodef-blog .qodef-e-media,
body.page-id-7568 .qodef-blog .qodef-e-media-image {
    display: none !important;
}

/* Hide excerpt */
body.page-id-7525 .qodef-blog .qodef-e-excerpt,
body.page-id-7556 .qodef-blog .qodef-e-excerpt,
body.page-id-7562 .qodef-blog .qodef-e-excerpt,
body.page-id-7568 .qodef-blog .qodef-e-excerpt {
    display: none !important;
}

/* Hide tags + social */
body.page-id-7525 .qodef-blog .qodef-e-bottom-holder,
body.page-id-7556 .qodef-blog .qodef-e-bottom-holder,
body.page-id-7562 .qodef-blog .qodef-e-bottom-holder,
body.page-id-7568 .qodef-blog .qodef-e-bottom-holder {
    display: none !important;
}

/* Title alignment */
body.page-id-7525 .qodef-blog .qodef-e-title a,
body.page-id-7556 .qodef-blog .qodef-e-title a,
body.page-id-7562 .qodef-blog .qodef-e-title a,
body.page-id-7568 .qodef-blog .qodef-e-title a {
    display: flex;
    align-items: center;
}

/* Square before title */
body.page-id-7525 .qodef-blog .qodef-e-title a::before,
body.page-id-7556 .qodef-blog .qodef-e-title a::before,
body.page-id-7562 .qodef-blog .qodef-e-title a::before,
body.page-id-7568 .qodef-blog .qodef-e-title a::before {
    content: "■";
    color: #fff;
    font-size: 25px;
    margin-right: 12px;
    flex-shrink: 0;
    position: relative;
    top: -3px;
}

/* ==========================================================================
   LISTVIEW CATEGORY FILTERS
   ========================================================================== */

/* Recommended */
body.page-id-7556 .qodef-blog article {
    display: none !important;
}

body.page-id-7556 .qodef-blog article.category-recommended {
    display: block !important;
}

/* Not Recommended */
body.page-id-7562 .qodef-blog article {
    display: none !important;
}

body.page-id-7562 .qodef-blog article.category-not-recommended {
    display: block !important;
}

/* Early Access */
body.page-id-7568 .qodef-blog article {
    display: none !important;
}

body.page-id-7568 .qodef-blog article.category-early-access {
    display: block !important;
}
/* ==========================================================================
   LISTVIEW - Title Hover
   ========================================================================== */

body.page-id-7525 .qodef-blog .qodef-e-title a:hover,
body.page-id-7556 .qodef-blog .qodef-e-title a:hover,
body.page-id-7562 .qodef-blog .qodef-e-title a:hover,
body.page-id-7568 .qodef-blog .qodef-e-title a:hover {
    color: #555555 !important;
}
/* ==========================================================================
   LISTVIEW - Square Hover
   ========================================================================== */

body.page-id-7525 .qodef-blog .qodef-e-title a:hover::before,
body.page-id-7556 .qodef-blog .qodef-e-title a:hover::before,
body.page-id-7562 .qodef-blog .qodef-e-title a:hover::before,
body.page-id-7568 .qodef-blog .qodef-e-title a:hover::before {
    color: #555555 !important;
}
/* ==========================================================================
   LISTVIEW - Title Size
   ========================================================================== */

body.page-id-7525 .qodef-blog .qodef-e-title,
body.page-id-7556 .qodef-blog .qodef-e-title,
body.page-id-7562 .qodef-blog .qodef-e-title,
body.page-id-7568 .qodef-blog .qodef-e-title {
    font-size: 18px !important;
    line-height: 1.3;
}
/* ==========================================================================
   LISTVIEW - Square Hover (Keep Category Colors)
   ========================================================================== */

/* All Reviews */
body.page-id-7525 .qodef-blog .qodef-e-title a:hover::before {
    color: #555555 !important;
}

/* Recommended */
body.page-id-7556 .qodef-blog .qodef-e-title a:hover::before {
    color: #277a15 !important;
}

/* Not Recommended */
body.page-id-7562 .qodef-blog .qodef-e-title a:hover::before {
    color: #b1221f !important;
}

/* Early Access */
body.page-id-7568 .qodef-blog .qodef-e-title a:hover::before {
    color: #e5a245 !important;
}
/* ==========================================================================
   LISTVIEW - Category Colored Squares
   ========================================================================== */

/* All Reviews */
body.page-id-7525 .qodef-blog .qodef-e-title a::before {
    color: #ffffff !important;
}

/* Recommended */
body.page-id-7556 .qodef-blog .qodef-e-title a::before {
    color: #277a15 !important;
}

/* Not Recommended */
body.page-id-7562 .qodef-blog .qodef-e-title a::before {
    color: #b1221f !important;
}

/* Early Access */
body.page-id-7568 .qodef-blog .qodef-e-title a::before {
    color: #e5a245 !important;
}
/* ==========================================================================
   LISTVIEW - Metadata / Title Gap
   ========================================================================== */

body.page-id-7525 .qodef-blog .qodef-e-top-holder,
body.page-id-7556 .qodef-blog .qodef-e-top-holder,
body.page-id-7562 .qodef-blog .qodef-e-top-holder,
body.page-id-7568 .qodef-blog .qodef-e-top-holder {
    margin-bottom: 1px !important;
    padding-bottom: 0 !important;
}

body.page-id-7525 .qodef-blog .qodef-e-text,
body.page-id-7556 .qodef-blog .qodef-e-text,
body.page-id-7562 .qodef-blog .qodef-e-text,
body.page-id-7568 .qodef-blog .qodef-e-text {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* ==========================================================================
   LISTVIEW - Title Weight
   ========================================================================== */

body.page-id-7525 .qodef-blog .qodef-e-title,
body.page-id-7556 .qodef-blog .qodef-e-title,
body.page-id-7562 .qodef-blog .qodef-e-title,
body.page-id-7568 .qodef-blog .qodef-e-title {
    font-weight: 1000 !important;
}
/* ==========================================================================
   LISTVIEW - Review Divider
   ========================================================================== */

body.page-id-7525 .qodef-blog article,
body.page-id-7556 .qodef-blog article,
body.page-id-7562 .qodef-blog article,
body.page-id-7568 .qodef-blog article {
    position: relative;
    padding-bottom: 28px;
    margin-bottom: 28px;
}

body.page-id-7525 .qodef-blog article::after,
body.page-id-7556 .qodef-blog article::after,
body.page-id-7562 .qodef-blog article::after,
body.page-id-7568 .qodef-blog article::after {
    content: "";
    display: block;
    width: 96%;
    height: 1px;
    background: #2d2d2d;
    margin-top: 1px;
}

body.page-id-7525 .qodef-blog article:last-child::after,
body.page-id-7556 .qodef-blog article:last-child::after,
body.page-id-7562 .qodef-blog article:last-child::after,
body.page-id-7568 .qodef-blog article:last-child::after {
    display: none;
}
/* ==========================================================================
   LISTVIEW - 975PX REVIEW DIVIDER SPACING
   ========================================================================== */

@media (max-width: 975px) {

    body.page-id-7525 .qodef-blog article,
    body.page-id-7556 .qodef-blog article,
    body.page-id-7562 .qodef-blog article,
    body.page-id-7568 .qodef-blog article {
        padding-bottom: 22px !important;
    }

}
body .elementor-element-704849aa a.steam-curator-link {
    color: #ffffff !important;
    font-weight: 700;
    text-decoration: underline;
}

body .elementor-element-704849aa a.steam-curator-link:hover {
    color: #555555 !important;
}
/* All Reviews - Default square color */
body.page-id-7525 .qodef-blog .qodef-e-title a::before {
    color: #555555 !important;
}
/* ==========================================================================
   GLOBAL - Top Recommendation & Current GOTY
   ========================================================================== */

/* Hide the Top category text */
article.category-top a[href*="category/top"] {
    display: none !important;
}

/* Hide the CGOTY category text */
article.category-cgoty a[href*="category/cgoty"] {
    display: none !important;
}

/* Hide the separators before the hidden categories */
article.category-top a[href*="category/recommended"] + .qodef-info-separator-single,
article.category-cgoty a[href*="category/top"] + .qodef-info-separator-single,
article.category-cgoty a[href*="category/recommended"] + .qodef-info-separator-single {
    display: none !important;
}

/* ==========================================================
   Top Recommendation ONLY
   ========================================================== */

article.category-top:not(.category-cgoty) a[href*="category/recommended"]::after {
    content: " 🏅";
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    position: relative;
    top: 5px;
}

/* ==========================================================
   Top Recommendation + Current GOTY
   ========================================================== */
article.category-top.category-cgoty a[href*="category/recommended"]::after {
    content: " 🏅👑";
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    position: relative;
    top: 5px;
}
/* ==========================================================================
   GALLERY - Align Main Category Directly Below Date Row
   ========================================================================== */

/* Hide the separator before the second category */
body.page-id-6014 .qodef-e-info a[href*="/category/all-reviews/"]
    + .qodef-info-separator-single,

body.page-id-6059 .qodef-e-info a[href*="/category/all-reviews/"]
    + .qodef-info-separator-single,

body.page-id-6070 .qodef-e-info a[href*="/category/all-reviews/"]
    + .qodef-info-separator-single {
    display: none !important;
}

/* Force the main category onto a clean new line */
body.page-id-6014 .qodef-e-info a[href*="/category/not-recommended/"],
body.page-id-6059 .qodef-e-info a[href*="/category/recommended/"],
body.page-id-6070 .qodef-e-info a[href*="/category/early-access/"] {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    transform: none !important;
    text-indent: 0 !important;
}
/* ==========================================================================
   GALLERY - Medal & Crown Alignment
   ========================================================================== */

body.page-id-6014 article.category-top a[href*="/category/recommended"]::after,
body.page-id-6059 article.category-top a[href*="/category/recommended"]::after,
body.page-id-6070 article.category-top a[href*="/category/recommended"]::after {
    top: -2px !important;
}
/* Global small section subtitles: CURRENT, TOP, etc. */
h5.qodef-m-subtitle {
    color: #555555 !important;
}