/* All Class Junk Removal — Brand stylesheet
* Loaded on front-end and inside the block editor canvas so the editor preview matches the live site.
*/
:root,
.editor-styles-wrapper,
.block-editor-block-list__layout,
.edit-post-visual-editor {
/* Light + warm palette (v2). Dark sections retired. */
--acjr-forest: #296647;
--acjr-forest-dark: #1F4C36;
--acjr-forest-soft: #E1ECE5;
--acjr-bright: #067D37;
--acjr-gold: #D4A024;
--acjr-gold-dark: #B5851A;
--acjr-gold-soft: #F4E5B0;
--acjr-cream: #FAFAF7;
--acjr-stone: #F2F0EA;
--acjr-sand: #EAE2D0;
--acjr-warm-bg: #FBF6EB;
--acjr-border: #E5E2D8;
--acjr-charcoal: #1A1A1A; /* text only, never section bg */
--acjr-grey: #6B6B6B;
/* Legacy red kept for tiny accents but not used as a section colour. */
--acjr-red: #C0392B;
--acjr-red-dark: #9C2E22;
/* Kadence's palette is used by their internal CSS (e.g. their heading
* accent color is --global-palette3). DO NOT remap their palette,
* or every Kadence-styled element inherits whatever we put there.
* Override only what we explicitly need on specific selectors below. */
/* Kill WP block-gap so empty space between root blocks goes away. */
--wp--style--block-gap: 0px;
}
html, body, .editor-styles-wrapper, .block-editor__container {
background: var(--acjr-cream);
color: var(--acjr-charcoal);
font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
font-size: 17px;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.editor-styles-wrapper { padding: 0 !important; }
/* ===== TYPOGRAPHY ===== */
h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6,
.editor-styles-wrapper .wp-block-heading {
font-family: 'Manrope', system-ui, -apple-system, sans-serif !important;
font-weight: 800 !important;
color: var(--acjr-charcoal) !important;
line-height: 1.08 !important;
letter-spacing: -0.02em;
text-transform: none !important;
margin: 0 0 0.55em;
}
/* When a heading is intentionally placed on a forest section (closing CTA only), override to cream */
.acjr-section.has-forest-background-color h1,
.acjr-section.has-forest-background-color h2,
.acjr-section.has-forest-background-color h3,
.wp-block-cover.acjr-cta-banner h1,
.wp-block-cover.acjr-cta-banner h2,
.wp-block-cover.acjr-cta-banner h3 { color: var(--acjr-cream) !important; }
h1 { font-size: clamp(2.2rem, 5vw, 4.2rem); }
h2 { font-size: clamp(1.7rem, 3.4vw, 2.7rem); }
h3 { font-size: clamp(1.2rem, 2.2vw, 1.6rem); }
h4 { font-size: clamp(1rem, 1.8vw, 1.2rem); }
p { margin: 0 0 1em; }
.acjr-kicker {
display: inline-block;
font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
font-size: 0.78rem !important;
font-weight: 700 !important;
letter-spacing: 0.22em !important;
text-transform: uppercase;
color: var(--acjr-forest) !important;
margin-bottom: 0.7rem !important;
}
.acjr-kicker--gold { color: var(--acjr-gold) !important; }
.acjr-kicker--red { color: var(--acjr-red) !important; }
a { color: var(--acjr-forest); text-decoration: none; }
a:hover { color: var(--acjr-bright); text-decoration: underline; }
/* ===== BRAND PALETTE COLOR CLASSES ===== */
.has-forest-color { color: var(--acjr-forest) !important; }
.has-forest-background-color { background-color: var(--acjr-forest) !important; }
.has-bright-color { color: var(--acjr-bright) !important; }
.has-bright-background-color { background-color: var(--acjr-bright) !important; }
.has-red-color { color: var(--acjr-red) !important; }
.has-red-background-color { background-color: var(--acjr-red) !important; }
.has-gold-color { color: var(--acjr-gold) !important; }
.has-gold-background-color { background-color: var(--acjr-gold) !important; }
.has-cream-color { color: var(--acjr-cream) !important; }
.has-cream-background-color { background-color: var(--acjr-cream) !important; }
.has-stone-color { color: var(--acjr-stone) !important; }
.has-stone-background-color { background-color: var(--acjr-stone) !important; }
.has-charcoal-color { color: var(--acjr-charcoal) !important; }
.has-charcoal-background-color { background-color: var(--acjr-charcoal) !important; }
.has-grey-color { color: var(--acjr-grey) !important; }
.has-grey-background-color { background-color: var(--acjr-grey) !important; }
.has-white-color { color: #FFFFFF !important; }
.has-white-background-color { background-color: #FFFFFF !important; }
/* Forest section: still allowed for the closing CTA banner only.
* Charcoal sections retired — site is light-theme throughout. */
.acjr-section.has-forest-background-color {
color: var(--acjr-cream);
}
.acjr-section.has-forest-background-color h1,
.acjr-section.has-forest-background-color h2,
.acjr-section.has-forest-background-color h3,
.acjr-section.has-forest-background-color h4 { color: var(--acjr-cream) !important; }
.acjr-section.has-forest-background-color p { color: var(--acjr-gold-soft); }
.acjr-section.has-forest-background-color .acjr-kicker { color: var(--acjr-gold) !important; }
/* ===== SECTIONS ===== */
/* Kill default vertical spacing on the page wrapper so OUR section padding
* is the only thing controlling space between sections. */
body .content-area,
body .content-container,
body .entry-content,
body .site-content,
body main#main,
body article {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
background: var(--acjr-cream);
}
.entry-content > * + *,
.wp-block-post-content > * + *,
.is-root-container > * + * { margin-top: 0 !important; margin-bottom: 0 !important; }
body .entry-content > .alignfull:first-child,
body .entry-content > .wp-block-group:first-child { margin-top: 0 !important; }
.wp-block-group.acjr-section { padding: 3.2rem 1.5rem; }
.wp-block-group.acjr-section--tight { padding: 1.6rem 1.5rem; }
.wp-block-cover.acjr-cta-banner {
padding: 3rem 1.5rem !important;
min-height: auto !important;
height: auto !important;
}
.wp-block-cover.acjr-cta-banner .wp-block-cover__inner-container { max-width: 720px; margin: 0 auto; }
.wp-block-cover.acjr-cta-banner > .wp-block-cover__background { min-height: auto; }
.wp-block-group.acjr-hero {
padding: 2.5rem 1.5rem !important;
}
.wp-block-columns.acjr-hero-grid { gap: 3rem !important; align-items: center; margin-bottom: 0; }
.wp-block-columns.acjr-hero-grid > .wp-block-column { padding: 0; }
.acjr-hero h1 { margin-bottom: 0.8rem; }
.acjr-hero .acjr-hero__sub { font-size: 1.1rem !important; line-height: 1.55; max-width: 38ch; color: var(--acjr-grey); margin-bottom: 1.4rem; }
.acjr-hero .wp-block-buttons { margin: 0 0 0.6rem !important; gap: 0.6rem !important; flex-wrap: wrap; }
.acjr-hero .wp-block-buttons .wp-block-button { margin: 0 !important; }
.acjr-hero .acjr-hero__note { font-size: 0.88rem; font-style: italic; color: var(--acjr-grey); margin-top: 0.4rem; }
/* Trust row label wrap fix: shorten line height so 1-2 lines look intentional */
.wp-block-group.acjr-trust-tile p { font-size: 0.74rem !important; line-height: 1.25 !important; }
/* ===== BUTTONS ===== */
.wp-block-button__link {
background-color: var(--acjr-forest) !important;
color: #FFFFFF !important;
border: 2px solid var(--acjr-forest);
border-radius: 2px !important;
font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
font-weight: 700;
font-size: 0.9rem;
letter-spacing: 0.08em;
text-transform: uppercase;
padding: 0.85em 1.6em !important;
transition: all .15s ease;
}
.wp-block-button__link:hover { background: var(--acjr-bright) !important; border-color: var(--acjr-bright); }
.wp-block-button.is-style-outline .wp-block-button__link {
background: transparent !important;
color: var(--acjr-forest) !important;
border: 2px solid var(--acjr-forest) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
background: var(--acjr-forest) !important;
color: #FFFFFF !important;
}
.wp-block-button.is-style-red .wp-block-button__link {
background: var(--acjr-red) !important;
border-color: var(--acjr-red);
}
.wp-block-button.is-style-red .wp-block-button__link:hover {
background: var(--acjr-red-dark) !important;
border-color: var(--acjr-red-dark);
}
.acjr-section.has-charcoal-background-color .wp-block-button.is-style-outline .wp-block-button__link,
.acjr-section.has-forest-background-color .wp-block-button.is-style-outline .wp-block-button__link {
color: var(--acjr-cream) !important;
border-color: var(--acjr-cream) !important;
}
.wp-block-cover .wp-block-button.is-style-outline .wp-block-button__link {
color: var(--acjr-cream) !important;
border-color: var(--acjr-cream) !important;
}
/* ===== IMAGE PLACEHOLDER ===== */
.acjr-img-placeholder {
position: relative;
background: repeating-linear-gradient(45deg, #F4F0E5, #F4F0E5 10px, #EDE7D8 10px, #EDE7D8 20px);
border: 2px dashed var(--acjr-gold);
border-radius: 2px;
overflow: hidden;
width: 100%;
}
.acjr-img-placeholder.acjr-img-3-2::before { content: ""; display: block; padding-bottom: 66.66%; }
.acjr-img-placeholder.acjr-img-4-3::before { content: ""; display: block; padding-bottom: 75%; }
.acjr-img-placeholder.acjr-img-16-9::before { content: ""; display: block; padding-bottom: 56.25%; }
.acjr-img-placeholder.acjr-img-1-1::before { content: ""; display: block; padding-bottom: 100%; }
.acjr-img-placeholder.acjr-img-21-9::before { content: ""; display: block; padding-bottom: 42.85%; }
.acjr-img-placeholder__inner {
position: absolute !important; inset: 0;
display: flex !important; flex-direction: column;
align-items: center; justify-content: center;
padding: 1.25rem !important; text-align: center;
}
.acjr-img-placeholder__tag {
display: inline-block;
background: var(--acjr-charcoal); color: var(--acjr-cream) !important;
font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
font-size: 0.6rem !important; font-weight: 700 !important;
letter-spacing: 0.18em !important; text-transform: uppercase;
padding: 0.35em 0.7em !important;
margin: 0 0 0.75rem !important;
border-radius: 1px;
width: auto !important;
}
.acjr-img-placeholder__desc {
font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
font-size: 0.9rem !important;
font-style: italic;
line-height: 1.45 !important;
color: #4A4737 !important;
max-width: 36ch;
margin: 0 !important;
}
/* ===== CARDS ===== */
.wp-block-group.acjr-card {
background: #FFFFFF !important;
border: 1px solid var(--acjr-border);
border-radius: 2px;
padding: 1.8rem 1.6rem !important;
transition: all .2s ease;
height: 100%;
}
.wp-block-group.acjr-card:hover {
border-color: var(--acjr-forest);
transform: translateY(-3px);
box-shadow: 0 8px 22px rgba(41, 102, 71, 0.08);
}
.wp-block-group.acjr-card h3 { font-size: 1.25rem; margin: 0.6rem 0 0.4rem; }
.wp-block-group.acjr-card p { color: var(--acjr-grey); font-size: 0.95rem; line-height: 1.55; margin-bottom: 0.6rem; }
.wp-block-group.acjr-card .wp-block-image { margin-bottom: 0; }
.wp-block-group.acjr-card a.acjr-card-link {
font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
font-size: 0.74rem !important; font-weight: 700;
letter-spacing: 0.14em; text-transform: uppercase;
color: var(--acjr-red) !important;
}
.wp-block-group.acjr-card a.acjr-card-link:hover { color: var(--acjr-red-dark) !important; text-decoration: none; }
/* Trust tile */
.wp-block-group.acjr-trust-tile { text-align: center; padding: 0.5rem 0.4rem !important; }
.wp-block-group.acjr-trust-tile p { font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important; font-weight: 700; font-size: 0.78rem !important; letter-spacing: 0.07em; text-transform: uppercase; margin: 0.4rem 0 0 !important; line-height: 1.3; }
.wp-block-group.acjr-trust-tile .wp-block-image { margin: 0 auto !important; }
.wp-block-image.acjr-icon-img,
.wp-block-image.acjr-icon-img img { width: 36px !important; height: 36px !important; max-width: 36px !important; }
.wp-block-image.acjr-icon-img-sm,
.wp-block-image.acjr-icon-img-sm img { width: 28px !important; height: 28px !important; max-width: 28px !important; }
.wp-block-image.acjr-stars-img img { width: 100px !important; height: auto !important; }
/* Step row */
.wp-block-group.acjr-step { text-align: center; padding: 0 0.6rem; }
.wp-block-group.acjr-step .acjr-step-num {
font-family: 'Manrope' !important;
font-size: 3.4rem !important;
line-height: 0.9 !important;
color: var(--acjr-gold) !important;
margin: 0 0 0.4rem !important;
text-transform: none;
letter-spacing: normal;
}
.wp-block-group.acjr-step h3 { font-size: 1.4rem; margin: 0.3rem 0 0.5rem; }
.wp-block-group.acjr-step p { color: var(--acjr-grey); font-size: 0.95rem; }
.acjr-section.has-charcoal-background-color .wp-block-group.acjr-step p { color: var(--acjr-gold-soft); }
/* Review card */
.wp-block-group.acjr-review { background: #FFFFFF !important; border: 1px solid var(--acjr-border); padding: 1.6rem 1.4rem !important; border-radius: 2px; height: 100%; }
.wp-block-group.acjr-review p { font-size: 0.97rem; line-height: 1.6; margin-bottom: 0.85rem; }
.wp-block-group.acjr-review .acjr-cite { font-weight: 700; font-size: 0.87rem; color: var(--acjr-charcoal); margin-bottom: 0; }
.wp-block-group.acjr-review .acjr-cite-context { font-size: 0.8rem; color: var(--acjr-grey); margin: 2px 0 0; font-weight: 400; }
/* Native check list (uses CSS mask for the check icon) */
.wp-block-list.acjr-check-list,
ul.acjr-check-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.wp-block-list.acjr-check-list li,
ul.acjr-check-list li {
position: relative;
padding-left: 1.7rem;
margin-bottom: 0.55rem;
font-size: 1rem;
line-height: 1.5;
color: var(--acjr-charcoal);
list-style: none;
}
.wp-block-list.acjr-check-list li::before,
ul.acjr-check-list li::before {
content: "";
position: absolute; left: 0; top: 0.32rem;
width: 18px; height: 18px;
background: var(--acjr-forest);
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
}
/* FAQ */
.wp-block-details {
border-bottom: 1px solid var(--acjr-border);
padding: 1rem 0;
margin: 0;
}
.wp-block-details summary {
font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
font-weight: 700; font-size: 1.02rem;
cursor: pointer; list-style: none;
color: var(--acjr-charcoal);
}
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::marker { content: ""; }
.wp-block-details[open] summary { color: var(--acjr-forest); }
.wp-block-details > p { color: var(--acjr-grey); margin-top: 0.6rem; }
/* ===== HEADER ===== */
.site-header,
.site-header-wrap {
background: #FFFFFF !important;
border-bottom: 1px solid var(--acjr-border);
}
.site-main-header-inner-wrap { min-height: 84px !important; }
.site-branding .site-title-wrap {
background: url('/wp-content/uploads/acjr-assets/logo.svg?v=8') no-repeat left center;
background-size: contain;
width: 280px;
max-width: 60vw;
height: 58px;
}
.site-branding .site-title,
.site-branding .site-title p {
text-indent: -9999px !important;
overflow: hidden !important;
height: 56px;
margin: 0;
line-height: 56px;
white-space: nowrap;
}
.site-branding .brand { display: inline-block; }
.header-navigation .menu,
.header-navigation .primary-menu-container > ul {
flex-wrap: nowrap !important;
align-items: center;
}
.header-navigation .menu > li > a,
.header-navigation a {
font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
font-size: 0.78rem !important;
font-weight: 700 !important;
letter-spacing: 0.07em;
text-transform: uppercase;
color: var(--acjr-charcoal) !important;
white-space: nowrap;
}
.main-navigation .primary-menu-container > ul > li.menu-item > a {
padding-left: 0.6em !important;
padding-right: 0.6em !important;
}
.header-navigation .menu > li > a:hover,
.header-navigation .current-menu-item > a {
color: var(--acjr-forest) !important;
}
.header-navigation .acjr-menu-phone > a {
display: inline-flex !important; align-items: center; gap: 6px;
color: var(--acjr-charcoal) !important;
text-transform: none !important;
letter-spacing: 0 !important;
font-size: 0.95rem !important;
}
.header-navigation .acjr-menu-phone .acjr-icon { width: 18px; height: 18px; color: var(--acjr-red); flex-shrink: 0; }
.header-navigation .acjr-menu-phone > a:hover { color: var(--acjr-red) !important; }
.header-navigation .acjr-menu-quote > a {
background: var(--acjr-red);
color: #FFFFFF !important;
border-radius: 2px;
padding: 0.85em 1.3em !important;
font-size: 0.78rem !important;
transition: background .15s ease;
margin-left: 8px;
}
/* Keep injected phone CTA in the desktop header only.
In Kadence's mobile drawer/sidebar menu it renders as a raw giant menu row. */
.mobile-navigation .acjr-menu-phone,
#mobile-drawer .acjr-menu-phone,
#mobile-drawer .mobile-navigation .acjr-menu-phone {
display: none !important;
}
.header-navigation .acjr-menu-quote > a:hover { background: var(--acjr-red-dark); }
@media (max-width: 768px) {
.site-branding .site-title-wrap { width: 200px; height: 44px; }
.site-branding .site-title, .site-branding .site-title p { height: 44px; line-height: 44px; }
}
/* ===== FOOTER (custom) ===== */
.site-footer,
.site-footer-wrap,
.site-bottom-footer-wrap,
.site-bottom-footer-inner-wrap { display: none !important; }
.acjr-footer {
background: #1A1A1A !important;
color: #FAFAF7 !important;
padding: 4rem 1.5rem 0 !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
z-index: 10 !important;
}
.acjr-footer-inner {
max-width: 1180px; margin: 0 auto;
display: grid;
grid-template-columns: 1.5fr 1fr 1fr 1.1fr;
gap: 2.5rem;
}
.acjr-footer__brand img { width: 220px; height: auto; }
.acjr-footer__brand p { color: #BFBAB0; font-size: 0.95rem; line-height: 1.55; margin-top: 1rem; max-width: 32ch; }
.acjr-footer h4 {
font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
font-size: 0.78rem !important;
font-weight: 700 !important;
letter-spacing: 0.18em !important;
text-transform: uppercase;
color: var(--acjr-gold) !important;
margin-bottom: 1.1rem;
}
.acjr-footer ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.45rem; }
.acjr-footer ul a { color: #D6D2C8; font-size: 0.95rem; }
.acjr-footer ul a:hover { color: var(--acjr-gold); text-decoration: none; }
.acjr-footer__contact p { color: #D6D2C8; font-size: 0.95rem; margin: 0 0 0.6rem; }
.acjr-footer__contact a { color: #D6D2C8; }
.acjr-footer__phone {
font-family: 'Manrope', system-ui, sans-serif !important;
font-size: 1.5rem !important;
color: var(--acjr-gold) !important;
letter-spacing: 0.04em;
display: inline-block;
margin: 0.2rem 0 0.6rem;
}
.acjr-footer__bottom {
border-top: 1px solid #2A2A2C;
margin-top: 3rem;
padding: 1.4rem 0;
text-align: center;
color: #7E7B72;
font-size: 0.82rem;
}
@media (max-width: 880px) {
.acjr-footer-inner { grid-template-columns: 1fr 1fr; gap: 2rem; }
}
@media (max-width: 540px) {
.acjr-footer-inner { grid-template-columns: 1fr; }
}
/* ===== HERO COLUMN BEHAVIOUR ===== */
@media (min-width: 881px) {
.acjr-hero-grid { display: flex !important; flex-wrap: nowrap; }
.acjr-hero-grid > .wp-block-column { flex: 1; }
}
/* ===== V2 SECTION UTILITIES (light + warm) ===== */
.acjr-section.has-warm-bg-background-color { background-color: var(--acjr-warm-bg) !important; }
.acjr-section.has-sand-background-color { background-color: var(--acjr-sand) !important; }
.acjr-section.has-forest-soft-background-color { background-color: var(--acjr-forest-soft) !important; }
/* Hero image (real photo) */
.acjr-hero-photo {
position: relative;
width: 100%;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 4px;
}
.acjr-hero-photo img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* Real-photo image block: rounded corners, cover-fit */
.wp-block-image.acjr-photo img,
.acjr-photo img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
.wp-block-image.acjr-photo,
.acjr-photo { border-radius: 4px; overflow: hidden; }
.wp-block-image.acjr-photo--portrait img { aspect-ratio: 3 / 4; }
.wp-block-image.acjr-photo--landscape img { aspect-ratio: 16 / 9; }
.wp-block-image.acjr-photo--square img { aspect-ratio: 1 / 1; }
.wp-block-image.acjr-photo--wide img { aspect-ratio: 21 / 9; }
.wp-block-image.acjr-photo--card img { aspect-ratio: 4 / 3; }
/* Feature alternator (image + text, alternating per row) */
.acjr-alternator { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }
.acjr-alternator + .acjr-alternator { margin-top: 3rem; }
.acjr-alternator--reverse > div:first-child { order: 2; }
@media (max-width: 880px) {
.acjr-alternator { grid-template-columns: 1fr; gap: 1.6rem; }
.acjr-alternator--reverse > div:first-child { order: 0; }
}
/* "What we handle" categorized list */
.acjr-handle-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; }
@media (max-width: 760px) { .acjr-handle-grid { grid-template-columns: 1fr; gap: 1.4rem; } }
.acjr-handle-cat h4 {
font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
font-size: 0.78rem !important;
font-weight: 700 !important;
letter-spacing: 0.16em !important;
text-transform: uppercase;
color: var(--acjr-forest) !important;
margin: 0 0 0.6rem !important;
}
.acjr-handle-cat ul { list-style: none; padding: 0; margin: 0; }
.acjr-handle-cat li {
padding: 0.3rem 0;
color: var(--acjr-charcoal);
font-size: 0.97rem;
line-height: 1.4;
}
/* Trust strip (small icons, single row) */
.acjr-trust-strip {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem 3rem;
align-items: center;
}
.acjr-trust-strip > div {
display: flex;
align-items: center;
gap: 0.6rem;
color: var(--acjr-grey);
font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.acjr-trust-strip .wp-block-image img,
.acjr-trust-strip img { width: 24px; height: 24px; }
/* Inline FAQ section using native details, but in two-column on wide */
.acjr-faq-wrap details summary {
padding: 1.1rem 0;
font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
font-size: 1.02rem !important;
font-weight: 700;
cursor: pointer;
list-style: none;
color: var(--acjr-charcoal);
border-bottom: 1px solid var(--acjr-border);
position: relative;
padding-right: 2rem;
}
.acjr-faq-wrap details summary::after {
content: "+";
position: absolute;
right: 0;
top: 1rem;
font-family: 'Manrope', system-ui, sans-serif;
color: var(--acjr-gold);
font-size: 1.3rem;
line-height: 1;
}
.acjr-faq-wrap details[open] summary::after { content: "−"; }
.acjr-faq-wrap details[open] summary { color: var(--acjr-forest); }
.acjr-faq-wrap details > p {
color: var(--acjr-grey);
margin: 0.8rem 0 1.2rem;
line-height: 1.65;
}
.acjr-faq-wrap details summary::-webkit-details-marker { display: none; }
.acjr-faq-wrap details summary::marker { content: ""; }
/* Inter-link cloud (related-services and related-areas) */
.acjr-link-cloud { display: flex; flex-wrap: wrap; gap: 0.6rem; }
.acjr-link-cloud a {
background: #FFFFFF;
border: 1px solid var(--acjr-border);
border-radius: 999px;
padding: 0.5em 1.1em;
font-size: 0.86rem;
font-weight: 600;
color: var(--acjr-forest);
transition: all .15s ease;
text-decoration: none;
}
.acjr-link-cloud a:hover {
background: var(--acjr-forest);
border-color: var(--acjr-forest);
color: #FFFFFF;
text-decoration: none;
}
/* Pillar trio (CSL-style insurance/process pillars but without specific dollar amounts) */
.acjr-pillar-trio { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; }
@media (max-width: 760px) { .acjr-pillar-trio { grid-template-columns: 1fr; } }
.acjr-pillar {
background: #FFFFFF;
border-left: 3px solid var(--acjr-gold);
padding: 1.4rem 1.5rem;
border-radius: 2px;
}
.acjr-pillar h4 {
font-family: 'Manrope', system-ui, sans-serif !important;
font-size: 1.15rem !important;
color: var(--acjr-charcoal);
margin: 0 0 0.4rem;
text-transform: uppercase;
}
.acjr-pillar p { font-size: 0.94rem; color: var(--acjr-grey); margin: 0; line-height: 1.5; }
/* "Truck-load equivalent" pricing visual (JP-style) */
.acjr-load-visual { background: var(--acjr-warm-bg); padding: 2rem; border-left: 3px solid var(--acjr-forest); border-radius: 2px; }
.acjr-load-visual ul { list-style: none; padding: 0; margin: 0.8rem 0 0; }
.acjr-load-visual li {
padding: 0.4rem 0;
border-bottom: 1px dotted var(--acjr-border);
font-size: 0.97rem;
color: var(--acjr-charcoal);
}
.acjr-load-visual li:last-child { border-bottom: 0; }
/* ============================================================
* V3 (junkpro-inspired) — full-bleed hero, image cards, items grid,
* stand-out row, mega-menu polish, button depth.
* ============================================================ */
/* ===== HERO WITH SIDE PHOTO (junkpro pattern) ===== */
.wp-block-group.acjr-hero-side {
background: var(--acjr-cream) !important;
padding: 4rem 1.5rem !important;
}
.acjr-hero-side .wp-block-columns { gap: 3.5rem !important; align-items: center; }
.acjr-hero-side h1 {
font-size: clamp(2.4rem, 5vw, 4.4rem) !important;
color: var(--acjr-charcoal) !important;
margin-bottom: 1rem !important;
line-height: 0.98 !important;
}
.acjr-hero-side .acjr-hero__sub {
font-size: 1.15rem !important;
color: var(--acjr-grey) !important;
line-height: 1.55;
max-width: 44ch;
margin-bottom: 1.6rem;
}
.acjr-hero-side .acjr-hero__photo img {
width: 100%; height: auto; max-height: 460px; object-fit: cover;
border-radius: 6px;
box-shadow: 0 18px 40px rgba(0,0,0,0.14);
}
.acjr-hero-side .acjr-hero__badge {
display: inline-flex; align-items: center; gap: 0.6rem;
background: #FFFFFF;
color: var(--acjr-charcoal);
padding: 0.55em 1em;
border-radius: 999px;
border: 1px solid var(--acjr-border);
font-size: 0.86rem; font-weight: 600;
margin-top: 1.2rem;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}
.acjr-hero-side .acjr-hero__badge .acjr-stars-mini { color: var(--acjr-gold); font-size: 1rem; }
.acjr-hero-side .acjr-hero__badge a { color: var(--acjr-forest); font-weight: 700; text-decoration: underline; }
/* Top utility bar (phone | hours | BOOK NOW) */
.acjr-topbar {
background: var(--acjr-charcoal);
color: #F5F2EA;
padding: 0.5rem 1.5rem;
font-size: 0.84rem;
font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
}
.acjr-topbar-inner {
max-width: 1280px; margin: 0 auto;
display: flex; align-items: center; gap: 1.5rem;
flex-wrap: wrap;
}
.acjr-topbar a { color: #F5F2EA; text-decoration: none; }
.acjr-topbar a:hover { color: var(--acjr-gold); text-decoration: none; }
.acjr-topbar__hours { color: #BFBAB0; }
.acjr-topbar__cta { margin-left: auto; }
.acjr-topbar__cta a {
background: var(--acjr-gold); color: var(--acjr-charcoal); font-weight: 700;
padding: 0.4em 1em; border-radius: 2px; letter-spacing: 0.05em; text-transform: uppercase;
font-size: 0.78rem;
}
/* ===== 3-STEP PROCESS WITH ICON CIRCLES ===== */
.wp-block-group.acjr-process-card {
background: #FFFFFF !important;
border: 1px solid var(--acjr-border);
border-radius: 4px;
padding: 2rem 1.6rem !important;
text-align: center;
height: 100%;
transition: all .2s ease;
}
.wp-block-group.acjr-process-card:hover {
border-color: var(--acjr-forest);
transform: translateY(-3px);
box-shadow: 0 10px 24px rgba(41,102,71,0.10);
}
.wp-block-group.acjr-process-card .wp-block-image {
margin: 0 auto 1rem !important;
width: 80px !important; height: 80px !important;
background: var(--acjr-forest);
border-radius: 50%;
display: flex !important; align-items: center; justify-content: center;
overflow: hidden;
}
.wp-block-group.acjr-process-card .wp-block-image img {
width: 44px !important; height: 44px !important;
filter: brightness(0) invert(1);
}
.wp-block-group.acjr-process-card h3 {
font-size: 1.2rem !important;
margin: 0.4rem 0 0.5rem !important;
}
.wp-block-group.acjr-process-card p {
color: var(--acjr-grey) !important;
font-size: 0.95rem;
line-height: 1.55;
margin: 0 !important;
}
/* ===== 8-CARD TESTIMONIAL WALL WITH AVATARS ===== */
.wp-block-group.acjr-testimonial-card {
background: #FFFFFF !important;
border: 1px solid var(--acjr-border);
border-radius: 6px;
padding: 1.4rem 1.3rem !important;
height: 100%;
transition: all .2s ease;
cursor: pointer;
position: relative;
}
.wp-block-group.acjr-testimonial-card:hover {
border-color: var(--acjr-forest);
transform: translateY(-3px);
box-shadow: 0 12px 26px rgba(41,102,71,0.12);
}
.wp-block-group.acjr-testimonial-card .acjr-testimonial-head {
display: flex !important; align-items: center; gap: 0.8rem; margin-bottom: 0.8rem;
}
.wp-block-group.acjr-testimonial-card .acjr-avatar {
width: 44px; height: 44px;
background: var(--acjr-forest);
color: #FFFFFF;
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
font-family: 'Manrope', system-ui, sans-serif;
font-size: 1.1rem;
flex-shrink: 0;
}
.wp-block-group.acjr-testimonial-card .acjr-cite { font-weight: 700; font-size: 0.9rem; color: var(--acjr-charcoal); margin: 0; line-height: 1.2; }
.wp-block-group.acjr-testimonial-card .acjr-cite-context { font-size: 0.78rem; color: var(--acjr-grey); margin: 2px 0 0; }
.wp-block-group.acjr-testimonial-card .acjr-stars-mini { color: var(--acjr-gold); font-size: 0.95rem; margin-bottom: 0.5rem; display: block; }
.wp-block-group.acjr-testimonial-card p { font-size: 0.93rem; line-height: 1.55; color: var(--acjr-charcoal); margin: 0 0 0.8rem !important; }
.wp-block-group.acjr-testimonial-card .acjr-google-link {
font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em;
text-transform: uppercase; color: var(--acjr-forest);
text-decoration: none; display: inline-flex; align-items: center; gap: 4px;
}
.wp-block-group.acjr-testimonial-card .acjr-google-link:hover { color: var(--acjr-gold-dark); text-decoration: underline; }
/* Reviews aggregate header (above testimonial wall) */
.acjr-reviews-aggregate {
text-align: center;
margin-bottom: 2.4rem;
}
.acjr-reviews-aggregate .acjr-stars-big {
font-size: 2rem; color: var(--acjr-gold); display: inline-block; margin-bottom: 0.4rem;
}
.acjr-reviews-aggregate .acjr-rating-num {
font-family: 'Manrope', system-ui, sans-serif;
font-size: 2.4rem; color: var(--acjr-charcoal);
}
.acjr-reviews-aggregate .acjr-rating-meta {
font-size: 0.95rem; color: var(--acjr-grey); margin-top: 0.4rem;
}
.acjr-reviews-aggregate .acjr-rating-meta a { color: var(--acjr-forest); font-weight: 700; }
/* ===== DARK GREEN SERVICE AREA BAND ===== */
.acjr-section.acjr-area-band {
background: linear-gradient(135deg, var(--acjr-forest) 0%, #1F4C36 100%) !important;
color: var(--acjr-cream) !important;
padding: 4.5rem 1.5rem !important;
}
.acjr-area-band h2,
.acjr-area-band h3,
.acjr-area-band h4 { color: var(--acjr-cream) !important; }
.acjr-area-band .acjr-kicker { color: var(--acjr-gold) !important; }
.acjr-area-band p { color: #E8E2D2 !important; }
.acjr-area-band ul { list-style: none; padding: 0; margin: 0; columns: 2; column-gap: 2rem; }
.acjr-area-band li { padding: 0.35rem 0; color: #E8E2D2; font-size: 0.96rem; }
.acjr-area-band li::before { content: "→ "; color: var(--acjr-gold); font-weight: 700; }
.acjr-area-band .wp-block-image img {
width: 100%; height: auto; max-height: 400px; object-fit: cover;
border-radius: 6px;
box-shadow: 0 10px 26px rgba(0,0,0,0.25);
}
.acjr-area-band .wp-block-button__link {
background: var(--acjr-gold) !important;
color: var(--acjr-charcoal) !important;
border-color: var(--acjr-gold) !important;
}
.acjr-area-band .wp-block-button.is-style-outline .wp-block-button__link {
background: transparent !important;
color: var(--acjr-cream) !important;
border-color: var(--acjr-cream) !important;
}
/* ===== GOLD PROMO STRIP (junkpro $20 OFF style) ===== */
.acjr-section.acjr-promo-band {
background: linear-gradient(90deg, var(--acjr-gold) 0%, #C99A3B 100%) !important;
padding: 2.4rem 1.5rem !important;
}
.acjr-promo-band .wp-block-columns { align-items: center; }
.acjr-promo-band h2 { color: var(--acjr-charcoal) !important; font-size: 1.8rem !important; margin: 0 0 0.4rem !important; }
.acjr-promo-band p { color: #2A2210 !important; margin: 0 !important; font-weight: 600; }
.acjr-promo-band .wp-block-image img { width: 120px; height: auto; object-fit: contain; }
.acjr-promo-band .wp-block-button__link {
background: var(--acjr-charcoal) !important;
border-color: var(--acjr-charcoal) !important;
color: var(--acjr-cream) !important;
}
/* ===== LIGHT 6-ICON STAND-OUT TILES (junkpro pattern) ===== */
.acjr-section.acjr-standout-band {
background: var(--acjr-warm-bg) !important;
padding: 4rem 1.5rem !important;
}
/* ===== FAQ ACCORDION POLISH ===== */
.acjr-faq-wrap details {
background: #FFFFFF;
border: 1px solid var(--acjr-border);
border-radius: 4px;
margin-bottom: 0.7rem;
padding: 0 1.4rem;
transition: all .15s ease;
}
.acjr-faq-wrap details[open] {
border-color: var(--acjr-forest);
box-shadow: 0 4px 14px rgba(41,102,71,0.08);
}
.acjr-faq-wrap details summary {
padding: 1.1rem 0 !important;
border-bottom: 0 !important;
}
.acjr-faq-wrap details[open] summary {
border-bottom: 1px solid var(--acjr-border) !important;
}
.acjr-faq-wrap details > p {
padding: 1rem 0 !important;
margin: 0 !important;
}
/* Old hero-full overlay still kept but no longer used */
.acjr-hero-full {
position: relative;
min-height: 560px;
padding: 5rem 1.5rem !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
color: var(--acjr-cream);
overflow: hidden;
}
.acjr-hero-full::before {
content: "";
position: absolute; inset: 0;
background: linear-gradient(135deg, rgba(26,26,26,0.78) 0%, rgba(41,102,71,0.62) 100%);
pointer-events: none;
}
.acjr-hero-full > * { position: relative; z-index: 1; }
.acjr-hero-full .acjr-kicker { color: var(--acjr-gold) !important; }
.acjr-hero-full h1 {
color: var(--acjr-cream) !important;
font-size: clamp(2.2rem, 5vw, 4rem) !important;
max-width: 18ch;
}
.acjr-hero-full .acjr-hero__sub {
color: #F4F0E5 !important;
font-size: 1.18rem !important;
max-width: 50ch;
line-height: 1.55;
}
.acjr-hero-full .wp-block-buttons { gap: 0.6rem; }
.acjr-hero-full .wp-block-button__link { box-shadow: 0 6px 16px rgba(0,0,0,0.25); }
.acjr-hero-full .acjr-hero__badge {
display: inline-flex; align-items: center; gap: 0.6rem;
background: rgba(255,255,255,0.95);
color: var(--acjr-charcoal);
padding: 0.6em 1em;
border-radius: 999px;
font-size: 0.85rem;
font-weight: 600;
margin-top: 1.4rem;
box-shadow: 0 4px 12px rgba(0,0,0,0.18);
}
.acjr-hero-full .acjr-hero__badge .acjr-stars-mini {
display: inline-flex; gap: 1px;
color: var(--acjr-gold);
font-size: 0.95rem;
}
.acjr-hero-full .acjr-hero__coverage {
list-style: none; padding: 0; margin: 1.2rem 0 0;
display: flex; flex-wrap: wrap; gap: 0.5rem 1.2rem;
font-size: 0.95rem; color: #E8E2D2;
}
.acjr-hero-full .acjr-hero__coverage li::before { content: "✓ "; color: var(--acjr-gold); font-weight: 700; }
/* Button polish: depth + hover lift */
.wp-block-button__link {
box-shadow: 0 2px 0 rgba(0,0,0,0.06), 0 8px 18px rgba(0,0,0,0.08);
transition: all .18s ease !important;
}
.wp-block-button__link:hover {
transform: translateY(-1px);
box-shadow: 0 4px 0 rgba(0,0,0,0.06), 0 12px 22px rgba(0,0,0,0.12);
}
.wp-block-button.is-style-outline .wp-block-button__link { box-shadow: none; }
/* Service card with photo (image-top card style) */
.wp-block-group.acjr-card-photo {
background: #FFFFFF !important;
border: 1px solid var(--acjr-border);
border-radius: 4px;
padding: 0 !important;
overflow: hidden;
transition: all .2s ease;
height: 100%;
display: flex !important;
flex-direction: column;
}
.wp-block-group.acjr-card-photo:hover {
border-color: var(--acjr-forest);
transform: translateY(-4px);
box-shadow: 0 14px 30px rgba(41,102,71,0.14);
}
.wp-block-group.acjr-card-photo .wp-block-image {
margin: 0 !important;
border-radius: 0;
}
.wp-block-group.acjr-card-photo .wp-block-image img {
width: 100%; height: 200px; object-fit: cover; display: block;
border-radius: 0;
}
.wp-block-group.acjr-card-photo > .wp-block-heading,
.wp-block-group.acjr-card-photo > h3 { font-size: 1.3rem !important; padding: 1.4rem 1.4rem 0.4rem !important; margin: 0 !important; }
.wp-block-group.acjr-card-photo > p { padding: 0 1.4rem !important; color: var(--acjr-grey) !important; font-size: 0.95rem; line-height: 1.55; flex-grow: 1; margin: 0 0 0.85rem !important; }
.wp-block-group.acjr-card-photo > p:last-child { padding-bottom: 1.4rem !important; }
.wp-block-group.acjr-card-photo .acjr-card-link { color: var(--acjr-red) !important; font-weight: 700; font-size: 0.78rem; letter-spacing: 0.14em; text-transform: uppercase; }
/* 7-category items grid */
.acjr-items-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2rem; }
@media (max-width: 880px) { .acjr-items-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 540px) { .acjr-items-grid { grid-template-columns: 1fr; } }
.wp-block-group.acjr-item-tile {
background: #FFFFFF !important;
border: 1px solid var(--acjr-border);
border-radius: 4px;
padding: 0 !important;
overflow: hidden;
transition: all .2s ease;
}
.wp-block-group.acjr-item-tile:hover {
border-color: var(--acjr-gold);
transform: translateY(-3px);
box-shadow: 0 10px 22px rgba(212,160,36,0.18);
}
.wp-block-group.acjr-item-tile .wp-block-image { margin: 0 !important; }
.wp-block-group.acjr-item-tile .wp-block-image img { width: 100%; height: 130px; object-fit: cover; display: block; }
.wp-block-group.acjr-item-tile > .wp-block-heading,
.wp-block-group.acjr-item-tile > h4 { font-size: 1.05rem !important; padding: 0.85rem 1rem 0.4rem !important; margin: 0 !important; }
.wp-block-group.acjr-item-tile > p { padding: 0 1rem 0.95rem !important; color: var(--acjr-grey) !important; font-size: 0.83rem; line-height: 1.45; margin: 0 !important; }
/* 6-icon stand-out row (junkpro-style) */
.acjr-standout-row { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; }
@media (max-width: 880px) { .acjr-standout-row { grid-template-columns: repeat(3, 1fr); gap: 1.2rem 0.8rem; } }
@media (max-width: 540px) { .acjr-standout-row { grid-template-columns: repeat(2, 1fr); } }
.wp-block-group.acjr-standout-tile { text-align: center; padding: 0 0.4rem !important; }
.wp-block-group.acjr-standout-tile .wp-block-image { margin: 0 auto 0.6rem !important; }
.wp-block-group.acjr-standout-tile .wp-block-image img { width: 56px !important; height: 56px !important; margin: 0 auto; }
.wp-block-group.acjr-standout-tile > .wp-block-heading,
.wp-block-group.acjr-standout-tile > h4 {
font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
font-size: 0.85rem !important;
font-weight: 700 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase;
color: var(--acjr-charcoal) !important;
margin: 0 0 0.3rem !important;
line-height: 1.3;
}
.wp-block-group.acjr-standout-tile > p { font-size: 0.82rem !important; color: var(--acjr-grey) !important; margin: 0 !important; line-height: 1.45; }
/* Testimonial wall (junkpro 8-card pattern) */
.acjr-testimonial-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
@media (max-width: 1024px) { .acjr-testimonial-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 540px) { .acjr-testimonial-grid { grid-template-columns: 1fr; } }
.wp-block-group.acjr-testimonial {
background: #FFFFFF !important;
border: 1px solid var(--acjr-border);
border-radius: 4px;
padding: 1.4rem 1.3rem !important;
height: 100%;
}
.wp-block-group.acjr-testimonial .wp-block-image img { width: 90px !important; height: auto !important; }
.wp-block-group.acjr-testimonial p { font-size: 0.92rem; line-height: 1.55; color: var(--acjr-charcoal); margin-bottom: 0.6rem; }
.wp-block-group.acjr-testimonial .acjr-cite { font-weight: 700; font-size: 0.85rem; color: var(--acjr-charcoal); margin: 0; }
.wp-block-group.acjr-testimonial .acjr-cite-context { font-size: 0.78rem; color: var(--acjr-grey); margin: 2px 0 0; font-weight: 400; }
/* 4-column "Get In Touch" pre-footer */
.acjr-touch-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; }
@media (max-width: 880px) { .acjr-touch-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 540px) { .acjr-touch-grid { grid-template-columns: 1fr; } }
.wp-block-group.acjr-touch-col h4 {
font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
font-size: 0.78rem !important;
font-weight: 700 !important;
letter-spacing: 0.18em !important;
text-transform: uppercase;
color: var(--acjr-forest) !important;
margin: 0 0 1rem !important;
}
.wp-block-group.acjr-touch-col ul { list-style: none; padding: 0; margin: 0; }
.wp-block-group.acjr-touch-col li { padding: 0.3rem 0; font-size: 0.92rem; color: var(--acjr-charcoal); }
.wp-block-group.acjr-touch-col li a { color: var(--acjr-charcoal); }
.wp-block-group.acjr-touch-col li a:hover { color: var(--acjr-forest); }
/* Promo strip (junkpro-style) */
.acjr-promo-strip {
background: linear-gradient(90deg, var(--acjr-gold) 0%, #C99A3B 100%) !important;
padding: 1.4rem 1.5rem !important;
text-align: center;
color: var(--acjr-charcoal);
}
.acjr-promo-strip h3 {
font-family: 'Manrope', system-ui, sans-serif !important;
font-size: 1.3rem !important;
color: var(--acjr-charcoal) !important;
margin: 0 !important;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.acjr-promo-strip p { color: #2A2210; font-weight: 600; margin: 0.2rem 0 0 !important; }
/* Mega menu polish for Kadence dropdowns */
.header-navigation .header-menu-container ul ul.sub-menu {
background: #FFFFFF !important;
border: 1px solid var(--acjr-border);
box-shadow: 0 12px 28px rgba(0,0,0,0.10) !important;
padding: 0.6rem 0 !important;
border-radius: 4px;
min-width: 240px !important;
}
.header-navigation .header-menu-container ul ul li.menu-item > a {
color: var(--acjr-charcoal) !important;
background: transparent !important;
padding: 0.7em 1.4em !important;
font-size: 0.84rem !important;
font-weight: 600 !important;
letter-spacing: 0.05em !important;
border-bottom: 0 !important;
border-radius: 0 !important;
}
.header-navigation .header-menu-container ul ul li.menu-item > a:hover {
color: var(--acjr-forest) !important;
background: var(--acjr-stone) !important;
}
/* Hide post title input + WP block-toolbar from rendered editor preview noise */
/* ===== KILL EMPTY VERTICAL GAPS ===== */
/* Adjacent sections should butt up against each other; section padding is the only spacer. */
.wp-block-group.acjr-section + .wp-block-group.acjr-section,
.wp-block-group.acjr-section + .wp-block-cover,
.wp-block-cover + .wp-block-group.acjr-section,
.wp-block-cover + .wp-block-cover { margin-top: 0 !important; }
/* WordPress wraps top-level blocks in a container that may add gap; nuke it. */
.wp-site-blocks > * + *,
.is-layout-flow > * + *,
.is-layout-constrained > * + *,
.wp-block-post-content > * + * { margin-block-start: 0 !important; }
/* Spacer block: only honor explicit height, no auto margin */
.wp-block-spacer { margin: 0 !important; }
/* Columns inside our sections should not add bottom margin */
.acjr-section .wp-block-columns,
.acjr-section .wp-block-buttons,
.acjr-section .wp-block-group { margin-bottom: 0 !important; }
/* Within service grid rows, kill the gap between row 1 and row 2 cards */
.acjr-section .wp-block-columns + .wp-block-spacer + .wp-block-columns { margin-top: 0 !important; }
/* ===== MOBILE BREAKPOINTS ===== */
@media (max-width: 880px) {
.wp-block-group.acjr-section { padding: 2.6rem 1.2rem; }
.wp-block-columns { flex-wrap: wrap !important; }
.acjr-hero-grid { gap: 1.5rem !important; }
h1 { font-size: clamp(2rem, 8vw, 2.8rem); }
}
@media (max-width: 600px) {
.wp-block-columns { flex-direction: column; }
.wp-block-columns > .wp-block-column {
flex-basis: 100% !important;
width: 100% !important;
}
}
/* ===== PRESERVE NATIVE COVER (CTA banner) layout ===== */
.wp-block-cover.acjr-cta-banner .wp-block-buttons { justify-content: center; gap: 0.6rem; flex-wrap: wrap; }
.wp-block-cover.acjr-cta-banner h2,
.wp-block-cover.acjr-cta-banner p { color: var(--acjr-cream); }
.wp-block-cover.acjr-cta-banner p { color: var(--acjr-gold-soft); margin-bottom: 1.4rem; }
/* ===== FORM ===== */
.acjr-quote-form__row {
display: grid;
gap: 1rem;
margin-bottom: 1rem;
}
.acjr-quote-form__row--two {
grid-template-columns: 1fr 1fr;
}
.acjr-form-wrap { background: #FFFFFF; border: 1px solid var(--acjr-border); border-radius: 2px; padding: 2rem 1.8rem !important; }
.acjr-form-wrap label,
.acjr-p2-form-wrap .acjr-quote-form label { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; font-weight: 600; font-size: 0.82rem; letter-spacing: 0.04em; color: var(--acjr-charcoal); display: block; margin-bottom: 0.3rem; }
.acjr-form-wrap input, .acjr-form-wrap textarea, .acjr-form-wrap select,
.acjr-p2-form-wrap .acjr-quote-form input,
.acjr-p2-form-wrap .acjr-quote-form textarea,
.acjr-p2-form-wrap .acjr-quote-form select {
width: 100%; padding: 0.65em 0.85em; font-size: 0.95rem; font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
border: 1px solid var(--acjr-border); border-radius: 2px; background: #FFFFFF; color: var(--acjr-charcoal);
}
.acjr-form-wrap input:focus, .acjr-form-wrap textarea:focus, .acjr-form-wrap select:focus,
.acjr-p2-form-wrap .acjr-quote-form input:focus,
.acjr-p2-form-wrap .acjr-quote-form textarea:focus,
.acjr-p2-form-wrap .acjr-quote-form select:focus {
border-color: var(--acjr-forest); outline: none;
}
.acjr-quote-form .wp-block-button__link {
width: 100%;
}
@media (max-width: 781px) {
.acjr-quote-form__row--two {
grid-template-columns: 1fr;
}
}
/* ============================================================
* BLOCK EDITOR PARITY
* Force the editor canvas to match the front-end as closely as possible.
* The editor still shows its own UI (block toolbars, insertion zones),
* but the rendered content must look identical to the live page.
* ============================================================ */
/* Hide the post title input that WP shows above the block list. */
.editor-post-title,
.editor-post-title__input,
.editor-post-title__block,
.wp-block-post-title,
.edit-post-visual-editor__post-title-wrapper,
.editor-visual-editor__post-title-wrapper { display: none !important; }
/* Make the editor canvas use the cream page background like the front-end. */
.editor-styles-wrapper,
.block-editor-block-list__layout,
.edit-post-visual-editor,
.edit-post-visual-editor__content-area,
.is-root-container.wp-block-post-content { background: var(--acjr-cream) !important; }
/* Allow alignfull groups (our sections) to span the full editor canvas. */
.editor-styles-wrapper .wp-block,
.editor-styles-wrapper .is-root-container .wp-block { max-width: none; }
.editor-styles-wrapper .wp-block[data-align="full"],
.editor-styles-wrapper .alignfull { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; }
/* Tighten the empty space between blocks in editor (the click-to-add zone). */
.editor-styles-wrapper .block-editor-block-list__block { margin-top: 0 !important; margin-bottom: 0 !important; }
.editor-styles-wrapper .block-editor-block-list__layout > * + * { margin-top: 0 !important; }
.editor-styles-wrapper .block-list-appender { margin: 0.4rem 0 !important; }
/* Make block selection outlines less visually disruptive */
.editor-styles-wrapper .block-editor-block-list__block.is-selected::after,
.editor-styles-wrapper .block-editor-block-list__block.is-hovered::after { border-color: rgba(41,102,71,0.4) !important; }
/* ============================================================
* V5 — DESIGN SYSTEM REBUILD (junkpro-grade craft)
* Cards, frozen header, hero panel, numbered 3-step,
* items accordion split, pre-footer 4-col fix.
* ============================================================ */
/* ----- THE COLUMNS BUG FIX -----
* Gutenberg wraps every Group with layout=constrained in a child
* .wp-block-group__inner-container that becomes the SOLE direct child
* of the parent. That breaks any custom CSS grid set on the parent.
* `display: contents` makes the wrapper invisible to layout, so the
* grid sees the real children and lays them out across columns.
*/
.acjr-items-grid > .wp-block-group__inner-container,
.acjr-standout-row > .wp-block-group__inner-container,
.acjr-touch-grid > .wp-block-group__inner-container,
.acjr-collage-grid > .wp-block-group__inner-container,
.acjr-collect-grid > .wp-block-group__inner-container,
.acjr-process-row > .wp-block-group__inner-container { display: contents !important; }
/* ----- FROZEN PILL-BAR HEADER -----
* Fixed positioned floating header with gold border. Hero photo extends behind it.
*/
body { padding-top: 0 !important; background: var(--acjr-cream, #FAFAF7) !important; }
html { background: var(--acjr-cream, #FAFAF7) !important; }
.site, .site-container, .content-wrap, .content-container, main#main, body .entry-content { background: transparent !important; }
/* Kadence wraps content in with white bg + entry-content-wrap with 34px padding-top.
Both create a white strip at the top above every hero. Kill both. */
body article, body .single article, body .page article { background: transparent !important; }
body .entry-content-wrap, body .single-content-wrap { padding-top: 0 !important; padding-bottom: 0 !important; background: transparent !important; }
/* Pull the first hero up under the floating header so no white strip shows */
.entry-content > .acjr-section:first-child,
.wp-site-blocks > .wp-block-group:first-of-type,
.wp-site-blocks > main > .wp-block-group:first-of-type,
.wp-site-blocks > main > article > .entry-content > .wp-block-group:first-of-type { margin-top: 0 !important; }
/* Last section before footer should have no extra bottom margin */
.acjr-section:last-of-type, .wp-block-group.alignfull:last-of-type { margin-bottom: 0 !important; }
/* Footer must butt up against last section */
.acjr-footer { margin-top: 0 !important; }
/* === SECTION COMPRESSION (May 2026) — keep most sections within one viewport === */
.wp-block-group.acjr-section { padding: 2.4rem 1.5rem !important; }
.acjr-home-v7-hero, .acjr-home-v7-work, .acjr-home-v7-split,
.acjr-home-v7-services, .acjr-home-v7-why, .acjr-home-v7-reviews,
.acjr-home-v7-area, .acjr-home-v7-faq, .acjr-home-v7-final-cta {
padding-top: 2.6rem !important;
padding-bottom: 2.6rem !important;
}
.acjr-home-v7-hero { padding-top: 88px !important; padding-bottom: 32px !important; }
.acjr-home-v7-final-cta { padding-top: 2.4rem !important; padding-bottom: 2.4rem !important; }
.acjr-home-v7-work-spacer { display: none !important; }
/* Service detail + cornerstone heros: tighter, fits within a viewport with the panel */
.acjr-p2-hero--photo { padding-top: 110px !important; padding-bottom: 56px !important; min-height: 0 !important; }
.acjr-p2-hero--photo .acjr-p2-hero-copy { max-width: 640px; }
.acjr-p2-hero--photo h1 { font-size: clamp(1.9rem, 3vw, 2.6rem) !important; line-height: 1.06 !important; margin-bottom: 0.7rem !important; }
.acjr-p2-hero--photo .acjr-p2-lead { font-size: 1rem !important; line-height: 1.5 !important; margin-bottom: 1rem !important; }
.acjr-p2-hero--photo .acjr-p2-checks { margin-bottom: 1rem !important; }
/* Tighten between-block stacks inside sections so cards do not balloon */
.acjr-p2-mini, .acjr-p2-copy, .acjr-p2-detail, .acjr-p2-process, .acjr-p2-why, .acjr-p2-faq, .acjr-p2-cta {
padding-top: 2.4rem !important;
padding-bottom: 2.4rem !important;
}
/* Card grids: tighter inner padding */
.acjr-home-v7-work-card, .acjr-home-v7-split-card, .acjr-home-v7-service-card,
.acjr-home-v7-why-card, .acjr-home-v7-review-card, .acjr-p2-process-card,
.acjr-p2-why-card, .acjr-p2-service-tile, .acjr-p2-form-wrap, .acjr-p2-contact-copy {
padding: 1.4rem 1.4rem !important;
}
/* Headings inside sections: cap clamp so they don't overflow */
.acjr-section h2 { font-size: clamp(1.65rem, 2.4vw, 2.1rem) !important; line-height: 1.1 !important; margin-bottom: 0.6rem !important; }
.acjr-section .acjr-home-v7-intro, .acjr-section .acjr-p2-lead { font-size: 1rem !important; line-height: 1.5 !important; }
/* Inter-section spacing: zero so each section's own padding is the only spacer */
.wp-block-group.alignfull + .wp-block-group.alignfull { margin-top: 0 !important; }
.site-header,
.site-header-wrap {
background: transparent !important;
border-bottom: 0 !important;
position: fixed !important;
top: 14px;
left: 18px;
right: 18px;
z-index: 100;
margin: 0 !important;
pointer-events: none;
}
.site-header-inner-wrap {
pointer-events: auto;
background: #FFFFFF !important;
border: 1.5px solid var(--acjr-gold) !important;
border-radius: 14px !important;
box-shadow: 0 14px 32px rgba(0,0,0,0.10), 0 4px 8px rgba(0,0,0,0.04);
padding: 0 18px !important;
max-width: 1380px;
margin: 0 auto;
}
.site-main-header-inner-wrap { min-height: 80px !important; padding: 0 !important; }
.site-branding .site-title-wrap {
background: url('/wp-content/uploads/acjr-assets/logo.svg?v=8') no-repeat left center;
background-size: contain;
width: 305px;
height: 60px;
}
.site-branding .site-title,
.site-branding .site-title p { height: 60px; line-height: 60px; }
.header-navigation .menu > li > a {
font-size: 0.68rem !important;
font-weight: 700 !important;
letter-spacing: 0.05em !important;
color: var(--acjr-charcoal) !important;
padding: 0.6em 0.45em !important;
}
.header-navigation .menu > li.menu-item-has-children > a::after,
.header-navigation .menu > li > a > .nav-drop-title-wrap > .dropdown-nav-special-toggle {
color: var(--acjr-forest);
}
/* Phone item: dark, with phone icon glyph in green */
.header-navigation .acjr-menu-phone > a {
color: var(--acjr-charcoal) !important;
font-size: 0.92rem !important;
text-transform: none !important;
letter-spacing: 0 !important;
padding: 0.5em 0.6em !important;
}
.header-navigation .acjr-menu-phone .acjr-icon { color: var(--acjr-forest); }
.header-navigation .acjr-menu-phone > a:hover { color: var(--acjr-forest) !important; }
/* BOOK NOW button: green pill with shadow + WHITE text (high specificity to beat Kadence) */
body .header-navigation .acjr-menu-quote {
margin-right: 4px !important;
}
body .header-navigation .acjr-menu-quote > a,
body .header-navigation li.acjr-menu-quote > a,
body .header-navigation li.menu-item.acjr-menu-quote > a {
background: var(--acjr-forest) !important;
color: #FFFFFF !important;
border-radius: 999px !important;
padding: 0.7em 1.15em !important;
font-size: 0.78rem !important;
font-weight: 800 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase;
margin-left: 4px !important;
box-shadow: 0 6px 14px rgba(41,102,71,0.28);
transition: all .18s ease;
white-space: nowrap;
}
body .header-navigation .acjr-menu-quote > a:hover,
body .header-navigation li.acjr-menu-quote > a:hover {
background: var(--acjr-bright) !important;
color: #FFFFFF !important;
transform: translateY(-1px);
box-shadow: 0 11px 22px rgba(6,125,55,0.40);
}
/* Make sure the Kadence header doesn't add bottom border */
.site-header.site-header-style-stacked .site-header-row,
.site-header.site-header-style-inline .site-header-row { border: 0 !important; }
/* ----- HERO PANEL OVER FULL-BLEED PHOTO -----
* Real-world photo as background with green tint + dark gradient overlay.
* White card panel pushed to the left. Fits in 1440x900 viewport.
* Photo extends behind the fixed header (no top gap).
*/
.acjr-section.acjr-hero-v5 {
position: relative;
padding: 130px 1.5rem 32px !important;
min-height: 0 !important;
height: 100vh;
max-height: 880px;
background-image:
linear-gradient(110deg, rgba(31,76,54,0.82) 0%, rgba(31,76,54,0.50) 50%, rgba(0,0,0,0.30) 100%),
url('/wp-content/uploads/acjr-assets/photos/hero-bleed.jpg');
background-size: cover !important;
background-position: center 40% !important;
background-repeat: no-repeat !important;
overflow: hidden;
display: flex !important;
align-items: center;
margin-top: 0 !important;
}
.acjr-section.acjr-hero-v5::before {
content: "";
position: absolute; inset: 0;
background-image:
radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px);
background-size: 28px 28px;
pointer-events: none;
z-index: 0;
opacity: 0.5;
}
.acjr-section.acjr-hero-v5 > .wp-block-group__inner-container { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; }
.acjr-section.acjr-hero-v5 > * { position: relative; z-index: 1; }
.acjr-hero-v5 .acjr-hero-card {
background: #FFFFFF;
border: 1.5px solid var(--acjr-gold);
border-radius: 18px;
padding: 2.2rem 2.4rem 1.9rem;
max-width: 620px;
margin: 0 auto 0 0 !important; /* push left within constrained inner-container */
box-shadow: 0 28px 70px rgba(0,0,0,0.34), 0 4px 12px rgba(0,0,0,0.16);
}
.acjr-hero-v5 .acjr-hero-card .acjr-kicker {
color: var(--acjr-forest) !important;
font-size: 0.74rem !important;
letter-spacing: 0.18em !important;
text-transform: uppercase;
margin: 0 0 0.8rem !important;
font-weight: 700 !important;
}
.acjr-hero-v5 .acjr-hero-card h1 {
font-size: clamp(1.85rem, 2.6vw, 2.55rem) !important;
color: var(--acjr-forest) !important;
line-height: 1.05 !important;
letter-spacing: -0.025em !important;
font-weight: 800 !important;
margin: 0 0 0.7rem !important;
}
.acjr-hero-v5 .acjr-hero-card .acjr-hero__sub {
font-size: 1rem !important;
color: var(--acjr-charcoal) !important;
line-height: 1.5;
font-weight: 500;
margin-bottom: 1.2rem;
max-width: 44ch;
opacity: 0.85;
}
.acjr-hero-v5 .acjr-hero-card .wp-block-buttons { gap: 0.7rem !important; margin: 0 0 1.1rem !important; }
.acjr-hero-v5 .acjr-hero-card .wp-block-button__link {
border-radius: 999px !important;
padding: 0.95em 1.7em !important;
font-size: 0.82rem !important;
}
.acjr-hero-v5 .acjr-hero-card .acjr-hero__pins {
list-style: none; padding: 0; margin: 0 0 1.1rem;
display: grid; grid-template-columns: 1fr 1fr; gap: 0.45rem 1.4rem;
font-size: 0.94rem; color: var(--acjr-charcoal); font-weight: 600;
}
.acjr-hero-v5 .acjr-hero-card .acjr-hero__pins li::before {
content: "📍 "; color: var(--acjr-gold); margin-right: 4px;
}
.acjr-hero-v5 .acjr-hero-card .acjr-hero__google {
display: inline-flex; align-items: center; gap: 0.7rem;
padding-top: 1rem; border-top: 1px solid var(--acjr-border);
font-size: 0.92rem; color: var(--acjr-charcoal); font-weight: 600;
}
.acjr-hero-v5 .acjr-hero-card .acjr-hero__google .acjr-stars-mini { color: var(--acjr-gold); font-size: 1rem; letter-spacing: 1px; }
.acjr-hero-v5 .acjr-hero-card .acjr-hero__google a { color: var(--acjr-forest); font-weight: 700; text-decoration: underline; }
/* ----- 3-STEP PROCESS V5 -----
* Numbered green circles sitting on top of bordered cards.
* Cards float on a dark green stripe. Arrows between cards.
*/
.acjr-section.acjr-process-v5 {
background: var(--acjr-stone) !important;
padding: 4rem 1.5rem !important;
position: relative;
}
.acjr-process-v5 .acjr-section__head {
text-align: center; max-width: 720px; margin: 0 auto 2.2rem;
}
.acjr-process-v5 .acjr-section__head .acjr-kicker { color: var(--acjr-forest) !important; }
.acjr-process-v5 .acjr-section__head h2 { margin-bottom: 0.6rem !important; }
.acjr-process-v5 .acjr-section__head p { color: var(--acjr-grey); font-size: 1.05rem; line-height: 1.55; margin: 0; }
.acjr-process-row {
position: relative;
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 4rem 1.6rem !important;
max-width: 1180px; margin: 0 auto;
padding: 32px 0 !important;
}
.acjr-process-row::before {
content: "";
position: absolute;
left: 0; right: 0; top: 50%;
height: 56%;
background: linear-gradient(135deg, var(--acjr-forest) 0%, var(--acjr-forest-dark) 100%);
border-radius: 8px;
transform: translateY(-50%);
z-index: 0;
box-shadow: 0 18px 40px rgba(31,76,54,0.18);
}
.acjr-process-row .acjr-process-step {
position: relative;
z-index: 1;
background: #FFFFFF !important;
border: 1.5px solid var(--acjr-gold);
border-radius: 12px;
padding: 2.4rem 1.5rem 1.6rem !important;
text-align: center;
box-shadow: 0 8px 22px rgba(0,0,0,0.10);
margin-top: 28px; /* leave space for the number circle */
}
.acjr-process-row .acjr-process-step::before {
content: attr(data-step);
position: absolute;
top: -28px; left: 50%; transform: translateX(-50%);
width: 56px; height: 56px;
background: var(--acjr-forest);
color: #FFFFFF;
border-radius: 50%;
font-family: 'Manrope', system-ui, sans-serif;
font-size: 1.7rem;
display: flex; align-items: center; justify-content: center;
box-shadow: 0 6px 14px rgba(31,76,54,0.32);
border: 4px solid #FFFFFF;
}
.acjr-process-row .acjr-process-step h3 {
font-size: 1.2rem !important;
margin: 0.3rem 0 0.6rem !important;
display: inline-flex; align-items: center; gap: 0.5rem;
}
.acjr-process-row .acjr-process-step h3::before {
content: "";
width: 22px; height: 22px;
background: currentColor;
-webkit-mask-position: center; mask-position: center;
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-size: contain; mask-size: contain;
color: var(--acjr-forest);
}
.acjr-process-row .acjr-process-step[data-step="1"] h3::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.acjr-process-row .acjr-process-step[data-step="2"] h3::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.acjr-process-row .acjr-process-step[data-step="3"] h3::before {
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
.acjr-process-row .acjr-process-step p {
color: var(--acjr-grey) !important;
font-size: 0.96rem; line-height: 1.55;
margin: 0 !important;
}
/* Arrow connectors between cards */
.acjr-process-row .acjr-process-step:not(:last-child)::after {
content: "→";
position: absolute;
right: -1.2rem;
top: 50%; transform: translateY(-50%);
color: var(--acjr-gold);
font-family: 'Manrope', system-ui, sans-serif;
font-size: 2rem;
z-index: 2;
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.acjr-process-v5 .acjr-process-cta {
text-align: center; margin-top: 2rem;
}
@media (max-width: 880px) {
.acjr-process-row { grid-template-columns: 1fr !important; gap: 3.5rem !important; }
.acjr-process-row::before { display: none; }
.acjr-process-row .acjr-process-step:not(:last-child)::after { display: none; }
}
/* ----- ITEMS COLLECTED — 2-COL: PHOTO COLLAGE + ACCORDION -----
* Left: 4-tile photo collage. Right: native accordion of categories.
*/
.acjr-section.acjr-collect-v5 {
background: var(--acjr-cream) !important;
padding: 4rem 1.5rem !important;
}
.acjr-collect-v5 .acjr-section__head { text-align: center; max-width: 760px; margin: 0 auto 2.4rem; }
.acjr-collect-v5 .acjr-section__head .acjr-kicker { color: var(--acjr-forest) !important; }
.acjr-collect-v5 .acjr-section__head h2 { margin-bottom: 0.6rem !important; }
.acjr-collect-v5 .acjr-section__head p { color: var(--acjr-grey); font-size: 1.05rem; line-height: 1.55; margin: 0; }
.acjr-collect-grid {
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 2.4rem;
max-width: 1180px; margin: 0 auto;
align-items: stretch;
}
.acjr-collage-grid {
display: grid !important;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 12px;
border-radius: 12px;
overflow: hidden;
border: 1.5px solid var(--acjr-gold);
background: var(--acjr-stone);
padding: 12px;
box-shadow: 0 12px 28px rgba(0,0,0,0.10);
}
.acjr-collage-grid .wp-block-image,
.acjr-collage-grid figure {
margin: 0 !important;
overflow: hidden;
border-radius: 8px;
}
.acjr-collage-grid img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block;
aspect-ratio: 1 / 1;
}
.acjr-collect-accordion { display: flex; flex-direction: column; gap: 8px; }
.acjr-collect-accordion details {
background: #FFFFFF;
border: 1px solid var(--acjr-border);
border-radius: 10px;
padding: 0 1.4rem;
transition: all .18s ease;
overflow: hidden;
}
.acjr-collect-accordion details[open] {
background: var(--acjr-forest);
border-color: var(--acjr-forest);
box-shadow: 0 10px 22px rgba(41,102,71,0.18);
}
.acjr-collect-accordion details summary {
padding: 1.05rem 0 !important;
font-family: 'Manrope', system-ui, sans-serif !important;
font-size: 1.05rem !important;
font-weight: 400 !important;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--acjr-charcoal) !important;
cursor: pointer; list-style: none;
position: relative; padding-right: 2rem !important;
border: 0 !important;
}
.acjr-collect-accordion details[open] summary {
color: #FFFFFF !important;
border-bottom: 1px solid rgba(255,255,255,0.18) !important;
}
.acjr-collect-accordion details summary::after {
content: "+";
position: absolute; right: 0; top: 0.85rem;
color: var(--acjr-gold);
font-family: 'Manrope', system-ui, sans-serif;
font-size: 1.6rem; line-height: 1;
}
.acjr-collect-accordion details[open] summary::after { content: "−"; color: var(--acjr-gold); }
.acjr-collect-accordion details summary::-webkit-details-marker { display: none; }
.acjr-collect-accordion details > ul {
list-style: none; padding: 0.9rem 0 1.2rem !important; margin: 0 !important;
columns: 2; column-gap: 1.4rem;
}
.acjr-collect-accordion details > ul li {
color: #FFFFFF;
font-size: 0.94rem;
padding: 0.28rem 0;
line-height: 1.4;
break-inside: avoid;
position: relative; padding-left: 1.2rem;
}
.acjr-collect-accordion details > ul li::before {
content: "✓";
position: absolute; left: 0;
color: var(--acjr-gold);
font-weight: 700;
}
@media (max-width: 880px) {
.acjr-collect-grid { grid-template-columns: 1fr; }
.acjr-collect-accordion details > ul { columns: 1; }
}
/* ----- PRE-FOOTER 4-COL FIX (was already styled, but the constrained
* inner-container was killing it. Display:contents fix above unblocks it.) */
/* Override old testimonial wall to drop fake-review styling cue:
* (handled at PHP level — fakes will be removed from data) */
/* ----- KILL DEFAULT KADENCE DROPDOWN INDICATOR ARROW STYLE */
.header-navigation .menu > li.menu-item-has-children > a > .nav-drop-title-wrap > .dropdown-nav-special-toggle svg { fill: var(--acjr-forest) !important; }
/* ----- HIDE OLD HERO-SIDE CSS (not used anymore but kept above for legacy) */
.acjr-hero-side { display: none !important; }
/* ============================================================
* V5 — REMAINING SECTION POLISH
* Why-us alternator with image cards + hover lift
* Testimonials dark green band with G-logo cards
* Services 6-card grid with photo overlays
* Service area band with Google Maps embed and city pills
* ============================================================ */
/* ----- WHY-US ALTERNATOR V5 -----
* Full image+text rows alternating side, photo with gold border, hover lift.
*/
.acjr-section .acjr-alternator {
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
padding: 1.4rem 0;
}
.acjr-section .acjr-alternator + .acjr-alternator { margin-top: 1.6rem; }
.acjr-section .acjr-alternator > .wp-block-column:first-child {
overflow: hidden;
}
.acjr-section .acjr-alternator .wp-block-image,
.acjr-section .acjr-alternator figure {
margin: 0 !important;
border-radius: 14px;
overflow: hidden;
border: 1.5px solid var(--acjr-gold);
box-shadow: 0 16px 40px rgba(0,0,0,0.10);
transition: transform .3s ease, box-shadow .3s ease;
}
.acjr-section .acjr-alternator .wp-block-image:hover,
.acjr-section .acjr-alternator figure:hover {
transform: translateY(-3px);
box-shadow: 0 22px 52px rgba(41,102,71,0.18);
}
.acjr-section .acjr-alternator .wp-block-image img {
width: 100% !important;
height: 360px !important;
object-fit: cover !important;
display: block;
}
.acjr-section .acjr-alternator .acjr-kicker {
color: var(--acjr-gold) !important;
font-size: 0.74rem !important;
letter-spacing: 0.18em !important;
text-transform: uppercase;
margin: 0 0 0.7rem !important;
font-weight: 700 !important;
}
.acjr-section .acjr-alternator h3 {
font-size: clamp(1.6rem, 2.4vw, 2rem) !important;
color: var(--acjr-charcoal) !important;
line-height: 1.1 !important;
letter-spacing: -0.02em !important;
margin: 0 0 0.9rem !important;
}
.acjr-section .acjr-alternator p {
color: var(--acjr-grey) !important;
font-size: 1.02rem !important;
line-height: 1.65 !important;
margin: 0;
}
/* Override the section heading area to stay centered above the alternator */
.acjr-alternator-heading-wrap { text-align: center; max-width: 760px; margin: 0 auto 2rem; }
.acjr-alternator-heading-wrap .acjr-kicker { color: var(--acjr-forest) !important; }
/* ----- TESTIMONIALS DARK GREEN BAND V5 -----
* Forest gradient bg, gold border on cards, G-logo avatars, big cards.
*/
.acjr-section.acjr-reviews-band {
background: linear-gradient(135deg, #1F4C36 0%, #296647 60%, #1F4C36 100%) !important;
color: var(--acjr-cream) !important;
padding: 4.5rem 1.5rem !important;
position: relative;
overflow: hidden;
}
.acjr-section.acjr-reviews-band::before {
content: "";
position: absolute; inset: 0;
background-image: radial-gradient(rgba(212,160,36,0.10) 1px, transparent 1px);
background-size: 28px 28px;
pointer-events: none;
opacity: 0.6;
}
.acjr-reviews-band > * { position: relative; z-index: 1; }
.acjr-reviews-band .acjr-section__head { text-align: center; max-width: 720px; margin: 0 auto 2rem; }
.acjr-reviews-band .acjr-kicker { color: var(--acjr-gold) !important; }
.acjr-reviews-band h2 { color: #FFFFFF !important; }
.acjr-reviews-band .acjr-reviews-aggregate { text-align: center; margin-bottom: 2.4rem; }
.acjr-reviews-band .acjr-reviews-aggregate .acjr-stars-big { color: var(--acjr-gold); font-size: 1.6rem; margin-bottom: 0.4rem; letter-spacing: 0.18em; }
.acjr-reviews-band .acjr-reviews-aggregate .acjr-rating-num { color: #FFFFFF; font-family: 'Manrope', system-ui, sans-serif; font-size: 2.2rem; font-weight: 800; }
.acjr-reviews-band .acjr-reviews-aggregate .acjr-rating-meta { color: #E8E2D2; font-size: 0.95rem; margin-top: 0.4rem; }
.acjr-reviews-band .acjr-reviews-aggregate .acjr-rating-meta a { color: var(--acjr-gold); font-weight: 700; text-decoration: underline; }
.acjr-reviews-band .wp-block-columns { gap: 1.4rem !important; margin-bottom: 1.6rem; }
.acjr-reviews-band .wp-block-group.acjr-testimonial-card {
background: rgba(255,255,255,0.96) !important;
border: 1.5px solid var(--acjr-gold) !important;
border-radius: 14px !important;
padding: 1.6rem 1.5rem !important;
height: 100%;
box-shadow: 0 14px 32px rgba(0,0,0,0.18);
transition: all .25s ease;
}
.acjr-reviews-band .wp-block-group.acjr-testimonial-card:hover {
transform: translateY(-4px);
box-shadow: 0 22px 48px rgba(0,0,0,0.30);
}
.acjr-reviews-band .acjr-testimonial-head { display: flex !important; align-items: center; gap: 0.8rem; margin-bottom: 0.9rem; }
.acjr-reviews-band .acjr-avatar {
width: 44px; height: 44px;
background: #FFFFFF;
border-radius: 50%;
display: flex !important; align-items: center; justify-content: center;
flex-shrink: 0;
border: 1.5px solid var(--acjr-border);
background-image: url('data:image/svg+xml;utf8,');
background-size: 26px 26px;
background-repeat: no-repeat;
background-position: center;
color: transparent;
font-size: 0;
}
.acjr-reviews-band .acjr-cite { font-weight: 700; font-size: 0.95rem; color: var(--acjr-charcoal); margin: 0; line-height: 1.2; font-family: 'Manrope', system-ui, sans-serif; }
.acjr-reviews-band .acjr-cite-context { font-size: 0.78rem; color: var(--acjr-grey); margin: 2px 0 0; }
.acjr-reviews-band .acjr-stars-mini { color: var(--acjr-gold); font-size: 0.95rem; letter-spacing: 1.5px; margin-bottom: 0.6rem; display: block; }
.acjr-reviews-band .wp-block-group.acjr-testimonial-card p { font-size: 0.95rem; line-height: 1.6; color: var(--acjr-charcoal); margin: 0 0 0.8rem !important; }
.acjr-reviews-band .acjr-google-link {
font-size: 0.74rem; font-weight: 700; letter-spacing: 0.1em;
text-transform: uppercase; color: var(--acjr-forest);
text-decoration: none; display: inline-flex; align-items: center; gap: 4px;
}
.acjr-reviews-band .acjr-google-link:hover { color: var(--acjr-gold-dark); text-decoration: underline; }
.acjr-reviews-band .wp-block-buttons { justify-content: center; margin-top: 1.4rem !important; }
.acjr-reviews-band .wp-block-button__link {
background: var(--acjr-gold) !important;
color: var(--acjr-charcoal) !important;
border-color: var(--acjr-gold) !important;
}
.acjr-reviews-band .wp-block-button.is-style-outline .wp-block-button__link {
background: transparent !important;
color: #FFFFFF !important;
border-color: #FFFFFF !important;
}
/* ----- SERVICES 6-CARD V5 -----
* Photo-top cards with hover lift and green border, modern Manrope headings.
*/
.acjr-section.acjr-services-v5 {
background: var(--acjr-cream) !important;
padding: 4.5rem 1.5rem !important;
}
.acjr-services-v5 .acjr-section__head { text-align: center; max-width: 760px; margin: 0 auto 2.2rem; }
.acjr-services-v5 .wp-block-columns { gap: 1.6rem !important; margin-bottom: 1.6rem; }
.acjr-services-v5 .wp-block-group.acjr-card-photo {
background: #FFFFFF !important;
border: 1px solid var(--acjr-border) !important;
border-radius: 14px !important;
padding: 0 !important;
overflow: hidden;
transition: all .25s ease;
height: 100%;
display: flex !important;
flex-direction: column;
box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}
.acjr-services-v5 .wp-block-group.acjr-card-photo:hover {
border-color: var(--acjr-gold) !important;
transform: translateY(-5px);
box-shadow: 0 18px 38px rgba(41,102,71,0.16);
}
.acjr-services-v5 .wp-block-group.acjr-card-photo .wp-block-image { margin: 0 !important; border-radius: 0; }
.acjr-services-v5 .wp-block-group.acjr-card-photo .wp-block-image img {
width: 100%; height: 220px; object-fit: cover; display: block;
border-radius: 0;
transition: transform .4s ease;
}
.acjr-services-v5 .wp-block-group.acjr-card-photo:hover .wp-block-image img { transform: scale(1.04); }
.acjr-services-v5 .wp-block-group.acjr-card-photo > .wp-block-heading,
.acjr-services-v5 .wp-block-group.acjr-card-photo > h3 {
font-size: 1.3rem !important;
font-weight: 800 !important;
padding: 1.4rem 1.5rem 0.5rem !important;
margin: 0 !important;
color: var(--acjr-charcoal) !important;
letter-spacing: -0.02em !important;
}
.acjr-services-v5 .wp-block-group.acjr-card-photo > p {
padding: 0 1.5rem !important;
color: var(--acjr-grey) !important;
font-size: 0.96rem;
line-height: 1.55;
flex-grow: 1;
margin: 0 0 0.85rem !important;
}
.acjr-services-v5 .wp-block-group.acjr-card-photo .acjr-card-link {
color: var(--acjr-forest) !important;
font-weight: 700;
font-size: 0.78rem;
letter-spacing: 0.1em;
text-transform: uppercase;
padding-bottom: 1.4rem;
display: inline-block;
}
.acjr-services-v5 .wp-block-group.acjr-card-photo:hover .acjr-card-link { color: var(--acjr-gold-dark) !important; }
/* ----- SERVICE AREA BAND V5 -----
* Dark gradient bg, real Google Maps iframe on left, city pill grid on right.
*/
.acjr-section.acjr-area-v5 {
background: linear-gradient(135deg, #15291C 0%, #1F4C36 50%, #15291C 100%) !important;
color: var(--acjr-cream) !important;
padding: 4.5rem 1.5rem !important;
}
.acjr-area-v5 .acjr-area-grid {
display: grid !important;
grid-template-columns: 1.1fr 1fr;
gap: 3rem;
max-width: 1280px;
margin: 0 auto;
align-items: center;
}
.acjr-area-v5 .acjr-area-map {
border-radius: 14px;
overflow: hidden;
border: 1.5px solid var(--acjr-gold);
box-shadow: 0 18px 40px rgba(0,0,0,0.30);
aspect-ratio: 4 / 3;
}
.acjr-area-v5 .acjr-area-map iframe {
width: 100% !important;
height: 100% !important;
border: 0;
display: block;
}
.acjr-area-v5 .acjr-kicker { color: var(--acjr-gold) !important; }
.acjr-area-v5 h2 { color: #FFFFFF !important; margin-bottom: 0.8rem !important; }
.acjr-area-v5 p { color: #E8E2D2 !important; font-size: 1rem; line-height: 1.6; margin-bottom: 1.4rem; }
.acjr-area-v5 .acjr-city-pills {
display: flex; flex-wrap: wrap; gap: 0.5rem;
margin: 0 0 1.4rem;
list-style: none; padding: 0;
}
.acjr-area-v5 .acjr-city-pills li { margin: 0; }
.acjr-area-v5 .acjr-city-pills a,
.acjr-area-v5 .acjr-city-pills li > span {
display: inline-block;
padding: 0.45em 1.1em;
border-radius: 999px;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(212,160,36,0.40);
color: #FFFFFF;
font-size: 0.86rem;
font-weight: 600;
text-decoration: none;
transition: all .18s ease;
}
.acjr-area-v5 .acjr-city-pills a:hover {
background: var(--acjr-gold);
color: var(--acjr-charcoal);
border-color: var(--acjr-gold);
transform: translateY(-1px);
text-decoration: none;
}
.acjr-area-v5 .wp-block-buttons { gap: 0.7rem !important; }
.acjr-area-v5 .wp-block-button__link {
background: var(--acjr-gold) !important;
color: var(--acjr-charcoal) !important;
border-color: var(--acjr-gold) !important;
border-radius: 999px !important;
}
.acjr-area-v5 .wp-block-button.is-style-outline .wp-block-button__link {
background: transparent !important;
color: #FFFFFF !important;
border-color: #FFFFFF !important;
}
@media (max-width: 880px) {
.acjr-section .acjr-alternator { grid-template-columns: 1fr; gap: 1.6rem; }
.acjr-area-v5 .acjr-area-grid { grid-template-columns: 1fr; }
}
/* ----- KILL ANY EM-DASH RENDERING (failsafe) -----
* Not actually possible via CSS but reminds us to sweep PHP. */
/* ----- SCROLL ANCHOR OFFSET FOR FIXED HEADER ----- */
h1, h2, h3, .acjr-section { scroll-margin-top: 110px; }
/* ----- TESTIMONIAL AVATAR: use G logo with white bg, override forest-green default ----- */
.acjr-section.acjr-reviews-band .wp-block-group.acjr-testimonial-card .acjr-testimonial-head .acjr-avatar,
.acjr-reviews-band .wp-block-group.acjr-testimonial-card .acjr-avatar {
background-color: #FFFFFF !important;
background-image: url('data:image/svg+xml;utf8,') !important;
background-size: 26px 26px !important;
background-repeat: no-repeat !important;
background-position: center !important;
color: transparent !important;
font-size: 0 !important;
border: 1.5px solid var(--acjr-border) !important;
}
/* ----- BACKGROUND POSITION KEEP THE FIXED HEADER VISIBLE OVER ALL SECTIONS ----- */
.acjr-section { isolation: isolate; }
/* ============================================================
* V6 — EDITOR-FRIENDLY REBUILD
* Homepage + residential junk page rebuilt as native block content.
* ============================================================ */
.header-navigation .acjr-menu-quote > a,
.header-navigation li.acjr-menu-quote > a,
.header-navigation li.menu-item.acjr-menu-quote > a {
letter-spacing: 0.08em !important;
}
.acjr-v6-hero,
.acjr-v6-service-hero {
position: relative;
padding: 150px 1.5rem 84px !important;
overflow: hidden;
}
.acjr-v6-hero {
background:
radial-gradient(circle at top left, rgba(212,160,36,0.18), transparent 28%),
linear-gradient(135deg, #173828 0%, #24523d 58%, #1d4532 100%);
color: #fff;
}
.acjr-v6-hero > .wp-block-group__inner-container,
.acjr-v6-service-hero > .wp-block-group__inner-container,
.acjr-v6-split > .wp-block-group__inner-container,
.acjr-v6-process > .wp-block-group__inner-container,
.acjr-v6-services > .wp-block-group__inner-container,
.acjr-v6-reviews > .wp-block-group__inner-container,
.acjr-v6-areas > .wp-block-group__inner-container,
.acjr-v6-copy > .wp-block-group__inner-container,
.acjr-v6-what > .wp-block-group__inner-container,
.acjr-v6-why > .wp-block-group__inner-container,
.acjr-v6-faq > .wp-block-group__inner-container,
.acjr-v6-cta > .wp-block-group__inner-container,
.acjr-v6-mini-band > .wp-block-group__inner-container {
max-width: 1220px;
margin: 0 auto;
}
.acjr-v6-hero-grid,
.acjr-v6-service-hero-grid,
.acjr-v6-area-grid,
.acjr-v6-what-grid {
gap: 2.3rem;
}
.acjr-v6-hero h1,
.acjr-v6-service-hero h1 {
color: #fff !important;
font-size: clamp(2.45rem, 5vw, 4.5rem) !important;
line-height: 0.98 !important;
margin-bottom: 1rem !important;
max-width: 11ch;
}
.acjr-v6-service-hero h1 {
color: var(--acjr-forest) !important;
max-width: 13ch;
}
.acjr-v6-lead {
font-size: 1.08rem !important;
line-height: 1.65 !important;
max-width: 56ch;
margin-bottom: 1.2rem !important;
color: rgba(255,255,255,0.88);
}
.acjr-v6-service-hero .acjr-v6-lead {
color: var(--acjr-grey);
}
.acjr-v6-checks {
list-style: none;
margin: 0 0 1.4rem !important;
padding: 0 !important;
display: grid;
gap: 0.65rem;
}
.acjr-v6-checks li {
position: relative;
padding-left: 1.6rem;
margin: 0 !important;
}
.acjr-v6-checks li::before {
content: "•";
position: absolute;
left: 0;
top: 0;
color: var(--acjr-gold);
font-size: 1.4rem;
line-height: 1;
}
.acjr-v6-hero-actions {
gap: 0.8rem !important;
margin-bottom: 1.2rem !important;
}
.acjr-v6-trustbar {
gap: 0.75rem 1rem;
border-top: 1px solid rgba(255,255,255,0.18);
padding-top: 1rem;
font-size: 0.92rem;
color: rgba(255,255,255,0.86);
}
.acjr-v6-trustbar p {
margin: 0 !important;
}
.acjr-v6-hero-media {
position: relative;
min-height: 540px;
}
.acjr-v6-main-photo,
.acjr-v6-service-photo,
.acjr-v6-map,
.acjr-v6-pillar .wp-block-image,
.acjr-v6-service-card .wp-block-image,
.acjr-v6-what .wp-block-image {
margin: 0 !important;
}
.acjr-v6-main-photo img,
.acjr-v6-service-photo img {
width: 100%;
height: 540px;
object-fit: cover;
border-radius: 18px;
border: 1.5px solid var(--acjr-gold);
box-shadow: 0 24px 60px rgba(0,0,0,0.22);
}
.acjr-v6-stat-card {
position: absolute;
left: -20px;
bottom: 22px;
width: min(320px, 90%);
background: #fff;
border: 1.5px solid var(--acjr-gold);
border-radius: 16px;
padding: 1.3rem 1.35rem !important;
box-shadow: 0 18px 44px rgba(0,0,0,0.2);
}
.acjr-v6-stat-card h3 {
margin: 0.3rem 0 0.5rem !important;
font-size: 1.35rem !important;
}
.acjr-v6-stat-card p:last-child {
margin-bottom: 0 !important;
color: var(--acjr-grey);
}
.acjr-v6-split,
.acjr-v6-services,
.acjr-v6-what,
.acjr-v6-faq {
background: #f7f4ed !important;
padding: 4.8rem 1.5rem !important;
}
.acjr-v6-copy,
.acjr-v6-mini-band {
background: #fff !important;
padding: 3.4rem 1.5rem !important;
}
.acjr-v6-process,
.acjr-v6-areas,
.acjr-v6-cta {
background: #f1ede3 !important;
padding: 4.4rem 1.5rem !important;
}
.acjr-v6-reviews,
.acjr-v6-why {
background: linear-gradient(135deg, #1d4633 0%, #24563f 100%) !important;
color: #fff !important;
padding: 4.8rem 1.5rem !important;
}
.acjr-v6-service-hero {
background: #f7f4ed !important;
}
.acjr-v6-mini-band {
border-top: 1px solid var(--acjr-border);
border-bottom: 1px solid var(--acjr-border);
}
.acjr-v6-mini-grid {
gap: 1rem;
}
.acjr-v6-mini-grid .wp-block-column {
background: #fff;
border: 1px solid var(--acjr-border);
border-radius: 14px;
padding: 1.1rem 1.2rem;
}
.acjr-v6-mini-grid p {
margin: 0 !important;
color: var(--acjr-grey);
}
.acjr-v6-mini-grid strong {
color: var(--acjr-charcoal);
}
.acjr-v6-split .acjr-section__head p,
.acjr-v6-services .acjr-section__head p,
.acjr-v6-process .acjr-section__head p,
.acjr-v6-reviews .acjr-section__head p,
.acjr-v6-why .acjr-section__head p {
color: var(--acjr-grey) !important;
}
.acjr-v6-reviews .acjr-section__head p,
.acjr-v6-why .acjr-section__head p {
color: rgba(255,255,255,0.82) !important;
}
.acjr-v6-pillars,
.acjr-v6-card-row,
.acjr-v6-review-grid {
gap: 1.4rem !important;
}
.acjr-v6-pillar,
.acjr-v6-service-card,
.acjr-v6-review-card,
.acjr-v6-why-card {
height: 100%;
border-radius: 18px;
}
.acjr-v6-pillar,
.acjr-v6-service-card {
background: #fff;
border: 1px solid var(--acjr-border);
padding: 1rem 1rem 1.2rem !important;
box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}
.acjr-v6-pillar img,
.acjr-v6-service-card img,
.acjr-v6-what img,
.acjr-v6-map img {
width: 100%;
border-radius: 14px;
object-fit: cover;
}
.acjr-v6-pillar img {
height: 240px;
margin-bottom: 1rem;
}
.acjr-v6-service-card img {
height: 210px;
margin-bottom: 1rem;
}
.acjr-v6-service-card--contact {
display: flex;
flex-direction: column;
justify-content: center;
background: var(--acjr-forest) !important;
border-color: var(--acjr-forest-dark) !important;
color: #fff;
}
.acjr-v6-service-card--contact h3,
.acjr-v6-service-card--contact p,
.acjr-v6-service-card--contact .acjr-kicker {
color: #fff !important;
}
.acjr-v6-process-grid {
gap: 1.4rem !important;
}
.acjr-v6-process-card {
background: #fff;
border: 1.5px solid var(--acjr-gold);
border-radius: 18px;
padding: 1.65rem 1.4rem !important;
box-shadow: 0 12px 28px rgba(0,0,0,0.08);
height: 100%;
}
.acjr-v6-stepnum {
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
margin: 0 0 1rem !important;
border-radius: 999px;
background: var(--acjr-forest);
color: #fff;
font-family: 'Manrope', system-ui, sans-serif;
font-weight: 800;
letter-spacing: 0.06em;
}
.acjr-v6-process-card h3 {
font-size: 1.3rem !important;
margin-bottom: 0.5rem !important;
}
.acjr-v6-process-card p:last-child {
margin-bottom: 0 !important;
color: var(--acjr-grey);
}
.acjr-v6-rating {
text-align: center;
margin-bottom: 1.8rem;
}
.acjr-v6-rating p:first-child {
color: var(--acjr-gold);
letter-spacing: 0.18em;
font-size: 1.4rem;
margin-bottom: 0.2rem !important;
}
.acjr-v6-rating h3 {
color: #fff !important;
margin-bottom: 0.3rem !important;
}
.acjr-v6-rating a {
color: var(--acjr-gold) !important;
}
.acjr-v6-review-card,
.acjr-v6-why-card {
background: rgba(255,255,255,0.96);
color: var(--acjr-charcoal);
padding: 1.4rem !important;
box-shadow: 0 16px 34px rgba(0,0,0,0.12);
}
.acjr-v6-review-name {
font-weight: 800;
margin-bottom: 0.5rem !important;
}
.acjr-v6-review-card p:last-child,
.acjr-v6-why-card p {
margin-bottom: 0 !important;
}
.acjr-v6-area-grid {
align-items: center;
}
.acjr-v6-map img {
height: 360px;
border: 1px solid var(--acjr-border);
box-shadow: 0 16px 36px rgba(0,0,0,0.08);
}
.acjr-v6-copy p,
.acjr-v6-what p,
.acjr-v6-faq p,
.acjr-v6-cta p {
max-width: 68ch;
}
.acjr-v6-what img {
height: 100%;
min-height: 520px;
}
.acjr-v6-what h4 {
margin-bottom: 0.55rem !important;
}
.acjr-v6-what ul {
margin-top: 0 !important;
margin-bottom: 1.2rem !important;
}
.acjr-v6-note {
display: inline-block;
margin-top: 0.6rem !important;
padding: 0.8rem 1rem;
background: #fff;
border-left: 4px solid var(--acjr-gold);
border-radius: 8px;
color: var(--acjr-grey);
}
.acjr-v6-faq .wp-block-details {
background: #fff;
border: 1px solid var(--acjr-border);
border-radius: 14px;
padding: 0.95rem 1.15rem;
margin-bottom: 0.9rem !important;
}
.acjr-v6-faq summary {
cursor: pointer;
font-weight: 700;
color: var(--acjr-charcoal);
}
.acjr-v6-faq .wp-block-details p {
margin: 0.8rem 0 0.1rem !important;
color: var(--acjr-grey);
}
.acjr-v6-cta h2,
.acjr-v6-areas h2,
.acjr-v6-copy h2,
.acjr-v6-what h2,
.acjr-v6-faq h2 {
max-width: 14ch;
}
.acjr-v6-cta .wp-block-buttons {
justify-content: flex-end;
}
@media (max-width: 1024px) {
.acjr-v6-hero,
.acjr-v6-service-hero {
padding-top: 138px !important;
}
.acjr-v6-main-photo img,
.acjr-v6-service-photo img {
height: 460px;
}
.acjr-v6-stat-card {
left: 12px;
bottom: 12px;
}
}
@media (max-width: 781px) {
.site-header,
.site-header-wrap {
left: 10px;
right: 10px;
top: 10px;
}
.site-header-inner-wrap {
padding: 0 12px !important;
}
.acjr-v6-hero,
.acjr-v6-service-hero {
padding: 128px 1rem 64px !important;
}
.acjr-v6-hero h1,
.acjr-v6-service-hero h1 {
max-width: none;
font-size: clamp(2.2rem, 10vw, 3.5rem) !important;
}
.acjr-v6-main-photo img,
.acjr-v6-service-photo img,
.acjr-v6-map img {
height: 320px;
}
.acjr-v6-what img {
min-height: 320px;
}
.acjr-v6-hero-media {
min-height: 0;
}
.acjr-v6-stat-card {
position: static;
width: auto;
margin-top: 1rem;
}
.acjr-v6-split,
.acjr-v6-services,
.acjr-v6-reviews,
.acjr-v6-process,
.acjr-v6-areas,
.acjr-v6-copy,
.acjr-v6-what,
.acjr-v6-why,
.acjr-v6-faq,
.acjr-v6-cta,
.acjr-v6-mini-band {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.acjr-v6-cta .wp-block-buttons {
justify-content: flex-start;
}
}
/* ============================================================
* V7 — HOMEPAGE REBUILD
* Compact hero, tighter cards, stronger Google proof, real map area.
* ============================================================ */
.acjr-home-v7-hero {
margin-top: -18px !important;
padding: 104px 1.5rem 32px !important;
background:
linear-gradient(90deg, rgba(18,42,31,0.9) 0%, rgba(18,42,31,0.82) 38%, rgba(18,42,31,0.34) 63%, rgba(18,42,31,0.18) 100%),
url('/wp-content/uploads/acjr-assets/photos/hero-allclass-ai.webp') center center / cover no-repeat !important;
color: #fff !important;
}
.acjr-home-v7-hero > .wp-block-group__inner-container,
.acjr-home-v7-work > .wp-block-group__inner-container,
.acjr-home-v7-split > .wp-block-group__inner-container,
.acjr-home-v7-services > .wp-block-group__inner-container,
.acjr-home-v7-reviews > .wp-block-group__inner-container,
.acjr-home-v7-area > .wp-block-group__inner-container {
max-width: 1220px;
margin: 0 auto;
}
.acjr-home-v7-work-grid,
.acjr-home-v7-split-grid,
.acjr-home-v7-services-grid,
.acjr-home-v7-review-grid,
.acjr-home-v7-area-grid {
gap: 1.3rem !important;
}
.acjr-home-v7-hero h1 {
color: #fff !important;
font-size: clamp(2rem, 3vw, 2.8rem) !important;
line-height: 1.06 !important;
letter-spacing: -0.025em !important;
margin: 0 0 0.9rem !important;
max-width: 26ch !important;
}
.acjr-home-v7-hero > .wp-block-group__inner-container {
max-width: 760px !important;
margin-left: 0;
padding-left: 3rem;
}
/* Make home hero pad-top so the H1 + asphalt+truck photo aren't clipped by the floating header */
.acjr-home-v7-hero { padding-top: 150px !important; }
.acjr-home-v7-hero-copy {
color: rgba(255,255,255,0.84) !important;
font-size: 1rem !important;
line-height: 1.55 !important;
max-width: 44ch;
margin-bottom: 1rem !important;
}
.acjr-home-v7-hero-actions {
gap: 0.65rem !important;
margin-bottom: 0.9rem !important;
}
.acjr-home-v7-hero-actions .wp-block-button__link {
padding: 0.88em 1.35em !important;
font-size: 0.78rem !important;
}
.acjr-home-v7-google {
display: grid;
gap: 0.45rem;
max-width: 520px;
}
.acjr-home-v7-google-main {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.7rem;
padding-top: 0.85rem;
border-top: 1px solid rgba(255,255,255,0.18);
font-size: 0.94rem;
}
.acjr-home-v7-stars,
.acjr-home-v7-review-stars,
.acjr-home-v7-review-stars-line {
color: var(--acjr-gold);
letter-spacing: 0.14em;
}
.acjr-home-v7-google .acjr-home-v7-google-link {
display: inline-flex;
align-items: center;
line-height: 1;
}
.acjr-home-v7-google .acjr-home-v7-google-logo {
width: 20px;
height: 20px;
}
.acjr-home-v7-google-main a {
color: #fff;
text-decoration: underline;
font-weight: 700;
}
.acjr-home-v7-google-areas {
color: rgba(255,255,255,0.78);
font-size: 0.88rem;
}
.acjr-home-v7-split-card .wp-block-image,
.acjr-home-v7-service-card .wp-block-image,
.acjr-home-v7-service-card--custom .wp-block-image {
margin: 0 !important;
}
.acjr-home-v7-work,
.acjr-home-v7-services {
background: #f5f0e5 !important;
padding: 2.85rem 1.5rem !important;
}
.acjr-home-v7-split,
.acjr-home-v7-reviews {
background: #fff !important;
padding: 2.85rem 1.5rem !important;
}
.acjr-home-v7-area {
background: #f5f0e5 !important;
padding: 2.85rem 1.5rem 4rem !important;
}
.acjr-home-v7-work h2,
.acjr-home-v7-split h2,
.acjr-home-v7-services h2,
.acjr-home-v7-reviews h2 {
margin-bottom: 0.4rem !important;
}
.acjr-home-v7-intro {
color: var(--acjr-grey) !important;
max-width: 62ch;
margin: 0 auto 1.2rem !important;
line-height: 1.5;
font-size: 0.96rem;
}
.acjr-home-v7-work-card,
.acjr-home-v7-split-card,
.acjr-home-v7-service-card,
.acjr-home-v7-review-card {
background: #fff;
border-radius: 16px;
height: 100%;
}
.acjr-home-v7-work-card {
border: 1.5px solid var(--acjr-gold);
padding: 1.1rem 1rem !important;
box-shadow: 0 10px 24px rgba(0,0,0,0.06);
}
.acjr-home-v7-step {
width: 38px;
height: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: var(--acjr-forest);
color: #fff;
font-family: 'Manrope', system-ui, sans-serif;
font-weight: 800;
margin: 0 0 0.7rem !important;
}
.acjr-home-v7-work-card h3 {
font-size: 0.96rem !important;
margin-bottom: 0.35rem !important;
}
.acjr-home-v7-work-card p:last-child {
color: var(--acjr-grey);
margin-bottom: 0 !important;
font-size: 0.84rem;
line-height: 1.48;
}
.acjr-home-v7-work-actions {
margin-top: 1.75rem !important;
gap: 0.55rem !important;
}
.acjr-home-v7-work {
padding-bottom: 5.1rem !important;
}
.acjr-home-v7-split-card {
border: 1px solid var(--acjr-border);
padding: 0.9rem 0.9rem 0.95rem !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.05);
}
.acjr-home-v7-split-card img {
width: 100%;
height: 180px;
object-fit: cover;
border-radius: 12px;
margin-bottom: 0.85rem;
}
.acjr-home-v7-split-card h3 {
margin-bottom: 0.32rem !important;
font-size: 1.02rem !important;
color: var(--acjr-forest-dark) !important;
}
.acjr-home-v7-split-card p,
.acjr-home-v7-split-card li {
font-size: 0.86rem;
line-height: 1.47;
}
.acjr-home-v7-split-card ul {
margin: 0.6rem 0 0.8rem !important;
padding-left: 1.05rem !important;
}
.acjr-home-v7-split-card .wp-block-button__link,
.acjr-home-v7-work-actions .wp-block-button__link,
.acjr-home-v7-area-copy .wp-block-button__link,
.acjr-home-v7-service-card .wp-block-button__link {
font-size: 0.76rem !important;
padding: 0.78em 1.1em !important;
letter-spacing: 0.02em;
}
.acjr-home-v7-services {
background:
radial-gradient(circle at 15% 25%, rgba(108,153,74,0.18), transparent 28%),
radial-gradient(circle at 88% 72%, rgba(212,160,36,0.14), transparent 22%),
linear-gradient(135deg, #173a2c 0%, #235038 42%, #487a33 100%) !important;
color: #fff !important;
}
.acjr-home-v7-services h2,
.acjr-home-v7-services .acjr-home-v7-intro {
color: #fff !important;
}
.acjr-home-v7-services-grid {
margin-bottom: 0 !important;
}
.acjr-home-v7-services-grid--featured {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem !important;
}
.acjr-home-v7-service-card {
border: 4px solid rgba(255,255,255,0.9);
padding: 0.7rem 0.75rem 0.85rem !important;
box-shadow: 0 14px 34px rgba(0,0,0,0.22);
background: #070707;
color: #fff !important;
border-radius: 18px;
}
.acjr-home-v7-service-card img {
width: 100%;
height: 186px;
object-fit: cover;
border-radius: 12px;
margin-bottom: 0.9rem;
}
.acjr-home-v7-service-card h3 {
font-size: 0.98rem !important;
line-height: 1.12 !important;
margin-bottom: 0.32rem !important;
color: #fff !important;
}
.acjr-home-v7-service-card p {
font-size: 0.82rem;
line-height: 1.43;
margin-bottom: 0.52rem !important;
color: rgba(255,255,255,0.82) !important;
}
.acjr-home-v7-service-card ul {
margin: 0 0 0.6rem !important;
padding-left: 1rem !important;
}
.acjr-home-v7-service-card li {
font-size: 0.78rem;
line-height: 1.42;
margin-bottom: 0.2rem !important;
color: rgba(255,255,255,0.78) !important;
}
.acjr-home-v7-service-card p:last-child {
margin-bottom: 0 !important;
}
.acjr-home-v7-service-card a {
color: #fff !important;
font-weight: 800;
text-decoration: none;
}
.acjr-home-v7-service-card--featured {
min-height: 100%;
}
.acjr-home-v7-service-card--accent {
background: linear-gradient(180deg, #1b8a3f 0%, #8d9d58 100%);
}
.acjr-home-v7-service-card--accent p,
.acjr-home-v7-service-card--accent li,
.acjr-home-v7-service-card--accent a {
color: #fff !important;
}
.acjr-home-v7-service-card--featured p:last-child {
margin-top: auto !important;
padding-top: 0.35rem;
}
.acjr-home-v7-service-card--featured p:last-child a {
display: inline-flex;
align-items: center;
gap: 0.4rem;
}
.acjr-home-v7-service-card--featured p:last-child a::after {
content: "→";
font-size: 0.95em;
}
.acjr-home-v7-why {
background:
radial-gradient(circle at 50% 50%, rgba(255,255,255,0.03), transparent 44%),
linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)),
#141414 !important;
padding: 3rem 1.5rem 3.3rem !important;
color: #fff !important;
}
.acjr-home-v7-why > .wp-block-group__inner-container {
max-width: 1220px;
margin: 0 auto;
}
.acjr-home-v7-why h2 {
color: #fff !important;
margin-bottom: 1rem !important;
}
.acjr-home-v7-why-stage {
max-width: 1180px;
margin: 0 auto;
}
.acjr-home-v7-why-slide {
display: grid;
grid-template-columns: minmax(0, 48%) minmax(0, 52%);
background: #fff;
color: var(--acjr-charcoal);
border-radius: 22px;
border: 1px solid rgba(255,255,255,0.18);
padding: 1.15rem;
box-shadow: 0 18px 40px rgba(0,0,0,0.18);
gap: 1.2rem;
}
.acjr-home-v7-why-media img {
width: 100%;
height: 100%;
min-height: 360px;
object-fit: cover;
border-radius: 18px;
border: 4px solid var(--acjr-gold);
}
.acjr-home-v7-why-copy {
padding: 0.55rem 0.3rem 0.35rem 0;
}
.acjr-home-v7-why-copy h3 {
font-size: clamp(2rem, 3vw, 3.1rem) !important;
line-height: 0.98 !important;
color: var(--acjr-forest) !important;
margin-bottom: 0.75rem !important;
}
.acjr-home-v7-why-copy p,
.acjr-home-v7-why-copy li {
color: var(--acjr-charcoal) !important;
font-size: 0.95rem;
line-height: 1.55;
}
.acjr-home-v7-why-copy ul {
margin: 1rem 0 0 !important;
padding-left: 1.2rem !important;
}
.acjr-home-v7-why-copy li {
margin-bottom: 0.4rem !important;
}
.acjr-home-v7-why-controls {
display: flex;
align-items: center;
justify-content: center;
gap: 0.85rem;
margin-top: 1.05rem;
}
.acjr-home-v7-why-arrow {
color: var(--acjr-gold);
font-size: 3.2rem;
line-height: 1;
font-weight: 400;
}
.acjr-home-v7-why-dot {
width: 18px;
height: 18px;
border-radius: 999px;
background: rgba(255,255,255,0.95);
display: inline-block;
}
.acjr-home-v7-why-dot.is-active {
width: 54px;
background: var(--acjr-gold);
}
.acjr-home-v7-review-aggregate {
text-align: center;
margin-bottom: 1.4rem;
}
.acjr-home-v7-review-brand {
display: inline-flex;
align-items: center;
gap: 0.55rem;
margin-bottom: 0.2rem;
}
.acjr-home-v7-review-stars {
font-size: 1.15rem;
margin-bottom: 0.25rem;
}
.acjr-home-v7-google-logo {
width: 22px;
height: 22px;
display: inline-block;
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.acjr-home-v7-review-score {
font-size: 1.15rem;
color: var(--acjr-charcoal);
margin-bottom: 0.25rem;
}
.acjr-home-v7-review-links {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 1rem;
}
.acjr-home-v7-review-links a {
font-weight: 700;
color: var(--acjr-forest);
}
.acjr-home-v7-review-card {
border: 1px solid var(--acjr-border);
padding: 1.15rem !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.05);
}
.acjr-home-v7-review-card p {
font-size: 0.88rem;
line-height: 1.5;
}
.acjr-home-v7-review-name {
font-weight: 800;
margin-bottom: 0.15rem !important;
}
.acjr-home-v7-review-role {
color: var(--acjr-grey);
font-size: 0.84rem;
margin-bottom: 0.45rem !important;
}
.acjr-home-v7-review-stars-line {
margin-bottom: 0.45rem !important;
}
.acjr-home-v7-area-copy {
background:
radial-gradient(circle at top right, rgba(212,160,36,0.18), transparent 28%),
linear-gradient(160deg, #1a1a1a 0%, #1d2d24 100%);
color: #fff;
border-radius: 18px;
padding: 1.7rem 1.45rem !important;
height: 100%;
}
.acjr-home-v7-area-copy h2,
.acjr-home-v7-area-copy p,
.acjr-home-v7-area-copy li {
color: #fff !important;
}
.acjr-home-v7-area-copy p {
color: rgba(255,255,255,0.84) !important;
}
.acjr-home-v7-area-copy h2 {
margin-bottom: 0.55rem !important;
}
.acjr-home-v7-area-copy p,
.acjr-home-v7-area-copy li {
font-size: 0.9rem;
line-height: 1.5;
}
.acjr-home-v7-area-pills {
display: flex;
flex-wrap: wrap;
gap: 0.45rem;
margin: 0.85rem 0 0.9rem;
}
.acjr-home-v7-area-pills span {
display: inline-flex;
align-items: center;
padding: 0.36rem 0.62rem;
border-radius: 999px;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.14);
font-size: 0.76rem;
color: #fff;
}
.acjr-home-v7-area-copy ul {
margin: 0.9rem 0 1.2rem !important;
}
.acjr-home-v7-area-copy .wp-block-button.is-style-outline .wp-block-button__link {
color: #fff !important;
border-color: #fff !important;
}
.acjr-home-v7-map-frame {
height: 100%;
min-height: 360px;
border-radius: 16px;
overflow: hidden;
border: 1px solid var(--acjr-border);
box-shadow: 0 12px 30px rgba(0,0,0,0.08);
background: linear-gradient(180deg, #e9eadf 0%, #f8f5ec 100%);
position: relative;
}
.acjr-home-v7-map-frame::before {
content: "";
position: absolute;
inset: 0 auto auto 0;
width: 100%;
height: 8px;
background: linear-gradient(90deg, var(--acjr-gold), var(--acjr-forest));
z-index: 2;
}
.acjr-home-v7-map-frame iframe {
display: block;
width: 100%;
height: 100%;
min-height: 360px;
border: 0;
}
@media (max-width: 1024px) {
.acjr-home-v7-hero {
padding-top: 98px !important;
}
.acjr-home-v7-hero h1 {
max-width: none;
}
}
@media (max-width: 781px) {
.acjr-home-v7-hero,
.acjr-home-v7-work,
.acjr-home-v7-split,
.acjr-home-v7-services,
.acjr-home-v7-reviews,
.acjr-home-v7-area {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.acjr-home-v7-hero {
margin-top: -12px !important;
padding: 96px 1rem 28px !important;
}
.acjr-home-v7-hero > .wp-block-group__inner-container {
padding-left: 0;
}
.acjr-home-v7-split-card img,
.acjr-home-v7-service-card img {
height: 180px;
}
.acjr-home-v7-map-frame,
.acjr-home-v7-map-frame iframe {
min-height: 280px;
}
}
/* V7 stability overrides */
.acjr-home-v7-work-grid,
.acjr-home-v7-split-grid,
.acjr-home-v7-services-grid--featured,
.acjr-home-v7-review-grid,
.acjr-home-v7-area-grid {
display: grid !important;
}
.acjr-home-v7-work-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.acjr-home-v7-split-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.acjr-home-v7-services-grid--featured {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.acjr-home-v7-review-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.acjr-home-v7-area-grid {
grid-template-columns: minmax(0, 36%) minmax(0, 64%);
align-items: stretch;
}
.acjr-home-v7-work-grid > .wp-block-column,
.acjr-home-v7-split-grid > .wp-block-column,
.acjr-home-v7-services-grid--featured > .wp-block-column,
.acjr-home-v7-review-grid > .wp-block-column,
.acjr-home-v7-area-grid > .wp-block-column {
min-width: 0;
margin: 0 !important;
}
.acjr-home-v7-hero .wp-block-button.is-style-outline .wp-block-button__link {
color: #fff !important;
border-color: rgba(255,255,255,0.55) !important;
background: transparent !important;
}
.acjr-home-v7-split-card,
.acjr-home-v7-split-card h3,
.acjr-home-v7-split-card p,
.acjr-home-v7-split-card li,
.acjr-home-v7-review-card,
.acjr-home-v7-review-card p,
.acjr-home-v7-review-card a {
color: var(--acjr-charcoal) !important;
}
.acjr-home-v7-split-card ul {
color: var(--acjr-charcoal) !important;
}
.acjr-home-v7-services .acjr-home-v7-service-card,
.acjr-home-v7-services .acjr-home-v7-service-card h3,
.acjr-home-v7-services .acjr-home-v7-service-card p,
.acjr-home-v7-services .acjr-home-v7-service-card li,
.acjr-home-v7-services .acjr-home-v7-service-card a {
color: #fff !important;
}
.acjr-home-v7-split-card,
.acjr-home-v7-review-card {
height: auto;
}
.acjr-home-v7-area-copy {
min-height: 360px;
}
@media (max-width: 781px) {
.acjr-home-v7-work-grid,
.acjr-home-v7-split-grid,
.acjr-home-v7-services-grid--featured,
.acjr-home-v7-review-grid,
.acjr-home-v7-area-grid {
grid-template-columns: 1fr !important;
}
.acjr-home-v7-why-slide {
grid-template-columns: 1fr;
}
.acjr-home-v7-why-media img {
min-height: 240px;
}
}
/* V7 polish overrides */
.acjr-home-v7-hero .wp-block-button__link,
.acjr-home-v7-work .wp-block-button__link,
.acjr-home-v7-split .wp-block-button__link,
.acjr-home-v7-services .wp-block-button__link,
.acjr-home-v7-reviews .wp-block-button__link,
.acjr-home-v7-area .wp-block-button__link,
.acjr-home-v7-area-copy .wp-block-button__link,
.acjr-home-v7 .wp-element-button,
.acjr-home-v7 .wp-block-button__link {
border-radius: 999px !important;
}
.acjr-home-v7-work {
padding-bottom: 6.25rem !important;
}
.acjr-home-v7-work-actions {
margin-bottom: 1.2rem !important;
}
.acjr-home-v7-split {
background: linear-gradient(180deg, #fcfbf7 0%, #f4efe4 100%) !important;
}
.acjr-home-v7-split-card {
background: linear-gradient(180deg, #fffef9 0%, #f7f2e8 100%) !important;
border-color: rgba(33, 72, 46, 0.12) !important;
}
.acjr-home-v7-split-card:nth-child(odd),
.acjr-home-v7-split-grid > .wp-block-column:first-child .acjr-home-v7-split-card {
background: linear-gradient(180deg, #fbfbf7 0%, #eef4ee 100%) !important;
}
.acjr-home-v7-split-card p {
color: #465249 !important;
}
.acjr-home-v7-iconlist {
display: grid;
gap: 0.55rem;
margin: 0.7rem 0 0.9rem;
}
.acjr-home-v7-iconitem {
display: grid;
grid-template-columns: 20px minmax(0, 1fr);
gap: 0.6rem;
align-items: start;
font-size: 0.84rem;
line-height: 1.45;
color: #263128;
}
.acjr-home-v7-iconlist.is-dark .acjr-home-v7-iconitem {
color: rgba(255,255,255,0.82);
}
.acjr-mini-icon {
width: 20px;
height: 20px;
display: inline-block;
border-radius: 999px;
background: rgba(39,102,71,0.12);
border: 1px solid rgba(39,102,71,0.16);
position: relative;
margin-top: 0.05rem;
}
.acjr-home-v7-iconlist.is-dark .acjr-mini-icon {
background: rgba(255,255,255,0.1);
border-color: rgba(255,255,255,0.16);
}
.acjr-mini-icon::before,
.acjr-mini-icon::after {
content: "";
position: absolute;
}
.acjr-mini-icon--home::before {
inset: 5px 4px 4px;
border: 1.6px solid #2c6949;
border-top: 0;
border-radius: 1px;
}
.acjr-mini-icon--home::after {
left: 4px;
right: 4px;
top: 4px;
height: 7px;
border-left: 1.6px solid #2c6949;
border-top: 1.6px solid #2c6949;
border-right: 1.6px solid #2c6949;
transform: skewY(-28deg);
transform-origin: left top;
}
.acjr-mini-icon--truck::before {
left: 3px;
top: 6px;
width: 9px;
height: 6px;
border: 1.6px solid #2c6949;
border-radius: 1px;
}
.acjr-mini-icon--truck::after {
right: 3px;
top: 8px;
width: 6px;
height: 4px;
border: 1.6px solid #2c6949;
border-left: 0;
box-shadow: -9px 6px 0 -4px #2c6949, 4px 6px 0 -4px #2c6949;
}
.acjr-mini-icon--hammer::before {
left: 5px;
top: 4px;
width: 9px;
height: 3px;
background: #2c6949;
border-radius: 1px;
transform: rotate(-35deg);
}
.acjr-mini-icon--hammer::after {
left: 8px;
top: 7px;
width: 2px;
height: 9px;
background: #2c6949;
transform: rotate(-35deg);
border-radius: 1px;
}
.acjr-mini-icon--spark::before,
.acjr-mini-icon--spark::after {
background: #2c6949;
border-radius: 999px;
}
.acjr-mini-icon--spark::before {
inset: 4px 9px;
}
.acjr-mini-icon--spark::after {
inset: 9px 4px;
}
.acjr-mini-icon--building::before {
left: 5px;
top: 4px;
width: 10px;
height: 12px;
border: 1.6px solid #2c6949;
border-radius: 1px;
}
.acjr-mini-icon--building::after {
left: 7px;
top: 7px;
width: 2px;
height: 2px;
background: #2c6949;
box-shadow: 4px 0 0 #2c6949, 0 4px 0 #2c6949, 4px 4px 0 #2c6949;
}
.acjr-mini-icon--fence::before {
left: 5px;
top: 4px;
width: 10px;
height: 12px;
background:
linear-gradient(90deg, transparent 0 1px, #2c6949 1px 3px, transparent 3px 5px, #2c6949 5px 7px, transparent 7px 9px, #2c6949 9px 11px),
linear-gradient(#2c6949, #2c6949) center 4px / 10px 1.6px no-repeat,
linear-gradient(#2c6949, #2c6949) center 9px / 10px 1.6px no-repeat;
}
.acjr-mini-icon--calendar::before {
left: 4px;
top: 5px;
width: 12px;
height: 10px;
border: 1.6px solid #2c6949;
border-radius: 2px;
}
.acjr-mini-icon--calendar::after {
left: 6px;
top: 3px;
width: 8px;
height: 4px;
border-top: 1.6px solid #2c6949;
border-left: 1.6px solid transparent;
border-right: 1.6px solid transparent;
}
.acjr-home-v7-iconlist.is-dark .acjr-mini-icon::before,
.acjr-home-v7-iconlist.is-dark .acjr-mini-icon::after {
border-color: #fff !important;
background: #fff !important;
box-shadow: none;
}
.acjr-home-v7-iconlist.is-dark .acjr-mini-icon--truck::after {
border-left: 0 !important;
box-shadow: -9px 6px 0 -4px #fff, 4px 6px 0 -4px #fff;
}
.acjr-home-v7-iconlist.is-dark .acjr-mini-icon--building::after {
box-shadow: 4px 0 0 #fff, 0 4px 0 #fff, 4px 4px 0 #fff;
}
.acjr-home-v7-iconlist.is-dark .acjr-mini-icon--fence::before {
background:
linear-gradient(90deg, transparent 0 1px, #fff 1px 3px, transparent 3px 5px, #fff 5px 7px, transparent 7px 9px, #fff 9px 11px),
linear-gradient(#fff, #fff) center 4px / 10px 1.6px no-repeat,
linear-gradient(#fff, #fff) center 9px / 10px 1.6px no-repeat !important;
}
.acjr-home-v7-carousel-topline {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
margin: 0 auto 1rem;
max-width: 1180px;
}
.acjr-home-v7-carousel-copy {
color: rgba(255,255,255,0.7);
font-size: 0.8rem;
}
.acjr-home-v7-carousel-controls,
.acjr-home-v7-why-controls {
display: flex;
align-items: center;
gap: 0.55rem;
}
.acjr-home-v7-carousel-btn {
width: 42px;
height: 42px;
border-radius: 999px;
border: 1px solid rgba(39,102,71,0.18);
background: #fff;
color: #235038;
font-size: 1.7rem;
line-height: 1;
cursor: pointer;
transition: transform 160ms ease, background 160ms ease, color 160ms ease, border-color 160ms ease;
}
.acjr-home-v7-carousel-btn:hover {
transform: translateY(-1px);
background: #235038;
color: #fff;
border-color: #235038;
}
.acjr-home-v7-services-carousel .acjr-home-v7-carousel-btn {
background: rgba(255,255,255,0.12);
color: #fff;
border-color: rgba(255,255,255,0.18);
}
.acjr-home-v7-services-carousel .acjr-home-v7-carousel-btn:hover {
background: #e0a63a;
color: #183928;
border-color: #e0a63a;
}
.acjr-home-v7-carousel-viewport {
overflow: hidden;
padding-top: 0.45rem;
}
.acjr-home-v7-carousel-track {
display: grid;
grid-auto-flow: column;
grid-auto-columns: calc((100% - 2rem) / 3);
gap: 1rem;
transition: transform 260ms ease;
}
.acjr-home-v7-services .acjr-home-v7-service-card {
background: linear-gradient(180deg, #fffef9 0%, #f7f2e8 100%) !important;
border: 1px solid rgba(33, 72, 46, 0.12) !important;
border-radius: 16px !important;
min-height: 100%;
box-shadow: 0 8px 22px rgba(0,0,0,0.05);
transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.acjr-home-v7-services .acjr-home-v7-service-card:hover {
transform: translateY(-4px);
border-color: #d5ab4a !important;
box-shadow: 0 16px 34px rgba(0,0,0,0.12);
}
.acjr-home-v7-services .acjr-home-v7-service-card h3 {
color: var(--acjr-forest-dark) !important;
}
.acjr-home-v7-services .acjr-home-v7-service-card p:first-of-type {
color: #465249 !important;
}
.acjr-home-v7-services .acjr-home-v7-service-card p,
.acjr-home-v7-services .acjr-home-v7-service-card li,
.acjr-home-v7-services .acjr-home-v7-service-card a {
color: #243127 !important;
}
.acjr-home-v7-services .acjr-home-v7-service-card .acjr-home-v7-iconlist.is-dark .acjr-home-v7-iconitem {
color: #243127 !important;
}
.acjr-home-v7-services .acjr-home-v7-service-card p:last-child a {
color: var(--acjr-forest-dark) !important;
}
.acjr-home-v7-services .acjr-home-v7-service-card:hover p,
.acjr-home-v7-services .acjr-home-v7-service-card:hover li,
.acjr-home-v7-services .acjr-home-v7-service-card:hover a {
color: #243127 !important;
}
.acjr-home-v7-services .acjr-home-v7-service-card:hover .acjr-home-v7-iconlist.is-dark .acjr-home-v7-iconitem {
color: #243127 !important;
}
.acjr-home-v7-services .acjr-home-v7-service-card img {
height: 162px;
}
.acjr-home-v7-why {
background: linear-gradient(180deg, #f6f2e6 0%, #edf2e9 100%) !important;
color: var(--acjr-charcoal) !important;
}
.acjr-home-v7-why h2 {
color: var(--acjr-charcoal) !important;
}
.acjr-home-v7-why-carousel {
max-width: 1180px;
margin: 0 auto;
}
.acjr-home-v7-why-carousel .acjr-home-v7-carousel-track {
grid-auto-columns: 100%;
}
.acjr-home-v7-why-slide {
position: relative;
background: linear-gradient(180deg, #fff 0%, #f8f5ed 100%);
border: 1px solid rgba(39,102,71,0.12);
border-radius: 24px;
padding: 1.5rem 1.5rem 1.35rem;
box-shadow: 0 18px 34px rgba(0,0,0,0.07);
}
.acjr-home-v7-why-badge {
width: 44px;
height: 44px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #235038 0%, #7ca25d 100%);
color: #fff;
font-size: 0.82rem;
font-weight: 800;
margin-bottom: 0.8rem;
}
.acjr-home-v7-why-slide h3 {
font-size: clamp(1.8rem, 3vw, 2.8rem) !important;
line-height: 0.98 !important;
color: #2b6b49 !important;
margin-bottom: 0.65rem !important;
max-width: 13ch;
}
.acjr-home-v7-why-slide p {
color: #3f4e44 !important;
max-width: 58ch;
}
.acjr-home-v7-why .acjr-home-v7-iconlist {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem 1rem;
margin-top: 1rem;
}
.acjr-home-v7-why .acjr-home-v7-iconitem {
background: rgba(39,102,71,0.06);
border: 1px solid rgba(39,102,71,0.08);
border-radius: 14px;
padding: 0.8rem 0.85rem;
grid-template-columns: 20px minmax(0, 1fr);
}
.acjr-home-v7-carousel-dots {
display: flex;
align-items: center;
gap: 0.45rem;
}
.acjr-home-v7-dot {
width: 12px;
height: 12px;
border-radius: 999px;
border: 0;
background: rgba(39,102,71,0.18);
padding: 0;
cursor: pointer;
}
.acjr-home-v7-dot.is-active {
width: 32px;
background: #2b6b49;
}
.acjr-home-v7-review-links a {
color: var(--acjr-forest) !important;
}
.acjr-home-v7-google-link {
display: inline-flex;
align-items: center;
}
@media (max-width: 1024px) {
.acjr-home-v7-carousel-track {
grid-auto-columns: calc((100% - 1rem) / 2);
}
.acjr-home-v7-why .acjr-home-v7-iconlist {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 781px) {
.acjr-home-v7-carousel-topline {
align-items: flex-start;
flex-direction: column;
}
.acjr-home-v7-carousel-track,
.acjr-home-v7-why-carousel .acjr-home-v7-carousel-track {
grid-auto-columns: 100%;
}
.acjr-home-v7-why .acjr-home-v7-iconlist {
grid-template-columns: 1fr;
}
}
/* V7 compaction pass */
.site-main-header-inner-wrap {
min-height: 64px !important;
}
.site-header-inner-wrap {
padding: 0 10px !important;
}
.site-branding {
transform: scale(0.9);
transform-origin: left center;
}
.header-navigation .menu > li > a,
.header-navigation .menu ul li > a {
font-size: 0.8rem !important;
letter-spacing: 0.04em !important;
padding: 0.45rem 0.65rem !important;
}
.header-navigation .acjr-menu-phone > a {
font-size: 0.84rem !important;
gap: 0.4rem !important;
}
.header-navigation .acjr-menu-quote > a,
.header-navigation li.acjr-menu-quote > a,
.header-navigation li.menu-item.acjr-menu-quote > a {
padding: 0.95rem 1.4rem !important;
font-size: 0.8rem !important;
}
.acjr-home-v7-split,
.acjr-home-v7-services,
.acjr-home-v7-reviews,
.acjr-home-v7-area {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
.acjr-home-v7-split {
padding-top: 2.25rem !important;
padding-bottom: 2.35rem !important;
}
.acjr-home-v7-split h2,
.acjr-home-v7-services h2,
.acjr-home-v7-why h2,
.acjr-home-v7-reviews h2 {
font-size: clamp(2rem, 3vw, 2.55rem) !important;
}
.acjr-home-v7-split-grid {
gap: 1rem !important;
}
.acjr-home-v7-split-card {
padding: 0.7rem 0.72rem 0.8rem !important;
}
.acjr-home-v7-split-card img {
height: 138px !important;
margin-bottom: 0.65rem !important;
}
.acjr-home-v7-split-card p {
font-size: 0.82rem !important;
line-height: 1.42 !important;
}
.acjr-home-v7-iconlist {
gap: 0.46rem;
margin: 0.58rem 0 0.72rem;
}
.acjr-home-v7-iconitem {
grid-template-columns: 16px minmax(0, 1fr);
gap: 0.48rem;
font-size: 0.77rem;
line-height: 1.38;
}
.acjr-mini-icon {
width: 18px;
height: 18px;
margin-top: 0.12rem;
}
.acjr-home-v7-split-card .wp-block-button__link {
font-size: 0.72rem !important;
padding: 0.78em 1.05em !important;
}
.acjr-home-v7-services {
padding-top: 2.25rem !important;
padding-bottom: 2.55rem !important;
}
.acjr-home-v7-carousel-topline {
justify-content: flex-end;
margin-bottom: 0.6rem;
}
.acjr-home-v7-carousel-copy {
display: none;
}
.acjr-home-v7-carousel-track {
grid-auto-columns: calc((100% - 2rem) / 3.12);
gap: 0.85rem;
}
.acjr-home-v7-services .acjr-home-v7-service-card {
padding: 0.62rem 0.64rem 0.72rem !important;
}
.acjr-home-v7-services .acjr-home-v7-service-card img {
height: 128px;
margin-bottom: 0.62rem;
}
.acjr-home-v7-services .acjr-home-v7-service-card h3 {
font-size: 0.9rem !important;
margin-bottom: 0.24rem !important;
}
.acjr-home-v7-services .acjr-home-v7-service-card p:first-of-type {
font-size: 0.77rem !important;
line-height: 1.35 !important;
margin-bottom: 0.42rem !important;
}
.acjr-home-v7-services .acjr-home-v7-iconitem {
font-size: 0.72rem;
line-height: 1.32;
}
.acjr-home-v7-services .acjr-home-v7-service-card p:last-child {
padding-top: 0.18rem;
}
.acjr-home-v7-services .acjr-home-v7-service-card p:last-child a {
font-size: 0.8rem;
}
.acjr-home-v7-carousel-btn {
width: 36px;
height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0 !important;
line-height: 1 !important;
}
.acjr-home-v7-carousel-btn::before {
display: block;
font-size: 1.35rem;
line-height: 1;
transform: translateY(-1px);
}
.acjr-home-v7-carousel-btn.is-prev::before {
content: "‹";
}
.acjr-home-v7-carousel-btn.is-next::before {
content: "›";
}
.acjr-home-v7-why {
padding: 2.15rem 1.25rem 2.55rem !important;
}
.acjr-home-v7-why-carousel {
max-width: 1120px;
}
.acjr-home-v7-why-slide {
display: grid;
grid-template-columns: 42px minmax(0, 1.05fr) minmax(0, 1fr);
gap: 0.9rem 1rem;
align-items: start;
padding: 1rem 1rem 0.95rem !important;
}
.acjr-home-v7-why-badge {
width: 36px;
height: 36px;
font-size: 0.74rem;
margin-bottom: 0;
grid-column: 1;
grid-row: 1 / span 2;
}
.acjr-home-v7-why-slide h3 {
font-size: clamp(1.45rem, 2.1vw, 2rem) !important;
line-height: 0.98 !important;
max-width: 10ch;
margin: 0 !important;
grid-column: 2;
grid-row: 1;
}
.acjr-home-v7-why-slide p {
font-size: 0.84rem !important;
line-height: 1.45 !important;
margin: 0 !important;
grid-column: 2;
grid-row: 2;
max-width: 34ch;
}
.acjr-home-v7-why .acjr-home-v7-iconlist {
grid-column: 3;
grid-row: 1 / span 2;
grid-template-columns: 1fr;
gap: 0.55rem;
margin: 0;
}
.acjr-home-v7-why .acjr-home-v7-iconitem {
padding: 0.62rem 0.68rem;
font-size: 0.78rem;
line-height: 1.34;
}
.acjr-home-v7-why-controls {
margin-top: 0.7rem;
}
.acjr-home-v7-dot {
width: 10px;
height: 10px;
}
.acjr-home-v7-dot.is-active {
width: 24px;
}
.acjr-home-v7-reviews {
padding-top: 2.2rem !important;
padding-bottom: 2.45rem !important;
}
.acjr-home-v7-review-aggregate {
margin-bottom: 1rem;
}
.acjr-home-v7-review-grid {
gap: 0.85rem !important;
}
.acjr-home-v7-review-card {
padding: 0.95rem !important;
}
.acjr-home-v7-review-card p {
font-size: 0.82rem;
}
.acjr-home-v7-area {
padding-top: 2.25rem !important;
}
.acjr-home-v7-area-copy {
padding: 1.3rem 1.2rem !important;
}
.acjr-home-v7-area-copy h2 {
font-size: clamp(1.8rem, 2.6vw, 2.35rem) !important;
}
.acjr-home-v7-area-copy p,
.acjr-home-v7-area-copy li {
font-size: 0.84rem;
line-height: 1.46;
}
.acjr-home-v7-area-pills span {
font-size: 0.72rem;
padding: 0.34rem 0.56rem;
}
@media (max-width: 1200px) {
.acjr-home-v7-why-slide {
grid-template-columns: 36px 1fr;
}
.acjr-home-v7-why .acjr-home-v7-iconlist {
grid-column: 1 / span 2;
grid-row: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 0.4rem;
}
}
@media (max-width: 1024px) {
.site-branding {
transform: scale(0.84);
}
.header-navigation .menu > li > a {
font-size: 0.75rem !important;
}
.acjr-home-v7-carousel-track {
grid-auto-columns: calc((100% - 0.85rem) / 2.1);
}
}
@media (max-width: 781px) {
.site-branding {
transform: none;
}
.site-main-header-inner-wrap {
min-height: 58px !important;
}
.acjr-home-v7-work-card,
.acjr-home-v7-split-card,
.acjr-home-v7-services .acjr-home-v7-service-card {
min-height: 0;
}
.acjr-home-v7-why-slide {
grid-template-columns: 1fr;
gap: 0.65rem;
}
.acjr-home-v7-why-badge,
.acjr-home-v7-why-slide h3,
.acjr-home-v7-why-slide p,
.acjr-home-v7-why .acjr-home-v7-iconlist {
grid-column: auto;
grid-row: auto;
}
.acjr-home-v7-why .acjr-home-v7-iconlist {
grid-template-columns: 1fr;
}
}
/* V7 targeted fixes */
.acjr-home-v7-hero {
margin-top: -18px !important;
padding: 104px 1.5rem 32px !important;
}
.acjr-home-v7-hero > .wp-block-group__inner-container {
max-width: 520px;
padding-left: 3rem;
}
.acjr-home-v7-hero h1 {
font-size: clamp(2.3rem, 4vw, 3.65rem) !important;
max-width: 9.5ch;
margin-bottom: 0.8rem !important;
}
.acjr-home-v7-hero-copy {
font-size: 1rem !important;
line-height: 1.55 !important;
margin-bottom: 1rem !important;
max-width: 44ch;
}
.acjr-home-v7-hero-actions {
margin-bottom: 0.9rem !important;
}
.acjr-home-v7-hero-actions .wp-block-button__link {
padding: 0.88em 1.35em !important;
font-size: 0.78rem !important;
}
.acjr-home-v7-google-main {
padding-top: 0.85rem;
font-size: 0.94rem;
}
.acjr-home-v7-google-areas {
font-size: 0.88rem;
}
.acjr-home-v7-work {
padding: 3.15rem 1.25rem 9.75rem !important;
}
.acjr-home-v7-work-grid {
gap: 1.15rem !important;
}
.acjr-home-v7-work-card {
padding: 1.2rem 1.1rem 1.15rem !important;
min-height: 0;
}
.acjr-home-v7-work-card h3 {
font-size: 1.03rem !important;
}
.acjr-home-v7-work-card p:last-child {
font-size: 0.9rem !important;
}
.acjr-home-v7-work-actions {
margin-top: 1.85rem !important;
margin-bottom: 5.1rem !important;
}
.acjr-home-v7-work-spacer {
display: block;
height: 4.75rem;
width: 100%;
}
.acjr-home-v7-work + .acjr-home-v7-split {
padding-top: 2.15rem !important;
}
.acjr-home-v7-carousel-viewport {
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: none;
}
.acjr-home-v7-carousel-viewport::-webkit-scrollbar {
display: none;
}
.acjr-home-v7-carousel-track > * {
scroll-snap-align: start;
}
.acjr-home-v7-iconitem {
align-items: flex-start;
gap: 0.62rem;
}
.acjr-mini-icon {
position: relative;
width: 1.05rem;
height: 1.05rem;
min-width: 1.05rem;
margin-top: 0.16rem;
border-radius: 999px;
background: transparent;
border: 0;
}
.acjr-mini-icon::before,
.acjr-mini-icon::after {
box-shadow: none !important;
}
.acjr-mini-icon::before,
.acjr-mini-icon--check::before {
content: "✓";
position: absolute;
inset: 0;
display: grid;
place-items: center;
color: #2f7a53;
font-size: 1.02rem;
font-weight: 900;
line-height: 1;
}
.acjr-mini-icon::after {
display: none !important;
}
.acjr-home-v7-iconlist.is-dark .acjr-mini-icon {
background: transparent;
}
.acjr-home-v7-iconlist.is-dark .acjr-mini-icon::before {
color: #2f7a53;
}
.acjr-home-v7-services .acjr-home-v7-service-card:hover .acjr-mini-icon::before {
color: #2f7a53;
}
.acjr-home-v7-services .acjr-home-v7-service-card:hover h3 {
color: var(--acjr-forest-dark) !important;
}
.acjr-home-v7-services .acjr-home-v7-service-card:hover p:first-of-type {
color: #465249 !important;
}
/* Phase 2: logo + shared subpage system */
.site-branding .site-title-wrap {
width: 204px;
height: 48px;
}
.site-branding .site-title,
.site-branding .site-title p {
height: 48px;
line-height: 48px;
}
.acjr-p2-hero,
.acjr-p2-copy,
.acjr-p2-detail,
.acjr-p2-process,
.acjr-p2-why,
.acjr-p2-faq,
.acjr-p2-cta,
.acjr-p2-mini,
.acjr-p2-services-grid,
.acjr-p2-contact,
.acjr-p2-reviews {
padding: clamp(2.3rem, 4vw, 3.8rem) 1.5rem;
}
.acjr-p2-hero {
background:
radial-gradient(circle at top right, rgba(212,160,36,0.18), transparent 34%),
linear-gradient(180deg, #faf8f1 0%, #f3ede0 100%);
overflow: hidden;
margin-top: -48px !important;
padding-top: 132px !important;
padding-bottom: 4.35rem !important;
}
.acjr-p2-hero > .wp-block-group__inner-container,
.acjr-p2-copy > .wp-block-group__inner-container,
.acjr-p2-detail > .wp-block-group__inner-container,
.acjr-p2-process > .wp-block-group__inner-container,
.acjr-p2-why > .wp-block-group__inner-container,
.acjr-p2-faq > .wp-block-group__inner-container,
.acjr-p2-cta > .wp-block-group__inner-container,
.acjr-p2-mini > .wp-block-group__inner-container,
.acjr-p2-services-grid > .wp-block-group__inner-container,
.acjr-p2-contact > .wp-block-group__inner-container,
.acjr-p2-reviews > .wp-block-group__inner-container {
max-width: 1200px;
margin: 0 auto;
padding-left: clamp(1rem, 2.2vw, 2rem);
padding-right: clamp(1rem, 2.2vw, 2rem);
}
.acjr-p2-hero-grid,
.acjr-p2-detail-grid,
.acjr-p2-contact-grid {
gap: clamp(1.35rem, 3vw, 2.5rem);
}
.acjr-p2-hero-grid {
align-items: center !important;
}
.acjr-p2-hero-grid > .wp-block-column:first-child {
padding-left: clamp(0.2rem, 0.8vw, 0.8rem);
}
body .entry-content > .wp-block-group.alignfull.acjr-section:last-of-type,
body .wp-site-blocks .wp-block-group.alignfull.acjr-section:last-of-type,
body .entry-content > .wp-block-cover.alignfull.acjr-section:last-of-type,
body .wp-site-blocks .wp-block-cover.alignfull.acjr-section:last-of-type {
padding-bottom: 1.4rem !important;
margin-bottom: 0 !important;
}
.acjr-footer {
margin-top: 0 !important;
}
.acjr-p2-hero h1,
.acjr-p2-copy h2,
.acjr-p2-detail h2,
.acjr-p2-process h2,
.acjr-p2-why h2,
.acjr-p2-faq h2,
.acjr-p2-cta h2,
.acjr-p2-services-grid h2,
.acjr-p2-contact h2,
.acjr-p2-reviews h2 {
font-family: 'Manrope', system-ui, sans-serif !important;
font-weight: 800 !important;
letter-spacing: -0.04em;
color: #171b18;
}
.acjr-p2-hero h1 {
font-size: clamp(2.25rem, 4.3vw, 3.95rem) !important;
line-height: 0.96;
max-width: 8.6ch;
margin: 0 0 0.8rem !important;
}
.acjr-p2-lead {
font-size: 1rem;
line-height: 1.68;
color: #52615a;
max-width: 43ch;
margin-bottom: 0.8rem !important;
}
.acjr-p2-checks,
.acjr-p2-service-tile .acjr-p2-checks {
list-style: none;
padding: 0;
margin: 0 0 1rem;
}
.acjr-p2-checks li {
position: relative;
padding-left: 1.75rem;
margin: 0 0 0.72rem;
color: #45544d;
line-height: 1.58;
}
.acjr-p2-checks li::before {
content: "✓";
position: absolute;
left: 0;
top: -0.02rem;
width: 1.1rem;
height: 1.1rem;
display: grid;
place-items: center;
color: #2f7a53;
font-weight: 900;
font-size: 0.98rem;
}
.acjr-p2-service-photo img,
.acjr-p2-detail img,
.acjr-p2-service-thumb img {
width: 100%;
display: block;
border-radius: 22px;
}
.acjr-p2-service-photo img {
aspect-ratio: 5 / 3.25;
object-fit: cover;
box-shadow: 0 24px 54px rgba(31, 53, 40, 0.14);
}
.acjr-p2-mini {
background: #1f4e35;
color: #f7f1e4;
position: relative;
}
.acjr-p2-mini::before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(140deg, rgba(255,255,255,0.03), transparent 42%),
radial-gradient(circle at bottom right, rgba(212,160,36,0.14), transparent 28%);
pointer-events: none;
}
.acjr-p2-mini p {
margin: 0;
color: #edf0e6;
font-size: 0.95rem;
line-height: 1.6;
}
.acjr-p2-mini strong {
color: #ffffff;
font-weight: 800;
}
.acjr-p2-copy {
background: #fffdf8;
}
.acjr-p2-copy h2,
.acjr-p2-faq h2 {
font-size: clamp(2rem, 4vw, 3rem) !important;
margin-bottom: 1rem !important;
}
.acjr-p2-copy p,
.acjr-p2-detail p,
.acjr-p2-contact p,
.acjr-p2-review-card p {
color: #55635d;
font-size: 1rem;
line-height: 1.74;
}
.acjr-p2-detail {
background: #f7f3ea;
}
.acjr-p2-detail h4 {
font-family: 'Manrope', system-ui, sans-serif !important;
font-size: 1.05rem !important;
margin: 0 0 0.7rem !important;
}
.acjr-p2-process {
background: #faf7ef;
}
.acjr-p2-process-grid {
gap: 1rem;
margin-top: 1rem !important;
}
.acjr-p2-process-card,
.acjr-p2-why-card,
.acjr-p2-review-card,
.acjr-p2-service-tile,
.acjr-p2-form-wrap,
.acjr-p2-contact-copy,
.acjr-p2-google-panel {
background: #fffdfa;
border: 1px solid rgba(200, 162, 77, 0.34);
border-radius: 24px;
box-shadow: 0 18px 44px rgba(30, 43, 35, 0.07);
}
.acjr-p2-process-card {
padding: 1.3rem 1.15rem 1.1rem;
height: 100%;
border-color: rgba(198, 157, 66, 0.58);
}
.acjr-p2-stepnum {
width: 2.3rem;
height: 2.3rem;
border-radius: 999px;
display: grid;
place-items: center;
background: #2f6d4b;
color: #fff;
font-weight: 800;
margin: 0 0 0.85rem;
}
.acjr-p2-process-card h3,
.acjr-p2-why-card h3,
.acjr-p2-service-tile h3,
.acjr-p2-contact h3 {
font-family: 'Manrope', system-ui, sans-serif !important;
font-size: 1.22rem !important;
font-weight: 800 !important;
color: #1b231f;
margin-bottom: 0.5rem !important;
}
.acjr-p2-process-card p:last-child,
.acjr-p2-why-card p,
.acjr-p2-service-tile p {
color: #55635d;
font-size: 0.96rem;
line-height: 1.64;
}
.acjr-p2-why {
background:
radial-gradient(circle at bottom left, rgba(212,160,36,0.14), transparent 28%),
linear-gradient(180deg, #fefcf7 0%, #f7f2e7 100%);
}
.acjr-p2-why-card {
padding: 1.55rem 1.3rem;
height: 100%;
}
.acjr-p2-faq {
background: #fffdf8;
}
.acjr-p2-cta {
background: #1d4d35;
}
.acjr-p2-cta h2,
.acjr-p2-cta p {
color: #fffef9 !important;
}
.acjr-p2-cta .is-style-outline .wp-block-button__link {
border-color: rgba(255,255,255,0.72) !important;
color: #fffef9 !important;
}
.acjr-p2-services-grid {
background: #fffdf8;
}
.acjr-p2-service-grid {
display: grid !important;
grid-auto-flow: column;
grid-auto-columns: calc((100% - 2rem) / 3);
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scrollbar-width: none;
gap: 1rem;
margin-top: 1.3rem !important;
}
.acjr-p2-service-grid::-webkit-scrollbar {
display: none;
}
.acjr-p2-service-grid > .wp-block-column {
min-width: 0;
scroll-snap-align: start;
}
.acjr-p2-service-tile {
padding: 1rem;
height: 100%;
border-radius: 26px;
transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.acjr-p2-service-tile:hover {
transform: translateY(-5px);
border-color: rgba(200, 162, 77, 0.82);
box-shadow: 0 22px 48px rgba(31, 53, 40, 0.12);
}
.acjr-p2-service-thumb img {
aspect-ratio: 16 / 9;
object-fit: cover;
margin-bottom: 1rem;
}
.acjr-p2-textlink {
color: #1e5238;
text-decoration: none;
font-weight: 800;
}
.acjr-p2-textlink:hover {
color: #bb9343;
}
.acjr-p2-review-grid {
gap: 1rem;
}
.acjr-p2-review-card {
padding: 1.45rem 1.25rem;
height: 100%;
}
.acjr-p2-review-stars {
letter-spacing: 0.16em;
color: #c8a24d !important;
margin: 0 0 0.65rem !important;
}
.acjr-p2-review-meta {
font-size: 0.84rem !important;
font-weight: 800;
color: #2f6d4b !important;
margin-top: 0.8rem !important;
}
.acjr-p2-google-panel {
padding: 2rem 1.6rem;
text-align: center;
}
.acjr-p2-google-logo {
width: 96px;
margin: 0 auto 0.9rem;
}
.acjr-p2-google-score {
font-size: 3.7rem;
line-height: 1;
font-weight: 900;
color: #1a211d !important;
margin: 0 0 0.3rem !important;
}
.acjr-p2-google-stars {
letter-spacing: 0.18em;
color: #c8a24d !important;
margin: 0 0 0.6rem !important;
}
.acjr-p2-google-note {
color: #586660 !important;
font-size: 0.94rem !important;
line-height: 1.6;
margin: 0 !important;
}
.acjr-p2-contact {
background: #f7f3ea;
}
.acjr-p2-form-wrap,
.acjr-p2-contact-copy {
padding: 1.45rem;
height: 100%;
}
.acjr-p2-phone {
font-family: 'Manrope', system-ui, sans-serif !important;
font-size: 1.8rem;
font-weight: 800;
color: #1e5238;
text-decoration: none;
}
.acjr-p2-map-panel {
background: #fffdfa;
padding: 0.8rem;
border: 1px solid rgba(200, 162, 77, 0.34);
border-radius: 24px;
box-shadow: 0 18px 44px rgba(30, 43, 35, 0.07);
}
.acjr-p2-map-panel iframe {
width: 100%;
min-height: 430px;
border: 0;
border-radius: 18px;
display: block;
}
/* Pull the header back to the homepage balance after the logo swap */
.site-header-inner-wrap {
padding: 0 14px !important;
}
.site-main-header-inner-wrap {
min-height: 72px !important;
}
.header-navigation .menu > li > a {
font-size: 0.72rem !important;
padding: 0.68em 0.66em !important;
}
.header-navigation .acjr-menu-phone > a {
font-size: 0.88rem !important;
}
.header-navigation .acjr-menu-quote > a {
padding: 0.84em 1.16em !important;
}
@media (max-width: 1024px) {
.acjr-p2-service-grid {
grid-auto-columns: calc((100% - 0.8rem) / 2.05);
}
}
@media (max-width: 781px) {
.site-branding .site-title-wrap {
width: 176px;
height: 42px;
}
.site-branding .site-title,
.site-branding .site-title p {
height: 42px;
line-height: 42px;
}
.acjr-p2-hero h1 {
max-width: none;
}
.acjr-p2-service-grid {
grid-auto-columns: 86%;
}
.acjr-p2-map-panel iframe {
min-height: 280px;
}
}
.acjr-home-v7-work .wp-block-buttons {
justify-content: center;
}
.acjr-home-v7-work > .wp-block-group__inner-container::after {
content: "";
display: block;
height: 2.25rem;
}
/* ============================================================
* FINAL PASS — homepage spacing, FAQ, end CTA, and shared page polish
* ============================================================ */
body .entry-content > .wp-block-group.alignfull.acjr-section,
body .entry-content > .wp-block-cover.alignfull.acjr-section,
body .wp-site-blocks .wp-block-group.alignfull.acjr-section,
body .wp-site-blocks .wp-block-cover.alignfull.acjr-section {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.acjr-section + .acjr-section {
margin-top: 0 !important;
}
.wp-block-group.acjr-home-v7-hero {
margin-top: 0 !important;
padding-top: 150px !important;
padding-bottom: 40px !important;
}
.wp-block-group.acjr-home-v7-hero,
.wp-block-group.acjr-p2-hero--photo {
/* Beat .wp-block-group.acjr-section specificity */
padding-top: 150px !important;
}
.wp-block-group.acjr-p2-hero--photo {
padding-bottom: 70px !important;
}
.acjr-home-v7-work {
padding: 3.2rem 1.25rem 6.25rem !important;
}
.acjr-home-v7-work-actions {
margin-top: 1.55rem !important;
margin-bottom: 2.9rem !important;
}
.acjr-home-v7-work-spacer,
.acjr-home-v7-work > .wp-block-group__inner-container::after {
display: block !important;
content: "" !important;
height: 2.9rem !important;
}
.acjr-home-v7-work + .acjr-home-v7-split {
padding-top: 3.6rem !important;
}
.acjr-home-v7-faq {
background: #fffdfa !important;
padding: 3.35rem 1.25rem 3.4rem !important;
}
.acjr-home-v7-faq > .wp-block-group__inner-container,
.acjr-home-v7-final-cta > .wp-block-group__inner-container {
max-width: 1160px;
margin: 0 auto;
}
.acjr-home-v7-faq h2,
.acjr-home-v7-final-cta h2 {
font-size: clamp(2.05rem, 3vw, 2.75rem) !important;
font-family: 'Manrope', system-ui, sans-serif !important;
font-weight: 800 !important;
letter-spacing: -0.04em;
color: #171b18;
}
.acjr-home-v7-faq .acjr-home-v7-intro {
max-width: 720px;
margin: 0 auto 1.4rem !important;
}
.acjr-home-v7-faq .wp-block-details {
background: #ffffff;
border: 1px solid rgba(200, 162, 77, 0.28);
border-radius: 18px;
padding: 1rem 1.15rem;
margin-bottom: 0.9rem !important;
box-shadow: 0 12px 32px rgba(30, 43, 35, 0.05);
}
.acjr-home-v7-faq summary {
font-weight: 800;
font-size: 1rem;
color: #1c221f;
}
.acjr-home-v7-faq .wp-block-details p {
margin: 0.75rem 0 0.1rem !important;
color: #596760;
}
.acjr-home-v7-final-cta {
background:
radial-gradient(circle at top right, rgba(212,160,36,0.22), transparent 28%),
linear-gradient(135deg, #214f37 0%, #173b29 100%) !important;
padding: 3.15rem 1.25rem 3.25rem !important;
}
.acjr-home-v7-final-cta h2,
.acjr-home-v7-final-cta p {
color: #fffef8 !important;
}
.acjr-home-v7-final-cta p {
font-size: 1rem !important;
line-height: 1.65 !important;
max-width: 48ch;
}
.acjr-home-v7-final-cta-grid {
gap: 1.5rem !important;
}
.acjr-home-v7-final-cta-actions {
gap: 0.7rem !important;
}
.acjr-home-v7-final-cta .wp-block-button__link {
padding: 0.88em 1.35em !important;
font-size: 0.82rem !important;
}
.acjr-home-v7-final-cta .is-style-outline .wp-block-button__link {
border-color: rgba(255,255,255,0.72) !important;
color: #fffef8 !important;
}
/* Make the phase-2 pages sit closer to the locked homepage system */
.acjr-p2-hero,
.acjr-p2-copy,
.acjr-p2-detail,
.acjr-p2-process,
.acjr-p2-why,
.acjr-p2-faq,
.acjr-p2-cta,
.acjr-p2-mini,
.acjr-p2-services-grid,
.acjr-p2-contact,
.acjr-p2-reviews {
padding: clamp(2.85rem, 4.3vw, 4.35rem) 1.5rem;
}
.acjr-p2-hero h1 {
font-size: clamp(2.2rem, 3.8vw, 3.55rem) !important;
line-height: 0.98;
max-width: 10.2ch;
}
.acjr-p2-lead {
font-size: 1.02rem;
line-height: 1.7;
max-width: 44ch;
}
.acjr-p2-copy h2,
.acjr-p2-detail h2,
.acjr-p2-process h2,
.acjr-p2-why h2,
.acjr-p2-faq h2,
.acjr-p2-cta h2,
.acjr-p2-services-grid h2,
.acjr-p2-contact h2,
.acjr-p2-reviews h2 {
font-size: clamp(2rem, 3vw, 2.8rem) !important;
}
.acjr-p2-process-grid,
.acjr-p2-review-grid {
gap: 1.1rem;
margin-top: 1.2rem !important;
}
.acjr-p2-process-card,
.acjr-p2-why-card,
.acjr-p2-review-card,
.acjr-p2-service-tile,
.acjr-p2-form-wrap,
.acjr-p2-contact-copy,
.acjr-p2-google-panel {
border-radius: 28px;
}
.acjr-p2-service-grid {
grid-auto-columns: calc((100% - 2rem) / 3.06);
}
.acjr-p2-cta .wp-block-buttons,
.acjr-p2-contact .wp-block-buttons {
gap: 0.7rem !important;
}
.acjr-p2-cta .wp-block-button__link,
.acjr-p2-contact .wp-block-button__link,
.acjr-p2-hero .wp-block-button__link {
font-size: 0.82rem !important;
padding: 0.9em 1.35em !important;
}
@media (max-width: 781px) {
.acjr-p2-hero {
margin-top: -30px !important;
padding-top: 112px !important;
padding-bottom: 3.2rem !important;
}
.acjr-p2-hero > .wp-block-group__inner-container,
.acjr-p2-copy > .wp-block-group__inner-container,
.acjr-p2-detail > .wp-block-group__inner-container,
.acjr-p2-process > .wp-block-group__inner-container,
.acjr-p2-why > .wp-block-group__inner-container,
.acjr-p2-faq > .wp-block-group__inner-container,
.acjr-p2-cta > .wp-block-group__inner-container,
.acjr-p2-mini > .wp-block-group__inner-container,
.acjr-p2-services-grid > .wp-block-group__inner-container,
.acjr-p2-contact > .wp-block-group__inner-container,
.acjr-p2-reviews > .wp-block-group__inner-container {
padding-left: 1rem;
padding-right: 1rem;
}
.acjr-p2-hero-grid > .wp-block-column:first-child {
padding-left: 0;
}
.acjr-p2-hero-grid > .wp-block-column,
.acjr-p2-detail .wp-block-columns > .wp-block-column,
.acjr-p2-process .wp-block-columns > .wp-block-column,
.acjr-p2-why .wp-block-columns > .wp-block-column,
.acjr-p2-contact .wp-block-columns > .wp-block-column,
.acjr-p2-reviews .wp-block-columns > .wp-block-column,
.acjr-p2-services-grid .wp-block-columns > .wp-block-column {
padding-left: 0.2rem;
padding-right: 0.2rem;
}
.acjr-p2-contact-grid {
gap: 1rem !important;
}
.acjr-p2-form-wrap,
.acjr-p2-contact-copy {
padding: 1.15rem !important;
}
.acjr-home-v7-hero {
margin-top: -22px !important;
padding: 100px 1rem 20px !important;
}
.acjr-home-v7-work,
.acjr-home-v7-faq,
.acjr-home-v7-final-cta {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.acjr-home-v7-work {
padding-bottom: 4.4rem !important;
}
.acjr-home-v7-final-cta .wp-block-buttons {
justify-content: flex-start;
}
}
.acjr-p2-google-panel .acjr-home-v7-google-logo {
width: 84px;
height: 84px;
display: block;
margin: 0 auto 0.9rem;
}
.acjr-home-v7-reviews .acjr-home-v7-intro {
max-width: 760px;
margin: 0 auto 1rem !important;
}
/* ============================================================
* Residential hub rebuild
* ============================================================ */
.acjr-p2-hero--photo {
position: relative;
margin-top: -34px !important;
padding-top: 146px !important;
padding-bottom: 92px !important;
overflow: hidden;
background: #183726 !important;
}
.acjr-p2-hero--photo::before,
.acjr-p2-hero--photo::after {
content: "";
position: absolute;
inset: 0;
}
.acjr-p2-hero--photo::before {
background:
linear-gradient(90deg, rgba(18, 36, 27, 0.84) 0%, rgba(18, 36, 27, 0.66) 42%, rgba(18, 36, 27, 0.28) 72%, rgba(18, 36, 27, 0.18) 100%),
var(--acjr-hero-bg, url('/wp-content/uploads/acjr-assets/photos/generated/split-residential.webp')) center center / cover no-repeat;
transform: scale(1.03);
}
/* Per-page hero photo modifiers */
.acjr-p2-hero--commercial { --acjr-hero-bg: url('/wp-content/uploads/acjr-assets/photos/generated/split-commercial.webp'); }
.acjr-p2-hero--junk { --acjr-hero-bg: url('/wp-content/uploads/acjr-assets/photos/generated/svc-junk.webp'); }
.acjr-p2-hero--demo { --acjr-hero-bg: url('/wp-content/uploads/acjr-assets/photos/generated/svc-demo.webp'); }
.acjr-p2-hero--dump { --acjr-hero-bg: url('/wp-content/uploads/acjr-assets/photos/generated/svc-dump.webp'); }
.acjr-p2-hero--fence { --acjr-hero-bg: url('/wp-content/uploads/acjr-assets/photos/generated/svc-fence.webp'); }
.acjr-p2-hero--wash { --acjr-hero-bg: url('/wp-content/uploads/acjr-assets/photos/generated/svc-wash.webp'); }
.acjr-p2-hero--asphalt { --acjr-hero-bg: url('/wp-content/uploads/acjr-assets/photos/generated/svc-asphalt.webp'); }
.acjr-p2-hero--about { --acjr-hero-bg: url('/wp-content/uploads/acjr-assets/photos/hero-allclass-truck.jpg'); }
.acjr-p2-hero--how { --acjr-hero-bg: url('/wp-content/uploads/acjr-assets/photos/generated/svc-junk.webp'); }
.acjr-p2-hero--areas { --acjr-hero-bg: none; }
.acjr-p2-hero--reviews { --acjr-hero-bg: url('/wp-content/uploads/acjr-assets/photos/generated/svc-custom.webp'); }
.acjr-p2-hero--contact { --acjr-hero-bg: none; }
/* Image-less heroes: solid forest gradient instead */
.acjr-p2-hero--contact::before,
.acjr-p2-hero--areas::before {
background:
radial-gradient(circle at 78% 22%, rgba(212,160,36,0.18), transparent 32%),
linear-gradient(135deg, #1a3927 0%, #0e2218 70%, #0a1a12 100%) !important;
transform: none;
}
.acjr-p2-hero--contact::after,
.acjr-p2-hero--areas::after {
background: none !important;
}
.acjr-p2-hero--photo::after {
background:
radial-gradient(circle at top right, rgba(212, 160, 36, 0.28), transparent 24%),
linear-gradient(180deg, rgba(18, 36, 27, 0.1) 0%, rgba(18, 36, 27, 0.24) 100%);
}
.acjr-p2-hero--photo > .wp-block-group__inner-container {
position: relative;
z-index: 1;
max-width: 1200px;
margin: 0 auto;
}
.acjr-p2-hero--photo .acjr-p2-hero-copy {
max-width: 620px;
}
.acjr-p2-hero--photo .acjr-kicker,
.acjr-p2-hero--photo h1,
.acjr-p2-hero--photo .acjr-p2-lead,
.acjr-p2-hero--photo .acjr-p2-checks li {
color: #fffef8 !important;
}
.acjr-p2-hero--photo h1 {
max-width: 22ch !important;
margin-bottom: 0.95rem !important;
font-size: clamp(2rem, 3.4vw, 3rem) !important;
line-height: 1.05 !important;
}
.acjr-p2-hero--photo .acjr-p2-lead {
max-width: 52ch !important;
color: rgba(255, 254, 248, 0.92) !important;
font-size: 1.05rem !important;
}
/* Hero photo sections need more top padding so the eyebrow + H1 are not clipped by the floating header */
.acjr-p2-hero--photo {
padding-top: 150px !important;
padding-bottom: 70px !important;
}
.acjr-p2-hero--photo .acjr-kicker {
margin-bottom: 0.8rem !important;
font-size: 0.78rem !important;
letter-spacing: 0.18em !important;
}
.acjr-p2-hero--photo .acjr-p2-hero-copy { max-width: 720px; }
.acjr-p2-hero--photo .acjr-p2-checks {
margin-bottom: 1.15rem;
}
.acjr-p2-hero--photo .acjr-p2-checks li::before {
color: #d5ad53;
}
.acjr-p2-hero--photo .wp-block-button__link {
box-shadow: 0 18px 38px rgba(16, 28, 22, 0.22);
}
.acjr-p2-hero--photo .is-style-outline .wp-block-button__link {
color: #fffef8 !important;
border-color: rgba(255, 255, 255, 0.7) !important;
background: rgba(255, 255, 255, 0.04) !important;
}
.acjr-p2-process--residential {
padding-top: 3rem !important;
padding-bottom: 3.25rem !important;
}
.acjr-p2-feature {
padding-top: 3.15rem !important;
padding-bottom: 3.15rem !important;
}
.acjr-p2-feature--white {
background: #fffdf8 !important;
}
.acjr-p2-feature--cream {
background: #f7f1e4 !important;
}
.acjr-p2-feature h2 {
font-size: clamp(1.95rem, 3vw, 2.55rem) !important;
margin-bottom: 0.8rem !important;
}
.acjr-p2-feature p {
color: #56645d;
}
.acjr-p2-feature h4 {
color: #1f5539;
font-size: 0.98rem !important;
margin-bottom: 0.4rem !important;
}
.acjr-p2-feature-grid {
gap: clamp(1.35rem, 3vw, 2.5rem);
}
.acjr-p2-feature-lists {
gap: 1rem;
margin-top: 1rem !important;
}
.acjr-p2-feature .acjr-p2-service-photo img {
aspect-ratio: 5 / 4;
}
.acjr-p2-feature .acjr-p2-textlink {
display: inline-block;
margin-top: 0.35rem;
}
@media (max-width: 781px) {
.acjr-p2-hero--photo {
margin-top: -22px !important;
padding-top: 114px !important;
padding-bottom: 56px !important;
}
.acjr-p2-hero--photo .acjr-p2-hero-copy {
max-width: none;
}
.acjr-p2-hero--photo h1 {
max-width: none;
}
.acjr-p2-feature {
padding-top: 2.45rem !important;
padding-bottom: 2.45rem !important;
}
}
/* ============================================================
* V8 OVERHAUL — addresses Jo's review notes
* Loaded AFTER everything else so 1-class selectors plus !important
* win against earlier rules.
* ============================================================ */
/* ---- 1. HEADER CALL BUTTON ----------------------------------
* Make the phone link a true CTA pill so it pops next to BOOK NOW
* instead of looking like body text.
* ----------------------------------------------------------- */
body .header-navigation .acjr-menu-phone > a {
display: inline-flex !important;
align-items: center;
gap: 0.38rem;
background: #fffaeb !important;
color: #1a3927 !important;
border: 1.5px solid var(--acjr-gold, #c8a437) !important;
border-radius: 999px !important;
padding: 0.5em 0.85em !important;
font-size: 0.76rem !important;
font-weight: 800 !important;
letter-spacing: 0.02em !important;
text-transform: none !important;
margin-right: 4px;
transition: all .18s ease;
box-shadow: 0 5px 12px rgba(200,164,55,0.16);
}
body .header-navigation .acjr-menu-phone > a:hover {
background: var(--acjr-gold, #c8a437) !important;
color: #1a3927 !important;
transform: translateY(-1px);
box-shadow: 0 9px 18px rgba(200,164,55,0.28);
}
body .header-navigation .acjr-menu-phone .acjr-icon {
width: 16px !important; height: 16px !important;
color: #1a3927 !important;
}
/* ---- 2. MENU DROPDOWN -------------------------------------
* Kill the empty space on the right of dropdown items. Width
* is forced to fit the widest child (e.g. Fencing & Waterproofing).
* ----------------------------------------------------------- */
.header-navigation .header-menu-container ul ul.sub-menu,
.header-navigation .menu li.menu-item-has-children > ul.sub-menu,
.header-navigation .menu li.menu-item-has-children > ul.sub-menu.sub-menu {
min-width: 0 !important;
width: max-content !important;
max-width: 360px !important;
padding: 0.45rem 0 !important;
}
.header-navigation .menu li.menu-item-has-children > ul.sub-menu > li,
.header-navigation .menu li.menu-item-has-children > ul.sub-menu > li.menu-item {
width: 100% !important;
min-width: 0 !important;
}
.header-navigation .menu li.menu-item-has-children > ul.sub-menu > li > a {
padding: 0.55rem 1.2rem !important;
white-space: nowrap;
font-size: 0.82rem !important;
letter-spacing: 0.04em;
width: 100%;
box-sizing: border-box;
display: block;
}
/* ---- 3. WHY CHOOSE CAROUSEL --------------------------------
* - Cap viewport so bg dark panel doesn't bleed under rounded slide
* - Tighten checklist + boost contrast + better balance L/R
* ----------------------------------------------------------- */
.acjr-home-v7-why-carousel { position: relative; }
.acjr-home-v7-why-carousel .acjr-home-v7-carousel-viewport {
overflow: hidden;
border-radius: 22px;
}
.acjr-home-v7-why-slide {
display: grid !important;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) !important;
grid-template-areas:
"badge list"
"heading list"
"para list" !important;
gap: 0 !important;
padding: 0 !important;
background: linear-gradient(135deg, #fffefa 0%, #f7f1e4 100%) !important;
border: none !important;
box-shadow: 0 22px 48px rgba(0,0,0,0.28);
overflow: hidden;
}
.acjr-home-v7-why-slide > .acjr-home-v7-why-badge {
grid-area: badge !important;
margin: 2rem 0 0.95rem 2.2rem !important;
width: 44px !important; height: 44px !important;
background: var(--acjr-forest, #2d6049) !important;
color: #fff !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-family: 'Manrope', system-ui, sans-serif !important;
font-weight: 800 !important;
font-size: 0.95rem !important;
padding: 0 !important;
justify-self: start;
}
.acjr-home-v7-why-slide > h3 {
grid-area: heading !important;
font-size: clamp(1.55rem, 2.2vw, 2.05rem) !important;
line-height: 1.12 !important;
color: #1a3927 !important;
margin: 0 0 0.85rem !important;
padding: 0 1.4rem 0 2.2rem !important;
max-width: none !important;
}
.acjr-home-v7-why-slide > p {
grid-area: para !important;
color: #2c3a32 !important;
font-size: 0.96rem !important;
line-height: 1.55 !important;
margin: 0 !important;
padding: 0 1.4rem 2rem 2.2rem !important;
max-width: none !important;
align-self: start;
}
/* Right column: forest-tinted panel for clear L/R differentiation */
.acjr-home-v7-why-slide .acjr-home-v7-iconlist {
grid-area: list !important;
background:
linear-gradient(135deg, rgba(45,96,73,0.06) 0%, rgba(200,164,55,0.10) 100%),
#ffffff !important;
border: none !important;
border-left: 1px solid rgba(45,96,73,0.14) !important;
border-radius: 0 !important;
padding: 2rem 2.2rem !important;
display: grid !important;
gap: 0.7rem !important;
align-self: stretch !important;
align-content: center;
box-shadow: none !important;
margin: 0 !important;
}
.acjr-home-v7-why-slide .acjr-home-v7-iconlist::before {
content: "What this means for you";
grid-column: 1 / -1;
font-family: 'Manrope', system-ui, sans-serif;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--acjr-forest, #2d6049);
margin-bottom: 0.4rem;
opacity: 0.85;
}
@media (max-width: 900px) {
.acjr-home-v7-why-slide {
grid-template-columns: 1fr !important;
grid-template-areas:
"badge"
"heading"
"para"
"list" !important;
}
.acjr-home-v7-why-slide .acjr-home-v7-iconlist {
border-left: none !important;
border-top: 1px solid rgba(45,96,73,0.14) !important;
}
}
.acjr-home-v7-why-slide .acjr-home-v7-iconitem {
display: grid !important;
grid-template-columns: 18px 1fr !important;
gap: 0.6rem !important;
align-items: start !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
}
.acjr-home-v7-why-slide .acjr-home-v7-iconitem .acjr-mini-icon--check {
background: var(--acjr-forest, #2d6049);
color: #fff;
width: 18px; height: 18px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 2px;
}
.acjr-home-v7-why-slide .acjr-home-v7-iconitem .acjr-mini-icon--check::before {
content: "✓";
color: #fff;
font-size: 0.7rem;
font-weight: 700;
}
.acjr-home-v7-why-slide .acjr-home-v7-iconitem > span:last-child {
font-size: 0.92rem !important;
line-height: 1.42 !important;
color: #2c3a32 !important;
}
@media (max-width: 900px) {
.acjr-home-v7-why-slide {
grid-template-columns: 1fr !important;
padding: 1.5rem 1.4rem !important;
}
}
/* Carousel arrows: bigger and more contrast */
.acjr-home-v7-why-carousel .acjr-home-v7-carousel-btn,
.acjr-home-v7-services-carousel .acjr-home-v7-carousel-btn {
width: 44px !important;
height: 44px !important;
border-radius: 999px !important;
background: rgba(255,255,255,0.95) !important;
color: #1a3927 !important;
border: none !important;
font-size: 1.5rem !important;
line-height: 1 !important;
box-shadow: 0 6px 14px rgba(0,0,0,0.18);
cursor: pointer;
transition: all .18s ease;
}
.acjr-home-v7-why-carousel .acjr-home-v7-carousel-btn:hover,
.acjr-home-v7-services-carousel .acjr-home-v7-carousel-btn:hover {
background: var(--acjr-gold, #c8a437) !important;
transform: scale(1.08);
}
.acjr-home-v7-why-carousel .acjr-home-v7-carousel-dots {
display: inline-flex;
gap: 0.4rem;
align-items: center;
margin: 0 0.6rem;
}
.acjr-home-v7-why-carousel .acjr-home-v7-why-dot {
width: 10px;
height: 10px;
background: rgba(255,255,255,0.4) !important;
}
.acjr-home-v7-why-carousel .acjr-home-v7-why-dot.is-active {
width: 32px !important;
background: var(--acjr-gold, #c8a437) !important;
}
/* ---- 4. HOW WE WORK SPACER --------------------------------- */
.acjr-home-v7-work,
.acjr-home-v7-work.acjr-section {
padding-bottom: 2.6rem !important;
}
.acjr-home-v7-work-spacer { display: none !important; }
.acjr-home-v7-work-actions {
margin-top: 1.4rem !important;
margin-bottom: 0 !important;
}
/* ---- 5. MAP SECTION ---------------------------------------
* Clean iframe wrapper. Service-area polygon comes from a
* Google My Maps share URL Jo provides, dropped into the
* iframe src in home-v6.html. No CSS overlay needed once
* the My Maps polygon is in place.
* ----------------------------------------------------------- */
.acjr-home-v7-area .acjr-home-v7-map-frame {
position: relative;
border-radius: 18px;
overflow: hidden;
border: 1.5px solid rgba(45,96,73,0.18);
box-shadow: 0 12px 28px rgba(0,0,0,0.08);
aspect-ratio: 16 / 11;
}
/* My Maps embed has a 56px title bar with share/expand controls at the top.
Clip it by oversizing the iframe and pulling it up so only the map shows. */
.acjr-home-v7-area .acjr-home-v7-map-frame iframe {
position: absolute;
left: 0;
right: 0;
top: -56px;
width: 100%;
height: calc(100% + 56px);
border: 0;
}
/* ---- 6b. FEATURE SECTION (hub pages) ----------------------
* Same visual pattern as .acjr-p2-detail but matches the
* acjr_feature_section() markup: .acjr-p2-feature with
* .acjr-p2-feature-grid columns and .acjr-p2-feature-lists
* for the checklist groups. Color variants below.
* ----------------------------------------------------------- */
.acjr-p2-feature {
padding: 4rem 1.5rem !important;
}
.acjr-p2-feature > .wp-block-group__inner-container {
max-width: 1180px;
margin: 0 auto;
}
.acjr-p2-feature-grid {
gap: 2.6rem !important;
align-items: center !important;
margin: 0 !important;
}
.acjr-p2-feature-grid .wp-block-image,
.acjr-p2-feature-grid .acjr-p2-service-photo {
margin: 0 !important;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 18px 38px rgba(20,40,30,0.18);
position: relative;
}
.acjr-p2-feature-grid .wp-block-image img,
.acjr-p2-feature-grid .acjr-p2-service-photo img {
width: 100% !important;
height: 100% !important;
aspect-ratio: 4 / 5;
object-fit: cover;
border-radius: 18px;
}
.acjr-p2-feature-grid h2 {
font-size: clamp(1.85rem, 2.6vw, 2.35rem) !important;
line-height: 1.05 !important;
color: #1a3927 !important;
margin: 0 0 1rem !important;
max-width: 22ch;
}
.acjr-p2-feature-grid > .wp-block-column > p {
color: #4a564f !important;
font-size: 0.95rem !important;
line-height: 1.55 !important;
margin: 0 0 0.85rem !important;
}
/* Checklist groups become stacked cards (one per group) */
.acjr-p2-feature-lists {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 0.85rem !important;
margin: 1.1rem 0 1.3rem !important;
}
.acjr-p2-feature-lists > .wp-block-column {
background: #fff;
border: 1px solid rgba(45,96,73,0.12);
border-left: 4px solid var(--acjr-feature-accent, #2d6049);
border-radius: 12px;
padding: 1.1rem 1.25rem !important;
box-shadow: 0 4px 10px rgba(0,0,0,0.04);
transition: transform .2s ease, box-shadow .2s ease;
}
.acjr-p2-feature-lists > .wp-block-column:hover {
transform: translateY(-2px);
box-shadow: 0 10px 22px rgba(0,0,0,0.08);
}
.acjr-p2-feature-lists h4 {
color: var(--acjr-feature-accent, #1a3927) !important;
font-size: 0.78rem !important;
text-transform: uppercase;
letter-spacing: 0.12em;
margin: 0 0 0.55rem !important;
font-weight: 800 !important;
}
.acjr-p2-feature-lists .acjr-p2-checks {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: grid;
gap: 0.4rem;
}
.acjr-p2-feature-lists .acjr-p2-checks li {
position: relative;
padding-left: 1.5rem !important;
font-size: 0.88rem !important;
line-height: 1.45 !important;
color: #2c3a32 !important;
margin: 0 !important;
}
.acjr-p2-feature-lists .acjr-p2-checks li::before {
content: "✓";
position: absolute;
left: 0; top: 0;
color: var(--acjr-feature-accent, #2d6049);
font-weight: 800;
font-size: 0.95rem;
}
/* Trim button row spacing inside feature card */
.acjr-p2-feature-grid .wp-block-buttons {
margin-top: 0.4rem !important;
gap: 0.55rem !important;
flex-wrap: wrap;
}
/* Sleeker, smaller hub feature CTAs */
.acjr-p2-feature-grid .wp-block-button__link {
font-size: 0.74rem !important;
padding: 0.55em 1.1em !important;
letter-spacing: 0.04em !important;
border-radius: 999px !important;
font-weight: 700 !important;
text-transform: none !important;
}
.acjr-p2-feature-grid .is-style-outline .wp-block-button__link {
border-width: 1.5px !important;
}
@media (max-width: 900px) {
.acjr-p2-feature-grid { gap: 1.6rem !important; }
.acjr-p2-feature-grid .wp-block-image img,
.acjr-p2-feature-grid .acjr-p2-service-photo img { aspect-ratio: 5 / 4; }
}
/* ---- COLOR VARIANTS for feature sections ------------------
* Each variant sets background + per-card accent color, so a
* page alternating between them gets visual rhythm without
* cards drifting away from the brand palette.
* ----------------------------------------------------------- */
/* Default fallback -- forest green accent on cream */
.acjr-p2-feature--cream {
background: #faf3e3 !important;
--acjr-feature-accent: #2d6049;
}
.acjr-p2-feature--white {
background: #fffdf6 !important;
--acjr-feature-accent: #2d6049;
}
/* New warm-sand variant — gold accent on a sandy background */
.acjr-p2-feature--sand {
background: #f3eada !important;
--acjr-feature-accent: #b08a2c;
}
.acjr-p2-feature--sand .acjr-p2-feature-lists > .wp-block-column {
border-left-color: #c8a437;
}
/* Mint — soft green wash, deeper green accent */
.acjr-p2-feature--mint {
background: linear-gradient(180deg, #eef5ec 0%, #e6efe2 100%) !important;
--acjr-feature-accent: #1a4d34;
}
.acjr-p2-feature--mint .acjr-p2-feature-lists > .wp-block-column {
border-left-color: #1a4d34;
}
/* Brick — warm clay wash, deep brick accent */
.acjr-p2-feature--brick {
background: linear-gradient(180deg, #faece4 0%, #f5dfd0 100%) !important;
--acjr-feature-accent: #8a3d28;
}
.acjr-p2-feature--brick .acjr-p2-feature-lists > .wp-block-column {
border-left-color: #b85b3d;
}
/* Commercial mode overrides — pull all variants toward charcoal/gold register.
Chained class selectors below intentionally raise specificity above the
commercial-mode override on .acjr-p2-detail (further down in the file). */
body.acjr-commercial-mode .acjr-p2-feature.acjr-p2-feature--cream {
background: #1a1f1c !important;
--acjr-feature-accent: #c8a437;
}
body.acjr-commercial-mode .acjr-p2-feature.acjr-p2-feature--white {
background: #232925 !important;
--acjr-feature-accent: #c8a437;
}
body.acjr-commercial-mode .acjr-p2-feature.acjr-p2-feature--sand {
background: #2a2722 !important;
--acjr-feature-accent: #d4a83c;
}
body.acjr-commercial-mode .acjr-p2-feature.acjr-p2-feature--mint {
background: #1c2521 !important;
--acjr-feature-accent: #8aa674;
}
body.acjr-commercial-mode .acjr-p2-feature.acjr-p2-feature--cream h2,
body.acjr-commercial-mode .acjr-p2-feature.acjr-p2-feature--white h2,
body.acjr-commercial-mode .acjr-p2-feature.acjr-p2-feature--sand h2,
body.acjr-commercial-mode .acjr-p2-feature.acjr-p2-feature--mint h2 {
color: #fff !important;
}
body.acjr-commercial-mode .acjr-p2-feature.acjr-p2-feature--cream > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column > p,
body.acjr-commercial-mode .acjr-p2-feature.acjr-p2-feature--white > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column > p,
body.acjr-commercial-mode .acjr-p2-feature.acjr-p2-feature--sand > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column > p,
body.acjr-commercial-mode .acjr-p2-feature.acjr-p2-feature--mint > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column > p {
color: rgba(255,255,255,0.78) !important;
}
body.acjr-commercial-mode .acjr-p2-feature .acjr-p2-feature-lists > .wp-block-column {
background: rgba(255,255,255,0.04) !important;
border: 1px solid rgba(200,164,55,0.18) !important;
border-left: 4px solid var(--acjr-feature-accent, #c8a437) !important;
}
body.acjr-commercial-mode .acjr-p2-feature .acjr-p2-feature-lists h4 {
color: var(--acjr-feature-accent, #c8a437) !important;
}
body.acjr-commercial-mode .acjr-p2-feature .acjr-p2-feature-lists .acjr-p2-checks li {
color: rgba(255,255,255,0.86) !important;
}
body.acjr-commercial-mode .acjr-p2-feature .acjr-p2-feature-lists .acjr-p2-checks li::before {
color: var(--acjr-feature-accent, #c8a437) !important;
}
/* Outline buttons inside dark feature sections need lighter ink */
body.acjr-commercial-mode .acjr-p2-feature .is-style-outline .wp-block-button__link {
color: #fffef8 !important;
border-color: rgba(200,164,55,0.7) !important;
background: transparent !important;
}
body.acjr-commercial-mode .acjr-p2-feature .is-style-outline .wp-block-button__link:hover {
background: rgba(200,164,55,0.12) !important;
border-color: #c8a437 !important;
}
/* ---- 6. SERVICE DETAIL SECTION (acjr-p2-detail) ------------
* Drop the "image left + checks slopped right" look. Replace with
* a cleaner two-column feature: hero photo card + grouped "what we
* do" checklist cards stacked vertically with category labels.
* ----------------------------------------------------------- */
.acjr-p2-detail {
background: #fffdf6 !important;
padding: 4rem 1.5rem !important;
}
.acjr-p2-detail > .wp-block-group__inner-container {
max-width: 1180px;
margin: 0 auto;
}
.acjr-p2-detail-grid {
gap: 2.6rem !important;
align-items: start !important;
}
.acjr-p2-detail-grid .wp-block-image {
margin: 0 !important;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 18px 38px rgba(20,40,30,0.18);
position: relative;
}
.acjr-p2-detail-grid .wp-block-image::after {
content: "";
position: absolute;
inset: 0;
border-radius: 18px;
box-shadow: inset 0 0 0 4px rgba(255,255,255,0.12);
pointer-events: none;
}
.acjr-p2-detail-grid .wp-block-image img {
width: 100% !important;
height: 100% !important;
aspect-ratio: 4 / 5;
object-fit: cover;
border-radius: 18px;
}
.acjr-p2-detail-grid h2 {
font-size: clamp(1.85rem, 2.6vw, 2.35rem) !important;
line-height: 1.05 !important;
color: #1a3927 !important;
margin: 0 0 1.3rem !important;
max-width: 22ch;
}
.acjr-p2-detail-grid > .wp-block-column:last-child > .wp-block-columns {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 0.85rem !important;
margin: 0 !important;
}
.acjr-p2-detail-grid > .wp-block-column:last-child > .wp-block-columns > .wp-block-column {
background: #fff;
border: 1px solid rgba(45,96,73,0.12);
border-left: 4px solid var(--acjr-forest, #2d6049);
border-radius: 12px;
padding: 1.1rem 1.25rem !important;
box-shadow: 0 4px 10px rgba(0,0,0,0.04);
transition: transform .2s ease, box-shadow .2s ease;
}
.acjr-p2-detail-grid > .wp-block-column:last-child > .wp-block-columns > .wp-block-column:hover {
transform: translateY(-2px);
box-shadow: 0 10px 22px rgba(0,0,0,0.08);
}
.acjr-p2-detail-grid h4 {
color: #1a3927 !important;
font-size: 0.78rem !important;
text-transform: uppercase;
letter-spacing: 0.12em;
margin: 0 0 0.55rem !important;
font-weight: 800 !important;
}
.acjr-p2-detail-grid .acjr-p2-checks {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: grid;
gap: 0.4rem;
}
.acjr-p2-detail-grid .acjr-p2-checks li {
position: relative;
padding-left: 1.5rem !important;
font-size: 0.88rem !important;
line-height: 1.45 !important;
color: #2c3a32 !important;
margin: 0 !important;
}
.acjr-p2-detail-grid .acjr-p2-checks li::before {
content: "✓";
position: absolute;
left: 0;
top: 0;
color: var(--acjr-forest, #2d6049);
font-weight: 800;
font-size: 0.95rem;
}
@media (max-width: 900px) {
.acjr-p2-detail-grid { gap: 1.6rem !important; }
.acjr-p2-detail-grid .wp-block-image img { aspect-ratio: 5 / 4; }
}
/* ---- 7. MINI "FEATURE STRIP" SECTION (acjr-p2-mini) -------
* Convert the flat 3-column body strip into a clean pill row.
* ----------------------------------------------------------- */
.acjr-p2-mini {
background: #fffaeb !important;
border-top: 1px solid rgba(200,164,55,0.18);
border-bottom: 1px solid rgba(200,164,55,0.18);
padding: 1.6rem 1.5rem !important;
}
.acjr-p2-mini > .wp-block-group__inner-container { max-width: 1180px; margin: 0 auto; }
.acjr-p2-mini-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 1.4rem !important;
margin: 0 !important;
}
.acjr-p2-mini-grid > .wp-block-column { padding: 0 !important; }
.acjr-p2-mini-grid p {
margin: 0 !important;
font-size: 0.92rem !important;
line-height: 1.45 !important;
color: #2c3a32 !important;
padding-left: 1.3rem;
border-left: 3px solid var(--acjr-gold, #c8a437);
}
.acjr-p2-mini-grid strong {
display: block;
font-family: 'Manrope', system-ui, sans-serif;
font-size: 0.78rem !important;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #1a3927;
margin-bottom: 0.3rem;
}
@media (max-width: 781px) {
.acjr-p2-mini-grid { grid-template-columns: 1fr !important; gap: 0.9rem !important; }
}
/* ---- 8. PROCESS + WHY CARDS RE-STYLE ----------------------
* Tighter, alternating accents on hub pages too.
* ----------------------------------------------------------- */
.acjr-p2-process { background: #f8f4ea !important; padding: 4rem 1.5rem !important; }
.acjr-p2-process > .wp-block-group__inner-container { max-width: 1180px; margin: 0 auto; }
.acjr-p2-process h2 { color: #1a3927 !important; margin-bottom: 2rem !important; }
.acjr-p2-process-card {
background: #fff;
border-radius: 14px;
padding: 1.4rem 1.4rem 1.55rem !important;
box-shadow: 0 6px 14px rgba(0,0,0,0.05);
border: 1px solid rgba(45,96,73,0.08);
height: 100%;
transition: transform .2s ease;
}
.acjr-p2-process-card:hover { transform: translateY(-3px); }
.acjr-p2-process-card .acjr-p2-stepnum {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 36px !important; height: 36px !important;
border-radius: 999px !important;
background: var(--acjr-forest, #2d6049) !important;
color: #fff !important;
font-family: 'Manrope', system-ui, sans-serif !important;
font-weight: 800 !important;
font-size: 0.85rem !important;
margin: 0 0 0.85rem !important;
line-height: 1 !important;
}
.acjr-p2-process-card h3 {
font-size: 1.05rem !important;
line-height: 1.2 !important;
color: #1a3927 !important;
margin: 0 0 0.55rem !important;
}
.acjr-p2-process-card p {
font-size: 0.88rem !important;
line-height: 1.5 !important;
color: #4a564f !important;
margin: 0 !important;
}
.acjr-p2-why { background: #fff !important; padding: 4rem 1.5rem !important; }
.acjr-p2-why > .wp-block-group__inner-container { max-width: 1180px; margin: 0 auto; }
.acjr-p2-why h2 { color: #1a3927 !important; margin-bottom: 2rem !important; }
.acjr-p2-why-card {
background: linear-gradient(180deg, #fffdf6 0%, #f8f4ea 100%);
border-radius: 14px;
padding: 1.5rem 1.45rem !important;
border: 1px solid rgba(45,96,73,0.10);
border-top: 4px solid var(--acjr-gold, #c8a437);
box-shadow: 0 6px 14px rgba(0,0,0,0.04);
height: 100%;
transition: transform .2s ease, box-shadow .2s ease;
}
.acjr-p2-why-card:hover {
transform: translateY(-3px);
box-shadow: 0 14px 28px rgba(0,0,0,0.08);
}
.acjr-p2-why-card h3 {
font-size: 1.08rem !important;
line-height: 1.2 !important;
color: #1a3927 !important;
margin: 0 0 0.55rem !important;
}
.acjr-p2-why-card p {
font-size: 0.9rem !important;
line-height: 1.5 !important;
color: #4a564f !important;
margin: 0 !important;
}
/* ---- 9. COMMERCIAL DIFFERENTIATION ------------------------
* Body class (added by mu-plugin via body_class filter) flips
* the visual register: charcoal sections, accent gold rules,
* tighter business-y feel.
* ----------------------------------------------------------- */
body.acjr-commercial-mode .acjr-p2-mini {
background: #1a1f1c !important;
border-color: rgba(200,164,55,0.32);
}
body.acjr-commercial-mode .acjr-p2-mini-grid p {
color: #f5efde !important;
border-left-color: var(--acjr-gold, #c8a437);
}
body.acjr-commercial-mode .acjr-p2-mini-grid strong { color: var(--acjr-gold, #c8a437); }
body.acjr-commercial-mode .acjr-p2-detail {
background: #fafafa !important;
}
body.acjr-commercial-mode .acjr-p2-detail-grid > .wp-block-column:last-child > .wp-block-columns > .wp-block-column {
border-left: 4px solid #1a3927;
background: #fff;
}
body.acjr-commercial-mode .acjr-p2-process {
background: #fffdf6 !important;
}
body.acjr-commercial-mode .acjr-p2-process-card {
border-radius: 4px;
border-left: 3px solid var(--acjr-gold, #c8a437);
border-top: 1px solid rgba(45,96,73,0.08);
border-right: 1px solid rgba(45,96,73,0.08);
border-bottom: 1px solid rgba(45,96,73,0.08);
}
body.acjr-commercial-mode .acjr-p2-process-card .acjr-p2-stepnum {
background: #1a3927;
border-radius: 4px;
}
body.acjr-commercial-mode .acjr-p2-why {
background: #1a1f1c !important;
}
body.acjr-commercial-mode .acjr-p2-why h2 { color: #fff !important; }
body.acjr-commercial-mode .acjr-p2-why-card {
background: #232925;
border: 1px solid rgba(200,164,55,0.18);
border-top: 3px solid var(--acjr-gold, #c8a437);
border-radius: 6px;
}
body.acjr-commercial-mode .acjr-p2-why-card h3 { color: #fff !important; }
body.acjr-commercial-mode .acjr-p2-why-card p { color: rgba(255,255,255,0.78) !important; }
/* ---- 10. CONTACT PAGE LAYOUT ------------------------------
* Compact two-column form so the whole booking + call sits in
* a 1440x900 viewport without scrolling.
* ----------------------------------------------------------- */
.acjr-contact-grid {
display: grid !important;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) !important;
gap: 1.6rem !important;
align-items: start !important;
margin: 0 !important;
padding: 0 !important;
max-width: 1180px;
margin-left: auto !important;
margin-right: auto !important;
}
.acjr-contact-grid > .wp-block-column { padding: 0 !important; }
.acjr-contact-card {
background: #fff;
border: 1px solid rgba(45,96,73,0.12);
border-radius: 16px;
padding: 1.6rem 1.6rem 1.45rem !important;
box-shadow: 0 14px 30px rgba(20,40,30,0.08);
}
.acjr-contact-card h2 {
font-size: 1.55rem !important;
line-height: 1.1 !important;
color: #1a3927 !important;
margin: 0 0 0.4rem !important;
}
.acjr-contact-card > p:first-of-type {
color: #4a564f;
font-size: 0.92rem;
margin: 0 0 1rem !important;
}
.acjr-contact-side {
background: linear-gradient(165deg, #1a3927 0%, #0e2218 100%);
color: #fff;
border-radius: 16px;
padding: 1.6rem 1.55rem !important;
box-shadow: 0 14px 30px rgba(20,40,30,0.18);
}
.acjr-contact-side h3 {
color: var(--acjr-gold, #c8a437) !important;
font-size: 0.78rem !important;
text-transform: uppercase;
letter-spacing: 0.14em;
margin: 0 0 0.45rem !important;
font-weight: 800;
}
.acjr-contact-side .acjr-contact-phone {
display: block;
font-family: 'Manrope', system-ui, sans-serif;
font-size: 1.85rem !important;
font-weight: 800;
color: #fff !important;
text-decoration: none;
margin: 0 0 1.1rem !important;
line-height: 1;
}
.acjr-contact-side .acjr-contact-phone:hover { color: var(--acjr-gold, #c8a437) !important; }
.acjr-contact-side h4 {
color: var(--acjr-gold, #c8a437) !important;
font-size: 0.74rem !important;
text-transform: uppercase;
letter-spacing: 0.12em;
margin: 1rem 0 0.4rem !important;
font-weight: 800;
}
.acjr-contact-side p {
color: rgba(255,255,255,0.86) !important;
font-size: 0.86rem !important;
line-height: 1.5 !important;
margin: 0 0 0.5rem !important;
}
/* Contact form: tighter spacing so it fits */
.acjr-quote-form .acjr-quote-form__row { margin-bottom: 0.7rem !important; }
.acjr-quote-form label {
font-size: 0.78rem !important;
font-weight: 700 !important;
margin-bottom: 0.25rem !important;
color: #1a3927 !important;
display: block;
}
.acjr-quote-form input,
.acjr-quote-form select,
.acjr-quote-form textarea {
padding: 0.55rem 0.7rem !important;
font-size: 0.9rem !important;
border-radius: 8px !important;
border: 1px solid rgba(45,96,73,0.2) !important;
width: 100%;
background: #fafaf6;
transition: border-color .15s, box-shadow .15s;
}
.acjr-quote-form input:focus,
.acjr-quote-form select:focus,
.acjr-quote-form textarea:focus {
outline: none;
border-color: var(--acjr-forest, #2d6049) !important;
box-shadow: 0 0 0 3px rgba(45,96,73,0.12);
}
.acjr-quote-form textarea { min-height: 88px; resize: vertical; }
.acjr-quote-form button[type="submit"] {
background: var(--acjr-forest, #2d6049) !important;
color: #fff !important;
border: none !important;
border-radius: 999px !important;
padding: 0.8em 1.4em !important;
font-size: 0.85rem !important;
font-weight: 800 !important;
letter-spacing: 0.06em;
text-transform: uppercase;
cursor: pointer;
transition: all .18s;
box-shadow: 0 8px 18px rgba(45,96,73,0.28);
}
.acjr-quote-form button[type="submit"]:hover {
transform: translateY(-1px);
box-shadow: 0 12px 24px rgba(45,96,73,0.36);
}
/* Two-column row: phone fields side by side */
.acjr-quote-form__row--two {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 0.8rem;
}
@media (max-width: 900px) {
.acjr-contact-grid {
grid-template-columns: 1fr !important;
gap: 1.2rem !important;
}
.acjr-contact-card { padding: 1.25rem !important; }
.acjr-contact-side { padding: 1.25rem !important; }
.acjr-contact-side .acjr-contact-phone { font-size: 1.55rem !important; }
.acjr-quote-form__row--two { grid-template-columns: 1fr !important; }
}
/* Trim the contact page hero so the form starts higher */
.acjr-p2-hero--contact { padding-bottom: 50px !important; }
/* The page wraps the contact form + side panel in a "Booking" group. */
.acjr-p2-contact-section {
padding: 2.5rem 1.5rem 4rem !important;
background: #fffdf6 !important;
}
/* Hide the legacy "What Happens Next" section if present (not needed) */
.acjr-p2-contact-next { display: none !important; }