/*
 Theme Name:   Industrus Child
 Theme URI:    http://wp.dynamiclayers.net/industrus
 Description:  Industrus Child Theme
 Author:       DynamicLayers
 Author URI:   https://dynamiclayers.net
 Template:     industrus
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  industrus-child
*/

/* ============================================================
   SJE Consultants Limited — Brand Colour Overrides
   Primary Red : #C8102E
   Dark Navy   : #0D1B2A
   Mid Navy    : #1A2D45
   ============================================================ */

:root {
    --sje-red:       #C8102E;
    --sje-red-dark:  #a50d25;
    --sje-navy:      #0D1B2A;
    --sje-navy-mid:  #1A2D45;
}

/* Primary accent — backgrounds */
.dl-btn-primary,
.btn-primary,
.top-bar,
.header-nav,
.site-header .nav-wrap,
.main-navigation,
.site-header .header-inner,
[class*="bg-primary"],
.bg-primary,
.dl-primary-bg { background-color: var(--sje-red) !important; }

/* Primary accent — text */
.dl-primary-color,
a:hover,
.site-header a:hover,
.post-title a:hover { color: var(--sje-red) !important; }

/* Primary accent — borders */
.dl-primary-border,
.border-primary { border-color: var(--sje-red) !important; }

/* Buttons — red background, white text on hover (all variants) */
.dl-btn-2:hover,
a.dl-btn-2:hover,
.dl-btn-2:hover span,
.header-right a.header-btn:hover,
.header-right a.header-btn:hover span,
.readmore_btn:hover,
a.readmore_btn:hover,
.dl-btn-primary:hover,
.btn-primary:hover,
.dl-btn:hover {
    background-color: var(--sje-red) !important;
    background: var(--sje-red) !important;
    color: #ffffff !important;
    border-color: var(--sje-red) !important;
}

/* Go-to-top button */
#dl-go-to-top { background-color: var(--sje-red) !important; }

/* Dark section backgrounds */
.dark-bg,
.bg-dark,
.dl-dark-bg,
.site-footer { background-color: var(--sje-navy) !important; }

/* SVG fills */
svg.dl-svg-primary path,
.dl-icon-primary svg path { fill: var(--sje-red) !important; }

/* Slider — no zoom, full image visible */
.elementor-element-8f5a4eb .bg-img {
    background-position: 60% 40% !important;
    background-size: cover !important;
    transform: none !important;
    animation: none !important;
}

/* Slider text — dark box tight around text only */
.elementor-element-8f5a4eb .slider-content-wrap {
    align-items: flex-end !important;
    padding-bottom: 144px;
}
.elementor-element-8f5a4eb .slider-content {
    display: inline-block;
    width: auto;
    max-width: 520px;
    background: rgba(0, 0, 0, 0.68);
    padding: 24px 32px;
    border-radius: 4px;
}

/* Slider — Montserrat for all captions */
.elementor-element-8f5a4eb .dl-caption,
.elementor-element-8f5a4eb .dl-caption div {
    font-family: 'Montserrat', sans-serif !important;
}
.elementor-element-8f5a4eb .elementor-repeater-item-a89ba0c,
.elementor-element-8f5a4eb .elementor-repeater-item-a89ba0c *  {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #fff !important;
}
.elementor-element-8f5a4eb .dl-caption.big,
.elementor-element-8f5a4eb .dl-caption.big div {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}
.elementor-element-8f5a4eb .dl-caption.small,
.elementor-element-8f5a4eb .dl-caption.small div {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

/* Hide 27 Years overlay */
.elementor-element-3e27cb4 { display: none !important; }

/* Selection highlight */
::selection    { background-color: var(--sje-red); color: #fff; }
::-moz-selection { background-color: var(--sje-red); color: #fff; }

/* Footer logo — white pill background so logo is visible on dark navy */
.footer-widget.about-widget a.brand img {
    background: #ffffff;
    padding: 6px 14px;
    border-radius: 6px;
    display: inline-block;
    max-width: 200px;
}

/* Newsletter subscribe form */
.sje-sub-row { display: flex; gap: 8px; margin-top: 12px; }
.sje-sub-input {
    flex: 1; padding: 10px 14px; border: none; border-radius: 3px;
    font-size: 14px; color: #333; outline: none;
}
.sje-sub-btn {
    padding: 10px 18px; background: #0D1B2A; color: #fff;
    border: none; border-radius: 3px; font-size: 14px;
    font-weight: 600; cursor: pointer; white-space: nowrap;
}
.sje-sub-btn:hover { background: #1A2D45; }

/* Hide video play button in leader section */
.elementor-widget-industrus_play_btn { display: none !important; }

/* Leader section — all text white for visibility on dark background */
.elementor-element-dd67179 .dl-center,
.elementor-element-dd67179 .dl-after,
.elementor-element-dd67179 .dl-before,
.elementor-element-dd67179 h1,
.elementor-element-dd67179 h2,
.elementor-element-dd67179 h3,
.elementor-element-dd67179 h4,
.elementor-element-dd67179 p,
.elementor-element-dd67179 span,
.elementor-element-dd67179 .skill-bar-text,
.elementor-element-dd67179 .skill-percent { color: #ffffff !important; }

/* Hide engineering team section until ready */
.sje-hidden-section { display: none !important; }

/* Facts section heading — bright accent on dark blue */
.elementor-element-405458e .dl-after { color: #FF6B6B !important; }
.elementor-element-405458e .dl-center { color: #ffffff !important; }

/* Facts/counter section — white numbers on dark blue background */
.elementor-element-bd5c587 .counter-number,
.elementor-element-bd5c587 .dl-counter-num,
.elementor-element-bd5c587 [class*="counter_num"],
.elementor-element-bd5c587 .odometer { color: #ffffff !important; }

/* Admin login logo size */
body.login h1 a {
    background-size: contain !important;
    width: 320px !important;
    height: 120px !important;
}

/* Preloader — attached SJE logo spins until the page is ready */
.spinner {
    background: transparent !important;
    border-radius: 0 !important;
    width: 72px !important;
    height: 72px !important;
    animation: sje-loader-spin 0.9s linear infinite !important;
    display: block !important;
    background-image: url('/wp-content/uploads/2026/08/codex-clipboard-84a3e2c4-c947-4965-9a1c-113915027ce4.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.spinner::after { content: none !important; }
@keyframes sje-loader-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* === SJE: Primary nav bar red background === */
.primary-header-two,
.primary-header-two.primary-header,
.primary-header-two .primary-header-inner {
    background-color: #C8102E !important;
}
.primary-header-two .dl-menu > li > a,
.primary-header-two .dl-menu > li > a:hover {
    color: #ffffff !important;
}
.primary-header-two .dl-menu > li:hover > a,
.primary-header-two .dl-menu > li.current-menu-item > a {
    color: #ffffff !important;
    opacity: 0.85;
}


/* Replace GOJ Certified mid-header icon with custom handshake image */
.mid-header-right ul li:first-child .icon svg {
    display: none;
}
.mid-header-right ul li:first-child .icon {
    background: url('/wp-content/uploads/2026/07/handshake.jpg') center/contain no-repeat;
    width: 40px;
    height: 40px;
}