/* ===================================================================== Audie Medical — theme styles (visual language from the approved mockup) Scoping note: Elementor free does not render the "CSS Classes" control, so page sections/cards are targeted by CSS ID (prefix + attribute selectors), e.g. [id^="am-card-"]. ===================================================================== */ :root { --am-blue: #1447B8; --am-blue-dark: #0F3A99; --am-navy: #0A2A66; --am-text: #3D4B63; --am-muted: #6B7A90; --am-light: #F3F7FD; --am-border: #E1E9F5; --am-font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; --am-width: 1240px; } body { font-family: var(--am-font); color: var(--am-text); background: #fff; } a { color: var(--am-blue); } a:hover, a:focus { color: var(--am-blue-dark); } /* Elementor defaults (kit fonts/colours) → brand */ .elementor .elementor-widget-heading .elementor-heading-title, .elementor .elementor-widget-text-editor, .elementor .elementor-button, .elementor .elementor-icon-box-title, .elementor .elementor-icon-box-description { font-family: var(--am-font); } .elementor .elementor-widget-text-editor { color: var(--am-text); font-size: 16px; line-height: 1.6; } .elementor .elementor-widget-text-editor p:last-child { margin-bottom: 0; } .elementor .elementor-widget-heading .elementor-heading-title { color: var(--am-navy); font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; } .elementor .elementor-widget-heading h2.elementor-heading-title { font-size: 38px; } .elementor .elementor-widget-heading h3.elementor-heading-title { font-size: 18px; font-weight: 700; letter-spacing: 0; } .elementor-section.elementor-section-boxed > .elementor-container { max-width: var(--am-width); } .am-eyebrow { margin: 0; font-size: 13px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--am-blue); } .am-lead { font-size: 17px; color: var(--am-text); max-width: 720px; } .am-note { font-size: 13px; color: var(--am-muted); } .am-link-arrow { font-weight: 700; font-size: 15px; color: var(--am-blue); text-decoration: none; white-space: nowrap; } .am-link-arrow::after { content: "\2192"; display: inline-block; margin-left: 8px; transition: transform .15s; } .am-link-arrow:hover::after { transform: translateX(3px); } .am-align-right { text-align: right; } /* Buttons (IDs: am-btn-primary-N / am-btn-outline-N / am-btn-white-N) */ .elementor .elementor-widget-wrap > [id^="am-btn-"] { display: inline-block; width: auto; margin-right: 14px; vertical-align: top; } [id^="am-btn-"] .elementor-button { font-size: 15px; font-weight: 700; padding: 15px 26px; border-radius: 6px; border: 1.5px solid transparent; transition: background .15s, color .15s; } [id^="am-btn-"] .elementor-button-content-wrapper { gap: 10px; } [id^="am-btn-primary"] .elementor-button { background: var(--am-blue); color: #fff; } [id^="am-btn-primary"] .elementor-button:hover { background: var(--am-blue-dark); } [id^="am-btn-outline"] .elementor-button { background: #fff; color: var(--am-blue); border-color: var(--am-blue); } [id^="am-btn-outline"] .elementor-button:hover { background: var(--am-light); } [id^="am-btn-white"] .elementor-button { background: #fff; color: var(--am-navy); } [id^="am-btn-white"] .elementor-button:hover { background: var(--am-light); } /* Section rhythm */ [id^="am-sec-"] { padding: 80px 0; } [id^="am-sec-"].am-bg-light, .am-bg-light { background: var(--am-light); } [id^="am-head-"] { margin-bottom: 28px; } [id^="am-head-"] .elementor-widget:not(:last-child) { margin-bottom: 12px; } /* ---------- Hero ---------- */ #am-sec-hero { padding: 0; background-size: cover; background-position: right center; position: relative; } #am-sec-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.9) 38%, rgba(255,255,255,.35) 55%, rgba(255,255,255,0) 68%); } #am-sec-hero > .elementor-container { min-height: 470px; align-items: center; position: relative; z-index: 1; } #am-sec-hero .elementor-widget-heading h1.elementor-heading-title { font-size: 64px; line-height: 1.02; letter-spacing: -0.03em; } #am-sec-hero .elementor-widget:not(:last-child) { margin-bottom: 18px; } #am-sec-hero .am-lead { font-size: 19px; color: #1F3561; max-width: 540px; } /* ---------- More Than a Healthcare Building ---------- */ #am-sec-about { padding: 0; } #am-about-img { min-height: 520px; background-size: cover; background-position: center; } #am-about-text > .elementor-widget-wrap { padding: 80px 64px !important; align-content: center; } .am-cap-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 8px; } .am-cap-grid figure { margin: 0; } .am-cap-grid img { width: 100%; height: 120px; object-fit: cover; border-radius: 6px; display: block; } .am-cap-grid figcaption { margin-top: 8px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--am-navy); } /* ---------- Cards (solutions) ---------- */ [id^="am-card-"], [id^="am-tile-"] { padding: 10px; } [id^="am-card-"] > .elementor-widget-wrap { background: #fff; border: 1px solid var(--am-border); border-radius: 8px; overflow: hidden; padding: 0 0 22px !important; align-content: flex-start; box-shadow: 0 2px 10px rgba(10,42,102,.04); transition: box-shadow .2s, transform .2s; } [id^="am-card-"] > .elementor-widget-wrap:hover { box-shadow: 0 14px 30px rgba(10,42,102,.10); transform: translateY(-3px); } [id^="am-card-"] .elementor-widget { margin-bottom: 8px !important; } [id^="am-card-"] .elementor-widget:not(.elementor-widget-image) { padding: 0 20px; } [id^="am-card-"] .elementor-widget-image { margin-bottom: 18px !important; } [id^="am-card-"] .elementor-widget-image img { width: 100%; height: 200px; object-fit: cover; display: block; border-radius: 0; } [id^="am-card-"] h3.elementor-heading-title { color: var(--am-blue) !important; font-size: 18px !important; } [id^="am-card-"] .elementor-widget-text-editor { font-size: 15px; color: var(--am-muted); } [id^="am-card-"] .elementor-widget:last-child { margin-top: 8px; } /* ---------- Scale progression ---------- */ [id^="am-scale-"] { position: relative; } [id^="am-scale-"] .elementor-widget { margin-bottom: 6px !important; } [id^="am-scale-"] .elementor-widget-image img { width: 100%; height: 150px; object-fit: cover; border-radius: 8px; display: block; } [id^="am-scale-"] .elementor-widget-image { margin-bottom: 14px !important; } .am-scale-area { margin: 0; font-size: 20px; font-weight: 800; color: var(--am-blue); letter-spacing: -0.01em; } .am-scale-name { margin: 0; font-size: 15px; font-weight: 600; color: var(--am-navy); line-height: 1.35; } [id^="am-scale-"]:not(#am-scale-5)::after { content: "\2192"; position: absolute; right: -9px; top: 72px; width: 22px; height: 22px; line-height: 20px; text-align: center; font-size: 13px; color: #fff; background: var(--am-blue); border-radius: 50%; z-index: 2; } /* ---------- Process ---------- */ #am-process-row > .elementor-container { position: relative; } #am-process-row > .elementor-container::before { content: ""; position: absolute; left: 8.33%; right: 8.33%; top: 42px; height: 2px; background: #BFD2F2; } [id^="am-step-"] { text-align: center; } [id^="am-step-"] .elementor-widget { margin-bottom: 10px !important; } [id^="am-step-"] .elementor-heading-title { width: 64px; height: 64px; margin: 0 auto; border-radius: 50%; background: var(--am-blue) !important; color: #fff !important; font-size: 18px !important; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; box-shadow: 0 0 0 6px var(--am-light); } .am-step-label { margin: 0; font-size: 14px; font-weight: 800; letter-spacing: .1em; color: var(--am-navy); } /* ---------- Environments ---------- */ [id^="am-tile-"] > .elementor-widget-wrap { background: var(--am-light); border-radius: 10px; padding: 32px 26px !important; } [id^="am-tile-"] .elementor-icon-box-wrapper, [id^="am-tile-"] .elementor-icon-box-content { text-align: left !important; align-items: flex-start !important; } [id^="am-tile-"] .elementor-icon-box-icon { display: flex; justify-content: flex-start; } [id^="am-tile-"] .elementor-icon-box-icon { margin-bottom: 18px !important; } [id^="am-tile-"] .elementor-icon { color: var(--am-blue) !important; font-size: 34px !important; } [id^="am-tile-"] .elementor-icon svg { fill: var(--am-blue) !important; width: 34px; height: 34px; } [id^="am-tile-"] .elementor-icon-box-title { font-size: 18px !important; font-weight: 700; color: var(--am-navy) !important; margin: 0 0 10px !important; } [id^="am-tile-"] .elementor-icon-box-description { font-size: 15px; color: var(--am-muted); line-height: 1.6; } /* ---------- Projects ---------- */ [id^="am-proj-"] .elementor-widget { margin-bottom: 6px !important; } [id^="am-proj-"] .elementor-widget-image { margin-bottom: 14px !important; } [id^="am-proj-"] .elementor-widget-image img { width: 100%; height: 240px; object-fit: cover; border-radius: 6px; display: block; transition: transform .3s; } [id^="am-proj-"] .elementor-widget-image a { display: block; overflow: hidden; border-radius: 6px; } [id^="am-proj-"] .elementor-widget-image a:hover img { transform: scale(1.03); } .am-proj-title { margin: 0; font-size: 17px; font-weight: 700; color: var(--am-blue); } .am-proj-title a { color: inherit; text-decoration: none; } .am-proj-meta { margin: 2px 0 0; font-size: 14px; color: var(--am-muted); } /* ---------- Social feeds (fallback cards until live feeds are connected) ---------- */ .am-feed-head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; } .am-feed-head i { font-size: 22px; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 8px; color: #fff; } .am-feed-head strong { font-size: 16px; color: var(--am-navy); flex: 1; } .am-feed-head .am-link-arrow { font-size: 13px; } .am-feed-instagram .am-feed-head i { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%); } .am-feed-tiktok .am-feed-head i { background: #111; } .am-feed-youtube .am-feed-head i { background: #FF0000; } .am-feed-grid { display: grid; gap: 8px; } .am-feed-grid-4 { grid-template-columns: repeat(4, 1fr); } .am-feed-grid-3 { grid-template-columns: repeat(3, 1fr); } .am-feed-grid a { position: relative; display: block; border-radius: 6px; overflow: hidden; } .am-feed-grid img { width: 100%; height: 130px; object-fit: cover; display: block; } .am-feed-play::after { content: ""; position: absolute; left: 50%; top: 50%; width: 38px; height: 38px; margin: -19px 0 0 -19px; border-radius: 50%; background: rgba(10,42,102,.72) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center / 18px no-repeat; } /* ---------- CTA ---------- */ #am-sec-cta { padding: 72px 0; background-size: cover; background-position: center; position: relative; } #am-sec-cta::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,33,82,.92) 0%, rgba(10,48,110,.78) 100%); } #am-sec-cta > .elementor-container { position: relative; z-index: 1; align-items: center; } #am-sec-cta .elementor-heading-title { color: #fff !important; font-size: 34px !important; } #am-sec-cta .elementor-widget-text-editor { color: #D6E2F5; font-size: 17px; } #am-sec-cta [id^="am-btn-"] { float: right; margin-right: 0; } /* ===================================================================== Header ===================================================================== */ .am-header { position: sticky; top: 0; z-index: 999; background: #fff; border-bottom: 1px solid #EDF1F7; } .admin-bar .am-header { top: 32px; } .am-header-inner { max-width: var(--am-width); margin: 0 auto; padding: 0 20px; height: 78px; display: flex; align-items: center; gap: 32px; } .am-logo { display: inline-flex; flex-direction: column; line-height: .92; font-weight: 800; font-size: 20px; letter-spacing: -0.01em; color: var(--am-navy); text-decoration: none; } .am-logo:hover { color: var(--am-navy); } .am-nav { flex: 1; display: flex; justify-content: center; } .am-menu { display: flex; gap: 38px; list-style: none; margin: 0; padding: 0; } .am-menu li { position: relative; } .am-menu a { display: block; padding: 28px 0; font-size: 15px; font-weight: 500; color: var(--am-navy); text-decoration: none; } .am-menu > li > a:hover { color: var(--am-blue); } .am-menu > li.current-menu-item > a, .am-menu > li.current-menu-ancestor > a { color: var(--am-blue); font-weight: 600; } .am-menu > li.current-menu-item > a::before, .am-menu > li.current-menu-ancestor > a::before { content: ""; position: absolute; left: 0; right: 0; bottom: 18px; height: 2px; background: var(--am-blue); } .am-menu > li.menu-item-has-children > a::after { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 0 3px 8px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); } .am-menu .sub-menu { position: absolute; top: calc(100% - 8px); left: -18px; min-width: 250px; list-style: none; margin: 0; padding: 8px 0; background: #fff; border-radius: 10px; box-shadow: 0 16px 40px rgba(10,42,102,.14); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .15s, transform .15s, visibility .15s; } .am-menu li:hover > .sub-menu, .am-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; } .am-menu .sub-menu a { padding: 10px 18px; font-size: 14.5px; } .am-menu .sub-menu a:hover, .am-menu .sub-menu .current-menu-item > a { background: var(--am-light); color: var(--am-blue); } .am-lang { position: relative; } .am-header button.am-lang-current, .am-header button.am-lang-current:hover, .am-header button.am-lang-current:focus { display: flex; align-items: center; gap: 8px; padding: 10px 0; background: none; border: 0; color: var(--am-navy); font: 600 14px var(--am-font); cursor: pointer; } .am-lang-current::after { content: ""; width: 6px; height: 6px; margin: 0 0 3px 2px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); } .am-lang-list { position: absolute; right: 0; top: 100%; min-width: 190px; list-style: none; margin: 0; padding: 8px 0; background: #fff; border-radius: 10px; box-shadow: 0 16px 40px rgba(10,42,102,.14); opacity: 0; visibility: hidden; transition: opacity .15s, visibility .15s; } .am-lang:hover .am-lang-list, .am-lang:focus-within .am-lang-list { opacity: 1; visibility: visible; } .am-lang-list a { display: block; padding: 9px 16px; font-size: 14px; color: var(--am-navy); text-decoration: none; } .am-lang-list a:hover, .am-lang-list a[aria-current] { background: var(--am-light); color: var(--am-blue); } .am-header button.am-nav-toggle { display: none; width: 42px; height: 42px; padding: 0; background: none; border: 0; position: relative; } .am-nav-toggle span, .am-nav-toggle span::before, .am-nav-toggle span::after { position: absolute; left: 10px; width: 22px; height: 2px; background: var(--am-navy); content: ""; } .am-nav-toggle span { top: 20px; } .am-nav-toggle span::before { left: 0; top: -7px; } .am-nav-toggle span::after { left: 0; top: 7px; } /* ===================================================================== Footer ===================================================================== */ .am-footer { background: #fff; border-top: 1px solid var(--am-border); } .am-footer-inner { max-width: var(--am-width); margin: 0 auto; padding: 48px 20px 40px; display: grid; grid-template-columns: 1.1fr 1fr 1.2fr .9fr; } .am-footer-col { padding: 0 36px; border-left: 1px solid var(--am-border); } .am-footer-col:first-child { padding-left: 0; border-left: 0; } .am-footer-col h4 { margin: 0 0 16px; font-size: 15px; font-weight: 700; color: var(--am-navy); } .am-footer-brand p { margin: 14px 0 0; font-size: 14px; color: var(--am-muted); max-width: 220px; } .am-footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 28px; list-style: none; margin: 0; padding: 0; } .am-footer-links a { font-size: 14.5px; color: var(--am-text); text-decoration: none; } .am-footer-links a:hover { color: var(--am-blue); } .am-footer-partner img { display: block; width: 190px; height: auto; margin-bottom: 14px; } .am-social { display: flex; flex-wrap: wrap; gap: 12px; } .am-social a { width: 36px; height: 36px; display: grid; place-items: center; font-size: 28px; text-decoration: none; border-radius: 9px; } .am-social-instagram { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%); color: #fff !important; font-size: 22px !important; } .am-social-tiktok { color: #111 !important; } .am-social-youtube { color: #FF0000 !important; } .am-social-linkedin { color: #0A66C2 !important; } .am-social-facebook { color: #1877F2 !important; } .am-footer-bottom { max-width: var(--am-width); margin: 0 auto; padding: 20px; border-top: 1px solid var(--am-border); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; font-size: 13.5px; color: var(--am-muted); } .am-footer-bottom p { margin: 0; } .am-footer-legal a { color: var(--am-muted); text-decoration: none; } .am-footer-legal { display: flex; flex-wrap: wrap; row-gap: 6px; } .am-footer-legal a + a { margin-inline-start: 16px; padding-inline-start: 16px; border-inline-start: 1px solid var(--am-border); } .am-footer-legal a:hover { color: var(--am-blue); } /* ===================================================================== Responsive ===================================================================== */ @media (max-width: 1024px) { .am-header button.am-nav-toggle { display: block; margin-left: auto; } .am-nav { display: none; position: absolute; top: 78px; left: 0; right: 0; background: #fff; border-bottom: 1px solid #EDF1F7; box-shadow: 0 16px 30px rgba(10,42,102,.10); } .am-header.is-open .am-nav { display: block; } .am-menu { flex-direction: column; gap: 0; padding: 8px 20px 16px; } .am-menu a { padding: 12px 0; } .am-menu > li.current-menu-item > a::before, .am-menu > li.current-menu-ancestor > a::before { display: none; } .am-menu .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; padding: 0 0 6px 16px; min-width: 0; } .am-menu .sub-menu a { padding: 8px 0; } .am-lang { order: 3; } .am-footer-inner { grid-template-columns: 1fr 1fr; row-gap: 32px; } .am-footer-col:nth-child(3) { padding-left: 0; border-left: 0; } [id^="am-scale-"]::after, #am-process-row > .elementor-container::before { display: none; } } @media (max-width: 767px) { [id^="am-sec-"] { padding: 64px 0; } .elementor .elementor-widget-heading h2.elementor-heading-title { font-size: 30px; } #am-sec-hero::before { background: linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.88) 60%, rgba(255,255,255,.4) 100%); } #am-sec-hero .elementor-widget-heading h1.elementor-heading-title { font-size: 42px; } #am-sec-hero > .elementor-container { min-height: 480px; } #am-about-img { min-height: 280px; } #am-about-text > .elementor-widget-wrap { padding: 48px 20px !important; } .am-cap-grid img { height: 90px; } .am-feed-grid img { height: 100px; } #am-sec-cta [id^="am-btn-"] { float: none; } .am-align-right { text-align: left; } .am-footer-inner { grid-template-columns: 1fr; } .am-footer-col { padding: 0; border-left: 0; } .am-footer-bottom { flex-direction: column; } } /* Polish */ #am-sec-hero .elementor-widget-heading h1.elementor-heading-title { font-size: 58px; } #am-sec-cta .elementor-column:last-child > .elementor-widget-wrap { justify-content: flex-end; } #am-sec-cta [id^="am-btn-"] { float: none; } .am-social { flex-wrap: nowrap; gap: 10px; } @media (max-width: 767px) { #am-sec-hero .elementor-widget-heading h1.elementor-heading-title { font-size: 40px; } #am-sec-cta .elementor-column:last-child > .elementor-widget-wrap { justify-content: flex-start; } } @media (max-width: 767px) { .elementor [id^="am-step-"] { width: 33.333% !important; } #am-sec-hero > .elementor-container { padding: 48px 10px; } } /* ===================================================================== Density pass — match mockup rhythm (compact sections, smaller media) ===================================================================== */ [id^="am-sec-"] { padding: 48px 0; } .elementor .elementor-widget-heading h2.elementor-heading-title { font-size: 32px; } [id^="am-head-"] { margin-bottom: 18px; } [id^="am-head-"] .elementor-widget:not(:last-child) { margin-bottom: 6px; } .am-lead { font-size: 16px; } /* Hero: brand-blue headline like mockup */ #am-sec-hero .elementor-widget-heading h1.elementor-heading-title { color: var(--am-blue); } #am-sec-hero > .elementor-container { min-height: 400px; } /* About split: compact */ #am-about-img { min-height: 340px; } #am-about-text > .elementor-widget-wrap { padding: 36px 56px !important; } #am-about-text .elementor-widget:not(:last-child) { margin-bottom: 10px; } .am-cap-grid img { height: 84px; } .am-cap-grid figcaption { margin-top: 6px; font-size: 12px; } /* Solution cards: tighter, darker copy */ [id^="am-card-"], [id^="am-tile-"] { padding: 8px; } [id^="am-card-"] > .elementor-widget-wrap { padding: 0 0 16px !important; } [id^="am-card-"] .elementor-widget-image { margin-bottom: 12px !important; } [id^="am-card-"] .elementor-widget-image img { height: 170px; } [id^="am-card-"] .elementor-widget { margin-bottom: 4px !important; } [id^="am-card-"] .elementor-widget:not(.elementor-widget-image) { padding: 0 16px; } [id^="am-card-"] .elementor-widget-text-editor { font-size: 14.5px; line-height: 1.5; color: #2E4470; } [id^="am-card-"] .am-link-arrow { font-size: 14px; } /* Scale / process / environments: smaller media */ [id^="am-scale-"] .elementor-widget-image img { height: 120px; } [id^="am-scale-"] .elementor-widget-image { margin-bottom: 8px !important; } [id^="am-scale-"]:not(#am-scale-5)::after { top: 50px; } .am-scale-area { font-size: 18px; } .am-scale-name { font-size: 14px; } [id^="am-step-"] .elementor-heading-title { width: 52px; height: 52px; font-size: 16px !important; } #am-process-row > .elementor-container::before { top: 36px; } [id^="am-step-"] .elementor-widget { margin-bottom: 6px !important; } [id^="am-tile-"] > .elementor-widget-wrap { padding: 22px 20px !important; } [id^="am-tile-"] .elementor-icon-box-icon { margin-bottom: 10px !important; } [id^="am-tile-"] .elementor-icon { font-size: 28px !important; } [id^="am-tile-"] .elementor-icon-box-title { font-size: 16px !important; margin-bottom: 6px !important; } [id^="am-tile-"] .elementor-icon-box-description { font-size: 14px; } /* Featured projects: 4 short landscape cards, 2-line caption */ [id^="am-proj-"] .elementor-widget-image img { height: 120px; } [id^="am-proj-"] .elementor-widget-image { margin-bottom: 8px !important; } .am-proj-title { font-size: 15px; line-height: 1.3; } .am-proj-meta { font-size: 13px; } /* Social */ .am-feed-grid img { height: 110px; } .am-feed-head { margin-bottom: 10px; } /* CTA: compact band, arrow visible on white button */ #am-sec-cta { padding: 34px 0; } #am-sec-cta .elementor-heading-title { font-size: 28px !important; } #am-sec-cta .elementor-widget:not(:last-child) { margin-bottom: 6px; } #am-sec-cta .elementor-widget-text-editor { font-size: 15.5px; } [id^="am-btn-"] .elementor-button-icon svg, [id^="am-btn-"] .elementor-button-icon i { fill: currentColor; color: currentColor; } [id^="am-btn-"] .elementor-button-icon svg { width: 14px; height: 14px; } @media (max-width: 1024px) { [id^="am-proj-"] { width: 50% !important; } } @media (max-width: 767px) { [id^="am-sec-"] { padding: 40px 0; } .elementor .elementor-widget-heading h2.elementor-heading-title { font-size: 26px; } #am-about-text > .elementor-widget-wrap { padding: 32px 20px !important; } } /* Keep project cards 2-up on phones too. */ @media (max-width: 560px) { [id^="am-proj-"] { width: 50% !important; padding: 5px; } [id^="am-proj-"] .elementor-widget-image img { height: 100px; } .am-proj-title { font-size: 13px; } .am-proj-meta { font-size: 11.5px; } } /* ===================================================================== Solutions layout — sticky sidebar + content (mockup page 2) ===================================================================== */ #am-layout > .elementor-container { align-items: stretch; } #am-side { background: var(--am-light); border-right: 1px solid var(--am-border); } #am-side > .elementor-widget-wrap { padding: 0 !important; display: block; } #am-side .elementor-widget-shortcode { position: sticky; top: 96px; } .admin-bar #am-side .elementor-widget-shortcode { top: 128px; } .am-sidenav { padding: 36px 20px; } .am-sidenav-title { margin: 0 0 16px 12px; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--am-navy); } .am-sidenav ul { list-style: none; margin: 0 0 28px; padding: 0; } .am-sidenav li + li { margin-top: 4px; } .am-sidenav a { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 8px; font-size: 15px; font-weight: 500; line-height: 1.3; color: var(--am-navy); text-decoration: none; } .am-sidenav a i { width: 22px; text-align: center; font-size: 18px; color: var(--am-blue); } .am-sidenav a:hover { background: #E6EEFB; color: var(--am-blue); } .am-sidenav a.is-active { background: #DCE7FA; color: var(--am-blue); font-weight: 700; } .am-sidenav-help { display: flex; gap: 12px; padding: 16px; background: #fff; border: 1px solid var(--am-border); border-radius: 10px; } .am-sidenav-help > i { font-size: 22px; color: var(--am-blue); } .am-sidenav-help strong { display: block; font-size: 14px; color: var(--am-navy); } .am-sidenav-help p { margin: 2px 0 8px; font-size: 13px; color: var(--am-muted); } .am-sidenav-help .am-link-arrow { font-size: 13px; } #am-content > .elementor-widget-wrap { padding: 0 !important; } /* Page hero (inner section) */ #am-pghero { position: relative; background-size: cover; background-position: right center; margin-bottom: 0; } #am-pghero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.9) 40%, rgba(255,255,255,.2) 62%, rgba(255,255,255,0) 75%); } #am-pghero > .elementor-container { position: relative; z-index: 1; min-height: 330px; align-items: center; } #am-pghero > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 40px 48px !important; max-width: 620px; } #am-pghero .elementor-widget:not(:last-child) { margin-bottom: 12px; } #am-pghero h1.elementor-heading-title { font-size: 44px; color: var(--am-blue); letter-spacing: -0.03em; line-height: 1.05; } #am-intro { background: #fff; border-bottom: 1px solid var(--am-border); } #am-intro .elementor-widget-wrap { padding: 36px 48px !important; } #am-intro .elementor-widget:not(:last-child) { margin-bottom: 10px; } #am-intro h2.elementor-heading-title { font-size: 26px; } #am-intro .am-lead { max-width: 860px; } /* Alternating capability rows */ [id^="am-row-"] { border-bottom: 1px solid var(--am-border); } [id^="am-row-"]:nth-of-type(even) [id^="am-rowtxt-"] { background: var(--am-light); } [id^="am-rowimg-"] { min-height: 250px; background-size: cover; background-position: center; } [id^="am-rowtxt-"] > .elementor-widget-wrap { padding: 32px 48px !important; } [id^="am-rowtxt-"] .elementor-widget:not(:last-child) { margin-bottom: 8px; } [id^="am-rowtxt-"] h2.elementor-heading-title { font-size: 24px; color: var(--am-blue); } [id^="am-rowtxt-"] .elementor-widget-text-editor { font-size: 15.5px; max-width: 520px; } .am-row-num { margin: 0; font-size: 13px; font-weight: 800; letter-spacing: .12em; color: #8FA6CC; } @media (max-width: 1024px) { #am-layout > .elementor-container { flex-wrap: wrap; } #am-side, #am-content { width: 100% !important; } #am-side { border-right: 0; border-bottom: 1px solid var(--am-border); } #am-side .elementor-widget-shortcode { position: static; } .am-sidenav { padding: 10px 16px; } .am-sidenav-title, .am-sidenav-help { display: none; } .am-sidenav ul { display: flex; gap: 6px; margin: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .am-sidenav ul::-webkit-scrollbar { display: none; } .am-sidenav li + li { margin-top: 0; } .am-sidenav a { white-space: nowrap; padding: 9px 12px; font-size: 14px; } } @media (max-width: 767px) { #am-pghero::before { background: linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.85) 65%, rgba(255,255,255,.35) 100%); } #am-pghero > .elementor-container { min-height: 300px; } #am-pghero > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 32px 20px !important; } #am-pghero h1.elementor-heading-title { font-size: 32px; } #am-intro .elementor-widget-wrap, [id^="am-rowtxt-"] > .elementor-widget-wrap { padding: 28px 20px !important; } [id^="am-row-"] > .elementor-container { flex-direction: column; } [id^="am-row-"] [id^="am-rowimg-"] { order: -1; min-height: 200px; } } /* Solutions rows — mockup density */ [id^="am-rowimg-"] { min-height: 200px; } [id^="am-rowtxt-"] > .elementor-widget-wrap { padding: 24px 44px !important; } [id^="am-rowtxt-"] h2.elementor-heading-title { font-size: 21px; } [id^="am-rowtxt-"] .elementor-widget:not(:last-child) { margin-bottom: 6px; } [id^="am-rowtxt-"] .elementor-widget-text-editor { font-size: 15px; } #am-intro .elementor-widget-wrap { padding: 28px 44px !important; } .am-sidenav-help .am-link-arrow { display: inline-block; } @media (max-width: 767px) { #am-intro .elementor-widget-wrap, [id^="am-rowtxt-"] > .elementor-widget-wrap { padding: 24px 20px !important; } [id^="am-rowimg-"] { min-height: 190px; } } /* Small phones: process labels must fit 3-per-row columns */ [id^="am-step-"] { min-width: 0; } @media (max-width: 480px) { .am-step-label { font-size: 11px; letter-spacing: .02em; overflow-wrap: anywhere; } [id^="am-step-"] > .elementor-widget-wrap { padding-left: 2px !important; padding-right: 2px !important; } } /* ===================================================================== Tablet pass ===================================================================== */ @media (max-width: 1024px) { /* side breathing room for boxed content */ .elementor-section.elementor-section-boxed > .elementor-container { padding-left: 14px; padding-right: 14px; } #am-sec-hero > .elementor-container, #am-sec-cta > .elementor-container { padding-left: 24px; padding-right: 24px; } /* page hero: keep text readable over photo */ #am-pghero::before { background: linear-gradient(90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.93) 55%, rgba(255,255,255,.55) 80%, rgba(255,255,255,.25) 100%); } #am-sec-hero::before { background: linear-gradient(90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.92) 50%, rgba(255,255,255,.45) 75%, rgba(255,255,255,.1) 100%); } } @media (max-width: 880px) { .elementor [id^="am-card-"], .elementor [id^="am-tile-"] { width: 50% !important; } .elementor [id^="am-scale-"] { width: 33.333% !important; margin-bottom: 18px; } .elementor [id^="am-scale-"] .elementor-widget-image img { height: 110px; } } /* Keep every card/tile grid at 2-up on phones instead of dropping to 1-up (1-up left wasted white space either side of a centred narrow card). */ @media (max-width: 560px) { .elementor [id^="am-card-"], .elementor [id^="am-tile-"] { width: 50% !important; padding: 5px; } .elementor [id^="am-scale-"] { width: 50% !important; } [id^="am-card-"] .elementor-widget-image img { height: 110px; } [id^="am-card-"] .elementor-widget:not(.elementor-widget-image) { padding: 0 10px; } [id^="am-card-"] h3.elementor-heading-title { font-size: 15px !important; } [id^="am-card-"] .elementor-widget-text-editor { font-size: 12.5px; } [id^="am-card-"] .am-link-arrow { font-size: 12.5px; } [id^="am-tile-"] > .elementor-widget-wrap { padding: 16px 14px !important; } [id^="am-tile-"] .elementor-icon-box-title { font-size: 14px !important; } [id^="am-tile-"] .elementor-icon-box-description { font-size: 12.5px; } } [id^="am-btn-"] .elementor-button-text { white-space: nowrap; } @media (max-width: 880px) { #am-sec-cta > .elementor-container { flex-wrap: wrap; } #am-sec-cta .elementor-column { width: 100% !important; } #am-sec-cta .elementor-column:last-child > .elementor-widget-wrap { justify-content: flex-start; } } /* ===================================================================== Breadcrumb ===================================================================== */ .am-breadcrumb { font-size: 13px; color: var(--am-muted); margin: 0 0 14px; } .am-breadcrumb a { color: var(--am-muted); text-decoration: none; } .am-breadcrumb a:hover { color: var(--am-blue); } .am-breadcrumb [aria-current] { color: var(--am-navy); font-weight: 600; } .am-bc-sep { margin: 0 8px; color: #B9C6DC; } #am-pghero .am-hero-note { max-width: 640px; margin-top: 4px; } /* ===================================================================== Prefab Clinics — reusable facility module (render + plan + details) ===================================================================== */ [id^="am-fac-"] { border-bottom: 1px solid var(--am-border); } [id^="am-fac-"] > .elementor-container { align-items: stretch; } [id^="am-facimg-"], [id^="am-facplan-"] { background: var(--am-light); } [id^="am-facimg-"] .elementor-widget-image img, [id^="am-facplan-"] .elementor-widget-image img { width: 100%; height: 100%; min-height: 260px; object-fit: cover; display: block; } [id^="am-facplan-"] .elementor-widget-image img { object-fit: contain; padding: 14px; background: #fff; } [id^="am-facimg-"] > .elementor-widget-wrap, [id^="am-facplan-"] > .elementor-widget-wrap { padding: 0 !important; } [id^="am-factxt-"] > .elementor-widget-wrap { padding: 28px 40px !important; } [id^="am-factxt-"] h2.elementor-heading-title { font-size: 22px; color: var(--am-blue); margin-bottom: 12px !important; } .am-fac-meta { display: flex; gap: 32px; margin: 0 0 14px; padding: 14px 0; border-top: 1px solid var(--am-border); border-bottom: 1px solid var(--am-border); } .am-fac-meta dt { margin: 0 0 3px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--am-muted); } .am-fac-meta dd { margin: 0; font-size: 15px; font-weight: 600; color: var(--am-navy); } .am-fac-meta .am-fac-area { color: var(--am-blue); font-size: 17px; font-weight: 800; } .am-fac-overview { font-size: 15px; margin: 0 0 14px; } .am-fac-label { margin: 0 0 8px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--am-navy); } .am-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; padding: 0; } .am-chips li { font-size: 13px; padding: 6px 12px; background: var(--am-light); border-radius: 20px; color: #2E4470; } [id^="am-factxt-"] .am-note { font-size: 13.5px; margin: 0 0 4px; } @media (max-width: 1024px) { [id^="am-fac-"] > .elementor-container { flex-wrap: wrap; } [id^="am-facimg-"], [id^="am-facplan-"] { width: 50% !important; } [id^="am-factxt-"] { width: 100% !important; } [id^="am-facimg-"] .elementor-widget-image img, [id^="am-facplan-"] .elementor-widget-image img { min-height: 220px; } } @media (max-width: 600px) { [id^="am-facimg-"], [id^="am-facplan-"] { width: 100% !important; } [id^="am-factxt-"] > .elementor-widget-wrap { padding: 24px 20px !important; } } /* Catalogue download module */ #am-catalog { background: var(--am-light); border-bottom: 1px solid var(--am-border); } #am-catalog > .elementor-container { align-items: center; padding: 36px 40px; } #am-catcover .elementor-widget-image img { border-radius: 6px; box-shadow: 0 10px 26px rgba(10,42,102,.14); } #am-cattxt h2.elementor-heading-title { font-size: 22px; } #am-cattxt .elementor-widget:not(:last-child) { margin-bottom: 8px; } #am-catqr .elementor-widget-image img { width: 120px; height: 120px; margin: 0 auto; border: 1px solid var(--am-border); border-radius: 6px; padding: 6px; background: #fff; } .am-qr-label { text-align: center; font-size: 12px; color: var(--am-muted); margin: 8px 0 0; } @media (max-width: 880px) { #am-catalog > .elementor-container { flex-wrap: wrap; text-align: center; padding: 28px 20px; } #am-catcover, #am-cattxt, #am-catqr { width: 100% !important; margin-bottom: 18px; } } /* Configured for the Project */ #am-config > .elementor-container { align-items: stretch; } #am-configimg { min-height: 260px; background-size: cover; } #am-configtxt > .elementor-widget-wrap { padding: 40px 48px !important; } #am-configtxt .elementor-widget:not(:last-child) { margin-bottom: 10px; } @media (max-width: 767px) { #am-config > .elementor-container { flex-wrap: wrap; } #am-configimg { width: 100% !important; min-height: 180px; } #am-configtxt { width: 100% !important; } #am-configtxt > .elementor-widget-wrap { padding: 28px 20px !important; } } @media (max-width: 560px) { [id^="am-btn-"] .elementor-button-text { white-space: normal; } [id^="am-btn-"] { max-width: 100%; } [id^="am-btn-"] .elementor-button { padding: 13px 18px; font-size: 14px; } } /* Facility rows — mockup density: fixed media height, centred plan, tighter text */ [id^="am-facimg-"] > .elementor-widget-wrap, [id^="am-facplan-"] > .elementor-widget-wrap { align-content: center; } [id^="am-facimg-"] .elementor-widget-image img { height: 210px; min-height: 0; object-fit: cover; } [id^="am-facplan-"] .elementor-widget-image img { height: 210px; min-height: 0; object-fit: contain; padding: 10px; } [id^="am-factxt-"] > .elementor-widget-wrap { padding: 20px 32px !important; align-content: center; } [id^="am-factxt-"] h2.elementor-heading-title { font-size: 20px; margin-bottom: 8px !important; } [id^="am-factxt-"] .elementor-widget { margin-bottom: 6px !important; } .am-fac-meta { margin: 0 0 10px; padding: 10px 0; gap: 28px; } .am-fac-meta dd { font-size: 14px; } .am-fac-meta .am-fac-area { font-size: 16px; } .am-fac-overview { font-size: 14.5px; margin: 0 0 10px; } .am-fac-label { margin: 0 0 6px; font-size: 11px; } .am-chips { gap: 6px; margin: 0 0 10px; } .am-chips li { font-size: 12px; padding: 4px 10px; } [id^="am-factxt-"] .am-note { font-size: 13px; } @media (max-width: 1024px) { [id^="am-facimg-"] .elementor-widget-image img, [id^="am-facplan-"] .elementor-widget-image img { height: 190px; } } @media (max-width: 880px) { #am-catcover .elementor-widget-image img { max-width: 200px; margin: 0 auto; display: block; } #am-catcover, #am-catqr { margin-bottom: 14px; } } /* ===================================================================== Healthcare Centres — alternating facility rows (photo + text, no plan) ===================================================================== */ [id^="am-hcrow-"] { border-bottom: 1px solid var(--am-border); } [id^="am-hcrow-"] > .elementor-container { align-items: stretch; } [id^="am-hcimg-"] { min-height: 230px; background: var(--am-light); } [id^="am-hcimg-"] > .elementor-widget-wrap { padding: 0 !important; } [id^="am-hcimg-"] .elementor-widget-image img { width: 100%; height: 100%; min-height: 230px; object-fit: cover; display: block; } [id^="am-hctxt-"] > .elementor-widget-wrap { padding: 24px 40px !important; } [id^="am-hctxt-"] h2.elementor-heading-title { font-size: 21px; color: var(--am-blue); margin-bottom: 6px !important; } [id^="am-hctxt-"] .am-fac-area { margin: 0 0 8px; font-size: 16px; font-weight: 700; color: var(--am-navy); } [id^="am-hctxt-"] .am-fac-overview { margin: 0; font-size: 14.5px; } @media (max-width: 1024px) { [id^="am-hcrow-"] > .elementor-container { flex-wrap: wrap; } [id^="am-hcimg-"], [id^="am-hctxt-"] { width: 100% !important; } [id^="am-hcimg-"] { min-height: 200px; } [id^="am-hctxt-"] > .elementor-widget-wrap { padding: 20px !important; } } /* QR pending placeholder (no code supplied for this catalogue yet) */ .am-qr-pending { width: 120px; height: 120px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; border: 1px dashed var(--am-border); border-radius: 6px; color: var(--am-muted); background: #fff; } .am-qr-pending i { font-size: 28px; } .am-qr-pending span { font-size: 11px; font-weight: 600; } /* Customised Around Your Healthcare Programme + callout card */ #am-customimg { min-height: 260px; background-size: cover; } #am-customtxt > .elementor-widget-wrap { padding: 40px 48px !important; } #am-customtxt .elementor-widget:not(:last-child) { margin-bottom: 16px; } .am-callout { display: flex; align-items: center; gap: 16px; padding: 18px 20px; background: var(--am-light); border-radius: 10px; text-decoration: none; } .am-callout > i:first-child { font-size: 26px; color: var(--am-blue); flex-shrink: 0; } .am-callout span { flex: 1; font-size: 14px; color: var(--am-text); line-height: 1.5; } .am-callout span strong { display: block; font-size: 15px; color: var(--am-navy); margin-bottom: 2px; } .am-callout-arrow { color: var(--am-blue); font-size: 14px; flex-shrink: 0; } @media (max-width: 767px) { #am-custom > .elementor-container { flex-wrap: wrap; } #am-customimg { width: 100% !important; min-height: 180px; } #am-customtxt { width: 100% !important; } #am-customtxt > .elementor-widget-wrap { padding: 28px 20px !important; } } /* ===================================================================== Phone gutters: the boxed padding stacked up (outer container 14 + column 10 + nested inner-section container 14 + card 5 = 43px each side at 400px). Nested inner sections are already inset by their parent column, so drop their container padding and trim the rest — gives the cards ~22px more width per side on phones. ===================================================================== */ @media (max-width: 767px) { .elementor-section.elementor-section-boxed > .elementor-container { padding-left: 10px; padding-right: 10px; } .elementor-inner-section > .elementor-container { padding-left: 0 !important; padding-right: 0 !important; } .elementor-column > .elementor-widget-wrap.elementor-element-populated { padding-left: 6px !important; padding-right: 6px !important; } /* section headings keep a slightly wider gutter than the card grid */ [id^="am-head-"] .elementor-widget { padding-left: 4px; padding-right: 4px; } } /* Modular OT gallery strip */ #am-gallery { border-top: 1px solid var(--am-border); } #am-gallery > .elementor-container { padding: 0; } [id^="am-gal-"] > .elementor-widget-wrap { padding: 0 !important; } [id^="am-gal-"] .elementor-widget-image img { width: 100%; height: 210px; object-fit: cover; display: block; } @media (max-width: 767px) { [id^="am-gal-"] { width: 33.333% !important; } [id^="am-gal-"] .elementor-widget-image img { height: 120px; } } /* The tight phone gutter above is meant for card grids only — text blocks on the Solutions-style pages need their comfortable padding back (higher specificity than the generic widget-wrap rule). */ @media (max-width: 767px) { .elementor-column[id^="am-rowtxt-"] > .elementor-widget-wrap.elementor-element-populated, .elementor-column[id^="am-factxt-"] > .elementor-widget-wrap.elementor-element-populated, .elementor-column[id^="am-hctxt-"] > .elementor-widget-wrap.elementor-element-populated, .elementor-column[id="am-cattxt"] > .elementor-widget-wrap.elementor-element-populated, .elementor-column[id="am-catqr"] > .elementor-widget-wrap.elementor-element-populated, .elementor-column[id="am-customtxt"] > .elementor-widget-wrap.elementor-element-populated, .elementor-column[id="am-configtxt"] > .elementor-widget-wrap.elementor-element-populated { padding-left: 20px !important; padding-right: 20px !important; } #am-pghero > .elementor-container > .elementor-column > .elementor-widget-wrap.elementor-element-populated, #am-intro > .elementor-container > .elementor-column > .elementor-widget-wrap.elementor-element-populated { padding-left: 20px !important; padding-right: 20px !important; } } /* ===================================================================== Capability thumbs + social feed thumbs converted from raw HTML to real Elementor Image widgets (so the client can swap them in the editor). ===================================================================== */ #am-cap-grid > .elementor-container { gap: 0; } [id^="am-cap-"] > .elementor-widget-wrap { padding: 0 8px 0 0 !important; } [id^="am-cap-"] .elementor-widget { margin-bottom: 6px !important; } [id^="am-cap-"] .elementor-widget-image img { width: 100%; height: 84px; object-fit: cover; border-radius: 6px; display: block; } .am-cap-caption { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--am-navy); } [id^="am-feed-"] > .elementor-widget-wrap { padding: 0 10px !important; } [id^="am-feed-"] .elementor-widget { margin-bottom: 10px !important; } [id^="am-feedgrid-"] > .elementor-container { gap: 0; } [id^="am-feedthumb-"] > .elementor-widget-wrap { padding: 0 4px !important; } [id^="am-feedthumb-"] .elementor-widget-image { margin-bottom: 0 !important; } [id^="am-feedthumb-"] .elementor-widget-image a { position: relative; display: block; border-radius: 6px; overflow: hidden; } [id^="am-feedthumb-"] .elementor-widget-image img { width: 100%; height: 110px; object-fit: cover; display: block; } /* play badge on the video feeds (TikTok / YouTube) */ [id*="am-feed-tiktok"] [id^="am-feedthumb-"] .elementor-widget-image a::after, [id*="am-feed-youtube"] [id^="am-feedthumb-"] .elementor-widget-image a::after { content: ""; position: absolute; left: 50%; top: 50%; width: 38px; height: 38px; margin: -19px 0 0 -19px; border-radius: 50%; background: rgba(10,42,102,.72) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") center / 18px no-repeat; } @media (max-width: 767px) { [id^="am-cap-"] .elementor-widget-image img { height: 70px; } [id^="am-feedthumb-"] .elementor-widget-image img { height: 80px; } [id^="am-feed-"] > .elementor-widget-wrap { padding: 0 6px 18px !important; } } /* feed brand icon colours (selectors updated: the network name now lives on the column's CSS ID, not a class, after the widget conversion) */ [id^="am-feed-instagram"] .am-feed-head i { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%); color: #fff; } [id^="am-feed-tiktok"] .am-feed-head i { background: #111; color: #fff; } [id^="am-feed-youtube"] .am-feed-head i { background: #FF0000; color: #fff; } /* ===================================================================== Medical Equipment — product cards + product detail template ===================================================================== */ #am-head-products > .elementor-container { padding: 28px 40px 0; } #am-head-products .am-eyebrow { display: none; } /* heading already says it */ #am-prodgrid > .elementor-container { padding: 16px 32px 32px; } [id^="am-prodcard-"] { padding: 8px; } [id^="am-prodcard-"] > .elementor-widget-wrap { background: #fff; border: 1px solid var(--am-border); border-radius: 10px; padding: 24px 20px !important; align-content: flex-start; transition: box-shadow .2s, transform .2s; } [id^="am-prodcard-"] > .elementor-widget-wrap:hover { box-shadow: 0 14px 30px rgba(10,42,102,.10); transform: translateY(-3px); } [id^="am-prodcard-"] .elementor-widget { margin-bottom: 8px !important; } [id^="am-prodcard-"] .elementor-icon-box-wrapper { text-align: left !important; } [id^="am-prodcard-"] .elementor-icon-box-icon { display: flex; justify-content: flex-start; margin-bottom: 14px !important; } [id^="am-prodcard-"] .elementor-icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 12px; background: var(--am-light); color: var(--am-blue) !important; font-size: 24px !important; } [id^="am-prodcard-"] .elementor-icon-box-title { font-size: 16px !important; color: var(--am-blue) !important; margin-bottom: 8px !important; } [id^="am-prodcard-"] .elementor-icon-box-description { font-size: 14px; color: var(--am-muted); } [id^="am-prodcard-"] .am-link-arrow { font-size: 13.5px; } /* Product detail template */ #am-prodintro > .elementor-container { padding: 32px 40px; align-items: center; } #am-prodoverview > .elementor-widget-wrap { padding: 0 24px 0 0 !important; } #am-prodoverview h2.elementor-heading-title, #am-prodapps h2.elementor-heading-title, #am-prodinfo h2.elementor-heading-title { font-size: 21px; color: var(--am-blue); margin-bottom: 10px !important; } #am-prodvisual > .elementor-widget-wrap { background: var(--am-light); border: 1px dashed var(--am-border); border-radius: 12px; padding: 40px 28px !important; text-align: center; } #am-prodvisual .elementor-icon-box-icon { margin-bottom: 14px !important; } #am-prodvisual .elementor-icon { font-size: 52px !important; color: var(--am-blue) !important; } #am-prodvisual .elementor-icon-box-title { font-size: 18px !important; color: var(--am-navy) !important; } #am-prodvisual .elementor-icon-box-description { font-size: 13px; color: var(--am-muted); } #am-prodcols { border-top: 1px solid var(--am-border); } #am-prodcols > .elementor-container { padding: 32px 40px; } #am-prodapps > .elementor-widget-wrap { padding-right: 24px !important; } #am-prodctarow { background: var(--am-light); border-top: 1px solid var(--am-border); } #am-prodctarow > .elementor-container { padding: 32px 40px; } #am-prodcta .elementor-widget:not(:last-child) { margin-bottom: 14px !important; } #am-prodcta .am-lead { max-width: 760px; } @media (max-width: 880px) { .elementor [id^="am-prodcard-"] { width: 50% !important; } } @media (max-width: 767px) { #am-head-products > .elementor-container { padding: 24px 14px 0; } #am-prodgrid > .elementor-container { padding: 12px 6px 24px; } #am-prodintro > .elementor-container, #am-prodcols > .elementor-container, #am-prodctarow > .elementor-container { padding: 24px 14px; } #am-prodoverview > .elementor-widget-wrap, #am-prodapps > .elementor-widget-wrap { padding-right: 0 !important; } #am-prodintro .elementor-column, #am-prodcols .elementor-column { width: 100% !important; } #am-prodvisual > .elementor-widget-wrap { margin-top: 16px; } } /* Long arrow links must wrap inside narrow 2-up cards on phones */ @media (max-width: 767px) { .am-link-arrow { white-space: normal; } } /* ===================================================================== Projects listing — filter tabs + CMS-driven grid ===================================================================== */ #am-sec-projectgrid { padding: 40px 0 72px; } .am-filters { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 26px; } .am-filters .am-filter { flex: 1 1 0; min-width: 150px; padding: 13px 18px; font: 600 14.5px var(--am-font); color: var(--am-navy); background: var(--am-light); border: 1px solid var(--am-border); border-radius: 6px; cursor: pointer; transition: background .15s, color .15s; } .am-filters .am-filter:hover { background: #E4EDFB; color: var(--am-blue); } .am-header .am-filters .am-filter { color: var(--am-navy); } .am-filters .am-filter.is-active { background: var(--am-blue); border-color: var(--am-blue); color: #fff; } .am-project-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } .am-project-card { background: #fff; border: 1px solid var(--am-border); border-radius: 10px; overflow: hidden; transition: box-shadow .2s, transform .2s; } .am-project-card:hover { box-shadow: 0 14px 30px rgba(10,42,102,.10); transform: translateY(-3px); } .am-project-card > a { display: block; text-decoration: none; } .am-project-thumb img { width: 100%; height: 190px; object-fit: cover; display: block; } .am-project-thumb.is-empty { height: 190px; background: var(--am-light); } .am-project-body { padding: 16px 18px 18px; } .am-project-body h3 { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 10px; font-size: 16.5px; font-weight: 700; color: var(--am-blue); } .am-project-body h3 i { font-size: 13px; color: var(--am-blue); } .am-project-meta { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; } .am-project-meta li { display: flex; align-items: flex-start; gap: 9px; font-size: 13.5px; color: var(--am-text); } .am-project-meta i { width: 14px; margin-top: 3px; font-size: 12px; color: var(--am-blue); } .am-project-empty { margin-top: 20px; } /* ===================================================================== Single Project detail template ===================================================================== */ .am-single-hero { position: relative; background-size: cover; background-position: center; background-color: var(--am-navy); } .am-single-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,32,58,.9) 0%, rgba(8,32,58,.66) 60%, rgba(8,32,58,.4) 100%); } .am-single-hero-inner { position: relative; z-index: 1; max-width: var(--am-width); margin: 0 auto; padding: 72px 20px; } .am-single-hero h1 { margin: 0; font-size: 42px; font-weight: 800; letter-spacing: -.02em; color: #fff; line-height: 1.1; } .am-single-hero .am-breadcrumb, .am-single-hero .am-breadcrumb a { color: #C7D8F2; } .am-single-hero .am-breadcrumb [aria-current] { color: #fff; } .am-single-body { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 48px; max-width: var(--am-width); margin: 0 auto; padding: 56px 20px; } .am-single-main h2 { font-size: 24px; font-weight: 800; color: var(--am-navy); margin: 0 0 12px; } .am-single-main h2 + * { margin-top: 0; } .am-single-main > * + h2 { margin-top: 36px; } .am-rte { font-size: 16px; line-height: 1.7; color: var(--am-text); } .am-single-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } .am-single-gallery img { width: 100%; height: 170px; object-fit: cover; border-radius: 8px; display: block; } .am-factsheet, .am-related { background: var(--am-light); border: 1px solid var(--am-border); border-radius: 12px; padding: 22px; } .am-related { margin-top: 18px; } .am-factsheet h3, .am-related h3 { margin: 0 0 14px; font-size: 15px; font-weight: 700; color: var(--am-navy); } .am-factsheet dl { margin: 0 0 16px; display: grid; gap: 14px; } .am-factsheet dt { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--am-muted); margin-bottom: 3px; } .am-factsheet dd { margin: 0; font-size: 15px; font-weight: 600; color: var(--am-navy); } .am-related ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; } .am-related a { font-size: 14.5px; color: var(--am-blue); text-decoration: none; font-weight: 600; } .am-single-cta { background: var(--am-navy); } .am-single-cta-inner { max-width: var(--am-width); margin: 0 auto; padding: 40px 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; } .am-single-cta h2 { margin: 0; color: #fff; font-size: 28px; font-weight: 800; } .am-btn-white-single { background: #fff; color: var(--am-navy); font-weight: 700; font-size: 15px; padding: 14px 24px; border-radius: 6px; text-decoration: none; } .am-btn-white-single:hover { background: var(--am-light); color: var(--am-navy); } @media (max-width: 1024px) { .am-project-grid { grid-template-columns: repeat(2, 1fr); } .am-single-body { grid-template-columns: 1fr; gap: 32px; padding: 40px 20px; } .am-single-hero-inner { padding: 52px 20px; } .am-single-hero h1 { font-size: 32px; } } @media (max-width: 767px) { #am-sec-projectgrid { padding: 28px 0 48px; } .am-filters { gap: 8px; } .am-filters .am-filter { flex: 1 1 calc(50% - 4px); min-width: 0; padding: 11px 10px; font-size: 13px; } .am-project-grid { gap: 12px; } .am-project-thumb img, .am-project-thumb.is-empty { height: 130px; } .am-project-body { padding: 12px 12px 14px; } .am-project-body h3 { font-size: 14px; margin-bottom: 8px; } .am-project-meta li { font-size: 12px; } .am-single-gallery { grid-template-columns: repeat(2, 1fr); } .am-single-gallery img { height: 130px; } } /* ===================================================================== Insights listing + Article detail ===================================================================== */ .am-pghero-static { position: relative; background-size: cover; background-position: right center; background-color: var(--am-light); } .am-pghero-static::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.9) 38%, rgba(255,255,255,.3) 62%, rgba(255,255,255,0) 78%); } .am-pghero-inner { position: relative; z-index: 1; max-width: var(--am-width); margin: 0 auto; padding: 64px 20px; } .am-pghero-inner h1 { margin: 6px 0 12px; font-size: 44px; font-weight: 800; letter-spacing: -.03em; line-height: 1.05; color: var(--am-blue); } .am-pghero-inner .am-lead { max-width: 560px; } .am-insights-body { max-width: var(--am-width); margin: 0 auto; padding: 40px 20px 72px; } a.am-filter { display: inline-block; text-decoration: none; } .am-article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } .am-article-card { background: #fff; border: 1px solid var(--am-border); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .2s, transform .2s; } .am-article-card:hover { box-shadow: 0 14px 30px rgba(10,42,102,.10); transform: translateY(-3px); } .am-article-thumb { display: block; } .am-article-thumb img, .am-article-thumb .is-empty { display: block; width: 100%; height: 190px; object-fit: cover; background: var(--am-light); } .am-article-body { padding: 16px 18px 20px; display: flex; flex-direction: column; flex: 1; } .am-article-meta { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; margin: 0 0 8px; font-size: 12.5px; color: var(--am-muted); } .am-article-cat { color: var(--am-blue); font-weight: 700; } .am-article-card h2 { margin: 0 0 8px; font-size: 17px; font-weight: 700; line-height: 1.3; } .am-article-card h2 a { color: var(--am-blue); text-decoration: none; } .am-article-excerpt { margin: 0 0 14px; font-size: 14px; color: var(--am-text); line-height: 1.55; } .am-article-body .am-link-arrow { margin-top: auto; font-size: 14px; } .navigation.pagination { margin-top: 32px; } .navigation.pagination .nav-links { display: flex; justify-content: center; gap: 8px; } .navigation.pagination .page-numbers { min-width: 40px; height: 40px; display: grid; place-items: center; padding: 0 10px; border: 1px solid var(--am-border); border-radius: 6px; color: var(--am-navy); text-decoration: none; font-weight: 600; font-size: 14px; } .navigation.pagination .page-numbers.current { background: var(--am-blue); border-color: var(--am-blue); color: #fff; } .navigation.pagination .page-numbers:hover:not(.current) { background: var(--am-light); color: var(--am-blue); } /* Article detail */ .am-article-hero { background: var(--am-light); border-bottom: 1px solid var(--am-border); } .am-article-hero-inner { max-width: 880px; margin: 0 auto; padding: 48px 20px 36px; } .am-article-hero h1 { margin: 4px 0 14px; font-size: 38px; font-weight: 800; letter-spacing: -.02em; line-height: 1.15; color: var(--am-navy); } .am-article-hero .am-article-meta { justify-content: flex-start; gap: 18px; font-size: 13.5px; } .am-article-figure { margin: 0; max-width: var(--am-width); margin: 0 auto; padding: 28px 20px 0; } .am-article-figure img { width: 100%; max-height: 440px; object-fit: cover; border-radius: 12px; display: block; } .am-single-article .am-single-body { grid-template-columns: minmax(0,1fr) 300px; } .am-single-article .am-rte h2 { font-size: 24px; margin: 32px 0 12px; color: var(--am-navy); } .am-single-article .am-rte h3 { font-size: 19px; margin: 24px 0 10px; color: var(--am-navy); } .am-single-article .am-rte p { margin: 0 0 18px; } .am-single-article .am-single-cta-inner { align-items: center; } .am-single-cta-inner p { margin: 8px 0 0; color: #D6E2F5; font-size: 15.5px; max-width: 620px; } @media (max-width: 1024px) { .am-article-grid { grid-template-columns: repeat(2, 1fr); } .am-pghero-inner { padding: 48px 20px; } .am-pghero-inner h1 { font-size: 34px; } .am-single-article .am-single-body { grid-template-columns: 1fr; } } @media (max-width: 767px) { .am-pghero-static::before { background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.88) 60%, rgba(255,255,255,.4) 100%); } .am-insights-body { padding: 24px 14px 48px; } .am-article-grid { gap: 12px; } .am-article-thumb img, .am-article-thumb .is-empty { height: 120px; } .am-article-body { padding: 12px 12px 16px; } .am-article-card h2 { font-size: 14.5px; } .am-article-excerpt { font-size: 12.5px; } .am-article-hero h1 { font-size: 27px; } .am-article-hero-inner { padding: 32px 20px 26px; } } /* ===================================================================== About — Design•Build•Equip icon triad + Audie Building partner panel ===================================================================== */ #am-dbe-wrap > .elementor-widget-wrap { padding: 0 !important; } #am-dbe-row > .elementor-container { position: relative; } [id^="am-dbe-"] { text-align: center; position: relative; } [id^="am-dbe-"] .elementor-icon-box-wrapper { display: flex; flex-direction: column; align-items: center; } [id^="am-dbe-"] .elementor-icon { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 50%; background: var(--am-light); color: var(--am-blue) !important; font-size: 26px !important; } [id^="am-dbe-"] .elementor-icon-box-title { margin-top: 12px !important; font-size: 13px !important; font-weight: 800; letter-spacing: .1em; color: var(--am-navy) !important; } #am-dbe-row > .elementor-container { overflow: hidden; } .am-partner-panel { background: var(--am-light); border: 1px solid var(--am-border); border-radius: 12px; padding: 40px; display: flex; align-items: center; justify-content: center; } .am-partner-panel img { width: 100%; max-width: 260px; height: auto; display: block; } @media (max-width: 767px) { [id^="am-dbe-"]::after { display: none; } #am-row-3 > .elementor-container { flex-wrap: wrap; } #am-row-3 .elementor-column { width: 100% !important; } .am-partner-panel { padding: 28px; } } /* About partner logo — now an Elementor Image widget (client-swappable) */ #am-partner > .elementor-widget-wrap { background: var(--am-light); border: 1px solid var(--am-border); border-radius: 12px; margin: 24px; padding: 40px !important; } #am-partner .elementor-widget-image img { max-width: 260px; width: 100%; height: auto; margin: 0 auto; display: block; } @media (max-width: 767px) { #am-partner > .elementor-widget-wrap { margin: 0 20px 24px; padding: 28px !important; } #am-row-7 > .elementor-container { flex-wrap: wrap; } #am-row-7 .elementor-column { width: 100% !important; } } .am-social-threads { color: #000 !important; } .am-social-threads svg { width: 26px; height: 26px; fill: currentColor; } .am-social a svg { display: block; } /* ===================================================================== Contact — social row + Project Enquiry form (Contact Form 7) ===================================================================== */ #am-sec-connect { padding: 34px 0; } #am-sec-connect > .elementor-container { background: var(--am-light); border-radius: 12px; padding: 22px 28px; } #am-connect-txt h2.elementor-heading-title { font-size: 24px; } #am-connect-txt .elementor-widget:not(:last-child) { margin-bottom: 6px; } #am-connect-txt .elementor-widget-text-editor { font-size: 14.5px; } [id^="am-soc-"]:not(#am-soc-row) .elementor-icon-box-wrapper { text-align: center; } [id^="am-soc-"]:not(#am-soc-row) .elementor-icon-box-icon { margin-bottom: 6px !important; } [id^="am-soc-"]:not(#am-soc-row) .elementor-icon { font-size: 34px !important; } [id^="am-soc-"]:not(#am-soc-row) .elementor-icon svg { width: 34px; height: 34px; } [id^="am-soc-"]:not(#am-soc-row) .elementor-icon-box-title, [id^="am-soc-"]:not(#am-soc-row) .elementor-icon-box-title a { font-size: 12.5px !important; font-weight: 600; color: var(--am-navy) !important; } #am-soc-instagram .elementor-icon { color: #d6249f !important; } #am-soc-tiktok .elementor-icon, #am-soc-threads .elementor-icon { color: #000 !important; fill: #000 !important; } #am-soc-threads .elementor-icon svg { fill: #000; } #am-soc-youtube .elementor-icon { color: #FF0000 !important; } #am-soc-linkedin .elementor-icon { color: #0A66C2 !important; } #am-soc-facebook .elementor-icon { color: #1877F2 !important; } #am-sec-enquiry { padding: 8px 0 56px; } #am-enquiry-card > .elementor-widget-wrap { background: var(--am-light); border: 1px solid var(--am-border); border-radius: 12px; padding: 32px 36px !important; } #am-enquiry-card h2.elementor-heading-title { font-size: 15px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--am-blue); } .am-enquiry .am-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 28px; } .am-enquiry .am-f { margin: 0 0 12px; } .am-enquiry .am-f-full { grid-column: 1 / -1; } .am-enquiry label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 600; color: var(--am-navy); } .am-enquiry .wpcf7-form-control-wrap { display: block; } .am-enquiry input[type="text"], .am-enquiry input[type="email"], .am-enquiry input[type="tel"], .am-enquiry select, .am-enquiry textarea { width: 100%; box-sizing: border-box; padding: 12px 14px; font: 400 14.5px var(--am-font); color: var(--am-text); background: #fff; border: 1px solid var(--am-border); border-radius: 6px; transition: border-color .15s, box-shadow .15s; } .am-enquiry select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A2A66' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; padding-right: 38px; } .am-enquiry textarea { min-height: 120px; resize: vertical; } .am-enquiry input:focus, .am-enquiry select:focus, .am-enquiry textarea:focus { outline: none; border-color: var(--am-blue); box-shadow: 0 0 0 3px rgba(20,71,184,.15); } .am-enquiry .am-f-submit { margin: 8px 0 0; } .am-enquiry .am-submit { background: var(--am-blue); color: #fff; border: 0; border-radius: 6px; padding: 15px 30px; font: 700 15px var(--am-font); cursor: pointer; } .am-enquiry .am-submit:hover { background: var(--am-blue-dark); } .am-enquiry .wpcf7-not-valid-tip { font-size: 12.5px; margin-top: 4px; color: #C62828; } .am-enquiry .wpcf7-response-output { margin: 14px 0 0 !important; padding: 12px 14px !important; border-radius: 6px; font-size: 14px; } .am-enquiry .wpcf7-spinner { vertical-align: middle; } #am-sec-partnerline { padding: 0 0 40px; } .am-partner-line { margin: 0; text-align: center; font-size: 14.5px; color: var(--am-text); } @media (max-width: 1024px) { #am-sec-connect > .elementor-container { flex-wrap: wrap; } #am-connect-txt, #am-connect-icons { width: 100% !important; } #am-connect-icons { margin-top: 12px; } } @media (max-width: 767px) { #am-sec-connect > .elementor-container { padding: 18px 12px; margin: 0 10px; } .elementor [id^="am-soc-"]:not(#am-soc-row) { width: 33.333% !important; margin-bottom: 10px; } #am-enquiry-card > .elementor-widget-wrap { padding: 22px 16px !important; } .am-enquiry .am-form-grid { grid-template-columns: 1fr; } .am-enquiry .am-submit { width: 100%; } .am-partner-line { font-size: 13.5px; } } /* Elementor renders these icons as inline SVG — colour needs fill */ #am-soc-instagram .elementor-icon svg { fill: #d6249f; } #am-soc-tiktok .elementor-icon svg, #am-soc-threads .elementor-icon svg { fill: #000; } #am-soc-youtube .elementor-icon svg { fill: #FF0000; } #am-soc-linkedin .elementor-icon svg { fill: #0A66C2; } #am-soc-facebook .elementor-icon svg { fill: #1877F2; } /* ===================================================================== RTL readiness (Arabic is a future phase — Document 01 §14). Elementor and flex rows mirror automatically when the language is RTL; these rules mirror the theme's own direction-specific styling. ===================================================================== */ [dir="rtl"] #am-sec-hero, [dir="rtl"] #am-pghero, [dir="rtl"] .am-pghero-static { background-position: left center !important; } [dir="rtl"] #am-sec-hero::before { background: linear-gradient(270deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.9) 38%, rgba(255,255,255,.35) 55%, rgba(255,255,255,0) 68%); } [dir="rtl"] #am-pghero::before { background: linear-gradient(270deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.9) 40%, rgba(255,255,255,.2) 62%, rgba(255,255,255,0) 75%); } [dir="rtl"] .am-pghero-static::before { background: linear-gradient(270deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.9) 38%, rgba(255,255,255,.3) 62%, rgba(255,255,255,0) 78%); } [dir="rtl"] #am-sec-cta::before { background: linear-gradient(270deg, rgba(8,33,82,.92) 0%, rgba(10,48,110,.78) 100%); } [dir="rtl"] .am-single-hero::before { background: linear-gradient(270deg, rgba(8,32,58,.9) 0%, rgba(8,32,58,.66) 60%, rgba(8,32,58,.4) 100%); } [dir="rtl"] .am-link-arrow::after { content: "\2190"; margin-left: 0; margin-right: 8px; } [dir="rtl"] .am-link-arrow:hover::after { transform: translateX(-3px); } [dir="rtl"] [id^="am-btn-"] .elementor-button-icon, [dir="rtl"] .am-project-body h3 i, [dir="rtl"] .am-callout-arrow { transform: scaleX(-1); } [dir="rtl"] .am-align-right { text-align: left; } [dir="rtl"] #am-side { border-right: 0; border-left: 1px solid var(--am-border); } [dir="rtl"] .am-sidenav-title { margin: 0 12px 16px 0; } [dir="rtl"] .elementor .elementor-widget-wrap > [id^="am-btn-"] { margin-right: 0; margin-left: 14px; } [dir="rtl"] .am-menu .sub-menu { left: auto; right: -18px; } [dir="rtl"] .am-menu > li.menu-item-has-children > a::after { margin: 0 8px 3px 0; } [dir="rtl"] .am-lang-list { right: auto; left: 0; } [dir="rtl"] .am-lang-current::after { margin: 0 2px 3px 0; } [dir="rtl"] [id^="am-scale-"]:not(#am-scale-5)::after { right: auto; left: -9px; content: "\2190"; } [dir="rtl"] [id^="am-cap-"] > .elementor-widget-wrap { padding: 0 0 0 8px !important; } [dir="rtl"] [id^="am-tile-"] .elementor-icon-box-wrapper, [dir="rtl"] [id^="am-tile-"] .elementor-icon-box-content, [dir="rtl"] [id^="am-prodcard-"] .elementor-icon-box-wrapper { text-align: right !important; } [dir="rtl"] .am-footer-col { border-left: 0; border-right: 1px solid var(--am-border); } [dir="rtl"] .am-footer-col:first-child { padding-right: 0; padding-left: 36px; border-right: 0; } [dir="rtl"] .am-enquiry select { background-position: left 12px center; padding-right: 14px; padding-left: 38px; } [dir="rtl"] #am-prodoverview > .elementor-widget-wrap, [dir="rtl"] #am-prodapps > .elementor-widget-wrap { padding: 0 0 0 24px !important; } @media (max-width: 1024px) { [dir="rtl"] #am-side { border-left: 0; } [dir="rtl"] .am-footer-col:nth-child(3) { padding-right: 0; border-right: 0; } } @media (max-width: 767px) { [dir="rtl"] #am-sec-hero::before, [dir="rtl"] #am-pghero::before, [dir="rtl"] .am-pghero-static::before { background: linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.88) 60%, rgba(255,255,255,.4) 100%); } [dir="rtl"] .am-footer-col, [dir="rtl"] .am-footer-col:first-child { padding: 0; border-right: 0; } } .am-lang-draft { font-size: 11px; color: var(--am-muted); } .am-article-lead { margin: 0 0 14px; max-width: 760px; } /* ===================================================================== About v2 — full-bleed alternating rows (mockup page 8) ===================================================================== */ .elementor-14 #am-sec-hero .elementor-widget-heading h1.elementor-heading-title { font-size: 46px; line-height: 1.08; } .elementor-14 #am-sec-hero > .elementor-container { min-height: 440px; } [id^="am-abrow-"] { border-top: 1px solid var(--am-border); } [id^="am-abrow-"] > .elementor-container { align-items: stretch; min-height: 230px; } [id^="am-abtxt-"] { background: #fff; } #am-abrow-2 [id^="am-abtxt-"], #am-abrow-4 [id^="am-abtxt-"], #am-abrow-6 [id^="am-abtxt-"] { background: var(--am-light); } [id^="am-abtxt-"] > .elementor-widget-wrap { padding: 36px 56px !important; align-content: center; max-width: 660px; } #am-abrow-1 [id^="am-abtxt-"] > .elementor-widget-wrap, #am-abrow-3 [id^="am-abtxt-"] > .elementor-widget-wrap, #am-abrow-5 [id^="am-abtxt-"] > .elementor-widget-wrap, #am-abrow-7 [id^="am-abtxt-"] > .elementor-widget-wrap { margin-left: auto; } [id^="am-abtxt-"] .elementor-widget:not(:last-child) { margin-bottom: 10px; } [id^="am-abtxt-"] h2.elementor-heading-title { font-size: 14px !important; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--am-blue) !important; line-height: 1.3; } [id^="am-abtxt-"] .elementor-widget-text-editor { font-size: 16.5px; line-height: 1.6; color: #22385F; } [id^="am-abimg-"] { background-size: cover; background-position: center; min-height: 230px; } #am-abimg-2 { background: var(--am-light); } #am-abimg-2 > .elementor-widget-wrap, #am-abimg-3 > .elementor-widget-wrap { padding: 24px 32px !important; align-content: center; } #am-abstrip > .elementor-container { gap: 0; } [id^="am-abstrip-"] > .elementor-widget-wrap { padding: 0 6px !important; } [id^="am-abstrip-"] .elementor-widget-image img { width: 100%; height: 150px; object-fit: cover; border-radius: 6px; display: block; } /* Design → Build → Equip sequence */ #am-abimg-3 { background: #fff; } #am-dbe-row > .elementor-container { overflow: visible; align-items: center; } #am-dbe-1, #am-dbe-2, #am-dbe-3 { position: relative; text-align: center; } #am-dbe-1 .elementor-icon-box-wrapper, #am-dbe-2 .elementor-icon-box-wrapper, #am-dbe-3 .elementor-icon-box-wrapper { display: flex; flex-direction: column; align-items: center; text-align: center !important; } #am-dbe-1 .elementor-icon, #am-dbe-2 .elementor-icon, #am-dbe-3 .elementor-icon { width: auto; height: auto; background: none; border-radius: 0; font-size: 46px !important; color: var(--am-blue) !important; } #am-dbe-1 .elementor-icon svg, #am-dbe-2 .elementor-icon svg, #am-dbe-3 .elementor-icon svg { width: 46px; height: 46px; fill: var(--am-blue); } #am-dbe-1 .elementor-icon-box-icon, #am-dbe-2 .elementor-icon-box-icon, #am-dbe-3 .elementor-icon-box-icon { margin: 0 0 10px !important; } #am-dbe-1 .elementor-icon-box-title, #am-dbe-2 .elementor-icon-box-title, #am-dbe-3 .elementor-icon-box-title { font-size: 17px !important; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--am-navy) !important; } #am-dbe-1::after, #am-dbe-2::after { content: "\2192"; position: absolute; right: -10px; top: 18px; font-size: 24px; color: #8FA6CC; } [dir="rtl"] #am-dbe-1::after, [dir="rtl"] #am-dbe-2::after { right: auto; left: -10px; content: "\2190"; } #am-partner { background: #fff; } #am-partner > .elementor-widget-wrap { margin: 28px 40px; } @media (max-width: 1024px) { .elementor-14 #am-sec-hero .elementor-widget-heading h1.elementor-heading-title { font-size: 36px; } [id^="am-abtxt-"] > .elementor-widget-wrap { padding: 28px 28px !important; } [id^="am-abstrip-"] .elementor-widget-image img { height: 110px; } } @media (max-width: 767px) { .elementor-14 #am-sec-hero::before { background: linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.94) 70%, rgba(255,255,255,.75) 100%); } .elementor-14 #am-sec-hero .elementor-widget-heading h1.elementor-heading-title { font-size: 30px; } .elementor-14 #am-sec-hero > .elementor-container { min-height: 0; padding-top: 40px; padding-bottom: 40px; } [id^="am-abrow-"] > .elementor-container { flex-direction: column; min-height: 0; } .elementor [id^="am-abtxt-"], .elementor [id^="am-abimg-"], .elementor #am-partner { width: 100% !important; } [id^="am-abimg-"] { order: -1; min-height: 200px; } #am-abimg-2 { min-height: 0; } #am-abimg-3 { order: 2; min-height: 0; } .elementor-column[id^="am-abtxt-"] > .elementor-widget-wrap.elementor-element-populated { padding: 24px 20px !important; margin: 0 !important; max-width: none; } #am-abimg-2 > .elementor-widget-wrap, #am-abimg-3 > .elementor-widget-wrap { padding: 16px 14px !important; } .elementor [id^="am-abstrip-"] { width: 33.333% !important; } [id^="am-abstrip-"] > .elementor-widget-wrap { padding: 0 4px !important; } [id^="am-abstrip-"] .elementor-widget-image img { height: 90px; } #am-dbe-row > .elementor-container { flex-direction: row !important; flex-wrap: nowrap; } .elementor #am-dbe-1, .elementor #am-dbe-2, .elementor #am-dbe-3 { width: 33.333% !important; } #am-dbe-1 .elementor-icon, #am-dbe-2 .elementor-icon, #am-dbe-3 .elementor-icon { font-size: 34px !important; } #am-dbe-1 .elementor-icon svg, #am-dbe-2 .elementor-icon svg, #am-dbe-3 .elementor-icon svg { width: 34px; height: 34px; } #am-dbe-1 .elementor-icon-box-title, #am-dbe-2 .elementor-icon-box-title, #am-dbe-3 .elementor-icon-box-title { font-size: 13px !important; } #am-dbe-1::after, #am-dbe-2::after { top: 10px; right: -6px; font-size: 18px; } #am-partner > .elementor-widget-wrap { margin: 0 20px 24px; } #am-abrow-7 #am-partner { order: 2; } } /* About v2 polish: label tracking + body size were being overridden by global h2/p rules */ .elementor-14 [id^="am-abtxt-"] h2.elementor-heading-title { letter-spacing: .12em !important; font-size: 14px !important; margin-bottom: 4px; } .elementor-14 [id^="am-abtxt-"] .elementor-widget-text-editor p { font-size: 16px !important; line-height: 1.65 !important; color: #22385F; } .elementor-14 [id^="am-abtxt-"] .am-link-arrow { text-wrap: balance; } @media (max-width: 767px) { .elementor-14 [id^="am-abtxt-"] h2.elementor-heading-title { font-size: 12.5px !important; } .elementor-14 [id^="am-abtxt-"] .elementor-widget-text-editor p { font-size: 15px !important; } } /* Prefab facility rows: fill the row height instead of floating small images in white space */ @media (min-width: 1025px) { .elementor-8 [id^="am-facimg-"] > .elementor-widget-wrap, .elementor-8 [id^="am-facplan-"] > .elementor-widget-wrap { height: 100%; padding: 0 !important; } .elementor-8 [id^="am-facimg-"] .elementor-widget-image, .elementor-8 [id^="am-facplan-"] .elementor-widget-image { height: 100%; } .elementor-8 [id^="am-facimg-"] .elementor-widget-image img { height: 100% !important; min-height: 260px; width: 100%; object-fit: cover; border-radius: 0; } .elementor-8 [id^="am-facplan-"] { background: var(--am-light); } .elementor-8 [id^="am-facplan-"] .elementor-widget-image img { height: 100% !important; min-height: 260px; width: 100%; object-fit: contain; padding: 16px; } .elementor-8 [id^="am-factxt-"] > .elementor-widget-wrap { padding: 22px 36px !important; } } @media (min-width: 1025px) { .elementor-8 [id^="am-facimg-"] .elementor-widget-image img { object-position: 12% center; } .elementor-8 .elementor-column[id^="am-facplan-"] { background: var(--am-light) !important; } } @media (max-width: 767px) { .elementor-8 [id^="am-fac-"] > .elementor-container { flex-direction: row !important; flex-wrap: wrap !important; } .elementor .elementor-8 [id^="am-facimg-"], .elementor .elementor-8 [id^="am-facplan-"], .elementor-8 .elementor-column[id^="am-facimg-"], .elementor-8 .elementor-column[id^="am-facplan-"] { width: 50% !important; } .elementor-8 .elementor-column[id^="am-factxt-"] { width: 100% !important; } .elementor-8 [id^="am-facimg-"] .elementor-widget-image img, .elementor-8 [id^="am-facplan-"] .elementor-widget-image img { height: 170px !important; width: 100%; object-fit: cover; } .elementor-8 [id^="am-facplan-"] { background: var(--am-light); } .elementor-8 [id^="am-facplan-"] .elementor-widget-image img { object-fit: contain; padding: 6px; } .elementor-8 [id^="am-facimg-"] > .elementor-widget-wrap, .elementor-8 [id^="am-facplan-"] > .elementor-widget-wrap { padding: 0 !important; } } @media (max-width: 767px) { [id="am-pghero"] { position: relative; } [id="am-pghero"] > .elementor-widget-wrap { position: relative; z-index: 1; } [id="am-pghero"]::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.92) 75%, rgba(255,255,255,.7) 100%); z-index: 0; } } @media (max-width: 767px) { #am-pghero > .elementor-container { position: relative; z-index: 1; } #am-pghero::before { content: "" !important; position: absolute; inset: 0; z-index: 0; opacity: 1 !important; background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.9) 80%, rgba(255,255,255,.65) 100%) !important; } } /* Image logo (Customizer site logo) */ .am-logo.am-logo-has-img { display: inline-block; line-height: 0; } .am-logo-img { height: 40px; width: auto; max-width: 220px; } .am-footer .am-logo-img { height: 44px; } @media (max-width: 767px) { .am-logo-img { height: 32px; } } /* Contact social row: hide a channel until its URL is filled in Elementor */ #am-soc-row .elementor-column:has(a[href="#"]), #am-soc-row .elementor-column:has(.elementor-icon-box-wrapper):not(:has(a)) { display: none; } /* Product cards / product pages with client packshots */ [id^="am-prodcard-"] > .elementor-widget-wrap { padding: 0 0 18px !important; overflow: hidden; } [id^="am-prodcard-"] > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget-image) { padding: 0 18px; } [id^="am-prodcard-"] .elementor-widget-image { margin-bottom: 14px !important; } [id^="am-prodcard-"] .elementor-widget-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; background: var(--am-light); } [id^="am-prodcard-"] h3.elementor-heading-title { font-size: 16px !important; line-height: 1.3; } [id^="am-prodcard-"] h3.elementor-heading-title a { color: var(--am-blue); } [id^="am-prodcard-"] p { font-size: 14px; color: var(--am-muted); margin: 0; } #am-prodvisual .elementor-widget-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; background: var(--am-light); } @media (max-width: 767px) { [id^="am-prodcard-"] > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget-image) { padding: 0 12px; } [id^="am-prodcard-"] p { font-size: 13px; } } /* Contact details row */ #am-sec-details { padding: 8px 0 28px; } #am-sec-details > .elementor-container { max-width: 1140px; } [id^="am-detail-"] > .elementor-widget-wrap { background: var(--am-light); border-radius: 10px; margin: 0 8px; padding: 20px 22px !important; } [id^="am-detail-"] .elementor-icon-box-wrapper { display: flex; gap: 14px; align-items: flex-start; text-align: left !important; } [id^="am-detail-"] .elementor-icon-box-icon { margin: 0 !important; flex: none; } [id^="am-detail-"] .elementor-icon { font-size: 22px !important; color: var(--am-blue) !important; background: #fff; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; } [id^="am-detail-"] .elementor-icon svg { width: 22px; height: 22px; fill: var(--am-blue); } [id^="am-detail-"] .elementor-icon-box-title { font-size: 13px !important; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--am-navy) !important; margin: 2px 0 6px !important; } [id^="am-detail-"] .elementor-icon-box-description { font-size: 15px; line-height: 1.55; color: #22385F; } [id^="am-detail-"] .elementor-icon-box-description a { color: var(--am-blue); } @media (max-width: 767px) { #am-sec-details > .elementor-container { flex-direction: column; gap: 10px; } .elementor [id^="am-detail-"] { width: 100% !important; } [id^="am-detail-"] > .elementor-widget-wrap { margin: 0 16px; } } /* Home hero "Watch Video" link (mockup) */ .am-watch { margin: 4px 0 0; } .am-watch a { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 15px; color: var(--am-navy); text-decoration: none; } .am-watch a i { font-size: 26px; color: var(--am-blue); } .am-watch a:hover { color: var(--am-blue); } /* Legal pages + HTML sitemap */ #am-legal-hero { background: var(--am-light); padding: 56px 0 40px; } #am-legal-hero > .elementor-container, #am-legal > .elementor-container { max-width: 860px; } #am-legal-hero h1.elementor-heading-title { font-size: 42px; color: var(--am-navy); margin: 10px 0 6px; } .am-legal-updated { color: var(--am-muted); font-size: 15px; margin: 0; } #am-legal { padding: 40px 0 72px; } #am-legal-body h2, #am-sitemap h2 { font-size: 21px; color: var(--am-navy); margin: 30px 0 10px; } #am-legal-body p, #am-legal-body li { font-size: 16px; line-height: 1.7; color: #22385F; } #am-legal-body ul { margin: 0 0 14px; padding-left: 22px; } #am-legal-body .elementor-widget { margin-bottom: 0 !important; } #am-sitemap > .elementor-widget-wrap { display: grid !important; grid-template-columns: repeat(2, 1fr); gap: 8px 48px; } #am-sitemap ul { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--am-border); } #am-sitemap li { border-bottom: 1px solid var(--am-border); } #am-sitemap li a { display: block; padding: 11px 0; color: var(--am-blue); font-weight: 600; text-decoration: none; } #am-sitemap li a:hover { color: var(--am-navy); } @media (max-width: 767px) { #am-legal-hero { padding: 32px 16px 24px; } #am-legal-hero h1.elementor-heading-title { font-size: 32px; } #am-legal { padding: 20px 16px 48px; } #am-sitemap > .elementor-widget-wrap { grid-template-columns: 1fr; } } @media (max-width: 767px) { [id^="am-detail-"] .elementor-icon-box-wrapper { display: flex !important; flex-direction: row !important; align-items: center; } [id^="am-detail-"] .elementor-icon-box-content { text-align: left !important; } } /* Catalogue QR grid (one per language) + download popup */ .am-qr-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; max-width: 250px; margin: 0 auto; } .am-qr { margin: 0; text-align: center; cursor: pointer; } .am-qr-code { display: block; background: #fff; border: 1px solid var(--am-border); border-radius: 6px; padding: 4px; aspect-ratio: 1; } .am-qr-code svg { width: 100%; height: 100%; display: block; } .am-qr figcaption { font-size: 11px; font-weight: 600; color: var(--am-navy); margin-top: 4px; } .am-catalog-popup { border: 0; border-radius: 14px; padding: 28px 26px 24px; width: min(440px, calc(100vw - 32px)); box-shadow: 0 24px 60px rgba(10,42,102,.28); color: var(--am-navy); } .am-catalog-popup::backdrop { background: rgba(8,26,64,.55); } .am-catalog-popup h3 { font-size: 22px; margin: 4px 0 6px; color: var(--am-navy); } .am-pop-eyebrow { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--am-blue); margin: 0; } .am-pop-note { font-size: 14px; color: var(--am-muted); margin: 0 0 14px; } .am-pop-close { position: absolute; top: 10px; right: 14px; border: 0; background: none; font-size: 28px; line-height: 1; color: var(--am-muted); cursor: pointer; } .am-pop-list { list-style: none; margin: 0; padding: 0; } .am-pop-list li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--am-border); border-radius: 8px; margin-bottom: 8px; } .am-pop-list li span { font-weight: 600; } .am-pop-list li.is-selected { border-color: var(--am-blue); background: var(--am-light); box-shadow: inset 3px 0 0 var(--am-blue); } .am-pop-dl { background: var(--am-blue); color: #fff !important; font-size: 13px; font-weight: 700; padding: 8px 14px; border-radius: 6px; text-decoration: none; white-space: nowrap; } .am-pop-dl:hover { background: var(--am-navy); } [dir="rtl"] .am-pop-close { right: auto; left: 14px; } .am-catalog-popup .am-pop-close, .am-catalog-popup .am-pop-close:hover, .am-catalog-popup .am-pop-close:focus { background: none !important; border: 0 !important; box-shadow: none !important; color: var(--am-muted) !important; padding: 4px 6px !important; width: auto; min-height: 0; } .am-catalog-popup .am-pop-close:hover { color: var(--am-navy) !important; } /* Projects page: project videos */ #am-sec-videos { padding: 64px 0; } #am-video-row > .elementor-container { gap: 0; } [id^="am-video-"] > .elementor-widget-wrap { padding: 8px 12px !important; } [id^="am-video-"] .elementor-wrapper { border-radius: 10px; overflow: hidden; box-shadow: 0 10px 26px rgba(10,42,102,.10); } [id^="am-video-"] h3.elementor-heading-title { font-size: 18px; color: var(--am-navy); margin-top: 12px; } @media (max-width: 767px) { #am-sec-videos { padding: 40px 16px; } #am-video-row > .elementor-container { flex-direction: column; } .elementor [id^="am-video-"] { width: 100% !important; } [id^="am-video-"] > .elementor-widget-wrap { padding: 8px 0 !important; } } @media (min-width: 768px) { #am-video-row > .elementor-container { margin: 0 -12px; } } /* Mobile/tablet header: hamburger left · logo centre · language right */ @media (max-width: 1024px) { .am-header-inner { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; } .am-header button.am-nav-toggle { grid-column: 1; grid-row: 1; justify-self: start; margin: 0 0 0 -10px; } .am-header .am-logo { grid-column: 2; grid-row: 1; justify-self: center; } .am-lang { grid-column: 3; grid-row: 1; justify-self: end; } .am-nav { grid-column: 1 / -1; } [dir="rtl"] .am-header button.am-nav-toggle { margin: 0 -10px 0 0; } } /* Hamburger turns into × while the menu is open */ .am-nav-toggle span, .am-nav-toggle span::before, .am-nav-toggle span::after { transition: transform .2s, top .2s, background .2s; } .am-header.is-open .am-nav-toggle span { background: transparent; } .am-header.is-open .am-nav-toggle span::before { top: 0; transform: rotate(45deg); } .am-header.is-open .am-nav-toggle span::after { top: 0; transform: rotate(-45deg); } /* Gated catalogue dialog (Rev.01 §2) */ .am-catalog-popup { width: min(620px, calc(100vw - 24px)); max-height: calc(100vh - 32px); overflow-y: auto; } .am-catalog-popup h3 { font-size: 24px; } .am-catalog-popup .am-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; } .am-catalog-popup .am-f { margin: 0 0 12px; } .am-catalog-popup .am-f-full { grid-column: 1 / -1; } .am-catalog-popup label { display: block; font-size: 13px; font-weight: 600; color: var(--am-navy); margin-bottom: 5px; } .am-catalog-popup input[type=text], .am-catalog-popup input[type=email], .am-catalog-popup input[type=tel], .am-catalog-popup select { width: 100%; padding: 10px 12px; border: 1px solid var(--am-border); border-radius: 6px; font: 14px var(--am-font); background: #fff; } .am-consent { font-size: 13px; line-height: 1.5; color: #22385F; margin: 6px 0 14px; } .am-consent .wpcf7-list-item { margin: 0 6px 0 0; } .am-catalog-popup .am-f-submit input { width: 100%; } .am-catalog-popup .wpcf7-response-output { font-size: 13px; margin: 10px 0 0 !important; } @media (max-width: 600px) { .am-catalog-popup .am-form-grid { grid-template-columns: 1fr; } .am-catalog-popup { padding: 22px 18px; } } .am-catalog-popup, .am-catalog-popup * { text-align: left; } [dir="rtl"] .am-catalog-popup, [dir="rtl"] .am-catalog-popup * { text-align: right; } .am-consent label { display: inline; font-weight: 400; } /* Contact: Our Local Representatives (Rev.01 §3) */ #am-sec-reps { padding: 56px 0 24px; } #am-sec-reps > .elementor-container { max-width: 1140px; } #am-rep-row > .elementor-container { flex-wrap: wrap; justify-content: flex-start; margin: 8px -8px 0; } [id^="am-rep-"]:not(#am-rep-row) > .elementor-widget-wrap { background: #fff; border: 1px solid var(--am-border); border-radius: 12px; margin: 8px; padding: 22px 22px 24px !important; } [id^="am-rep-"] h3.elementor-heading-title { font-size: 20px; color: var(--am-navy); margin: 2px 0 0; } .am-rep-role { color: var(--am-muted); font-size: 15px; margin: 0; } .am-rep-email a { color: var(--am-blue); font-weight: 600; } [id^="am-rep-"] .elementor-widget:not(:last-child) { margin-bottom: 8px !important; } [id^="am-rep-"] .elementor-button-icon { font-size: 18px; } @media (max-width: 767px) { #am-sec-reps { padding: 40px 16px 16px; } .elementor [id^="am-rep-"]:not(#am-rep-row) { width: 100% !important; } } /* ===================================================================== Rev.01 §8 — final global mobile typography & spacing pass (no structural or copy changes) ===================================================================== */ @media (max-width: 767px) { /* breathing space between major sections */ [id^="am-sec-"]:not(#am-sec-hero):not(#am-sec-about):not(#am-sec-cta):not(#am-sec-details):not(#am-sec-enquiry):not(#am-sec-partnerline) { padding-top: 56px !important; padding-bottom: 56px !important; } #am-sec-cta { padding-top: 48px !important; padding-bottom: 48px !important; } #am-sec-projectgrid { padding-top: 40px !important; } #am-sec-enquiry { padding-bottom: 64px !important; } #am-sec-reps { padding-top: 48px !important; padding-bottom: 32px !important; } #am-legal { padding-bottom: 64px !important; } /* readable body text + comfortable line height */ .elementor .elementor-widget-text-editor, .elementor .elementor-widget-text-editor p { font-size: 16px; line-height: 1.65; } .elementor .am-lead { font-size: 17px; line-height: 1.6; } .am-note, .am-fac-overview, .am-rep-role { font-size: 14.5px !important; line-height: 1.6; } .am-chips li, .am-chips span, .am-project-meta, .am-proj-meta { font-size: 13px !important; } .am-fac-label, .am-step-label, .am-eyebrow { font-size: 12px !important; } .elementor-widget-icon-box .elementor-icon-box-description { font-size: 14.5px; line-height: 1.6; } /* headings: impactful but proportionate */ .elementor .elementor-widget-heading h1.elementor-heading-title { font-size: 34px !important; line-height: 1.12; } .elementor-14 #am-sec-hero .elementor-widget-heading h1.elementor-heading-title { font-size: 30px !important; } .elementor .elementor-widget-heading h2.elementor-heading-title { line-height: 1.2; } #am-content .elementor-widget-heading h2.elementor-heading-title { font-size: 26px; } /* comfortable touch targets (≥ 44px) */ .elementor-button { min-height: 48px; display: inline-flex !important; align-items: center; justify-content: center; } .am-link-arrow { display: inline-block; padding: 12px 0; font-size: 15px !important; } .am-breadcrumb a, .am-breadcrumb span { display: inline-block; padding: 12px 0; } .am-footer-links a { display: inline-block; padding: 11px 0; font-size: 15px; } .am-footer-legal { font-size: 14px !important; } .am-footer-legal a { display: inline-block; padding: 12px 0; font-size: 14px; } .am-footer-bottom { font-size: 14px !important; } .am-footer .am-link-arrow { white-space: normal; } .am-social a { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; } .am-filter { min-height: 44px; } .am-enquiry input, .am-enquiry select, .am-enquiry textarea { font-size: 16px !important; min-height: 48px; } /* 16px stops iOS zoom */ .am-enquiry textarea { min-height: 120px; } .am-consent input[type=checkbox] { width: 20px; height: 20px; vertical-align: -4px; } } @media (max-width: 767px) { .am-header button.am-lang-current { min-height: 44px; } .am-footer-partner { display: inline-block; padding: 6px 0; } } @media (max-width: 767px) { .elementor-6 #am-sec-hero .elementor-widget-heading h1.elementor-heading-title { font-size: 40px !important; line-height: 1.08; } } /* Home social feeds on mobile: thumbnails in one row (was stacked full-width strips) */ @media (max-width: 767px) { [id^="am-feedgrid-"] > .elementor-container { flex-direction: row !important; flex-wrap: nowrap !important; gap: 6px; } .elementor [id^="am-feedthumb-"] { width: auto !important; flex: 1 1 0; min-width: 0; } [id^="am-feedthumb-"] > .elementor-widget-wrap { padding: 0 !important; } [id^="am-feedthumb-"] .elementor-widget-image img { width: 100%; height: auto !important; aspect-ratio: 1; object-fit: cover; border-radius: 6px; display: block; } .am-feed-video [id^="am-feedthumb-"] .elementor-widget-image img { aspect-ratio: 9 / 13; } [id^="am-feed-youtube"] [id^="am-feedthumb-"] .elementor-widget-image img { aspect-ratio: 16 / 11; } [id^="am-feed-"] + [id^="am-feed-"] { margin-top: 28px; } }