.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-6d11481:#0C0C0C;--e-global-color-e285cf6:#111111;--e-global-color-64cfb53:#161616;--e-global-color-8e3d962:#C9A96E;--e-global-color-cb8a757:#B8925A;--e-global-color-e41ee8a:#F0EDE8;--e-global-color-5121660:#A8A49F;--e-global-color-945f3f2:#C9A96E;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Jost";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Jost";--e-global-typography-accent-font-weight:400;--e-global-typography-primary-font-size:4.5rem;--e-global-typography-primary-line-height:1.15px;--e-global-typography-text-line-height:1.85px;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-line-height:1.5px;background-color:#0C0C0C;color:#F0EDE8;font-family:"Jost", Sans-serif;font-weight:300;line-height:1.85px;letter-spacing:0px;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:#00000000;font-family:"Jost", Sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:2.5px;color:#C9A96E;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C9A96E;border-radius:0px 0px 0px 0px;padding:14px 36px 14px 36px;}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:#C9A96E;color:#0C0C0C;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{color:#C9A96E;}.elementor-kit-9 a:hover{color:#B8925A;}.elementor-kit-9 h1{font-family:"Cormorant Garamond", Sans-serif;font-size:4.5rem;font-weight:300;line-height:1.15px;letter-spacing:1.5px;}.elementor-kit-9 h2{font-family:"Cormorant Garamond", Sans-serif;font-size:4.5rem;font-weight:300;line-height:1.3px;letter-spacing:1px;}.elementor-kit-9 h3{font-family:"Cormorant Garamond", Sans-serif;font-size:1.6rem;font-weight:300;line-height:1.4px;letter-spacing:0.8px;}.elementor-kit-9 h4{color:#F0EDE8;font-family:"Cormorant Garamond", Sans-serif;font-weight:600;line-height:1.4px;letter-spacing:0.8px;}.elementor-kit-9 h5{color:#F0EDE8;font-family:"Jost", Sans-serif;font-weight:400;line-height:1.6px;letter-spacing:1.5px;}.elementor-kit-9 h6{color:#F0EDE8;font-family:"Jost", Sans-serif;font-weight:400;line-height:1.6px;letter-spacing:2px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.page-id-89 .entry-title { display: none; }
.elementor-page .entry-title { display: none; }

.e-7a3a412-b96389b {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-hero-image-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
}
.e-200409e-2a3c674 {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-boardroom-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.e-1365e48-7c13d95 {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-contemporary-boardroom-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.e-d732f99-b938143 {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-London-aerial-night-shot-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.e-527de0b-8bca34e {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-presentation-boardroom-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.e-260a86c-a4251f6 {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-luxury-office-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.e-a492ece-d10f3a9 {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-modern-office-view-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

@media (max-width: 768px) {
  #ac-hero, #ac-intro, #ac-services, #ac-process, #ac-outcomes, #ac-about-strip, #ac-final-cta {
    padding: 40px 24px !important;
  }
  #ac-hero-h1 {
    font-size: 2.4rem !important;
    line-height: 1.2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  #ac-hero-eyebrow {
    font-size: 0.7rem !important;
    width: 100% !important;
  }
  #ac-hero-subtext {
    font-size: 0.9rem !important;
    width: 100% !important;
    max-width: none !important;
  }
  #ac-intro-h2 {
    font-size: 2rem !important;
    width: 100% !important;
    align-self: flex-start !important;
    text-align: left !important;
  }
  #ac-svc-row-1, #ac-svc-row-2, #ac-svc-row-3, #ac-svc-row-4 {
    flex-direction: column !important;
  }
  #ac-svc-1-title, #ac-svc-2-title, #ac-svc-3-title, #ac-svc-4-title {
    width: 100% !important;
  }
  #ac-svc-1-desc, #ac-svc-2-desc, #ac-svc-3-desc, #ac-svc-4-desc {
    max-width: 100% !important;
  }
  #ac-proc-row-1, #ac-proc-row-2, #ac-proc-row-3, #ac-proc-row-4 {
    flex-wrap: wrap !important;
    gap: 12px !important;
  }
  #ac-proc-1-num, #ac-proc-2-num, #ac-proc-3-num, #ac-proc-4-num {
    width: 50px !important;
  }
  #ac-proc-1-title, #ac-proc-2-title, #ac-proc-3-title, #ac-proc-4-title {
    width: 220px !important;
  }
  #ac-proc-1-desc, #ac-proc-2-desc, #ac-proc-3-desc, #ac-proc-4-desc {
    flex-basis: 100% !important;
    max-width: 100% !important;
    margin-top: 8px !important;
  }
  #ac-outcomes-row {
    flex-direction: column !important;
  }
  #ac-outcome-1, #ac-outcome-2, #ac-outcome-3 {
    width: 100% !important;
  }
  #ac-footer-main {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 40px 24px !important;
  }
  #ac-footer-bottom {
    padding: 24px !important;
  }
  #ac-footer-right {
    align-items: flex-start !important;
    margin-top: 24px !important;
  }
  #ac-footer-left, #ac-footer-right {
    width: 100% !important;
  }
  #ac-footer-nav {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
  }
  #ac-footer-nav-services, #ac-footer-nav-case-studies, #ac-footer-nav-insights, #ac-footer-nav-enquire {
    margin-bottom: 12px !important;
  }
}

