/* Contact page presentation layer. Existing page copy, WACP and JSON-LD remain the source of truth. */
body.page-id-335{--es-ink:#0c2038;--es-teal:#009eb5;--es-lime:#c5ef00;--es-soft:#f1f8fb;--es-line:#dfeaf0;background:#fff;color:var(--es-ink)}
body.page-id-335 .entry-hero{display:none!important}
body.page-id-335 #primary,
body.page-id-335 #primary .content-container,
body.page-id-335 #post-335,
body.page-id-335 #post-335>.entry-content-wrap{max-width:none;width:100%;margin:0;padding:0;border:0;box-shadow:none}
body.page-id-335 #post-335 .entry-content{margin:0}
body.page-id-335 #post-335 .entry-content>p:empty{display:none}
body.page-id-335 #masthead{background:#fff;box-shadow:0 1px 0 #e7edf1;position:relative;z-index:50}
body.page-id-335 #main-header .site-container,
body.page-id-335 #mobile-header .site-container{max-width:1384px;padding:0 20px}
body.page-id-335 #main-header .site-main-header-inner-wrap{min-height:70px}
body.page-id-335 #main-header .site-main-header-section-left{flex:0 0 260px}
body.page-id-335 #main-header .site-branding{height:70px;display:flex;align-items:center}
body.page-id-335 #main-header .site-branding .brand{height:70px;overflow:hidden;display:flex;align-items:center}
body.page-id-335 #main-header .site-branding img.custom-logo{width:260px!important;max-width:260px!important;height:auto!important;max-height:none!important}
body.page-id-335 #main-header .site-header-main-section-right{flex:1;margin-left:85px}
body.page-id-335 #main-header .site-header-item-main-navigation,
body.page-id-335 #main-header .main-navigation{width:100%}
body.page-id-335 #main-header .header-navigation .header-menu-container>ul{display:flex;align-items:center;gap:17px}
body.page-id-335 #main-header .header-navigation .header-menu-container>ul>li{order:5}
body.page-id-335 #main-header .header-navigation .header-menu-container>ul>.es-menu-home{order:0}
body.page-id-335 #main-header .header-navigation .header-menu-container>ul>.es-menu-about{order:1}
body.page-id-335 #main-header .header-navigation .header-menu-container>ul>li:has(>a[href*="/san-diego-seo/"]){order:2}
body.page-id-335 #main-header .header-navigation .header-menu-container>ul>.es-menu-chatgpt{order:3}
body.page-id-335 #main-header .header-navigation .header-menu-container>ul>.es-menu-wacp{order:4}
body.page-id-335 #main-header .header-navigation .header-menu-container>ul>li:has(>a[href*="/contact/"]){order:6}
body.page-id-335 #main-header .header-navigation .header-menu-container>ul>.es-menu-audit{order:7;margin-left:auto}
body.page-id-335 #main-header .header-navigation .header-menu-container>ul>li>a{font-style:normal;font-size:13px;font-weight:650;color:var(--es-ink);padding:11px 7px;white-space:nowrap}
body.page-id-335 #main-header .header-navigation .header-menu-container>ul>.es-menu-audit>a{display:flex;gap:10px;align-items:center;background:var(--es-teal);color:#fff!important;border-radius:11px;padding:13px 21px;font-size:15px}
body.page-id-335 #main-header .es-menu-audit svg{width:21px;height:21px}

body.page-id-335 .es-contact-wacp4{max-width:none!important;color:var(--es-ink);overflow:visible!important}
body.page-id-335 .es-contact-wacp4 .contact-wrap{max-width:1344px!important;margin:0 auto!important;padding:0 22px 56px!important;overflow:visible!important}

/* Hero */
body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type{
  position:relative;isolation:isolate;
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr) 374px!important;
  column-gap:15px!important;
  align-items:start;
  max-width:none!important;
  padding:38px 0 34px!important;
  margin:0!important;
  min-height:520px;
  overflow:visible!important;
}
body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type::before{
  content:"";position:absolute;z-index:-1;
  top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);
  background:
    linear-gradient(90deg,rgba(2,43,60,.94) 0%,rgba(3,84,103,.76) 47%,rgba(0,111,132,.48) 100%),
    var(--es-shared-downtown-hero) center bottom/cover no-repeat;
}
body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type .contact-answer-unit{grid-column:1;padding-top:53px}
body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type .contact-marker{color:#fff!important;font-size:.88rem!important}
body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type>.contact-content{grid-column:2;padding:0 30px 0 0;min-width:0}
body.page-id-335 .es-contact-kicker{display:block;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:3.4px;text-transform:uppercase;color:#dffbff;margin:3px 0 21px}
body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type h1{
  color:#fff!important;
  font-size:clamp(44px,5.2vw,72px)!important;
  line-height:1!important;
  letter-spacing:-2.4px!important;
  margin:0 0 24px!important;
  max-width:720px;
}
body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type>.contact-content>p{
  color:#fff!important;font-size:17px;line-height:1.6;max-width:720px;margin:0 0 18px!important;text-shadow:0 1px 12px #003a4c55
}
body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type>.contact-content>p:first-of-type{font-size:20px;line-height:1.52}
body.page-id-335 .es-contact-wacp4 .contact-details{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;
  margin:24px 0 22px!important;max-width:720px
}
body.page-id-335 .es-contact-wacp4 .contact-details p{
  margin:0!important;padding:11px 13px;border:1px solid #ffffff55;border-radius:10px;
  background:#045d7166;color:#fff!important;font-size:12px!important;line-height:1.4!important;text-shadow:none!important
}
body.page-id-335 .es-contact-wacp4 .contact-details a.es-contact-email{
  color:#fff!important;text-decoration:underline;text-underline-offset:3px;font-weight:700
}
body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type .contact-popover{color:#152438!important;text-shadow:none!important}

/* Hero inquiry card; the existing Kadence form is moved here by JS. */
body.page-id-335 .es-contact-request-card{
  grid-column:3;align-self:start;background:#fff;padding:24px 27px 18px;
  border:1px solid #e2edf1;border-radius:12px;box-shadow:0 12px 32px #073b4f35;
  color:var(--es-ink);margin:-13px 0 0;position:relative;z-index:3;min-width:0
}
body.page-id-335 .es-contact-card-eyebrow{color:#008ea9!important;font-size:10px!important;letter-spacing:1.75px;font-weight:750;line-height:1.3;margin:0 0 9px!important;text-shadow:none!important}
body.page-id-335 .es-contact-request-card h2{color:var(--es-ink)!important;font-size:29px!important;line-height:1.15!important;letter-spacing:-1px!important;margin:0 0 7px!important}
body.page-id-335 .es-contact-card-intro{font-size:13px!important;line-height:1.42!important;margin:0 0 16px!important;color:#5c687b!important;text-shadow:none!important}
body.page-id-335 .es-contact-form-note{font-size:10px!important;line-height:1.4!important;text-align:center;color:#526177!important;margin:9px 0 0!important;text-shadow:none!important}
body.page-id-335 .es-contact-form-slot .wp-block-kadence-advanced-form{margin:0}
body.page-id-335 .es-contact-form-slot form{margin:0;display:block}
body.page-id-335 .es-contact-form-slot form>br{display:none}
body.page-id-335 .es-contact-form-slot .kb-adv-form-field{margin:0 0 11px;padding:0;text-align:left}
body.page-id-335 .es-contact-form-slot label,
body.page-id-335 .es-contact-form-slot .kb-adv-form-label{display:block;font-size:11px;font-weight:650;line-height:1.3;color:#13253d;margin:0 0 5px;padding:0}
body.page-id-335 .es-contact-form-slot input:not([type=hidden]),
body.page-id-335 .es-contact-form-slot select,
body.page-id-335 .es-contact-form-slot textarea{
  display:block;width:100%;max-width:100%;min-height:39px;border:1px solid #cbd4de;border-radius:5px;
  box-shadow:inset 0 1px 2px #142d4d05;background:#fafbfd;color:#26384c;font:inherit;font-size:12px;line-height:1.35;padding:9px 10px;margin:0
}
body.page-id-335 .es-contact-form-slot textarea{min-height:108px;resize:vertical}
body.page-id-335 .es-contact-form-slot input::placeholder,
body.page-id-335 .es-contact-form-slot textarea::placeholder{color:#6a7688;opacity:1}
body.page-id-335 .es-contact-form-slot .kb-row-layout-wrap{margin:0}
body.page-id-335 .es-contact-form-slot .kt-row-column-wrap{grid-template-columns:1fr 1fr!important;gap:10px!important;padding:0!important;max-width:none!important}
body.page-id-335 .es-contact-form-slot .kt-inside-inner-col{padding:0!important}
body.page-id-335 .es-contact-form-slot .kb-submit-field{margin:8px 0 0}
body.page-id-335 .es-contact-form-slot .kb-submit-field .kb-button{
  width:100%;min-height:46px;border:0;border-radius:11px;background:var(--es-teal);color:#fff;font-size:13px;font-weight:700;padding:12px 10px;box-shadow:none;justify-content:center
}
body.page-id-335 .es-contact-form-slot .kb-submit-field .kb-button:hover{background:#007e94}
body.page-id-335 .es-contact-form-slot .cf-turnstile{max-width:100%;overflow:hidden}

/* Long-form sections */
body.page-id-335 .es-contact-wacp4 .contact-wacp-row:nth-of-type(2){
  grid-template-columns:26px minmax(0,1fr)!important;gap:15px!important;max-width:1110px;margin:0 auto!important;padding:52px 0!important;border-bottom:1px solid var(--es-line)
}
body.page-id-335 .es-contact-wacp4 .contact-wacp-row:nth-of-type(2) .contact-content h2,
body.page-id-335 .es-contact-wacp4 .contact-standard h2{font-size:32px;line-height:1.15;letter-spacing:-.7px;color:var(--es-ink);margin:0 0 24px}
body.page-id-335 .es-contact-wacp4 .contact-wacp-row:nth-of-type(2) .contact-content h3{
  font-size:18px;line-height:1.25;margin:25px 0 6px;padding:17px 20px 0;border-top:1px solid var(--es-line);color:#0b6177
}
body.page-id-335 .es-contact-wacp4 .contact-wacp-row:nth-of-type(2) .contact-content h3:first-of-type{border-top:0;padding-top:0}
body.page-id-335 .es-contact-wacp4 .contact-wacp-row:nth-of-type(2) .contact-content p{font-size:16px;line-height:1.7;margin:0 20px 18px}
body.page-id-335 .es-contact-wacp4 a{color:#00768f;text-underline-offset:3px}
body.page-id-335 .es-contact-wacp4 .contact-standard{max-width:1110px;margin:0 auto!important;padding:52px 26px!important}
body.page-id-335 .es-contact-wacp4 .contact-standard:nth-of-type(3){background:var(--es-soft);border-radius:16px;margin-top:34px!important}
body.page-id-335 .es-contact-wacp4 .contact-standard:nth-of-type(3) ol{
  list-style:none;counter-reset:contact-step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;margin:28px 0 22px
}
body.page-id-335 .es-contact-wacp4 .contact-standard:nth-of-type(3) li{
  counter-increment:contact-step;background:#fff;border:1px solid #e1ebef;border-radius:14px;padding:24px 22px;box-shadow:0 7px 26px #2c6f8910;font-size:14px;line-height:1.65
}
body.page-id-335 .es-contact-wacp4 .contact-standard:nth-of-type(3) li::before{
  content:"0" counter(contact-step);display:block;color:var(--es-teal);font-size:12px;font-weight:800;letter-spacing:1.5px;margin-bottom:12px
}
body.page-id-335 .es-contact-wacp4 #assessment{
  max-width:1110px;margin:20px auto 36px!important;padding:38px 40px!important;border-radius:16px;background:var(--es-ink);color:#fff
}
body.page-id-335 .es-contact-wacp4 #assessment h2{color:#fff!important;margin-bottom:12px}
body.page-id-335 .es-contact-wacp4 #assessment p{color:#dbe7ed;margin:0;font-size:16px;line-height:1.7}
body.page-id-335 #post-335 .entry-content>p:last-of-type{max-width:1110px;margin:0 auto 38px!important;padding:0 22px;color:#59697b;font-size:13px!important}

/* WACP presentation stays lightweight and interactive. */
body.page-id-335 .es-contact-wacp4 summary.contact-marker{color:#008aa3!important;font-weight:700!important;white-space:nowrap!important;width:max-content!important;word-break:normal!important;overflow-wrap:normal!important}
body.page-id-335 .es-contact-wacp4 .contact-popover{border:1px solid #dce7ec!important;border-left:4px solid var(--es-teal)!important;border-radius:10px!important;box-shadow:0 12px 28px #0c354523!important}
body.page-id-335 :where(a,button,input,select,textarea):focus-visible{outline:3px solid #004f77;outline-offset:4px}

@media(max-width:1250px){
  body.page-id-335 #main-header .site-header-main-section-left{flex-basis:220px}
  body.page-id-335 #main-header .site-branding img.custom-logo{width:220px!important;max-width:220px!important}
  body.page-id-335 #main-header .site-header-main-section-right{margin-left:25px}
  body.page-id-335 #main-header .header-navigation .header-menu-container>ul{gap:9px}
  body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type{grid-template-columns:24px minmax(0,1fr) 350px!important}
}
@media(max-width:1024px){
  body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type{grid-template-columns:23px minmax(0,1fr) 326px!important}
  body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type h1{font-size:51px!important;letter-spacing:-1.8px!important}
  body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type>.contact-content>p:first-of-type{font-size:17px}
}
@media(max-width:760px){
  body.page-id-335 #masthead .site-branding img.custom-logo{width:181px!important;max-width:181px!important}
  body.page-id-335 .es-contact-wacp4 .contact-wrap{padding:0 20px 34px!important}
  body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type{
    grid-template-columns:25px minmax(0,1fr)!important;
    padding:30px 0 28px!important;min-height:0;column-gap:6px!important
  }
  body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type::before{background-position:43% top;background-size:auto 620px;background-repeat:no-repeat;background-color:#049db9}
  body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type .contact-answer-unit{grid-column:1;padding-top:45px}
  body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type>.contact-content{grid-column:2;padding:0}
  body.page-id-335 .es-contact-kicker{font-size:10px;letter-spacing:2.6px;margin-bottom:18px}
  body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type h1{font-size:clamp(38px,9vw,58px)!important;line-height:1.01!important;margin-bottom:18px!important}
  body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type>.contact-content>p{font-size:15px;line-height:1.58}
  body.page-id-335 .es-contact-wacp4 .contact-wacp-row:first-of-type>.contact-content>p:first-of-type{font-size:16px}
  body.page-id-335 .es-contact-wacp4 .contact-details{grid-template-columns:1fr;margin:20px 0!important}
  body.page-id-335 .es-contact-request-card{grid-column:1/-1;margin:18px 0 4px;padding:24px;max-width:510px;width:100%;justify-self:center}
  body.page-id-335 .es-contact-form-slot input:not([type=hidden]),
  body.page-id-335 .es-contact-form-slot select,
  body.page-id-335 .es-contact-form-slot textarea{font-size:16px;min-height:44px}
  body.page-id-335 .es-contact-form-slot label,
  body.page-id-335 .es-contact-form-slot .kb-adv-form-label{font-size:12px}
  body.page-id-335 .es-contact-wacp4 .contact-wacp-row:nth-of-type(2){grid-template-columns:25px minmax(0,1fr)!important;gap:6px!important;padding:36px 0!important}
  body.page-id-335 .es-contact-wacp4 .contact-wacp-row:nth-of-type(2) .contact-content h2,
  body.page-id-335 .es-contact-wacp4 .contact-standard h2{font-size:27px}
  body.page-id-335 .es-contact-wacp4 .contact-standard{padding:35px 20px!important}
  body.page-id-335 .es-contact-wacp4 .contact-standard:nth-of-type(3) ol{grid-template-columns:1fr;gap:12px}
  body.page-id-335 .es-contact-wacp4 #assessment{padding:31px 24px!important;margin-top:16px!important}
  body.page-id-335 .es-contact-wacp4 details.contact-citation:not([open]) .contact-popover{display:none!important}
}
