/*
Theme Name: Legacy Irrigation Theme
Version: 16.0
Description: Horizontal banner header with shrink-on-scroll animation.
*/

html,body{
margin:0;
padding:0;
width:100%;
overflow-x:hidden;
}

body{
font-family:Arial,Helvetica,sans-serif;
background:#ffffff;
color:#10283f;
}

*{
box-sizing:border-box;
}

/* HORIZONTAL BRAND HEADER */

.legacy-title-shell{
position:fixed;
top:0;
left:0;
right:0;
z-index:99999;
display:flex;
justify-content:center;
pointer-events:none;
transition:all .28s ease;
}

.legacy-title-panel{
background:#ffffff;
width:min(94vw,720px);
min-height:150px;
border-bottom-left-radius:52px;
border-bottom-right-radius:52px;
box-shadow:0 10px 30px rgba(0,0,0,.20);
display:flex;
align-items:center;
justify-content:center;
gap:16px;
padding:18px 22px 24px;
pointer-events:auto;
transition:all .28s ease;
}

.legacy-logo{
width:118px;
height:auto;
display:block;
flex:0 0 auto;
transition:all .28s ease;
}

.legacy-brand-divider{
width:2px;
height:92px;
background:#74bf43;
opacity:.9;
flex:0 0 auto;
transition:all .28s ease;
}

.legacy-brand-copy{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
line-height:1.05;
min-width:0;
transition:all .28s ease;
}

.legacy-brand-title{
font-size:34px;
font-weight:900;
letter-spacing:3px;
color:#133d18;
text-transform:uppercase;
white-space:nowrap;
transition:all .28s ease;
}

.legacy-brand-subtitle{
font-size:17px;
font-weight:900;
letter-spacing:2px;
color:#133d18;
text-transform:uppercase;
margin-top:6px;
white-space:nowrap;
transition:all .28s ease;
}

.legacy-brand-tagline{
font-size:13px;
font-weight:800;
letter-spacing:1.4px;
color:#244f25;
text-transform:uppercase;
margin-top:10px;
text-align:left;
transition:all .28s ease;
}

.legacy-brand-location{
font-size:14px;
font-weight:800;
color:#111111;
margin-top:8px;
transition:all .28s ease;
}

/* SHRUNK HEADER */

body.legacy-scrolled .legacy-title-panel{
width:min(92vw,680px);
min-height:82px;
border-bottom-left-radius:42px;
border-bottom-right-radius:42px;
padding:10px 18px 14px;
gap:12px;
}

body.legacy-scrolled .legacy-logo{
width:78px;
}

body.legacy-scrolled .legacy-brand-divider{
height:58px;
}

body.legacy-scrolled .legacy-brand-title{
font-size:21px;
letter-spacing:1.4px;
}

body.legacy-scrolled .legacy-brand-subtitle{
font-size:0;
height:0;
margin:0;
overflow:hidden;
}

body.legacy-scrolled .legacy-brand-tagline{
font-size:11px;
letter-spacing:.8px;
margin-top:4px;
}

body.legacy-scrolled .legacy-brand-location{
font-size:12px;
margin-top:4px;
}

/* PAGE SPACING */

.entry-content,
.wp-block-post-content{
padding-top:154px;
}

/* HERO */

.legacy-hero{
position:relative;
min-height:590px;
overflow:hidden;
display:flex;
align-items:flex-end;
padding-top:160px;
}

.legacy-hero-img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}

.legacy-hero-overlay{
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.35));
}

.legacy-hero-content{
position:relative;
z-index:2;
padding:46px 24px 68px;
max-width:850px;
}

.legacy-hero-content h1{
color:#ffffff;
font-size:39px;
line-height:1.06;
margin:0 0 14px;
font-weight:900;
}

.legacy-hero-content p{
color:#ffffff;
font-size:19px;
line-height:1.5;
margin:0;
font-weight:700;
}

/* SECTIONS */

.legacy-section,
.legacy-services,
.legacy-area{
padding:50px 22px;
}

.legacy-section h2,
.legacy-services h2,
.legacy-area h2{
color:#0b4d7a;
font-size:34px;
line-height:1.1;
margin:0 0 18px;
font-weight:900;
}

.legacy-section p,
.legacy-area p,
.legacy-section li,
.legacy-service-card p{
font-size:17px;
line-height:1.7;
}