/* ===== Case Studies page (108) ===== */
#ac-cs-hero {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-London-aerial-night-shot-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
#ac-cs-break-1 {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-meeting-in-progress-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
#ac-cs-hero-eyebrow, #ac-cs-1-metric, #ac-cs-2-metric, #ac-cs-3-metric, #ac-cs-4-metric {
  color: #C9A96E !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 0.85rem !important;
}
#ac-cs-hero-h1 { line-height: 1.15em !important; max-width: 800px !important; text-align: center !important; }
#ac-cs-hero-lede { max-width: 640px !important; text-align: center !important; color: #A8A49F !important; }
#ac-cs-1-title, #ac-cs-2-title, #ac-cs-3-title, #ac-cs-4-title { margin-top: 4px !important; margin-bottom: 8px !important; }
#ac-cs-1-challenge, #ac-cs-1-intervention, #ac-cs-1-actions, #ac-cs-1-result,
#ac-cs-2-challenge, #ac-cs-2-intervention, #ac-cs-2-actions, #ac-cs-2-result,
#ac-cs-3-challenge, #ac-cs-3-intervention, #ac-cs-3-actions, #ac-cs-3-result,
#ac-cs-4-challenge, #ac-cs-4-intervention, #ac-cs-4-actions, #ac-cs-4-result {
  color: #A8A49F !important;
  max-width: 720px !important;
}
#ac-cs-div-1, #ac-cs-div-2 {
  width: 100% !important;
  border-top: 1px solid #C9A96E !important;
  padding: 0 !important;
  min-height: 1px !important;
}
#ac-cs-disclaimer { max-width: 640px !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; color: #A8A49F !important; font-size: 0.85rem !important; }

@media (max-width: 768px) {
  #ac-cs-hero, #ac-cs-list, #ac-cs-list-2, #ac-cs-closing { padding: 40px 24px !important; }
  #ac-cs-hero-h1 { font-size: 2.2rem !important; }
}

/* ===== About page (112) ===== */
#ac-ab-hero {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-boardroom-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
#ac-ab-hero-eyebrow {
  color: #C9A96E !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 0.85rem !important;
}
#ac-ab-hero-h1 { line-height: 1.15em !important; max-width: 800px !important; text-align: center !important; }
#ac-ab-block-1, #ac-ab-block-2 { max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; }
#ac-ab-p1, #ac-ab-p2, #ac-ab-p3, #ac-ab-p4, #ac-ab-p5, #ac-ab-p6 { color: #A8A49F !important; text-align: left !important; }
#ac-ab-break-1 {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/executive-lounge-seating.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

@media (max-width: 768px) {
  #ac-ab-hero, #ac-ab-block-1, #ac-ab-block-2 { padding: 40px 24px !important; }
  #ac-ab-hero-h1 { font-size: 2.2rem !important; }
}

/* ===== Insights page (110) ===== */
#ac-in-hero {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-city-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
#ac-in-hero-eyebrow {
  color: #C9A96E !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 0.85rem !important;
}
#ac-in-hero-h1 { line-height: 1.15em !important; max-width: 700px !important; text-align: center !important; }
#ac-in-hero-lede { max-width: 560px !important; text-align: center !important; color: #A8A49F !important; }

