/* ============================================================ MASTER IMPORT FILE — main.css Ghost Option B (partial imports) ============================================================ */ /* --- 0. BASE / GLOBAL RULES --- */ @import "swx-site-background-cb20260503.css"; @import "swx-color-background-cb20260503.css"; @import "swx-base-elements-cb20260503.css"; @import "swx-fonts-cb20260503.css"; @import "swx-tags-cb20260503.css"; /* --- 1. SITEWIDE COMPONENTS --- */ @import "swx-header-cb20260503.css"; @import "swx-drop-down-menu-cb20260503.css"; @import "swx-intel-drops-ticker-1-cb20260503.css"; @import "swx-briefs-carousel-cb20260503.css"; @import "swx-author-tiles-cb20260503.css"; @import "swx-footer-cb20260503.css"; @import "swx-errors-cb20260503.css"; @import "swx-intel-hub-cb20260503.css"; /* --- 2. POST & PAGE COMPONENTS --- */ @import "swx-articles-6-cb20260503.css"; @import "swx-cta-1-cb20260503.css"; @import "swx-general-pages-cb20260503.css"; @import "swx-card-youtube-1-cb20260503.css"; @import "swx-post-page-picture_boxes-2-cb20260503.css"; @import "swx-video-player-2-cb20260503.css"; @import "swx-post-page-audio-2-cb20260503.css"; @import "swx-ghost-cards-cb20260503.css"; @import "swx-scanline_divider-1-cb20260503.css"; @import "swx-post-page-downloads-1-cb20260503.css"; @import "swx-post-blockquotes-2-cb20260503.css"; @import "swx-post-page-bookmarks-3-cb20260503.css"; @import "swx-post-page-gallery-images-cb20260503.css"; @import "swx-article-signup-card-1-cb20260503.css"; @import "swx-article-tables-1-cb20260503.css"; /* --- 3. INDEPENDENT WIDGETS --- */ @import "swx-funny-money-strip-cb20260503.css"; @import "swx-critical-intel-feed-cb20260503.css"; @import "swx-intel-ticker-dod-contracts-cb20260503.css"; @import "swx-radio_v2-cb20260503.css"; /* --- 4. INDEPENDENT PAGES --- */ @import "intelligence_v2-cb20260503.css"; @import "swx-timeline-cb20260503.css"; @import "swx-author-hero-1-cb20260503.css"; @import "swx-news-pages-1-cb20260503.css"; @import "swx-seo-page-cb20260503.css"; @import "swx-critical-page-cb20260503.css"; @import "swx-silver-page-1-cb20260503.css"; @import "swx-featured-hero-1-cb20260503.css"; @import "swx-gcumf-page-cb20260503.css"; @import "swx-usas-page-cb20260503.css"; /* --- X. OVERRIDES / UTILITIES --- */ /* --- SILVERWARS AUDIO --- */ .kg-audio-player { background: #050505; border: 1px solid #333; border-left: 4px solid #ff3333; padding: 15px; display: flex; align-items: center; gap: 15px; font-family: 'Courier New', monospace; margin: 2rem 0; } .kg-audio-play-icon, .kg-audio-pause-icon { background: #ff3333; color: #000; border: none; width: 36px; height: 36px; font-size: 14px; cursor: pointer; font-weight: bold; display: flex; justify-content: center; align-items: center; } .kg-audio-title { color: #fff; font-weight: bold; text-transform: uppercase; font-size: 0.9rem; white-space: nowrap; } .sw-waveform-canvas { flex-grow: 1; height: 40px; background: #111; border: 1px solid #333; } .kg-audio-time { color: #ff3333; font-size: 0.8rem; min-width: 80px; text-align: right; } .kg-audio-hide { display: none !important; } /* Force numbers back onto ordered lists */ .sw-page .gh-content ol { list-style-type: decimal !important; /* 1, 2, 3 */ padding-left: 1rem !important; /* Make room for the numbers */ margin-left: 1rem !important; /* push the whole list over slightly */ } /* Ensure the list items respect the container */ .sw-page .gh-content ol li { list-style-position: outside !important; padding-left: 0.5rem !important; /* Space between number and text */ } /* Optional: Color the numbers explicitly if they are invisible */ .sw-page .gh-content ol li::marker { color: #ffffff !important; /* Adjust color to match your text */ font-weight: bold; } /* 1. CONTAINER: Sidebar Mode */ .sw-twitter-unit { position: relative; float: right; width: 300px; min-width: 250px; min-height: 250px; /* Taller min-height to prevent collapse */ margin: 0.5rem 0 1rem 2rem; z-index: 999; clear: right; display: block; /* Theme Styling */ background: #000; border-right: 2px solid #ff1a1a; box-shadow: 0 0 20px rgba(0,0,0,0.5); } /* --- BREAKOUT LOGIC (Active on Laptop & Desktop) --- */ /* This calculates the distance to the window edge and pushes the box there */ @media (min-width: 1000px) { .sw-twitter-unit { /* Logic: (ContainerWidth - WindowWidth) / 2 = Negative Margin to edge */ margin-right: calc((100% - 100vw) / 2)!important; transform: translateX(-20px); /* Safety gap from scrollbar */ } } /* 2. EXPANDED STATE: Focus Mode */ .sw-twitter-unit.sw-expanded { float: none!important; width: 100vw!important; max-width: 100vw!important; /* Center the expanded unit */ margin: 3rem 0 3rem calc(50% - 50vw)!important; display: flex!important; flex-direction: column; align-items: center; background: #050505; border-right: none; border-top: 2px solid #ff1a1a; border-bottom: 2px solid #ff1a1a; padding: 40px 0; z-index: 9999; /* Ensure it covers everything */ } /* 3. IFRAME FIXES */ .sw-twitter-unit iframe { margin: 0!important; background-color: transparent!important; } /* 4. TOGGLE BUTTON */ .sw-twitter-toggle { position: absolute; top: -20px; right: -2px; background: #000; color: #ff1a1a; border: 1px solid #ff1a1a; font-family: sans-serif; font-size: 10px; font-weight: bold; line-height: 1; padding: 6px 10px; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; z-index: 1000; transition: all 0.2s; } .sw-twitter-toggle:hover { background: #ff1a1a; color: #000; box-shadow: 0 0 8px rgba(255, 26, 26, 0.5); } /* 5. TEXT SWAP ON EXPAND */ .sw-twitter-unit.sw-expanded.sw-twitter-toggle { font-size: 0; top: 20px; right: 20px; } .sw-twitter-unit.sw-expanded.sw-twitter-toggle::after { content: "SHRINK [-]"; font-size: 12px; } /* MOBILE RESET */ @media (max-width: 700px) { .sw-twitter-unit { float: none!important; width: 100%!important; margin: 1.5rem 0; border: none; border-top: 1px solid #ff1a1a; margin-right: 0!important; /* Reset breakout */ } .sw-twitter-toggle { display: none; } }