/* =========== 13 June Orig CSS ===================================*/ /* Theme Name: GeneratePress Child Theme URI: https://generatepress.com Description: Custom engineering instrumentation skin for Forel Solutions. Author: Forel Solutions Template: generatepress Version: 1.0.0 */ /* ========================================================================== COLOR ARCHITECTURE (CENTRAL CONTROL DECK) ========================================================================== */ :root { /* Main Brand Profiles */ --color-bg: #28324b; /* Base Navy Frame */ --color-accent: #ba0742; /* Crimson Tracking / Hover State */ --color-gray-sheet: #cbd5e1; /* Central Gray Workspace Canvas */ --color-text-menu: #ffffff; /* High-Contrast Navigation Text */ --color-text-soft: #ccccff; /* Soft Silver System Links & Footer Typography */ --color-text-hard: #ddddff; /* Selected Silver Footer/Utility Links */ } /* ========================================================================== FIXED-CHASSIS APPLICATION LAYOUT (VARIABLE-DRIVEN ENGINE) ========================================================================== */ /* Technical background matrix graphic configuration via Localhost */ body::before { content: "" ; position: fixed ; top: 0; left: 0; width: 100vw; Height: 100vh; } /* ''../../../uploads/2026/06/WavesAndOnesRevB.webp */ html { background-image: url('/wp-content/uploads/2026/06/WavesAndOnesRevB.webp'); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-color: var(--color-bg); /* The deep navy bedrock #28324b */ } /* Strip the factory overlay blocks so they never tint the screen */ body, .site, #page, .container, .site-header, .site-content { background-color: transparent !important ; background: transparent !important ; } @media (min-width: 769px) { /* Freeze browser window boundaries to eliminate global window scrolling */ html, body { overflow: hidden ; } /* LOCK HEADER AT THE TOP VIEWPORT EDGE */ .site-header { position: fixed ; top: 0 ; left: 0 ; width: 100% ; height: 240px ; /*============= 175 ==========================*/ background-color: transparent ; z-index: 1000 ; } /* LOCK FOOTER AT THE BOTTOM VIEWPORT EDGE */ footer, .site-footer { position: fixed ; bottom: 0 ; left: 0 ; width: 100% ; height: 75px ; z-index: 1000 ; } /* CALCULATED INTERMEDIATE VIEWPORT GAP */ .site-content { position: fixed ; top: 260px ; /* ===== 200 ==== Begins below header boundary */ bottom: 75px ; /*Terminates above footer ceiling */ left: 0 ; width: 100% ; display: flex ; overflow: hidden ; } /* ========================================================================== LEFT SIDEBAR MENU PANEL: HIGH-SPECIFICITY NAV CONSOLE ========================================================================== */ #left-sidebar { width: 18% ; height: 100% ; overflow-y: hidden ; flex-shrink: 0 ; } /* Micro-offset to keep the 'H' square against gray panel baseline */ #left-sidebar .main-navigation ul { margin-top: -14px ; padding-top: 0 ; } /* FORCE MENU BACKGROUND TRANSPARENCY SHIELD Strips default theme tints from containers, lists, and link hulls */ #left-sidebar .main-navigation, #left-sidebar .main-navigation ul, #left-sidebar .main-navigation ul li, #left-sidebar .main-navigation .main-nav ul li a { background-color: transparent !important ; background: transparent !important ; } /* 1. BASE STATE: Unselected options are set to soft silver system color */ #left-sidebar .main-navigation .main-nav ul li a, #left-sidebar .main-navigation ul li a { color: var(--color-text-soft) !important ; transition: color 0.15s ease-in-out ; } /* 2. HOVER TRACKING STATE: Fires tracking crimson when gliding over any option */ #left-sidebar .main-navigation .main-nav ul li a:hover, #left-sidebar .main-navigation .main-nav ul li:hover > a, #left-sidebar .main-navigation ul li a:hover, #left-sidebar .main-navigation ul li:hover > a { color: var(--color-accent) !important ; } /* 3. SELECTED ACTIVE STATE: Latches onto the active page link with pure high-contrast white */ #left-sidebar .main-navigation .main-nav ul li.current-menu-item > a, #left-sidebar .main-navigation .main-nav ul li.current_page_item > a, #left-sidebar .main-navigation .main-nav ul li.current-menu-ancestor > a, #left-sidebar .main-navigation ul li.current-menu-item > a, #left-sidebar .main-navigation ul li.current_page_item > a { color: var(--color-text-menu) !important ; } /* RIGHT SIDEBAR WAVEFORM LAYER: Telemetry Spacing Display */ #right-sidebar { width: 18% ; height: 100% ; overflow-y: hidden ; flex-shrink: 0 ; } /* PRIMARY WORKSPACE: Center Canvas Scrolling Frame */ #primary { width: 64% ; height: 100% ; overflow-y: auto ; /* Slider initializes ONLY inside gray sheet bounds */ flex-grow: 1 ; box-sizing: border-box ; margin: 0 ; background-color: var(--color-gray-sheet); } /*Strip the parent theme's default inner container background */ #primary .inside-article { background: transparent; } /* LANDING PAGE SPECIFIC OVERRIDE: Hide the center sheet on Home */ body.home #primary { display: none; } /* Enforces zero-collision text padding inside the workspace viewport */ #primary .inside-article, .site-main { padding-top: 30px ; padding-bottom: 30px ; margin: 0 ; box-sizing: border-box ; } } /* ========================================================================== TRANSPARENCY & FOOTER TYPOGRAPHY TRACKING ========================================================================== */ #page, .site, .container, #left-sidebar, #left-sidebar .inside-left-sidebar, #left-sidebar .main-navigation, #right-sidebar, #right-sidebar .inside-right-sidebar, footer, .site-footer, .site-info, .footer-widgets-container, .copyright-bar { background-color: transparent !important; background: transparent !important; } .footer-row-copyright { font-size: 11px ; font-weight: 600 ; letter-spacing: 0.5px ; color: var(--color-text-soft) ; opacity: 0.9 ; display: block ; } .footer-row-credentials, .footer-row-credentials a { font-size: 9px ; letter-spacing: 0.5px ; color: var(--color-text-soft) ; opacity: 0.85 ; text-decoration: none ; } .site-info a, .site-footer a, .copyright-bar a { color: var(--color-text-soft) ; font-size: 9px ; text-decoration: none ; opacity: 1 ; } .site-info a:hover, .site-footer a:hover, .copyright-bar a:hover { color: var(--color-accent) ; text-decoration: underline ; } /* ========================================================================== INLINE CONSOLE CLOSE CONTROL (ELIMINATES DEAD SPACE) ========================================================================== */ .console-header-block { margin-bottom: 50px ; /* == 25 ==== */ display: flex ; align-items: center ; } .console-page-title { font-size: 28px !important ; font-weight: 700 !important ; margin: 0 !important ; color: #000000 ; /* Keeps your clean dark heading color */ } .console-inline-cancel, .console-inline-cancel:visited { display: inline-block ; margin-left: 20px ; /* The exact tight gap to eliminate dead space */ font-size: 11px !important ; font-weight: 700 ; text-transform: uppercase ; letter-spacing: 1px ; color: var(--color-accent) !important ; /* Tracking Crimson */ text-decoration: none !important ; border: 1px solid var(--color-accent) ; /* Framed border boundary */ padding: 4px 10px ; border-radius: 2px ; transition: all 0.15s ease-in-out ; } .console-inline-cancel:hover { background-color: var(--color-accent) ; color: #ffffff !important ; /* Flashes crisp white text over crimson fill */ text-decoration: none !important ; } /* ========================================================================== LIST SPACING TUNING ENGINES ========================================================================== */ /* Eliminates the giant dead gap between paragraph blocks/headers and lists */ #primary p + ul, #primary p + ol, #primary h1 + ul, #primary h2 + ul, #primary h3 + ul { margin-top: 5px !important; padding-top: 0px !important; } /* ========================================================================== BLOCK GAP OVERRIDE: ELIMINATE CORE WP SPACERS BETWEEN TEXT & LISTS ========================================================================== */ #primary .entry-content > * + ul, #primary .entry-content > * + ol, #primary .wp-block-list { margin-top: 0px !important; /* === WAS 0px === */ } /* Forces the editor container elements to collapse the automatic block gap */ #primary :where(.wp-block-columns, .wp-block-group, .entry-content) > * { margin-block-start: 10px; margin-block-end: 10px; /* === WAS 0px === */ }