@media (max-width: 768px) {
  #ac-in-hero { padding: 40px 24px !important; }
  #ac-in-hero-h1 { font-size: 2.2rem !important; }
}

/* ===== Resources page (114) ===== */
#ac-res-hero {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-architecture-01-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
#ac-res-hero-eyebrow {
  color: #C9A96E !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 0.85rem !important;
}
#ac-res-hero-h1 { line-height: 1.15em !important; max-width: 760px !important; }
#ac-res-hero-lede { max-width: 600px !important; color: #A8A49F !important; }
#ac-res-1-meta, #ac-res-2-meta, #ac-res-3-meta, #ac-res-4-meta, #ac-res-5-meta, #ac-res-6-meta {
  color: #C9A96E !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  font-size: 0.75rem !important;
}
#ac-res-1-desc, #ac-res-2-desc, #ac-res-3-desc, #ac-res-4-desc, #ac-res-5-desc, #ac-res-6-desc {
  color: #A8A49F !important;
  max-width: 640px !important;
}
#ac-res-div-1, #ac-res-div-2, #ac-res-div-3, #ac-res-div-4, #ac-res-div-5 {
  width: 100% !important;
  border-top: 1px solid #C9A96E !important;
  padding: 0 !important;
  min-height: 1px !important;
}

@media (max-width: 768px) {
  #ac-res-hero, #ac-res-list, #ac-res-closing { padding: 40px 24px !important; }
  #ac-res-hero-h1 { font-size: 2.2rem !important; }
}

/* ===== Partnerships page (116) ===== */
#ac-pt-hero {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-london-financial-district-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
#ac-pt-hero-eyebrow, #ac-pt-form-eyebrow {
  color: #C9A96E !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 0.85rem !important;
}
#ac-pt-hero-h1 { line-height: 1.15em !important; max-width: 760px !important; }
#ac-pt-hero-lede { max-width: 640px !important; color: #A8A49F !important; }
#ac-pt-1-desc, #ac-pt-2-desc, #ac-pt-3-desc { color: #A8A49F !important; max-width: 640px !important; }
#ac-pt-div-1, #ac-pt-div-2 {
  width: 100% !important;
  border-top: 1px solid #C9A96E !important;
  padding: 0 !important;
  min-height: 1px !important;
}
#ac-pt-disclaimer { color: #A8A49F !important; font-size: 0.85rem !important; margin-top: 12px !important; }
#ac-pt-form-h2 { text-align: center !important; }

@media (max-width: 768px) {
  #ac-pt-hero, #ac-pt-list, #ac-pt-form-section { padding: 40px 24px !important; }
  #ac-pt-hero-h1 { font-size: 2.2rem !important; }
}

/* ===== Enquire page (118) ===== */
#ac-eq-hero {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-London-aerial-financial-district-shot-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
#ac-eq-hero-h1 { line-height: 1.15em !important; max-width: 800px !important; text-align: center !important; }
#ac-eq-hero-lede { max-width: 560px !important; text-align: center !important; color: #A8A49F !important; }
#ac-eq-framing { max-width: 720px !important; margin-left: auto !important; margin-right: auto !important; }
#ac-eq-framing-p1, #ac-eq-framing-p2 { color: #A8A49F !important; text-align: center !important; }
#ac-eq-disclaimer { max-width: 640px !important; text-align: center !important; color: #A8A49F !important; font-size: 0.85rem !important; margin-top: 8px !important; }

@media (max-width: 768px) {
  #ac-eq-hero, #ac-eq-framing, #ac-eq-form-section { padding: 40px 24px !important; }
  #ac-eq-hero-h1 { font-size: 2.2rem !important; }
}

/* ===== Legal pages (Privacy Policy 689, Terms 691, Cookies 693, Disclaimer 695) ===== */
#ac-pp-hero-h1, #ac-tc-hero-h1, #ac-cp-hero-h1, #ac-dc-hero-h1 { line-height: 1.15em !important; text-align: center !important; }
#ac-pp-hero-sub, #ac-tc-hero-sub, #ac-cp-hero-sub, #ac-dc-hero-sub {
  color: #C9A96E !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 0.85rem !important;
}

