/*
Theme Name: Wookomma Child Theme
Template: hello-elementor
Version: 1.0
*/



/* ==========================================================================
WOOKOMMA BASE TOKENS
========================================================================== */

:root{
--wk-bg-dark:#2b2d3a;
--wk-accent:#e07f2e;

--wk-text:#1d1f2c;
--wk-muted:#5b5d6e;

--wk-white:#ffffff;
--wk-white-70:rgba(255,255,255,.72);
--wk-white-55:rgba(255,255,255,.55);
--wk-white-35:rgba(255,255,255,.35);
--wk-white-18:rgba(255,255,255,.18);

--wk-border:#e6e7ec;

--wk-container:1100px;
--wk-pad-x:40px;
--wk-pad-x-md:28px;
--wk-pad-x-sm:18px;
}

.orange-comma {
    color: #e07f2e;
}

/* ==========================================================================
SAFE GLOBALS
========================================================================== */

.wk-reset-heading{
margin:0;
}

.wk-reset-text{
margin:0;
}

/* ==========================================================================
SUB HEADER COMPONENT
========================================================================== */

/* Outer hero background + vertical spacing */
.wk-sub-header-outer{
background:var(--wk-bg-dark) !important;
padding:72px 0 64px;
}

/* Inner width + horizontal padding */
.wk-sub-header-inner{
max-width:var(--wk-container);
margin:0 auto;
padding:0 var(--wk-pad-x);
}

/* Title styling */
.wk-sub-header-title{
color:var(--wk-white);
font-size:48px;
line-height:1.15;
letter-spacing:-0.4px;
max-width:620px;
margin:0;
}

.wk-sub-header-title em{
color:var(--wk-accent);
font-style:normal;
}

/* Intro styling */
.wk-sub-header-intro{
color:var(--wk-white-55);
font-size:17px;
line-height:1.72;
max-width:560px;
margin:16px 0 0;
}

/* ==========================================================================
RESPONSIVE
========================================================================== */

@media (max-width:1024px){
.wk-sub-header-outer{
padding:64px 0 56px;
}

.wk-sub-header-inner{
padding:0 var(--wk-pad-x-md);
}

.wk-sub-header-title{
font-size:40px;
}
}

@media (max-width:767px){
.wk-sub-header-outer{
padding:52px 0 44px;
}

.wk-sub-header-inner{
padding:0 var(--wk-pad-x-sm);
}

.wk-sub-header-title{
font-size:34px;
letter-spacing:-0.2px;
}

.wk-sub-header-intro{
font-size:16px;
}
}

.wk-accent{
color:#e07f2e;
}


.auto-fade > * {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.auto-fade > *.is-visible {
  opacity: 1;
  transform: translateY(0);
}