.elementor-kit-4{--e-global-color-primary:#1E1E1E;--e-global-color-secondary:#B8863B;--e-global-color-text:#2B2B2B;--e-global-color-accent:#8A6327;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:400;background-color:#F8F5F1;color:#2B2B2B;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;line-height:1.9em;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:#8A6327;}.elementor-kit-4 a:hover{color:#1E1E1E;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1180px;}.e-con{--container-max-width:1180px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --color-primary:#1E1E1E; --color-primary-dark:#141414; --color-accent:#B8863B; --color-accent-text:#8A6327; --color-text:#2B2B2B; --color-muted:#6B6B6B; --color-bg:#F8F5F1; --color-surface:#FFFFFF; --color-line:#E8DCC8; --color-on-dark-muted:#CFC6B8; --font-heading:Cormorant Garamond; --font-body:Poppins; --container:1180px; --radius:8px; --space-section:clamp(72px, 10vw, 136px); --gutter:clamp(20px, 4vw, 40px); } /* Start custom CSS *//* Atomic paragraph links keep the hover colour of their own text element (footer, dark bands), instead of the site-wide link hover. */ .elementor .e-paragraph-link-base:hover { color: inherit; } /* Black & gold accents (client 2026-09-25: "a little more of our black and gold branding"). */ /* One gold italic accent phrase per heading: wrap it in . #9A6F2E on light (4.1:1+, large text), #C89B3C on dark (6.5:1). */ .elementor :is(h1, h2) em { font-style: italic; color: #9A6F2E; } .elementor .section-dark :is(h1, h2) em { color: #C89B3C; } /* A short gold rule before every eyebrow label (as on the live site). */ .elementor .eyebrow::before { content: ""; display: inline-block; width: 32px; height: 1px; margin-inline-end: 14px; vertical-align: middle; background-color: #B8863B; } /* A gold top edge on every card (matches the service cards). */ body .elementor .card { border-top: 3px solid #B8863B; } /* Legal pages and blog posts: WordPress content inside the post-body wrapper (templates 164, 165). */ .elementor .post-body h2 { font-size: clamp(26px, 2.6vw, 34px); line-height: 1.25; margin: 44px 0 14px; } .elementor .post-body h3 { font-size: 24px; margin: 30px 0 10px; } .elementor .post-body p, .elementor .post-body li { font-size: 16px; line-height: 1.9; color: var(--color-text); } .elementor .post-body p { margin: 0 0 18px; } .elementor .post-body ul, .elementor .post-body ol { margin: 0 0 18px; padding-inline-start: 1.3em; } .elementor .post-body li { margin-bottom: 6px; } .elementor .post-body a { color: var(--color-accent-text); text-decoration: underline; text-underline-offset: 3px; } .elementor .post-body a:hover { color: var(--color-primary); } .elementor .post-body > *:first-child, .elementor .post-body .elementor-widget-theme-post-content > *:first-child { margin-top: 0; } .elementor .post-body h2, .elementor .post-body h3 { font-family: var(--font-heading), serif; font-weight: 400; color: var(--color-primary); letter-spacing: 0; } /* Fixed header (Hashem 2026-09-26): the Theme Builder header wrapper sticks to the top; anchors land below it. */ header.elementor-location-header { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 1000; } html { scroll-padding-top: 120px; } /* FAQ: the question spans the row; the icon slot keeps only its own width (its default is 200px). */ body .elementor .e-accordion-item-icon-base { width: auto; flex: 0 0 auto; } body .elementor .e-accordion-item-title-base { flex: 1 1 auto; min-width: 0; } /* Form fields and placeholders in the site font (form controls don't inherit it). */ body .elementor input, body .elementor textarea, body .elementor select, body .elementor button { font-family: var(--font-body), sans-serif; } body .elementor input, body .elementor textarea { font-weight: 300; } body .elementor input::placeholder, body .elementor textarea::placeholder { font-family: var(--font-body), sans-serif; font-weight: 300; font-size: 14px; letter-spacing: 0.02em; color: #767676; opacity: 1; }body .elementor .e-form-input-base::placeholder, body .elementor .e-form-textarea-base::placeholder { color: #767676; opacity: 1; } /* hw-jetengine:start โ€” JetEngine pieces (V3 widgets inside listings; Crocoblock #8586 gives V4 no CSS there). Tokens = the kit's global variables. */ body .elementor .hw-gate { width: 100%; padding: 0; gap: 0; --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px; --gap: 0px; --row-gap: 0px; --column-gap: 0px; } body .hw-autohide:not(:has(.jet-listing-grid__item)) { display: none; } body .elementor .hw-hero-media:not(:has(img)) { display: none; } body .elementor .e-grid-base:has(> .hw-hero-media:not(:has(img))) { grid-template-columns: 1fr; } body .elementor .hw-media:not(:has(img)) { display: none; } body .elementor .hw-media img { width: 100%; height: auto; display: block; border-radius: var(--radius, 8px); } body .elementor [class*="hw-"] .elementor-widget { margin: 0; } body .elementor [class*="hw-"] .jet-listing-dynamic-field, body .elementor [class*="hw-"] .jet-listing-dynamic-field__content { display: block; width: 100%; margin: 0; } body .elementor .jet-listing-grid__item > .elementor { height: 100%; } /* grids: CSS grid that fills the row (1 item = one comfortable card, 2 = two, 3+ = up to four per row) */ body .elementor :is(.hw-grid, .hw-sections, .hw-steps, .hw-menu-grid) .jet-listing-grid__items { margin: 0; width: 100%; } body .elementor :is(.hw-grid, .hw-sections, .hw-steps, .hw-menu-grid) .jet-listing-grid__item { padding: 0; max-width: none; flex: none; width: auto; } body .elementor .hw-grid .jet-listing-grid__items { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 24px; } body .elementor .hw-grid .jet-listing-grid__items:has(> .jet-listing-grid__item:only-child) { max-width: 460px; } body .elementor .hw-grid .jet-listing-grid__items:has(> .jet-listing-grid__item:nth-child(2):last-child) { max-width: 900px; } body .elementor .hw-grid-3 .jet-listing-grid__items { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); } body .elementor :is(.hw-sections, .hw-steps, .hw-menu-grid) .jet-listing-grid__items { display: block; } body .elementor .hw-list-col { flex: 1 1 360px; min-width: 0; } body .elementor .jet-listing-grid__item > .elementor > .e-con { height: 100%; } /* type */ body .elementor .hw-eyebrow .jet-listing-dynamic-field__content { font-family: var(--font-body), sans-serif; font-weight: 600; font-size: 12px; letter-spacing: 0.26em; line-height: 1.5; text-transform: uppercase; color: var(--color-accent-text, #8A6327); } body .elementor .hw-eyebrow .jet-listing-dynamic-field__content::before { content: ""; display: inline-block; width: 32px; height: 1px; margin-inline-end: 14px; vertical-align: middle; background-color: var(--color-accent, #B8863B); } body .elementor :is(.hw-xsec-title, .hw-svc-block-title) :is(h2, h2 a) { font-family: var(--font-heading), serif; font-weight: 300; font-size: clamp(32px, 3.5vw, 47px); line-height: 1.2; color: var(--color-primary, #1E1E1E); margin: 0; text-decoration: none; } body .elementor .hw-svc-block-title h2 a { font-size: clamp(28px, 3vw, 40px); } body .elementor :is(.hw-card-title, .hw-step-title, .hw-price-name, .hw-menu-list-title) :is(h3) { font-family: var(--font-heading), serif; font-weight: 400; font-size: clamp(22px, 2vw, 26px); line-height: 1.25; color: inherit; margin: 0; } body .elementor .hw-rich { font-size: 16px; line-height: 1.9; color: var(--color-text, #2B2B2B); } body .elementor .hw-rich p { margin: 0 0 1em; } body .elementor .hw-rich > .jet-listing-dynamic-field > .jet-listing-dynamic-field__content > :last-child, body .elementor .hw-rich p:last-child { margin-bottom: 0; } body .elementor .hw-rich a { color: var(--color-accent-text, #8A6327); text-decoration: underline; text-underline-offset: 4px; } body .elementor .hw-rich a:hover { color: var(--color-primary, #1E1E1E); } body .elementor :is(.hw-rich ul, ul.hw-ticks) { list-style: none; margin: 0 0 1em; padding: 0; display: grid; gap: 8px; } body .elementor ul.hw-ticks { margin: 4px 0 0; } body .elementor :is(.hw-rich ul, ul.hw-ticks) li { position: relative; padding-inline-start: 26px; font-size: 15px; line-height: 1.6; } body .elementor :is(.hw-rich ul, ul.hw-ticks) li::before { content: ""; position: absolute; left: 2px; top: 0.45em; width: 11px; height: 6px; border-left: 1.5px solid var(--color-accent, #B8863B); border-bottom: 1.5px solid var(--color-accent, #B8863B); transform: rotate(-45deg); } /* buttons (same look as the btn classes) */ body .elementor :is(.hw-btn, .hw-xsec-btn .jet-listing-dynamic-link__link) { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 14px 32px; border-radius: 999px; border: 1px solid transparent; font-family: var(--font-body), sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 0.2em; line-height: 1.2; text-transform: uppercase; text-decoration: none; cursor: pointer; color: #FFFFFF; background-color: var(--color-accent-text, #8A6327); transition: background-color .35s ease, color .35s ease, transform .35s ease, box-shadow .35s ease; } body .elementor :is(.hw-btn, .hw-xsec-btn .jet-listing-dynamic-link__link):is(:hover, :focus-visible) { color: var(--color-primary, #1E1E1E); background-color: var(--color-accent, #B8863B); } body .elementor :is(.hw-btn, .hw-xsec-btn .jet-listing-dynamic-link__link):focus-visible { outline: 2px solid var(--color-accent, #B8863B); outline-offset: 3px; } @media (max-width: 767px) { body .elementor :is(.hw-btn, .hw-xsec-btn .jet-listing-dynamic-link__link) { width: 100%; } } body .elementor :is(.hw-text-link-w, .hw-svc-more) a { font-family: var(--font-body), sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-accent-text, #8A6327); text-decoration: underline; text-underline-offset: 5px; } body .elementor :is(.hw-text-link-w, .hw-svc-more) a:hover { color: var(--color-primary, #1E1E1E); } /* cards */ body .elementor .hw-card { display: flex; flex-direction: column; gap: 12px; height: 100%; padding: 30px; background-color: var(--color-surface, #FFFFFF); border: 1px solid var(--color-line, #E8DCC8); border-top: 3px solid var(--color-accent, #B8863B); border-radius: var(--radius, 8px); } body .elementor .hw-card-text { color: var(--color-muted, #6B6B6B); font-size: 15px; line-height: 1.8; } body .elementor .hw-card-text p { margin: 0 0 .6em; } body .elementor .hw-card-text p:last-child { margin: 0; } /* steps (dark section) */ body .elementor .hw-steps .jet-listing-grid__items { counter-reset: hwstep; } body .elementor .hw-step { counter-increment: hwstep; display: flex; flex-direction: row; gap: 24px; padding: 26px 0; border-top: 1px solid rgba(184, 134, 59, 0.35); } body .elementor .hw-steps .jet-listing-grid__item:last-child .hw-step { border-bottom: 1px solid rgba(184, 134, 59, 0.35); } body .elementor .hw-step::before { content: counter(hwstep, decimal-leading-zero); flex: 0 0 48px; font-family: var(--font-heading), serif; font-size: 32px; line-height: 1; font-variant-numeric: lining-nums; color: #C89B3C; } body .elementor .hw-step-body { display: flex; flex-direction: column; gap: 8px; min-width: 0; } body .elementor .hw-step-title h3 { color: #FFFFFF; } body .elementor .hw-step-text { color: var(--color-on-dark-muted, #CFC6B8); font-size: 15px; line-height: 1.8; } /* prices */ body .elementor .hw-price-card { display: flex; flex-direction: column; gap: 14px; height: 100%; padding: 32px; background-color: var(--color-surface, #FFFFFF); border: 1px solid var(--color-line, #E8DCC8); border-top: 3px solid var(--color-accent, #B8863B); border-radius: var(--radius, 8px); } body .elementor .hw-price-meta { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; } body .elementor .hw-price-meta > .elementor-widget { width: auto; } body .elementor .hw-price-meta .jet-listing-dynamic-field__content { width: auto; } body .elementor .hw-price .jet-listing-dynamic-field__content { font-family: var(--font-heading), serif; font-size: 34px; line-height: 1; color: var(--color-accent-text, #8A6327); } body .elementor .hw-time .jet-listing-dynamic-field__content { font-size: 13px; letter-spacing: 0.04em; color: var(--color-muted, #6B6B6B); } body .elementor .hw-price-desc { font-size: 15px; line-height: 1.8; color: var(--color-muted, #6B6B6B); } body .elementor .hw-price-book { margin-top: auto; padding-top: 10px; } body .elementor .hw-menu-list-title h3 { margin-bottom: 6px; } body .elementor .hw-menu-row { display: flex; flex-direction: row; align-items: baseline; gap: 16px; padding: 15px 0; border-bottom: 1px solid var(--color-line, #E8DCC8); } body .elementor .hw-menu-name { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-width: 0; } body .elementor .hw-menu-title .jet-listing-dynamic-field__content { font-size: 15px; font-weight: 400; color: var(--color-text, #2B2B2B); } body .elementor .hw-menu-note .jet-listing-dynamic-field__content { font-size: 13px; line-height: 1.6; color: var(--color-muted, #6B6B6B); } body .elementor :is(.hw-menu-time, .hw-menu-price) { flex: 0 0 auto; width: auto; } body .elementor .hw-menu-time .jet-listing-dynamic-field__content { font-size: 13px; color: var(--color-muted, #6B6B6B); white-space: nowrap; } body .elementor .hw-menu-price .jet-listing-dynamic-field__content { min-width: 52px; text-align: right; font-family: var(--font-heading), serif; font-size: 22px; line-height: 1.2; color: var(--color-accent-text, #8A6327); white-space: nowrap; } /* extra sections: alternate white / cream */ body .elementor .hw-xsec { display: flex; flex-direction: column; align-items: center; padding: var(--space-section, 96px) var(--gutter, 24px); background-color: var(--color-surface, #FFFFFF); color: var(--color-text, #2B2B2B); } body .elementor .hw-sections .jet-listing-grid__item:nth-child(even) .hw-xsec { background-color: var(--color-bg, #F8F5F1); } body .elementor .hw-xsec-inner { width: 100%; max-width: var(--container, 1180px); display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 56px; } body .elementor .hw-xsec-text { flex: 1 1 440px; display: flex; flex-direction: column; gap: 18px; min-width: 0; } body .elementor .hw-xsec-img { flex: 1 1 340px; min-width: 0; } body .elementor .hw-xsec-img:not(:has(img)) { display: none; } body .elementor .hw-xsec-img img { width: 100%; height: auto; display: block; border-radius: var(--radius, 8px); } /* gallery photos */ body .elementor .hw-photo { overflow: hidden; border-radius: var(--radius, 8px); background-color: var(--color-line, #E8DCC8); } body .elementor .hw-photo img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; transition: transform .9s cubic-bezier(.2, .65, .3, 1); } body .elementor .hw-photo a:is(:hover, :focus-visible) img { transform: scale(1.03); } body .elementor .hw-photo a:focus-visible { outline: 2px solid var(--color-accent, #B8863B); outline-offset: 3px; } /* reviews (dark sections) */ body .elementor .hw-review { display: flex; flex-direction: column; gap: 14px; height: 100%; padding: 30px; color: #FFFFFF; background-color: rgba(255, 255, 255, 0.05); border: 1px solid rgba(184, 134, 59, 0.35); border-radius: var(--radius, 8px); } body .elementor .hw-stars p { margin: 0; color: #C89B3C; letter-spacing: 0.22em; font-size: 14px; } body .elementor .hw-quote blockquote { margin: 0; padding: 0; border: 0; font-family: var(--font-heading), serif; font-style: italic; font-weight: 400; font-size: 21px; line-height: 1.5; color: #FFFFFF; } body .elementor .hw-review-by { display: flex; flex-direction: row; flex-wrap: wrap; gap: 6px; margin-top: auto; font-size: 13px; letter-spacing: 0.04em; color: var(--color-on-dark-muted, #CFC6B8); } body .elementor .hw-review-by > .elementor-widget { width: auto; } body .elementor .hw-review-source .jet-listing-dynamic-field__content::before { content: "ยท "; } /* service cards */ body .elementor .hw-svc-card { display: flex; flex-direction: column; height: 100%; overflow: hidden; background-color: var(--color-surface, #FFFFFF); border: 1px solid var(--color-line, #E8DCC8); border-radius: var(--radius, 8px); transition: transform .55s cubic-bezier(.2, .65, .3, 1), box-shadow .55s ease; } body .elementor .hw-svc-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(20, 20, 20, 0.10); } body .elementor .hw-svc-img:not(:has(img)) { display: none; } body .elementor .hw-svc-img img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; } body .elementor .hw-svc-body { display: flex; flex-direction: column; gap: 10px; flex: 1 1 auto; padding: 26px 28px 28px; } body .elementor .hw-svc-title h3 { margin: 0; font-family: var(--font-heading), serif; font-weight: 400; font-size: 26px; line-height: 1.2; } body .elementor .hw-svc-title a { color: var(--color-primary, #1E1E1E); text-decoration: none; } body .elementor .hw-svc-title a:hover { color: var(--color-accent-text, #8A6327); } body .elementor .hw-svc-text { font-size: 15px; line-height: 1.8; color: var(--color-muted, #6B6B6B); } body .elementor .hw-svc-foot { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--color-line, #E8DCC8); } body .elementor .hw-svc-foot > .elementor-widget { width: auto; } body .elementor .hw-svc-price .jet-listing-dynamic-field__content { font-family: var(--font-heading), serif; font-size: 20px; color: var(--color-accent-text, #8A6327); } /* Services & Prices blocks */ body .elementor .hw-svc-block { display: flex; flex-direction: column; gap: 16px; padding: 44px 0; border-top: 1px solid var(--color-line, #E8DCC8); } body .elementor .hw-svc-block-head { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 24px; } body .elementor .hw-svc-block-head > .elementor-widget { width: auto; } body .elementor .hw-svc-block-title a:hover { color: var(--color-accent-text, #8A6327); } body .elementor .hw-menu-lists { display: flex; flex-direction: row; flex-wrap: wrap; gap: 24px 64px; } body .elementor .hw-menu-list { flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; } body .elementor .hw-menu-list:not(:has(.jet-listing-grid__item)) { display: none; } /* service links (footer, menus) */ body .elementor .hw-svc-link a { color: inherit; text-decoration: none; } body .elementor .hw-svc-link a:hover { color: #C89B3C; } body .elementor .hw-footer-links .jet-listing-grid__item + .jet-listing-grid__item { margin-top: 10px; } body .elementor .hw-footer-links .hw-svc-link a { font-family: var(--font-body), sans-serif; font-weight: 300; font-size: 14px; line-height: 1.5; color: var(--color-on-dark-muted, #CFC6B8); } body .elementor .hw-footer-links .hw-svc-link a:is(:hover, :focus-visible) { color: #FFFFFF; } /* JetMenu dropdowns that list services (JetEngine listing inside a JetMenu mega template) */ body .jet-mega-menu-item--mega > .jet-mega-menu-mega-container { background-color: #1E1E1E; border-top: 1px solid rgba(184, 134, 59, 0.45); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28); } body .elementor .hw-mega { padding: 14px 0; background-color: #1E1E1E; } body .elementor .hw-menu-links .hw-svc-link a { display: block; padding: 10px 24px; font-family: var(--font-body), sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 0.06em; line-height: 1.4; color: #F8F5F1; transition: color .3s ease; } body .elementor .hw-menu-links .hw-svc-link a:is(:hover, :focus-visible) { color: #C89B3C; } body .elementor .hw-mega-all p { margin: 8px 24px 2px; padding-top: 12px; border-top: 1px solid rgba(184, 134, 59, 0.35); } body .elementor .hw-mega-all a { font-family: var(--font-body), sans-serif; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: #C89B3C; text-decoration: none; } body .elementor .hw-mega-all a:is(:hover, :focus-visible) { color: #FFFFFF; } /* the same dropdowns inside the light JetMenu mobile panel: match the mobile menu items */ body .jet-mobile-menu__container .elementor .hw-mega { padding: 0; background-color: transparent; } body .elementor .hw-menu-links :is(.hw-svc-link, .jet-listing-dynamic-link, .jet-listing-dynamic-link__link) { display: block; width: 100%; } body .jet-mobile-menu__container .elementor .hw-menu-links .hw-svc-link a { padding: 14px 0; font-family: var(--font-heading), serif; font-size: 26px; font-weight: 400; letter-spacing: 0; line-height: 1.3; color: var(--color-text, #2B2B2B); border-bottom: 1px solid var(--color-line, #E8DCC8); } body .jet-mobile-menu__container .elementor .hw-menu-links .hw-svc-link a:is(:hover, :focus-visible) { color: var(--color-accent-text, #8A6327); } body .jet-mobile-menu__container .elementor .hw-mega-all p { margin: 18px 0 0; padding: 0; border: 0; } body .jet-mobile-menu__container .elementor .hw-mega-all a { color: var(--color-accent-text, #8A6327); font-size: 12px; } /* social links: icon circle turns gold with the link */ body .elementor .social-link:is(:hover, :focus-visible) .social-icon { color: #1E1E1E; background-color: #C89B3C; border-color: #C89B3C; } /* every V4 SVG icon: block-level so it centres in its frame (inline SVG sat on the text baseline, 3โ€“5px low) */ body .elementor .e-svg-base > svg { display: block; } /* FAQ (Dynamic Repeater with native details/summary) */ body .elementor .hw-faqs .jet-listing-dynamic-repeater__items { display: block; } body .elementor details.hw-faq { border-bottom: 1px solid var(--color-line, #E8DCC8); } body .elementor details.hw-faq:first-child { border-top: 1px solid var(--color-line, #E8DCC8); } body .elementor summary.hw-faq-q { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; cursor: pointer; font-family: var(--font-heading), serif; font-weight: 400; font-size: clamp(20px, 2vw, 24px); line-height: 1.35; color: var(--color-primary, #1E1E1E); } body .elementor summary.hw-faq-q::-webkit-details-marker { display: none; } body .elementor summary.hw-faq-q::after { content: ""; flex: 0 0 auto; width: 10px; height: 10px; margin-inline-end: 6px; border-right: 1.5px solid var(--color-accent, #B8863B); border-bottom: 1.5px solid var(--color-accent, #B8863B); transform: rotate(45deg) translateY(-3px); transition: transform .35s ease; } body .elementor details.hw-faq[open] summary.hw-faq-q::after { transform: rotate(-135deg) translateY(-3px); } body .elementor summary.hw-faq-q:focus-visible { outline: 2px solid var(--color-accent, #B8863B); outline-offset: 4px; } body .elementor .hw-faq-a { padding: 0 0 24px; font-size: 15px; line-height: 1.9; color: var(--color-muted, #6B6B6B); white-space: pre-line; } /* before & after (JetElements Image Comparison fed by a JetEngine repeater query) */ body .hw-autohide-ba:not(:has(.jet-image-comparison__item)) { display: none; } /* Gallery: while the before & after section is hidden, the studio section follows the same-colour gallery section, so drop its top padding */ body.page-id-53 .hw-autohide-ba:not(:has(.jet-image-comparison__item)) + section.section:not(.section-white) { padding-top: 0; } body .elementor .hw-compare .jet-image-comparison__item { padding: 0 10px; } body .elementor .hw-compare .juxtapose { border-radius: var(--radius, 8px); overflow: hidden; } body .elementor .hw-compare .jx-handle .jx-control:before { width: 1px; background-color: rgba(255, 255, 255, 0.92); } body .elementor .hw-compare .jx-handle .jx-controller { width: 48px; height: 48px; border-radius: 50%; color: var(--color-accent-text, #8A6327); background-color: rgba(255, 255, 255, 0.78); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border: 1px solid rgba(184, 134, 59, 0.55); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18); } body .elementor .hw-compare .jx-handle .jx-controller i { display: none; } body .elementor .hw-compare .jx-handle .jx-controller::before, body .elementor .hw-compare .jx-handle .jx-controller::after { content: ""; position: absolute; top: 50%; width: 7px; height: 7px; border-left: 1.4px solid currentColor; border-bottom: 1.4px solid currentColor; } body .elementor .hw-compare .jx-handle .jx-controller::before { left: 14px; transform: translateY(-50%) rotate(45deg); } body .elementor .hw-compare .jx-handle .jx-controller::after { right: 14px; transform: translateY(-50%) rotate(-135deg); } body .elementor .hw-compare .jx-label { margin: 12px; padding: 6px 12px; border-radius: 999px; font-family: var(--font-body), sans-serif; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: #FFFFFF; background-color: rgba(30, 30, 30, 0.55); } body .elementor .hw-compare .jet-slick-dots { margin-top: 18px; } body .elementor .hw-compare .jet-slick-dots li span { background-color: var(--color-line, #E8DCC8); } body .elementor .hw-compare .jet-slick-dots li.slick-active span { background-color: var(--color-accent, #B8863B); } /* JetSmartFilters: service filter as pill buttons (brand colours only) */ body .elementor .hw-filter .jet-radio-list-wrapper, body .elementor .hw-filter .jet-radio-list, body .elementor .hw-filter .jet-radio-list-wrapper > fieldset { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; border: 0; min-width: 0; } body .elementor .hw-filter .jet-radio-list__row { margin: 0; } body .elementor .hw-filter .jet-radio-list__item { display: inline-flex; cursor: pointer; } body .elementor .hw-filter .jet-radio-list__input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; } body .elementor .hw-filter .jet-radio-list__button { display: inline-flex; align-items: center; margin: 0; padding: 10px 20px; border: 1px solid var(--color-line, #E8DCC8); border-radius: 999px; background-color: transparent; transition: background-color .3s ease, border-color .3s ease, color .3s ease; } body .elementor .hw-filter .jet-radio-list__label { font-family: var(--font-body), sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 0.16em; line-height: 1.2; text-transform: uppercase; color: var(--color-text, #2B2B2B); transition: color .3s ease; } body .elementor .hw-filter .jet-radio-list__item:hover .jet-radio-list__button { border-color: var(--color-accent, #B8863B); background-color: transparent; } body .elementor .hw-filter .jet-radio-list__item:hover .jet-radio-list__label { color: var(--color-accent-text, #8A6327); } body .elementor .hw-filter .jet-radio-list__input:checked + .jet-radio-list__button, body .elementor .hw-filter .jet-radio-list:not(:has(.jet-radio-list__input:checked)) .jet-radio-list__row:first-child .jet-radio-list__button { background-color: var(--color-primary, #1E1E1E); border-color: var(--color-primary, #1E1E1E); } body .elementor .hw-filter .jet-radio-list__input:checked + .jet-radio-list__button .jet-radio-list__label, body .elementor .hw-filter .jet-radio-list:not(:has(.jet-radio-list__input:checked)) .jet-radio-list__row:first-child .jet-radio-list__label { color: #FFFFFF; } body .elementor .hw-filter .jet-radio-list__input:focus-visible + .jet-radio-list__button { outline: 2px solid var(--color-accent, #B8863B); outline-offset: 3px; } body .elementor .hw-photos .jet-listing-not-found { font-size: 15px; color: var(--color-muted, #6B6B6B); padding: 24px 0; } /* JetSmartFilters "Load more photos" (gallery): same look as the outline buttons (.btn-outline); centred, full width on phones */ body .elementor .elementor-widget.hw-load-more { align-self: stretch; width: 100%; } body .elementor .elementor-widget.hw-load-more .jet-filters-pagination { display: flex; justify-content: center; margin: 0; padding: 0; } body .elementor .elementor-widget.hw-load-more .jet-filters-pagination__load-more { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; margin: 0; padding: 14px 32px; border: 1px solid var(--color-primary, #1E1E1E); border-radius: 999px; background-color: transparent; color: var(--color-primary, #1E1E1E); font-family: Poppins, sans-serif; font-size: 12px; font-weight: 400; line-height: 1.2; letter-spacing: 2.4px; text-transform: uppercase; cursor: pointer; box-shadow: none; transition: background-color .25s ease, color .25s ease; } body .elementor .elementor-widget.hw-load-more .jet-filters-pagination__load-more:is(:hover, :focus-visible) { background-color: var(--color-primary, #1E1E1E); color: #fff; } body .elementor .elementor-widget.hw-load-more .jet-filters-pagination__load-more:focus-visible { outline: 2px solid var(--color-accent, #B8863B); outline-offset: 3px; box-shadow: none; } body .elementor .elementor-widget.hw-load-more .jet-filters-pagination__link { color: inherit; font: inherit; letter-spacing: inherit; padding: 0; background: none; } @media (max-width: 767px) { body .elementor .elementor-widget.hw-load-more .jet-filters-pagination__load-more { width: 100%; } } /* filter pills: site focus ring (JetSmartFilters tabindex adds its own ring) */ body .elementor .hw-filter [tabindex]:focus-visible { outline: 2px solid var(--color-accent, #B8863B); outline-offset: 3px; box-shadow: none; } /* Gallery photo "Show the whole photo" switch (before & after, collages): show the whole picture in the tile, no crop */ body .elementor .hw-photo:has(.hw-whole-flag) img { object-fit: contain; } body .elementor .hw-whole-flag-wrap { display: none; } /* Instagram (JetElements): the grid hides itself until the account is connected */ body .hw-autohide-ig:not(:has(.jet-instagram-gallery__item)) { display: none; } /* opening hours (Dynamic Repeater from Business Info) */ body .elementor .hw-hours .jet-listing-dynamic-repeater__items { display: block; } body .elementor .hw-hours .jet-listing-dynamic-repeater__item { display: block; } body .elementor .hw-hours .jet-listing-dynamic-repeater__item > span { display: inline; } body .elementor .hw-faqs .jet-listing-dynamic-repeater__item { display: block; } body .elementor .hw-faqs .jet-listing-dynamic-repeater__item > details { display: block; } body .elementor .hw-hours-note .jet-listing-dynamic-field__content { margin-top: 4px; } /* hw-jetengine:end */ /* hw-hello-reset:start โ€” Hello Elementor's reset.css gives every