@media (max-width: 768px) {
  #ac-pp-hero, #ac-pp-body, #ac-tc-hero, #ac-tc-body, #ac-cp-hero, #ac-cp-body, #ac-dc-hero, #ac-dc-body { padding: 40px 24px !important; }
  #ac-pp-hero-h1, #ac-tc-hero-h1, #ac-cp-hero-h1, #ac-dc-hero-h1 { font-size: 2.2rem !important; }
}

/* ===== Layout fixes: hero/body separation + padding ===== */
/* Root cause: add-flexbox padding/min_height params are not auto-applied as local styles; only direction/justify/align/gap are. Fixed via explicit ID-.elementor-kit-9 CSS. */
#ac-ab-hero { min-height: 480px !important; padding: 60px 40px !important; }
#ac-ab-block-1, #ac-ab-block-2 {
  background-color: #0C0C0C !important;
  padding: 80px 40px !important;
}
#ac-ab-break-1 { min-height: 400px !important; }

#ac-eq-hero { min-height: 560px !important; padding: 60px 40px !important; }
#ac-eq-framing {
  background-color: #0C0C0C !important;
  max-width: 640px !important;
  padding: 80px 40px !important;
}
#ac-eq-form-section {
  background-color: #0C0C0C !important;
  padding: 80px 40px !important;
}

#ac-cs-1, #ac-cs-2, #ac-cs-3, #ac-cs-4 { padding: 40px 32px !important; }
#ac-cs-1-challenge, #ac-cs-1-intervention, #ac-cs-1-actions, #ac-cs-1-result,
#ac-cs-2-challenge, #ac-cs-2-intervention, #ac-cs-2-actions, #ac-cs-2-result,
#ac-cs-3-challenge, #ac-cs-3-intervention, #ac-cs-3-actions, #ac-cs-3-result,
#ac-cs-4-challenge, #ac-cs-4-intervention, #ac-cs-4-actions, #ac-cs-4-result {
  font-size: 1rem !important;
}

#ac-in-hero { min-height: 440px !important; padding: 60px 40px !important; }
#ac-in-form-section {
  background-color: #0C0C0C !important;
  padding: 80px 40px !important;
  min-height: 320px !important;
}

@media (max-width: 768px) {
  #ac-ab-hero, #ac-ab-block-1, #ac-ab-block-2,
  #ac-eq-hero, #ac-eq-framing, #ac-eq-form-section,
  #ac-in-hero, #ac-in-form-section {
    padding: 40px 24px !important;
  }
  #ac-cs-1, #ac-cs-2, #ac-cs-3, #ac-cs-4 {
    padding: 32px 24px !important;
  }
}

