Software

/* TradeRank Capital - Fintech Dark Theme - OVERRIDES ASTRA */ /* Force dark background on body - override Astra */ body, #letterbox, .ast-main-content-layout { background-color: #0B0F19 !important; color: #E2E8F0 !important; } /* Site-wide heading colors */ h1, h2, h3, h4, h5, h6 { color: #FFFFFF !important; font-weight: 700 !important; letter-spacing: -0.02em !important; } /* Links */ a, a:visited { color: #38BDF8 !important; } a:hover { color: #10B981 !important; } /* Navigation - dark header */ .site-header, header, .main-header-bar { background-color: rgba(11, 15, 25, 0.95) !important; backdrop-filter: blur(12px) !important; border-bottom: 1px solid #1F2937 !important; } .site-title, .site-title a { color: #F9FAFB !important; font-weight: 800 !important; } /* Navigation menu items */ .main-navigation a, .menu-link { color: #E2E8F0 !important; } .main-navigation a:hover, .menu-link:hover { color: #38BDF8 !important; } /* Buttons - electric blue */ .wp-block-button__link { background-color: #2563EB !important; color: #FFFFFF !important; border-radius: 8px !important; font-weight: 600 !important; padding: 12px 24px !important; } .wp-block-button__link:hover { background-color: #1D4ED8 !important; transform: translateY(-2px) !important; } /* Outline buttons */ .is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link { background-color: transparent !important; border: 1px solid #334155 !important; color: #E2E8F0 !important; } .is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:hover { border-color: #38BDF8 !important; color: #38BDF8 !important; } /* Code blocks - terminal green */ pre, code, .wp-block-code, .wp-block-preformatted { background-color: #020617 !important; border: 1px solid #1E293B !important; border-radius: 8px !important; color: #10B981 !important; font-family: 'Fira Code', 'Courier New', monospace !important; padding: 20px !important; font-size: 14px !important; line-height: 1.6 !important; } /* Cards / groups */ .wp-block-group, .wp-block-columns, .wp-block-column { background-color: #111827 !important; border: 1px solid #1F2937 !important; border-radius: 12px !important; padding: 32px !important; } .wp-block-group:hover, .wp-block-columns:hover { border-color: #2563EB !important; box-shadow: 0 0 20px rgba(37, 99, 235, 0.15) !important; } /* Paragraph text */ p, .wp-block-paragraph { color: #E2E8F0 !important; } /* Astra header elements */ .main-header-bar-wrap, .site-header-content { background-color: rgba(11, 15, 25, 0.95) !important; } /* Astra menu button */ .ast-menu-toggle, .nav-menu-btn { background-color: rgba(11, 15, 25, 0.95) !important; color: #E2E8F0 !important; border: 1px solid #1F2937 !important; } /* Astra search */ .ast-search-menu-icon { color: #E2E8F0 !important; } /* Astra skip link */ .screen-reader-text, .skip-link { background-color: #111827 !important; color: #E2E8F0 !important; } /* Astra entry title */ .entry-title, .page-title { color: #FFFFFF !important; font-weight: 700 !important; } /* Astra footer */ .site-footer, .ast-footer { background-color: #0B0F19 !important; color: #9CA3AF !important; border-top: 1px solid #1F2937 !important; } /* Astra breadcrumbs */ .ast-breadcrumbs, .breadcrumb { color: #9CA3AF !important; } /* Astra search results */ .ast-search-results { background-color: #111827 !important; } /* Astra mobile menu */ .ast-mobile-sidebar-wrap, .ast-sidebar-over-content { background-color: #0B0F19 !important; } /* Astra widgets */ .widget-area, .sidebar { background-color: #0B0F19 !important; color: #E2E8F0 !important; } .widget-title, .widget h2 { color: #FFFFFF !important; } .widget a { color: #38BDF8 !important; } /* Astra comments */ .comment-content, .comment-meta { color: #E2E8F0 !important; } /* Astra pagination */ .nav-links, .pagination { color: #E2E8F0 !important; } .nav-links a, .pagination a { color: #38BDF8 !important; } /* Astra post meta */ .post-meta, .entry-meta { color: #9CA3AF !important; } /* Astra archives */ .archive-title, .page-header { color: #FFFFFF !important; } /* Astra 404 */ .ast-error404-content { color: #E2E8F0 !important; } /* Astra testimonials */ .wbc-testimonial-carousel { background-color: #111827 !important; } /* Astra CTA */ .ast-cta-button, .button, .btn { background-color: #2563EB !important; color: #FFFFFF !important; } /* Astra alert / notice */ .astra-notice, .notice, .alert { background-color: #111827 !important; color: #E2E8F0 !important; border-color: #1F2937 !important; } /* Astra forms */ input, textarea, select, .wp-block-search__input { background-color: #111827 !important; color: #E2E8F0 !important; border-color: #1F2937 !important; } input:focus, textarea:focus, select:focus, .wp-block-search__input:focus { border-color: #2563EB !important; color: #E2E8F0 !important; } /* Astra buttons in general */ input[type="submit"], input[type="button"], button, input[type="reset"] { background-color: #2563EB !important; color: #FFFFFF !important; border-color: #2563EB !important; } input[type="submit"]:hover, input[type="button"]:hover, button:hover { background-color: #1D4ED8 !important; } /* Astra widgets - search */ .widget_search input[type="search"], .widget_search .search-submit { background-color: #111827 !important; color: #E2E8F0 !important; border-color: #1F2937 !important; } /* Astra widgets - calendar */ #calendar-table { background-color: #111827 !important; color: #E2E8F0 !important; } /* Astra widgets - recent posts */ .widget_recent_entries a { color: #38BDF8 !important; } /* Astra widget headings */ .widget-title, .widget_himalaya-active-posts h4, .widget h4 { color: #FFFFFF !important; font-weight: 700 !important; } /* Astra layout */ .container, .ast-container, .site-content-container { background-color: transparent !important; } /* Astra inner sections */ .ast-section-bg-dark { background-color: #111827 !important; } .ast-section-bg-white { background-color: #0B0F19 !important; } /* Astra page hero / call to action */ .ast-call-to-action-section { background-color: #111827 !important; } /* Astra divider */ .ast-divider-div, hr { border-color: #1F2937 !important; } /* Astra tags */ .tag, .ast-post-tag { background-color: #111827 !important; color: #9CA3AF !important; } /* Astra categories */ .categories, .category, .ast-post-category { color: #38BDF8 !important; } /* Astra author box */ .ast-author-box { background-color: #111827 !important; border-color: #1F2937 !important; } /* Astra single post */ .article-post, .entry-content { color: #E2E8F0 !important; } /* Astra page content */ .page-content, .entry-content p { color: #E2E8F0 !important; } /* Astra archives grid */ .ast-archive-overview .ast-archive-title { color: #FFFFFF !important; } /* ============================================ TRADERANKCAPITAL - Header & Navigation Fix Reference: https://umw.pfs.mybluehost.me/ ============================================ */ /* --- Astra Header Background Override --- */ #masthead, .ast-header-wrapper, .ast-small-header-wrap, .main-header-bar { background-color: #0B0F19 !important; background-image: none !important; } /* --- Header border --- */ .ast-header-break-point .main-header-bar, .main-header-bar { border-bottom: 1px solid #1E293B !important; } /* --- Astra site title/logo --- */ .ast-site-title-wrap { flex: 0 0 auto !important; } .site-title, .ast-desktop .site-title { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; font-weight: 800 !important; font-size: 22px !important; letter-spacing: -0.5px !important; color: #F9FAFB !important; text-transform: uppercase !important; line-height: 1 !important; } /* Hide the default text title when logo is present */ .ast-logo-header .site-title { display: none !important; } /* --- Logo image styling --- */ .site-logo-img, .ast-header-logo img { max-width: 200px !important; height: auto !important; display: block !important; } /* --- Navigation styling --- */ #primary-site-navigation-desktop .main-navigation ul { align-items: center !important; gap: 4px !important; } .main-header-menu .menu-item > .menu-link { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; font-weight: 600 !important; font-size: 14px !important; letter-spacing: 0.3px !important; color: #CBD5E1 !important; text-transform: uppercase !important; padding: 8px 14px !important; border-radius: 6px !important; transition: all 0.2s ease !important; position: relative !important; white-space: nowrap !important; } /* Nav item hover */ .main-header-menu .menu-item:hover > .menu-link, .main-header-menu .menu-item:hover > .ast-menu-toggle { color: #38BDF8 !important; background-color: rgba(56, 189, 248, 0.08) !important; } /* Current menu item */ .main-header-menu .menu-item.current-menu-item > .menu-link { color: #10B981 !important; background-color: rgba(16, 185, 129, 0.1) !important; } /* --- CTA Button in Navigation --- */ .main-header-menu .menu-item.cta-menu-item > .menu-link { background: linear-gradient(135deg, #2563EB, #1D4ED8) !important; color: #FFFFFF !important; font-weight: 700 !important; padding: 10px 24px !important; border-radius: 8px !important; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important; text-decoration: none !important; transition: all 0.25s ease !important; } .main-header-menu .menu-item.cta-menu-item > .menu-link:hover { background: linear-gradient(135deg, #1D4ED8, #1E40AF) !important; box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4) !important; transform: translateY(-1px) !important; color: #FFFFFF !important; } /* --- Mobile menu --- */ .ast-mobile-popup-drawer .main-header-menu .menu-item > .menu-link { color: #CBD5E1 !important; font-size: 15px !important; padding: 12px 16px !important; } .ast-mobile-popup-drawer .main-header-menu .menu-item:hover > .menu-link { color: #38BDF8 !important; background-color: rgba(56, 189, 248, 0.05) !important; } .ast-mobile-popup-drawer .main-header-menu .menu-item.cta-menu-item > .menu-link { background: linear-gradient(135deg, #2563EB, #1D4ED8) !important; color: #FFFFFF !important; font-weight: 700 !important; text-align: center !important; border-radius: 8px !important; margin-top: 8px !important; margin-bottom: 8px !important; } /* --- Mobile header background --- */ #ast-mobile-header .main-header-bar { background-color: #0B0F19 !important; } /* --- Astra header text/title override --- */ .ast-site-title-wrap .site-title a { color: #F9FAFB !important; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; font-weight: 800 !important; font-size: 22px !important; letter-spacing: -0.5px !important; } /* --- Site identity area --- */ .ast-site-identity { align-items: center !important; gap: 12px !important; } /* --- Hide Astra's default site description --- */ .site-header .site-description { display: none !important; } /* --- Header height --- */ .ast-header-wrapper, #masthead { min-height: 70px !important; height: 70px !important; } .ast-small-header-wrap { min-height: 56px !important; } /* --- Logo container sizing --- */ .ast-logo-header .ast-site-title-wrap { display: flex !important; align-items: center !important; justify-content: center !important; } /* --- Astra nav container --- */ .site-navigation, .ast-main-header-bar-navigation { flex: 1 !important; justify-content: center !important; } @media (max-width: 921px) { .site-navigation, .ast-main-header-bar-navigation { justify-content: flex-start !important; } } /* --- Menu separator dots --- */ .main-header-menu > .menu-item + .menu-item { margin-left: 6px !important; } /* --- Astra sticky header --- */ .ast-sticky-header-enabled #masthead { box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important; transition: box-shadow 0.3s ease !important; } /* ============================================ CODE BLOCK TERMINAL STYLE ============================================ */ .wp-block-code.is-style-tr-terminal { background: #0a0f1a !important; border: 1px solid #1E293B !important; border-radius: 8px !important; padding: 20px 24px !important; font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', 'JetBrains Mono', monospace !important; font-size: 12px !important; line-height: 1.6 !important; color: #10B981 !important; overflow-x: auto !important; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4) !important; } .wp-block-code.is-style-tr-terminal code, .wp-block-code.is-style-tr-terminal pre { color: #10B981 !important; font-family: inherit !important; } /* ============================================ STAT CARD STYLE ============================================ */ .tr-stat-card { background: #0a0f1a !important; border: 1px solid #1E293B !important; border-radius: 12px !important; padding: 24px !important; text-align: center !important; transition: all 0.2s ease !important; } .tr-stat-card:hover { border-color: #2563EB !important; box-shadow: 0 8px 32px rgba(37, 99, 235, 0.15) !important; transform: translateY(-2px) !important; } .tr-stat-label { font-size: 11px !important; font-weight: 600 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; color: #38BDF8 !important; margin-bottom: 8px !important; } .tr-stat-value { font-size: 32px !important; font-weight: 800 !important; color: #10B981 !important; line-height: 1 !important; margin-bottom: 4px !important; } .tr-stat-desc { font-size: 13px !important; color: #94A3B8 !important; margin-bottom: 0 !important; } /* ============================================ MODULE CARD STYLE ============================================ */ .tr-module-card { background: #0a0f1a !important; border: 1px solid #1E293B !important; border-radius: 12px !important; padding: 24px !important; position: relative !important; overflow: hidden !important; } .tr-module-card::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 3px !important; height: 100% !important; background: linear-gradient(180deg, #38BDF8, #10B981) !important; } .tr-module-title { font-size: 16px !important; font-weight: 700 !important; color: #FFFFFF !important; margin-bottom: 8px !important; } .tr-module-subtitle { font-size: 13px !important; color: #94A3B8 !important; margin-bottom: 12px !important; } .tr-module-status { display: inline-block !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; color: #10B981 !important; background: rgba(16, 185, 129, 0.1) !important; padding: 4px 10px !important; border-radius: 20px !important; margin-top: 12px !important; } /* ============================================ FACILITY CARD STYLE (3-column) ============================================ */ .tr-facility-card { background: #0a0f1a !important; border: 1px solid #1E293B !important; border-radius: 12px !important; padding: 28px !important; height: 100% !important; display: flex !important; flex-direction: column !important; } .tr-facility-card .tr-section-label { font-size: 10px !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; color: #38BDF8 !important; margin-bottom: 6px !important; display: block !important; } .tr-facility-card .tr-section-h2 { font-size: 18px !important; font-weight: 700 !important; color: #10B981 !important; margin-bottom: 10px !important; } .tr-facility-card .tr-section-desc { font-size: 14px !important; color: #CBD5E1 !important; line-height: 1.6 !important; margin-bottom: 16px !important; flex-grow: 1 !important; } .tr-facility-params { border-top: 1px solid #1E293B !important; padding-top: 16px !important; margin-bottom: 16px !important; } .tr-param-label { font-size: 10px !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; color: #38BDF8 !important; margin-bottom: 4px !important; display: block !important; } .tr-param-value { font-size: 17px !important; font-weight: 800 !important; color: #FFFFFF !important; margin-bottom: 10px !important; display: block !important; } .tr-param-value.green { color: #10B981 !important; } .tr-facility-specs { list-style: none !important; padding: 0 !important; margin: 0 0 16px 0 !important; } .tr-facility-specs li { font-size: 13px !important; color: #94A3B8 !important; padding: 4px 0 !important; padding-left: 16px !important; position: relative !important; } .tr-facility-specs li::before { content: '>' !important; position: absolute !important; left: 0 !important; color: #38BDF8 !important; font-weight: 700 !important; } /* ============================================ LIFECYCLE STAGE CARD ============================================ */ .tr-stage-card { background: #111827 !important; border: 1px solid #1E293B !important; border-radius: 12px !important; padding: 20px !important; text-align: center !important; } .tr-stage-num { font-size: 10px !important; font-weight: 700 !important; letter-spacing: 2px !important; color: #64748B !important; margin-bottom: 4px !important; } .tr-stage-name { font-size: 16px !important; font-weight: 700 !important; color: #FFFFFF !important; margin-bottom: 4px !important; } .tr-stage-sub { font-size: 12px !important; color: #94A3B8 !important; margin-bottom: 10px !important; } .tr-stage-desc { font-size: 13px !important; color: #CBD5E1 !important; line-height: 1.5 !important; } /* ============================================ HERO SECTION ============================================ */ .tr-hero-eyebrow { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 2.5px !important; text-transform: uppercase !important; color: #38BDF8 !important; margin-bottom: 12px !important; } .tr-hero-title { font-size: 42px !important; font-weight: 800 !important; line-height: 1.1 !important; letter-spacing: -0.02em !important; color: #F9FAFB !important; margin-bottom: 16px !important; } .tr-hero-subtitle { font-size: 16px !important; color: #CBD5E1 !important; line-height: 1.6 !important; max-width: 680px !important; margin-bottom: 28px !important; } .tr-hero-cta { display: inline-block !important; background: linear-gradient(135deg, #2563EB, #1D4ED8) !important; color: #FFFFFF !important; font-weight: 700 !important; font-size: 15px !important; padding: 14px 32px !important; border-radius: 8px !important; text-decoration: none !important; box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35) !important; transition: all 0.25s ease !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } .tr-hero-cta:hover { background: linear-gradient(135deg, #1D4ED8, #1E40AF) !important; box-shadow: 0 8px 28px rgba(37, 99, 235, 0.45) !important; transform: translateY(-2px) !important; } .tr-hero-cta-outline { display: inline-block !important; border: 2px solid #38BDF8 !important; color: #38BDF8 !important; font-weight: 700 !important; font-size: 14px !important; padding: 12px 28px !important; border-radius: 8px !important; text-decoration: none !important; margin-left: 12px !important; transition: all 0.2s ease !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } .tr-hero-cta-outline:hover { background: rgba(56, 189, 248, 0.1) !important; color: #FFFFFF !important; border-color: #38BDF8 !important; } /* ============================================ GENERAL TEXT UTILITIES ============================================ */ .tr-text-muted { color: #94A3B8 !important; } .tr-text-silver { color: #CBD5E1 !important; } .tr-text-blue { color: #38BDF8 !important; } .tr-text-green { color: #10B981 !important; } .tr-text-white { color: #FFFFFF !important; } .tr-label { font-size: 10px !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; color: #38BDF8 !important; } .tr-label-dark { font-size: 10px !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; color: #64748B !important; } /* ============================================ CTA SECTION / BOTTOM BAR ============================================ */ .tr-cta-section { background: #0B0F19 !important; padding: 40px 0 !important; text-align: center !important; } .tr-cta-title { font-size: 20px !important; font-weight: 700 !important; color: #FFFFFF !important; margin-bottom: 8px !important; } .tr-cta-desc { font-size: 14px !important; color: #94A3B8 !important; margin-bottom: 24px !important; max-width: 500px !important; margin-left: auto !important; margin-right: auto !important; } /* ============================================ FOOTER ============================================ */ .tr-footer { background: #05080F !important; border-top: 1px solid #1E293B !important; padding: 30px 0 !important; } .tr-footer-link { color: #64748B !important; font-size: 13px !important; text-decoration: none !important; transition: color 0.2s !important; } .tr-footer-link:hover { color: #38BDF8 !important; } .tr-footer-legal { color: #475569 !important; font-size: 12px !important; line-height: 1.6 !important; margin-top: 12px !important; }

Custom Fintech Software Development