/* ===================================================================== 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-"]. ===================================================================== */ /* No dark theme: the approved light design stays put even when the device is in Dark Mode (client, 23 Sept). color-scheme also stops Chrome Android's automatic dark repaint. */ :root { color-scheme: only light; } html, body { background: #fff; color: var(--am-text); forced-color-adjust: none; } input, select, textarea, button { color-scheme: only light; } :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); } /* ---------- Latest Insights (client, 24 Sept: new section between Project Environments and Our Projects) — same card language as the Insights page's own article cards. ---------- */ [id^="am-inscard-"] > .elementor-widget-wrap { background: #fff; border: 1px solid var(--am-border); border-radius: 10px; overflow: hidden; align-content: flex-start; transition: box-shadow .2s, transform .2s; } [id^="am-inscard-"]:hover > .elementor-widget-wrap { box-shadow: 0 14px 30px rgba(10,42,102,.10); transform: translateY(-3px); } [id^="am-inscard-"] .elementor-widget { margin-bottom: 0 !important; } [id^="am-inscard-"] .elementor-widget-image { margin-bottom: 0 !important; } [id^="am-inscard-"] .elementor-widget-image img, [id^="am-inscard-"] .am-ins-thumb.is-empty { width: 100%; height: 190px; object-fit: cover; display: block; background: var(--am-light); } [id^="am-inscard-"] .elementor-widget-text-editor { padding: 18px 20px 0; } [id^="am-inscard-"] .elementor-widget:last-child { padding: 6px 20px 20px; } .am-ins-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-ins-cat { color: var(--am-blue); font-weight: 700; } .am-ins-title { margin: 0; font-size: 17px; font-weight: 700; line-height: 1.3; } .am-ins-title a { color: var(--am-blue); text-decoration: none; } /* main (2 cards) + sidebar (Related/Popular Articles) split; gap:no on the row above, so the space between the two columns is added here instead. */ #am-ins-side { padding-left: 36px; } /* ---------- 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-sub-toggle { display: none; } .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; } /* mobile submenus open/close with the arrow button added by audie.js; the parent link still navigates */ .am-menu li.menu-item-has-children { position: relative; } .am-menu > li.menu-item-has-children > a::after { display: none; } .am-menu li.menu-item-has-children > a { padding-right: 52px; } .am-menu .sub-menu { display: none; } .am-menu li.is-sub-open > .sub-menu { display: block; } .am-sub-toggle { display: flex; position: absolute; top: 0; right: -10px; width: 48px; height: 46px; align-items: center; justify-content: center; background: none; border: 0; color: var(--am-navy); cursor: pointer; } .am-sub-toggle::before { content: ""; width: 8px; height: 8px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); margin-top: -4px; transition: transform .2s; } .am-menu li.is-sub-open > .am-sub-toggle::before { transform: rotate(225deg); margin-top: 4px; } .am-header .am-sub-toggle:hover, .am-header .am-sub-toggle:focus, .am-header .am-sub-toggle:active { background: none !important; color: var(--am-blue) !important; box-shadow: none !important; border: 0 !important; } .am-header .am-sub-toggle:focus-visible { outline: 2px solid var(--am-blue); outline-offset: -6px; } .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; } /* Latest Insights: same density pass */ [id^="am-inscard-"] .elementor-widget-image img { height: 150px; } .am-ins-title { font-size: 15px; line-height: 1.3; } /* 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; } .elementor [id^="am-inscard-"] { width: 50% !important; } /* Insights: sidebar drops below the 2 cards instead of squeezing into a narrow column. */ .elementor #am-ins-main, .elementor #am-ins-side { width: 100% !important; } #am-ins-side { padding-left: 0; margin-top: 24px; } } @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; } .elementor [id^="am-inscard-"] { width: 50% !important; padding: 5px; } [id^="am-inscard-"] .elementor-widget-image img { height: 100px; } [id^="am-inscard-"] .elementor-widget-text-editor { padding: 12px 12px 0; } [id^="am-inscard-"] .elementor-widget:last-child { padding: 4px 12px 14px; } .am-ins-title { font-size: 13px; } .am-ins-meta { font-size: 11px; } } /* ===================================================================== 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,.94) 50%, rgba(255,255,255,.55) 68%, rgba(255,255,255,.12) 82%); } #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; color: var(--am-text); font-weight: 500; } /* ===================================================================== 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); } .am-single-photo { margin: 0; } .am-single-photo img { display: block; width: 100%; height: auto; max-height: 560px; object-fit: cover; border-radius: 12px; } .am-single-main > .am-single-photo + h2 { margin-top: 36px; } .am-single-more { background: var(--am-light); border-top: 1px solid var(--am-border); } .am-single-more-inner { max-width: var(--am-width); margin: 0 auto; padding: 56px 20px; } .am-single-more-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 24px; } .am-single-more-head h2 { margin: 0; font-size: 28px; font-weight: 800; color: var(--am-navy); } @media (max-width: 767px) { .am-single-more-inner { padding: 40px 16px; } .am-single-more-head h2 { font-size: 22px; } } @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-color: 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-sub-toggle { right: auto; left: -10px; } [dir="rtl"] .am-menu li.menu-item-has-children > a { padding-right: 0; padding-left: 52px; } [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) ===================================================================== */ .am-p-14 #am-sec-hero .elementor-widget-heading h1.elementor-heading-title { font-size: 46px; line-height: 1.08; } .am-p-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) { .am-p-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) { .am-p-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%); } .am-p-14 #am-sec-hero .elementor-widget-heading h1.elementor-heading-title { font-size: 30px; } .am-p-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 */ .am-p-14 [id^="am-abtxt-"] h2.elementor-heading-title { letter-spacing: .12em !important; font-size: 14px !important; margin-bottom: 4px; } .am-p-14 [id^="am-abtxt-"] .elementor-widget-text-editor p { font-size: 16px !important; line-height: 1.65 !important; color: #22385F; } .am-p-14 [id^="am-abtxt-"] .am-link-arrow { text-wrap: balance; } @media (max-width: 767px) { .am-p-14 [id^="am-abtxt-"] h2.elementor-heading-title { font-size: 12.5px !important; } .am-p-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) { .am-p-8 [id^="am-facimg-"] > .elementor-widget-wrap, .am-p-8 [id^="am-facplan-"] > .elementor-widget-wrap { height: 100%; padding: 0 !important; } .am-p-8 [id^="am-facimg-"] .elementor-widget-image, .am-p-8 [id^="am-facplan-"] .elementor-widget-image { height: 100%; } .am-p-8 [id^="am-facimg-"] .elementor-widget-image img { height: 100% !important; min-height: 260px; width: 100%; object-fit: cover; border-radius: 0; } .am-p-8 [id^="am-facplan-"] { background: var(--am-light); } .am-p-8 [id^="am-facplan-"] .elementor-widget-image img { height: 100% !important; min-height: 260px; width: 100%; object-fit: contain; padding: 16px; } .am-p-8 [id^="am-factxt-"] > .elementor-widget-wrap { padding: 22px 36px !important; } } @media (min-width: 1025px) { .am-p-8 [id^="am-facimg-"] .elementor-widget-image img { object-position: 12% center; } .am-p-8 .elementor-column[id^="am-facplan-"] { background: var(--am-light) !important; } } @media (max-width: 767px) { .am-p-8 [id^="am-fac-"] > .elementor-container { flex-direction: row !important; flex-wrap: wrap !important; } .am-p-8 .elementor [id^="am-facimg-"], .am-p-8 .elementor [id^="am-facplan-"], .am-p-8 .elementor-column[id^="am-facimg-"], .am-p-8 .elementor-column[id^="am-facplan-"] { width: 50% !important; } .am-p-8 .elementor-column[id^="am-factxt-"] { width: 100% !important; } .am-p-8 [id^="am-facimg-"] .elementor-widget-image img, .am-p-8 [id^="am-facplan-"] .elementor-widget-image img { height: 170px !important; width: 100%; object-fit: cover; } .am-p-8 [id^="am-facplan-"] { background: var(--am-light); } .am-p-8 [id^="am-facplan-"] .elementor-widget-image img { object-fit: contain; padding: 6px; } .am-p-8 [id^="am-facimg-"] > .elementor-widget-wrap, .am-p-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 */ /* 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; } /* 7 cards over 3 columns: centre the row so the last card is centred, not left-aligned. */ #am-rep-row > .elementor-container { flex-wrap: wrap; justify-content: center; align-items: stretch; margin: 8px -8px 0; } /* Equal height cards: the card fills the row height and the WhatsApp button sits at the bottom. */ [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; height: calc(100% - 16px); display: flex; flex-direction: column; align-content: flex-start; } [id^="am-rep-"] .elementor-widget-button { margin-top: auto !important; padding-top: 14px; } /* Same structure in every card: the company line keeps its space where there is no named contact. */ [id^="am-rep-"] .am-rep-role { min-height: 24px; } /* Compact/subtle CTA — this section stays secondary to the Project Enquiry form. */ [id^="am-rep-"] .elementor-button { font-size: 14px !important; padding: 10px 16px !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; } .am-p-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) { .am-p-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; } } /* Contact social row: 6 icons in one row on desktop, 3 per row on mobile */ @media (min-width: 768px) { .elementor [id^="am-soc-"]:not(#am-soc-row) { width: 16.666% !important; } } @media (max-width: 767px) { .elementor [id^="am-soc-"]:not(#am-soc-row) { width: 33.333% !important; } } /* Mobile hero banners: keep the photo visible (text area stays readable, image shows below it) */ @media (max-width: 767px) { #am-sec-hero, #am-pghero { background-size: 175% auto !important; background-position: 82% 100% !important; background-repeat: no-repeat !important; background-color: #F3F6FB !important; } #am-sec-hero > .elementor-container { padding-bottom: 210px !important; min-height: 0 !important; } #am-pghero > .elementor-container { padding-bottom: 190px !important; } #am-sec-hero::before, #am-pghero::before, .am-p-14 #am-sec-hero::before { background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.93) calc(100% - 250px), rgba(255,255,255,.55) calc(100% - 175px), rgba(255,255,255,0) calc(100% - 110px)) !important; } } /* Home: floating WhatsApp chat widget (#am-wa, Elementor inner section) */ #am-wa { position: fixed !important; right: 22px; bottom: 22px; z-index: 9990; width: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; } /* #am-wa lives inside the hero: a z-index on the hero container would trap it in that stacking context (later sections painted over the panel). auto still paints the content above ::before. */ #am-sec-hero > .elementor-container { z-index: auto !important; } #am-wa > .elementor-container { display: block; width: auto; max-width: none; } #am-wa-col { width: auto !important; } #am-wa-col > .elementor-widget-wrap { padding: 0 !important; display: flex !important; flex-direction: column; align-items: flex-end; position: relative; } #am-wa .elementor-widget { margin: 0 !important; } #am-wa-toggle { position: relative; z-index: 3; order: 6; align-self: flex-end; width: auto !important; } #am-wa-toggle .elementor-icon-wrapper { text-align: right; line-height: 0; } [dir="rtl"] #am-wa-toggle { align-self: flex-start; } #am-wa-toggle .elementor-icon { background: #25D366 !important; color: #fff !important; fill: #fff; width: 62px; height: 62px; font-size: 34px !important; padding: 0 !important; display: grid !important; place-items: center; box-shadow: 0 10px 26px rgba(10,42,102,.25); transition: transform .2s; cursor: pointer; } #am-wa-toggle .elementor-icon svg { width: 34px; height: 34px; fill: #fff; } #am-wa-toggle .elementor-icon:hover { transform: scale(1.06); } #am-wa-label, #am-wa-hover { position: absolute !important; right: 76px; bottom: 12px; width: max-content !important; max-width: none !important; white-space: nowrap; cursor: pointer; z-index: 2; transition: opacity .2s, transform .2s; } #am-wa-label p, #am-wa-hover p { margin: 0; font-size: 15px; line-height: 1; padding: 13px 16px; border-radius: 10px; } #am-wa-label p { background: #fff; color: #33415C; box-shadow: 0 6px 22px rgba(10,42,102,.16); } #am-wa-label strong { color: #0A2A66; } #am-wa-hover p { background: #25D366; color: #fff; font-weight: 700; box-shadow: 0 8px 22px rgba(37,211,102,.35); } #am-wa-hover { opacity: 0; transform: translateX(8px); pointer-events: none; } #am-wa:not(.is-open):hover #am-wa-label { opacity: 0; transform: translateX(-8px); } #am-wa:not(.is-open):hover #am-wa-hover { opacity: 1; transform: none; pointer-events: auto; } #am-wa-title, #am-wa-sub, #am-wa-note, #am-wa-contact { display: none; position: relative !important; width: min(340px, calc(100vw - 32px)) !important; box-sizing: border-box; } #am-wa-title { order: 1; z-index: 1; background: #25D366; border-radius: 14px 14px 0 0; padding: 20px 22px 2px 70px; } #am-wa-title::before { content: ""; position: absolute; left: 22px; top: 22px; width: 34px; height: 34px; background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E"); } #am-wa-title h4.elementor-heading-title { color: #fff !important; font-size: 20px !important; margin: 0; line-height: 1.25; } #am-wa-sub { order: 2; z-index: 0; background: #25D366; padding: 2px 22px 20px 70px; } #am-wa-sub p { margin: 0; color: #EFFFF4; font-size: 14px; line-height: 1.45; } #am-wa-note { order: 3; background: #fff; padding: 14px 22px 6px; } #am-wa-note p { margin: 0; color: #8A94A6; font-size: 13px; } #am-wa-contact { order: 4; background: #fff; border-radius: 0 0 14px 14px; padding: 8px 18px 18px; margin-bottom: 16px !important; box-shadow: 0 22px 40px rgba(10,42,102,.20); } #am-wa-contact .elementor-button { width: 100%; display: flex !important; justify-content: space-between; align-items: center; background: #F4F6F9 !important; color: #0A2A66 !important; border: 0 !important; border-left: 3px solid #25D366 !important; border-radius: 8px !important; padding: 16px 18px !important; font-size: 15px !important; font-weight: 600; min-height: 0; } #am-wa-contact .elementor-button:hover { background: #E9F9EF !important; } #am-wa-contact .elementor-button-content-wrapper { width: 100%; justify-content: space-between; } #am-wa-contact .elementor-button-icon { color: #25D366; font-size: 22px; fill: #25D366; } #am-wa-contact .elementor-button-icon svg { width: 22px; height: 22px; fill: #25D366; } #am-wa.is-open #am-wa-title, #am-wa.is-open #am-wa-sub, #am-wa.is-open #am-wa-note, #am-wa.is-open #am-wa-contact { display: block; animation: am-wa-in .2s ease-out; } @keyframes am-wa-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } } #am-wa.is-open #am-wa-label, #am-wa.is-open #am-wa-hover { opacity: 0; pointer-events: none; } #am-wa.is-open #am-wa-toggle .elementor-icon svg, #am-wa.is-open #am-wa-toggle .elementor-icon i { display: none; } #am-wa.is-open #am-wa-toggle .elementor-icon::before { content: "\00d7"; font-size: 40px; line-height: 1; color: #fff; font-family: Arial, sans-serif; } [dir="rtl"] #am-wa { right: auto; left: 22px; } [dir="rtl"] #am-wa-col > .elementor-widget-wrap { align-items: flex-start; } [dir="rtl"] #am-wa-label, [dir="rtl"] #am-wa-hover { right: auto; left: 76px; } @media (max-width: 767px) { #am-wa { right: 14px; bottom: 14px; } #am-wa-toggle .elementor-icon { width: 56px; height: 56px; font-size: 30px !important; } #am-wa-label, #am-wa-hover { right: 66px; bottom: 9px; } #am-wa-label p, #am-wa-hover p { font-size: 13.5px; padding: 11px 13px; } } /* Elementor editor: show every part in place so it can be edited */ .elementor-editor-active #am-wa { position: relative !important; right: auto; bottom: auto; } #am-wa-contact .elementor-button-text { text-align: left; flex: 1; line-height: 1.3; } [dir="rtl"] #am-wa-contact .elementor-button-text { text-align: right; } /* Catalogue request success → WhatsApp admin button */ .am-pop-wa { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 16px; background: #25D366; color: #fff !important; font-weight: 700; font-size: 16px; padding: 15px 20px; border-radius: 8px; text-decoration: none; min-height: 48px; } .am-pop-wa::before { content: ""; width: 22px; height: 22px; background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm101.2 202.4c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E"); } .am-pop-wa:hover { background: #1EBE5B; } /* About rows (client feedback 23 Sept): photos were cropped too tightly in short, wide rows */ @media (min-width: 1025px) { .am-p-14 [id^="am-abrow-"] > .elementor-container { min-height: 400px; } .am-p-14 [id^="am-abimg-"] { min-height: 400px; } .am-p-14 #am-abimg-1 { background-position: center 25% !important; } .am-p-14 #am-abimg-4 { background-position: center 40% !important; } .am-p-14 #am-abimg-5, .am-p-14 #am-abimg-6 { background-position: center center !important; } .am-p-14 [id^="am-abstrip-"] .elementor-widget-image img { height: 210px; } } @media (min-width: 768px) and (max-width: 1024px) { .am-p-14 [id^="am-abimg-"] { min-height: 320px; } } /* Home "More Than a Healthcare Building" (client feedback 23 Sept): the photo was too tall and dominated the page */ @media (min-width: 1025px) { .am-p-6 #am-sec-about > .elementor-container { align-items: center; } .am-p-6 #am-about-img { min-height: 380px !important; align-self: center; background-position: center 35% !important; } } @media (min-width: 768px) and (max-width: 1024px) { .am-p-6 #am-about-img { min-height: 300px !important; } } @media (max-width: 767px) { .am-p-6 #am-about-img { min-height: 220px !important; } } /* ===================================================================== Wide / ultrawide screens (client 23 Sept): every section stays inside one 1440px frame, centred — nothing (photos, full-bleed rows, sidebar layout) extends past the edges of the layout used everywhere else. ===================================================================== */ @media (min-width: 1500px) { body { background: #fff; } .elementor > .elementor-section, .elementor > .elementor-element.e-con, .elementor-section-wrap > .elementor-section, .am-article, .am-project, .am-insights, .am-archive { max-width: 1440px; margin-left: auto !important; margin-right: auto !important; } .am-header-inner, .am-footer-inner, .am-footer-bottom { max-width: 1440px; padding-left: 40px; padding-right: 40px; } /* Boxed section content (hero, about, CTA, ...) was re-centred at 1240px inside the 1440px outer frame above, which left it ~60px right of the header/footer content edge (client screenshot, 24 Sept: hero text should line up with the logo). Match the same 1440px box + 40px padding used by the header/footer instead of an independent 1240px centring, so every boxed section's left edge lines up with the logo. */ /* top-level sections only — inner sections must keep their own layout */ .elementor > .elementor-section.elementor-section-boxed > .elementor-container, .elementor-section-wrap > .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1440px; padding-left: 40px; padding-right: 40px; } } /* ===================================================================== Revision 02 — Construction Systems & Materials / Design Team / Negative Pressure Isolation Rooms (same component language as the existing Solution pages; IDs, not classes, because Elementor free does not render the CSS Classes control). ===================================================================== */ /* Hero trust row (the icon strip under each new hero) */ #am-hicons > .elementor-container { flex-wrap: wrap; align-items: stretch; border-bottom: 1px solid var(--am-border); padding: 0 0 18px; margin-bottom: 8px; } [id^="am-hicon-"] .elementor-image-box-wrapper { display: flex; align-items: center; gap: 10px; text-align: left; } [id^="am-hicon-"] .elementor-image-box-img { margin: 0 !important; width: 38px; flex: 0 0 38px; } [id^="am-hicon-"] .elementor-image-box-img img { width: 38px; height: 38px; object-fit: contain; } [id^="am-hicon-"] .elementor-image-box-title { margin: 0 !important; font-size: 13.5px !important; font-weight: 600; line-height: 1.3; color: var(--am-navy); } [id^="am-hicon-"] .elementor-image-box-description { display: none; } /* Key-benefit chips under each system / material */ /* Key-benefit chips (image-box widgets: the client's icon artwork + label) */ [id^="am-bens-"] { margin-top: 14px; } [id^="am-bens-"] > .elementor-container { flex-wrap: wrap; gap: 10px 0; } [id^="am-ben-"] .elementor-image-box-wrapper { display: flex; align-items: center; gap: 8px; text-align: left; } [id^="am-ben-"] .elementor-image-box-img { margin: 0 !important; width: 30px; flex: 0 0 30px; } [id^="am-ben-"] .elementor-image-box-img img { width: 30px; height: 30px; object-fit: contain; } [id^="am-ben-"] .elementor-image-box-content { flex: 1 1 auto; } [id^="am-ben-"] .elementor-image-box-title { margin: 0 !important; font-size: 13px !important; font-weight: 600; line-height: 1.3; color: var(--am-navy); } [id^="am-ben-"] .elementor-image-box-description { display: none; } /* 01..06 system rows */ [id^="am-cmrow-"] { border-bottom: 1px solid var(--am-border); padding: 26px 0; } [id^="am-cmrow-"] > .elementor-container { align-items: center; gap: 28px; } [id^="am-cmimg-"] img { width: 100%; height: 210px; object-fit: cover; border-radius: 10px; display: block; } [id^="am-cmtxt-"] .am-row-num { margin: 0 0 2px; } [id^="am-cmtxt-"] h2.elementor-heading-title { font-size: 24px; } #am-cmclose, #am-dtclose, #am-isoclose { background: var(--am-light); border-radius: 14px; padding: 28px 30px; margin-top: 32px; } #am-cmclose h2.elementor-heading-title, #am-dtclose h2.elementor-heading-title, #am-isoclose h2.elementor-heading-title { font-size: 26px; } /* Design Team */ #am-dtherobtn, #am-isoherobtn { margin: 18px 0 6px; } #am-dtmap, #am-isoflow, #am-isoillus { padding: 34px 0; } #am-dtmap > .elementor-container, #am-isoflow > .elementor-container, #am-isoillus > .elementor-container { gap: 26px; align-items: center; } #am-dtmapimg img, #am-isoillusimg img { width: 100%; height: auto; display: block; } .am-dt-locations { font-weight: 700; color: var(--am-navy); } #am-dtcountries > .elementor-container { flex-wrap: wrap; gap: 14px; } /* six countries across on desktop (the gap would otherwise wrap the sixth card) */ .elementor [id^="am-dtc-"] { width: calc(16.666% - 12px) !important; } [id^="am-dtc-"] img { width: 100%; height: 120px; object-fit: cover; border-radius: 10px; display: block; } .am-dt-country { margin: 10px 0 2px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--am-navy); } .am-dt-caption { margin: 0; font-size: 13px; line-height: 1.45; color: var(--am-muted); } #am-dtcaps > .elementor-container { gap: 14px; } [id^="am-dtcap-"] img { width: 100%; height: 140px; object-fit: cover; border-radius: 10px; display: block; } #am-dtdisc > .elementor-container, #am-isoelements > .elementor-container { flex-wrap: wrap; gap: 16px 0; } /* Isolation rooms */ #am-isoflowrow > .elementor-container { flex-wrap: nowrap; gap: 8px; } [id^="am-flow-"] > .elementor-widget-wrap { background: var(--am-light); border-radius: 12px; padding: 16px 10px !important; height: 100%; } [id^="am-flow-"] .elementor-image-box-img { margin-bottom: 8px !important; } [id^="am-flow-"] .elementor-image-box-img img { width: 42px; height: 42px; object-fit: contain; } [id^="am-flow-"] .elementor-image-box-title { font-size: 12.5px !important; letter-spacing: .05em; text-transform: uppercase; color: var(--am-navy); margin-bottom: 4px !important; overflow-wrap: anywhere; } [id^="am-flow-"] .elementor-image-box-description { font-size: 12.5px; color: var(--am-muted); } [id^="am-flow-"]:not(#am-flow-4)::after { content: "\2192"; position: absolute; right: -7px; top: 50%; transform: translateY(-50%); color: var(--am-blue); font-size: 15px; z-index: 2; } [id^="am-flow-"] { position: relative; } .am-figcaption { margin: 8px 0 0; font-size: 12.5px; color: var(--am-muted); text-align: right; } #am-isoflex { padding: 30px 0 6px; } #am-isoflex > .elementor-container { gap: 20px; align-items: flex-start; } [id^="am-isoflex-"] img { width: 100%; height: 190px; object-fit: cover; border-radius: 10px; display: block; } .am-isocap { margin: 10px 0 0; font-size: 13.5px; color: var(--am-navy); } #am-ctatxt .elementor-widget:not(:last-child) { margin-bottom: 12px; } #am-ctatxt .am-eyebrow, #am-ctatxt p { color: #E4EDFB; } #am-ctatxt h2.elementor-heading-title { color: #fff; } @media (max-width: 1024px) { #am-dtmap > .elementor-container, #am-isoflow > .elementor-container, #am-isoillus > .elementor-container, #am-isoflex > .elementor-container { flex-wrap: wrap; } .elementor #am-dtmaptxt, .elementor #am-dtmapimg, .elementor #am-isoflowtxt, .elementor #am-isoflowdiag, .elementor #am-isoillustxt, .elementor #am-isoillusimg, .elementor #am-isoflextxt { width: 100% !important; } .elementor [id^="am-isoflex-"] { width: calc(50% - 10px) !important; } .elementor [id^="am-dtc-"] { width: calc(33.333% - 10px) !important; } .elementor [id^="am-hicon-"] { width: 50% !important; } } @media (max-width: 767px) { [id^="am-cmrow-"] > .elementor-container { flex-wrap: wrap; } .elementor [id^="am-cmimg-"], .elementor [id^="am-cmtxt-"] { width: 100% !important; } [id^="am-cmimg-"] img { height: 180px; } .elementor [id^="am-dtc-"], .elementor [id^="am-dtcap-"], .elementor [id^="am-isoflex-"], .elementor [id^="am-hicon-"] { width: 100% !important; } #am-isoflowrow > .elementor-container { flex-wrap: wrap; } .elementor [id^="am-flow-"] { width: calc(50% - 4px) !important; } [id^="am-flow-"]:not(#am-flow-4)::after { display: none; } #am-cmclose, #am-dtclose, #am-isoclose { padding: 22px 18px; } /* keep the hero trust row as icon + label on one line (Elementor stacks icon boxes on mobile) */ [id^="am-hicon-"] .elementor-icon-box-wrapper { flex-direction: row !important; justify-content: flex-start; text-align: left; } [id^="am-hicon-"] .elementor-icon-box-title { text-align: left; } #am-hicons > .elementor-container { gap: 10px 0; padding-bottom: 14px; } } /* About: Audie Building panel over project imagery (Revision 02) */ #am-partner { min-height: 320px; } /* The project photo is Elementor's column background (editable in Elementor); the overlay and the white logo card sit on top of it. background-color only — the shorthand would wipe the photo. */ #am-partner > .elementor-widget-wrap { position: relative; background-color: transparent; border: 0; border-radius: 14px; overflow: hidden; margin: 24px; padding: 40px !important; align-content: center; } #am-partner > .elementor-widget-wrap::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,42,102,.66), rgba(10,42,102,.5)); } #am-partner .elementor-widget-image { position: relative; z-index: 1; width: 100%; background: rgba(255,255,255,.95); border-radius: 12px; padding: 24px 26px; box-shadow: 0 18px 40px rgba(8,32,58,.22); } #am-partner .elementor-widget-image img, #am-partner img { width: 100%; max-width: 300px; height: auto; display: block; margin: 0 auto; } /* Key-element cards on the isolation page use the client's icon artwork (image-box widgets) */ #am-isoelements [id^="am-tile-"] .elementor-image-box-img { margin-bottom: 12px !important; } #am-isoelements [id^="am-tile-"] .elementor-image-box-img img { width: 46px; height: 46px; object-fit: contain; } #am-isoelements [id^="am-tile-"] .elementor-image-box-title { font-size: 16px !important; color: var(--am-navy); margin-bottom: 8px !important; } #am-isoelements [id^="am-tile-"] .elementor-image-box-description { font-size: 14px; line-height: 1.55; color: var(--am-text); } /* Contact: international presence map above the network cards (Revision 02) */ #am-sec-reps .elementor-widget-image { margin: 6px 0 10px !important; } #am-sec-reps .elementor-widget-image img { width: 100%; max-width: 900px; height: auto; display: block; margin: 0 auto; } /* ---------- REV02: closer match to the client's mockups ---------- */ /* Intro band: heading left, DESIGN. BUILD. EQUIP. pillar right (Construction page) */ #am-cmintro { background: var(--am-light); border-radius: 14px; padding: 26px 30px; margin: 22px 0 6px; } #am-cmintro > .elementor-container { align-items: center; } #am-cmintro h2.elementor-heading-title { font-size: 26px; margin-bottom: 8px; } #am-cmintro p { margin: 0; font-size: 15px; } .am-pillar { margin: 0; padding-left: 22px; border-left: 2px solid var(--am-blue); font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--am-navy); line-height: 1.9; } /* 01..06 rows: number beside the title, photo on a soft panel (mockup) */ [id^="am-cmrow-"] { border-bottom: 1px solid var(--am-border); padding: 22px 0; } [id^="am-cmimg-"] { background: var(--am-light); border-radius: 12px; padding: 10px; } [id^="am-cmimg-"] img { height: 185px; border-radius: 8px; } [id^="am-cmtxt-"] { padding-left: 26px; } [id^="am-cmtxt-"] .am-row-num { font-size: 22px; font-weight: 800; color: #9FB3D4; letter-spacing: .04em; margin-bottom: 4px; } [id^="am-cmtxt-"] h2.elementor-heading-title { font-size: 23px; margin-bottom: 8px; } [id^="am-cmtxt-"] p { font-size: 14.5px; line-height: 1.6; } [id^="am-bens-"] { border-top: 1px solid var(--am-border); padding-top: 12px; } /* Photo CTA bands (mockup): dark image band with the text on one side */ #am-sec-cta { position: relative; background-size: cover; background-position: center; } #am-sec-cta::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,32,58,.93) 0%, rgba(8,32,58,.86) 45%, rgba(8,32,58,.55) 100%); } #am-sec-cta > .elementor-container { position: relative; z-index: 1; } #am-ctatxt .am-eyebrow { color: #9FC1F5; } #am-ctatxt h2.elementor-heading-title { color: #fff; font-size: 30px; } #am-ctatxt p { color: #DCE7F9; font-size: 15px; max-width: 620px; } #am-ctatxt .elementor-widget:not(:last-child) { margin-bottom: 12px; } /* the Construction page puts its text on the right of the photo */ .elementor #am-sec-cta #am-ctatxt { padding: 44px 0; } /* Isolation: checklist + airflow panel + photo cards */ .am-checklist { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 9px; } .am-checklist li { position: relative; padding-left: 30px; font-size: 14.5px; color: var(--am-text); } .am-checklist li::before { content: "✓"; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 50%; background: var(--am-blue); color: #fff; font-size: 11px; line-height: 20px; text-align: center; } #am-isoflowdiag { background: var(--am-light); border-radius: 14px; padding: 18px 14px; } #am-isoflowrow > .elementor-container { align-items: stretch; } [id^="am-flow-"] > .elementor-widget-wrap { background: #fff; border: 1px solid #DCE7F9; } #am-flow-3 > .elementor-widget-wrap { background: #E8F1FF; border-color: #BBD3F7; } [id^="am-isoflex-"] > .elementor-widget-wrap { background: #fff; border: 1px solid var(--am-border); border-radius: 12px; padding: 12px !important; } [id^="am-isoflex-"] img { height: 170px; border-radius: 8px; } .am-isocap { margin: 10px 2px 2px; font-size: 13.5px; color: var(--am-navy); } /* Design Team: quote beside the map, capability photos as cards */ .am-dt-quote { margin: 0; padding-left: 16px; border-left: 2px solid var(--am-blue); font-size: 14px; font-style: italic; line-height: 1.5; color: var(--am-navy); } [id^="am-dtcap-"] > .elementor-widget-wrap { background: #fff; border: 1px solid var(--am-border); border-radius: 12px; padding: 10px !important; } [id^="am-dtcap-"] img { height: 130px; border-radius: 8px; } [id^="am-dtc-"] > .elementor-widget-wrap { background: #fff; border: 1px solid var(--am-border); border-radius: 12px; padding: 10px 10px 14px !important; height: 100%; } [id^="am-dtc-"] img { height: 105px; } @media (max-width: 1024px) { .elementor #am-cmintrotxt, .elementor #am-cmintropillar, .elementor #am-dtquote { width: 100% !important; } .am-pillar { border-left: 0; padding-left: 0; margin-top: 12px; } .elementor #am-sec-cta .elementor-column { width: 100% !important; } .elementor #am-dtmapimg { width: 100% !important; } } @media (max-width: 767px) { [id^="am-cmtxt-"] { padding-left: 0; padding-top: 14px; } #am-cmintro { padding: 20px 18px; } #am-ctatxt h2.elementor-heading-title { font-size: 24px; } #am-sec-cta::before { background: linear-gradient(180deg, rgba(8,32,58,.92), rgba(8,32,58,.86)); } } /* REV02 fine-tuning against the client's mockups */ /* hero trust row as a white card that overlaps the hero, like the mockup */ #am-hicons { background: #fff; border: 1px solid var(--am-border); border-radius: 12px; box-shadow: 0 14px 34px rgba(10,42,102,.08); margin: -26px 18px 6px; padding: 14px 20px; position: relative; z-index: 2; } #am-hicons > .elementor-container { border-bottom: 0; padding-bottom: 0; } /* photo CTA bands: keep the photo visible, text stays readable */ #am-sec-cta::before { background: linear-gradient(90deg, rgba(8,32,58,.92) 0%, rgba(8,32,58,.78) 40%, rgba(8,32,58,.30) 75%, rgba(8,32,58,.12) 100%); } /* capability cards (Design Team) */ [id^="am-dtcap-"] h3.elementor-heading-title { font-size: 15px; color: var(--am-navy); margin: 10px 2px 4px; } [id^="am-dtcap-"] .am-dt-caption { margin: 0 2px; } [id^="am-dtcap-"] .elementor-widget:not(:last-child) { margin-bottom: 0 !important; } /* Process step labels ("MANUFACTURE", "COMMISSION") overflowed their column at ~768px */ @media (max-width: 900px) { .am-step-label { font-size: 12px; letter-spacing: .04em; word-break: break-word; } } /* Longer WhatsApp label in ID/FR must wrap inside the network card, not push the page wider */ [id^="am-rep-"] .elementor-button { white-space: normal; max-width: 100%; text-align: left; line-height: 1.35; } [id^="am-rep-"] .elementor-widget-button, [id^="am-rep-"] .elementor-button-wrapper { max-width: 100%; } @media (max-width: 1024px) and (min-width: 768px) { .elementor [id^="am-rep-"]:not(#am-rep-row) { width: calc(50% - 16px) !important; } } /* Long French words must break instead of overflowing their card/heading */ .am-project-body h3, .am-proj-title, .elementor-heading-title, .am-dt-country { overflow-wrap: anywhere; } #am-dtquote { padding-right: 6px; } .am-dt-quote { overflow-wrap: anywhere; } /* ---------- REV02 sizing to match the client's mockups (icons, cards, rows) ---------- */ /* hero trust row: bigger icon + label */ #am-hicons { padding: 18px 24px; } [id^="am-hicon-"] .elementor-image-box-img { width: 46px; flex: 0 0 46px; } [id^="am-hicon-"] .elementor-image-box-img img { width: 46px; height: 46px; } [id^="am-hicon-"] .elementor-image-box-title { font-size: 15px !important; } /* 01..06 rows: soft panel, number column, larger photo and type */ [id^="am-cmrow-"] { background: var(--am-light); border-radius: 14px; border-bottom: 0; padding: 20px 22px; margin-bottom: 14px; } [id^="am-cmrow-"] > .elementor-container { align-items: center; gap: 0; } [id^="am-cmnum-"] .am-row-num { margin: 0; font-size: 30px; font-weight: 800; color: #A9C0E4; } [id^="am-cmimg-"] { background: transparent; padding: 0; } [id^="am-cmimg-"] img { height: 200px; border-radius: 10px; } [id^="am-cmtxt-"] { padding-left: 30px; } [id^="am-cmtxt-"] h2.elementor-heading-title { font-size: 25px; margin-bottom: 8px; } [id^="am-cmtxt-"] p { font-size: 15px; line-height: 1.62; } /* key-benefit chips: mockup-size circles */ [id^="am-bens-"] { border-top: 0; padding-top: 14px; } [id^="am-ben-"] .elementor-image-box-wrapper { gap: 12px; } [id^="am-ben-"] .elementor-image-box-img { width: 52px; flex: 0 0 52px; } [id^="am-ben-"] .elementor-image-box-img img { width: 52px; height: 52px; } [id^="am-ben-"] .elementor-image-box-title { font-size: 14.5px !important; line-height: 1.35; } /* intro band + closing sizes */ #am-cmintro { padding: 30px 34px; } #am-cmintro h2.elementor-heading-title { font-size: 28px; } #am-cmintro p { font-size: 15.5px; } /* Isolation: larger flow cards, key-element cards and photo cards */ #am-isoflowdiag { padding: 22px 18px; } [id^="am-flow-"] > .elementor-widget-wrap { padding: 20px 12px !important; } [id^="am-flow-"] .elementor-image-box-img img { width: 54px; height: 54px; } [id^="am-flow-"] .elementor-image-box-title { font-size: 13.5px !important; } [id^="am-flow-"] .elementor-image-box-description { font-size: 13px; } #am-isoelements [id^="am-tile-"] > .elementor-widget-wrap { padding: 26px 22px !important; } #am-isoelements [id^="am-tile-"] .elementor-image-box-img img { width: 58px; height: 58px; } #am-isoelements [id^="am-tile-"] .elementor-image-box-title { font-size: 17px !important; } #am-isoelements [id^="am-tile-"] .elementor-image-box-description { font-size: 14.5px; } [id^="am-isoflex-"] img { height: 200px; } .am-isocap { font-size: 14.5px; } .am-checklist li { font-size: 15px; padding-left: 34px; } .am-checklist li::before { width: 24px; height: 24px; line-height: 24px; font-size: 12px; } @media (max-width: 1024px) { [id^="am-cmtxt-"] { padding-left: 18px; } [id^="am-cmimg-"] img { height: 170px; } } @media (max-width: 767px) { .elementor [id^="am-cmnum-"] { width: 100% !important; } [id^="am-cmnum-"] .am-row-num { font-size: 22px; margin-bottom: 6px; } [id^="am-cmrow-"] { padding: 16px; } [id^="am-ben-"] .elementor-image-box-img, [id^="am-ben-"] .elementor-image-box-img img { width: 42px; flex-basis: 42px; height: 42px; } } /* Mockup proportions, scaled to the content column (the Solution pages keep the sidebar) */ [id^="am-hicon-"] .elementor-image-box-img, [id^="am-hicon-"] .elementor-image-box-img img { width: 38px; flex-basis: 38px; height: 38px; } [id^="am-hicon-"] .elementor-image-box-title { font-size: 14px !important; } [id^="am-cmnum-"] .am-row-num { font-size: 24px; } [id^="am-cmimg-"] img { height: 152px; } [id^="am-cmtxt-"] h2.elementor-heading-title { font-size: 22px !important; line-height: 1.25; } [id^="am-cmtxt-"] p { font-size: 14px; line-height: 1.6; } [id^="am-ben-"] .elementor-image-box-img, [id^="am-ben-"] .elementor-image-box-img img { width: 44px; flex-basis: 44px; height: 44px; } [id^="am-ben-"] .elementor-image-box-title { font-size: 13.5px !important; } #am-cmintro h2.elementor-heading-title { font-size: 24px !important; } #am-cmintro p { font-size: 14.5px; } /* isolation cards, same scaling */ [id^="am-flow-"] .elementor-image-box-img img { width: 46px; height: 46px; } [id^="am-flow-"] .elementor-image-box-title { font-size: 12.5px !important; } #am-isoelements [id^="am-tile-"] .elementor-image-box-img img { width: 48px; height: 48px; } #am-isoelements [id^="am-tile-"] .elementor-image-box-title { font-size: 15.5px !important; } #am-isoelements [id^="am-tile-"] .elementor-image-box-description { font-size: 13.5px; } #am-isoelements [id^="am-tile-"] > .elementor-widget-wrap { padding: 22px 18px !important; } [id^="am-isoflex-"] img { height: 165px; } .am-checklist li { font-size: 14px; } /* Isolation: airflow + key elements sized like the mockup */ #am-isoflow { padding: 30px 0 10px; } #am-isoflowdiag { padding: 20px 16px; } [id^="am-flow-"] > .elementor-widget-wrap { padding: 18px 10px !important; } [id^="am-flow-"] .elementor-image-box-img img { width: 56px; height: 56px; } [id^="am-flow-"] .elementor-image-box-img { margin-bottom: 10px !important; } [id^="am-flow-"] .elementor-image-box-title { font-size: 13px !important; letter-spacing: .06em; } [id^="am-flow-"] .elementor-image-box-description { font-size: 12.5px; line-height: 1.4; } [id^="am-flow-"]:not(#am-flow-4)::after { content: "→"; right: -10px; font-size: 20px; font-weight: 700; color: #2F86F6; } #am-isoelrow { padding: 26px 0 10px; } #am-isoelrow > .elementor-container { gap: 24px; align-items: center; } #am-isoeltxt h2.elementor-heading-title { font-size: 26px; line-height: 1.22; } #am-isoeltxt p { font-size: 14.5px; line-height: 1.6; } #am-isoelements > .elementor-container { gap: 12px; flex-wrap: nowrap; } #am-isoelements [id^="am-tile-"] > .elementor-widget-wrap { background: #fff; border: 1px solid var(--am-border); border-radius: 12px; padding: 20px 14px !important; height: 100%; } #am-isoelements [id^="am-tile-"] .elementor-image-box-img img { width: 52px; height: 52px; } #am-isoelements [id^="am-tile-"] .elementor-image-box-title { font-size: 14.5px !important; line-height: 1.3; } #am-isoelements [id^="am-tile-"] .elementor-image-box-description { font-size: 13px; line-height: 1.5; } @media (max-width: 1024px) { .elementor #am-isoeltxt, .elementor #am-isoelcards { width: 100% !important; } #am-isoelements > .elementor-container { flex-wrap: wrap; } .elementor #am-isoelements [id^="am-tile-"] { width: calc(50% - 6px) !important; } } @media (max-width: 767px) { .elementor #am-isoelements [id^="am-tile-"] { width: 100% !important; } } /* Trust bar: icon-to-label ratio as in the mockups (bigger icon, two-line label) */ #am-hicons { padding: 16px 26px; margin: -30px 16px 4px; } #am-hicons > .elementor-container { align-items: center; } [id^="am-hicon-"] .elementor-image-box-wrapper { gap: 14px; } [id^="am-hicon-"] .elementor-image-box-img, [id^="am-hicon-"] .elementor-image-box-img img { width: 46px; flex-basis: 46px; height: 46px; } [id^="am-hicon-"] .elementor-image-box-title { font-size: 14.5px !important; line-height: 1.32; } @media (max-width: 767px) { #am-hicons { margin: -18px 10px 4px; padding: 14px 16px; } [id^="am-hicon-"] .elementor-image-box-img, [id^="am-hicon-"] .elementor-image-box-img img { width: 38px; flex-basis: 38px; height: 38px; } } /* About: the supplied Audie Building visual already carries the branding — no overlay needed */ #am-partner > .elementor-widget-wrap::before { display: none; } #am-partner .elementor-widget-image { background: none; box-shadow: none; padding: 0; } #am-partner .elementor-widget-image img, #am-partner img { max-width: 100%; width: 100%; border-radius: 12px; } /* Trust bar items sit together at the left with a two-line label, as in the mockups */ #am-hicons > .elementor-container { justify-content: flex-start; gap: 54px; } .elementor [id^="am-hicon-"] { width: auto !important; flex: 0 0 auto; } [id^="am-hicon-"] .elementor-image-box-img, [id^="am-hicon-"] .elementor-image-box-img img { width: 44px; flex-basis: 44px; height: 44px; } [id^="am-hicon-"] .elementor-image-box-content { max-width: 170px; } [id^="am-hicon-"] .elementor-image-box-title { font-size: 14px !important; } @media (max-width: 1024px) { #am-hicons > .elementor-container { gap: 22px; flex-wrap: wrap; } } @media (max-width: 767px) { .elementor [id^="am-hicon-"] { width: 100% !important; } [id^="am-hicon-"] .elementor-image-box-content { max-width: none; } } /* Breathing room on the Revision 02 pages (client feedback: sections felt cramped) */ /* hero: extra room under the CTA button so the trust bar never covers it */ #am-pghero > .elementor-widget-wrap { padding-bottom: 52px !important; } #am-hicons { margin: -22px 16px 10px; padding: 20px 28px; } #am-hicons > .elementor-container { gap: 44px 54px; } /* more space between the big sections */ #am-cmintro { margin: 30px 0 14px; } [id^="am-cmrow-"] { padding: 24px 24px; margin-bottom: 18px; } #am-isoflow { padding: 42px 0 18px; } #am-isoelrow { padding: 40px 0 18px; } #am-isoillus { padding: 42px 0 18px; } #am-isoflex { padding: 42px 0 10px; } #am-dtmap, #am-dtcaps { padding: 38px 0 14px; } #am-dtcountries, #am-dtdisc { margin-bottom: 14px; } /* key-element cards: wider text, less cramped */ #am-isoelrow > .elementor-container { gap: 34px; } #am-isoelements > .elementor-container { gap: 14px; } #am-isoelements [id^="am-tile-"] > .elementor-widget-wrap { padding: 20px 12px !important; } #am-isoelements [id^="am-tile-"] .elementor-image-box-description { font-size: 12.5px; line-height: 1.55; } #am-isoeltxt { padding-right: 10px; } /* flow cards a touch roomier */ #am-isoflowdiag { padding: 24px 20px; } #am-isoflowrow > .elementor-container { gap: 14px; } [id^="am-flow-"] > .elementor-widget-wrap { padding: 20px 12px !important; } [id^="am-flow-"]:not(#am-flow-4)::after { right: -12px; } #am-isoelrow > .elementor-container { gap: 26px; } #am-isoelements [id^="am-tile-"] > .elementor-widget-wrap { padding: 18px 10px !important; } #am-isoelements [id^="am-tile-"] .elementor-image-box-title { font-size: 14px !important; } #am-isoelements [id^="am-tile-"] .elementor-image-box-description { font-size: 12px; line-height: 1.5; } /* five benefits in one row get tight at tablet width — let the chips wrap two-up */ @media (max-width: 900px) { .elementor [id^="am-ben-"] { width: 50% !important; } [id^="am-ben-"] .elementor-image-box-title { overflow-wrap: anywhere; } } /* Solution pages: more breathing space between the sticky sidebar and the content (client feedback 23 Sept: the new pages sat too close to the sidebar) */ @media (min-width: 1025px) { #am-content > .elementor-widget-wrap { padding-left: 28px !important; padding-right: 8px !important; } } @media (min-width: 768px) and (max-width: 1024px) { #am-content > .elementor-widget-wrap { padding-left: 14px !important; } } /* Trust bar stays on one line on desktop, also with five items (Design Team) */ @media (min-width: 1200px) { #am-hicons > .elementor-container { flex-wrap: nowrap; gap: 26px; } [id^="am-hicon-"] .elementor-image-box-content { max-width: 150px; } [id^="am-hicon-"] .elementor-image-box-title { font-size: 13.5px !important; } [id^="am-hicon-"] .elementor-image-box-img, [id^="am-hicon-"] .elementor-image-box-img img { width: 42px; flex-basis: 42px; height: 42px; } [id^="am-hicon-"] .elementor-image-box-wrapper { gap: 12px; } } /* photo CTA band: smooth fade instead of a hard diagonal edge over the photo */ #am-sec-cta::before { background: linear-gradient(90deg, rgba(8,32,58,.93) 0%, rgba(8,32,58,.80) 34%, rgba(8,32,58,.45) 56%, rgba(8,32,58,.18) 74%, rgba(8,32,58,.06) 100%); } #am-sec-cta { background-position: center right; } /* items share the bar width evenly so five of them still fit on one line */ @media (min-width: 1200px) { #am-hicons > .elementor-container { gap: 18px; justify-content: space-between; } .elementor [id^="am-hicon-"] { flex: 1 1 0 !important; width: auto !important; min-width: 0; } [id^="am-hicon-"] .elementor-image-box-content { max-width: none; } [id^="am-hicon-"] .elementor-image-box-title { font-size: 13px !important; } [id^="am-hicon-"] .elementor-image-box-img, [id^="am-hicon-"] .elementor-image-box-img img { width: 38px; flex-basis: 38px; height: 38px; } } /* ---- Revision 02 pages on phones ---- */ @media (max-width: 767px) { /* trust bar: tight stack instead of tall empty card */ #am-hicons { margin: -16px 8px 6px; padding: 14px 16px; } #am-hicons > .elementor-container { gap: 12px 0; } [id^="am-hicon-"] .elementor-image-box-wrapper { gap: 12px; } [id^="am-hicon-"] .elementor-image-box-title { font-size: 14px !important; } /* benefit chips: left aligned, two per row, no stray indent */ [id^="am-bens-"] > .elementor-container { gap: 10px 0; } [id^="am-ben-"] .elementor-image-box-wrapper { justify-content: flex-start; gap: 10px; } [id^="am-ben-"] .elementor-image-box-content { text-align: left; } [id^="am-ben-"] .elementor-image-box-title { text-align: left; font-size: 13px !important; } [id^="am-ben-"] > .elementor-widget-wrap { padding: 0 !important; } /* rows and cards */ [id^="am-cmrow-"] { padding: 18px 16px; } [id^="am-cmimg-"] img { height: 190px; } [id^="am-cmtxt-"] h2.elementor-heading-title { font-size: 20px !important; } /* isolation cards full width with comfortable text */ #am-isoelements [id^="am-tile-"] > .elementor-widget-wrap { padding: 20px 18px !important; } #am-isoelements [id^="am-tile-"] .elementor-image-box-title { font-size: 15px !important; } #am-isoelements [id^="am-tile-"] .elementor-image-box-description { font-size: 13.5px; } [id^="am-flow-"] .elementor-image-box-img img { width: 44px; height: 44px; } /* design team cards */ .elementor [id^="am-dtcap-"] { width: calc(50% - 8px) !important; } [id^="am-dtcap-"] img { height: 110px; } .elementor [id^="am-dtc-"] { width: calc(50% - 8px) !important; } [id^="am-dtc-"] img { height: 100px; } #am-dtcountries > .elementor-container, #am-dtcaps > .elementor-container { gap: 12px; } /* CTA bands */ #am-ctatxt { padding: 30px 0 !important; } #am-ctatxt h2.elementor-heading-title { font-size: 22px; } #am-ctatxt p { font-size: 14px; } } @media (max-width: 767px) { [id^="am-hicon-"] .elementor-image-box-wrapper { justify-content: flex-start; } [id^="am-hicon-"] .elementor-image-box-content { text-align: left; flex: 1 1 auto; } [id^="am-hicon-"] .elementor-image-box-title { text-align: left; } [id^="am-hicon-"] > .elementor-widget-wrap { padding: 0 !important; } } @media (max-width: 767px) { /* airflow steps: two per row on phones instead of a half-width single column */ #am-isoflowrow > .elementor-container { flex-direction: row !important; flex-wrap: wrap; gap: 10px; } .elementor [id^="am-flow-"] { width: calc(50% - 5px) !important; } [id^="am-flow-"] > .elementor-widget-wrap { padding: 16px 8px !important; } #am-isoflowdiag { padding: 16px 12px; } } /* Phones: the CTA band's fade must run top-to-bottom, otherwise the right edge of the narrow band stays light and reads as a white block next to the text. */ @media (max-width: 767px) { #am-sec-cta { background-position: center center; } #am-sec-cta::before { background: linear-gradient(180deg, rgba(8,32,58,.92) 0%, rgba(8,32,58,.88) 60%, rgba(8,32,58,.80) 100%) !important; } #am-sec-cta > .elementor-container { padding: 0 4px; } } /* Phones: Key Elements cards read better as icon-left rows than as tall centred cards */ @media (max-width: 767px) { #am-isoelements > .elementor-container { gap: 10px; } .elementor #am-isoelements [id^="am-tile-"] { width: 100% !important; } #am-isoelements [id^="am-tile-"] > .elementor-widget-wrap { padding: 16px 16px !important; height: 100%; } #am-isoelements [id^="am-tile-"] .elementor-image-box-wrapper { display: flex; align-items: flex-start; gap: 14px; text-align: left; } #am-isoelements [id^="am-tile-"] .elementor-image-box-img { margin: 0 !important; width: 44px; flex: 0 0 44px; } #am-isoelements [id^="am-tile-"] .elementor-image-box-img img { width: 44px; height: 44px; } #am-isoelements [id^="am-tile-"] .elementor-image-box-content { flex: 1 1 auto; text-align: left; } #am-isoelements [id^="am-tile-"] .elementor-image-box-title { text-align: left; font-size: 15px !important; margin-bottom: 4px !important; } #am-isoelements [id^="am-tile-"] .elementor-image-box-description { text-align: left; font-size: 13.5px; line-height: 1.5; } /* same treatment for the Design Team discipline tiles */ .elementor #am-dtdisc [id^="am-tile-"] { width: 100% !important; } #am-dtdisc > .elementor-container { gap: 10px; } #am-dtdisc [id^="am-tile-"] > .elementor-widget-wrap { padding: 16px !important; } #am-dtdisc [id^="am-tile-"] .elementor-icon-box-wrapper { display: flex; align-items: flex-start; gap: 14px; text-align: left; } #am-dtdisc [id^="am-tile-"] .elementor-icon-box-icon { margin: 0 !important; } #am-dtdisc [id^="am-tile-"] .elementor-icon-box-title { text-align: left; margin-bottom: 4px !important; } #am-dtdisc [id^="am-tile-"] .elementor-icon-box-description { text-align: left; } } @media (max-width: 767px) { /* Elementor forces icon boxes to stack on mobile; keep the icon beside the text */ #am-dtdisc [id^="am-tile-"] .elementor-icon-box-wrapper { flex-direction: row !important; align-items: flex-start; } #am-dtdisc [id^="am-tile-"] .elementor-icon-box-icon { flex: 0 0 auto; margin: 0 !important; } #am-dtdisc [id^="am-tile-"] .elementor-icon-box-content { flex: 1 1 auto; } } /* CTA band text: keep every line inside the dark area of the photo, in all three languages */ #am-ctatxt { padding-left: 4%; } #am-ctatxt h2.elementor-heading-title { max-width: 520px; } #am-ctatxt p { max-width: 470px; font-size: 14.5px; line-height: 1.6; } #am-ctatxt .am-eyebrow { max-width: 520px; } @media (max-width: 1024px) { #am-ctatxt { padding-left: 20px; padding-right: 20px; } #am-ctatxt h2.elementor-heading-title, #am-ctatxt p, #am-ctatxt .am-eyebrow { max-width: none; } } /* Isolation page: its CTA artwork has the photo on the left, so the band darkens to the right and the text sits there (body class am-p-2042 also covers the ID/FR translations). */ .am-p-2042 #am-sec-cta::before { background: linear-gradient(270deg, rgba(8,32,58,.90) 0%, rgba(8,32,58,.72) 42%, rgba(8,32,58,.30) 70%, rgba(8,32,58,.10) 100%) !important; } .am-p-2042 #am-ctatxt { padding-left: 0; padding-right: 4%; } @media (max-width: 1024px) { .am-p-2042 #am-ctatxt { padding: 0 20px; } .am-p-2042 #am-sec-cta::before { background: linear-gradient(180deg, rgba(8,32,58,.92), rgba(8,32,58,.86)) !important; } } /* CTA button sits under the text, not pushed to the edge of the column */ #am-ctatxt .elementor-widget-button, #am-ctatxt .elementor-button-wrapper { text-align: left; } /* ---------- Contact "Our International Network": cards styled by POSITION, not by CSS ID ---------- So a card the client duplicates / copy-pastes in Elementor looks identical, and the grid stays 3-up even though Elementor rewrites every column's width when a column is added (8 columns → 12.5% each). Any column placed in #am-rep-row becomes a card. */ /* 6-track grid, each card spans 2 → 3 per row; every row the same height (1fr); a lone card on the last row is centred. Works for any number of cards the client adds. */ .elementor #am-rep-row > .elementor-container { display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-rows: 1fr; } .elementor #am-rep-row > .elementor-container > .elementor-column { width: auto !important; grid-column: span 2; } .elementor #am-rep-row > .elementor-container > .elementor-column:last-child:nth-child(3n+1) { grid-column: 3 / span 2; } .elementor #am-rep-row > .elementor-container > .elementor-column:nth-last-child(2):nth-child(3n+1) { grid-column: 2 / span 2; } #am-rep-row > .elementor-container > .elementor-column > .elementor-widget-wrap { background: #fff; border: 1px solid var(--am-border); border-radius: 12px; margin: 8px; padding: 22px 22px 24px !important; height: calc(100% - 16px); display: flex; flex-direction: column; align-content: flex-start; } #am-rep-row .elementor-widget:not(:last-child) { margin-bottom: 8px !important; } #am-rep-row h3.elementor-heading-title { font-size: 20px; color: var(--am-navy); margin: 2px 0 0; } #am-rep-row .am-rep-role { min-height: 24px; } #am-rep-row .elementor-widget-button { margin-top: auto !important; padding-top: 14px; max-width: 100%; } #am-rep-row .elementor-widget-button .elementor-button { display: inline-flex; font-size: 14px !important; font-weight: 700; padding: 10px 16px !important; border-radius: 6px; border: 1.5px solid var(--am-blue); background: #fff; color: var(--am-blue); white-space: normal; max-width: 100%; text-align: left; line-height: 1.35; } #am-rep-row .elementor-widget-button .elementor-button:hover { background: var(--am-light); } #am-rep-row .elementor-button-content-wrapper { gap: 10px; } #am-rep-row .elementor-button-icon { font-size: 18px; } #am-rep-row .elementor-button-icon svg { fill: currentColor; width: 16px; height: 16px; } @media (max-width: 1024px) and (min-width: 768px) { .elementor #am-rep-row > .elementor-container { grid-template-columns: repeat(4, 1fr); } .elementor #am-rep-row > .elementor-container > .elementor-column:last-child:nth-child(3n+1), .elementor #am-rep-row > .elementor-container > .elementor-column:nth-last-child(2):nth-child(3n+1) { grid-column: span 2; } .elementor #am-rep-row > .elementor-container > .elementor-column:last-child:nth-child(2n+1) { grid-column: 2 / span 2; } } @media (max-width: 767px) { .elementor #am-rep-row > .elementor-container { grid-template-columns: 1fr; grid-auto-rows: auto; } .elementor #am-rep-row > .elementor-container > .elementor-column, .elementor #am-rep-row > .elementor-container > .elementor-column:last-child:nth-child(n) , .elementor #am-rep-row > .elementor-container > .elementor-column:nth-last-child(2):nth-child(n) { grid-column: auto; } } /* ---------- Home: live Latest Insights [am_home_insights] + Featured Projects [am_home_projects] ---------- */ .am-hins { display: grid; grid-template-columns: 1fr; gap: 28px; } .am-hins-main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr); gap: 18px; } .am-hins-card.is-highlight { position: relative; } .am-hins-main > .am-hins-card .am-hins-thumb { flex: 1 1 auto; min-height: 170px; position: relative; } .am-hins-main > .am-hins-card .am-hins-thumb img, .am-hins-main > .am-hins-card .am-hins-thumb .is-empty { position: absolute; inset: 0; height: 100%; } .am-hins-card.is-highlight .am-hins-thumb { min-height: 320px; } .am-hins-main > .am-hins-card .am-hins-body { flex: 0 0 auto; } .am-hins-card.is-highlight .am-hins-body { flex: 0 0 auto; padding: 22px 26px 24px; } .am-hins-card.is-highlight .am-ins-title { font-size: 22px; line-height: 1.3; margin-bottom: 8px; } .am-hins-excerpt { color: var(--am-muted); font-size: 15px; line-height: 1.55; margin: 0 0 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .am-hins-side { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: stretch; } .am-hins-side .am-related { margin-top: 0; } .am-hins-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-hins-card:hover { box-shadow: 0 14px 30px rgba(10,42,102,.10); transform: translateY(-3px); } .am-hins-thumb { display: block; } .am-hins-thumb img, .am-hins-thumb .is-empty { display: block; width: 100%; height: 170px; object-fit: cover; background: var(--am-light); } .am-hins-body { padding: 18px 20px 20px; display: flex; flex-direction: column; flex: 1; } .am-hins-body .am-ins-title { margin-bottom: 12px; } .am-hins-body .am-link-arrow { margin-top: auto; } .am-hproj { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .am-hproj-thumb { display: block; overflow: hidden; border-radius: 6px; margin-bottom: 12px; } .am-hproj-thumb img, .am-hproj-thumb .is-empty { display: block; width: 100%; height: 200px; object-fit: cover; transition: transform .3s; background: var(--am-light); } .am-hproj-thumb:hover img { transform: scale(1.03); } @media (max-width: 1024px) { .am-hins { gap: 22px; } .am-hins-main { grid-template-columns: repeat(2, minmax(0, 1fr)); } .am-hins-card.is-highlight { grid-column: 1 / -1; order: -1; } .am-hins-card.is-highlight .am-hins-thumb { min-height: 300px; } .am-hproj { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { .am-hins-main, .am-hproj { gap: 10px; } .am-hins-thumb img, .am-hins-thumb .is-empty, .am-hproj-thumb img, .am-hproj-thumb .is-empty { height: 110px; } .am-hins-body { padding: 12px 12px 14px; } .am-hins-body .am-ins-title { font-size: 13px; } .am-hins-body .am-ins-meta { font-size: 11px; } .am-hins-main > .am-hins-card .am-hins-thumb { min-height: 110px; } .am-hins-card.is-highlight .am-hins-thumb { min-height: 200px; } .am-hins-card.is-highlight .am-hins-body { padding: 16px 16px 18px; } .am-hins-card.is-highlight .am-ins-title { font-size: 17px; } .am-hins-excerpt { font-size: 14px; } .am-hins-side { grid-template-columns: 1fr; } } /* Live Home grids (insights/projects) use the same 1240px content width as the other Home sections, so on wide screens they line up with the section heading instead of spreading out. */ .am-hins, .am-hproj { max-width: 1240px; margin-left: auto; margin-right: auto; } @media (min-width: 768px) and (max-width: 1024px) { .am-hins, .am-hproj { margin-left: 14px; margin-right: 14px; } } /* Phone heroes (client, 25 Sept): the photo sits BEHIND the hero text on every page (not in a strip below it), with a soft light overlay so the text stays readable. Overrides the older "photo below the text" mobile block (#am-sec-hero / #am-pghero, 175% + padding-bottom). */ @media (max-width: 767px) { #am-sec-hero, #am-pghero { background-size: cover !important; background-position: 70% center !important; } #am-sec-hero > .elementor-container, #am-pghero > .elementor-container { padding-bottom: 0 !important; } #am-sec-hero::before, #am-pghero::before, .am-p-14 #am-sec-hero::before { background: linear-gradient(180deg, rgba(255,255,255,.86) 0%, rgba(255,255,255,.78) 55%, rgba(255,255,255,.55) 100%) !important; } }