/* ===== WPForms dark/gold styling ===== */
.wpforms-container { max-width: 640px !important; margin: 0 auto !important; }
#ac-in-wpform .wpforms-container { max-width: 500px !important; }
.wpforms-container .wpforms-field-label {
  font-family: 'Jost', sans-serif !important;
  font-size: 0.8rem !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #A8A49F !important;
  font-weight: 300 !important;
}
.wpforms-container .wpforms-field-required { color: #C9A96E !important; }
.wpforms-container .wpforms-field { padding: 0 !important; margin: 0 0 20px !important; }
.wpforms-container input[type=text],
.wpforms-container input[type=email],
.wpforms-container input[type=tel],
.wpforms-container input[type=url],
.wpforms-container select,
.wpforms-container textarea {
  width: 100% !important;
  background: #161616 !important;
  border: 1px solid #3a3a3a !important;
  color: #F0EDE8 !important;
  padding: 14px 16px !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 1rem !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.wpforms-container textarea { resize: vertical !important; }
.wpforms-container input:focus,
.wpforms-container select:focus,
.wpforms-container textarea:focus {
  outline: none !important;
  border-color: #C9A96E !important;
}
.wpforms-container .wpforms-submit-container { margin-top: 8px !important; }
.wpforms-container button.wpforms-submit {
  width: 100% !important;
  background: transparent !important;
  border: 1px solid #C9A96E !important;
  color: #C9A96E !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 2.5px !important;
  padding: 14px 36px !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  transition: all .2s ease !important;
}
.wpforms-container button.wpforms-submit:hover {
  background: #C9A96E !important;
  color: #0C0C0C !important;
}
.wpforms-container .wpforms-error,
.wpforms-container .wpforms-field-description {
  color: #A8A49F !important;
  font-family: 'Jost', sans-serif !important;
}
.wpforms-confirmation-container {
  background: #161616 !important;
  border: 1px solid #C9A96E !important;
  color: #F0EDE8 !important;
  font-family: 'Jost', sans-serif !important;
  padding: 24px !important;
}

/* fix: css_id on classic/legacy widgets (shortcode) doesn't render as HTML id; use parent atomic container id instead */
#ac-in-form-section .wpforms-container { max-width: 500px !important; }

/* ===== CRITICAL FIX: sitewide line-height literal-px bug ===== */
/* Root cause: kit typography line-height values are stored with unit:"px" (e.g. 1.85px, 1.15px)
   instead of unitless multipliers, so Elementor renders literal near-zero line-height on every
   text element, crushing wrapped lines on top of each other (visible as "ghosting"/doubled text
   on any multi-line paragraph or heading). Fixed by re-declaring line-height unitless/em globally. */
body { line-height: 1.85 !important; }
p, .e-paragraph, .elementor-widget-e-paragraph { line-height: 1.85 !important; }
h1 { line-height: 1.15 !important; }
h2 { line-height: 1.3 !important; }
h3 { line-height: 1.4 !important; }
h4 { line-height: 1.4 !important; }
h5, h6 { line-height: 1.6 !important; }
.wpforms-container .wpforms-field-label,
.wpforms-container .wpforms-field-description,
.wpforms-container .wpforms-error,
.wpforms-container option {
  line-height: 1.5 !important;
}

/* ===== Case Studies (108): more breathing room between Challenge/Intervention/Actions/Result lines ===== */
#ac-cs-1-challenge, #ac-cs-1-intervention, #ac-cs-1-actions,
#ac-cs-2-challenge, #ac-cs-2-intervention, #ac-cs-2-actions,
#ac-cs-3-challenge, #ac-cs-3-intervention, #ac-cs-3-actions,
#ac-cs-4-challenge, #ac-cs-4-intervention, #ac-cs-4-actions {
  margin-bottom: 12px !important;
}
#ac-cs-1-challenge, #ac-cs-1-intervention, #ac-cs-1-actions, #ac-cs-1-result,
#ac-cs-2-challenge, #ac-cs-2-intervention, #ac-cs-2-actions, #ac-cs-2-result,
#ac-cs-3-challenge, #ac-cs-3-intervention, #ac-cs-3-actions, #ac-cs-3-result,
#ac-cs-4-challenge, #ac-cs-4-intervention, #ac-cs-4-actions, #ac-cs-4-result {
  font-size: 0.95rem !important;
}

/* ===== New image-break sections ===== */
#ac-res-break-1 {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-modern-office-view-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
#ac-pt-break-1 {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-london-aerial-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
#ac-pp-break-1 {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-architecture-01-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
#ac-tc-break-1 {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-city-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
#ac-cp-break-1 {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-abstract-02-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
#ac-dc-break-1 {
  background-image: linear-gradient(rgba(12,12,12,0.75), rgba(12,12,12,0.75)), url('https://archibaldcrooks.com/wp-content/uploads/2026/07/ac-architecture-02-scaled.webp') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}


/* ===== Global fix: no blue buttons anywhere ===== */
/* Root cause: Elementor 4.0 atomic ".e-button-base" ships with a default blue background that
   beats the kit's button_background_color setting on widgets that weren't explicitly re-styled.
   Forced gold-outline everywhere, independent of kit cascade. */
.e-button-base,
a.e-button-base,
.elementor-widget-e-button a,
.elementor-widget-e-button button {
  background-color: transparent !important;
  background: transparent !important;
  border: 1px solid #C9A96E !important;
  color: #C9A96E !important;
  text-transform: uppercase !important;
  font-family: 'Jost', sans-serif !important;
  letter-spacing: 2.5px !important;
}
.e-button-base:hover,
a.e-button-base:hover,
.elementor-widget-e-button a:hover,
.elementor-widget-e-button button:hover {
  background-color: #C9A96E !important;
  background: #C9A96E !important;
  color: #0C0C0C !important;
}

/* ===== Global WPForms fix: field-medium/small/large max-width:60% bug ===== */
/* Root cause: WPForms core CSS caps .wpforms-field-medium (and small/large) at max-width:60% of
   the field wrapper, so inputs/selects render narrower than the textarea/button in the same form. */