/* SERVICES */

.legacy-services{
background:#f7fbfd;
}

.legacy-service-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}

.legacy-service-card{
background:#ffffff;
border-radius:22px;
padding:22px 14px;
text-align:center;
text-decoration:none;
color:inherit;
border:1px solid #e7eef4;
box-shadow:0 8px 22px rgba(0,0,0,.08);
}

.legacy-service-icon{
width:58px;
height:58px;
border:2px solid #1d6d9e;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 14px;
font-size:24px;
font-family:Arial,Helvetica,sans-serif;
line-height:1;
overflow:hidden;
}

.legacy-service-card h3{
margin:0 0 8px;
font-size:17px;
color:#0b3354;
}

/* AREA */

.legacy-area{
background:#eaf5ff;
}

/* FOOTER */

.legacy-footer-main{
background:#10283f;
color:#ffffff;
text-align:center;
padding:45px 20px 100px;
}

/* STICKY CTA */

.legacy-sticky-cta{
position:fixed;
bottom:0;
left:0;
right:0;
background:#111111;
padding:12px;
text-align:center;
z-index:99999;
}

.legacy-sticky-cta a{
display:inline-flex;
align-items:center;
justify-content:center;
background:#74bf43;
color:#ffffff;
text-decoration:none;
border-radius:999px;
min-height:48px;
padding:0 34px;
font-size:17px;
font-weight:800;
}

/* MOBILE TUNING */

@media(max-width:480px){

.legacy-title-panel{
width:94vw;
min-height:138px;
border-bottom-left-radius:44px;
border-bottom-right-radius:44px;
gap:12px;
padding:14px 14px 22px;
}

.legacy-logo{
width:96px;
}

.legacy-brand-divider{
height:80px;
}

.legacy-brand-title{
font-size:26px;
letter-spacing:2px;
}

.legacy-brand-subtitle{
font-size:13px;
letter-spacing:1.3px;
}

.legacy-brand-tagline{
font-size:10.5px;
letter-spacing:.8px;
margin-top:8px;
}

.legacy-brand-location{
font-size:12px;
margin-top:6px;
}

body.legacy-scrolled .legacy-title-panel{
min-height:76px;
border-bottom-left-radius:36px;
border-bottom-right-radius:36px;
}

body.legacy-scrolled .legacy-logo{
width:62px;
}

body.legacy-scrolled .legacy-brand-divider{
height:50px;
}

body.legacy-scrolled .legacy-brand-title{
font-size:17px;
letter-spacing:.8px;
}

body.legacy-scrolled .legacy-brand-tagline{
font-size:9px;
}

body.legacy-scrolled .legacy-brand-location{
font-size:10px;
}

.entry-content,
.wp-block-post-content{
padding-top:145px;
}

.legacy-hero{
padding-top:148px;
min-height:585px;
}

}

/* DESKTOP */

@media(min-width:900px){

.legacy-title-panel{
width:min(82vw,900px);
min-height:160px;
border-bottom-left-radius:64px;
border-bottom-right-radius:64px;
padding:20px 32px 26px;
gap:22px;
}

.legacy-logo{
width:140px;
}

.legacy-brand-divider{
height:104px;
}

.legacy-brand-title{
font-size:43px;
}

.legacy-brand-subtitle{
font-size:21px;
}

.legacy-brand-tagline{
font-size:15px;
}

.legacy-brand-location{
font-size:16px;
}

body.legacy-scrolled .legacy-title-panel{
width:min(70vw,760px);
min-height:86px;
border-bottom-left-radius:44px;
border-bottom-right-radius:44px;
}

body.legacy-scrolled .legacy-logo{
width:78px;
}

body.legacy-scrolled .legacy-brand-title{
font-size:25px;
}

body.legacy-scrolled .legacy-brand-tagline{
font-size:12px;
}

.entry-content,
.wp-block-post-content{
padding-top:165px;
}

.legacy-hero{
padding-top:175px;
min-height:690px;
}

.legacy-service-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;
}

.legacy-hero-content h1{
font-size:68px;
}

.legacy-hero-content p{
font-size:24px;
}

.legacy-section,
.legacy-services,
.legacy-area{
padding:70px 8%;
}

}

@media(min-width:1280px){

.legacy-service-grid{
grid-template-columns:repeat(6,minmax(0,1fr));
}

}