/* ======================================== STOCKHANGO GALACTIC EDITION v2.0 ======================================== */ /* ======================================== STICKY BOTTOM TICKER ======================================== */ .bottom-ticker { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; background: #000000; } /* ======================================== HOMEPAGE CARDS ======================================== */ .content-block-1 .hentry, .content-loop .hentry { background-color: #111827 !important; border: none !important; box-shadow: none !important; transition: all 0.25s ease; } .content-block-1 .hentry:hover, .content-loop .hentry:hover { transform: translateY(-2px); } /* ======================================== SINGLE POSTS & PAGES ======================================== */ .single .site-main, .page .site-main, .search-no-results .site-main { background-color: #111827 !important; border: 1px solid #374151 !important; box-shadow: none !important; } /* ======================================== TITLES ======================================== */ .content-block-1 .entry-title a, .content-loop .entry-title a, .single .entry-title, .single .entry-title a { color: #FFFFFF !important; } .single .entry-title { font-weight: 700; letter-spacing: 0.5px; } /* ======================================== BODY TEXT ======================================== */ .content-block-1 .entry-summary, .content-loop .entry-summary, .content-block-1 p, .content-loop p, .single .entry-content, .single .entry-content p, .single .entry-content li { color: #E5E7EB !important; } .single .entry-content { line-height: 1.8; } /* ======================================== META INFORMATION ======================================== */ .content-block-1 .entry-meta, .content-loop .entry-meta, .content-block-1 .entry-meta a, .content-loop .entry-meta a, .single .entry-meta a { color: #9CA3AF !important; } /* ======================================== LINKS ======================================== */ .entry-content a, .entry-summary a, .entry-title a, .widget a, .entry-related a { color: #E6C200 !important; font-weight: 600; } .entry-content a:hover, .entry-summary a:hover, .entry-title a:hover, .widget a:hover, .entry-related a:hover, a:hover { color: #10B981 !important; } /* ======================================== THUMBS UP / DOWN ======================================== */ .thumbs-rating-container button, .thumbs-rating-container button i { color: #FFFFFF !important; } /* ======================================== RELATED CONTENT ======================================== */ .entry-related .entry-title, .post-bottom-related .entry-title { text-align: left !important; } .entry-related .hentry, .post-bottom-related .hentry { margin-bottom: 20px !important; } /* ======================================== VIDEO EMBEDS ======================================== */ .wp-block-embed, .wp-block-video, iframe { margin-top: 20px; margin-bottom: 30px; } /* ======================================== GLOBAL LINK SMOOTHNESS ======================================== */ a { transition: color 0.25s ease; } /* ======================================== SCROLLBAR ======================================== */ ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #111827; } ::-webkit-scrollbar-thumb { background: #374151; } ::-webkit-scrollbar-thumb:hover { background: #E6C200; } /* ======================================== CATEGORY & ARCHIVE TITLES ======================================== */ .category .page-title, .archive .page-title, .category .archive-title, .archive .archive-title, .category h1, .archive h1 { color: #FFFFFF !important; } /* ======================================== SIDEBAR WIDGETS ======================================== */ /* Widget Titles */ .widgettitle, .widgettitle a, .widget-title, .widget-title a { color: #FFFFFF !important; background: transparent !important; } /* Widget Text */ .widget, .widget p, .widget li { color: #E5E7EB !important; } /* Widget Links */ .widget a { color: #E6C200 !important; } /* Widget Hover */ .widget a:hover { color: #10B981 !important; } /* Sidebar Title Insurance */ .sidebar .widgettitle, .sidebar .widget-title { color: #FFFFFF !important; } /* ======================================== MENU & SUBMENU HOVER STATES ======================================== */ /* Default submenu text */ .sub-menu a, .sub-menu .menu-text { color: #000000 !important; background-color: #FFFFFF !important; font-weight: 600 !important; } /* Submenu Hover */ .sub-menu li:hover, .sub-menu li:hover > a { background-color: #FFFFFF !important; } .sub-menu li:hover > a, .sub-menu li:hover > a .menu-text, .sub-menu a:hover, .sub-menu a:hover .menu-text { color: #10B981 !important; font-weight: 700 !important; } /* ======================================== MENU & SUBMENU HOVER STATES ======================================== */ /* Default submenu text */ .sub-menu a, .sub-menu .menu-text { color: #000000 !important; background-color: #FFFFFF !important; font-weight: 600 !important; } /* ======================================== TOP MENU GOLD HOVER ======================================== */ .menu-item:hover > a, .menu-item:hover > a .menu-text { background-color: #E6C200 !important; color: #000000 !important; } /* ======================================== SUBMENU OVERRIDE ======================================== */ .sub-menu .menu-item:hover > a, .sub-menu .menu-item:hover > a .menu-text, .sub-menu a:hover, .sub-menu a:hover .menu-text { background-color: #FFFFFF !important; color: #10B981 !important; font-weight: 700 !important; } /* ======================================== SIDEBAR WIDGETS ======================================== */ .widgettitle, .widgettitle a, .widget-title, .widget-title a, .sidebar .widgettitle, .sidebar .widget-title { color: #FFFFFF !important; background: transparent !important; } .widget, .widget p, .widget li { color: #E5E7EB !important; } .widget a { color: #E6C200 !important; } .widget a:hover { color: #10B981 !important; } /* ======================================== MENUS ======================================== */ .sub-menu a, .sub-menu .menu-text { color: #000000 !important; background-color: #FFFFFF !important; font-weight: 600 !important; } .sub-menu li:hover, .sub-menu li:hover > a { background-color: #FFFFFF !important; } .menu-item:hover > a, .menu-item:hover > a .menu-text { background-color: #E6C200 !important; color: #000000 !important; } /* ======================================== PAGE OFFSET ======================================== */ body { padding-top: 70px; } /* ======================================== LOGO ALIGNMENT ======================================== */ .custom-logo, .site-logo img, .site-branding img { display: block; margin-top: 0 !important; margin-bottom: 0 !important; max-height: 60px; } /* ======================================== GOLD SEPARATOR ======================================== */ .stockhango-divider { border: 0; height: 2px; background: linear-gradient( to right, transparent, #E6C200, transparent ); margin: 35px 0; } /* ======================================== STOCKHANGO CONTENT STYLING ======================================== */ /* Titles */ .entry-title, .entry-title a, .page-title, .archive-title, .archive .page-title, .category .page-title, .single .entry-title, .page .entry-title, h1.wp-block-post-title { text-align: center !important; color: #E6C200 !important; font-weight: 800; letter-spacing: 1px; margin-bottom: 20px; } /* Article / Instruction Text */ .entry-content, .entry-content p, .entry-content li, .wp-block-paragraph, .wp-block-list { color: #FFFFFF !important; font-size: 18px !important; line-height: 1.8 !important; font-weight: 400; } /* Subheadings */ .entry-content h2, .entry-content h3, .entry-content h4 { color: #E6C200 !important; margin-top: 30px; margin-bottom: 15px; } /* TradingView Bottom Ticker */ .bottom-ticker, tv-ticker-tape { z-index: 1 !important; } /* Mobile */ @media (max-width: 768px) { tv-ticker-tape { bottom: 60px !important; } } /* Category Description Box */ .taxonomy-description { background: #2b2b2b; padding: 25px; border-radius: 8px; margin: 20px 0 30px; } /* Category Title */ .taxonomy-description h1, .taxonomy-description h2, .taxonomy-description h3, .taxonomy-description strong { color: #ffffff !important; } /* Description Text */ .taxonomy-description { background: #2b2b2b; color: #ffffff; padding: 25px; border-left: 4px solid #d4af37; border-radius: 8px; margin: 20px 0 30px; text-align: center; } .taxonomy-description p, .taxonomy-description strong, .taxonomy-description h1, .taxonomy-description h2, .taxonomy-description h3 { color: #ffffff !important; text-align: center; } /* Menu Overlap */ #stockhango-pattern-radar{ background:#111827; border:1px solid #2b2b2b; border-radius:12px; padding:20px; margin:25px 0; color:#fff; } .radar-header{ text-align:center; margin-bottom:20px; } .radar-header h2{ color:#E6C200; margin-bottom:5px; } .radar-summary{ display:flex; gap:15px; margin-bottom:25px; flex-wrap:wrap; } .radar-card{ flex:1; min-width:140px; text-align:center; padding:15px; border-radius:10px; } .bullish{ background:#064e3b; } .bearish{ background:#7f1d1d; } .neutral{ background:#374151; } .count{ display:block; font-size:28px; font-weight:bold; } .label{ font-size:14px; } .pattern-table{ width:100%; border-collapse:collapse; } .pattern-table th{ background:#000; color:#E6C200; padding:12px; } .pattern-table td{ padding:12px; border-bottom:1px solid #2b2b2b; } .pattern-table tr:hover{ background:#1f2937; } /* Section Heading Title */ .section-heading .section-title, .section-heading .section-title a, h3.section-title, h3.section-title a { color: #ffffff !important; } /* ======================================== TV & GUIDE ======================================== */ /* TV Container */ .stockhango-player { width: 85%; max-width: 1400px; margin: 0 auto 40px auto; background: #000; padding: 20px; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,.50); } /* TV Screen */ .stockhango-player iframe { width: 100%; min-height: 650px; border-radius: 10px; } /* Channel Guide */ .stockhango-channel-strip { display: flex; gap: 15px; overflow-x: auto; white-space: nowrap; padding: 20px 0; scroll-behavior: smooth; } /* Scrollbar */ .stockhango-channel-strip::-webkit-scrollbar { height: 10px; } .stockhango-channel-strip::-webkit-scrollbar-thumb { background: #d4af37; border-radius: 10px; } /* Channel Cards */ .stockhango-channel-card { min-width: 275px; max-width: 275px; flex-shrink: 0; padding: 15px; border: 1px solid #d4af37; border-radius: 10px; background: #111827; } div.blog-info, div.blog-credits{ display:none !important; } /* ========================================================== stocKhango Schedule Preview ========================================================== */ .stockhango-schedule-preview{ width:100%; max-width:1100px; margin:40px auto; background:rgba(255,255,255,.82); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.35); border-radius:18px; overflow:hidden; box-shadow: 0 15px 45px rgba(0,0,0,.30); } /* =========================== Header =========================== */ .schedule-header{ padding:20px 32px; border-bottom:1px solid rgba(0,0,0,.08); } .schedule-header h2{ margin:0; font-size:2rem; font-weight:700; color:#1b1b1b; } /* =========================== Rows =========================== */ .schedule-link{ display:block; color:inherit; text-decoration:none; } .schedule-row{ display:grid; grid-template-columns: 130px 1fr 170px; align-items:center; padding:14px 32px; border-bottom:1px solid rgba(0,0,0,.08); transition:.25s; } .schedule-row:hover{ background:rgba(255,255,255,.30); } /* =========================== Channel Number =========================== */ .schedule-channel{ font-size:1.05rem; font-weight:700; color:#1f1f1f; } /* =========================== Channel Name =========================== */ .schedule-name{ font-size:1.8rem; font-weight:600; color:#111; } /* =========================== Status =========================== */ .schedule-status{ text-align:right; font-size:1.15rem; font-weight:700; } .schedule-live{ color:#0ca54d; } .schedule-offline{ color:#555; } /* =========================== Footer =========================== */ .schedule-footer{ padding:20px 32px; text-align:right; border-top:1px solid rgba(0,0,0,.08); background:transparent; } .schedule-footer a, .schedule-footer a:link, .schedule-footer a:visited{ color:#000 !important; font-size:2rem; font-weight:700; text-decoration:none; transition: color .25s ease, opacity .25s ease; } /* Match the rest of the site */ .schedule-footer a:hover, .schedule-footer a:focus{ color:#10B981 !important; opacity:1; } .schedule-footer a:active{ color:#10B981 !important; } /* =========================== Mobile =========================== */ @media (max-width:768px){ .schedule-row{ grid-template-columns:1fr; row-gap:6px; text-align:left; } .schedule-status{ text-align:left; } .schedule-footer{ text-align:center; } } /* =========================== No Live Channels Message =========================== */ .schedule-empty{ padding:40px 30px; text-align:center; color:#000000 !important; } .schedule-empty p{ margin:10px 0; color:#000000 !important; font-size:1.2rem; font-weight:500; line-height:1.6; } .schedule-empty p:first-child{ font-size:1.4rem; font-weight:700; } /*========================================================= LIVE ON S.K. TV =========================================================*/ .stockhango-live-section{ margin:60px auto; padding:30px 0; position:relative; overflow:hidden; } /*========================================================= Header =========================================================*/ .stockhango-live-header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:28px; padding:0 24px; } .stockhango-live-title{ font-size:2rem; font-weight:800; color:#ffffff; letter-spacing:.5px; } .stockhango-live-subtitle{ color:#B0B0B0; font-size:1rem; margin-top:6px; } /*========================================================= Carousel =========================================================*/ .stockhango-live-carousel{ position:relative; overflow:hidden; width:100%; padding:18px 0; } /* Fade Left */ .stockhango-live-carousel:before{ content:""; position:absolute; left:0; top:0; width:120px; height:100%; z-index:5; background:linear-gradient( to right, #000 0%, rgba(0,0,0,0) 100% ); } /* Fade Right */ .stockhango-live-carousel:after{ content:""; position:absolute; right:0; top:0; width:120px; height:100%; z-index:5; background:linear-gradient( to left, #000 0%, rgba(0,0,0,0) 100% ); } .stockhango-live-track{ display:flex; gap:30px; width:max-content; animation:stockhango-scroll 55s linear infinite; } .stockhango-live-carousel:hover .stockhango-live-track{ animation-play-state:paused; } /*========================================================= Card =========================================================*/ .sk-card{ width:215px; min-height:245px; flex:0 0 auto; background:#ffffff; border-radius:18px; border-top:4px solid #D4AF37; box-shadow: 0 12px 28px rgba(0,0,0,.12); transition: transform .25s, box-shadow .25s; text-align:center; padding:18px; } .sk-card:hover{ transform:translateY(-6px); box-shadow: 0 18px 36px rgba(0,0,0,.20); } /*========================================================= Logo =========================================================*/ .sk-logo{ height:72px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; } .sk-logo img{ max-width:68px; max-height:68px; object-fit:contain; } /*========================================================= Channel =========================================================*/ .sk-channel{ color:#666666; font-size:.90rem; font-weight:700; letter-spacing:.8px; margin-bottom:8px; } /*========================================================= Creator =========================================================*/ .sk-name{ font-size:1.25rem; font-weight:700; color:#111111; line-height:1.2; min-height:52px; display:flex; align-items:center; justify-content:center; margin-bottom:12px; } /*========================================================= Category =========================================================*/ .sk-meta{ color:#666666; font-size:.95rem; min-height:24px; margin-bottom:16px; } /*========================================================= LIVE =========================================================*/ .sk-live{ color:#10B981; font-weight:700; font-size:1rem; display:flex; align-items:center; justify-content:center; gap:8px; } .sk-live-dot{ width:10px; height:10px; border-radius:50%; background:#10B981; animation:livePulse 1.8s infinite; } /*========================================================= Animations =========================================================*/ @keyframes stockhango-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } } @keyframes livePulse{ 0%{ opacity:.35; transform:scale(.9); } 50%{ opacity:1; transform:scale(1.2); } 100%{ opacity:.35; transform:scale(.9); } } /*========================================================= Mobile =========================================================*/ @media(max-width:768px){ .sk-card{ width:180px; min-height:215px; } .stockhango-live-title{ font-size:1.5rem; } } .sk-guide-row{ display:flex; align-items:center; height:64px; border-bottom:1px solid #1c1c1c; background:#000; color:#fff; white-space:nowrap; } .sk-guide-status{ width:36px; text-align:center; } .sk-guide-channel{ width:70px; font-weight:700; } .sk-guide-creator{ width:300px; } .sk-guide-state{ width:150px; font-weight:700; } .sk-guide-title{ flex:1; }