.wpforms-container .wpforms-field-medium,
.wpforms-container .wpforms-field-small,
.wpforms-container .wpforms-field-large {
  max-width: 100% !important;
  width: 100% !important;
}

/* ===== WPForms select: readable option text + custom gold arrow ===== */
.wpforms-container select {
  color: #F0EDE8 !important;
  background-color: #161616 !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23C9A96E' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  padding-right: 40px !important;
}
.wpforms-container option {
  color: #F0EDE8 !important;
  background-color: #161616 !important;
}

/* ===== Insights (110): H1 one line + field/button width match ===== */
#ac-in-hero-h1 { max-width: 800px !important; white-space: nowrap !important; }

/* ===== About (112): H1 exact 2-line split ("A coordinated advisory firm," / "not a single point of view.") ===== */
#ac-ab-hero-h1 { max-width: 870px !important; }

/* ===== Enquire (118): H1 max 2 lines ===== */
#ac-eq-hero-h1 { max-width: 1040px !important; white-space: normal !important; }

@media (max-width: 768px) {
  #ac-in-hero-h1 { white-space: normal !important; max-width: 100% !important; font-size: 2.2rem !important; }
  #ac-ab-hero-h1, #ac-eq-hero-h1 { max-width: 100% !important; }
}


/* ===== WPForms select: fix clipped placeholder/option text ===== */
.wpforms-container select {
  line-height: 1.5 !important;
  padding: 12px 40px 12px 14px !important;
  height: auto !important;
  min-height: 48px !important;
}


/* ===== Sitewide text alignment consistency ===== */
.elementor-widget-text-editor p,
.elementor-widget-paragraph p,
.e-paragraph,
.wpforms-container p {
  text-align: left !important;
}

.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3,
.e-heading {
  text-align: center !important;
}

.elementor-widget-heading h1,
.elementor-widget-heading h2,
.e-heading {
  text-wrap: balance !important;
}

@media (max-width: 768px) {
  .elementor-widget-text-editor p,
  .elementor-widget-paragraph p,
  .e-paragraph {
    text-align: left !important;
  }

  .elementor-widget-heading h3,
  .e-heading[data-tag="h3"] {
    text-align: left !important;
  }
}

/* ===== About (112): root cause of "centred-looking" body paragraphs =====
   The paragraph text itself was already text-align:left, but the parent flex
   containers (#ac-ab-block-1/2) were built with align-items:center, which
   shrink-wraps and centers each paragraph's own box within the 720px column —
   producing a ragged, visually-centered block even though the text inside was
   technically left-aligned. Fixed by stretching children to full column width. */
#ac-ab-block-1, #ac-ab-block-2 { align-items: stretch !important; }

/* ===== Enquire (118): framing paragraphs — centred on desktop, left on mobile ===== */
@media (max-width: 768px) {
  #ac-eq-framing-p1, #ac-eq-framing-p2 { text-align: left !important; }
}


/* ===== Sitewide text alignment: corrected class names =====
   The site's Elementor 4.0 atomic widgets render as .e-paragraph-base / .e-heading-base /
   .e-button-base (not the bare .e-paragraph / .e-heading assumed above), so those rules were
   inert. Re-declared here with the real classes so they actually take effect. */
.e-paragraph-base,
.wpforms-container p {
  text-align: left !important;
}

.e-heading-base {
  text-align: center !important;
  text-wrap: balance !important;
}

@media (max-width: 768px) {
  .e-paragraph-base {
    text-align: left !important;
  }
  h3.e-heading-base {
    text-align: left !important;
  }
}


/* ===== Heading centring: scoped to H1/H2 only, H3 stays left =====
   Previous .e-heading-base rule centred every heading including editorial list-row
   titles (case studies, resources, partnerships, service pillars, process steps).
   Tag-scoped .elementor-kit-9s here have higher specificity (element+class > class alone),
   so they override the broad rule above for H3 specifically, regardless of source order. */
h1.e-heading-base, h2.e-heading-base {
  text-align: center !important;
  text-wrap: balance !important;
}
h3.e-heading-base {
  text-align: left !important;
  text-wrap: initial !important;
}

@media (max-width: 768px) {
  h3.e-heading-base { text-align: left !important; }
}/* End custom CSS */