/* Theme Name: SAL Hospital Theme URI: https://www.salhospital.com/ Description: Custom, lightweight theme for SAL Hospital & Medical Institute. Built from scratch by Brand Core Media — WPBakery-ready, custom sticky header, doctor directory support. No page-builder bloat, no paywalled header features. Author: Brand Core Media Author URI: https://www.brandcoremedia.com/ Version: 2.4.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: sal-hospital */ /* ========================================================================== SAL Hospital — brand tokens Navy #12447E · Green #3AAA35 (from the SAL logo) ========================================================================== */ :root { --sal-navy: #12447e; --sal-navy-dark: #0d3462; --sal-green: #3aaa35; --sal-green-dark: #2f8c2b; --sal-ink: #1f2d3d; --sal-muted: #5b6b7b; --sal-line: #e4e9ef; --sal-bg: #f6f9fc; } /* ========================================================================== Child overrides — start light, add as the build grows. Keep component-heavy CSS in WPBakery page code or the doctor plugin; this file is for global brand + Astra tweaks only. ========================================================================== */ /* Buttons — align Astra's default button to SAL navy */ .ast-button, .wp-block-button__link, button.menu-toggle { background-color: var(--sal-navy); border-color: var(--sal-navy); } .ast-button:hover, .wp-block-button__link:hover { background-color: var(--sal-navy-dark); border-color: var(--sal-navy-dark); } /* Links */ a { color: var(--sal-navy); } a:hover { color: var(--sal-green-dark); } /* Headings a touch tighter for a clinical, trustworthy feel */ h1, h2, h3 { color: var(--sal-ink); } /* ========================================================================== Reusable shortcode components ([sal_emergency_bar] [sal_stats] [sal_cta]) ========================================================================== */ /* -- Emergency bar -- */ .sal-emergency-bar { background: var(--sal-navy); color: #fff; font-weight: 600; text-align: center; padding: 8px 12px; font-size: 14px; display: flex; gap: 12px; align-items: center; justify-content: center; flex-wrap: wrap; } .sal-emergency-bar a { color: #fff; text-decoration: none; } .sal-emergency-bar a:hover { text-decoration: underline; } .sal-eb-sep { opacity: 0.5; } /* -- Stats strip -- */ .sal-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; background: linear-gradient(135deg, var(--sal-navy) 0%, var(--sal-navy-dark) 100%); padding: 46px 30px; border-radius: 16px; text-align: center; } .sal-stat-num { font-size: 44px; font-weight: 800; line-height: 1; color: #fff; display: inline-flex; align-items: baseline; } .sal-stat-suffix { color: var(--sal-green); margin-left: 2px; } .sal-stat-label { margin-top: 10px; font-size: 15px; font-weight: 600; color: #cfe0f5; letter-spacing: 0.01em; } /* -- CTA band -- */ .sal-cta { background: linear-gradient(135deg, #eaf2fb 0%, #eefaee 100%); border: 1px solid var(--sal-line); border-radius: 16px; padding: 34px 40px; } .sal-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; } .sal-cta-title { margin: 0 0 6px; color: var(--sal-navy); font-size: 26px; font-weight: 800; } .sal-cta-text { margin: 0; color: var(--sal-muted); font-size: 16px; max-width: 640px; } .sal-cta-actions { display: flex; gap: 12px; flex-wrap: wrap; } /* Shared buttons (mirrors the doctor plugin so profiles + pages match) */ .sal-btn { display: inline-block; font-weight: 700; font-size: 15px; text-decoration: none; padding: 12px 26px; border-radius: 10px; transition: all 0.15s ease; cursor: pointer; } .sal-btn-green { background: var(--sal-green); color: #fff; } .sal-btn-green:hover { background: var(--sal-green-dark); color: #fff; } .sal-btn-outline { background: transparent; color: var(--sal-navy); border: 2px solid var(--sal-navy); padding: 10px 24px; } .sal-btn-outline:hover { background: var(--sal-navy); color: #fff; } /* -- Responsive -- */ @media (max-width: 900px) { .sal-stats { grid-template-columns: repeat(2, 1fr); gap: 30px 20px; } .sal-cta-inner { flex-direction: column; text-align: center; align-items: center; } } @media (max-width: 480px) { .sal-stat-num { font-size: 36px; } .sal-cta { padding: 26px 22px; } } /* ========================================================================== Social icons + Footer ([sal_social] [sal_footer]) ========================================================================== */ .sal-social { display: flex; gap: 10px; flex-wrap: wrap; margin: 14px 0 0; } .sal-social-link { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; color: #dbe6f2; background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.20); border-radius: 50%; transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease; } .sal-social-link svg { width: 18px; height: 18px; display: block; } .sal-social-link:hover { color: #fff; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,.25); border-color: transparent; } /* brand-tinted hover per platform */ .sal-social-link.sal-facebook:hover { background: #1877f2; } .sal-social-link.sal-instagram:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%); } .sal-social-link.sal-linkedin:hover { background: #0a66c2; } .sal-social-link.sal-youtube:hover { background: #ff0000; } .sal-social-link.sal-twitter:hover { background: #000; } .sal-social-link.sal-whatsapp:hover { background: #25d366; } /* Footer */ .sal-footer { color: #dbe6f2; } .sal-footer-cols { display: grid; grid-template-columns: 1fr 1.3fr 1fr 1fr; gap: 34px; padding: 12px 0 26px; } .sal-footer-col h4 { color: #fff; font-size: 16px; font-weight: 700; margin: 0 0 14px; padding-bottom: 8px; border-bottom: 2px solid var(--sal-green); display: inline-block; } .sal-footer-col p, .sal-footer-col li { font-size: 14px; line-height: 1.7; } .sal-footer-col p { margin-top: 0; } .sal-footer-col a { color: #dbe6f2; text-decoration: none; } .sal-footer-col a:hover { color: var(--sal-green); } .sal-footer-col ul { list-style: none; margin: 0; padding: 0; } .sal-footer-col ul li { margin-bottom: 6px; } .sal-footer-menu { list-style: none; margin: 0; padding: 0; } .sal-footer-menu li { margin-bottom: 8px; } .sal-footer-menu a { position: relative; display: inline-block; color: #dbe6f2; text-decoration: none; padding-left: 0; transition: color .16s ease, padding-left .16s ease; } .sal-footer-menu a::before { content: "\203A"; position: absolute; left: -14px; opacity: 0; color: var(--sal-green); transition: opacity .16s ease, left .16s ease; } .sal-footer-menu a:hover { color: #fff; padding-left: 4px; } .sal-footer-menu a:hover::before { opacity: 1; left: -12px; } .sal-footer-identity { text-align: left; padding-left: 0; margin-left: -10px; } .sal-footer-logo { text-align: left; } .sal-footer-logo img { margin-left: 0 !important; } .sal-footer-logo img { max-width: 190px; height: auto; margin: 0 0 12px; background: #fff; padding: 6px 10px; border-radius: 6px; } .sal-footer-about { font-size: 14px; line-height: 1.7; } .sal-footer-name { font-family:"Archivo",sans-serif; font-weight:800; font-size:16px; color:#fff; margin:2px 0 10px; line-height:1.35; } .sal-footer-identity .sal-footer-addr { color:#c3d3e6; font-size:14px; line-height:1.7; margin:0 0 12px; } .sal-footer-identity .sal-footer-line { margin:0 0 6px; color:#c3d3e6; } .sal-footer-identity .sal-footer-line a { color:#dbe6f2; } .sal-footer-identity .sal-footer-line a:hover { color:var(--sal-green); } .sal-footer-image { display:flex; align-items:flex-start; justify-content:center; } .sal-footer-building { width:100% !important; max-width:340px; height:auto !important; max-height:240px; object-fit:cover; border-radius:16px; display:block; box-shadow:0 12px 30px rgba(0,0,0,.28); } .sal-footer-social-row { display:flex; justify-content:center; padding:6px 0 22px; } .sal-footer-social-row .sal-social { justify-content:center; margin:0; } .sal-footer-note { text-align: center; font-size: 13px; color: #aebfd2; padding: 16px 0 0; border-top: 1px solid rgba(255,255,255,0.15); } @media (max-width: 900px) { .sal-footer-cols { grid-template-columns: repeat(2, 1fr); gap: 26px; } .sal-footer-building { max-height:200px; } } @media (max-width: 520px) { .sal-footer-cols { grid-template-columns: 1fr; } .sal-footer-social-row { padding-top:14px; } } /* ========================================================================== HOMEPAGE — Premium + Bold design system Display: Archivo · Emphasis: Spectral italic · Body: Inter ========================================================================== */ :root{ --sal-deep:#0b2e52; --sal-paper:#f7fafc; --sal-mist:#e9f0f7; --sal-ink:#132132; } /* Fluid type + shared editorial header ------------------------------------ */ .sal-home{font-family:"Inter",sans-serif;color:var(--sal-ink);overflow-x:hidden;} .sal-home .sal-wrap{max-width:1200px;margin:0 auto;padding:0 24px;} .sal-home section{position:relative;} .sal-kick{ display:inline-flex;align-items:center;gap:9px; font-family:"Archivo",sans-serif;font-weight:700;font-size:13px; letter-spacing:.18em;text-transform:uppercase;color:var(--sal-green-dark); margin:0 0 18px; } .sal-kick::before{ content:"+";font-size:18px;line-height:1;color:var(--sal-green); font-weight:900;transform:translateY(-1px); } .sal-h2{ font-family:"Archivo",sans-serif;font-weight:800; font-size:clamp(30px,4.4vw,52px);line-height:1.04;letter-spacing:-0.02em; color:var(--sal-navy);margin:0 0 20px; } .sal-h2 .ital{font-family:"Spectral",serif;font-weight:500;font-style:italic;font-size:1.02em;letter-spacing:0;} .sal-h2 .ital.green{color:var(--sal-green);} .sal-lead{font-size:clamp(16px,1.5vw,18px);line-height:1.7;color:var(--sal-muted);max-width:600px;margin:0;} .sal-btn{font-family:"Archivo",sans-serif;font-weight:700;font-size:15px;letter-spacing:.01em;box-sizing:border-box; display:inline-flex;align-items:center;gap:9px;text-decoration:none; padding:15px 30px;border-radius:4px;transition:transform .16s ease,background .16s ease,color .16s ease;} .sal-btn:hover{transform:translateY(-2px);} .sal-btn .arw{transition:transform .16s ease;} .sal-btn:hover .arw{transform:translateX(4px);} .sal-btn-green{background:var(--sal-green);color:#fff;} .sal-btn-green:hover{background:var(--sal-green-dark);color:#fff;} .sal-btn-navy{background:var(--sal-navy);color:#fff;} .sal-btn-navy:hover{background:var(--sal-deep);color:#fff;} .sal-btn-white{background:#fff;color:var(--sal-navy);} .sal-btn-white:hover{background:var(--sal-mist);color:var(--sal-deep);} .sal-btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);} .sal-btn-ghost:hover{background:#fff;color:var(--sal-navy);border-color:#fff;} .sal-btn-tele{background:#0e63b3;color:#fff;} .sal-btn-tele:hover{background:#0a4f90;color:#fff;} .sal-link{font-family:"Archivo",sans-serif;font-weight:700;font-size:15px;color:var(--sal-navy); text-decoration:none;display:inline-flex;align-items:center;gap:8px;} .sal-link .arw{transition:transform .16s ease;} .sal-link:hover .arw{transform:translateX(5px);} .sal-link:hover{color:var(--sal-green-dark);} /* ---- HERO ---- */ .sal-hero{background:var(--sal-deep);min-height:94vh;display:grid; grid-template-columns:1.02fr 0.98fr;align-items:stretch;} .sal-hero-left{display:flex;flex-direction:column;justify-content:center; padding:150px clamp(24px,5vw,90px) 90px;max-width:none;} .sal-hero .sal-kick{color:#9fe0a0;} .sal-hero .sal-kick::before{color:var(--sal-green);} .sal-hero-title{font-family:"Archivo",sans-serif;font-weight:800;color:#fff; font-size:clamp(40px,5.4vw,68px);line-height:1.02;letter-spacing:-0.025em;margin:0 0 24px;} .sal-hero-title .ital{font-family:"Spectral",serif;font-weight:500;font-style:italic;color:var(--sal-green);} .sal-hero-sub{color:#cdddec;font-size:clamp(16px,1.6vw,19px);line-height:1.65;max-width:520px;margin:0 0 34px;} .sal-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:44px;} .sal-hero-trust{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);padding-top:26px;} .sal-hero-trust .t{display:flex;flex-direction:column;gap:2px;} .sal-hero-trust .t b{font-family:"Archivo",sans-serif;font-weight:800;font-size:26px;color:#fff;line-height:1;} .sal-hero-trust .t span{font-size:12.5px;color:#9db4cc;letter-spacing:.02em;} .sal-hero-right{position:relative;background-size:cover;background-position:center;min-height:340px;} .sal-hero-right::after{content:"";position:absolute;inset:0; background:linear-gradient(90deg,var(--sal-deep) 0%,rgba(11,46,82,.15) 22%,transparent 55%);} .sal-hero-card{position:absolute;z-index:3;left:-56px;bottom:56px;background:#fff; border-radius:10px;padding:24px 26px;box-shadow:0 30px 60px rgba(9,32,60,.28);max-width:290px;} .sal-hero-card .hc-top{display:flex;align-items:center;gap:12px;margin-bottom:14px;} .sal-hero-card .hc-dot{width:44px;height:44px;border-radius:50%;background:var(--sal-mist); display:flex;align-items:center;justify-content:center;font-size:22px;} .sal-hero-card h4{font-family:"Archivo",sans-serif;font-weight:800;font-size:16px;color:var(--sal-navy);margin:0;line-height:1.2;} .sal-hero-card p{font-size:13px;color:var(--sal-muted);margin:2px 0 0;line-height:1.5;} .sal-hero-card .hc-num{font-family:"Archivo",sans-serif;font-weight:800;font-size:19px;color:var(--sal-green-dark);} /* ---- TRUST STRIP ---- */ .sal-trust{background:#fff;border-bottom:1px solid var(--sal-line);} .sal-trust .sal-wrap{display:flex;align-items:center;justify-content:space-between; gap:20px;flex-wrap:wrap;padding-top:26px;padding-bottom:26px;} .sal-trust .tlabel{font-family:"Archivo",sans-serif;font-weight:700;font-size:12px; letter-spacing:.16em;text-transform:uppercase;color:var(--sal-muted);} .sal-trust .titems{display:flex;gap:34px;flex-wrap:wrap;} .sal-trust .titems span{font-family:"Archivo",sans-serif;font-weight:700;font-size:15px;color:var(--sal-navy); display:flex;align-items:center;gap:8px;} .sal-trust .titems span::before{content:"+";color:var(--sal-green);font-weight:900;} /* ---- ABOUT ---- */ .sal-about{padding:clamp(64px,9vw,120px) 0;background:var(--sal-paper);} .sal-about .grid{display:grid;grid-template-columns:0.92fr 1.08fr;gap:clamp(32px,5vw,72px);align-items:center;} .sal-about-visual{position:relative;} .sal-about-visual .plus{position:absolute;top:-22px;left:-22px;width:120px;height:120px; background:var(--sal-green);border-radius:8px;z-index:0;opacity:.16;} .sal-about-visual img{position:relative;z-index:1;width:100%;border-radius:12px;display:block; box-shadow:0 30px 60px rgba(9,32,60,.16);} .sal-about-badge{position:absolute;z-index:2;right:-18px;bottom:-18px;background:var(--sal-navy); color:#fff;border-radius:10px;padding:18px 22px;text-align:center;box-shadow:0 20px 40px rgba(9,32,60,.24);} .sal-about-badge b{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:34px;line-height:1;} .sal-about-badge span{font-size:12px;color:#9fe0a0;letter-spacing:.03em;} .sal-about-text p{font-size:16.5px;line-height:1.78;color:#3c4a5a;margin:0 0 18px;} .sal-about-text .sal-btn{margin-top:8px;} /* ---- STATS band ---- */ .sal-stats2{background:var(--sal-navy);padding:clamp(48px,6vw,72px) 0;} .sal-stats2 .grid{display:grid;grid-template-columns:repeat(4,1fr);} .sal-stats2 .st{padding:8px 26px;border-left:1px solid rgba(255,255,255,.14);} .sal-stats2 .st:first-child{border-left:0;padding-left:0;} .sal-stats2 .st b{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(38px,4.6vw,58px); color:#fff;line-height:1;display:block;letter-spacing:-0.02em;} .sal-stats2 .st b i{color:var(--sal-green);font-style:normal;} .sal-stats2 .st span{display:block;margin-top:10px;font-size:14px;color:#9db4cc;line-height:1.45;} /* ---- SPECIALITIES ---- */ .sal-spec{padding:clamp(64px,9vw,120px) 0;background:#fff;} .sal-spec-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:44px;} .sal-spec-top .sal-lead{margin-top:8px;} .sal-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0; border-top:1px solid var(--sal-line);border-left:1px solid var(--sal-line);} .sal-spec-card{position:relative;display:block;text-decoration:none;padding:30px 26px 28px; border-right:1px solid var(--sal-line);border-bottom:1px solid var(--sal-line); transition:background .18s ease;overflow:hidden;} .sal-spec-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px; background:var(--sal-green);transform:scaleY(0);transform-origin:top;transition:transform .2s ease;} .sal-spec-card:hover{background:var(--sal-paper);} .sal-spec-card:hover::before{transform:scaleY(1);} .sal-spec-ico{width:52px;height:52px;border-radius:10px;background:var(--sal-mist); display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:background .18s ease;} .sal-spec-ico svg{width:26px;height:26px;stroke:var(--sal-navy);fill:none;stroke-width:1.6;transition:stroke .18s ease;} .sal-spec-card:hover .sal-spec-ico{background:#dff3de;} .sal-spec-card:hover .sal-spec-ico svg{stroke:var(--sal-green-dark);} .sal-spec-name{font-family:"Archivo",sans-serif;font-weight:700;font-size:16px;color:var(--sal-ink); line-height:1.3;display:block;margin-bottom:14px;} .sal-spec-go{font-size:13px;font-weight:600;color:var(--sal-muted);display:inline-flex;align-items:center;gap:6px; opacity:0;transform:translateX(-6px);transition:all .2s ease;} .sal-spec-card:hover .sal-spec-go{opacity:1;transform:translateX(0);color:var(--sal-green-dark);} .sal-spec-foot{margin-top:36px;} /* ---- WHY SAL (dark) ---- */ .sal-why{padding:clamp(64px,9vw,120px) 0;background:var(--sal-deep);color:#fff;position:relative;} .sal-why .sal-kick{color:#9fe0a0;} .sal-why .sal-h2{color:#fff;} .sal-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px);margin-top:48px;} .sal-why-item{padding-top:26px;border-top:2px solid rgba(255,255,255,.16);} .sal-why-item .idx{font-family:"Archivo",sans-serif;font-weight:800;font-size:15px;color:var(--sal-green);margin-bottom:16px;letter-spacing:.06em;} .sal-why-item h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:21px;color:#fff;margin:0 0 12px;line-height:1.2;} .sal-why-item p{font-size:15px;line-height:1.72;color:#a9bfd6;margin:0;} /* ---- DOCTORS (home) ---- */ .sal-docs2{padding:clamp(64px,9vw,120px) 0;background:var(--sal-paper);} .sal-docs2 .sal-spec-top{margin-bottom:40px;} .sal-home-docs .sal-docs-grid{gap:20px;} .sal-home-docs .sal-doc-card{border-radius:10px;box-shadow:0 10px 30px rgba(9,32,60,.06);border-color:var(--sal-line);} .sal-home-docs .sal-doc-name{font-family:"Archivo",sans-serif;} .sal-home-docs .sal-doc-more{border-radius:4px;font-family:"Archivo",sans-serif;} /* ---- CTA ---- */ .sal-cta2{position:relative;background:var(--sal-navy);padding:clamp(60px,8vw,110px) 0;overflow:hidden;} .sal-cta2::before,.sal-cta2::after{content:"+";position:absolute;font-family:"Archivo",sans-serif; font-weight:900;color:rgba(255,255,255,.06);line-height:1;} .sal-cta2::before{font-size:340px;top:-80px;right:-40px;} .sal-cta2::after{font-size:200px;bottom:-70px;left:-30px;} .sal-cta2 .inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:34px;flex-wrap:wrap;} .sal-cta2 h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(28px,3.6vw,44px); color:#fff;line-height:1.08;letter-spacing:-0.02em;margin:0;max-width:640px;} .sal-cta2 h2 .ital{font-family:"Spectral",serif;font-weight:500;font-style:italic;color:#9fe0a0;} .sal-cta2 .actions{display:flex;gap:14px;flex-wrap:wrap;} /* ---- Responsive ---- */ @media (max-width:1024px){ .sal-spec-grid{grid-template-columns:repeat(3,1fr);} .sal-why-grid{grid-template-columns:1fr;gap:0;} .sal-why-item{margin-top:0;} } @media (max-width:900px){ .sal-hero{grid-template-columns:1fr;min-height:auto;} .sal-hero-left{padding:130px 24px 70px;} .sal-hero-right{min-height:300px;} .sal-hero-card{position:static;margin:-40px 24px 0;left:0;max-width:none;} .sal-about .grid{grid-template-columns:1fr;gap:56px;} .sal-about-badge{right:16px;} .sal-stats2 .grid{grid-template-columns:repeat(2,1fr);gap:34px 0;} .sal-stats2 .st:nth-child(3){border-left:0;padding-left:0;} } @media (max-width:640px){ .sal-spec-grid{grid-template-columns:repeat(2,1fr);} .sal-hero-trust{gap:20px;} .sal-cta2 .inner{flex-direction:column;align-items:flex-start;} } @media (max-width:420px){ .sal-spec-grid{grid-template-columns:1fr;} .sal-stats2 .grid{grid-template-columns:1fr;} .sal-stats2 .st{border-left:0;padding-left:0;} } /* ========================================================================== CUSTOM THEME CHROME — emergency bar, sticky header, nav, footer, mobile ========================================================================== */ /* Top contact belt — 4 aligned buttons (green title / white detail) */ .sal-topbar{background:var(--sal-navy);} .sal-topbar .sal-tb-row{display:flex;align-items:stretch;justify-content:space-between;gap:0; max-width:var(--sal-max,1240px);margin:0 auto;} /* left info group */ .sal-tb-info{display:flex;align-items:stretch;} .sal-tb-btn{display:flex;align-items:center;gap:11px;padding:10px 22px 10px 0; text-decoration:none;transition:opacity .15s ease;} .sal-tb-info .sal-tb-btn{border-right:1px solid rgba(255,255,255,.14);padding:8px 22px;white-space:nowrap;} .sal-tb-info .sal-tb-btn:first-child{padding-left:0;} .sal-tb-btn:hover{opacity:.85;} .sal-tb-ico{display:flex;align-items:center;justify-content:center;color:var(--sal-green);flex:0 0 auto;} .sal-tb-txt{display:flex;flex-direction:column;line-height:1.25;} .sal-tb-txt b{font-family:"Archivo",sans-serif;font-weight:700;font-size:11px;letter-spacing:.08em; text-transform:uppercase;color:var(--sal-green);} .sal-tb-txt span{font-family:"Inter",sans-serif;font-weight:600;font-size:14px;color:#fff;white-space:nowrap;} /* right action buttons — highlighted with distinct backgrounds */ .sal-tb-actions{display:flex;align-items:stretch;} .sal-tb-action{display:flex;align-items:center;gap:11px;padding:0 28px;text-decoration:none; font-family:"Archivo",sans-serif;font-weight:800;font-size:16px;letter-spacing:.01em;color:#fff;transition:filter .15s ease;} .sal-tb-action .sal-tb-ico{color:#fff;} .sal-tb-action:hover{filter:brightness(1.08);color:#fff;} .sal-tb-action,.sal-tb-action:hover,.sal-tb-action:focus{color:#fff;} .sal-tb-action:hover .sal-tb-ico,.sal-tb-action:hover span{color:#fff;} .sal-tb-contact{background:var(--sal-navy-dark,#0d3462);} .sal-tb-tele{background:#0e63b3;} .sal-tb-tele:hover{background:#0a4f90;} .sal-tb-book{background:var(--sal-green,#3aaa35);} .sal-tb-book:hover{background:var(--sal-green-dark,#2f8c2b);} @media (max-width:768px){ /* hide the whole top bar on mobile — the fixed bottom bar covers these actions */ .sal-topbar{display:none;} } /* Sticky header */ /* Sticky stack: belt + header pinned together */ .sal-headstack{position:sticky;top:0;z-index:100;transition:box-shadow .2s ease;will-change:transform;transform:translateZ(0);backface-visibility:hidden;} .sal-headstack.is-stuck{box-shadow:0 6px 24px rgba(9,32,60,.10);} .sal-header{background:#fff;border-bottom:1px solid var(--sal-line);transition:padding .2s ease;} .sal-header .sal-wrap{display:flex;align-items:center;justify-content:flex-start;gap:clamp(20px,3vw,44px);padding:16px 24px;transition:padding .2s ease;} .sal-headstack.is-stuck .sal-header .sal-wrap{padding:10px 24px;} .sal-logo{display:inline-flex;align-items:center;line-height:0;} .sal-logo img{height:auto;display:block;transition:width .2s ease;} .sal-headstack.is-stuck .sal-logo img{max-width:130px !important;} /* Show desktop logo, hide mobile logo (swap below 921px) */ .sal-logo .sal-logo-desktop{display:block;} .sal-logo .sal-logo-mobile{display:none;} @media (max-width:921px){ .sal-logo .sal-logo-desktop{display:none;} .sal-logo .sal-logo-mobile{display:block;} } /* Primary nav */ .sal-nav{display:flex;align-items:center;justify-content:center;gap:clamp(2px,0.6vw,10px);flex:1 1 auto;} .sal-nav ul{list-style:none;display:flex;align-items:center;gap:4px;margin:0;padding:0;} .sal-nav a{font-family:"Archivo",sans-serif;font-weight:600;font-size:15.5px;color:var(--sal-navy); text-decoration:none;padding:10px 14px;border-radius:6px;transition:color .15s ease,background .15s ease;display:block;} .sal-nav a:hover,.sal-nav .current-menu-item>a{color:var(--sal-green-dark);} .sal-nav .menu-item-has-children{position:relative;} .sal-nav .sub-menu{position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid var(--sal-line); border-radius:10px;box-shadow:0 16px 40px rgba(9,32,60,.12);padding:8px;display:none;flex-direction:column;gap:2px;z-index:20;} .sal-nav .menu-item-has-children:hover .sub-menu{display:flex;} .sal-nav .sub-menu a{font-size:14.5px;font-weight:500;} .sal-nav .sub-menu a:hover{background:var(--sal-mist);} .sal-header-cta{display:flex;align-items:center;gap:12px;} .sal-header-cta .sal-btn{padding:11px 22px;font-size:14px;} /* Mobile toggle + drawer */ .sal-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;} .sal-burger span{width:26px;height:2px;background:var(--sal-navy);transition:.2s;} .sal-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);} .sal-burger.open span:nth-child(2){opacity:0;} .sal-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);} .sal-drawer{position:fixed;inset:0 0 0 auto;width:min(84vw,340px);background:#fff;z-index:200; transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 40px rgba(9,32,60,.18); padding:80px 26px 30px;overflow-y:auto;} .sal-drawer.open{transform:translateX(0);} .sal-drawer ul{list-style:none;margin:0;padding:0;} .sal-drawer li{border-bottom:1px solid var(--sal-line);} .sal-drawer a{display:block;padding:15px 4px;font-family:"Archivo",sans-serif;font-weight:600;font-size:17px;color:var(--sal-navy);text-decoration:none;} .sal-drawer .sub-menu a{font-size:15px;font-weight:500;padding-left:16px;color:var(--sal-muted);} .sal-drawer-cta{margin-top:24px;} .sal-drawer-cta .sal-btn{width:100%;justify-content:center;} .sal-drawer-close{position:absolute;top:22px;right:22px;background:none;border:0;font-size:26px;color:var(--sal-navy);cursor:pointer;line-height:1;} .sal-overlay{position:fixed;inset:0;background:rgba(9,32,60,.45);z-index:150;opacity:0;visibility:hidden;transition:.28s;} .sal-overlay.open{opacity:1;visibility:visible;} /* Content wrappers */ .sal-main{min-height:40vh;} .sal-page{max-width:900px;margin:0 auto;padding:56px 24px 72px;} .sal-page h1.entry-title{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(30px,4vw,44px);color:var(--sal-navy);letter-spacing:-0.02em;margin:0 0 24px;} .sal-page .entry-content{font-size:16.5px;line-height:1.8;color:#37475a;} .sal-page .entry-content h2{font-family:"Archivo",sans-serif;color:var(--sal-navy);margin:32px 0 12px;} .sal-404{text-align:center;padding:100px 24px;} .sal-404 h1{font-family:"Archivo",sans-serif;font-size:90px;color:var(--sal-navy);margin:0;} @media (max-width:1024px){ .sal-nav,.sal-header-cta .sal-btn{display:none;} .sal-burger{display:flex;} } /* ========================================================================== HOMEPAGE v2 — footer, redesigned specialities, services, testimonials, inquiry (CF7), accreditations ========================================================================== */ /* ---- Solid footer ---- */ .sal-site-footer{background:var(--sal-deep);padding:66px 0 30px;} .sal-site-footer .sal-wrap{max-width:1200px;margin:0 auto;padding:0 24px;} /* ---- Redesigned SPECIALITY cards (richer, gradient tiles) ---- */ .sal-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border:0;} .sal-spec-card{position:relative;display:block;text-decoration:none;padding:30px 26px 26px; background:#fff;border:1px solid var(--sal-line);border-radius:16px;overflow:hidden; box-shadow:0 10px 30px rgba(9,32,60,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;} .sal-spec-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px; background:linear-gradient(90deg,var(--sal-navy),var(--sal-green));transform:scaleX(0);transform-origin:left;transition:transform .25s ease;} .sal-spec-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(9,32,60,.14);border-color:transparent;} .sal-spec-card:hover::before{transform:scaleX(1);} .sal-spec-ico{width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center; margin-bottom:20px;background:linear-gradient(135deg,var(--sal-navy) 0%,#1a5da6 100%);transition:background .25s ease;} .sal-spec-ico svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:1.7;} .sal-spec-card:hover .sal-spec-ico{background:linear-gradient(135deg,var(--sal-green) 0%,var(--sal-green-dark) 100%);} .sal-spec-name{font-family:"Archivo",sans-serif;font-weight:700;font-size:16.5px;color:var(--sal-ink);line-height:1.3;display:block;margin-bottom:16px;} .sal-spec-go{width:36px;height:36px;border-radius:50%;background:var(--sal-mist);display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;} .sal-spec-go svg{width:15px;height:15px;stroke:var(--sal-navy);fill:none;stroke-width:2;transition:stroke .2s ease;} .sal-spec-card:hover .sal-spec-go{background:var(--sal-green);} .sal-spec-card:hover .sal-spec-go svg{stroke:#fff;} /* ---- HIGHLIGHTED SERVICES (centres of excellence) ---- */ .sal-svc{padding:clamp(64px,9vw,120px) 0;background:var(--sal-paper);} .sal-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;} .sal-svc-card{position:relative;border-radius:18px;overflow:hidden;min-height:360px;display:flex; align-items:flex-end;color:#fff;text-decoration:none;box-shadow:0 18px 44px rgba(9,32,60,.14); background:var(--sal-navy);isolation:isolate;} .sal-svc-card .bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;transition:transform .5s ease;} .sal-svc-card::after{content:"";position:absolute;inset:0;z-index:-1; background:linear-gradient(180deg,rgba(11,46,82,.15) 0%,rgba(11,46,82,.55) 55%,rgba(9,32,60,.92) 100%);} .sal-svc-card:hover .bg{transform:scale(1.06);} .sal-svc-body{padding:30px 28px;position:relative;z-index:1;} .sal-svc-ico{width:52px;height:52px;border-radius:12px;background:rgba(255,255,255,.14);backdrop-filter:blur(4px); display:flex;align-items:center;justify-content:center;margin-bottom:16px;} .sal-svc-ico svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.7;} .sal-svc-card h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:23px;margin:0 0 8px;line-height:1.15;} .sal-svc-card p{font-size:14.5px;line-height:1.6;color:#d3e0ee;margin:0 0 16px;} .sal-svc-more{font-family:"Archivo",sans-serif;font-weight:700;font-size:14px;color:#9fe0a0;display:inline-flex;align-items:center;gap:8px;} .sal-svc-more .arw{transition:transform .18s ease;} .sal-svc-card:hover .sal-svc-more .arw{transform:translateX(5px);} /* ---- TESTIMONIALS ---- */ .sal-tst{padding:clamp(64px,9vw,120px) 0;background:#fff;} .sal-tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;} .sal-tst-card{background:var(--sal-paper);border:1px solid var(--sal-line);border-radius:16px;padding:32px 28px;position:relative;box-sizing:border-box;} .sal-tst-card .quo{font-family:"Spectral",serif;font-style:italic;font-size:64px;line-height:.7;color:var(--sal-green);opacity:.4;height:32px;display:block;} .sal-tst-stars{color:#f0a72b;font-size:15px;letter-spacing:2px;margin:0 0 12px;} .sal-tst-text{font-size:15.5px;line-height:1.75;color:#37475a;margin:0 0 20px;} .sal-tst-who{display:flex;align-items:center;gap:12px;margin-top:20px;} .sal-tst-av{width:52px;height:52px;border-radius:50%;overflow:hidden;flex:0 0 auto; background:linear-gradient(135deg,var(--sal-navy),#1a5da6);color:#fff; font-family:"Archivo",sans-serif;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:18px;} .sal-tst-av.has-photo{background:none;} .sal-tst-av img{width:100%;height:100%;object-fit:cover;display:block;} .sal-tst-who b{font-family:"Archivo",sans-serif;font-weight:700;font-size:15px;color:var(--sal-navy);display:block;line-height:1.2;} .sal-tst-who span{font-size:13px;color:var(--sal-muted);} /* ---- QUICK INQUIRY (CF7) ---- */ .sal-inq{background:var(--sal-deep);} .sal-inq .grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:0;align-items:stretch;} .sal-inq-copy{padding:clamp(48px,6vw,80px) clamp(24px,4vw,60px);color:#fff;} .sal-inq-copy .sal-kick{color:#9fe0a0;} .sal-inq-copy h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(28px,3.4vw,42px);line-height:1.08;letter-spacing:-0.02em;margin:0 0 16px;} .sal-inq-copy h2 .ital{font-family:"Spectral",serif;font-weight:500;font-style:italic;color:#9fe0a0;} .sal-inq-copy p{color:#bcd0e6;font-size:16px;line-height:1.7;margin:0 0 26px;max-width:420px;} .sal-inq-contact{display:flex;flex-direction:column;gap:14px;} .sal-inq-contact a,.sal-inq-contact span{color:#e6eef7;font-size:15px;text-decoration:none;display:flex;align-items:center;gap:10px;} .sal-inq-contact b{color:#9fe0a0;font-family:"Archivo",sans-serif;} .sal-inq-form{background:#fff;padding:clamp(36px,4vw,52px);display:flex;flex-direction:column;justify-content:center;} .sal-inq-form h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:22px;color:var(--sal-navy);margin:0 0 6px;} .sal-inq-form .sub{font-size:14px;color:var(--sal-muted);margin:0 0 22px;} /* Style Contact Form 7 fields */ .sal-inq-form .wpcf7-form p{margin:0 0 16px;} .sal-inq-form label{display:block;font-family:"Archivo",sans-serif;font-weight:600;font-size:13.5px;color:var(--sal-ink);margin-bottom:6px;} .sal-inq-form input:not([type=submit]),.sal-inq-form select,.sal-inq-form textarea{ width:100%;padding:13px 15px;border:1.5px solid var(--sal-line);border-radius:8px;font-size:15px;font-family:"Inter",sans-serif; color:var(--sal-ink);background:#fff;transition:border-color .15s ease;} .sal-inq-form input:focus,.sal-inq-form select:focus,.sal-inq-form textarea:focus{outline:none;border-color:var(--sal-green);} .sal-inq-form textarea{min-height:96px;resize:vertical;} .sal-inq-form input[type=submit],.sal-inq-form .wpcf7-submit{width:100%;background:var(--sal-green);color:#fff;border:0; font-family:"Archivo",sans-serif;font-weight:700;font-size:16px;padding:15px;border-radius:8px;cursor:pointer;transition:background .16s ease;} .sal-inq-form input[type=submit]:hover,.sal-inq-form .wpcf7-submit:hover{background:var(--sal-green-dark);} /* ---- ACCREDITATIONS strip ---- */ .sal-accred{background:#fff;border-top:1px solid var(--sal-line);padding:40px 0;} .sal-accred .sal-wrap{display:flex;align-items:center;justify-content:center;gap:clamp(28px,5vw,70px);flex-wrap:wrap;} .sal-accred .lab{font-family:"Archivo",sans-serif;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--sal-muted);} .sal-accred img{height:64px;width:auto;filter:grayscale(1);opacity:.7;transition:all .2s ease;} .sal-accred img:hover{filter:none;opacity:1;} .sal-accred .badge{font-family:"Archivo",sans-serif;font-weight:800;font-size:20px;color:var(--sal-navy); border:2px solid var(--sal-line);border-radius:10px;padding:14px 22px;display:flex;flex-direction:column;line-height:1;gap:4px;} .sal-accred .badge span{font-size:11px;font-weight:600;color:var(--sal-muted);letter-spacing:.04em;} /* v2 responsive */ @media (max-width:1024px){ .sal-svc-grid,.sal-tst-grid{grid-template-columns:1fr 1fr;} .sal-spec-grid{grid-template-columns:repeat(3,1fr);} } @media (max-width:900px){ .sal-inq .grid{grid-template-columns:1fr;} } @media (max-width:768px){ .sal-svc-grid,.sal-tst-grid,.sal-spec-grid{grid-template-columns:1fr;} } @media (max-width:640px){ .sal-spec-grid{grid-template-columns:1fr 1fr;} } /* ========================================================================== HOMEPAGE v3 — NATIVE WPBAKERY structure (rows/columns), no inline CSS. Layout classes are prefixed .salh- and target WPBakery column wrappers. Typography (.sal-kick/.sal-h2/.sal-lead/.sal-btn) + testimonials reused. ========================================================================== */ /* shared section heading + testimonials column counts */ .sal-tst-grid{display:grid;gap:24px;} .sal-tst-cols-2{grid-template-columns:repeat(2,1fr);} .sal-tst-cols-3{grid-template-columns:repeat(3,1fr);} .sal-tst-cols-4{grid-template-columns:repeat(4,1fr);} .sal-tst-empty{color:var(--sal-muted);font-style:italic;} /* Remove WPBakery default column padding where we manage spacing ourselves */ .salh-section > .vc_column_container > .vc_column-inner{padding-left:0;padding-right:0;} /* ---- HERO (native 2-column: text | image) ---- */ .salh-hero{background:var(--sal-deep) !important;align-items:stretch;} .salh-hero .wpb_column{display:flex;} .salh-hero-left .vc_column-inner{display:flex;flex-direction:column;justify-content:center; padding:130px clamp(24px,4vw,70px) 90px clamp(24px,4vw,70px);width:100%;} .salh-hero-left .sal-kick{color:#9fe0a0;} .salh-hero-left h1,.salh-hero-title{font-family:"Archivo",sans-serif;font-weight:800;color:#fff; font-size:clamp(38px,5vw,64px);line-height:1.03;letter-spacing:-0.025em;margin:0 0 22px;} .salh-hero-left h1 .ital,.salh-hero-title .ital{font-family:"Spectral",serif;font-weight:500;font-style:italic;color:var(--sal-green);} .salh-hero-sub{color:#cdddec;font-size:clamp(16px,1.6vw,19px);line-height:1.65;margin:0 0 32px;max-width:520px;} .salh-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:42px;} .salh-hero-trust{display:flex;gap:26px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);padding-top:24px;} .salh-hero-trust .t{display:flex;flex-direction:column;gap:2px;} .salh-hero-trust .t b{font-family:"Archivo",sans-serif;font-weight:800;font-size:24px;color:#fff;line-height:1;} .salh-hero-trust .t span{font-size:12.5px;color:#9db4cc;} .salh-hero-right .vc_column-inner,.salh-hero-right .wpb_wrapper, .salh-hero-right .wpb_single_image,.salh-hero-right figure{height:100%;width:100%;margin:0;} .salh-hero-right .wpb_single_image img,.salh-hero-img img{width:100%;height:100%;object-fit:cover;display:block;min-height:340px;} /* ---- ABOUT (native 2-column: image | text) ---- */ .salh-about{background:var(--sal-paper) !important;} .salh-about > .vc_column_container > .vc_column-inner{padding-top:clamp(64px,9vw,110px);padding-bottom:clamp(64px,9vw,110px);} .salh-about-img .wpb_single_image img{width:100%;border-radius:14px;display:block;box-shadow:0 30px 60px rgba(9,32,60,.16);} .salh-about-text .vc_column-inner{padding-left:clamp(24px,4vw,60px);} .salh-about-text p{font-size:16.5px;line-height:1.78;color:#3c4a5a;margin:0 0 18px;} /* ---- SERVICES (native 3-column image-top cards) ---- */ .salh-svc{background:var(--sal-paper) !important;} .salh-svc-head .vc_column-inner{padding-top:clamp(56px,7vw,90px);} .salh-svc-cards{padding-bottom:clamp(56px,7vw,90px);} .salh-svc-cards .salh-svc-col{margin-bottom:0;} .salh-svc-col .vc_column-inner{background:#fff;border:1px solid var(--sal-line);border-radius:16px;overflow:hidden; box-shadow:0 14px 34px rgba(9,32,60,.07);height:100%;padding:0;margin:0 10px;transition:transform .2s ease,box-shadow .2s ease;} .salh-svc-col:hover .vc_column-inner{transform:translateY(-6px);box-shadow:0 26px 54px rgba(9,32,60,.15);} .salh-svc-col .wpb_wrapper{display:flex;flex-direction:column;height:100%;} .salh-svc-img{margin:0 !important;} .salh-svc-img img{width:100%;height:210px;object-fit:cover;display:block;} .salh-svc-body{padding:24px 24px 28px;} .salh-svc-body h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:21px;color:var(--sal-navy);margin:0 0 8px;line-height:1.15;} .salh-svc-body p{font-size:14.5px;line-height:1.6;color:var(--sal-muted);margin:0 0 14px;} /* ---- WHY SAL (native 3-column, dark) ---- */ .salh-why{background:var(--sal-deep) !important;} .salh-why > .vc_column_container > .vc_column-inner{padding-top:clamp(64px,9vw,110px);padding-bottom:clamp(48px,6vw,80px);} .salh-why .sal-kick{color:#9fe0a0;} .salh-why .sal-h2{color:#fff;} .salh-why-cards > .vc_column_container > .vc_column-inner{padding-bottom:clamp(56px,7vw,90px);} .salh-why-item{padding-top:24px;border-top:2px solid rgba(255,255,255,.16);height:100%;} .salh-why-item .idx{font-family:"Archivo",sans-serif;font-weight:800;font-size:15px;color:var(--sal-green);margin-bottom:14px;letter-spacing:.06em;} .salh-why-item h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:20px;color:#fff;margin:0 0 10px;line-height:1.2;} .salh-why-item p{font-size:15px;line-height:1.7;color:#a9bfd6;margin:0;} /* ---- INQUIRY (native 2-column) ---- */ .salh-inq{background:var(--sal-deep) !important;align-items:stretch;} .salh-inq .wpb_column{display:flex;} .salh-inq-copy .vc_column-inner{padding:clamp(48px,6vw,80px) clamp(24px,4vw,56px);width:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;} .salh-inq-copy .sal-kick{color:#9fe0a0;} .salh-inq-copy h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(28px,3.4vw,42px);line-height:1.08;letter-spacing:-0.02em;margin:0 0 16px;color:#fff;} .salh-inq-copy h2 .ital{font-family:"Spectral",serif;font-weight:500;font-style:italic;color:#9fe0a0;} .salh-inq-copy p{color:#bcd0e6;font-size:16px;line-height:1.7;margin:0 0 24px;max-width:420px;} .salh-inq-contact p{color:#e6eef7;font-size:15px;margin:0 0 10px;} .salh-inq-contact b{color:#9fe0a0;font-family:"Archivo",sans-serif;} .salh-inq-form .vc_column-inner{background:#fff;padding:clamp(34px,4vw,50px);display:flex;flex-direction:column;justify-content:center;width:100%;} .salh-inq-form h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:22px;color:var(--sal-navy);margin:0 0 6px;} .salh-inq-form .sub{font-size:14px;color:var(--sal-muted);margin:0 0 20px;} .salh-inq-form .wpcf7-form p{margin:0 0 15px;} .salh-inq-form label{display:block;font-family:"Archivo",sans-serif;font-weight:600;font-size:13.5px;color:var(--sal-ink);margin-bottom:6px;} .salh-inq-form input:not([type=submit]),.salh-inq-form select,.salh-inq-form textarea{width:100%;padding:13px 15px;border:1.5px solid var(--sal-line);border-radius:8px;font-size:15px;font-family:"Inter",sans-serif;color:var(--sal-ink);} .salh-inq-form input:focus,.salh-inq-form select:focus,.salh-inq-form textarea:focus{outline:none;border-color:var(--sal-green);} .salh-inq-form textarea{min-height:96px;resize:vertical;} .salh-inq-form input[type=submit],.salh-inq-form .wpcf7-submit{width:100%;background:var(--sal-green);color:#fff;border:0;font-family:"Archivo",sans-serif;font-weight:700;font-size:16px;padding:15px;border-radius:8px;cursor:pointer;transition:background .16s ease;} .salh-inq-form input[type=submit]:hover,.salh-inq-form .wpcf7-submit:hover{background:var(--sal-green-dark);} /* ---- ACCREDITATIONS (native single images) ---- */ .salh-accred{background:#fff !important;border-top:1px solid var(--sal-line);} .salh-accred > .vc_column_container > .vc_column-inner{padding:38px 0;} .salh-accred .wpb_wrapper{display:flex;align-items:center;justify-content:center;gap:clamp(24px,5vw,64px);flex-wrap:wrap;} .salh-accred .wpb_single_image{margin:0;} .salh-accred .wpb_single_image img{height:64px;width:auto;filter:grayscale(1);opacity:.7;transition:all .2s ease;} .salh-accred .wpb_single_image img:hover{filter:none;opacity:1;} /* ---- CTA ---- */ .salh-cta{background:var(--sal-navy) !important;overflow:hidden;position:relative;} .salh-cta > .vc_column_container > .vc_column-inner{padding:clamp(56px,7vw,96px) 0;position:relative;z-index:2;} .salh-cta .salh-cta-in{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;} .salh-cta h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(28px,3.4vw,42px);color:#fff;line-height:1.1;letter-spacing:-0.02em;margin:0;max-width:620px;} .salh-cta h2 .ital{font-family:"Spectral",serif;font-weight:500;font-style:italic;color:#9fe0a0;} .salh-cta .actions{display:flex;gap:14px;flex-wrap:wrap;} /* v3 responsive */ @media (max-width:900px){ .sal-tst-cols-3,.sal-tst-cols-4{grid-template-columns:1fr 1fr;} .salh-hero-left .vc_column-inner{padding:110px 24px 60px;} } @media (max-width:768px){ .sal-tst-cols-2,.sal-tst-cols-3,.sal-tst-cols-4{grid-template-columns:1fr;} .salh-cta .salh-cta-in{flex-direction:column;align-items:flex-start;} } /* ========================================================================== HOMEPAGE v4 — CONTAINED LAYOUT: max-width, side gutters, elegant whitespace. Sections become centred; strong colour sections become rounded panels. ========================================================================== */ :root{--sal-max:1240px;--sal-gutter:clamp(22px,4vw,52px);} /* Every homepage row: centred, capped width, vertical rhythm between sections */ .salh-section{ max-width:var(--sal-max) !important; margin-left:auto !important; margin-right:auto !important; margin-top:clamp(16px,2.6vw,30px) !important; margin-bottom:clamp(16px,2.6vw,30px) !important; box-sizing:border-box; } /* Internal readability gutter inside every section */ .salh-section > .vc_column_container > .vc_column-inner{ padding-left:var(--sal-gutter) !important; padding-right:var(--sal-gutter) !important; } /* Strong colour sections → elegant rounded panels */ .salh-hero,.salh-why,.salh-inq,.salh-cta{border-radius:24px;overflow:hidden;} .sal-stats{border-radius:20px;} /* Paper sections sit airy on white (no heavy band) */ .salh-about,.salh-svc{background:transparent !important;} /* Hero: text column padded, image column bleeds to the panel edge */ .salh-hero-left .vc_column-inner{ padding:clamp(60px,6.5vw,92px) var(--sal-gutter) clamp(52px,6vw,80px) var(--sal-gutter) !important; } .salh-hero-right .vc_column-inner{padding:0 !important;} /* Inquiry: keep the two inner panels flush to the rounded edge */ .salh-inq-copy .vc_column-inner{padding:clamp(46px,5.5vw,74px) var(--sal-gutter) !important;} .salh-inq-form .vc_column-inner{padding:clamp(34px,4vw,50px) clamp(28px,3vw,44px) !important;} /* Trust + accreditation strips: centre content, comfortable padding */ .sal-trust > .vc_column_container > .vc_column-inner{padding-top:24px !important;padding-bottom:24px !important;} .sal-trust .titems{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;margin-top:8px;} .sal-trust .tlabel{display:block;text-align:center;} /* Extra breathing room top & bottom of the page flow */ .salh-hero{margin-top:clamp(20px,3vw,36px) !important;} .salh-cta{margin-bottom:clamp(28px,4vw,48px) !important;} @media (max-width:768px){ :root{--sal-gutter:22px;} .salh-hero,.salh-why,.salh-inq,.salh-cta{border-radius:18px;} } /* ========================================================================== SPECIALTY PAGES — sidebar (template) + NATIVE WPBakery content blocks ========================================================================== */ /* Layout: sidebar + content (sidebar comes from the page template) */ .specialty-wrap{max-width:var(--sal-max);margin:0 auto;padding:26px clamp(20px,4vw,44px) 72px; display:grid;grid-template-columns:300px 1fr;gap:clamp(26px,3.5vw,50px);align-items:start;} .specialty-content{min-width:0;} /* ---- Sidebar menu ([sal_spec_menu]) ---- */ .specialty-sidebar .sal-side,.sal-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:150px;} .sal-side-note{color:var(--sal-muted);font-style:italic;} .sal-side-h{font-family:"Archivo",sans-serif;font-weight:800;font-size:17px;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,var(--sal-navy),#1a5da6);padding:15px 20px;border-radius:12px;box-shadow:0 8px 22px rgba(9,32,60,.14);position:relative;}.sal-side-h::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;background:var(--sal-green);border-radius:0 4px 4px 0;} .sal-smenu{display:flex;flex-direction:column;gap:8px;} .sal-mi{border:1px solid #d9e4f0;border-radius:11px;background:#f4f8fc;overflow:hidden;transition:all .15s;} .sal-mi > a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 16px;text-decoration:none;color:var(--sal-ink);font-family:"Archivo",sans-serif;font-weight:600;font-size:14.5px;transition:color .15s;} .sal-mi:hover{border-color:var(--sal-navy);box-shadow:0 8px 22px rgba(9,32,60,.09);} .sal-mi:hover > a{color:var(--sal-navy);} .sal-mi.cur{border-color:transparent;background:linear-gradient(135deg,var(--sal-navy),#1a5da6);} .sal-mi.cur > a{color:#fff;} .sal-chev{width:22px;height:22px;border-radius:6px;background:var(--sal-mist);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--sal-navy);transition:transform .2s,background .15s;flex:0 0 auto;} .sal-mi.cur .sal-chev{background:rgba(255,255,255,.2);color:#fff;} .sal-mi.open .sal-chev{transform:rotate(180deg);} .sal-sub{max-height:0;overflow:hidden;transition:max-height .28s ease;background:var(--sal-paper);} .sal-mi.open .sal-sub{max-height:400px;border-top:1px solid var(--sal-line);} .sal-sub a{display:block;padding:11px 16px 11px 22px;text-decoration:none;color:var(--sal-muted);font-size:13.5px;font-weight:500;border-bottom:1px solid var(--sal-line);} .sal-sub a:last-child{border-bottom:0;} .sal-sub a:hover,.sal-sub a.cur{background:#fff;color:var(--sal-green-dark);} .sal-sub a::before{content:"\2013";margin-right:9px;color:var(--sal-green);} .sal-side-cta{background:linear-gradient(135deg,var(--sal-deep),var(--sal-navy));border-radius:14px;padding:22px;color:#fff;} .sal-side-cta h4{font-family:"Archivo",sans-serif;font-weight:800;font-size:17px;margin:0 0 6px;} .sal-side-cta p{font-size:13px;color:#bcd6f0;margin:0 0 14px;line-height:1.5;} .sal-side-cta .sal-btn{width:100%;justify-content:center;box-sizing:border-box;padding:13px 16px;} .sal-side-cta .em{display:block;text-align:center;margin-top:10px;font-size:13px;color:#9fe0a0;font-family:"Archivo",sans-serif;font-weight:700;} /* ---- Native content blocks ---- */ /* Hero band (vc_row.salsp-hero) */ .salsp-hero{position:relative;background:linear-gradient(115deg,var(--sal-deep),var(--sal-navy) 60%,var(--sal-green-dark)) !important; border-radius:20px;overflow:hidden;padding:clamp(36px,5vw,62px) clamp(26px,4vw,54px) !important;margin-bottom:26px !important;} .salsp-hero::after{content:"+";position:absolute;right:-30px;top:-70px;font-family:"Archivo",sans-serif;font-weight:900;font-size:260px;color:rgba(255,255,255,.06);} .salsp-hero .wpb_wrapper{position:relative;} .salsp-hero .crumb{font-size:13.5px;color:#bcd6f0;margin-bottom:12px;} .salsp-hero .crumb b{color:#9fe0a0;} .salsp-hero h1{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(30px,4.6vw,50px);line-height:1.08;letter-spacing:-.025em;margin:0 0 12px;color:#fff;} .salsp-hero p{max-width:560px;color:#dbe8f5;font-size:16px;line-height:1.6;margin:0 0 18px;} /* Stats (native 4 columns, box on the column) */ .salsp-stats{margin-bottom:26px !important;} .salsp-stbox .vc_column-inner{background:var(--sal-paper);border:1px solid var(--sal-line);border-radius:14px;padding:20px 14px;text-align:center;height:100%;} .salsp-num{font-family:"Archivo",sans-serif;font-weight:800;font-size:30px;color:var(--sal-navy);line-height:1;display:block;} .salsp-num i{color:var(--sal-green);font-style:normal;} .salsp-lab{font-size:12.5px;color:var(--sal-muted);margin-top:6px;display:block;line-height:1.4;} /* Hero image band with overlay caption */ .salsp-imgband{position:relative;border-radius:18px;overflow:hidden;margin-bottom:26px !important;box-shadow:0 20px 46px rgba(9,32,60,.16);} .salsp-imgband > .vc_column_container > .vc_column-inner{padding:0 !important;} .salsp-imgband .wpb_single_image,.salsp-imgband figure{margin:0;} .salsp-imgband img{width:100%;height:clamp(240px,32vw,400px);object-fit:cover;display:block;} .salsp-cap{position:absolute;left:0;right:0;bottom:0;padding:24px 26px;background:linear-gradient(180deg,transparent,rgba(9,32,60,.82));color:#fff;margin:0;} .salsp-cap b{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(17px,2vw,22px);display:block;} .salsp-cap span{font-size:14px;color:#cfe0f5;} /* Intro */ .salsp-intro p{font-size:16.5px;line-height:1.8;color:#3c4a5a;margin:0 0 16px;} /* Procedure list (option A: styled ul, CSS arrows) */ .salsp-proc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;} .salsp-proc-list li{position:relative;padding-left:34px;font-size:15px;line-height:1.5;color:#37475a;} .salsp-proc-list li::before{content:"\2192";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%; background:#eafbe9;color:var(--sal-green-dark);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;} /* Conditions tags (option A: styled ul) */ .salsp-tags-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;} .salsp-tags-list li{background:var(--sal-mist);color:var(--sal-navy);font-weight:600;font-size:14px;padding:9px 16px;border-radius:30px;} /* Native WPBakery TABS skin */ .salsp-tabs .vc_tta-tabs-list{display:flex;gap:6px;flex-wrap:wrap;border-bottom:2px solid var(--sal-line);margin:0 0 22px;padding:0;list-style:none;} .salsp-tabs .vc_tta-tab{margin:0 !important;} .salsp-tabs .vc_tta-tab > a{font-family:"Archivo",sans-serif;font-weight:700;font-size:15px;color:var(--sal-muted) !important; background:transparent !important;border:0 !important;padding:13px 20px !important;border-radius:8px 8px 0 0 !important;} .salsp-tabs .vc_tta-tab.vc_active > a{color:var(--sal-navy) !important;box-shadow:inset 0 -3px 0 var(--sal-green);} .salsp-tabs .vc_tta-panels,.salsp-tabs .vc_tta-panel,.salsp-tabs .vc_tta-panel-body{background:transparent !important;border:0 !important;padding:0 !important;} /* Native WPBakery ACCORDION (FAQ) skin */ .salsp-faq .vc_tta-panel{border:1px solid var(--sal-line) !important;border-bottom:0 !important;background:#fff !important;border-radius:0 !important;margin:0 !important;} .salsp-faq .vc_tta-panel:last-child{border-bottom:1px solid var(--sal-line) !important;} .salsp-faq .vc_tta-panel-heading{background:#fff !important;border:0 !important;} .salsp-faq .vc_tta-panel-title > a{font-family:"Archivo",sans-serif;font-weight:700;font-size:15.5px;color:var(--sal-navy) !important;padding:16px 20px !important;} .salsp-faq .vc_tta-panel-body{color:#3c4a5a;padding:0 20px 18px !important;font-size:14.5px;line-height:1.7;} /* Why-SAL cards (native columns + vc_icon) */ .salsp-card .vc_column-inner{background:#fff;border:1px solid var(--sal-line);border-radius:14px;padding:22px 20px;height:100%;box-shadow:0 10px 26px rgba(9,32,60,.05);} .salsp-card .vc_icon_element{margin-bottom:12px !important;} .salsp-card h4{font-family:"Archivo",sans-serif;font-weight:800;font-size:16px;color:var(--sal-navy);margin:0 0 6px;} .salsp-card p{font-size:13.5px;color:var(--sal-muted);line-height:1.55;margin:0;} /* Highlight band */ .salsp-hl{background:linear-gradient(135deg,var(--sal-deep),var(--sal-navy)) !important;border-radius:18px;padding:clamp(30px,4vw,46px) !important;margin:26px 0 !important;} .salsp-hl h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:22px;margin:0 0 20px;color:#fff;} .salsp-hl h3 .ital{font-family:"Spectral",serif;font-style:italic;font-weight:500;color:#9fe0a0;} .salsp-hli{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px;} .salsp-hli .n{font-family:"Archivo",sans-serif;font-weight:800;color:var(--sal-green);font-size:22px;line-height:1;} .salsp-hli b{display:block;font-family:"Archivo",sans-serif;color:#fff;font-size:16px;margin:0 0 4px;} .salsp-hli p{margin:0;font-size:14px;color:#bcd6f0;line-height:1.55;} /* Mid CTA */ .salsp-midcta{background:var(--sal-green) !important;border-radius:16px;padding:24px 30px !important;margin:26px 0 !important;} .salsp-midcta .wpb_wrapper{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;} .salsp-midcta b{font-family:"Archivo",sans-serif;font-weight:800;font-size:21px;color:#fff;display:block;} .salsp-midcta span{color:#eafbe9;font-size:14px;} /* End CTA */ .salsp-sec{font-family:"Archivo",sans-serif;font-weight:800;font-size:21px;color:var(--sal-navy);margin:0 0 16px;} /* Native vc_btn skin inside specialty content */ .specialty-content .vc_btn3-container{margin:8px 8px 0 0 !important;display:inline-block;vertical-align:top;} .specialty-content a.vc_btn3{font-family:"Archivo",sans-serif !important;font-weight:700 !important;border-radius:8px !important;padding:14px 26px !important;letter-spacing:.01em;} /* Responsive */ @media (max-width:960px){ .specialty-wrap{grid-template-columns:1fr;} .sal-side{position:static;} .sal-side .sal-smenu,.sal-side .sal-side-cta{display:none;} .sal-side.mobopen .sal-smenu,.sal-side.mobopen .sal-side-cta{display:flex;} .sal-side-h{background:var(--sal-navy);color:#fff;border-radius:10px;padding:14px 18px;cursor:pointer;} .sal-side-h::after{content:"\25be";float:right;} .salsp-proc-list{grid-template-columns:1fr;} } /* ========================================================================== SPECIALTY tweaks — list emphasis, tab spacing, 2-col FAQ ========================================================================== */ /* 2) Procedures / Conditions — bolder, darker text + top space off the tab line */ .salsp-proc-list li{color:var(--sal-ink);font-weight:600;font-size:15.5px;} .salsp-tags-list li{font-weight:700;} .salsp-proc-list,.salsp-tags-list{margin-top:10px;} .salsp-tabs .vc_tta-panel-body{padding-top:12px !important;} /* 3) FAQ — two columns, each a rounded box; space the toggle icon off the text */ .salsp-faq .vc_tta-panels{display:grid !important;grid-template-columns:1fr 1fr;gap:12px;} .salsp-faq .vc_tta-panel{border:1px solid var(--sal-line) !important;border-radius:10px !important;overflow:hidden;margin:0 !important;background:#fff !important;} .salsp-faq .vc_tta-panel-title > a{display:flex !important;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px !important;} .salsp-faq .vc_tta-controls-icon{position:static !important;margin-left:12px;flex:0 0 auto;} .salsp-faq .vc_tta-title-text{padding-right:6px;} @media (max-width:760px){.salsp-faq .vc_tta-panels{grid-template-columns:1fr;}} /* WhatsApp button hover */ .specialty-content .vc_btn3.salsp-wa:hover{filter:brightness(.92);} /* ========================================================================== SPECIALTY BUTTONS — force colours via el_class (WPBakery custom colours were not applying). Each vc_btn gets one of these classes. ========================================================================== */ .specialty-content .vc_btn3-container .vc_btn3{border:0 !important;box-shadow:none !important;transition:filter .15s,background .15s !important;} .specialty-content .vc_btn3-container .vc_btn3:hover{filter:brightness(.94);} /* Green — Book Appointment (primary) */ .salbtn-green .vc_btn3{background-color:#3aaa35 !important;color:#ffffff !important;} .salbtn-green .vc_btn3:hover{background-color:#2f8c2b !important;color:#fff !important;} /* White — on dark backgrounds (hero, end CTA) */ .salbtn-white .vc_btn3{background-color:#ffffff !important;color:#12447e !important;} .salbtn-white .vc_btn3:hover{background-color:#e9f0f7 !important;color:#0b2e52 !important;} /* Navy — on green backgrounds (mid CTA) */ .salbtn-navy .vc_btn3{background-color:#12447e !important;color:#ffffff !important;} .salbtn-navy .vc_btn3:hover{background-color:#0b2e52 !important;color:#fff !important;} /* WhatsApp */ .salbtn-wa .vc_btn3{background-color:#25d366 !important;color:#ffffff !important;} .salbtn-wa .vc_btn3:hover{background-color:#1fb959 !important;color:#fff !important;} /* ========================================================================== SPECIALTY — spacing & sizing fixes (belt, stats, cards, image) ========================================================================== */ /* 2) STATS — gap between boxes + smaller; 2×2 on mobile with vertical gap */ .salsp-stbox .vc_column-inner{margin:0 8px 14px !important;padding:18px 10px !important;} .salsp-num{font-size:27px;} @media (max-width:768px){ .salsp-stats .wpb_column{width:50% !important;} } /* 3) WHY-SAL cards — equal height, horizontal + mobile vertical gaps */ .salsp-cards{display:flex !important;flex-wrap:wrap;align-items:stretch;} .salsp-cards .salsp-card{display:flex;} .salsp-cards .salsp-card .vc_column-inner{margin:0 9px 18px !important;width:100%;height:100%;} @media (max-width:768px){ .salsp-cards .salsp-card{width:100% !important;} } /* 4) HERO IMAGE — shorter band */ .salsp-imgband img{height:clamp(180px,20vw,260px) !important;} /* 1) TOP CONTACT BELT — compact single row on mobile (icon + label, tap to act) */ @media (max-width:768px){ .sal-topbar .sal-tb-row{flex-wrap:nowrap;} .sal-tb-btn{flex:1;flex-direction:column;gap:3px;padding:8px 3px;text-align:center;justify-content:center; border-top:0;border-left:1px solid rgba(255,255,255,.14);} .sal-tb-btn:first-child{border-left:0;} .sal-tb-ico{font-size:19px;} .sal-tb-txt{align-items:center;} .sal-tb-txt b{font-size:9.5px;letter-spacing:.01em;line-height:1.1;} .sal-tb-txt span{display:none;} } /* ========================================================================== STATS + WHY cards — DEFINITIVE separation (gap on the column, distinct card) ========================================================================== */ /* Gap comes from padding on the COLUMN (reliable), not inner margins */ .salsp-stats .salsp-stbox{padding-left:9px !important;padding-right:9px !important;} .salsp-stbox > .vc_column-inner{ background:#ffffff !important; border:1.5px solid #dbe6f2 !important; border-radius:14px !important; box-shadow:0 8px 20px rgba(9,32,60,.07) !important; padding:22px 12px !important; margin:0 0 16px !important; text-align:center;height:100%;box-sizing:border-box; } .salsp-cards .salsp-card{padding-left:10px !important;padding-right:10px !important;} .salsp-cards .salsp-card > .vc_column-inner{ background:#ffffff !important; border:1.5px solid #dbe6f2 !important; border-radius:14px !important; box-shadow:0 10px 26px rgba(9,32,60,.06) !important; padding:24px 22px !important; margin:0 0 18px !important; height:100%;box-sizing:border-box; } /* ========================================================================== DOCTOR PROFILE PAGE (single-sal_doctor) ========================================================================== */ .saldoc-wrap{max-width:var(--sal-max);margin:0 auto;padding:26px clamp(20px,4vw,44px) 70px;} .saldoc-back{display:inline-block;font-family:"Archivo",sans-serif;font-weight:600;font-size:14px;color:var(--sal-muted);text-decoration:none;margin-bottom:18px;} .saldoc-back:hover{color:var(--sal-navy);} /* Hero */ .saldoc-hero{position:relative;display:grid;grid-template-columns:280px 1fr;gap:clamp(24px,3.5vw,46px); background:linear-gradient(115deg,var(--sal-deep),var(--sal-navy) 65%,var(--sal-green-dark)); border-radius:22px;padding:clamp(28px,4vw,44px);color:#fff;overflow:hidden;align-items:center;} .saldoc-hero::after{content:"+";position:absolute;right:-20px;top:-60px;font-family:"Archivo",sans-serif;font-weight:900;font-size:240px;color:rgba(255,255,255,.06);} .saldoc-photo{position:relative;z-index:1;border-radius:16px;overflow:hidden;background:#eef4fb;aspect-ratio:4/5; box-shadow:0 20px 44px rgba(0,0,0,.28);border:4px solid rgba(255,255,255,.14);} .saldoc-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;} .saldoc-initials{display:flex;width:100%;height:100%;align-items:center;justify-content:center; font-family:"Archivo",sans-serif;font-weight:800;font-size:74px;color:#fff; background:linear-gradient(135deg,var(--sal-navy),#1a5da6);} .saldoc-info{position:relative;z-index:1;} .saldoc-badge{display:inline-block;background:rgba(255,255,255,.15);color:#fff;font-family:"Archivo",sans-serif; font-weight:700;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;padding:6px 14px;border-radius:30px;text-decoration:none;margin-bottom:14px;} .saldoc-badge:hover{background:var(--sal-green);} .saldoc-name{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(28px,3.6vw,42px);letter-spacing:-.02em;margin:0 0 8px;color:#fff;} .saldoc-desig{font-size:16px;color:#cfe0f5;margin:0 0 20px;font-weight:500;} .saldoc-quick{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px;} .saldoc-quick .q{background:rgba(255,255,255,.1);border-radius:12px;padding:12px 18px;min-width:110px;} .saldoc-quick .q b{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:17px;color:#fff;line-height:1.1;} .saldoc-quick .q span{font-size:12px;color:#9db4cc;} .saldoc-cta{display:flex;gap:12px;flex-wrap:wrap;} .saldoc-cta .sal-btn{box-sizing:border-box;} .salbtn-white{background:#fff;color:var(--sal-navy);} .salbtn-white:hover{background:#e9f0f7;color:var(--sal-deep);} .salbtn-green{background:var(--sal-green);color:#fff;} .salbtn-green:hover{background:var(--sal-green-dark);color:#fff;} .salbtn-wa{background:#25d366;color:#fff;} .salbtn-wa:hover{background:#1fb959;color:#fff;} .salbtn-ghostw{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5);} .salbtn-ghostw:hover{background:#fff;color:var(--sal-navy);} /* Body */ .saldoc-body{display:grid;grid-template-columns:1fr 320px;gap:clamp(26px,3.5vw,48px);margin-top:36px;align-items:start;} .saldoc-block{margin-bottom:32px;} .saldoc-h{font-family:"Archivo",sans-serif;font-weight:800;font-size:22px;color:var(--sal-navy);margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid var(--sal-green);display:inline-block;} .saldoc-bio{font-size:16.5px;line-height:1.8;color:#3c4a5a;} .saldoc-bio p{margin:0 0 14px;} .saldoc-quals{font-size:15.5px;line-height:1.7;color:#3c4a5a;} .saldoc-exp{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;} .saldoc-exp li{position:relative;padding-left:30px;font-size:15px;line-height:1.5;color:var(--sal-ink);font-weight:500;} .saldoc-exp li::before{content:"\2713";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%; background:#eafbe9;color:var(--sal-green-dark);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;} /* Sidebar */ .saldoc-side{position:sticky;top:150px;display:flex;flex-direction:column;gap:18px;} .saldoc-scard{background:#fff;border:1px solid var(--sal-line);border-radius:16px;padding:24px;box-shadow:0 12px 30px rgba(9,32,60,.06);} .saldoc-scard h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:16px;color:var(--sal-navy);margin:0 0 14px;} .saldoc-scard ul{list-style:none;margin:0;padding:0;} .saldoc-scard li{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid var(--sal-line);} .saldoc-scard li:last-child{border-bottom:0;} .saldoc-scard li span{font-size:12px;color:var(--sal-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600;} .saldoc-scard li b{font-family:"Inter",sans-serif;font-weight:600;font-size:14.5px;color:var(--sal-ink);} .saldoc-scard li b a{color:var(--sal-navy);} .saldoc-book{background:linear-gradient(135deg,var(--sal-deep),var(--sal-navy));border-radius:16px;padding:24px;color:#fff;} .saldoc-book h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:17px;margin:0 0 6px;} .saldoc-book p{font-size:13.5px;color:#bcd6f0;margin:0 0 16px;line-height:1.5;} .saldoc-book .sal-btn{width:100%;justify-content:center;box-sizing:border-box;margin-bottom:10px;} .saldoc-book .sal-btn:last-child{margin-bottom:0;} /* Related */ .saldoc-related{margin-top:44px;} @media (max-width:900px){ .saldoc-hero{grid-template-columns:1fr;text-align:center;} .saldoc-photo{max-width:240px;margin:0 auto;} .saldoc-quick,.saldoc-cta{justify-content:center;} .saldoc-body{grid-template-columns:1fr;} .saldoc-side{position:static;} .saldoc-exp{grid-template-columns:1fr;} } /* ========================================================================== DOCTORS ARCHIVE (/doctors/) ========================================================================== */ .saldoc-archive{max-width:var(--sal-max);margin:0 auto;padding:clamp(30px,4vw,54px) clamp(20px,4vw,44px) 72px;} .saldoc-archive-head{text-align:center;max-width:720px;margin:0 auto clamp(28px,4vw,44px);} .saldoc-archive-head .sal-kick{justify-content:center;} .saldoc-archive-head h1{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(30px,4vw,46px); letter-spacing:-.02em;color:var(--sal-navy);margin:0 0 12px;} .saldoc-archive-head p{font-size:16.5px;line-height:1.7;color:var(--sal-muted);margin:0;} /* Slight polish on the plugin cards for the archive context */ .saldoc-archive .sal-doc-card{border:1px solid var(--sal-line);border-radius:16px;overflow:hidden; box-shadow:0 12px 30px rgba(9,32,60,.06);transition:transform .2s ease,box-shadow .2s ease;} .saldoc-archive .sal-doc-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(9,32,60,.14);} /* ========================================================================== CONTACT FORM 7 — branded form styling (wrap form column in .sal-form) ========================================================================== */ .sal-form{background:#fff;border:1px solid var(--sal-line);border-radius:16px; padding:clamp(26px,3.5vw,44px);box-shadow:0 16px 40px rgba(9,32,60,.07);} .sal-form .wpcf7-form > p{margin:0 0 16px;} .sal-form label{display:block;font-family:"Archivo",sans-serif;font-weight:600;font-size:13.5px;color:var(--sal-ink);margin-bottom:6px;} .sal-form input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=file]), .sal-form select,.sal-form textarea{ width:100%;box-sizing:border-box;padding:13px 15px;border:1.5px solid var(--sal-line);border-radius:8px; font-size:15px;font-family:"Inter",sans-serif;color:var(--sal-ink);background:#fff;transition:border-color .15s ease;} .sal-form input:focus,.sal-form select:focus,.sal-form textarea:focus{outline:none;border-color:var(--sal-green);} .sal-form textarea{min-height:120px;resize:vertical;} .sal-form select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:42px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2312447e' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;} /* radios / checkboxes */ .sal-form .wpcf7-radio .wpcf7-list-item,.sal-form .wpcf7-checkbox .wpcf7-list-item{display:inline-block;margin:0 14px 8px 0;} .sal-form .wpcf7-list-item-label{font-weight:500;font-size:14.5px;color:var(--sal-ink);cursor:pointer;} .sal-form .wpcf7-acceptance{font-size:13.5px;color:var(--sal-muted);} .sal-form input[type=radio],.sal-form input[type=checkbox]{accent-color:var(--sal-green);margin-right:6px;} /* file upload */ .sal-form input[type=file]{width:100%;box-sizing:border-box;padding:11px 14px;border:1.5px dashed var(--sal-line);border-radius:8px;font-size:14px;background:var(--sal-paper);cursor:pointer;} /* submit */ .sal-form input[type=submit],.sal-form .wpcf7-submit{background:var(--sal-green);color:#fff;border:0; font-family:"Archivo",sans-serif;font-weight:700;font-size:16px;padding:15px 36px;border-radius:8px;cursor:pointer; transition:background .16s ease,transform .16s ease;width:auto;} .sal-form input[type=submit]:hover,.sal-form .wpcf7-submit:hover{background:var(--sal-green-dark);transform:translateY(-2px);} .sal-form .wpcf7-spinner{margin:10px auto 0;display:block;} /* validation + response messages */ .sal-form .wpcf7-not-valid-tip{color:#c0392b;font-size:12.5px;margin-top:5px;} .sal-form .wpcf7-not-valid{border-color:#e57373 !important;} .sal-form .wpcf7-response-output{border-radius:8px;padding:12px 16px !important;margin:18px 0 0 !important;font-size:14px;} /* Optional 2-column layout: add .sal-form-2col alongside .sal-form */ .sal-form-2col .wpcf7-form{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;} .sal-form-2col .wpcf7-form > p:has(textarea), .sal-form-2col .wpcf7-form > p:has(.wpcf7-submit), .sal-form-2col .wpcf7-form > p:has(input[type=file]), .sal-form-2col .wpcf7-form > p:has(.wpcf7-radio), .sal-form-2col .wpcf7-form > p.sal-full{grid-column:1 / -1;} @media (max-width:640px){.sal-form-2col .wpcf7-form{grid-template-columns:1fr;}} /* Contact info list (for the Contact Us page) */ .sal-contact-info{list-style:none;margin:0;padding:0;} .sal-contact-info li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--sal-line);} .sal-contact-info li:last-child{border-bottom:0;} .sal-contact-info .ci{flex:0 0 auto;width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,var(--sal-navy),#1a5da6); display:flex;align-items:center;justify-content:center;font-size:20px;} .sal-contact-info b{display:block;font-family:"Archivo",sans-serif;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--sal-muted);margin-bottom:3px;} .sal-contact-info span{font-size:15.5px;color:var(--sal-ink);line-height:1.5;} .sal-contact-info a{color:var(--sal-navy);text-decoration:none;} /* ========================================================================== HOMEPAGE v5 — Centres of Excellence (2+3, equal height) + testimonials slider ========================================================================== */ /* Centres of Excellence — sexy equal-height overlay cards (column = card) */ .salh-coe-col{margin-bottom:24px;} .salh-coe-col > .vc_column-inner{position:relative;min-height:300px;border-radius:18px;overflow:hidden; display:flex;flex-direction:column;padding:24px !important;color:#fff; box-shadow:0 16px 40px rgba(9,32,60,.14);background:var(--sal-navy);height:100%;} .salh-coe-col > .vc_column-inner > .wpb_wrapper{height:100%;flex:1;display:flex;flex-direction:column;} .salh-coe-img{position:absolute !important;inset:0;margin:0 !important;z-index:0;height:100%;width:100%;} .salh-coe-img, .salh-coe-img .wpb_wrapper, .salh-coe-img figure, .salh-coe-img .vc_figure, .salh-coe-img .vc_single_image-wrapper{height:100% !important;width:100% !important;margin:0 !important;display:block;} .salh-coe-img img{width:100% !important;height:100% !important;object-fit:cover;display:block;transition:transform .55s ease;} .salh-coe-col > .vc_column-inner::after{content:"";position:absolute;inset:0;z-index:1; background:linear-gradient(180deg,rgba(9,32,60,0) 68%,rgba(9,32,60,.18) 100%);} .salh-coe-col:hover .salh-coe-img img{transform:scale(1.06);} .salh-coe-inner{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;width:100%;} /* the REAL flex container is the inner wpb_wrapper that holds h3/p */ .salh-coe-inner > .wpb_wrapper{flex:1;width:100%;display:flex;flex-direction:column;align-items:flex-start;} .salh-coe-inner .ico{display:none;} /* WordPress auto-wraps the icon in its own

— hide it */ .salh-coe-inner > .wpb_wrapper > p:has(.ico){display:none !important;} /* TITLE bar — top-left, and push everything after it to the bottom */ .salh-coe-inner h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:22px;line-height:1.15;color:#fff; width:fit-content;max-width:100%;background:var(--sal-navy);padding:7px 14px;margin:0 0 auto 0;border-radius:9px;box-shadow:0 8px 22px rgba(0,0,0,.22);} /* DESCRIPTION bar — sits at the bottom */ .salh-coe-inner p{display:none;} /* the paragraph that wraps the green button must have NO navy bar */ .salh-coe-inner p:has(.go){display:block !important;background:none !important;box-shadow:none !important;padding:0 !important;margin:0 !important;align-self:flex-end;} /* EXPLORE — clean green button on the image */ .salh-coe-inner .go{font-family:"Archivo",sans-serif;font-weight:700;font-size:13px;color:#fff;text-decoration:none; display:inline-flex;align-items:center;gap:7px;width:fit-content;background:var(--sal-green);padding:9px 16px;border-radius:9px;box-shadow:0 8px 20px rgba(58,170,53,.35);} .salh-coe-col:hover .salh-coe-inner .go{gap:11px;} /* Testimonials slider */ .sal-tst-slider{position:relative;overflow:hidden;padding:4px 0 8px;} .sal-tst-track{display:flex;align-items:flex-start;gap:20px;will-change:transform;} .sal-tst-track .sal-tst-card{flex:0 0 auto;margin:0;box-sizing:border-box;} .sal-tst-track.is-animating{transition:transform .6s cubic-bezier(.4,0,.2,1);} .sal-tst-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0; background:#fff;box-shadow:0 8px 22px rgba(9,32,60,.16);color:var(--sal-navy);font-size:22px;cursor:pointer;z-index:3;line-height:1;transition:background .15s,color .15s;} .sal-tst-nav:hover{background:var(--sal-green);color:#fff;} .sal-tst-nav.prev{left:-6px;}.sal-tst-nav.next{right:-6px;} .sal-tst-dots{display:flex;justify-content:center;gap:8px;margin-top:22px;flex-wrap:wrap;} .sal-tst-dot{width:9px;height:9px;border-radius:50%;border:0;background:#cdd8e4;cursor:pointer;padding:0;transition:all .15s;} .sal-tst-dot.on{background:var(--sal-green);width:26px;border-radius:5px;} /* ========================================================================== HOMEPAGE v6 — Centres spacing/sizing + full mobile polish ========================================================================== */ /* Centres of Excellence: gap between cards + slightly smaller */ .salh-coe-col{padding-left:11px !important;padding-right:11px !important;margin-bottom:22px;} .salh-coe-col > .vc_column-inner{min-height:288px;padding:26px 26px !important;} /* ---------- Mobile ---------- */ @media (max-width:768px){ /* tighter vertical rhythm between stacked sections */ .salh-section{margin-top:14px !important;margin-bottom:14px !important;} /* Hero — taller, weightier banner on mobile */ .salh-hero{border-radius:16px;} .salh-hero-left .vc_column-inner{padding:44px 24px 40px !important;} .salh-hero-left h1,.salh-hero-title{font-size:34px !important;line-height:1.06;} .salh-hero-sub{font-size:15.5px;} .salh-hero-right .wpb_single_image img,.salh-hero-img img{min-height:320px;} /* Hero stats ([sal_hero_facts]) -> clean 2x2 grid with dividers */ .sal-hfacts{display:grid !important;grid-template-columns:1fr 1fr !important; gap:22px 0 !important;flex-wrap:initial !important;} .sal-hfact{padding:0 18px !important;position:relative;} .sal-hfact:nth-child(odd){padding-left:0 !important;} .sal-hfact:nth-child(even){border-left:1px solid rgba(255,255,255,.14);} .sal-hfact + .sal-hfact::before{display:none !important;} .sal-hfact-n{font-size:30px !important;} .sal-hfact-l{font-size:13px !important;} .salh-hero-trust{gap:18px 22px;} .salh-hero-trust .t b{font-size:22px;} /* Centres — full width, no side padding, a touch smaller, clear gaps */ .salh-coe-col{padding-left:0 !important;padding-right:0 !important;margin-bottom:16px;} .salh-coe-col > .vc_column-inner{min-height:240px;padding:22px 20px !important;} .salh-coe-inner h3{font-size:20px;} /* Inquiry / accreditations */ .salh-inq-form .vc_column-inner{padding:26px 22px !important;} .salh-accred .wpb_single_image img,.sal-accred img{height:46px;} /* Section headings a touch smaller */ .sal-h2{font-size:26px !important;} } @media (max-width:480px){ .salh-hero-cta{flex-direction:column;align-items:stretch;} .salh-hero-cta .sal-btn{width:100%;justify-content:center;} .salsp-hero .hcta .sal-btn{width:100%;justify-content:center;} } /* ========================================================================== HOMEPAGE — "Inside SAL Hospital" masonry bento (video + 6 photos) Deterministic grid-template-areas so placement never scatters. ========================================================================== */ .salh-infra-grid{display:grid !important;grid-template-columns:repeat(4,1fr);grid-auto-rows:185px;gap:14px; grid-template-areas:"vid vid a b" "vid vid c c" "d e e f";} .salh-infra-grid > .wpb_column{width:auto !important;min-width:0;margin:0 !important;padding:0 !important;} .salh-infra-grid > .wpb_column > .vc_column-inner{padding:0 !important;height:100%;} .salh-infra-grid > .wpb_column > .vc_column-inner > .wpb_wrapper{height:100%;} .ig-vid{grid-area:vid;} .ig-a{grid-area:a;} .ig-b{grid-area:b;} .ig-c{grid-area:c;} .ig-d{grid-area:d;} .ig-e{grid-area:e;} .ig-f{grid-area:f;} /* images fill their cells */ .salh-infra-grid .wpb_single_image{height:100%;margin:0;border-radius:14px;overflow:hidden;box-shadow:0 10px 26px rgba(9,32,60,.08);} .salh-infra-grid .wpb_single_image figure, .salh-infra-grid .wpb_single_image .vc_figure, .salh-infra-grid .wpb_single_image .vc_single_image-wrapper{height:100% !important;margin:0;display:block;} .salh-infra-grid .wpb_single_image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;} .salh-infra-grid .wpb_column:hover img{transform:scale(1.06);} /* video fills its (vid) cell */ .ig-vid .vc_column-inner,.ig-vid .wpb_wrapper,.ig-vid .wpb_video_widget, .ig-vid .wpb_video_widget > .wpb_wrapper,.ig-vid .wpb_video_wrapper{height:100% !important;margin:0 !important;} .ig-vid .wpb_video_wrapper{position:relative;padding:0 !important;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px rgba(9,32,60,.16);} .ig-vid iframe,.ig-vid video{position:absolute !important;inset:0;width:100% !important;height:100% !important;border:0;display:block;} @media (max-width:768px){ .salh-infra-grid{grid-template-columns:1fr 1fr;grid-auto-rows:140px; grid-template-areas:"vid vid" "vid vid" "a b" "c c" "d e" "f f";} } /* ========================================================================== SPECIALITIES DIRECTORY — [sal_spec_directory] ========================================================================== */ .sal-spec-dir{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:var(--sal-max);margin:0 auto;} .sal-spec-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px; padding:28px 18px;background:#fff;border:1px solid var(--sal-line);border-radius:16px;text-decoration:none; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;} .sal-spec-tile:hover{transform:translateY(-5px);border-color:var(--sal-green);box-shadow:0 18px 40px rgba(9,32,60,.12);} .sal-spec-ic{width:60px;height:60px;border-radius:16px;background:var(--sal-mist);color:var(--sal-navy); display:flex;align-items:center;justify-content:center;transition:background .18s ease,color .18s ease;} .sal-spec-tile:hover .sal-spec-ic{background:var(--sal-green);color:#fff;} .sal-spec-ic svg{width:30px;height:30px;} .sal-spec-name{font-family:"Archivo",sans-serif;font-weight:700;font-size:15px;color:var(--sal-navy);line-height:1.25;} @media (max-width:900px){.sal-spec-dir{grid-template-columns:repeat(3,1fr);gap:14px;}} @media (max-width:620px){.sal-spec-dir{grid-template-columns:repeat(2,1fr);}} @media (max-width:380px){.sal-spec-dir{grid-template-columns:1fr;}} /* Speciality directory — image tiles (fallback = icon tile above) */ .sal-spec-tile.has-img{padding:0;overflow:hidden;position:relative;min-height:170px;justify-content:flex-end;border:0;background:var(--sal-navy);} .sal-spec-photo{position:absolute;inset:0;} .sal-spec-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;} .sal-spec-tile.has-img::after{content:"";position:absolute;inset:0; background:linear-gradient(180deg,rgba(9,32,60,0) 40%,rgba(9,32,60,.55) 70%,rgba(6,20,40,.92) 100%);} .sal-spec-tile.has-img:hover img{transform:scale(1.07);} .sal-spec-cap{position:relative;z-index:2;width:100%;padding:16px 16px 18px;box-sizing:border-box; font-family:"Archivo",sans-serif;font-weight:700;font-size:15px;line-height:1.25;color:#fff;text-align:left; text-shadow:0 2px 10px rgba(0,0,0,.5);} /* ========================================================================== ABOUT PAGE (.salab-*) ========================================================================== */ /* Hero */ .salab-hero .vc_column-inner{padding:clamp(48px,6vw,86px) clamp(24px,4vw,54px) !important; background:linear-gradient(115deg,var(--sal-deep),var(--sal-navy) 62%,var(--sal-green-dark)); border-radius:20px;color:#fff;position:relative;overflow:hidden;} .salab-hero .vc_column-inner::after{content:"+";position:absolute;right:-30px;top:-80px;font-family:"Archivo",sans-serif; font-weight:900;font-size:280px;color:rgba(255,255,255,.06);line-height:1;} .salab-hero .crumb{font-size:13px;color:#a9c4e0;margin-bottom:14px;position:relative;z-index:1;} .salab-hero h1{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(32px,4.6vw,54px);letter-spacing:-.02em; margin:0 0 14px;color:#fff;position:relative;z-index:1;} .salab-hero p{font-size:clamp(16px,1.5vw,19px);line-height:1.65;color:#d6e4f2;max-width:760px;margin:0;position:relative;z-index:1;} .salab-hero .ital{font-family:"Spectral",serif;font-style:italic;font-weight:400;color:#9fe0a0;} /* Intro copy + image */ .salab-copy p{font-size:16.5px;line-height:1.85;color:#3c4a5a;margin:0 0 16px;} .salab-copy .lead{font-size:19px;line-height:1.7;color:var(--sal-ink);font-weight:500;} .salab-photo img{width:100%;height:100%;min-height:340px;object-fit:cover;border-radius:18px;display:block; box-shadow:0 20px 44px rgba(9,32,60,.14);} .salab-photo,.salab-photo .wpb_wrapper,.salab-photo figure,.salab-photo .vc_figure, .salab-photo .vc_single_image-wrapper{height:100%;margin:0;display:block;} /* Highlights list */ .salab-hl{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;} .salab-hl li{position:relative;padding-left:30px;font-size:15px;line-height:1.5;color:var(--sal-ink);font-weight:500;} .salab-hl li::before{content:"\2713";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%; background:#eafbe9;color:var(--sal-green-dark);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;} /* Mission / Vision cards */ .salab-mv .vc_column-inner{padding:0 11px !important;} .salab-mv-card{background:#fff;border:1px solid var(--sal-line);border-radius:18px;padding:32px 30px;height:100%; box-shadow:0 14px 34px rgba(9,32,60,.07);box-sizing:border-box;position:relative;overflow:hidden;} .salab-mv-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--sal-green);} .salab-mv-card.navy::before{background:var(--sal-navy);} .salab-mv-card .lbl{font-family:"Archivo",sans-serif;font-weight:800;font-size:12px;letter-spacing:.12em; text-transform:uppercase;color:var(--sal-green-dark);margin-bottom:8px;display:block;} .salab-mv-card.navy .lbl{color:var(--sal-navy);} .salab-mv-card h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:20px;letter-spacing:.01em; color:var(--sal-navy);margin:0 0 14px;line-height:1.25;} .salab-mv-card p{font-size:15.5px;line-height:1.75;color:#3c4a5a;margin:0;} /* Philosophy band */ .salab-phil .vc_column-inner{background:linear-gradient(120deg,var(--sal-deep),var(--sal-navy));border-radius:20px; padding:clamp(38px,4.5vw,60px) clamp(24px,4vw,54px) !important;color:#fff;text-align:center;} .salab-phil h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(24px,3vw,36px);margin:0 0 12px;color:#fff;} .salab-phil .ital{font-family:"Spectral",serif;font-style:italic;font-weight:400;color:#9fe0a0;} .salab-phil p{font-size:16.5px;line-height:1.7;color:#cfe0f2;max-width:760px;margin:0 auto;} @media (max-width:768px){ .salab-hl{grid-template-columns:1fr;} .salab-mv .vc_column-inner{padding:0 !important;margin-bottom:16px;} .salab-photo img{min-height:220px;} } /* ========================================================================== SAL Hospital — brand tokens Navy #12447E · Green #3AAA35 (from the SAL logo) ========================================================================== */ :root { --sal-navy: #12447e; --sal-navy-dark: #0d3462; --sal-green: #3aaa35; --sal-green-dark: #2f8c2b; --sal-ink: #1f2d3d; --sal-muted: #5b6b7b; --sal-line: #e4e9ef; --sal-bg: #f6f9fc; } /* ========================================================================== Child overrides — start light, add as the build grows. Keep component-heavy CSS in WPBakery page code or the doctor plugin; this file is for global brand + Astra tweaks only. ========================================================================== */ /* Buttons — align Astra's default button to SAL navy */ .ast-button, .wp-block-button__link, button.menu-toggle { background-color: var(--sal-navy); border-color: var(--sal-navy); } .ast-button:hover, .wp-block-button__link:hover { background-color: var(--sal-navy-dark); border-color: var(--sal-navy-dark); } /* Links */ a { color: var(--sal-navy); } a:hover { color: var(--sal-green-dark); } /* Headings a touch tighter for a clinical, trustworthy feel */ h1, h2, h3 { color: var(--sal-ink); } /* ========================================================================== Reusable shortcode components ([sal_emergency_bar] [sal_stats] [sal_cta]) ========================================================================== */ /* -- Emergency bar -- */ .sal-emergency-bar { background: var(--sal-navy); color: #fff; font-weight: 600; text-align: center; padding: 8px 12px; font-size: 14px; display: flex; gap: 12px; align-items: center; justify-content: center; flex-wrap: wrap; } .sal-emergency-bar a { color: #fff; text-decoration: none; } .sal-emergency-bar a:hover { text-decoration: underline; } .sal-eb-sep { opacity: 0.5; } /* -- Stats strip -- */ .sal-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; background: linear-gradient(135deg, var(--sal-navy) 0%, var(--sal-navy-dark) 100%); padding: 46px 30px; border-radius: 16px; text-align: center; } .sal-stat-num { font-size: 44px; font-weight: 800; line-height: 1; color: #fff; display: inline-flex; align-items: baseline; } .sal-stat-suffix { color: var(--sal-green); margin-left: 2px; } .sal-stat-label { margin-top: 10px; font-size: 15px; font-weight: 600; color: #cfe0f5; letter-spacing: 0.01em; } /* -- CTA band -- */ .sal-cta { background: linear-gradient(135deg, #eaf2fb 0%, #eefaee 100%); border: 1px solid var(--sal-line); border-radius: 16px; padding: 34px 40px; } .sal-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; } .sal-cta-title { margin: 0 0 6px; color: var(--sal-navy); font-size: 26px; font-weight: 800; } .sal-cta-text { margin: 0; color: var(--sal-muted); font-size: 16px; max-width: 640px; } .sal-cta-actions { display: flex; gap: 12px; flex-wrap: wrap; } /* Shared buttons (mirrors the doctor plugin so profiles + pages match) */ .sal-btn { display: inline-block; font-weight: 700; font-size: 15px; text-decoration: none; padding: 12px 26px; border-radius: 10px; transition: all 0.15s ease; cursor: pointer; } .sal-btn-green { background: var(--sal-green); color: #fff; } .sal-btn-green:hover { background: var(--sal-green-dark); color: #fff; } .sal-btn-outline { background: transparent; color: var(--sal-navy); border: 2px solid var(--sal-navy); padding: 10px 24px; } .sal-btn-outline:hover { background: var(--sal-navy); color: #fff; } /* -- Responsive -- */ @media (max-width: 900px) { .sal-stats { grid-template-columns: repeat(2, 1fr); gap: 30px 20px; } .sal-cta-inner { flex-direction: column; text-align: center; align-items: center; } } @media (max-width: 480px) { .sal-stat-num { font-size: 36px; } .sal-cta { padding: 26px 22px; } } /* ========================================================================== Social icons + Footer ([sal_social] [sal_footer]) ========================================================================== */ .sal-social { display: flex; gap: 10px; flex-wrap: wrap; margin: 14px 0 0; } .sal-social-link { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; color: #dbe6f2; background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.20); border-radius: 50%; transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease; } .sal-social-link svg { width: 18px; height: 18px; display: block; } .sal-social-link:hover { color: #fff; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,.25); border-color: transparent; } /* brand-tinted hover per platform */ .sal-social-link.sal-facebook:hover { background: #1877f2; } .sal-social-link.sal-instagram:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285AEB 90%); } .sal-social-link.sal-linkedin:hover { background: #0a66c2; } .sal-social-link.sal-youtube:hover { background: #ff0000; } .sal-social-link.sal-twitter:hover { background: #000; } .sal-social-link.sal-whatsapp:hover { background: #25d366; } /* Footer */ .sal-footer { color: #dbe6f2; } .sal-footer-cols { display: grid; grid-template-columns: 1fr 1.3fr 1fr 1fr; gap: 34px; padding: 12px 0 26px; } .sal-footer-col h4 { color: #fff; font-size: 16px; font-weight: 700; margin: 0 0 14px; padding-bottom: 8px; border-bottom: 2px solid var(--sal-green); display: inline-block; } .sal-footer-col p, .sal-footer-col li { font-size: 14px; line-height: 1.7; } .sal-footer-col p { margin-top: 0; } .sal-footer-col a { color: #dbe6f2; text-decoration: none; } .sal-footer-col a:hover { color: var(--sal-green); } .sal-footer-col ul { list-style: none; margin: 0; padding: 0; } .sal-footer-col ul li { margin-bottom: 6px; } .sal-footer-menu { list-style: none; margin: 0; padding: 0; } .sal-footer-menu li { margin-bottom: 8px; } .sal-footer-menu a { position: relative; display: inline-block; color: #dbe6f2; text-decoration: none; padding-left: 0; transition: color .16s ease, padding-left .16s ease; } .sal-footer-menu a::before { content: "\203A"; position: absolute; left: -14px; opacity: 0; color: var(--sal-green); transition: opacity .16s ease, left .16s ease; } .sal-footer-menu a:hover { color: #fff; padding-left: 4px; } .sal-footer-menu a:hover::before { opacity: 1; left: -12px; } .sal-footer-identity { text-align: left; padding-left: 0; margin-left: -10px; } .sal-footer-logo { text-align: left; } .sal-footer-logo img { margin-left: 0 !important; } .sal-footer-logo img { max-width: 190px; height: auto; margin: 0 0 12px; background: #fff; padding: 6px 10px; border-radius: 6px; } .sal-footer-about { font-size: 14px; line-height: 1.7; } .sal-footer-name { font-family:"Archivo",sans-serif; font-weight:800; font-size:16px; color:#fff; margin:2px 0 10px; line-height:1.35; } .sal-footer-identity .sal-footer-addr { color:#c3d3e6; font-size:14px; line-height:1.7; margin:0 0 12px; } .sal-footer-identity .sal-footer-line { margin:0 0 6px; color:#c3d3e6; } .sal-footer-identity .sal-footer-line a { color:#dbe6f2; } .sal-footer-identity .sal-footer-line a:hover { color:var(--sal-green); } .sal-footer-image { display:flex; align-items:flex-start; justify-content:center; } .sal-footer-building { width:100% !important; max-width:340px; height:auto !important; max-height:240px; object-fit:cover; border-radius:16px; display:block; box-shadow:0 12px 30px rgba(0,0,0,.28); } .sal-footer-social-row { display:flex; justify-content:center; padding:6px 0 22px; } .sal-footer-social-row .sal-social { justify-content:center; margin:0; } .sal-footer-note { text-align: center; font-size: 13px; color: #aebfd2; padding: 16px 0 0; border-top: 1px solid rgba(255,255,255,0.15); } @media (max-width: 900px) { .sal-footer-cols { grid-template-columns: repeat(2, 1fr); gap: 26px; } .sal-footer-building { max-height:200px; } } @media (max-width: 520px) { .sal-footer-cols { grid-template-columns: 1fr; } .sal-footer-social-row { padding-top:14px; } } /* ========================================================================== HOMEPAGE — Premium + Bold design system Display: Archivo · Emphasis: Spectral italic · Body: Inter ========================================================================== */ :root{ --sal-deep:#0b2e52; --sal-paper:#f7fafc; --sal-mist:#e9f0f7; --sal-ink:#132132; } /* Fluid type + shared editorial header ------------------------------------ */ .sal-home{font-family:"Inter",sans-serif;color:var(--sal-ink);overflow-x:hidden;} .sal-home .sal-wrap{max-width:1200px;margin:0 auto;padding:0 24px;} .sal-home section{position:relative;} .sal-kick{ display:inline-flex;align-items:center;gap:9px; font-family:"Archivo",sans-serif;font-weight:700;font-size:13px; letter-spacing:.18em;text-transform:uppercase;color:var(--sal-green-dark); margin:0 0 18px; } .sal-kick::before{ content:"+";font-size:18px;line-height:1;color:var(--sal-green); font-weight:900;transform:translateY(-1px); } .sal-h2{ font-family:"Archivo",sans-serif;font-weight:800; font-size:clamp(30px,4.4vw,52px);line-height:1.04;letter-spacing:-0.02em; color:var(--sal-navy);margin:0 0 20px; } .sal-h2 .ital{font-family:"Spectral",serif;font-weight:500;font-style:italic;font-size:1.02em;letter-spacing:0;} .sal-h2 .ital.green{color:var(--sal-green);} .sal-lead{font-size:clamp(16px,1.5vw,18px);line-height:1.7;color:var(--sal-muted);max-width:600px;margin:0;} .sal-btn{font-family:"Archivo",sans-serif;font-weight:700;font-size:15px;letter-spacing:.01em;box-sizing:border-box; display:inline-flex;align-items:center;gap:9px;text-decoration:none; padding:15px 30px;border-radius:4px;transition:transform .16s ease,background .16s ease,color .16s ease;} .sal-btn:hover{transform:translateY(-2px);} .sal-btn .arw{transition:transform .16s ease;} .sal-btn:hover .arw{transform:translateX(4px);} .sal-btn-green{background:var(--sal-green);color:#fff;} .sal-btn-green:hover{background:var(--sal-green-dark);color:#fff;} .sal-btn-navy{background:var(--sal-navy);color:#fff;} .sal-btn-navy:hover{background:var(--sal-deep);color:#fff;} .sal-btn-white{background:#fff;color:var(--sal-navy);} .sal-btn-white:hover{background:var(--sal-mist);color:var(--sal-deep);} .sal-btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);} .sal-btn-ghost:hover{background:#fff;color:var(--sal-navy);border-color:#fff;} .sal-link{font-family:"Archivo",sans-serif;font-weight:700;font-size:15px;color:var(--sal-navy); text-decoration:none;display:inline-flex;align-items:center;gap:8px;} .sal-link .arw{transition:transform .16s ease;} .sal-link:hover .arw{transform:translateX(5px);} .sal-link:hover{color:var(--sal-green-dark);} /* ---- HERO ---- */ .sal-hero{background:var(--sal-deep);min-height:94vh;display:grid; grid-template-columns:1.02fr 0.98fr;align-items:stretch;} .sal-hero-left{display:flex;flex-direction:column;justify-content:center; padding:150px clamp(24px,5vw,90px) 90px;max-width:none;} .sal-hero .sal-kick{color:#9fe0a0;} .sal-hero .sal-kick::before{color:var(--sal-green);} .sal-hero-title{font-family:"Archivo",sans-serif;font-weight:800;color:#fff; font-size:clamp(40px,5.4vw,68px);line-height:1.02;letter-spacing:-0.025em;margin:0 0 24px;} .sal-hero-title .ital{font-family:"Spectral",serif;font-weight:500;font-style:italic;color:var(--sal-green);} .sal-hero-sub{color:#cdddec;font-size:clamp(16px,1.6vw,19px);line-height:1.65;max-width:520px;margin:0 0 34px;} .sal-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:44px;} .sal-hero-trust{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);padding-top:26px;} .sal-hero-trust .t{display:flex;flex-direction:column;gap:2px;} .sal-hero-trust .t b{font-family:"Archivo",sans-serif;font-weight:800;font-size:26px;color:#fff;line-height:1;} .sal-hero-trust .t span{font-size:12.5px;color:#9db4cc;letter-spacing:.02em;} .sal-hero-right{position:relative;background-size:cover;background-position:center;min-height:340px;} .sal-hero-right::after{content:"";position:absolute;inset:0; background:linear-gradient(90deg,var(--sal-deep) 0%,rgba(11,46,82,.15) 22%,transparent 55%);} .sal-hero-card{position:absolute;z-index:3;left:-56px;bottom:56px;background:#fff; border-radius:10px;padding:24px 26px;box-shadow:0 30px 60px rgba(9,32,60,.28);max-width:290px;} .sal-hero-card .hc-top{display:flex;align-items:center;gap:12px;margin-bottom:14px;} .sal-hero-card .hc-dot{width:44px;height:44px;border-radius:50%;background:var(--sal-mist); display:flex;align-items:center;justify-content:center;font-size:22px;} .sal-hero-card h4{font-family:"Archivo",sans-serif;font-weight:800;font-size:16px;color:var(--sal-navy);margin:0;line-height:1.2;} .sal-hero-card p{font-size:13px;color:var(--sal-muted);margin:2px 0 0;line-height:1.5;} .sal-hero-card .hc-num{font-family:"Archivo",sans-serif;font-weight:800;font-size:19px;color:var(--sal-green-dark);} /* ---- TRUST STRIP ---- */ .sal-trust{background:#fff;border-bottom:1px solid var(--sal-line);} .sal-trust .sal-wrap{display:flex;align-items:center;justify-content:space-between; gap:20px;flex-wrap:wrap;padding-top:26px;padding-bottom:26px;} .sal-trust .tlabel{font-family:"Archivo",sans-serif;font-weight:700;font-size:12px; letter-spacing:.16em;text-transform:uppercase;color:var(--sal-muted);} .sal-trust .titems{display:flex;gap:34px;flex-wrap:wrap;} .sal-trust .titems span{font-family:"Archivo",sans-serif;font-weight:700;font-size:15px;color:var(--sal-navy); display:flex;align-items:center;gap:8px;} .sal-trust .titems span::before{content:"+";color:var(--sal-green);font-weight:900;} /* ---- ABOUT ---- */ .sal-about{padding:clamp(64px,9vw,120px) 0;background:var(--sal-paper);} .sal-about .grid{display:grid;grid-template-columns:0.92fr 1.08fr;gap:clamp(32px,5vw,72px);align-items:center;} .sal-about-visual{position:relative;} .sal-about-visual .plus{position:absolute;top:-22px;left:-22px;width:120px;height:120px; background:var(--sal-green);border-radius:8px;z-index:0;opacity:.16;} .sal-about-visual img{position:relative;z-index:1;width:100%;border-radius:12px;display:block; box-shadow:0 30px 60px rgba(9,32,60,.16);} .sal-about-badge{position:absolute;z-index:2;right:-18px;bottom:-18px;background:var(--sal-navy); color:#fff;border-radius:10px;padding:18px 22px;text-align:center;box-shadow:0 20px 40px rgba(9,32,60,.24);} .sal-about-badge b{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:34px;line-height:1;} .sal-about-badge span{font-size:12px;color:#9fe0a0;letter-spacing:.03em;} .sal-about-text p{font-size:16.5px;line-height:1.78;color:#3c4a5a;margin:0 0 18px;} .sal-about-text .sal-btn{margin-top:8px;} /* ---- STATS band ---- */ .sal-stats2{background:var(--sal-navy);padding:clamp(48px,6vw,72px) 0;} .sal-stats2 .grid{display:grid;grid-template-columns:repeat(4,1fr);} .sal-stats2 .st{padding:8px 26px;border-left:1px solid rgba(255,255,255,.14);} .sal-stats2 .st:first-child{border-left:0;padding-left:0;} .sal-stats2 .st b{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(38px,4.6vw,58px); color:#fff;line-height:1;display:block;letter-spacing:-0.02em;} .sal-stats2 .st b i{color:var(--sal-green);font-style:normal;} .sal-stats2 .st span{display:block;margin-top:10px;font-size:14px;color:#9db4cc;line-height:1.45;} /* ---- SPECIALITIES ---- */ .sal-spec{padding:clamp(64px,9vw,120px) 0;background:#fff;} .sal-spec-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:44px;} .sal-spec-top .sal-lead{margin-top:8px;} .sal-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0; border-top:1px solid var(--sal-line);border-left:1px solid var(--sal-line);} .sal-spec-card{position:relative;display:block;text-decoration:none;padding:30px 26px 28px; border-right:1px solid var(--sal-line);border-bottom:1px solid var(--sal-line); transition:background .18s ease;overflow:hidden;} .sal-spec-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px; background:var(--sal-green);transform:scaleY(0);transform-origin:top;transition:transform .2s ease;} .sal-spec-card:hover{background:var(--sal-paper);} .sal-spec-card:hover::before{transform:scaleY(1);} .sal-spec-ico{width:52px;height:52px;border-radius:10px;background:var(--sal-mist); display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:background .18s ease;} .sal-spec-ico svg{width:26px;height:26px;stroke:var(--sal-navy);fill:none;stroke-width:1.6;transition:stroke .18s ease;} .sal-spec-card:hover .sal-spec-ico{background:#dff3de;} .sal-spec-card:hover .sal-spec-ico svg{stroke:var(--sal-green-dark);} .sal-spec-name{font-family:"Archivo",sans-serif;font-weight:700;font-size:16px;color:var(--sal-ink); line-height:1.3;display:block;margin-bottom:14px;} .sal-spec-go{font-size:13px;font-weight:600;color:var(--sal-muted);display:inline-flex;align-items:center;gap:6px; opacity:0;transform:translateX(-6px);transition:all .2s ease;} .sal-spec-card:hover .sal-spec-go{opacity:1;transform:translateX(0);color:var(--sal-green-dark);} .sal-spec-foot{margin-top:36px;} /* ---- WHY SAL (dark) ---- */ .sal-why{padding:clamp(64px,9vw,120px) 0;background:var(--sal-deep);color:#fff;position:relative;} .sal-why .sal-kick{color:#9fe0a0;} .sal-why .sal-h2{color:#fff;} .sal-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px);margin-top:48px;} .sal-why-item{padding-top:26px;border-top:2px solid rgba(255,255,255,.16);} .sal-why-item .idx{font-family:"Archivo",sans-serif;font-weight:800;font-size:15px;color:var(--sal-green);margin-bottom:16px;letter-spacing:.06em;} .sal-why-item h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:21px;color:#fff;margin:0 0 12px;line-height:1.2;} .sal-why-item p{font-size:15px;line-height:1.72;color:#a9bfd6;margin:0;} /* ---- DOCTORS (home) ---- */ .sal-docs2{padding:clamp(64px,9vw,120px) 0;background:var(--sal-paper);} .sal-docs2 .sal-spec-top{margin-bottom:40px;} .sal-home-docs .sal-docs-grid{gap:20px;} .sal-home-docs .sal-doc-card{border-radius:10px;box-shadow:0 10px 30px rgba(9,32,60,.06);border-color:var(--sal-line);} .sal-home-docs .sal-doc-name{font-family:"Archivo",sans-serif;} .sal-home-docs .sal-doc-more{border-radius:4px;font-family:"Archivo",sans-serif;} /* ---- CTA ---- */ .sal-cta2{position:relative;background:var(--sal-navy);padding:clamp(60px,8vw,110px) 0;overflow:hidden;} .sal-cta2::before,.sal-cta2::after{content:"+";position:absolute;font-family:"Archivo",sans-serif; font-weight:900;color:rgba(255,255,255,.06);line-height:1;} .sal-cta2::before{font-size:340px;top:-80px;right:-40px;} .sal-cta2::after{font-size:200px;bottom:-70px;left:-30px;} .sal-cta2 .inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:34px;flex-wrap:wrap;} .sal-cta2 h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(28px,3.6vw,44px); color:#fff;line-height:1.08;letter-spacing:-0.02em;margin:0;max-width:640px;} .sal-cta2 h2 .ital{font-family:"Spectral",serif;font-weight:500;font-style:italic;color:#9fe0a0;} .sal-cta2 .actions{display:flex;gap:14px;flex-wrap:wrap;} /* ---- Responsive ---- */ @media (max-width:1024px){ .sal-spec-grid{grid-template-columns:repeat(3,1fr);} .sal-why-grid{grid-template-columns:1fr;gap:0;} .sal-why-item{margin-top:0;} } @media (max-width:900px){ .sal-hero{grid-template-columns:1fr;min-height:auto;} .sal-hero-left{padding:130px 24px 70px;} .sal-hero-right{min-height:300px;} .sal-hero-card{position:static;margin:-40px 24px 0;left:0;max-width:none;} .sal-about .grid{grid-template-columns:1fr;gap:56px;} .sal-about-badge{right:16px;} .sal-stats2 .grid{grid-template-columns:repeat(2,1fr);gap:34px 0;} .sal-stats2 .st:nth-child(3){border-left:0;padding-left:0;} } @media (max-width:640px){ .sal-spec-grid{grid-template-columns:repeat(2,1fr);} .sal-hero-trust{gap:20px;} .sal-cta2 .inner{flex-direction:column;align-items:flex-start;} } @media (max-width:420px){ .sal-spec-grid{grid-template-columns:1fr;} .sal-stats2 .grid{grid-template-columns:1fr;} .sal-stats2 .st{border-left:0;padding-left:0;} } /* ========================================================================== CUSTOM THEME CHROME — emergency bar, sticky header, nav, footer, mobile ========================================================================== */ /* Top contact belt — 4 aligned buttons (green title / white detail) */ .sal-topbar{background:var(--sal-navy);} .sal-topbar .sal-tb-row{display:flex;align-items:stretch;justify-content:space-between;gap:0;padding:0;max-width:var(--sal-max,1240px);margin:0 auto;} .sal-tb-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:13px; padding:11px 18px;text-decoration:none;border-left:1px solid rgba(255,255,255,.14);transition:background .15s ease;} .sal-tb-btn:first-child{border-left:0;} .sal-tb-btn:hover{background:rgba(255,255,255,.06);} .sal-tb-ico{font-size:26px;line-height:1;flex:0 0 auto;} .sal-tb-txt{display:flex;flex-direction:column;line-height:1.25;} .sal-tb-txt b{font-family:"Archivo",sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.06em; text-transform:uppercase;color:var(--sal-green);} .sal-tb-txt span{font-family:"Inter",sans-serif;font-weight:600;font-size:14px;color:#fff;white-space:nowrap;} .sal-tb-btn:hover .sal-tb-txt span{color:#cfeecd;} @media (max-width:768px){ .sal-topbar .sal-tb-row{flex-wrap:wrap;} .sal-tb-btn{flex:1 1 50%;border-left:1px solid rgba(255,255,255,.14);border-top:1px solid rgba(255,255,255,.14);justify-content:flex-start;} .sal-tb-btn:first-child,.sal-tb-btn:nth-child(2){border-top:0;} .sal-tb-btn:nth-child(odd){border-left:0;} } @media (max-width:420px){ .sal-tb-txt b{font-size:10.5px;} .sal-tb-txt span{font-size:12.5px;} .sal-tb-btn{padding:9px 12px;gap:8px;} } /* Sticky header */ /* Sticky stack: belt + header pinned together */ .sal-headstack{position:sticky;top:0;z-index:100;transition:box-shadow .2s ease;} .sal-headstack.is-stuck{box-shadow:0 6px 24px rgba(9,32,60,.10);} .sal-header{background:#fff;border-bottom:1px solid var(--sal-line);transition:padding .2s ease;} .sal-header .sal-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;transition:padding .2s ease;} .sal-headstack.is-stuck .sal-header .sal-wrap{padding:10px 24px;} .sal-logo{display:inline-flex;align-items:center;line-height:0;} .sal-logo img{height:auto;display:block;transition:width .2s ease;} .sal-headstack.is-stuck .sal-logo img{max-width:130px !important;} /* Show desktop logo, hide mobile logo (swap below 921px) */ .sal-logo .sal-logo-desktop{display:block;} .sal-logo .sal-logo-mobile{display:none;} @media (max-width:921px){ .sal-logo .sal-logo-desktop{display:none;} .sal-logo .sal-logo-mobile{display:block;} } /* Primary nav */ .sal-nav{display:flex;align-items:center;gap:6px;} .sal-nav ul{list-style:none;display:flex;align-items:center;gap:4px;margin:0;padding:0;} .sal-nav a{font-family:"Archivo",sans-serif;font-weight:600;font-size:15.5px;color:var(--sal-navy); text-decoration:none;padding:10px 14px;border-radius:6px;transition:color .15s ease,background .15s ease;display:block;} .sal-nav a:hover,.sal-nav .current-menu-item>a{color:var(--sal-green-dark);} .sal-nav .menu-item-has-children{position:relative;} .sal-nav .sub-menu{position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid var(--sal-line); border-radius:10px;box-shadow:0 16px 40px rgba(9,32,60,.12);padding:8px;display:none;flex-direction:column;gap:2px;z-index:20;} .sal-nav .menu-item-has-children:hover .sub-menu{display:flex;} .sal-nav .sub-menu a{font-size:14.5px;font-weight:500;} .sal-nav .sub-menu a:hover{background:var(--sal-mist);} .sal-header-cta{display:flex;align-items:center;gap:12px;} .sal-header-cta .sal-btn{padding:11px 22px;font-size:14px;} /* Mobile toggle + drawer */ .sal-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;} .sal-burger span{width:26px;height:2px;background:var(--sal-navy);transition:.2s;} .sal-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);} .sal-burger.open span:nth-child(2){opacity:0;} .sal-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);} .sal-drawer{position:fixed;inset:0 0 0 auto;width:min(84vw,340px);background:#fff;z-index:200; transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 40px rgba(9,32,60,.18); padding:80px 26px 30px;overflow-y:auto;} .sal-drawer.open{transform:translateX(0);} .sal-drawer ul{list-style:none;margin:0;padding:0;} .sal-drawer li{border-bottom:1px solid var(--sal-line);} .sal-drawer a{display:block;padding:15px 4px;font-family:"Archivo",sans-serif;font-weight:600;font-size:17px;color:var(--sal-navy);text-decoration:none;} .sal-drawer .sub-menu a{font-size:15px;font-weight:500;padding-left:16px;color:var(--sal-muted);} .sal-drawer-cta{margin-top:24px;} .sal-drawer-cta .sal-btn{width:100%;justify-content:center;} .sal-drawer-close{position:absolute;top:22px;right:22px;background:none;border:0;font-size:26px;color:var(--sal-navy);cursor:pointer;line-height:1;} .sal-overlay{position:fixed;inset:0;background:rgba(9,32,60,.45);z-index:150;opacity:0;visibility:hidden;transition:.28s;} .sal-overlay.open{opacity:1;visibility:visible;} /* Content wrappers */ .sal-main{min-height:40vh;} .sal-page{max-width:900px;margin:0 auto;padding:56px 24px 72px;} .sal-page h1.entry-title{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(30px,4vw,44px);color:var(--sal-navy);letter-spacing:-0.02em;margin:0 0 24px;} .sal-page .entry-content{font-size:16.5px;line-height:1.8;color:#37475a;} .sal-page .entry-content h2{font-family:"Archivo",sans-serif;color:var(--sal-navy);margin:32px 0 12px;} .sal-404{text-align:center;padding:100px 24px;} .sal-404 h1{font-family:"Archivo",sans-serif;font-size:90px;color:var(--sal-navy);margin:0;} @media (max-width:1024px){ .sal-nav,.sal-header-cta .sal-btn{display:none;} .sal-burger{display:flex;} } /* ========================================================================== HOMEPAGE v2 — footer, redesigned specialities, services, testimonials, inquiry (CF7), accreditations ========================================================================== */ /* ---- Solid footer ---- */ .sal-site-footer{background:var(--sal-deep);padding:66px 0 30px;} .sal-site-footer .sal-wrap{max-width:1200px;margin:0 auto;padding:0 24px;} /* ---- Redesigned SPECIALITY cards (richer, gradient tiles) ---- */ .sal-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border:0;} .sal-spec-card{position:relative;display:block;text-decoration:none;padding:30px 26px 26px; background:#fff;border:1px solid var(--sal-line);border-radius:16px;overflow:hidden; box-shadow:0 10px 30px rgba(9,32,60,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;} .sal-spec-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px; background:linear-gradient(90deg,var(--sal-navy),var(--sal-green));transform:scaleX(0);transform-origin:left;transition:transform .25s ease;} .sal-spec-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(9,32,60,.14);border-color:transparent;} .sal-spec-card:hover::before{transform:scaleX(1);} .sal-spec-ico{width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center; margin-bottom:20px;background:linear-gradient(135deg,var(--sal-navy) 0%,#1a5da6 100%);transition:background .25s ease;} .sal-spec-ico svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:1.7;} .sal-spec-card:hover .sal-spec-ico{background:linear-gradient(135deg,var(--sal-green) 0%,var(--sal-green-dark) 100%);} .sal-spec-name{font-family:"Archivo",sans-serif;font-weight:700;font-size:16.5px;color:var(--sal-ink);line-height:1.3;display:block;margin-bottom:16px;} .sal-spec-go{width:36px;height:36px;border-radius:50%;background:var(--sal-mist);display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;} .sal-spec-go svg{width:15px;height:15px;stroke:var(--sal-navy);fill:none;stroke-width:2;transition:stroke .2s ease;} .sal-spec-card:hover .sal-spec-go{background:var(--sal-green);} .sal-spec-card:hover .sal-spec-go svg{stroke:#fff;} /* ---- HIGHLIGHTED SERVICES (centres of excellence) ---- */ .sal-svc{padding:clamp(64px,9vw,120px) 0;background:var(--sal-paper);} .sal-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;} .sal-svc-card{position:relative;border-radius:18px;overflow:hidden;min-height:360px;display:flex; align-items:flex-end;color:#fff;text-decoration:none;box-shadow:0 18px 44px rgba(9,32,60,.14); background:var(--sal-navy);isolation:isolate;} .sal-svc-card .bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;transition:transform .5s ease;} .sal-svc-card::after{content:"";position:absolute;inset:0;z-index:-1; background:linear-gradient(180deg,rgba(11,46,82,.15) 0%,rgba(11,46,82,.55) 55%,rgba(9,32,60,.92) 100%);} .sal-svc-card:hover .bg{transform:scale(1.06);} .sal-svc-body{padding:30px 28px;position:relative;z-index:1;} .sal-svc-ico{width:52px;height:52px;border-radius:12px;background:rgba(255,255,255,.14);backdrop-filter:blur(4px); display:flex;align-items:center;justify-content:center;margin-bottom:16px;} .sal-svc-ico svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.7;} .sal-svc-card h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:23px;margin:0 0 8px;line-height:1.15;} .sal-svc-card p{font-size:14.5px;line-height:1.6;color:#d3e0ee;margin:0 0 16px;} .sal-svc-more{font-family:"Archivo",sans-serif;font-weight:700;font-size:14px;color:#9fe0a0;display:inline-flex;align-items:center;gap:8px;} .sal-svc-more .arw{transition:transform .18s ease;} .sal-svc-card:hover .sal-svc-more .arw{transform:translateX(5px);} /* ---- TESTIMONIALS ---- */ .sal-tst{padding:clamp(64px,9vw,120px) 0;background:#fff;} .sal-tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;} .sal-tst-card{background:var(--sal-paper);border:1px solid var(--sal-line);border-radius:16px;padding:32px 28px;position:relative;box-sizing:border-box;} .sal-tst-card .quo{font-family:"Spectral",serif;font-style:italic;font-size:64px;line-height:.7;color:var(--sal-green);opacity:.4;height:32px;display:block;} .sal-tst-stars{color:#f0a72b;font-size:15px;letter-spacing:2px;margin:0 0 12px;} .sal-tst-text{font-size:15.5px;line-height:1.75;color:#37475a;margin:0 0 20px;} .sal-tst-who{display:flex;align-items:center;gap:12px;margin-top:20px;} .sal-tst-av{width:52px;height:52px;border-radius:50%;overflow:hidden;flex:0 0 auto; background:linear-gradient(135deg,var(--sal-navy),#1a5da6);color:#fff; font-family:"Archivo",sans-serif;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:18px;} .sal-tst-av.has-photo{background:none;} .sal-tst-av img{width:100%;height:100%;object-fit:cover;display:block;} .sal-tst-who b{font-family:"Archivo",sans-serif;font-weight:700;font-size:15px;color:var(--sal-navy);display:block;line-height:1.2;} .sal-tst-who span{font-size:13px;color:var(--sal-muted);} /* ---- QUICK INQUIRY (CF7) ---- */ .sal-inq{background:var(--sal-deep);} .sal-inq .grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:0;align-items:stretch;} .sal-inq-copy{padding:clamp(48px,6vw,80px) clamp(24px,4vw,60px);color:#fff;} .sal-inq-copy .sal-kick{color:#9fe0a0;} .sal-inq-copy h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(28px,3.4vw,42px);line-height:1.08;letter-spacing:-0.02em;margin:0 0 16px;} .sal-inq-copy h2 .ital{font-family:"Spectral",serif;font-weight:500;font-style:italic;color:#9fe0a0;} .sal-inq-copy p{color:#bcd0e6;font-size:16px;line-height:1.7;margin:0 0 26px;max-width:420px;} .sal-inq-contact{display:flex;flex-direction:column;gap:14px;} .sal-inq-contact a,.sal-inq-contact span{color:#e6eef7;font-size:15px;text-decoration:none;display:flex;align-items:center;gap:10px;} .sal-inq-contact b{color:#9fe0a0;font-family:"Archivo",sans-serif;} .sal-inq-form{background:#fff;padding:clamp(36px,4vw,52px);display:flex;flex-direction:column;justify-content:center;} .sal-inq-form h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:22px;color:var(--sal-navy);margin:0 0 6px;} .sal-inq-form .sub{font-size:14px;color:var(--sal-muted);margin:0 0 22px;} /* Style Contact Form 7 fields */ .sal-inq-form .wpcf7-form p{margin:0 0 16px;} .sal-inq-form label{display:block;font-family:"Archivo",sans-serif;font-weight:600;font-size:13.5px;color:var(--sal-ink);margin-bottom:6px;} .sal-inq-form input:not([type=submit]),.sal-inq-form select,.sal-inq-form textarea{ width:100%;padding:13px 15px;border:1.5px solid var(--sal-line);border-radius:8px;font-size:15px;font-family:"Inter",sans-serif; color:var(--sal-ink);background:#fff;transition:border-color .15s ease;} .sal-inq-form input:focus,.sal-inq-form select:focus,.sal-inq-form textarea:focus{outline:none;border-color:var(--sal-green);} .sal-inq-form textarea{min-height:96px;resize:vertical;} .sal-inq-form input[type=submit],.sal-inq-form .wpcf7-submit{width:100%;background:var(--sal-green);color:#fff;border:0; font-family:"Archivo",sans-serif;font-weight:700;font-size:16px;padding:15px;border-radius:8px;cursor:pointer;transition:background .16s ease;} .sal-inq-form input[type=submit]:hover,.sal-inq-form .wpcf7-submit:hover{background:var(--sal-green-dark);} /* ---- ACCREDITATIONS strip ---- */ .sal-accred{background:#fff;border-top:1px solid var(--sal-line);padding:40px 0;} .sal-accred .sal-wrap{display:flex;align-items:center;justify-content:center;gap:clamp(28px,5vw,70px);flex-wrap:wrap;} .sal-accred .lab{font-family:"Archivo",sans-serif;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--sal-muted);} .sal-accred img{height:64px;width:auto;filter:grayscale(1);opacity:.7;transition:all .2s ease;} .sal-accred img:hover{filter:none;opacity:1;} .sal-accred .badge{font-family:"Archivo",sans-serif;font-weight:800;font-size:20px;color:var(--sal-navy); border:2px solid var(--sal-line);border-radius:10px;padding:14px 22px;display:flex;flex-direction:column;line-height:1;gap:4px;} .sal-accred .badge span{font-size:11px;font-weight:600;color:var(--sal-muted);letter-spacing:.04em;} /* v2 responsive */ @media (max-width:1024px){ .sal-svc-grid,.sal-tst-grid{grid-template-columns:1fr 1fr;} .sal-spec-grid{grid-template-columns:repeat(3,1fr);} } @media (max-width:900px){ .sal-inq .grid{grid-template-columns:1fr;} } @media (max-width:768px){ .sal-svc-grid,.sal-tst-grid,.sal-spec-grid{grid-template-columns:1fr;} } @media (max-width:640px){ .sal-spec-grid{grid-template-columns:1fr 1fr;} } /* ========================================================================== HOMEPAGE v3 — NATIVE WPBAKERY structure (rows/columns), no inline CSS. Layout classes are prefixed .salh- and target WPBakery column wrappers. Typography (.sal-kick/.sal-h2/.sal-lead/.sal-btn) + testimonials reused. ========================================================================== */ /* shared section heading + testimonials column counts */ .sal-tst-grid{display:grid;gap:24px;} .sal-tst-cols-2{grid-template-columns:repeat(2,1fr);} .sal-tst-cols-3{grid-template-columns:repeat(3,1fr);} .sal-tst-cols-4{grid-template-columns:repeat(4,1fr);} .sal-tst-empty{color:var(--sal-muted);font-style:italic;} /* Remove WPBakery default column padding where we manage spacing ourselves */ .salh-section > .vc_column_container > .vc_column-inner{padding-left:0;padding-right:0;} /* ---- HERO (native 2-column: text | image) ---- */ .salh-hero{background:var(--sal-deep) !important;align-items:stretch;} .salh-hero .wpb_column{display:flex;} .salh-hero-left .vc_column-inner{display:flex;flex-direction:column;justify-content:center; padding:130px clamp(24px,4vw,70px) 90px clamp(24px,4vw,70px);width:100%;} .salh-hero-left .sal-kick{color:#9fe0a0;} .salh-hero-left h1,.salh-hero-title{font-family:"Archivo",sans-serif;font-weight:800;color:#fff; font-size:clamp(38px,5vw,64px);line-height:1.03;letter-spacing:-0.025em;margin:0 0 22px;} .salh-hero-left h1 .ital,.salh-hero-title .ital{font-family:"Spectral",serif;font-weight:500;font-style:italic;color:var(--sal-green);} .salh-hero-sub{color:#cdddec;font-size:clamp(16px,1.6vw,19px);line-height:1.65;margin:0 0 32px;max-width:520px;} .salh-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:42px;} .salh-hero-trust{display:flex;gap:26px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);padding-top:24px;} .salh-hero-trust .t{display:flex;flex-direction:column;gap:2px;} .salh-hero-trust .t b{font-family:"Archivo",sans-serif;font-weight:800;font-size:24px;color:#fff;line-height:1;} .salh-hero-trust .t span{font-size:12.5px;color:#9db4cc;} .salh-hero-right .vc_column-inner,.salh-hero-right .wpb_wrapper, .salh-hero-right .wpb_single_image,.salh-hero-right figure{height:100%;width:100%;margin:0;} .salh-hero-right .wpb_single_image img,.salh-hero-img img{width:100%;height:100%;object-fit:cover;display:block;min-height:340px;} /* ---- ABOUT (native 2-column: image | text) ---- */ .salh-about{background:var(--sal-paper) !important;} .salh-about > .vc_column_container > .vc_column-inner{padding-top:clamp(64px,9vw,110px);padding-bottom:clamp(64px,9vw,110px);} .salh-about-img .wpb_single_image img{width:100%;border-radius:14px;display:block;box-shadow:0 30px 60px rgba(9,32,60,.16);} .salh-about-text .vc_column-inner{padding-left:clamp(24px,4vw,60px);} .salh-about-text p{font-size:16.5px;line-height:1.78;color:#3c4a5a;margin:0 0 18px;} /* ---- SERVICES (native 3-column image-top cards) ---- */ .salh-svc{background:var(--sal-paper) !important;} .salh-svc-head .vc_column-inner{padding-top:clamp(56px,7vw,90px);} .salh-svc-cards{padding-bottom:clamp(56px,7vw,90px);} .salh-svc-cards .salh-svc-col{margin-bottom:0;} .salh-svc-col .vc_column-inner{background:#fff;border:1px solid var(--sal-line);border-radius:16px;overflow:hidden; box-shadow:0 14px 34px rgba(9,32,60,.07);height:100%;padding:0;margin:0 10px;transition:transform .2s ease,box-shadow .2s ease;} .salh-svc-col:hover .vc_column-inner{transform:translateY(-6px);box-shadow:0 26px 54px rgba(9,32,60,.15);} .salh-svc-col .wpb_wrapper{display:flex;flex-direction:column;height:100%;} .salh-svc-img{margin:0 !important;} .salh-svc-img img{width:100%;height:210px;object-fit:cover;display:block;} .salh-svc-body{padding:24px 24px 28px;} .salh-svc-body h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:21px;color:var(--sal-navy);margin:0 0 8px;line-height:1.15;} .salh-svc-body p{font-size:14.5px;line-height:1.6;color:var(--sal-muted);margin:0 0 14px;} /* ---- WHY SAL (native 3-column, dark) ---- */ .salh-why{background:var(--sal-deep) !important;} .salh-why > .vc_column_container > .vc_column-inner{padding-top:clamp(64px,9vw,110px);padding-bottom:clamp(48px,6vw,80px);} .salh-why .sal-kick{color:#9fe0a0;} .salh-why .sal-h2{color:#fff;} .salh-why-cards > .vc_column_container > .vc_column-inner{padding-bottom:clamp(56px,7vw,90px);} .salh-why-item{padding-top:24px;border-top:2px solid rgba(255,255,255,.16);height:100%;} .salh-why-item .idx{font-family:"Archivo",sans-serif;font-weight:800;font-size:15px;color:var(--sal-green);margin-bottom:14px;letter-spacing:.06em;} .salh-why-item h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:20px;color:#fff;margin:0 0 10px;line-height:1.2;} .salh-why-item p{font-size:15px;line-height:1.7;color:#a9bfd6;margin:0;} /* ---- INQUIRY (native 2-column) ---- */ .salh-inq{background:var(--sal-deep) !important;align-items:stretch;} .salh-inq .wpb_column{display:flex;} .salh-inq-copy .vc_column-inner{padding:clamp(48px,6vw,80px) clamp(24px,4vw,56px);width:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;} .salh-inq-copy .sal-kick{color:#9fe0a0;} .salh-inq-copy h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(28px,3.4vw,42px);line-height:1.08;letter-spacing:-0.02em;margin:0 0 16px;color:#fff;} .salh-inq-copy h2 .ital{font-family:"Spectral",serif;font-weight:500;font-style:italic;color:#9fe0a0;} .salh-inq-copy p{color:#bcd0e6;font-size:16px;line-height:1.7;margin:0 0 24px;max-width:420px;} .salh-inq-contact p{color:#e6eef7;font-size:15px;margin:0 0 10px;} .salh-inq-contact b{color:#9fe0a0;font-family:"Archivo",sans-serif;} .salh-inq-form .vc_column-inner{background:#fff;padding:clamp(34px,4vw,50px);display:flex;flex-direction:column;justify-content:center;width:100%;} .salh-inq-form h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:22px;color:var(--sal-navy);margin:0 0 6px;} .salh-inq-form .sub{font-size:14px;color:var(--sal-muted);margin:0 0 20px;} .salh-inq-form .wpcf7-form p{margin:0 0 15px;} .salh-inq-form label{display:block;font-family:"Archivo",sans-serif;font-weight:600;font-size:13.5px;color:var(--sal-ink);margin-bottom:6px;} .salh-inq-form input:not([type=submit]),.salh-inq-form select,.salh-inq-form textarea{width:100%;padding:13px 15px;border:1.5px solid var(--sal-line);border-radius:8px;font-size:15px;font-family:"Inter",sans-serif;color:var(--sal-ink);} .salh-inq-form input:focus,.salh-inq-form select:focus,.salh-inq-form textarea:focus{outline:none;border-color:var(--sal-green);} .salh-inq-form textarea{min-height:96px;resize:vertical;} .salh-inq-form input[type=submit],.salh-inq-form .wpcf7-submit{width:100%;background:var(--sal-green);color:#fff;border:0;font-family:"Archivo",sans-serif;font-weight:700;font-size:16px;padding:15px;border-radius:8px;cursor:pointer;transition:background .16s ease;} .salh-inq-form input[type=submit]:hover,.salh-inq-form .wpcf7-submit:hover{background:var(--sal-green-dark);} /* ---- ACCREDITATIONS (native single images) ---- */ .salh-accred{background:#fff !important;border-top:1px solid var(--sal-line);} .salh-accred > .vc_column_container > .vc_column-inner{padding:38px 0;} .salh-accred .wpb_wrapper{display:flex;align-items:center;justify-content:center;gap:clamp(24px,5vw,64px);flex-wrap:wrap;} .salh-accred .wpb_single_image{margin:0;} .salh-accred .wpb_single_image img{height:64px;width:auto;filter:grayscale(1);opacity:.7;transition:all .2s ease;} .salh-accred .wpb_single_image img:hover{filter:none;opacity:1;} /* ---- CTA ---- */ .salh-cta{background:var(--sal-navy) !important;overflow:hidden;position:relative;} .salh-cta > .vc_column_container > .vc_column-inner{padding:clamp(56px,7vw,96px) 0;position:relative;z-index:2;} .salh-cta .salh-cta-in{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;} .salh-cta h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(28px,3.4vw,42px);color:#fff;line-height:1.1;letter-spacing:-0.02em;margin:0;max-width:620px;} .salh-cta h2 .ital{font-family:"Spectral",serif;font-weight:500;font-style:italic;color:#9fe0a0;} .salh-cta .actions{display:flex;gap:14px;flex-wrap:wrap;} /* v3 responsive */ @media (max-width:900px){ .sal-tst-cols-3,.sal-tst-cols-4{grid-template-columns:1fr 1fr;} .salh-hero-left .vc_column-inner{padding:110px 24px 60px;} } @media (max-width:768px){ .sal-tst-cols-2,.sal-tst-cols-3,.sal-tst-cols-4{grid-template-columns:1fr;} .salh-cta .salh-cta-in{flex-direction:column;align-items:flex-start;} } /* ========================================================================== HOMEPAGE v4 — CONTAINED LAYOUT: max-width, side gutters, elegant whitespace. Sections become centred; strong colour sections become rounded panels. ========================================================================== */ :root{--sal-max:1240px;--sal-gutter:clamp(22px,4vw,52px);} /* Every homepage row: centred, capped width, vertical rhythm between sections */ .salh-section{ max-width:var(--sal-max) !important; margin-left:auto !important; margin-right:auto !important; margin-top:clamp(16px,2.6vw,30px) !important; margin-bottom:clamp(16px,2.6vw,30px) !important; box-sizing:border-box; } /* Internal readability gutter inside every section */ .salh-section > .vc_column_container > .vc_column-inner{ padding-left:var(--sal-gutter) !important; padding-right:var(--sal-gutter) !important; } /* Strong colour sections → elegant rounded panels */ .salh-hero,.salh-why,.salh-inq,.salh-cta{border-radius:24px;overflow:hidden;} .sal-stats{border-radius:20px;} /* Paper sections sit airy on white (no heavy band) */ .salh-about,.salh-svc{background:transparent !important;} /* Hero: text column padded, image column bleeds to the panel edge */ .salh-hero-left .vc_column-inner{ padding:clamp(60px,6.5vw,92px) var(--sal-gutter) clamp(52px,6vw,80px) var(--sal-gutter) !important; } .salh-hero-right .vc_column-inner{padding:0 !important;} /* Inquiry: keep the two inner panels flush to the rounded edge */ .salh-inq-copy .vc_column-inner{padding:clamp(46px,5.5vw,74px) var(--sal-gutter) !important;} .salh-inq-form .vc_column-inner{padding:clamp(34px,4vw,50px) clamp(28px,3vw,44px) !important;} /* Trust + accreditation strips: centre content, comfortable padding */ .sal-trust > .vc_column_container > .vc_column-inner{padding-top:24px !important;padding-bottom:24px !important;} .sal-trust .titems{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;margin-top:8px;} .sal-trust .tlabel{display:block;text-align:center;} /* Extra breathing room top & bottom of the page flow */ .salh-hero{margin-top:clamp(20px,3vw,36px) !important;} .salh-cta{margin-bottom:clamp(28px,4vw,48px) !important;} @media (max-width:768px){ :root{--sal-gutter:22px;} .salh-hero,.salh-why,.salh-inq,.salh-cta{border-radius:18px;} } /* ========================================================================== SPECIALTY PAGES — sidebar (template) + NATIVE WPBakery content blocks ========================================================================== */ /* Layout: sidebar + content (sidebar comes from the page template) */ .specialty-wrap{max-width:var(--sal-max);margin:0 auto;padding:26px clamp(20px,4vw,44px) 72px; display:grid;grid-template-columns:300px 1fr;gap:clamp(26px,3.5vw,50px);align-items:start;} .specialty-content{min-width:0;} /* ---- Sidebar menu ([sal_spec_menu]) ---- */ .specialty-sidebar .sal-side,.sal-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:150px;} .sal-side-note{color:var(--sal-muted);font-style:italic;} .sal-side-h{font-family:"Archivo",sans-serif;font-weight:800;font-size:17px;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,var(--sal-navy),#1a5da6);padding:15px 20px;border-radius:12px;box-shadow:0 8px 22px rgba(9,32,60,.14);position:relative;}.sal-side-h::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;background:var(--sal-green);border-radius:0 4px 4px 0;} .sal-smenu{display:flex;flex-direction:column;gap:8px;} .sal-mi{border:1px solid #d9e4f0;border-radius:11px;background:#f4f8fc;overflow:hidden;transition:all .15s;} .sal-mi > a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 16px;text-decoration:none;color:var(--sal-ink);font-family:"Archivo",sans-serif;font-weight:600;font-size:14.5px;transition:color .15s;} .sal-mi:hover{border-color:var(--sal-navy);box-shadow:0 8px 22px rgba(9,32,60,.09);} .sal-mi:hover > a{color:var(--sal-navy);} .sal-mi.cur{border-color:transparent;background:linear-gradient(135deg,var(--sal-navy),#1a5da6);} .sal-mi.cur > a{color:#fff;} .sal-chev{width:22px;height:22px;border-radius:6px;background:var(--sal-mist);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--sal-navy);transition:transform .2s,background .15s;flex:0 0 auto;} .sal-mi.cur .sal-chev{background:rgba(255,255,255,.2);color:#fff;} .sal-mi.open .sal-chev{transform:rotate(180deg);} .sal-sub{max-height:0;overflow:hidden;transition:max-height .28s ease;background:var(--sal-paper);} .sal-mi.open .sal-sub{max-height:400px;border-top:1px solid var(--sal-line);} .sal-sub a{display:block;padding:11px 16px 11px 22px;text-decoration:none;color:var(--sal-muted);font-size:13.5px;font-weight:500;border-bottom:1px solid var(--sal-line);} .sal-sub a:last-child{border-bottom:0;} .sal-sub a:hover,.sal-sub a.cur{background:#fff;color:var(--sal-green-dark);} .sal-sub a::before{content:"\2013";margin-right:9px;color:var(--sal-green);} .sal-side-cta{background:linear-gradient(135deg,var(--sal-deep),var(--sal-navy));border-radius:14px;padding:22px;color:#fff;} .sal-side-cta h4{font-family:"Archivo",sans-serif;font-weight:800;font-size:17px;margin:0 0 6px;} .sal-side-cta p{font-size:13px;color:#bcd6f0;margin:0 0 14px;line-height:1.5;} .sal-side-cta .sal-btn{width:100%;justify-content:center;box-sizing:border-box;padding:13px 16px;} .sal-side-cta .em{display:block;text-align:center;margin-top:10px;font-size:13px;color:#9fe0a0;font-family:"Archivo",sans-serif;font-weight:700;} /* ---- Native content blocks ---- */ /* Hero band (vc_row.salsp-hero) */ .salsp-hero{position:relative;background:linear-gradient(115deg,var(--sal-deep),var(--sal-navy) 60%,var(--sal-green-dark)) !important; border-radius:20px;overflow:hidden;padding:clamp(36px,5vw,62px) clamp(26px,4vw,54px) !important;margin-bottom:26px !important;} .salsp-hero::after{content:"+";position:absolute;right:-30px;top:-70px;font-family:"Archivo",sans-serif;font-weight:900;font-size:260px;color:rgba(255,255,255,.06);} .salsp-hero .wpb_wrapper{position:relative;} .salsp-hero .crumb{font-size:13.5px;color:#bcd6f0;margin-bottom:12px;} .salsp-hero .crumb b{color:#9fe0a0;} .salsp-hero h1{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(30px,4.6vw,50px);line-height:1.08;letter-spacing:-.025em;margin:0 0 12px;color:#fff;} .salsp-hero p{max-width:560px;color:#dbe8f5;font-size:16px;line-height:1.6;margin:0 0 18px;} /* Stats (native 4 columns, box on the column) */ .salsp-stats{margin-bottom:26px !important;} .salsp-stbox .vc_column-inner{background:var(--sal-paper);border:1px solid var(--sal-line);border-radius:14px;padding:20px 14px;text-align:center;height:100%;} .salsp-num{font-family:"Archivo",sans-serif;font-weight:800;font-size:30px;color:var(--sal-navy);line-height:1;display:block;} .salsp-num i{color:var(--sal-green);font-style:normal;} .salsp-lab{font-size:12.5px;color:var(--sal-muted);margin-top:6px;display:block;line-height:1.4;} /* Hero image band with overlay caption */ .salsp-imgband{position:relative;border-radius:18px;overflow:hidden;margin-bottom:26px !important;box-shadow:0 20px 46px rgba(9,32,60,.16);} .salsp-imgband > .vc_column_container > .vc_column-inner{padding:0 !important;} .salsp-imgband .wpb_single_image,.salsp-imgband figure{margin:0;} .salsp-imgband img{width:100%;height:clamp(240px,32vw,400px);object-fit:cover;display:block;} .salsp-cap{position:absolute;left:0;right:0;bottom:0;padding:24px 26px;background:linear-gradient(180deg,transparent,rgba(9,32,60,.82));color:#fff;margin:0;} .salsp-cap b{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(17px,2vw,22px);display:block;} .salsp-cap span{font-size:14px;color:#cfe0f5;} /* Intro */ .salsp-intro p{font-size:16.5px;line-height:1.8;color:#3c4a5a;margin:0 0 16px;} /* Procedure list (option A: styled ul, CSS arrows) */ .salsp-proc-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;} .salsp-proc-list li{position:relative;padding-left:34px;font-size:15px;line-height:1.5;color:#37475a;} .salsp-proc-list li::before{content:"\2192";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%; background:#eafbe9;color:var(--sal-green-dark);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;} /* Conditions tags (option A: styled ul) */ .salsp-tags-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;} .salsp-tags-list li{background:var(--sal-mist);color:var(--sal-navy);font-weight:600;font-size:14px;padding:9px 16px;border-radius:30px;} /* Native WPBakery TABS skin */ .salsp-tabs .vc_tta-tabs-list{display:flex;gap:6px;flex-wrap:wrap;border-bottom:2px solid var(--sal-line);margin:0 0 22px;padding:0;list-style:none;} .salsp-tabs .vc_tta-tab{margin:0 !important;} .salsp-tabs .vc_tta-tab > a{font-family:"Archivo",sans-serif;font-weight:700;font-size:15px;color:var(--sal-muted) !important; background:transparent !important;border:0 !important;padding:13px 20px !important;border-radius:8px 8px 0 0 !important;} .salsp-tabs .vc_tta-tab.vc_active > a{color:var(--sal-navy) !important;box-shadow:inset 0 -3px 0 var(--sal-green);} .salsp-tabs .vc_tta-panels,.salsp-tabs .vc_tta-panel,.salsp-tabs .vc_tta-panel-body{background:transparent !important;border:0 !important;padding:0 !important;} /* Native WPBakery ACCORDION (FAQ) skin */ .salsp-faq .vc_tta-panel{border:1px solid var(--sal-line) !important;border-bottom:0 !important;background:#fff !important;border-radius:0 !important;margin:0 !important;} .salsp-faq .vc_tta-panel:last-child{border-bottom:1px solid var(--sal-line) !important;} .salsp-faq .vc_tta-panel-heading{background:#fff !important;border:0 !important;} .salsp-faq .vc_tta-panel-title > a{font-family:"Archivo",sans-serif;font-weight:700;font-size:15.5px;color:var(--sal-navy) !important;padding:16px 20px !important;} .salsp-faq .vc_tta-panel-body{color:#3c4a5a;padding:0 20px 18px !important;font-size:14.5px;line-height:1.7;} /* Why-SAL cards (native columns + vc_icon) */ .salsp-card .vc_column-inner{background:#fff;border:1px solid var(--sal-line);border-radius:14px;padding:22px 20px;height:100%;box-shadow:0 10px 26px rgba(9,32,60,.05);} .salsp-card .vc_icon_element{margin-bottom:12px !important;} .salsp-card h4{font-family:"Archivo",sans-serif;font-weight:800;font-size:16px;color:var(--sal-navy);margin:0 0 6px;} .salsp-card p{font-size:13.5px;color:var(--sal-muted);line-height:1.55;margin:0;} /* Highlight band */ .salsp-hl{background:linear-gradient(135deg,var(--sal-deep),var(--sal-navy)) !important;border-radius:18px;padding:clamp(30px,4vw,46px) !important;margin:26px 0 !important;} .salsp-hl h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:22px;margin:0 0 20px;color:#fff;} .salsp-hl h3 .ital{font-family:"Spectral",serif;font-style:italic;font-weight:500;color:#9fe0a0;} .salsp-hli{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px;} .salsp-hli .n{font-family:"Archivo",sans-serif;font-weight:800;color:var(--sal-green);font-size:22px;line-height:1;} .salsp-hli b{display:block;font-family:"Archivo",sans-serif;color:#fff;font-size:16px;margin:0 0 4px;} .salsp-hli p{margin:0;font-size:14px;color:#bcd6f0;line-height:1.55;} /* Mid CTA */ .salsp-midcta{background:var(--sal-green) !important;border-radius:16px;padding:24px 30px !important;margin:26px 0 !important;} .salsp-midcta .wpb_wrapper{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;} .salsp-midcta b{font-family:"Archivo",sans-serif;font-weight:800;font-size:21px;color:#fff;display:block;} .salsp-midcta span{color:#eafbe9;font-size:14px;} /* End CTA */ .salsp-sec{font-family:"Archivo",sans-serif;font-weight:800;font-size:21px;color:var(--sal-navy);margin:0 0 16px;} /* Native vc_btn skin inside specialty content */ .specialty-content .vc_btn3-container{margin:8px 8px 0 0 !important;display:inline-block;vertical-align:top;} .specialty-content a.vc_btn3{font-family:"Archivo",sans-serif !important;font-weight:700 !important;border-radius:8px !important;padding:14px 26px !important;letter-spacing:.01em;} /* Responsive */ @media (max-width:960px){ .specialty-wrap{grid-template-columns:1fr;} .sal-side{position:static;} .sal-side .sal-smenu,.sal-side .sal-side-cta{display:none;} .sal-side.mobopen .sal-smenu,.sal-side.mobopen .sal-side-cta{display:flex;} .sal-side-h{background:var(--sal-navy);color:#fff;border-radius:10px;padding:14px 18px;cursor:pointer;} .sal-side-h::after{content:"\25be";float:right;} .salsp-proc-list{grid-template-columns:1fr;} } /* ========================================================================== SPECIALTY tweaks — list emphasis, tab spacing, 2-col FAQ ========================================================================== */ /* 2) Procedures / Conditions — bolder, darker text + top space off the tab line */ .salsp-proc-list li{color:var(--sal-ink);font-weight:600;font-size:15.5px;} .salsp-tags-list li{font-weight:700;} .salsp-proc-list,.salsp-tags-list{margin-top:10px;} .salsp-tabs .vc_tta-panel-body{padding-top:12px !important;} /* 3) FAQ — two columns, each a rounded box; space the toggle icon off the text */ .salsp-faq .vc_tta-panels{display:grid !important;grid-template-columns:1fr 1fr;gap:12px;} .salsp-faq .vc_tta-panel{border:1px solid var(--sal-line) !important;border-radius:10px !important;overflow:hidden;margin:0 !important;background:#fff !important;} .salsp-faq .vc_tta-panel-title > a{display:flex !important;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px !important;} .salsp-faq .vc_tta-controls-icon{position:static !important;margin-left:12px;flex:0 0 auto;} .salsp-faq .vc_tta-title-text{padding-right:6px;} @media (max-width:760px){.salsp-faq .vc_tta-panels{grid-template-columns:1fr;}} /* WhatsApp button hover */ .specialty-content .vc_btn3.salsp-wa:hover{filter:brightness(.92);} /* ========================================================================== SPECIALTY BUTTONS — force colours via el_class (WPBakery custom colours were not applying). Each vc_btn gets one of these classes. ========================================================================== */ .specialty-content .vc_btn3-container .vc_btn3{border:0 !important;box-shadow:none !important;transition:filter .15s,background .15s !important;} .specialty-content .vc_btn3-container .vc_btn3:hover{filter:brightness(.94);} /* Green — Book Appointment (primary) */ .salbtn-green .vc_btn3{background-color:#3aaa35 !important;color:#ffffff !important;} .salbtn-green .vc_btn3:hover{background-color:#2f8c2b !important;color:#fff !important;} /* White — on dark backgrounds (hero, end CTA) */ .salbtn-white .vc_btn3{background-color:#ffffff !important;color:#12447e !important;} .salbtn-white .vc_btn3:hover{background-color:#e9f0f7 !important;color:#0b2e52 !important;} /* Navy — on green backgrounds (mid CTA) */ .salbtn-navy .vc_btn3{background-color:#12447e !important;color:#ffffff !important;} .salbtn-navy .vc_btn3:hover{background-color:#0b2e52 !important;color:#fff !important;} /* WhatsApp */ .salbtn-wa .vc_btn3{background-color:#25d366 !important;color:#ffffff !important;} .salbtn-wa .vc_btn3:hover{background-color:#1fb959 !important;color:#fff !important;} /* ========================================================================== SPECIALTY — spacing & sizing fixes (belt, stats, cards, image) ========================================================================== */ /* 2) STATS — gap between boxes + smaller; 2×2 on mobile with vertical gap */ .salsp-stbox .vc_column-inner{margin:0 8px 14px !important;padding:18px 10px !important;} .salsp-num{font-size:27px;} @media (max-width:768px){ .salsp-stats .wpb_column{width:50% !important;} } /* 3) WHY-SAL cards — equal height, horizontal + mobile vertical gaps */ .salsp-cards{display:flex !important;flex-wrap:wrap;align-items:stretch;} .salsp-cards .salsp-card{display:flex;} .salsp-cards .salsp-card .vc_column-inner{margin:0 9px 18px !important;width:100%;height:100%;} @media (max-width:768px){ .salsp-cards .salsp-card{width:100% !important;} } /* 4) HERO IMAGE — shorter band */ .salsp-imgband img{height:clamp(180px,20vw,260px) !important;} /* 1) TOP CONTACT BELT — compact single row on mobile (icon + label, tap to act) */ @media (max-width:768px){ .sal-topbar .sal-tb-row{flex-wrap:nowrap;} .sal-tb-btn{flex:1;flex-direction:column;gap:3px;padding:8px 3px;text-align:center;justify-content:center; border-top:0;border-left:1px solid rgba(255,255,255,.14);} .sal-tb-btn:first-child{border-left:0;} .sal-tb-ico{font-size:19px;} .sal-tb-txt{align-items:center;} .sal-tb-txt b{font-size:9.5px;letter-spacing:.01em;line-height:1.1;} .sal-tb-txt span{display:none;} } /* ========================================================================== STATS + WHY cards — DEFINITIVE separation (gap on the column, distinct card) ========================================================================== */ /* Gap comes from padding on the COLUMN (reliable), not inner margins */ .salsp-stats .salsp-stbox{padding-left:9px !important;padding-right:9px !important;} .salsp-stbox > .vc_column-inner{ background:#ffffff !important; border:1.5px solid #dbe6f2 !important; border-radius:14px !important; box-shadow:0 8px 20px rgba(9,32,60,.07) !important; padding:22px 12px !important; margin:0 0 16px !important; text-align:center;height:100%;box-sizing:border-box; } .salsp-cards .salsp-card{padding-left:10px !important;padding-right:10px !important;} .salsp-cards .salsp-card > .vc_column-inner{ background:#ffffff !important; border:1.5px solid #dbe6f2 !important; border-radius:14px !important; box-shadow:0 10px 26px rgba(9,32,60,.06) !important; padding:24px 22px !important; margin:0 0 18px !important; height:100%;box-sizing:border-box; } /* ========================================================================== DOCTOR PROFILE PAGE (single-sal_doctor) ========================================================================== */ .saldoc-wrap{max-width:var(--sal-max);margin:0 auto;padding:26px clamp(20px,4vw,44px) 70px;} .saldoc-back{display:inline-block;font-family:"Archivo",sans-serif;font-weight:600;font-size:14px;color:var(--sal-muted);text-decoration:none;margin-bottom:18px;} .saldoc-back:hover{color:var(--sal-navy);} /* Hero */ .saldoc-hero{position:relative;display:grid;grid-template-columns:280px 1fr;gap:clamp(24px,3.5vw,46px); background:linear-gradient(115deg,var(--sal-deep),var(--sal-navy) 65%,var(--sal-green-dark)); border-radius:22px;padding:clamp(28px,4vw,44px);color:#fff;overflow:hidden;align-items:center;} .saldoc-hero::after{content:"+";position:absolute;right:-20px;top:-60px;font-family:"Archivo",sans-serif;font-weight:900;font-size:240px;color:rgba(255,255,255,.06);} .saldoc-photo{position:relative;z-index:1;border-radius:16px;overflow:hidden;background:#eef4fb;aspect-ratio:4/5; box-shadow:0 20px 44px rgba(0,0,0,.28);border:4px solid rgba(255,255,255,.14);} .saldoc-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;} .saldoc-initials{display:flex;width:100%;height:100%;align-items:center;justify-content:center; font-family:"Archivo",sans-serif;font-weight:800;font-size:74px;color:#fff; background:linear-gradient(135deg,var(--sal-navy),#1a5da6);} .saldoc-info{position:relative;z-index:1;} .saldoc-badge{display:inline-block;background:rgba(255,255,255,.15);color:#fff;font-family:"Archivo",sans-serif; font-weight:700;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;padding:6px 14px;border-radius:30px;text-decoration:none;margin-bottom:14px;} .saldoc-badge:hover{background:var(--sal-green);} .saldoc-name{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(28px,3.6vw,42px);letter-spacing:-.02em;margin:0 0 8px;color:#fff;} .saldoc-desig{font-size:16px;color:#cfe0f5;margin:0 0 20px;font-weight:500;} .saldoc-quick{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px;} .saldoc-quick .q{background:rgba(255,255,255,.1);border-radius:12px;padding:12px 18px;min-width:110px;} .saldoc-quick .q b{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:17px;color:#fff;line-height:1.1;} .saldoc-quick .q span{font-size:12px;color:#9db4cc;} .saldoc-cta{display:flex;gap:12px;flex-wrap:wrap;} .saldoc-cta .sal-btn{box-sizing:border-box;} .salbtn-white{background:#fff;color:var(--sal-navy);} .salbtn-white:hover{background:#e9f0f7;color:var(--sal-deep);} .salbtn-green{background:var(--sal-green);color:#fff;} .salbtn-green:hover{background:var(--sal-green-dark);color:#fff;} .salbtn-wa{background:#25d366;color:#fff;} .salbtn-wa:hover{background:#1fb959;color:#fff;} .salbtn-ghostw{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5);} .salbtn-ghostw:hover{background:#fff;color:var(--sal-navy);} /* Body */ .saldoc-body{display:grid;grid-template-columns:1fr 320px;gap:clamp(26px,3.5vw,48px);margin-top:36px;align-items:start;} .saldoc-block{margin-bottom:32px;} .saldoc-h{font-family:"Archivo",sans-serif;font-weight:800;font-size:22px;color:var(--sal-navy);margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid var(--sal-green);display:inline-block;} .saldoc-bio{font-size:16.5px;line-height:1.8;color:#3c4a5a;} .saldoc-bio p{margin:0 0 14px;} .saldoc-quals{font-size:15.5px;line-height:1.7;color:#3c4a5a;} .saldoc-exp{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;} .saldoc-exp li{position:relative;padding-left:30px;font-size:15px;line-height:1.5;color:var(--sal-ink);font-weight:500;} .saldoc-exp li::before{content:"\2713";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%; background:#eafbe9;color:var(--sal-green-dark);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;} /* Sidebar */ .saldoc-side{position:sticky;top:150px;display:flex;flex-direction:column;gap:18px;} .saldoc-scard{background:#fff;border:1px solid var(--sal-line);border-radius:16px;padding:24px;box-shadow:0 12px 30px rgba(9,32,60,.06);} .saldoc-scard h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:16px;color:var(--sal-navy);margin:0 0 14px;} .saldoc-scard ul{list-style:none;margin:0;padding:0;} .saldoc-scard li{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid var(--sal-line);} .saldoc-scard li:last-child{border-bottom:0;} .saldoc-scard li span{font-size:12px;color:var(--sal-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600;} .saldoc-scard li b{font-family:"Inter",sans-serif;font-weight:600;font-size:14.5px;color:var(--sal-ink);} .saldoc-scard li b a{color:var(--sal-navy);} .saldoc-book{background:linear-gradient(135deg,var(--sal-deep),var(--sal-navy));border-radius:16px;padding:24px;color:#fff;} .saldoc-book h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:17px;margin:0 0 6px;} .saldoc-book p{font-size:13.5px;color:#bcd6f0;margin:0 0 16px;line-height:1.5;} .saldoc-book .sal-btn{width:100%;justify-content:center;box-sizing:border-box;margin-bottom:10px;} .saldoc-book .sal-btn:last-child{margin-bottom:0;} /* Related */ .saldoc-related{margin-top:44px;} @media (max-width:900px){ .saldoc-hero{grid-template-columns:1fr;text-align:center;} .saldoc-photo{max-width:240px;margin:0 auto;} .saldoc-quick,.saldoc-cta{justify-content:center;} .saldoc-body{grid-template-columns:1fr;} .saldoc-side{position:static;} .saldoc-exp{grid-template-columns:1fr;} } /* ========================================================================== DOCTORS ARCHIVE (/doctors/) ========================================================================== */ .saldoc-archive{max-width:var(--sal-max);margin:0 auto;padding:clamp(30px,4vw,54px) clamp(20px,4vw,44px) 72px;} .saldoc-archive-head{text-align:center;max-width:720px;margin:0 auto clamp(28px,4vw,44px);} .saldoc-archive-head .sal-kick{justify-content:center;} .saldoc-archive-head h1{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(30px,4vw,46px); letter-spacing:-.02em;color:var(--sal-navy);margin:0 0 12px;} .saldoc-archive-head p{font-size:16.5px;line-height:1.7;color:var(--sal-muted);margin:0;} /* Slight polish on the plugin cards for the archive context */ .saldoc-archive .sal-doc-card{border:1px solid var(--sal-line);border-radius:16px;overflow:hidden; box-shadow:0 12px 30px rgba(9,32,60,.06);transition:transform .2s ease,box-shadow .2s ease;} .saldoc-archive .sal-doc-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(9,32,60,.14);} /* ========================================================================== CONTACT FORM 7 — branded form styling (wrap form column in .sal-form) ========================================================================== */ .sal-form{background:#fff;border:1px solid var(--sal-line);border-radius:16px; padding:clamp(26px,3.5vw,44px);box-shadow:0 16px 40px rgba(9,32,60,.07);} .sal-form .wpcf7-form > p{margin:0 0 16px;} .sal-form label{display:block;font-family:"Archivo",sans-serif;font-weight:600;font-size:13.5px;color:var(--sal-ink);margin-bottom:6px;} .sal-form input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=file]), .sal-form select,.sal-form textarea{ width:100%;box-sizing:border-box;padding:13px 15px;border:1.5px solid var(--sal-line);border-radius:8px; font-size:15px;font-family:"Inter",sans-serif;color:var(--sal-ink);background:#fff;transition:border-color .15s ease;} .sal-form input:focus,.sal-form select:focus,.sal-form textarea:focus{outline:none;border-color:var(--sal-green);} .sal-form textarea{min-height:120px;resize:vertical;} .sal-form select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:42px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2312447e' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;} /* radios / checkboxes */ .sal-form .wpcf7-radio .wpcf7-list-item,.sal-form .wpcf7-checkbox .wpcf7-list-item{display:inline-block;margin:0 14px 8px 0;} .sal-form .wpcf7-list-item-label{font-weight:500;font-size:14.5px;color:var(--sal-ink);cursor:pointer;} .sal-form .wpcf7-acceptance{font-size:13.5px;color:var(--sal-muted);} .sal-form input[type=radio],.sal-form input[type=checkbox]{accent-color:var(--sal-green);margin-right:6px;} /* file upload */ .sal-form input[type=file]{width:100%;box-sizing:border-box;padding:11px 14px;border:1.5px dashed var(--sal-line);border-radius:8px;font-size:14px;background:var(--sal-paper);cursor:pointer;} /* submit */ .sal-form input[type=submit],.sal-form .wpcf7-submit{background:var(--sal-green);color:#fff;border:0; font-family:"Archivo",sans-serif;font-weight:700;font-size:16px;padding:15px 36px;border-radius:8px;cursor:pointer; transition:background .16s ease,transform .16s ease;width:auto;} .sal-form input[type=submit]:hover,.sal-form .wpcf7-submit:hover{background:var(--sal-green-dark);transform:translateY(-2px);} .sal-form .wpcf7-spinner{margin:10px auto 0;display:block;} /* validation + response messages */ .sal-form .wpcf7-not-valid-tip{color:#c0392b;font-size:12.5px;margin-top:5px;} .sal-form .wpcf7-not-valid{border-color:#e57373 !important;} .sal-form .wpcf7-response-output{border-radius:8px;padding:12px 16px !important;margin:18px 0 0 !important;font-size:14px;} /* Optional 2-column layout: add .sal-form-2col alongside .sal-form */ .sal-form-2col .wpcf7-form{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;} .sal-form-2col .wpcf7-form > p:has(textarea), .sal-form-2col .wpcf7-form > p:has(.wpcf7-submit), .sal-form-2col .wpcf7-form > p:has(input[type=file]), .sal-form-2col .wpcf7-form > p:has(.wpcf7-radio), .sal-form-2col .wpcf7-form > p.sal-full{grid-column:1 / -1;} @media (max-width:640px){.sal-form-2col .wpcf7-form{grid-template-columns:1fr;}} /* Contact info list (for the Contact Us page) */ .sal-contact-info{list-style:none;margin:0;padding:0;} .sal-contact-info li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--sal-line);} .sal-contact-info li:last-child{border-bottom:0;} .sal-contact-info .ci{flex:0 0 auto;width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,var(--sal-navy),#1a5da6); display:flex;align-items:center;justify-content:center;font-size:20px;} .sal-contact-info b{display:block;font-family:"Archivo",sans-serif;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--sal-muted);margin-bottom:3px;} .sal-contact-info span{font-size:15.5px;color:var(--sal-ink);line-height:1.5;} .sal-contact-info a{color:var(--sal-navy);text-decoration:none;} /* ========================================================================== HOMEPAGE v5 — Centres of Excellence (2+3, equal height) + testimonials slider ========================================================================== */ /* Centres of Excellence — sexy equal-height overlay cards (column = card) */ .salh-coe-col{margin-bottom:24px;} .salh-coe-col > .vc_column-inner{position:relative;min-height:300px;border-radius:18px;overflow:hidden; display:flex;flex-direction:column;padding:24px !important;color:#fff; box-shadow:0 16px 40px rgba(9,32,60,.14);background:var(--sal-navy);height:100%;} .salh-coe-col > .vc_column-inner > .wpb_wrapper{height:100%;flex:1;display:flex;flex-direction:column;} .salh-coe-img{position:absolute !important;inset:0;margin:0 !important;z-index:0;height:100%;width:100%;} .salh-coe-img, .salh-coe-img .wpb_wrapper, .salh-coe-img figure, .salh-coe-img .vc_figure, .salh-coe-img .vc_single_image-wrapper{height:100% !important;width:100% !important;margin:0 !important;display:block;} .salh-coe-img img{width:100% !important;height:100% !important;object-fit:cover;display:block;transition:transform .55s ease;} .salh-coe-col > .vc_column-inner::after{content:"";position:absolute;inset:0;z-index:1; background:linear-gradient(180deg,rgba(9,32,60,0) 68%,rgba(9,32,60,.18) 100%);} .salh-coe-col:hover .salh-coe-img img{transform:scale(1.06);} .salh-coe-inner{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;width:100%;} /* the REAL flex container is the inner wpb_wrapper that holds h3/p */ .salh-coe-inner > .wpb_wrapper{flex:1;width:100%;display:flex;flex-direction:column;align-items:flex-start;} .salh-coe-inner .ico{display:none;} /* WordPress auto-wraps the icon in its own

— hide it */ .salh-coe-inner > .wpb_wrapper > p:has(.ico){display:none !important;} /* TITLE bar — top-left, and push everything after it to the bottom */ .salh-coe-inner h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:22px;line-height:1.15;color:#fff; width:fit-content;max-width:100%;background:var(--sal-navy);padding:7px 14px;margin:0 0 auto 0;border-radius:9px;box-shadow:0 8px 22px rgba(0,0,0,.22);} /* DESCRIPTION bar — sits at the bottom */ .salh-coe-inner p{display:none;} /* the paragraph that wraps the green button must have NO navy bar */ .salh-coe-inner p:has(.go){display:block !important;background:none !important;box-shadow:none !important;padding:0 !important;margin:0 !important;align-self:flex-end;} /* EXPLORE — clean green button on the image */ .salh-coe-inner .go{font-family:"Archivo",sans-serif;font-weight:700;font-size:13px;color:#fff;text-decoration:none; display:inline-flex;align-items:center;gap:7px;width:fit-content;background:var(--sal-green);padding:9px 16px;border-radius:9px;box-shadow:0 8px 20px rgba(58,170,53,.35);} .salh-coe-col:hover .salh-coe-inner .go{gap:11px;} /* Testimonials slider */ .sal-tst-slider{position:relative;overflow:hidden;padding:4px 0 8px;} .sal-tst-track{display:flex;align-items:flex-start;gap:20px;will-change:transform;} .sal-tst-track .sal-tst-card{flex:0 0 auto;margin:0;box-sizing:border-box;} .sal-tst-track.is-animating{transition:transform .6s cubic-bezier(.4,0,.2,1);} .sal-tst-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0; background:#fff;box-shadow:0 8px 22px rgba(9,32,60,.16);color:var(--sal-navy);font-size:22px;cursor:pointer;z-index:3;line-height:1;transition:background .15s,color .15s;} .sal-tst-nav:hover{background:var(--sal-green);color:#fff;} .sal-tst-nav.prev{left:-6px;}.sal-tst-nav.next{right:-6px;} .sal-tst-dots{display:flex;justify-content:center;gap:8px;margin-top:22px;flex-wrap:wrap;} .sal-tst-dot{width:9px;height:9px;border-radius:50%;border:0;background:#cdd8e4;cursor:pointer;padding:0;transition:all .15s;} .sal-tst-dot.on{background:var(--sal-green);width:26px;border-radius:5px;} /* ========================================================================== HOMEPAGE v6 — Centres spacing/sizing + full mobile polish ========================================================================== */ /* Centres of Excellence: gap between cards + slightly smaller */ .salh-coe-col{padding-left:11px !important;padding-right:11px !important;margin-bottom:22px;} .salh-coe-col > .vc_column-inner{min-height:288px;padding:26px 26px !important;} /* ---------- Mobile ---------- */ @media (max-width:768px){ /* tighter vertical rhythm between stacked sections */ .salh-section{margin-top:14px !important;margin-bottom:14px !important;} /* Hero — taller, weightier banner on mobile */ .salh-hero{border-radius:16px;} .salh-hero-left .vc_column-inner{padding:44px 24px 40px !important;} .salh-hero-left h1,.salh-hero-title{font-size:34px !important;line-height:1.06;} .salh-hero-sub{font-size:15.5px;} .salh-hero-right .wpb_single_image img,.salh-hero-img img{min-height:320px;} /* Hero stats ([sal_hero_facts]) -> clean 2x2 grid with dividers */ .sal-hfacts{display:grid !important;grid-template-columns:1fr 1fr !important; gap:22px 0 !important;flex-wrap:initial !important;} .sal-hfact{padding:0 18px !important;position:relative;} .sal-hfact:nth-child(odd){padding-left:0 !important;} .sal-hfact:nth-child(even){border-left:1px solid rgba(255,255,255,.14);} .sal-hfact + .sal-hfact::before{display:none !important;} .sal-hfact-n{font-size:30px !important;} .sal-hfact-l{font-size:13px !important;} .salh-hero-trust{gap:18px 22px;} .salh-hero-trust .t b{font-size:22px;} /* Centres — full width, no side padding, a touch smaller, clear gaps */ .salh-coe-col{padding-left:0 !important;padding-right:0 !important;margin-bottom:16px;} .salh-coe-col > .vc_column-inner{min-height:240px;padding:22px 20px !important;} .salh-coe-inner h3{font-size:20px;} /* Inquiry / accreditations */ .salh-inq-form .vc_column-inner{padding:26px 22px !important;} .salh-accred .wpb_single_image img,.sal-accred img{height:46px;} /* Section headings a touch smaller */ .sal-h2{font-size:26px !important;} } @media (max-width:480px){ .salh-hero-cta{flex-direction:column;align-items:stretch;} .salh-hero-cta .sal-btn{width:100%;justify-content:center;} .salsp-hero .hcta .sal-btn{width:100%;justify-content:center;} } /* ========================================================================== HOMEPAGE — "Inside SAL Hospital" masonry bento (video + 6 photos) Deterministic grid-template-areas so placement never scatters. ========================================================================== */ .salh-infra-grid{display:grid !important;grid-template-columns:repeat(4,1fr);grid-auto-rows:185px;gap:14px; grid-template-areas:"vid vid a b" "vid vid c c" "d e e f";} .salh-infra-grid > .wpb_column{width:auto !important;min-width:0;margin:0 !important;padding:0 !important;} .salh-infra-grid > .wpb_column > .vc_column-inner{padding:0 !important;height:100%;} .salh-infra-grid > .wpb_column > .vc_column-inner > .wpb_wrapper{height:100%;} .ig-vid{grid-area:vid;} .ig-a{grid-area:a;} .ig-b{grid-area:b;} .ig-c{grid-area:c;} .ig-d{grid-area:d;} .ig-e{grid-area:e;} .ig-f{grid-area:f;} /* images fill their cells */ .salh-infra-grid .wpb_single_image{height:100%;margin:0;border-radius:14px;overflow:hidden;box-shadow:0 10px 26px rgba(9,32,60,.08);} .salh-infra-grid .wpb_single_image figure, .salh-infra-grid .wpb_single_image .vc_figure, .salh-infra-grid .wpb_single_image .vc_single_image-wrapper{height:100% !important;margin:0;display:block;} .salh-infra-grid .wpb_single_image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;} .salh-infra-grid .wpb_column:hover img{transform:scale(1.06);} /* video fills its (vid) cell */ .ig-vid .vc_column-inner,.ig-vid .wpb_wrapper,.ig-vid .wpb_video_widget, .ig-vid .wpb_video_widget > .wpb_wrapper,.ig-vid .wpb_video_wrapper{height:100% !important;margin:0 !important;} .ig-vid .wpb_video_wrapper{position:relative;padding:0 !important;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px rgba(9,32,60,.16);} .ig-vid iframe,.ig-vid video{position:absolute !important;inset:0;width:100% !important;height:100% !important;border:0;display:block;} @media (max-width:768px){ .salh-infra-grid{grid-template-columns:1fr 1fr;grid-auto-rows:140px; grid-template-areas:"vid vid" "vid vid" "a b" "c c" "d e" "f f";} } /* ========================================================================== SPECIALITIES DIRECTORY — [sal_spec_directory] ========================================================================== */ .sal-spec-dir{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:var(--sal-max);margin:0 auto;} .sal-spec-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px; padding:28px 18px;background:#fff;border:1px solid var(--sal-line);border-radius:16px;text-decoration:none; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;} .sal-spec-tile:hover{transform:translateY(-5px);border-color:var(--sal-green);box-shadow:0 18px 40px rgba(9,32,60,.12);} .sal-spec-ic{width:60px;height:60px;border-radius:16px;background:var(--sal-mist);color:var(--sal-navy); display:flex;align-items:center;justify-content:center;transition:background .18s ease,color .18s ease;} .sal-spec-tile:hover .sal-spec-ic{background:var(--sal-green);color:#fff;} .sal-spec-ic svg{width:30px;height:30px;} .sal-spec-name{font-family:"Archivo",sans-serif;font-weight:700;font-size:15px;color:var(--sal-navy);line-height:1.25;} @media (max-width:900px){.sal-spec-dir{grid-template-columns:repeat(3,1fr);gap:14px;}} @media (max-width:620px){.sal-spec-dir{grid-template-columns:repeat(2,1fr);}} @media (max-width:380px){.sal-spec-dir{grid-template-columns:1fr;}} /* Speciality directory — image tiles (fallback = icon tile above) */ .sal-spec-tile.has-img{padding:0;overflow:hidden;position:relative;min-height:170px;justify-content:flex-end;border:0;background:var(--sal-navy);} .sal-spec-photo{position:absolute;inset:0;} .sal-spec-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;} .sal-spec-tile.has-img::after{content:"";position:absolute;inset:0; background:linear-gradient(180deg,rgba(9,32,60,0) 40%,rgba(9,32,60,.55) 70%,rgba(6,20,40,.92) 100%);} .sal-spec-tile.has-img:hover img{transform:scale(1.07);} .sal-spec-cap{position:relative;z-index:2;width:100%;padding:16px 16px 18px;box-sizing:border-box; font-family:"Archivo",sans-serif;font-weight:700;font-size:15px;line-height:1.25;color:#fff;text-align:left; text-shadow:0 2px 10px rgba(0,0,0,.5);} /* ========================================================================== ABOUT PAGE (.salab-*) ========================================================================== */ /* Hero */ .salab-hero .vc_column-inner{padding:clamp(48px,6vw,86px) clamp(24px,4vw,54px) !important; background:linear-gradient(115deg,var(--sal-deep),var(--sal-navy) 62%,var(--sal-green-dark)); border-radius:20px;color:#fff;position:relative;overflow:hidden;} .salab-hero .vc_column-inner::after{content:"+";position:absolute;right:-30px;top:-80px;font-family:"Archivo",sans-serif; font-weight:900;font-size:280px;color:rgba(255,255,255,.06);line-height:1;} .salab-hero .crumb{font-size:13px;color:#a9c4e0;margin-bottom:14px;position:relative;z-index:1;} .salab-hero h1{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(32px,4.6vw,54px);letter-spacing:-.02em; margin:0 0 14px;color:#fff;position:relative;z-index:1;} .salab-hero p{font-size:clamp(16px,1.5vw,19px);line-height:1.65;color:#d6e4f2;max-width:760px;margin:0;position:relative;z-index:1;} .salab-hero .ital{font-family:"Spectral",serif;font-style:italic;font-weight:400;color:#9fe0a0;} /* Intro copy + image */ .salab-copy p{font-size:16.5px;line-height:1.85;color:#3c4a5a;margin:0 0 16px;} .salab-copy .lead{font-size:19px;line-height:1.7;color:var(--sal-ink);font-weight:500;} .salab-photo img{width:100%;height:100%;min-height:340px;object-fit:cover;border-radius:18px;display:block; box-shadow:0 20px 44px rgba(9,32,60,.14);} .salab-photo,.salab-photo .wpb_wrapper,.salab-photo figure,.salab-photo .vc_figure, .salab-photo .vc_single_image-wrapper{height:100%;margin:0;display:block;} /* Highlights list */ .salab-hl{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;} .salab-hl li{position:relative;padding-left:30px;font-size:15px;line-height:1.5;color:var(--sal-ink);font-weight:500;} .salab-hl li::before{content:"\2713";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%; background:#eafbe9;color:var(--sal-green-dark);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;} /* Mission / Vision cards */ .salab-mv .vc_column-inner{padding:0 11px !important;} .salab-mv-card{background:#fff;border:1px solid var(--sal-line);border-radius:18px;padding:32px 30px;height:100%; box-shadow:0 14px 34px rgba(9,32,60,.07);box-sizing:border-box;position:relative;overflow:hidden;} .salab-mv-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--sal-green);} .salab-mv-card.navy::before{background:var(--sal-navy);} .salab-mv-card .lbl{font-family:"Archivo",sans-serif;font-weight:800;font-size:12px;letter-spacing:.12em; text-transform:uppercase;color:var(--sal-green-dark);margin-bottom:8px;display:block;} .salab-mv-card.navy .lbl{color:var(--sal-navy);} .salab-mv-card h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:20px;letter-spacing:.01em; color:var(--sal-navy);margin:0 0 14px;line-height:1.25;} .salab-mv-card p{font-size:15.5px;line-height:1.75;color:#3c4a5a;margin:0;} /* Philosophy band */ .salab-phil .vc_column-inner{background:linear-gradient(120deg,var(--sal-deep),var(--sal-navy));border-radius:20px; padding:clamp(38px,4.5vw,60px) clamp(24px,4vw,54px) !important;color:#fff;text-align:center;} .salab-phil h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(24px,3vw,36px);margin:0 0 12px;color:#fff;} .salab-phil .ital{font-family:"Spectral",serif;font-style:italic;font-weight:400;color:#9fe0a0;} .salab-phil p{font-size:16.5px;line-height:1.7;color:#cfe0f2;max-width:760px;margin:0 auto;} @media (max-width:768px){ .salab-hl{grid-template-columns:1fr;} .salab-mv .vc_column-inner{padding:0 !important;margin-bottom:16px;} .salab-photo img{min-height:220px;} } /* ========================================================================== SPECIALITY BOXES — the COLUMN-INNER *is* the card (it always spans the full column; the inner .wpb_wrapper does not). Same fix as the COE cards. ========================================================================== */ .salh-sp > .wpb_column > .vc_column-inner{ background:#fff;border:1px solid var(--sal-line);border-radius:16px;overflow:hidden; box-shadow:0 12px 30px rgba(9,32,60,.07); padding:0 !important;height:100%;width:100%;box-sizing:border-box; display:flex;flex-direction:column; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;} .salh-sp > .wpb_column > .vc_column-inner:hover{transform:translateY(-6px); border-color:var(--sal-green);box-shadow:0 24px 50px rgba(9,32,60,.14);} .salh-sp > .wpb_column > .vc_column-inner > .wpb_wrapper{ display:flex;flex-direction:column;flex:1;width:100%;} /* square image filling the card width (also while the slot is empty) */ .salh-sp .wpb_single_image{margin:0 !important;line-height:0;width:100%;} .salh-sp .wpb_single_image .wpb_wrapper, .salh-sp .wpb_single_image figure, .salh-sp .wpb_single_image .vc_figure, .salh-sp .wpb_single_image .vc_single_image-wrapper{display:block !important;width:100% !important;margin:0 !important;} .salh-sp .wpb_single_image img{width:100% !important;max-width:none !important;aspect-ratio:1/1;height:auto;object-fit:cover;display:block;} /* title area flexes so all cards match height regardless of name length */ .salh-sp .wpb_text_column{margin:0 !important;padding:18px 14px;text-align:center;flex:1; display:flex;align-items:center;justify-content:center;} .salh-sp .wpb_text_column a{font-family:"Archivo",sans-serif;font-weight:700;font-size:17px; color:var(--sal-navy);text-decoration:none;line-height:1.3;display:block;} .salh-sp > .wpb_column > .vc_column-inner:hover .wpb_text_column a{color:var(--sal-green-dark);} .salh-sp-btn{text-align:center;margin-top:16px;} @media (max-width:520px){ .salh-sp .wpb_text_column{padding:13px 8px;} .salh-sp .wpb_text_column a{font-size:14px;} } /* ========================================================================== HEALTH CHECK-UP PLANS (.salhc-*) ========================================================================== */ /* Plan cards on the directory */ .salhc-card > .wpb_column > .vc_column-inner, .salhc-card .vc_column-inner{height:100%;} .salhc-cards > .wpb_column > .vc_column-inner{ background:#fff;border:1px solid var(--sal-line);border-radius:18px;padding:26px 24px 24px !important; height:100%;box-sizing:border-box;display:flex;flex-direction:column; box-shadow:0 12px 30px rgba(9,32,60,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;} .salhc-cards > .wpb_column > .vc_column-inner:hover{transform:translateY(-6px);border-color:var(--sal-green); box-shadow:0 24px 50px rgba(9,32,60,.14);} .salhc-tag{display:inline-block;font-family:"Archivo",sans-serif;font-weight:700;font-size:11px;letter-spacing:.07em; text-transform:uppercase;color:var(--sal-green-dark);background:#eafbe9;padding:5px 11px;border-radius:20px;margin-bottom:12px;} .salhc-name{font-family:"Archivo",sans-serif;font-weight:800;font-size:21px;color:var(--sal-navy);margin:0 0 6px;line-height:1.2;} .salhc-price{font-family:"Archivo",sans-serif;font-weight:800;font-size:30px;color:var(--sal-green-dark);margin:0 0 14px;line-height:1;} .salhc-price small{font-size:14px;color:var(--sal-muted);font-weight:600;} .salhc-list{list-style:none;margin:0 0 18px;padding:0;flex:1;} .salhc-list li{position:relative;padding-left:24px;font-size:14px;line-height:1.5;color:#3c4a5a;margin-bottom:8px;} .salhc-list li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--sal-green-dark);font-weight:800;font-size:12px;} .salhc-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;} .salhc-actions .sal-btn{flex:1;justify-content:center;text-align:center;font-size:13.5px;padding:11px 12px;box-sizing:border-box;} /* Detail page */ .salhc-hero .vc_column-inner{background:linear-gradient(115deg,var(--sal-deep),var(--sal-navy) 65%,var(--sal-green-dark)); border-radius:20px;padding:clamp(36px,5vw,64px) clamp(24px,4vw,52px) !important;color:#fff;} .salhc-hero .crumb{font-size:13px;color:#a9c4e0;margin-bottom:12px;} .salhc-hero h1{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(28px,4vw,46px);margin:0 0 10px;color:#fff;} .salhc-hero .p{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(30px,4vw,44px);color:#9fe0a0;margin:0 0 20px;line-height:1;} .salhc-hero .hcta{display:flex;gap:12px;flex-wrap:wrap;} .salhc-hero .hcta .sal-btn{box-sizing:border-box;} /* Test list grouped by category */ .salhc-tests{display:grid;grid-template-columns:1fr 1fr;gap:16px;} .salhc-grp{background:#fff;border:1px solid var(--sal-line);border-radius:14px;padding:20px 22px; box-shadow:0 10px 26px rgba(9,32,60,.05);} .salhc-grp b{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:13px;letter-spacing:.05em; text-transform:uppercase;color:var(--sal-green-dark);margin-bottom:8px;} .salhc-grp span{font-size:14.5px;line-height:1.65;color:#3c4a5a;} /* Comparison table */ .salhc-compare{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;border-radius:14px;overflow:hidden; box-shadow:0 12px 30px rgba(9,32,60,.07);} .salhc-compare th,.salhc-compare td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--sal-line);} .salhc-compare thead th{background:var(--sal-navy);color:#fff;font-family:"Archivo",sans-serif;font-weight:700;font-size:13px; letter-spacing:.04em;text-transform:uppercase;} .salhc-compare tbody tr:hover{background:var(--sal-paper);} .salhc-compare td.pr{font-family:"Archivo",sans-serif;font-weight:800;color:var(--sal-green-dark);white-space:nowrap;} .salhc-compare td a{color:var(--sal-navy);font-weight:700;text-decoration:none;white-space:nowrap;} .salhc-compare td a:hover{color:var(--sal-green-dark);} .salhc-scroll{overflow-x:auto;} @media (max-width:768px){ .salhc-tests{grid-template-columns:1fr;} .salhc-actions{flex-direction:column;} .salhc-actions .sal-btn{width:100%;} } /* ========================================================================== SPECIALTY HERO — two columns: copy left, custom image right ========================================================================== */ .salsp-hero > .wpb_column{display:flex;} .salsp-hero > .wpb_column > .vc_column-inner{width:100%;display:flex;flex-direction:column;justify-content:center;} /* the image column */ .salsp-hero-img > .vc_column-inner{padding:0 !important;justify-content:center;} .salsp-hero-img .wpb_single_image, .salsp-hero-img .wpb_single_image .wpb_wrapper, .salsp-hero-img .wpb_single_image figure, .salsp-hero-img .wpb_single_image .vc_figure, .salsp-hero-img .wpb_single_image .vc_single_image-wrapper{display:block !important;width:100% !important;margin:0 !important;line-height:0;} .salsp-hero-img .wpb_single_image img{width:100% !important;max-width:none !important;aspect-ratio:4/3;object-fit:cover; display:block;border-radius:18px;box-shadow:0 24px 54px rgba(0,0,0,.28);} @media (max-width:900px){ .salsp-hero > .wpb_column{width:100% !important;} .salsp-hero-img{margin-top:24px;} .salsp-hero-img .wpb_single_image img{aspect-ratio:16/9;} } /* ========================================================================== SPECIALTY END CTA — compact card, centred heading, buttons in one row ========================================================================== */ .salsp-cta > .wpb_column > .vc_column-inner{ background:linear-gradient(120deg,var(--sal-deep),var(--sal-navy) 70%,var(--sal-green-dark)); border-radius:20px;padding:44px 40px !important;text-align:center; box-shadow:0 20px 46px rgba(9,32,60,.18);} .salsp-cta h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(22px,2.6vw,32px); line-height:1.3;color:#fff;margin:0 0 22px;max-width:720px;margin-left:auto;margin-right:auto;} .salsp-cta h2 .ital{font-family:"Spectral",serif;font-style:italic;font-weight:400;color:#9fe0a0; font-size:1em;display:inline;} .salsp-cta .cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;} .salsp-cta .cta-btns .sal-btn{min-width:170px;justify-content:center;box-sizing:border-box;} @media (max-width:600px){ .salsp-cta > .wpb_column > .vc_column-inner{padding:32px 22px !important;} .salsp-cta .cta-btns{flex-direction:column;} .salsp-cta .cta-btns .sal-btn{width:100%;} } /* ========================================================================== FIXES — WhatsApp button, CTA heading colour, specialty image band ========================================================================== */ /* 1) WhatsApp button (this class was missing entirely → invisible button) */ .sal-btn-wa{background:#25D366 !important;color:#fff !important;} .sal-btn-wa:hover{background:#1da851 !important;color:#fff !important;} /* 2) CTA heading: force white on the navy card (was inheriting navy on navy) */ .salsp-cta h2, .salsp-cta .wpb_text_column h2, .salsp-cta .wpb_wrapper h2{color:#fff !important;} .salsp-cta h2 .ital{color:#9fe0a0 !important;} .salsp-cta .sal-btn{text-decoration:none;} /* 3) Specialty image band: force the whole WPBakery image chain to fill it */ .salsp-imgband > .wpb_column, .salsp-imgband > .wpb_column > .vc_column-inner{width:100% !important;padding:0 !important;} .salsp-imgband .wpb_single_image, .salsp-imgband .wpb_single_image .wpb_wrapper, .salsp-imgband .wpb_single_image figure, .salsp-imgband .wpb_single_image .vc_figure, .salsp-imgband .wpb_single_image .vc_single_image-wrapper{display:block !important;width:100% !important;margin:0 !important;line-height:0;} .salsp-imgband .wpb_single_image img{width:100% !important;max-width:none !important; height:clamp(240px,30vw,380px) !important;object-fit:cover;object-position:center;display:block;} /* Breadcrumb links (hero) */ .salsp-hero .crumb a,.salhc-hero .crumb a,.salab-hero .crumb a{color:#9fe0a0;text-decoration:none;font-weight:700;} .salsp-hero .crumb a:hover,.salhc-hero .crumb a:hover,.salab-hero .crumb a:hover{color:#fff;text-decoration:underline;} .salsp-hero .crumb,.salhc-hero .crumb,.salab-hero .crumb{color:#bcd6f0;} /* ========================================================================== DIAGNOSTIC SERVICES + PATIENT SUPPORT SERVICES (.saldx-* / .salps-*) ========================================================================== */ /* Service group cards */ .saldx-cards > .wpb_column > .vc_column-inner{ background:#fff;border:1px solid var(--sal-line);border-radius:18px;padding:30px 28px !important; height:100%;box-sizing:border-box;display:flex;flex-direction:column; box-shadow:0 12px 30px rgba(9,32,60,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;} .saldx-cards > .wpb_column > .vc_column-inner:hover{transform:translateY(-6px);border-color:var(--sal-green); box-shadow:0 24px 50px rgba(9,32,60,.14);} .saldx-badge{display:inline-block;font-family:"Archivo",sans-serif;font-weight:800;font-size:11px;letter-spacing:.09em; text-transform:uppercase;color:var(--sal-green-dark);background:#eafbe9;padding:6px 12px;border-radius:20px;margin-bottom:14px;} .saldx-cards h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:22px;color:var(--sal-navy);margin:0 0 8px;line-height:1.25;} .saldx-cards p{font-size:15px;line-height:1.7;color:#3c4a5a;margin:0 0 16px;} .saldx-list{list-style:none;margin:0;padding:0;} .saldx-list li{position:relative;padding-left:26px;font-size:15px;line-height:1.6;color:var(--sal-ink);margin-bottom:9px;font-weight:500;} .saldx-list li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%; background:var(--sal-green);} /* Big service rows (Pharmacy / Blood Storage / Ambulance) */ .salps-row > .wpb_column > .vc_column-inner{ background:#fff;border:1px solid var(--sal-line);border-radius:18px;padding:32px 30px !important;height:100%; box-sizing:border-box;box-shadow:0 12px 30px rgba(9,32,60,.07);position:relative;overflow:hidden; transition:transform .18s ease,box-shadow .18s ease;} .salps-row > .wpb_column > .vc_column-inner::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--sal-green);} .salps-row > .wpb_column > .vc_column-inner:hover{transform:translateY(-5px);box-shadow:0 22px 46px rgba(9,32,60,.13);} .salps-247{display:inline-block;font-family:"Archivo",sans-serif;font-weight:800;font-size:12px;letter-spacing:.08em; color:#fff;background:var(--sal-navy);padding:5px 12px;border-radius:20px;margin-bottom:12px;} .salps-row h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:21px;color:var(--sal-navy);margin:0 0 10px;} .salps-row p{font-size:15px;line-height:1.75;color:#3c4a5a;margin:0 0 14px;} .salps-row .num{font-family:"Archivo",sans-serif;font-weight:800;font-size:17px;color:var(--sal-green-dark);} .salps-row .num a{color:var(--sal-green-dark);text-decoration:none;} /* ========================================================================== ABOUT PAGE — section designs + readability fixes ========================================================================== */ /* FIX: navy heading on navy band was unreadable */ .salab-phil h2,.salab-phil .wpb_wrapper h2{color:#fff !important;} .salab-phil h2 .ital{color:#9fe0a0 !important;} .salab-phil p{color:#cfe0f2 !important;} /* 1) "Recognised for our expertise" — specialty pill grid */ .salab-exp .vc_column-inner{background:linear-gradient(135deg,var(--sal-paper),var(--sal-mist)); border:1px solid var(--sal-line);border-radius:22px;padding:44px 40px !important;} .salab-exp .sal-h2{text-align:center;margin-bottom:10px;} .salab-exp .sal-lead{text-align:center;max-width:760px;margin:0 auto 26px;} .salab-expgrid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:26px;} .salab-expgrid a{font-family:"Archivo",sans-serif;font-weight:700;font-size:14.5px;color:var(--sal-navy); text-decoration:none;background:#fff;border:1.5px solid var(--sal-line);border-radius:40px;padding:11px 20px; transition:all .16s ease;white-space:nowrap;} .salab-expgrid a:hover{background:var(--sal-navy);border-color:var(--sal-navy);color:#fff;transform:translateY(-2px); box-shadow:0 10px 24px rgba(9,32,60,.16);} /* 2 & 3) Quality & Community — two feature panels with big numerals */ .salab-panels > .wpb_column > .vc_column-inner{border-radius:20px;padding:38px 34px !important;height:100%; box-sizing:border-box;position:relative;overflow:hidden;display:flex;flex-direction:column; transition:transform .18s ease,box-shadow .18s ease;} .salab-panels > .wpb_column > .vc_column-inner:hover{transform:translateY(-6px);box-shadow:0 26px 54px rgba(9,32,60,.18);} /* left panel = navy (quality), right panel = white (community) */ .salab-panel-navy > .vc_column-inner{background:linear-gradient(140deg,var(--sal-deep),var(--sal-navy)); box-shadow:0 16px 40px rgba(9,32,60,.16);} .salab-panel-light > .vc_column-inner{background:#fff;border:1px solid var(--sal-line); box-shadow:0 14px 34px rgba(9,32,60,.08);} .salab-panels .kick{display:inline-block;font-family:"Archivo",sans-serif;font-weight:800;font-size:11px; letter-spacing:.12em;text-transform:uppercase;padding:6px 13px;border-radius:20px;margin-bottom:16px;} .salab-panel-navy .kick{background:rgba(255,255,255,.14);color:#9fe0a0;} .salab-panel-light .kick{background:#eafbe9;color:var(--sal-green-dark);} .salab-panels h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:26px;margin:0 0 14px;line-height:1.2;} .salab-panel-navy h3{color:#fff;} .salab-panel-light h3{color:var(--sal-navy);} .salab-panels p{font-size:15.5px;line-height:1.8;margin:0 0 18px;} .salab-panel-navy p{color:#cfe0f2;} .salab-panel-light p{color:#3c4a5a;} .salab-panels ul{list-style:none;margin:auto 0 0;padding:0;} .salab-panels li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.6;margin-bottom:9px;font-weight:500;} .salab-panel-navy li{color:#e3edf7;} .salab-panel-light li{color:var(--sal-ink);} .salab-panels li::before{content:"\2713";position:absolute;left:0;top:0;font-weight:800;font-size:12px;} .salab-panel-navy li::before{color:#9fe0a0;} .salab-panel-light li::before{color:var(--sal-green-dark);} @media (max-width:768px){ .salab-exp .vc_column-inner{padding:30px 20px !important;} .salab-panels > .wpb_column > .vc_column-inner{padding:28px 24px !important;margin-bottom:16px;} } /* ========================================================================== PATIENT FAQ PAGE (.salfq-*) ========================================================================== */ .salfq-group{margin-bottom:8px;} .salfq-group h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:20px;color:var(--sal-navy); margin:0 0 4px;display:flex;align-items:center;gap:12px;} .salfq-group h3::before{content:"";width:26px;height:3px;background:var(--sal-green);border-radius:2px;flex:none;} .salfq-group p{font-size:15px;color:var(--sal-muted);margin:0 0 18px;padding-left:38px;} /* quick help strip */ .salfq-help > .wpb_column > .vc_column-inner{background:#fff;border:1px solid var(--sal-line);border-radius:16px; padding:24px 22px !important;height:100%;box-sizing:border-box;text-align:center; box-shadow:0 10px 26px rgba(9,32,60,.06);transition:transform .18s ease,border-color .18s ease;} .salfq-help > .wpb_column > .vc_column-inner:hover{transform:translateY(-4px);border-color:var(--sal-green);} .salfq-help b{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:16px;color:var(--sal-navy);margin-bottom:4px;} .salfq-help span{display:block;font-size:14px;color:var(--sal-muted);margin-bottom:10px;} .salfq-help a.num{font-family:"Archivo",sans-serif;font-weight:800;font-size:17px;color:var(--sal-green-dark);text-decoration:none;} /* Patient FAQ — story intro + room category grid */ .salfq-story .vc_column-inner{background:linear-gradient(135deg,var(--sal-paper),var(--sal-mist)); border:1px solid var(--sal-line);border-radius:22px;padding:44px 42px !important;} .salfq-story h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(24px,3vw,34px); color:var(--sal-navy);margin:0 0 16px;line-height:1.3;} .salfq-story h2 .ital{font-family:"Spectral",serif;font-style:italic;font-weight:400;color:var(--sal-green-dark);} .salfq-story p{font-size:16.5px;line-height:1.85;color:#3c4a5a;margin:0 0 14px;max-width:820px;} .salfq-story p:last-child{margin-bottom:0;} .salfq-rooms{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 4px;} .salfq-room{background:var(--sal-paper);border:1px solid var(--sal-line);border-left:4px solid var(--sal-green); border-radius:10px;padding:14px 16px;} .salfq-room b{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:14.5px; color:var(--sal-navy);margin-bottom:3px;} .salfq-room span{font-size:14px;line-height:1.55;color:#3c4a5a;} .salfq-note{background:#eafbe9;border-radius:10px;padding:13px 16px;font-size:14.5px;line-height:1.6; color:var(--sal-ink);margin-top:12px;} .salfq-note b{color:var(--sal-green-dark);} @media (max-width:700px){.salfq-rooms{grid-template-columns:1fr;}.salfq-story .vc_column-inner{padding:28px 22px !important;}} /* ========================================================================== INTERNATIONAL PATIENTS (.salip-*) ========================================================================== */ /* Procedure volume stats */ .salip-vol > .wpb_column > .vc_column-inner{background:#fff;border:1px solid var(--sal-line);border-radius:16px; padding:24px 18px !important;text-align:center;height:100%;box-sizing:border-box; box-shadow:0 10px 26px rgba(9,32,60,.06);transition:transform .18s ease,border-color .18s ease;} .salip-vol > .wpb_column > .vc_column-inner:hover{transform:translateY(-5px);border-color:var(--sal-green);} .salip-vol b{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:30px;color:var(--sal-navy);line-height:1;margin-bottom:6px;} .salip-vol b i{font-style:normal;color:var(--sal-green);} .salip-vol span{display:block;font-size:13.5px;color:var(--sal-muted);line-height:1.4;} /* Service list */ .salip-svc{display:grid;grid-template-columns:1fr 1fr;gap:12px;} .salip-item{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--sal-line); border-radius:14px;padding:18px 20px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;} .salip-item:hover{transform:translateY(-4px);border-color:var(--sal-green);box-shadow:0 16px 34px rgba(9,32,60,.10);} .salip-item .ic{flex:none;width:38px;height:38px;border-radius:11px;background:var(--sal-mist);color:var(--sal-navy); display:flex;align-items:center;justify-content:center;font-family:"Archivo",sans-serif;font-weight:800;font-size:14px;} .salip-item b{display:block;font-family:"Archivo",sans-serif;font-weight:700;font-size:15.5px;color:var(--sal-navy);margin-bottom:2px;} .salip-item span{font-size:14px;line-height:1.55;color:#5b6b7b;} /* E-services links */ .salip-elinks{display:flex;flex-wrap:wrap;gap:10px;} .salip-elinks a{display:inline-flex;align-items:center;gap:8px;font-family:"Archivo",sans-serif;font-weight:600; font-size:14.5px;color:var(--sal-navy);text-decoration:none;background:#fff;border:1.5px solid var(--sal-line); border-radius:40px;padding:11px 18px;transition:all .16s ease;} .salip-elinks a:hover{background:var(--sal-navy);border-color:var(--sal-navy);color:#fff;transform:translateY(-2px);} @media (max-width:768px){.salip-svc{grid-template-columns:1fr;}} /* Medical Tourism — advantage cards + treatment pills + visa notice */ .salmt-adv{display:grid;grid-template-columns:1fr 1fr;gap:12px;} .salmt-advitem{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--sal-line); border-radius:14px;padding:18px 20px;transition:transform .16s ease,border-color .16s ease;} .salmt-advitem:hover{transform:translateY(-4px);border-color:var(--sal-green);} .salmt-advitem .tick{flex:none;width:26px;height:26px;border-radius:50%;background:#eafbe9;color:var(--sal-green-dark); display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;} .salmt-advitem span{font-size:15px;line-height:1.6;color:var(--sal-ink);font-weight:500;} .salmt-notice{background:#fff8e6;border:1px solid #f0d999;border-left:5px solid #e0a800;border-radius:14px; padding:20px 24px;margin-top:8px;} .salmt-notice b{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:15px;color:#8a6100;margin-bottom:6px;} .salmt-notice p{font-size:14.5px;line-height:1.7;color:#5c4300;margin:0 0 8px;} .salmt-notice p:last-child{margin-bottom:0;} .salmt-notice a{color:#8a6100;font-weight:700;} @media (max-width:768px){.salmt-adv{grid-template-columns:1fr;}} /* Medical Tourism hub — linked directory cards (parent page) */ .salmt-hub{display:grid;grid-template-columns:1fr 1fr;gap:14px;} .salmt-hub-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e4e9ef;border:1px solid var(--sal-line); border-radius:14px;padding:18px 20px;text-decoration:none; transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;} .salmt-hub-card:hover{transform:translateY(-4px);border-color:#3aaa35;border-color:var(--sal-green);box-shadow:0 16px 34px rgba(9,32,60,.10);} .salmt-hub-num{flex:none;width:44px;height:44px;border-radius:12px; background:#f5f8fc;background:var(--sal-mist);color:#12447e;color:var(--sal-navy); display:flex;align-items:center;justify-content:center; font-family:"Archivo",sans-serif;font-weight:800;font-size:16px;transition:background .16s ease,color .16s ease;} .salmt-hub-card:hover .salmt-hub-num{background:#3aaa35;background:var(--sal-green);color:#fff;} .salmt-hub-body{flex:1;min-width:0;} .salmt-hub-body b{display:block;font-family:"Archivo",sans-serif;font-weight:700;font-size:16px;color:#12447e;color:var(--sal-navy);margin-bottom:2px;} .salmt-hub-body span{font-size:14px;line-height:1.5;color:#5b6b7b;color:var(--sal-muted);} .salmt-hub-arrow{flex:none;font-family:"Archivo",sans-serif;font-size:26px;line-height:1;color:#c3ccd6;transition:color .16s ease,transform .16s ease;} .salmt-hub-card:hover .salmt-hub-arrow{color:#3aaa35;color:var(--sal-green);transform:translateX(3px);} @media (max-width:768px){.salmt-hub{grid-template-columns:1fr;}} /* ========================================================================== HEADER NAV + DROPDOWNS — single authoritative block ========================================================================== */ .sal-nav{position:relative;} .sal-nav > ul{display:flex;align-items:center;flex-wrap:nowrap;gap:2px;} .sal-nav > ul > li{display:flex;align-items:center;} /* Top-level labels (intentional
line breaks are preserved) */ .sal-nav > ul > li > a{ display:flex;align-items:center;justify-content:center;text-align:center; font-family:"Archivo",sans-serif;font-weight:700;font-size:16px; color:var(--sal-navy);text-decoration:none; line-height:1.25;min-height:44px;padding:9px 12px;border-radius:10px; transition:background .16s ease,color .16s ease;} .sal-nav > ul > li > a:hover{background:var(--sal-mist);color:var(--sal-green-dark);} @media (max-width:1560px){.sal-nav > ul > li > a{font-size:15px;padding:8px 9px;}} @media (max-width:1400px){.sal-nav > ul > li > a{font-size:14px;padding:8px 7px;}} /* Active page */ .sal-nav .current-menu-item > a, .sal-nav .current_page_item > a, .sal-nav .current-menu-parent > a, .sal-nav .current-menu-ancestor > a, .sal-nav .current_page_ancestor > a{background:var(--sal-navy);color:#fff;} .sal-nav .current-menu-item > a:hover, .sal-nav .current-menu-ancestor > a:hover{background:var(--sal-navy-dark);color:#fff;} /* ---------- Highlighted menu item (add class "sal-nav-cta" to the menu item in Appearance → Menus → CSS Classes). Renders as a green pill. ---------- */ .sal-nav > ul > li.sal-nav-cta > a{ background:#3aaa35;background:var(--sal-green,#3aaa35); color:#fff !important;border-radius:10px; box-shadow:0 6px 16px rgba(58,170,53,.28);} .sal-nav > ul > li.sal-nav-cta > a:hover{ background:#2f8c2b;background:var(--sal-green-dark,#2f8c2b); color:#fff !important;transform:translateY(-1px);} .sal-nav > ul > li.sal-nav-cta.current-menu-item > a, .sal-nav > ul > li.sal-nav-cta.current-menu-parent > a{ background:#2f8c2b;background:var(--sal-green-dark,#2f8c2b);color:#fff !important;} /* Highlighted SUB-menu item (add class "sal-sub-cta" to a dropdown item). A green-tinted row with a small dot so it stands out in the list. */ .sal-nav ul.sub-menu li.sal-sub-cta > a{ background:#eafbe9 !important;color:#2f8c2b !important;font-weight:700;} .sal-nav ul.sub-menu li.sal-sub-cta > a::before{height:16px !important;} .sal-nav ul.sub-menu li.sal-sub-cta > a:hover{ background:#3aaa35 !important;color:#fff !important;} /* also style it in the mobile drawer */ .sal-drawer li.sal-sub-cta > a, .sal-drawer li.sal-nav-cta > a{color:#2f8c2b !important;font-weight:700;} /* ---------- DROPDOWN: shared panel look ---------- */ .sal-nav li.menu-item-has-children{position:relative;} .sal-nav li.menu-item-has-children > ul.sub-menu{ position:absolute;top:calc(100% + 6px);left:0;right:auto; display:none;width:auto;min-width:260px;max-width:min(92vw,900px); transform:none;overflow-x:hidden; background:#fff; border:1.5px solid #12447e;border:1.5px solid var(--sal-navy); border-radius:14px; box-shadow:0 24px 56px rgba(9,32,60,.20); padding:10px;margin:0;list-style:none;z-index:200; columns:1;} .sal-nav li.menu-item-has-children:hover > ul.sub-menu{display:block;} /* invisible bridge so the panel stays open while the cursor travels down */ .sal-nav li.menu-item-has-children::after{ content:"";position:absolute;top:100%;left:0;right:0;height:10px;display:none;} .sal-nav li.menu-item-has-children:hover::after{display:block;} /* ---------- MEGA (5+ children): multi-column dropdown ---------- */ .sal-nav li.menu-item-has-children.sal-mega > ul.sub-menu{ width:max-content;max-width:min(92vw,900px);min-width:0; column-gap:8px;padding:14px 16px;border-radius:16px;} .sal-nav li.sal-mega > ul.sub-menu > li{break-inside:avoid;} /* adaptive column count */ .sal-nav li.sal-mega-c2 > ul.sub-menu{columns:2;} .sal-nav li.sal-mega-c3 > ul.sub-menu{columns:3;} .sal-nav li.sal-mega-c4 > ul.sub-menu{columns:4;} /* 4-col (specialities) spans the full nav width */ .sal-nav li.menu-item-has-children.sal-mega-c4{position:static;} .sal-nav li.sal-mega-c4 > ul.sub-menu{left:0;right:0;width:auto;max-width:none;} /* right-align dropdowns for the last 5 nav items so they don't overflow the viewport (was -n+3, expanded to -n+5 so Health Checkup is covered) */ .sal-nav > ul > li:nth-last-child(-n+5).sal-mega:not(.sal-mega-c4) > ul.sub-menu{left:auto;right:0;} /* small (non-mega) dropdowns near the right edge */ .sal-nav > ul > li:nth-last-child(-n+5):not(.sal-mega) > ul.sub-menu{left:auto;right:0;} /* ---------- Sub-menu items ---------- */ .sal-nav ul.sub-menu li{display:block;width:100%;} .sal-nav ul.sub-menu li + li > a{border-top:1px solid #eef2f7;} .sal-nav ul.sub-menu a{ display:block;position:relative;text-align:left;white-space:nowrap; font-family:"Archivo",sans-serif;font-weight:600;font-size:14.5px; color:#12447e;color:var(--sal-navy);text-decoration:none; padding:11px 14px;border-radius:8px;line-height:1.35; transition:background .15s ease,color .15s ease,padding-left .15s ease;} .sal-nav ul.sub-menu a:hover{ background:#f5f8fc;background:var(--sal-mist); color:#2f8c2b;color:var(--sal-green-dark);padding-left:20px;} .sal-nav ul.sub-menu a::before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%); width:3px;height:0;background:#3aaa35;background:var(--sal-green);border-radius:2px;transition:height .15s ease;} .sal-nav ul.sub-menu a:hover::before{height:16px;} .sal-nav ul.sub-menu .current-menu-item > a{ background:#f5f8fc;background:var(--sal-mist); color:#2f8c2b;color:var(--sal-green-dark);} /* ---------- Mobile: drawer ---------- */ @media (max-width:1240px){ .sal-nav{display:none;} .sal-burger{display:flex;} .sal-logo img{max-width:170px;} } /* ========================================================================== MOBILE DRAWER — narrower, styled, collapsible sub-menus ========================================================================== */ .sal-drawer{ width:min(78vw,300px) !important; background:#fff; box-shadow:-20px 0 60px rgba(9,32,60,.28); padding:0 !important; display:flex;flex-direction:column; overflow:hidden;} /* Header strip inside the drawer */ .sal-drawer::before{ content:"";display:block;height:64px;flex:none; background:linear-gradient(120deg,var(--sal-deep),var(--sal-navy) 70%,var(--sal-green-dark));} /* Close button — a proper circular button on the navy strip */ .sal-drawer-close{ position:absolute;top:14px;right:14px;z-index:5; width:38px;height:38px;border-radius:50%; background:rgba(255,255,255,.16) !important;border:0; color:#fff !important;font-size:22px;line-height:1; display:flex;align-items:center;justify-content:center; cursor:pointer;transition:background .16s ease,transform .16s ease;} .sal-drawer-close:hover{background:rgba(255,255,255,.3) !important;transform:rotate(90deg);} /* Scrollable menu area */ .sal-drawer .sal-drawer-menu{ flex:1;overflow-y:auto;padding:8px 14px 0;margin:0;list-style:none;} .sal-drawer li{border-bottom:1px solid #eef2f7;} .sal-drawer li:last-child{border-bottom:0;} /* Parent row: link + toggle button side by side */ .sal-acc-row{display:flex;align-items:center;justify-content:space-between;gap:8px;} .sal-drawer .sal-acc-row > a{flex:1;} .sal-drawer a{ display:block;padding:14px 6px; font-family:"Archivo",sans-serif;font-weight:700;font-size:15.5px; color:var(--sal-navy);text-decoration:none;line-height:1.3; transition:color .15s ease,padding-left .15s ease;} .sal-drawer a:hover{color:var(--sal-green-dark);padding-left:10px;} .sal-drawer .current-menu-item > .sal-acc-row > a, .sal-drawer .current-menu-item > a{color:var(--sal-green-dark);} /* + / − toggle */ .sal-acc-btn{ flex:none;width:30px;height:30px;border-radius:9px;border:1px solid var(--sal-line); background:var(--sal-paper);cursor:pointer;position:relative; display:flex;align-items:center;justify-content:center; transition:background .16s ease,border-color .16s ease,transform .2s ease;} .sal-acc-btn span{position:absolute;background:var(--sal-navy);border-radius:2px;transition:opacity .18s ease,transform .18s ease;} .sal-acc-btn span:first-child{width:12px;height:2px;} .sal-acc-btn span:last-child{width:2px;height:12px;} .sal-acc-btn:hover{background:var(--sal-mist);border-color:var(--sal-green);} .is-open > .sal-acc-row > .sal-acc-btn{background:var(--sal-navy);border-color:var(--sal-navy);} .is-open > .sal-acc-row > .sal-acc-btn span{background:#fff;} .is-open > .sal-acc-row > .sal-acc-btn span:last-child{transform:rotate(90deg);opacity:0;} /* Sub-menu: CLOSED by default, opens on toggle */ .sal-drawer .sal-acc > .sub-menu{ display:none;list-style:none;margin:0 0 8px;padding:4px 0 4px 12px; border-left:2px solid var(--sal-mist);} .sal-drawer .sal-acc.is-open > .sub-menu{display:block;} .sal-drawer .sub-menu li{border-bottom:0;} .sal-drawer .sub-menu a{ font-size:14px;font-weight:600;color:#5b6b7b;padding:9px 6px;} .sal-drawer .sub-menu a:hover{color:var(--sal-green-dark);} /* CTA pinned at the bottom */ .sal-drawer-cta{flex:none;margin:0 !important;padding:14px;border-top:1px solid var(--sal-line);background:var(--sal-paper);} .sal-drawer-cta .sal-btn{width:100%;justify-content:center;} /* ========================================================================== RICH SPECIALTY PAGES (.salrx-*) — premium long-form specialty content ========================================================================== */ .salrx-lead .vc_column-inner{background:linear-gradient(135deg,var(--sal-paper),var(--sal-mist)); border:1px solid var(--sal-line);border-radius:20px;padding:40px 42px !important;} .salrx-lead p{font-size:17px;line-height:1.9;color:#2f3d4d;margin:0 0 16px;} .salrx-lead p:last-child{margin:0;} .salrx-lead strong{color:var(--sal-navy);} .salrx h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(24px,2.8vw,32px); color:var(--sal-navy);line-height:1.28;margin:0 0 14px;} .salrx h2 .ital{font-family:"Spectral",serif;font-style:italic;font-weight:400;color:var(--sal-green-dark);} .salrx h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:21px;color:var(--sal-navy);margin:22px 0 10px;} .salrx p{font-size:16px;line-height:1.85;color:#3c4a5a;margin:0 0 15px;} .salrx strong{color:var(--sal-ink);} .salrx-proc{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 8px;} .salrx-pcard{background:#fff;border:1px solid var(--sal-line);border-left:4px solid var(--sal-green); border-radius:12px;padding:16px 18px;transition:transform .16s ease,box-shadow .16s ease;} .salrx-pcard:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(9,32,60,.10);} .salrx-pcard b{display:block;font-family:"Archivo",sans-serif;font-weight:700;font-size:15.5px;color:var(--sal-navy);margin-bottom:4px;} .salrx-pcard span{font-size:14px;line-height:1.6;color:#5b6b7b;} .salrx-navy .vc_column-inner{background:linear-gradient(140deg,var(--sal-deep),var(--sal-navy) 70%,var(--sal-green-dark)); border-radius:20px;padding:40px 40px !important;box-shadow:0 20px 46px rgba(9,32,60,.18);} .salrx-navy h2{color:#fff;} .salrx-navy h2 .ital{color:#9fe0a0;} .salrx-navy p{color:#cfe0f2;} .salrx-navy .salrx-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;} .salrx-navy .salrx-mini > div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14); border-radius:14px;padding:20px 18px;} .salrx-navy .salrx-mini b{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:28px;color:#fff;line-height:1;margin-bottom:6px;} .salrx-navy .salrx-mini b i{font-style:normal;color:#9fe0a0;} .salrx-navy .salrx-mini span{font-size:13.5px;color:#cfe0f2;line-height:1.4;} .salrx-kw{display:flex;flex-wrap:wrap;gap:9px;margin:8px 0 4px;} .salrx-kw span{font-family:"Archivo",sans-serif;font-weight:600;font-size:13.5px;color:var(--sal-navy); background:#fff;border:1.5px solid var(--sal-line);border-radius:30px;padding:9px 16px;} .salrx-kw span b{color:var(--sal-green-dark);font-weight:800;} @media (max-width:768px){ .salrx-proc{grid-template-columns:1fr;} .salrx-navy .salrx-mini{grid-template-columns:1fr;} .salrx-lead .vc_column-inner,.salrx-navy .vc_column-inner{padding:28px 24px !important;} } /* ========================================================================== CENTRES OF EXCELLENCE (.salce-*) — premium destination pages ========================================================================== */ /* Intro split: copy + image */ .salce-intro .salce-copy .vc_column-inner{padding-right:30px !important;} .salce-intro h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(24px,2.9vw,34px); color:var(--sal-navy);line-height:1.25;margin:0 0 16px;} .salce-intro h2 .ital{font-family:"Spectral",serif;font-style:italic;font-weight:400;color:var(--sal-green-dark);} .salce-intro p{font-size:16.5px;line-height:1.85;color:#3c4a5a;margin:0 0 14px;} .salce-intro strong{color:var(--sal-ink);} .salce-img .vc_column-inner{padding:0 !important;} .salce-img .wpb_single_image,.salce-img .wpb_single_image .wpb_wrapper,.salce-img .wpb_single_image figure, .salce-img .wpb_single_image .vc_figure,.salce-img .wpb_single_image .vc_single_image-wrapper{display:block !important;width:100% !important;margin:0 !important;line-height:0;} .salce-img .wpb_single_image img{width:100% !important;max-width:none !important;aspect-ratio:4/3;object-fit:cover; border-radius:18px;box-shadow:0 22px 50px rgba(9,32,60,.20);display:block;} /* Section heading (centred) */ .salce-h{text-align:center;max-width:760px;margin:0 auto 8px;} .salce-h h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(24px,2.9vw,34px);color:var(--sal-navy);line-height:1.25;margin:0 0 10px;} .salce-h h2 .ital{font-family:"Spectral",serif;font-style:italic;font-weight:400;color:var(--sal-green-dark);} .salce-h p{font-size:16px;line-height:1.75;color:var(--sal-muted);margin:0 auto 26px;max-width:680px;text-align:center;} /* Sub-specialty cards (link DOWN to specialty pages) */ .salce-sub > .wpb_column > .vc_column-inner{background:#fff;border:1px solid var(--sal-line);border-radius:18px; overflow:hidden;padding:0 !important;height:100%;box-sizing:border-box; box-shadow:0 12px 30px rgba(9,32,60,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;} .salce-sub > .wpb_column > .vc_column-inner:hover{transform:translateY(-6px);border-color:var(--sal-green);box-shadow:0 26px 54px rgba(9,32,60,.15);} .salce-sub .wpb_single_image img{width:100% !important;aspect-ratio:16/10;object-fit:cover;display:block;margin:0 !important;} .salce-sub .salce-subbody{padding:24px 26px;} .salce-sub h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:20px;color:var(--sal-navy);margin:0 0 8px;} .salce-sub p{font-size:14.5px;line-height:1.7;color:#5b6b7b;margin:0 0 14px;} .salce-sub a.go{font-family:"Archivo",sans-serif;font-weight:700;font-size:14.5px;color:var(--sal-green-dark);text-decoration:none;} .salce-sub a.go:hover{color:var(--sal-navy);} /* Feature list (team / technology) with image */ .salce-feat h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(22px,2.6vw,30px);color:var(--sal-navy);margin:0 0 14px;line-height:1.28;} .salce-feat h2 .ital{font-family:"Spectral",serif;font-style:italic;font-weight:400;color:var(--sal-green-dark);} .salce-feat ul{list-style:none;margin:0;padding:0;} .salce-feat li{position:relative;padding-left:30px;font-size:16px;line-height:1.65;color:var(--sal-ink);margin-bottom:13px;} .salce-feat li::before{content:"\2713";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%; background:#eafbe9;color:var(--sal-green-dark);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;} .salce-feat li b{color:var(--sal-navy);} /* Journey steps */ .salce-journey{counter-reset:jstep;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;} .salce-jstep{background:#fff;border:1px solid var(--sal-line);border-radius:16px;padding:26px 22px;position:relative; transition:transform .18s ease,box-shadow .18s ease;} .salce-jstep:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(9,32,60,.12);} .salce-jstep::before{counter-increment:jstep;content:counter(jstep,decimal-leading-zero);display:block; font-family:"Archivo",sans-serif;font-weight:800;font-size:30px;color:var(--sal-green);line-height:1;margin-bottom:12px;} .salce-jstep b{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:16px;color:var(--sal-navy);margin-bottom:6px;} .salce-jstep span{font-size:14px;line-height:1.6;color:#5b6b7b;} @media (max-width:900px){ .salce-journey{grid-template-columns:1fr 1fr;} .salce-intro .salce-copy .vc_column-inner{padding-right:0 !important;} } @media (max-width:600px){.salce-journey{grid-template-columns:1fr;}} /* ========================================================================== STATS BAND (.salce-statband) — light box + heading + 4 REAL columns ========================================================================== */ .salce-statband > .wpb_column > .vc_column-inner{ background:linear-gradient(135deg,var(--sal-paper),var(--sal-mist)); border:1px solid var(--sal-line);border-radius:22px; padding:40px 34px 32px !important; box-shadow:0 14px 34px rgba(9,32,60,.06);} /* heading */ .salce-statband .salce-sbhead{text-align:center;max-width:680px;margin:0 auto 26px;} .salce-statband .salce-sbhead h2{font-family:"Archivo",sans-serif;font-weight:800; font-size:clamp(22px,2.6vw,30px);color:var(--sal-navy);line-height:1.25;margin:0 0 8px;} .salce-statband .salce-sbhead h2 .ital{font-family:"Spectral",serif;font-style:italic;font-weight:400;color:var(--sal-green-dark);} .salce-statband .salce-sbhead p{font-size:15.5px;line-height:1.7;color:var(--sal-muted);margin:0;} /* the inner row that holds the 4 columns */ .salce-statband .salce-sbrow .wpb_column{margin-bottom:0;} .salce-statband .salce-sbbox .vc_column-inner, .salce-statband .salce-sbbox{height:100%;} .salce-statband .salce-sbbox > .vc_column-inner{ background:#fff;border:1px solid var(--sal-line);border-radius:16px; padding:26px 16px !important;text-align:center;height:100%;box-sizing:border-box; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;} .salce-statband .salce-sbbox > .vc_column-inner:hover{transform:translateY(-5px);border-color:var(--sal-green); box-shadow:0 18px 38px rgba(9,32,60,.12);} .salce-statband .salce-sbbox b{display:block;font-family:"Archivo",sans-serif;font-weight:800; font-size:34px;color:var(--sal-navy);line-height:1;margin-bottom:8px;} .salce-statband .salce-sbbox b i{font-style:normal;color:var(--sal-green);} .salce-statband .salce-sbbox span{display:block;font-size:13.5px;line-height:1.45;color:var(--sal-muted);} @media (max-width:820px){.salce-statband .salce-sbbox{width:50% !important;}} @media (max-width:480px){.salce-statband .salce-sbbox{width:100% !important;} .salce-statband > .wpb_column > .vc_column-inner{padding:28px 20px !important;}} /* ========================================================================== CENTRES OF EXCELLENCE — DIRECTORY (.salced-*) ========================================================================== */ .salced-intro .vc_column-inner{background:linear-gradient(135deg,var(--sal-paper),var(--sal-mist)); border:1px solid var(--sal-line);border-radius:22px;padding:44px 44px !important;text-align:center;} .salced-intro h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(24px,3vw,34px); color:var(--sal-navy);line-height:1.28;margin:0 0 14px;} .salced-intro h2 .ital{font-family:"Spectral",serif;font-style:italic;font-weight:400;color:var(--sal-green-dark);} .salced-intro p{font-size:16.5px;line-height:1.85;color:#3c4a5a;margin:0 auto;max-width:820px;} /* Big alternating feature rows */ .salced-row{margin-bottom:0;} .salced-row .salced-img .vc_column-inner{padding:0 !important;} .salced-row .salced-img .wpb_single_image, .salced-row .salced-img .wpb_single_image .wpb_wrapper, .salced-row .salced-img .wpb_single_image figure, .salced-row .salced-img .wpb_single_image .vc_figure, .salced-row .salced-img .wpb_single_image .vc_single_image-wrapper{display:block !important;width:100% !important;margin:0 !important;line-height:0;} .salced-row .salced-img .wpb_single_image img{width:100% !important;max-width:none !important; aspect-ratio:4/3;object-fit:cover;border-radius:18px;box-shadow:0 22px 50px rgba(9,32,60,.18);display:block;} .salced-txt .vc_column-inner{padding:0 8px !important;} .salced-num{display:inline-block;font-family:"Archivo",sans-serif;font-weight:800;font-size:13px; letter-spacing:.1em;color:var(--sal-green-dark);background:#eafbe9;padding:6px 14px;border-radius:20px;margin-bottom:14px;} .salced-txt h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(22px,2.6vw,30px); color:var(--sal-navy);line-height:1.22;margin:0 0 12px;} .salced-txt h3 .ital{font-family:"Spectral",serif;font-style:italic;font-weight:400;color:var(--sal-green-dark);} .salced-txt p{font-size:16px;line-height:1.8;color:#3c4a5a;margin:0 0 16px;} .salced-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;} .salced-tags span{font-family:"Archivo",sans-serif;font-weight:600;font-size:13px;color:var(--sal-navy); background:#fff;border:1.5px solid var(--sal-line);border-radius:30px;padding:7px 14px;} .salced-txt a.salced-cta{display:inline-flex;align-items:center;gap:8px;font-family:"Archivo",sans-serif; font-weight:700;font-size:15px;color:#fff;background:var(--sal-navy);text-decoration:none; padding:12px 24px;border-radius:40px;transition:background .16s ease,transform .16s ease;} .salced-txt a.salced-cta:hover{background:var(--sal-green-dark);transform:translateY(-2px);} /* ========================================================================== FIXES — homepage columns, stats colour (live-server), hero image alignment ========================================================================== */ /* 3) HERO IMAGE — vertically centre it against the copy (was top-aligned) */ .salsp-hero > .wpb_column{display:flex;align-items:center;} .salsp-hero-img > .vc_column-inner{display:flex;flex-direction:column;justify-content:center;height:100%;} /* 2) STATS TURNING BLACK on live server — LiteSpeed/CSS minify can drop the CSS variable in the gradient, leaving no background (renders near-black text box). Use explicit hex fallbacks BEFORE the var() so it can never go black. */ .sal-stats{ background:#12447e; /* solid fallback first */ background:linear-gradient(135deg,#12447e 0%,#0d3462 100%) !important;} .sal-stats2{background:#12447e !important;} .sal-stat-num,.sal-stats2 .st b{color:#ffffff !important;} .sal-stat-suffix,.sal-stats2 .st b i{color:#3aaa35 !important;} .sal-stat-label{color:#cfe0f5 !important;} .sal-stats2 .st span{color:#9db4cc !important;} /* 1) HOMEPAGE STAT / CERT ROWS — force WPBakery columns to sit side by side. On some builds the row loses its flex and the columns stack / shrink-wrap. */ .salh-statrow > .wpb_column, .salh-certrow > .wpb_column{float:none !important;display:inline-block;vertical-align:top;} .salh-statrow.vc_row, .salh-certrow.vc_row{display:flex !important;flex-wrap:wrap;align-items:center;justify-content:center;} .salh-certrow > .wpb_column{text-align:center;} .salh-certrow .wpb_single_image img{display:inline-block;max-height:120px;width:auto;} /* Homepage stat row (self-contained, live-server safe) */ .salh-statrow{background:#12447e;border-radius:18px;padding:34px 20px !important;} .salh-statrow .salh-stat{text-align:center;} .salh-statrow .salh-stat b{display:block;font-family:"Archivo",sans-serif;font-weight:800; font-size:clamp(30px,3.4vw,46px);color:#ffffff !important;line-height:1;margin-bottom:8px;} .salh-statrow .salh-stat span{display:block;font-size:14px;color:#cfe0f5 !important;line-height:1.45;} /* Homepage accreditation logos in 3 columns */ .salh-certrow .wpb_single_image{text-align:center;} .salh-certrow .wpb_single_image img{display:inline-block;max-height:110px;width:auto;margin:0 auto;} .salh-accred-nabh img,.salh-accred-nabl img,.salh-accred-pmjay img{max-height:110px;width:auto;} /* Hero image vertical centre (homepage hero uses salh-hero-right) */ .salh-hero .wpb_column.salh-hero-right{display:flex;align-items:center;} .salh-hero-right > .vc_column-inner{width:100%;display:flex;flex-direction:column;justify-content:center;} /* ========================================================================== FIX — hero trust stats turning dark on live server (global b/strong colour or minified var was overriding the white) ========================================================================== */ .salh-hero .salh-hero-trust .t b, .salh-hero-trust .t b{color:#ffffff !important;} .salh-hero .salh-hero-trust .t span, .salh-hero-trust .t span{color:#9db4cc !important;} .salh-hero-trust{border-top:1px solid rgba(255,255,255,.14);} /* ========================================================================== FIX (real) — hero trust stats: the LABEL is a bare text node inside .t, not a . Colour .t directly so the label is never dark. Also fix the hero image vertical centring (min-height + height:100% was overriding flex). ========================================================================== */ /* the whole .t inherits a light colour; the stays pure white */ .salh-hero .salh-hero-trust .t, .salh-hero-trust .t{color:#9db4cc !important;} .salh-hero .salh-hero-trust .t b, .salh-hero-trust .t b{color:#ffffff !important;} /* HERO IMAGE vertical centre — override the height:100%/min-height stretch */ .salh-hero{align-items:stretch;} .salh-hero .salh-hero-right{display:flex !important;align-items:center !important;} .salh-hero .salh-hero-right > .vc_column-inner{width:100%;display:flex;align-items:center;height:auto !important;} .salh-hero-right .wpb_wrapper, .salh-hero-right .wpb_single_image, .salh-hero-right figure{height:auto !important;width:100% !important;} .salh-hero-right .wpb_single_image img, .salh-hero-img img{height:auto !important;min-height:0 !important;width:100% !important; aspect-ratio:4/3;object-fit:cover !important;border-radius:18px;display:block;} /* ========================================================================== HEALTH PLAN — RICH INDIVIDUAL PAGE (.salhcx-*) with image slots ========================================================================== */ /* Hero: split copy + image, like specialty hero */ .salhcx-hero > .wpb_column{display:flex;align-items:center;} .salhcx-hero .salhcx-copy .vc_column-inner{ background:linear-gradient(125deg,var(--sal-deep),var(--sal-navy) 62%,var(--sal-green-dark)); border-radius:22px 0 0 22px;padding:46px 44px !important;height:100%;box-sizing:border-box; display:flex;flex-direction:column;justify-content:center;} .salhcx-hero .crumb{font-size:13px;color:#a9c4e0;margin-bottom:14px;} .salhcx-hero .crumb a{color:#cfe0f5;text-decoration:none;} .salhcx-hero .kick{display:inline-block;font-family:"Archivo",sans-serif;font-weight:700;font-size:11.5px; letter-spacing:.12em;text-transform:uppercase;color:#9fe0a0;background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.22);padding:6px 14px;border-radius:30px;margin-bottom:16px;} .salhcx-hero h1{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(28px,3.6vw,44px); line-height:1.1;margin:0 0 12px;color:#fff;} .salhcx-hero .lede{font-size:15.5px;line-height:1.7;color:#dbe7f4;margin:0 0 20px;} .salhcx-hero .price{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(32px,4vw,48px); color:#ffffff;line-height:1;margin:0 0 4px;} .salhcx-hero .price small{display:block;font-size:13px;color:#9fe0a0;font-weight:600;letter-spacing:.04em;margin-top:8px;} .salhcx-hero .hcta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;} .salhcx-hero .hcta .sal-btn{box-sizing:border-box;} /* hero image fills the right, flush to the panel */ .salhcx-heroimg .vc_column-inner{padding:0 !important;height:100%;} .salhcx-heroimg .wpb_single_image,.salhcx-heroimg .wpb_single_image .wpb_wrapper, .salhcx-heroimg .wpb_single_image figure,.salhcx-heroimg .wpb_single_image .vc_figure, .salhcx-heroimg .wpb_single_image .vc_single_image-wrapper{display:block !important;height:100% !important;width:100% !important;margin:0 !important;line-height:0;} .salhcx-heroimg .wpb_single_image img{width:100% !important;height:100% !important;min-height:340px; object-fit:cover;border-radius:0 22px 22px 0;display:block;} /* Section heading */ .salhcx-h{text-align:center;max-width:720px;margin:0 auto 6px;} .salhcx-h h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(24px,2.8vw,32px);color:var(--sal-navy);margin:0 0 10px;line-height:1.25;} .salhcx-h h2 .ital{font-family:"Spectral",serif;font-style:italic;font-weight:400;color:var(--sal-green-dark);} .salhcx-h p{font-size:16px;line-height:1.7;color:var(--sal-muted);margin:0 auto 26px;max-width:640px;} /* Test-group cards grid */ .salhcx-tests{display:grid;grid-template-columns:1fr 1fr;gap:16px;} .salhcx-grp{background:#fff;border:1px solid var(--sal-line);border-radius:16px;padding:22px 24px; box-shadow:0 8px 22px rgba(9,32,60,.05);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;} .salhcx-grp:hover{transform:translateY(-4px);border-color:var(--sal-green);box-shadow:0 18px 38px rgba(9,32,60,.12);} .salhcx-grp b{display:flex;align-items:center;gap:9px;font-family:"Archivo",sans-serif;font-weight:800; font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--sal-green-dark);margin-bottom:9px;} .salhcx-grp b::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--sal-green);flex:0 0 auto;} .salhcx-grp span{font-size:14.5px;line-height:1.65;color:#3c4a5a;} @media (max-width:720px){.salhcx-tests{grid-template-columns:1fr;} .salhcx-hero .salhcx-copy .vc_column-inner{border-radius:22px 22px 0 0;} .salhcx-heroimg .wpb_single_image img{border-radius:0 0 22px 22px;min-height:240px;}} /* Image band (reuse specialty band look) + "how it works" strip */ .salhcx-band .vc_column-inner{padding:0 !important;} .salhcx-band .wpb_single_image img{width:100% !important;aspect-ratio:16/6;object-fit:cover;border-radius:18px;display:block;margin:0 !important;box-shadow:0 18px 44px rgba(9,32,60,.16);} .salhcx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:hstep;} .salhcx-step{background:var(--sal-paper);border:1px solid var(--sal-line);border-radius:16px;padding:24px 22px;text-align:center;} .salhcx-step::before{counter-increment:hstep;content:counter(hstep);display:inline-flex;align-items:center;justify-content:center; width:40px;height:40px;border-radius:50%;background:var(--sal-navy);color:#fff;font-family:"Archivo",sans-serif;font-weight:800;font-size:18px;margin-bottom:12px;} .salhcx-step b{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:16px;color:var(--sal-navy);margin-bottom:6px;} .salhcx-step span{font-size:14px;line-height:1.6;color:#5b6b7b;} @media (max-width:720px){.salhcx-steps{grid-template-columns:1fr;}} /* Mid CTA reuse */ .salhcx-midcta .vc_column-inner{background:linear-gradient(120deg,var(--sal-navy),var(--sal-green-dark)); border-radius:20px;padding:34px 40px !important;text-align:center;} .salhcx-midcta b{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(20px,2.4vw,26px);color:#fff;margin-bottom:6px;} .salhcx-midcta span{display:block;font-size:15px;color:#dbe7f4;margin-bottom:18px;} .salhcx-midcta .hcta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;} /* Health-plan listing — clickable plan titles keep navy colour, green on hover */ .salhc-name a{color:inherit;text-decoration:none;transition:color .15s ease;} .salhc-name a:hover{color:var(--sal-green-dark);} /* ========================================================================== CONTACT PAGE (.salct-*) ========================================================================== */ /* Quick-contact cards row */ .salct-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;} .salct-card{background:#fff;border:1px solid var(--sal-line);border-radius:16px;padding:26px 22px;text-align:center; box-shadow:0 8px 22px rgba(9,32,60,.05);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;} .salct-card:hover{transform:translateY(-5px);border-color:var(--sal-green);box-shadow:0 20px 40px rgba(9,32,60,.12);} .salct-card .ic{width:54px;height:54px;border-radius:14px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center; font-size:24px;background:var(--sal-mist);} .salct-card.em .ic{background:#eafbe9;} .salct-card b{display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:15px;color:var(--sal-navy);margin-bottom:6px;} .salct-card a,.salct-card span{display:block;font-size:14.5px;line-height:1.55;color:#4a5a6b;text-decoration:none;word-break:break-word;} .salct-card a:hover{color:var(--sal-green-dark);} .salct-card .sub{font-size:12.5px;color:var(--sal-muted);margin-top:4px;} /* Emergency strip */ .salct-emg .vc_column-inner{background:linear-gradient(120deg,#b3231f,#d64541);border-radius:18px;padding:22px 30px !important; display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;text-align:center;} .salct-emg b{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(17px,2.1vw,22px);color:#fff;} .salct-emg a{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(18px,2.3vw,24px);color:#fff;text-decoration:none; background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.5);padding:8px 22px;border-radius:40px;} .salct-emg a:hover{background:rgba(255,255,255,.26);} /* Info + form split */ .salct-info h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(22px,2.6vw,30px);color:var(--sal-navy);margin:0 0 14px;line-height:1.25;} .salct-info h2 .ital{font-family:"Spectral",serif;font-style:italic;font-weight:400;color:var(--sal-green-dark);} .salct-info p{font-size:16px;line-height:1.8;color:#3c4a5a;margin:0 0 18px;} .salct-info .row{display:flex;gap:13px;align-items:flex-start;margin-bottom:16px;} .salct-info .row .ic{flex:0 0 auto;width:42px;height:42px;border-radius:11px;background:var(--sal-mist);display:flex;align-items:center;justify-content:center;font-size:18px;} .salct-info .row b{display:block;font-family:"Archivo",sans-serif;font-weight:700;font-size:14px;color:var(--sal-navy);margin-bottom:2px;} .salct-info .row span,.salct-info .row a{font-size:14.5px;line-height:1.55;color:#4a5a6b;text-decoration:none;} .salct-info .row a:hover{color:var(--sal-green-dark);} .salct-hours{background:var(--sal-paper);border:1px solid var(--sal-line);border-radius:14px;padding:18px 22px;margin-top:6px;} .salct-hours b{font-family:"Archivo",sans-serif;font-weight:800;font-size:14px;color:var(--sal-navy);} .salct-hours span{display:block;font-size:14px;color:#4a5a6b;margin-top:4px;} .salct-hours .em{color:var(--sal-green-dark);font-weight:600;} /* form panel */ .salct-formwrap .vc_column-inner{background:#fff;border:1px solid var(--sal-line);border-radius:20px;padding:32px 32px !important;box-shadow:0 14px 34px rgba(9,32,60,.07);} .salct-formwrap h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:22px;color:var(--sal-navy);margin:0 0 4px;} .salct-formwrap .sub{font-size:14px;color:var(--sal-muted);margin:0 0 18px;} /* Map */ .salct-map .vc_column-inner{padding:0 !important;} .salct-map iframe,.salct-map .wpb_gmaps_widget{width:100% !important;border:0;border-radius:18px;overflow:hidden;display:block;filter:saturate(1.05);} .salct-map .wpb_wrapper{line-height:0;} @media (max-width:900px){.salct-cards{grid-template-columns:1fr 1fr;}} @media (max-width:520px){.salct-cards{grid-template-columns:1fr;}} /* ========================================================================== HERO SLIDER (.salhs-*) — banner mode: full pre-designed images, no overlay ========================================================================== */ .salhs{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;overflow:hidden;background:#0b2e52;} .salhs-track{position:relative;width:100%;aspect-ratio:var(--salhs-ar,1200/675);} .salhs-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease;z-index:1;} .salhs-slide.is-active{opacity:1;visibility:visible;z-index:2;} .salhs-slide .salhs-link,.salhs-slide picture{display:block;width:100%;height:100%;} .salhs-img{width:100%;height:100%;object-fit:cover;display:block;} /* arrows */ .salhs-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5; width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(255,255,255,.42); background:rgba(11,46,82,.32);color:#fff;font-size:24px;line-height:1;cursor:pointer; display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px); transition:background .16s ease,border-color .16s ease,opacity .16s ease;opacity:.85;} .salhs:hover .salhs-nav{opacity:1;} .salhs-nav:hover{background:var(--sal-green-dark,#2f8c2b);border-color:transparent;} .salhs-prev{left:clamp(10px,2vw,26px);} .salhs-next{right:clamp(10px,2vw,26px);} /* dots */ .salhs-dots{position:absolute;left:0;right:0;bottom:clamp(12px,2vw,20px);z-index:5; display:flex;gap:9px;justify-content:center;} .salhs-dots button{width:9px;height:9px;border-radius:50%;border:0;cursor:pointer;padding:0; background:rgba(255,255,255,.5);transition:background .16s ease,width .16s ease;} .salhs-dots button.is-on{background:var(--sal-green,#3aaa35);width:24px;border-radius:6px;} @media (max-width:768px){ /* switch to the mobile aspect only if a mobile ratio was supplied */ .salhs-track{aspect-ratio:var(--salhs-ar-m,var(--salhs-ar,1200/675));} .salhs-nav{display:none;} /* swipe + dots on mobile */ .salhs-dots{bottom:12px;} } /* ========================================================================== Native WPBakery Image Carousel — hero polish (.sal-hero-carousel) ========================================================================== */ .sal-hero-carousel .vc_images_carousel{margin:0;} .sal-hero-carousel .vc_carousel-slideline .vc_item, .sal-hero-carousel .vc_item{width:100%;} .sal-hero-carousel .vc_single_image-wrapper, .sal-hero-carousel .vc_item img{display:block;width:100% !important;height:auto !important;} /* prev / next arrows — circular, on-brand */ .sal-hero-carousel .vc_carousel-control{width:46px;height:46px;top:50%;margin-top:-23px;opacity:.9; background:rgba(11,46,82,.35);border:1.5px solid rgba(255,255,255,.42);border-radius:50%; display:flex;align-items:center;justify-content:center;text-shadow:none;transition:background .16s ease;} .sal-hero-carousel .vc_carousel-control:hover{background:var(--sal-green-dark,#2f8c2b);border-color:transparent;} .sal-hero-carousel .vc_carousel-control .icon-prev, .sal-hero-carousel .vc_carousel-control .icon-next{background:none;font-size:0;position:relative;} .sal-hero-carousel .vc_carousel-control.left{left:clamp(10px,2vw,26px);} .sal-hero-carousel .vc_carousel-control.right{right:clamp(10px,2vw,26px);} /* dots */ .sal-hero-carousel .vc_carousel-indicators{bottom:16px;} .sal-hero-carousel .vc_carousel-indicators li{width:9px;height:9px;border-radius:50%; background:rgba(255,255,255,.5);border:0;margin:0 5px;transition:background .16s ease,width .16s ease;} .sal-hero-carousel .vc_carousel-indicators li.vc_active{background:var(--sal-green,#3aaa35);width:24px;border-radius:6px;} @media (max-width:768px){.sal-hero-carousel .vc_carousel-control{display:none;}} /* ========================================================================== PDF POPUP (.salpdf-*) — accreditation certificate lightbox ========================================================================== */ .salpdf{cursor:pointer;} .salpdf-overlay{position:fixed;inset:0;z-index:99999;display:none; background:rgba(9,24,45,.72);backdrop-filter:blur(3px); align-items:center;justify-content:center;padding:clamp(12px,3vw,40px);} .salpdf-overlay.is-open{display:flex;animation:salpdf-fade .18s ease;} @keyframes salpdf-fade{from{opacity:0}to{opacity:1}} .salpdf-box{background:#fff;border-radius:14px;overflow:hidden;width:min(920px,100%); height:min(88vh,1000px);display:flex;flex-direction:column;box-shadow:0 30px 80px rgba(0,0,0,.45);} .salpdf-bar{display:flex;align-items:center;gap:14px;padding:12px 16px; background:linear-gradient(120deg,var(--sal-deep,#0b2e52),var(--sal-navy,#12447e));color:#fff;} .salpdf-title{font-family:"Archivo",sans-serif;font-weight:700;font-size:15px;flex:1; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .salpdf-open{color:#fff;text-decoration:none;font-size:13px;font-weight:600; border:1px solid rgba(255,255,255,.4);padding:5px 12px;border-radius:20px;transition:background .16s ease;} .salpdf-open:hover{background:rgba(255,255,255,.16);} .salpdf-close{background:rgba(255,255,255,.14);border:0;color:#fff;width:34px;height:34px; border-radius:50%;font-size:22px;line-height:1;cursor:pointer;flex:0 0 auto;transition:background .16s ease;} .salpdf-close:hover{background:var(--sal-green-dark,#2f8c2b);} .salpdf-frame-wrap{flex:1;background:#525659;} .salpdf-frame{width:100%;height:100%;border:0;display:block;} @media (max-width:600px){.salpdf-box{height:92vh;border-radius:10px;}} /* ========================================================================== PARTNER LOGO WALL (.sal-logos) — clean grid, logos stay BIG ========================================================================== */ .sal-logos{align-items:center;} .sal-logos .wpb_column{display:flex;align-items:center;justify-content:center;padding-top:18px;padding-bottom:18px;} .sal-logos .wpb_single_image, .sal-logos .vc_figure, .sal-logos .vc_single_image-wrapper{width:100% !important;margin:0 !important;display:flex;justify-content:center;} /* logos big: fill the column, only capped so squares don't get absurd */ .sal-logos .wpb_single_image img{width:auto !important;max-width:100% !important;height:auto !important; max-height:120px;object-fit:contain;display:block;} /* heading: tidy, centered, with a short green underline */ .sal-lheading .vc_custom_heading{position:relative;padding-bottom:16px;margin-bottom:6px;} .sal-lheading .vc_custom_heading:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%); width:64px;height:3px;border-radius:2px;background:var(--sal-green,#3aaa35);} @media (max-width:768px){.sal-logos .wpb_single_image img{max-height:90px;}} /* ========================================================================== GALLERY LIGHTBOX (.salgal-*) — swipeable, left/right nav ========================================================================== */ .salh-infra-grid img,.sal-gallery img{cursor:zoom-in;} .salgal-overlay{position:fixed;inset:0;z-index:100000;display:none; background:rgba(6,18,35,.92);backdrop-filter:blur(4px); align-items:center;justify-content:center;} .salgal-overlay.is-open{display:flex;animation:salgal-fade .18s ease;} @keyframes salgal-fade{from{opacity:0}to{opacity:1}} .salgal-figure{margin:0;max-width:92vw;max-height:86vh;display:flex;flex-direction:column;align-items:center;gap:12px;} .salgal-img{max-width:92vw;max-height:82vh;width:auto;height:auto;object-fit:contain;display:block; border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.5);} .salgal-cap{color:#dbe7f4;font-size:14px;text-align:center;max-width:80vw;} .salgal-close{position:fixed;top:20px;right:24px;z-index:2;width:46px;height:46px;border-radius:50%; border:0;background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:background .16s ease;} .salgal-close:hover{background:var(--sal-green-dark,#2f8c2b);} .salgal-nav{position:fixed;top:50%;transform:translateY(-50%);z-index:2;width:56px;height:56px;border-radius:50%; border:1.5px solid rgba(255,255,255,.4);background:rgba(255,255,255,.10);color:#fff;font-size:32px;line-height:1; cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);transition:background .16s ease;} .salgal-nav:hover{background:var(--sal-green-dark,#2f8c2b);border-color:transparent;} .salgal-prev{left:clamp(12px,3vw,40px);} .salgal-next{right:clamp(12px,3vw,40px);} .salgal-count{position:fixed;bottom:22px;left:0;right:0;text-align:center;color:#cfe0f5;font-size:14px;font-family:"Archivo",sans-serif;font-weight:600;z-index:2;} @media (max-width:600px){.salgal-nav{width:44px;height:44px;font-size:26px;} .salgal-close{top:12px;right:14px;}} /* ========================================================================== CORPORATE ACTIVITY CALENDAR (.salca-*) ========================================================================== */ .salca-intro{text-align:center;max-width:760px;margin:0 auto;} .salca-intro p{font-size:16.5px;line-height:1.8;color:#3c4a5a;margin:0;} .salca-month{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(18px,2.2vw,24px); color:var(--sal-navy,#12447e);margin:0 0 4px;display:flex;align-items:center;gap:12px;} .salca-month:before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--sal-green,#3aaa35);} .salca-month span{font-family:"Spectral",serif;font-style:italic;font-weight:400;color:var(--sal-green-dark,#2f8c2b);font-size:.8em;} .salca-list{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px;} .salca-card{display:grid;grid-template-columns:96px 1fr;gap:0;background:#fff;border:1px solid var(--sal-line,#e4e9ef); border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(9,32,60,.05); transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;} .salca-card:hover{transform:translateY(-3px);border-color:var(--sal-green,#3aaa35);box-shadow:0 16px 34px rgba(9,32,60,.12);} .salca-date{background:linear-gradient(150deg,var(--sal-navy,#12447e),var(--sal-deep,#0b2e52));color:#fff; display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;text-align:center;} .salca-date .d{font-family:"Archivo",sans-serif;font-weight:800;font-size:28px;line-height:1;} .salca-date .m{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9fe0a0;margin-top:4px;} .salca-body{padding:16px 20px;} .salca-body .corp{font-family:"Archivo",sans-serif;font-weight:800;font-size:16.5px;color:var(--sal-navy,#12447e);margin:0 0 6px;line-height:1.3;} .salca-body .act{font-size:14.5px;line-height:1.6;color:#3c4a5a;margin:0 0 10px;} .salca-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--sal-muted,#5b6b7b);} .salca-meta b{color:var(--sal-ink,#1f2d3d);font-weight:600;} .salca-meta .doc{display:inline-flex;align-items:flex-start;gap:6px;} .salca-meta .time{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;} @media (max-width:560px){.salca-card{grid-template-columns:74px 1fr;} .salca-date .d{font-size:22px;}.salca-body{padding:14px 15px;}} /* ========================================================================== MEDIA GALLERY — BENTO MOSAIC of NATIVE WPBakery elements (.salmg-bento column) Video Player + Single Image elements inside a column with class "salmg-bento" auto-arrange into a designed video+image mosaic (like the homepage infra grid). Client just keeps adding native elements; the pattern repeats automatically. ========================================================================== */ .salmg-intro{text-align:center;max-width:760px;margin:0 auto;} .salmg-intro p{font-size:16.5px;line-height:1.8;color:#3c4a5a;margin:0;} /* the element list becomes a bento grid */ .salmg-bento > .vc_column-inner > .wpb_wrapper{ display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:16px;grid-auto-flow:dense;} /* every tile fills its cell, rounded, cover-cropped */ .salmg-bento > .vc_column-inner > .wpb_wrapper > .wpb_content_element{ margin:0 !important;border-radius:16px;overflow:hidden;position:relative;background:#eef4fb; box-shadow:0 10px 26px rgba(9,32,60,.08);transition:transform .18s ease,box-shadow .18s ease;height:100%;} .salmg-bento > .vc_column-inner > .wpb_wrapper > .wpb_content_element:hover{ transform:translateY(-3px);box-shadow:0 22px 46px rgba(9,32,60,.16);} /* images cover the cell */ .salmg-bento .wpb_single_image,.salmg-bento .wpb_single_image .wpb_wrapper, .salmg-bento .wpb_single_image figure,.salmg-bento .wpb_single_image .vc_figure, .salmg-bento .wpb_single_image .vc_single_image-wrapper{height:100% !important;width:100% !important;margin:0 !important;display:block;} .salmg-bento .wpb_single_image img{width:100% !important;height:100% !important;object-fit:cover;display:block;transition:transform .5s ease;} .salmg-bento > .vc_column-inner > .wpb_wrapper > .wpb_content_element:hover img{transform:scale(1.05);} /* video fills its cell */ .salmg-bento .wpb_video_widget,.salmg-bento .wpb_video_widget .wpb_wrapper, .salmg-bento .wpb_video_wrapper{height:100% !important;margin:0 !important;} .salmg-bento .wpb_video_wrapper{position:relative;padding:0 !important;overflow:hidden;} .salmg-bento .wpb_video_widget iframe,.salmg-bento .wpb_video_widget video{ position:absolute !important;inset:0;width:100% !important;height:100% !important;border:0;display:block;} /* REPEATING BENTO RHYTHM — cycle tile sizes every 8 items so it always reads as a designed mosaic, never a plain uniform grid. Videos are made large. */ /* video players -> big 2x2 feature */ .salmg-bento > .vc_column-inner > .wpb_wrapper > .wpb_video_widget{grid-column:span 2;grid-row:span 2;} /* image size rhythm (every 8) */ .salmg-bento > .vc_column-inner > .wpb_wrapper > .wpb_single_image:nth-of-type(8n+1){grid-column:span 2;grid-row:span 1;} /* wide */ .salmg-bento > .vc_column-inner > .wpb_wrapper > .wpb_single_image:nth-of-type(8n+4){grid-row:span 2;} /* tall */ .salmg-bento > .vc_column-inner > .wpb_wrapper > .wpb_single_image:nth-of-type(8n+6){grid-column:span 2;} /* wide */ .salmg-bento > .vc_column-inner > .wpb_wrapper > .wpb_single_image:nth-of-type(8n+7){grid-row:span 2;} /* tall */ @media (max-width:900px){ .salmg-bento > .vc_column-inner > .wpb_wrapper{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px;gap:12px;} .salmg-bento > .vc_column-inner > .wpb_wrapper > .wpb_video_widget{grid-column:span 2;grid-row:span 2;} .salmg-bento > .vc_column-inner > .wpb_wrapper > .wpb_single_image:nth-of-type(n){grid-column:auto;grid-row:auto;} .salmg-bento > .vc_column-inner > .wpb_wrapper > .wpb_single_image:nth-of-type(4n+1){grid-column:span 2;} } @media (max-width:480px){ .salmg-bento > .vc_column-inner > .wpb_wrapper{grid-template-columns:1fr;grid-auto-rows:220px;} .salmg-bento > .vc_column-inner > .wpb_wrapper > .wpb_video_widget, .salmg-bento > .vc_column-inner > .wpb_wrapper > .wpb_single_image{grid-column:auto !important;grid-row:auto !important;} } /* ========================================================================== MOBILE FIXED BOTTOM BAR (.sal-mobilebar) — call / contact / appointment ========================================================================== */ .sal-mobilebar{display:none;} @media (max-width:768px){ .sal-mobilebar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9999; box-shadow:0 -4px 18px rgba(9,32,60,.16);} .sal-mb-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px; padding:9px 6px;text-decoration:none;font-family:"Archivo",sans-serif;font-weight:700;font-size:12.5px; color:#fff;min-height:56px;} .sal-mb-item svg{width:20px;height:20px;stroke:#fff;} .sal-mb-call{flex:0 0 64px;background:var(--sal-navy-dark,#0d3462);} .sal-mb-contact{background:var(--sal-navy,#12447e);} .sal-mb-book{background:var(--sal-green,#3aaa35);} /* lift page content so the bar never covers the footer's last content */ .sal-site{padding-bottom:56px;} } /* top-bar action buttons — larger, striking icons */ .sal-tb-action .sal-tb-ico svg{width:19px;height:19px;} .sal-tb-action .sal-tb-ico{color:#fff;} /* ========================================================================== BLOG — single post + archive listing (.salblog-*) ========================================================================== */ /* --- single post --- */ .salblog-single{max-width:820px;margin:0 auto;padding:0 clamp(18px,4vw,24px) 60px;} .salblog-hero{padding:clamp(28px,4vw,48px) 0 22px;} .salblog-hero .crumb{font-size:13px;color:var(--sal-muted);margin-bottom:16px;} .salblog-hero .crumb a{color:var(--sal-navy);text-decoration:none;} .salblog-cats a{display:inline-block;font-family:"Archivo",sans-serif;font-weight:700;font-size:12px; letter-spacing:.06em;text-transform:uppercase;color:var(--sal-green-dark);background:#eafbe9; padding:5px 13px;border-radius:20px;text-decoration:none;margin-bottom:14px;} .salblog-title{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(28px,4vw,44px); line-height:1.15;color:var(--sal-navy);margin:0 0 14px;} .salblog-meta{display:flex;gap:18px;font-size:14px;color:var(--sal-muted);} .salblog-featured{margin:0 0 30px;border-radius:18px;overflow:hidden;box-shadow:0 20px 46px rgba(9,32,60,.14);} .salblog-featured img{width:100%;height:auto;display:block;} .salblog-body{font-size:17px;line-height:1.85;color:#2c3a4a;} .salblog-body h2{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(22px,2.6vw,30px); color:var(--sal-navy);margin:34px 0 12px;line-height:1.25;} .salblog-body h3{font-family:"Archivo",sans-serif;font-weight:800;font-size:20px;color:var(--sal-navy);margin:26px 0 8px;} .salblog-body p{margin:0 0 18px;} .salblog-body ul,.salblog-body ol{margin:0 0 18px;padding-left:22px;} .salblog-body li{margin-bottom:8px;} .salblog-body a{color:var(--sal-green-dark);text-decoration:underline;} .salblog-foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:40px; padding-top:26px;border-top:1px solid var(--sal-line);} /* --- archive / listing --- */ .salblog-archive{max-width:var(--sal-max,1240px);margin:0 auto;padding:clamp(28px,4vw,52px) clamp(18px,4vw,24px) 60px;} .salblog-archhead{text-align:center;max-width:720px;margin:0 auto 40px;} .salblog-archhead .sal-kick{display:inline-block;font-family:"Archivo",sans-serif;font-weight:700;font-size:12.5px; letter-spacing:.14em;text-transform:uppercase;color:var(--sal-green-dark);margin-bottom:12px;} .salblog-archhead h1{font-family:"Archivo",sans-serif;font-weight:800;font-size:clamp(30px,4vw,46px);color:var(--sal-navy);margin:0 0 12px;line-height:1.15;} .salblog-archhead h1 .ital{font-family:"Spectral",serif;font-style:italic;font-weight:400;color:var(--sal-green-dark);} .salblog-archhead p{font-size:16.5px;line-height:1.8;color:#3c4a5a;margin:0;} .salblog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;} .salblog-card{background:#fff;border:1px solid var(--sal-line);border-radius:18px;overflow:hidden; display:flex;flex-direction:column;box-shadow:0 10px 26px rgba(9,32,60,.06); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;} .salblog-card:hover{transform:translateY(-6px);border-color:var(--sal-green);box-shadow:0 26px 54px rgba(9,32,60,.14);} .salblog-card-media{display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--sal-mist),#eafbe9);} .salblog-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;} .salblog-card:hover .salblog-card-media img{transform:scale(1.06);} .salblog-card-ph{display:block;width:100%;height:100%;} .salblog-card-body{padding:22px 24px;display:flex;flex-direction:column;flex:1;} .salblog-card-cat{align-self:flex-start;font-family:"Archivo",sans-serif;font-weight:700;font-size:11px; letter-spacing:.06em;text-transform:uppercase;color:var(--sal-green-dark);background:#eafbe9;padding:5px 12px;border-radius:20px;margin-bottom:12px;} .salblog-card-title{font-family:"Archivo",sans-serif;font-weight:800;font-size:19px;line-height:1.3;margin:0 0 10px;} .salblog-card-title a{color:var(--sal-navy);text-decoration:none;} .salblog-card-title a:hover{color:var(--sal-green-dark);} .salblog-card-ex{font-size:14.5px;line-height:1.65;color:#5b6b7b;margin:0 0 16px;flex:1;} .salblog-card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--sal-line);padding-top:14px;} .salblog-card-date{font-size:12.5px;color:var(--sal-muted);} .salblog-card-more{font-family:"Archivo",sans-serif;font-weight:700;font-size:13.5px;color:var(--sal-green-dark);text-decoration:none;} .salblog-card-more:hover{color:var(--sal-navy);} .salblog-pagination{margin-top:44px;text-align:center;} .salblog-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px; padding:0 12px;margin:0 4px;border-radius:10px;border:1px solid var(--sal-line);color:var(--sal-navy);text-decoration:none;font-weight:700;} .salblog-pagination .page-numbers.current{background:var(--sal-navy);color:#fff;border-color:var(--sal-navy);} .salblog-pagination a.page-numbers:hover{border-color:var(--sal-green);color:var(--sal-green-dark);} @media (max-width:960px){.salblog-grid{grid-template-columns:1fr 1fr;}} @media (max-width:600px){.salblog-grid{grid-template-columns:1fr;}} /* ========================================================================== IMAGE GALLERY PAGE (.salgy-*) — clean infrastructure photo grid ========================================================================== */ .salgy-cell > .vc_column-inner{height:100%;padding:0 !important;} .salgy-cell .wpb_single_image,.salgy-cell figure,.salgy-cell .vc_figure, .salgy-cell .vc_single_image-wrapper{height:100% !important;width:100% !important;margin:0 !important;display:block;} .salgy-cell .wpb_single_image{border-radius:14px;overflow:hidden;box-shadow:0 10px 26px rgba(9,32,60,.08);} .salgy-cell .wpb_single_image img{width:100% !important;height:100% !important;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .5s ease;} .salgy-grid .salgy-cell:hover img{transform:scale(1.05);} @media (max-width:600px){.salgy-grid > .salgy-cell{width:50% !important;}} /* ========================================================================== VIDEO GALLERY (.salvg-*) — mixed 16:9 videos + 9:16 reels, bento grid ========================================================================== */ .salvg-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:16px;grid-auto-flow:dense;} .salvg-item{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;background:#0b2e52; box-shadow:0 10px 26px rgba(9,32,60,.10);transition:transform .18s ease,box-shadow .18s ease;height:100%;} .salvg-item:hover{transform:translateY(-3px);box-shadow:0 22px 46px rgba(9,32,60,.18);} /* 16:9 video = wide (2 cols x 2 rows) ; 9:16 reel = tall (1 col x 3 rows) */ .salvg-video{grid-column:span 2;grid-row:span 2;} .salvg-reel{grid-column:span 1;grid-row:span 3;} .salvg-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;} .salvg-item:hover .salvg-thumb{transform:scale(1.05);} .salvg-item.is-playing .salvg-thumb,.salvg-item.is-playing .salvg-play,.salvg-item.is-playing .salvg-badge,.salvg-item.is-playing .salvg-cap{display:none;} /* play button */ .salvg-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%; background:rgba(11,46,82,.72);pointer-events:none;transition:background .16s ease; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E"); background-repeat:no-repeat;background-position:center;} .salvg-item:hover .salvg-play{background-color:#e02020;} .salvg-badge{position:absolute;top:12px;left:12px;background:rgba(11,46,82,.82);color:#fff; font-family:"Archivo",sans-serif;font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase; padding:5px 11px;border-radius:20px;} .salvg-reel .salvg-badge{background:rgba(224,32,32,.9);} .salvg-cap{position:absolute;left:12px;right:12px;bottom:12px;color:#fff;font-family:"Archivo",sans-serif; font-weight:700;font-size:14px;text-shadow:0 2px 12px rgba(0,0,0,.5);} .salvg-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;} @media (max-width:900px){ .salvg-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px;gap:12px;} .salvg-video{grid-column:span 2;grid-row:span 2;} .salvg-reel{grid-column:span 1;grid-row:span 3;} } @media (max-width:520px){ .salvg-grid{grid-template-columns:1fr 1fr;grid-auto-rows:110px;} .salvg-video{grid-column:span 2;grid-row:span 2;} .salvg-reel{grid-column:span 1;grid-row:span 3;} } /* ========================================================================== GALLERY PAGES — full-bleed rows + bento grids IMPORTANT: gallery rows do NOT carry .salh-section (it caps width at 1240px !important and pads every column-inner). Use .salgx-row instead. ========================================================================== */ /* Full-bleed row via pure CSS (no WPBakery stretch_row JS needed) */ .salgx-row{ width:100vw !important;max-width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; margin-top:clamp(16px,2.6vw,30px) !important; margin-bottom:clamp(16px,2.6vw,30px) !important; padding-left:clamp(18px,3vw,40px) !important; padding-right:clamp(18px,3vw,40px) !important; box-sizing:border-box !important; position:static !important;left:auto !important;} .salgx-row::before,.salgx-row::after{display:none !important;} /* ---------- IMAGE GALLERY (.salgy-wall) ---------- Native [vc_single_image] elements stacked in ONE column. The column's .wpb_wrapper becomes the grid; each single-image is a cell. Client adds/removes images with WPBakery's Single Image element. */ .salgy-wall > .vc_column-inner{padding:0 !important;} .salgy-wall > .vc_column-inner > .wpb_wrapper{ display:grid !important; grid-template-columns:repeat(4,1fr); grid-auto-rows:220px; gap:14px; grid-auto-flow:dense;} .salgy-wall > .vc_column-inner > .wpb_wrapper > .wpb_single_image{ margin:0 !important;border-radius:14px;overflow:hidden;height:100%; box-shadow:0 10px 26px rgba(9,32,60,.08); transition:transform .2s ease,box-shadow .2s ease;} .salgy-wall > .vc_column-inner > .wpb_wrapper > .wpb_single_image:hover{ transform:translateY(-4px);box-shadow:0 22px 46px rgba(9,32,60,.18);} /* every 5th image (positions 4, 9, 14 …) spans two rows → mixed bento */ .salgy-wall > .vc_column-inner > .wpb_wrapper > .wpb_single_image:nth-child(5n+4){grid-row:span 2;} /* fill the cell */ .salgy-wall .wpb_single_image .wpb_wrapper, .salgy-wall .wpb_single_image figure, .salgy-wall .wpb_single_image .vc_figure, .salgy-wall .wpb_single_image .vc_single_image-wrapper, .salgy-wall .wpb_single_image a{ display:block !important;height:100% !important;width:100% !important;margin:0 !important;padding:0 !important;border:0 !important;} .salgy-wall .wpb_single_image img{ width:100% !important;height:100% !important;object-fit:cover !important; display:block !important;cursor:zoom-in;transition:transform .45s ease;} .salgy-wall .wpb_single_image:hover img{transform:scale(1.05);} @media (max-width:900px){ .salgy-wall > .vc_column-inner > .wpb_wrapper{grid-template-columns:repeat(3,1fr);grid-auto-rows:180px;}} @media (max-width:520px){ .salgy-wall > .vc_column-inner > .wpb_wrapper{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px;gap:10px;}} .sal-gallery img{cursor:zoom-in;} /* ---------- VIDEO GALLERY (.salvg-bento) ---------- Native [vc_video] elements, one per column. Grid on the ROW. Column el_class "salvg-wide" = 16:9 (2 cols × 2 rows) Column el_class "salvg-tall" = 9:16 short (1 col × 2 rows) */ .salvg-bento{ display:grid !important; grid-template-columns:repeat(4,1fr); grid-auto-rows:190px; gap:14px; grid-auto-flow:dense;} .salvg-bento > .wpb_column, .salvg-bento > .vc_column_container{ width:auto !important;max-width:none !important;min-width:0 !important; float:none !important;flex:none !important; margin:0 !important;padding:0 !important; border-radius:14px;overflow:hidden; background:#0b2e52; box-shadow:0 10px 26px rgba(9,32,60,.08); transition:transform .2s ease,box-shadow .2s ease;} .salvg-bento > .wpb_column:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(9,32,60,.18);} .salvg-bento > .wpb_column > .vc_column-inner{padding:0 !important;margin:0 !important;height:100% !important;} .salvg-bento > .wpb_column > .vc_column-inner > .wpb_wrapper{height:100% !important;margin:0 !important;} .salvg-wide{grid-column:span 2;grid-row:span 2;} .salvg-tall{grid-column:span 1;grid-row:span 2;} /* every wrapper between the column and the iframe fills the cell — covers WPBakery's .wpb_video_wrapper AND FitVids' .fluid-width-video-wrapper */ .salvg-bento .wpb_video_widget, .salvg-bento .wpb_video_widget > .wpb_wrapper, .salvg-bento .wpb_video_wrapper, .salvg-bento .fluid-width-video-wrapper, .salvg-bento .vc_video-wrapper, .salvg-bento .wp-video, .salvg-bento .wp-embed-responsive, .salvg-bento .wp-block-embed__wrapper{ position:relative !important;height:100% !important;width:100% !important; margin:0 !important;padding:0 !important;} .salvg-bento iframe, .salvg-bento video{ position:absolute !important;top:0 !important;left:0 !important; width:100% !important;height:100% !important; max-width:none !important;max-height:none !important; border:0 !important;display:block !important;} @media (max-width:900px){ .salvg-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px;gap:12px;}} @media (max-width:520px){ .salvg-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:135px;gap:10px;}} /* videos in ANY infra-grid cell (not just ig-vid) fill the cell */ .salh-infra-grid .wpb_video_widget,.salh-infra-grid .wpb_video_widget .wpb_wrapper, .salh-infra-grid .wpb_video_wrapper{height:100% !important;margin:0 !important;} .salh-infra-grid .wpb_video_wrapper{position:relative;padding:0 !important;border-radius:14px;overflow:hidden; box-shadow:0 12px 30px rgba(9,32,60,.12);} .salh-infra-grid .wpb_video_widget iframe{position:absolute !important;inset:0;width:100% !important;height:100% !important;border:0;display:block;} /* ========================================================================== CONTACT FORM 7 — global brand skin (applies to every .wpcf7-form: contact page, quick-inquiry, appointment, etc.) Scoped so it does not disturb the already-styled .sal-inq-form / .salh-inq. ========================================================================== */ .wpcf7-form{font-family:"Inter",sans-serif;} /* label rows */ .wpcf7-form p{margin:0 0 16px;} .wpcf7-form label{display:block;font-family:"Archivo",sans-serif;font-weight:600; font-size:13.5px;color:var(--sal-ink,#1f2d3d);margin-bottom:6px;letter-spacing:.01em;} /* text fields, selects, textareas */ .wpcf7-form input:not([type=submit]):not([type=checkbox]):not([type=radio]), .wpcf7-form select, .wpcf7-form textarea{ width:100%;box-sizing:border-box; font-family:"Inter",sans-serif;font-size:15px;color:#1f2d3d; background:#eef3f9;background:var(--sal-mist,#f5f8fc); border:1.5px solid #cdd8e6; border-radius:11px; padding:14px 16px; transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;} .wpcf7-form input::placeholder, .wpcf7-form textarea::placeholder{color:#8695a6;} .wpcf7-form input:not([type=submit]):hover, .wpcf7-form select:hover, .wpcf7-form textarea:hover{border-color:#a9bace;} .wpcf7-form input:not([type=submit]):focus, .wpcf7-form select:focus, .wpcf7-form textarea:focus{ outline:none; background:#fff; border-color:#3aaa35;border-color:var(--sal-green,#3aaa35); box-shadow:0 0 0 3px rgba(58,170,53,.18);} .wpcf7-form textarea{min-height:120px;resize:vertical;line-height:1.6;} /* select chevron */ .wpcf7-form select{ appearance:none;-webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2312447e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat:no-repeat;background-position:right 15px center;padding-right:40px;cursor:pointer;} /* checkboxes / radios */ .wpcf7-form .wpcf7-checkbox .wpcf7-list-item, .wpcf7-form .wpcf7-radio .wpcf7-list-item{display:inline-flex;align-items:center;gap:7px;margin:0 16px 8px 0;} .wpcf7-form input[type=checkbox], .wpcf7-form input[type=radio]{width:17px;height:17px;accent-color:#3aaa35;accent-color:var(--sal-green,#3aaa35);} /* submit button */ .wpcf7-form input[type=submit], .wpcf7-form .wpcf7-submit, .wpcf7-form button[type=submit]{ display:inline-flex;align-items:center;justify-content:center; font-family:"Archivo",sans-serif;font-weight:700;font-size:15.5px;letter-spacing:.01em; color:#fff;background:#3aaa35;background:var(--sal-green,#3aaa35); border:0;border-radius:11px; padding:15px 34px;min-width:180px;cursor:pointer; box-shadow:0 10px 24px rgba(58,170,53,.24); transition:background .16s ease, transform .16s ease, box-shadow .16s ease;} .wpcf7-form input[type=submit]:hover, .wpcf7-form .wpcf7-submit:hover, .wpcf7-form button[type=submit]:hover{ background:#2f8c2b;background:var(--sal-green-dark,#2f8c2b); transform:translateY(-2px);box-shadow:0 14px 30px rgba(58,170,53,.30);} /* AJAX spinner alignment */ .wpcf7-form .wpcf7-spinner{margin:0 0 0 12px;} /* validation + response messages */ .wpcf7-form .wpcf7-not-valid-tip{color:#d33;font-size:12.5px;font-weight:600;margin-top:5px;} .wpcf7-form input.wpcf7-not-valid, .wpcf7-form select.wpcf7-not-valid, .wpcf7-form textarea.wpcf7-not-valid{border-color:#e39; border-color:#dd3355;} .wpcf7 .wpcf7-response-output{ margin:18px 0 0 !important;padding:13px 18px !important; border-radius:11px;font-size:14.5px;font-family:"Inter",sans-serif;border-width:1.5px;} .wpcf7 form.sent .wpcf7-response-output{background:#eafbe9;border-color:#8fd88a;color:#2f6d2b;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output{background:#fdecec;border-color:#efb3b3;color:#b23;} /* Two-column CF7 layout (add .sal-form-2col to the form; .sal-col-full spans both). Uses auto-fit so paired fields sit side-by-side ONLY when the form itself is wide enough — in a narrow column they stack automatically, regardless of the browser window width. min-width:0 stops long placeholders blowing out a column. */ .wpcf7-form.sal-form-2col{ display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:0 18px; align-items:start;} .wpcf7-form.sal-form-2col > p{min-width:0;margin-top:0;} .wpcf7-form.sal-form-2col > p.sal-col-full{grid-column:1 / -1;} .wpcf7-form.sal-form-2col label{display:block;min-width:0;} .wpcf7-form.sal-form-2col input, .wpcf7-form.sal-form-2col select, .wpcf7-form.sal-form-2col textarea{min-width:0;max-width:100%;width:100%;} /* ========================================================================== Doctor dropdown ([sal_doctor_select]) — matches the CF7 field skin ========================================================================== */ select.sal-doctor-select{ width:100%;box-sizing:border-box; font-family:"Inter",sans-serif;font-size:15px;color:#1f2d3d; background:#eef3f9;background:var(--sal-mist,#f5f8fc); border:1.5px solid #cdd8e6;border-radius:11px; padding:14px 40px 14px 16px;cursor:pointer; appearance:none;-webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2312447e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat:no-repeat;background-position:right 15px center; transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease;} select.sal-doctor-select:hover{border-color:#a9bace;} select.sal-doctor-select:focus{outline:none;background-color:#fff;border-color:var(--sal-green,#3aaa35);box-shadow:0 0 0 3px rgba(58,170,53,.18);} select.sal-doctor-select optgroup{font-family:"Archivo",sans-serif;font-weight:700;color:#12447e;} select.sal-doctor-select option{font-weight:400;color:#1f2d3d;padding:6px;} /* Teleconsultation form extras */ .sal-teleconsult-note{background:#eef5ff;border:1.5px solid #a9c7f0;border-left:4px solid #12447e; border-radius:12px;padding:16px 18px;margin:4px 0 18px;font-size:14.5px;line-height:1.65;color:#33475b;} .sal-teleconsult-note strong{display:block;color:#12447e;font-family:"Archivo",sans-serif;margin-bottom:4px;} .sal-field-hint{display:block;margin-top:6px;font-size:12.5px;color:#8695a6;font-weight:400;} .wpcf7-form input[type=file]{width:100%;box-sizing:border-box;background:#eef3f9;background:var(--sal-mist,#f5f8fc); border:1.5px dashed #a9bace;border-radius:11px;padding:14px 16px;font-size:14px;color:#5b6b7b;cursor:pointer;} .wpcf7-form input[type=file]:hover{border-color:var(--sal-green,#3aaa35);} /* ========================================================================== [sal_contact_lines] — clickable, designed contact rows (Quick Inquiry) ========================================================================== */ .sal-cl{display:flex;flex-direction:column;gap:12px;margin-top:8px;} .sal-cl-row{display:flex;align-items:center;gap:14px;text-decoration:none; padding:12px 16px;border-radius:12px; background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10); transition:background .16s ease,border-color .16s ease,transform .16s ease;} .sal-cl-row:hover{background:rgba(255,255,255,.10);border-color:rgba(159,224,160,.5);transform:translateY(-2px);} .sal-cl-ico{flex:none;width:42px;height:42px;border-radius:11px; display:flex;align-items:center;justify-content:center; background:var(--sal-green,#3aaa35);color:#fff;} .sal-cl-ico svg{width:20px;height:20px;} .sal-cl-ico.sal-cl-amb{background:#e23b3b;} .sal-cl-txt{display:flex;flex-direction:column;line-height:1.25;} .sal-cl-cap{font-family:"Archivo",sans-serif;font-size:11px;font-weight:600;letter-spacing:.10em; text-transform:uppercase;color:#9fb4cc;margin-bottom:2px;} .sal-cl-txt b{font-family:"Archivo",sans-serif;font-weight:800;font-size:19px;color:#fff;letter-spacing:.01em;} .sal-cl-row:hover .sal-cl-txt b{color:#c9f3c4;} /* ========================================================================== [sal_hero_facts] — evenly designed hero stat row ========================================================================== */ .sal-hfacts{display:flex;flex-wrap:nowrap;gap:0;margin-top:26px; border-top:1px solid rgba(255,255,255,.14);padding-top:22px;} .sal-hfact{flex:1 1 0;min-width:0;padding:0 16px;position:relative;} .sal-hfact:first-child{padding-left:0;} .sal-hfact + .sal-hfact::before{content:"";position:absolute;left:0;top:2px;bottom:2px; width:1px;background:rgba(255,255,255,.14);} .sal-hfact-n{display:block;font-family:"Archivo",sans-serif;font-weight:800; font-size:clamp(22px,2.5vw,32px);line-height:1;color:#fff;letter-spacing:-.01em;} .sal-hfact-l{display:block;margin-top:7px;font-size:13px;line-height:1.3;color:#aec4dc;} @media (max-width:600px){ .sal-hfacts{flex-wrap:wrap;gap:18px 0;} .sal-hfact{flex:1 1 45%;padding:0 16px;} .sal-hfact:nth-child(odd){padding-left:0;} .sal-hfact + .sal-hfact::before{display:none;} } /* Ensure CF7 forms always fill their container (some page layouts wrap the form in an element that shrink-wraps it, making fields look narrow). */ .wpcf7{width:100%;} .wpcf7 > form.wpcf7-form{width:100%;} .wpcf7-form.sal-form-2col{width:100%;} /* if the form sits inside a WPBakery text column, let that fill too */ .salh-inq-form .wpb_text_column, .salh-inq-form .wpb_wrapper, .sal-appointment-wrap .wpb_text_column, .sal-appointment-wrap .wpb_wrapper{width:100%;} /* ========================================================================== UNIFIED CF7 FIELD STYLING — tinted fields on EVERY form, any layout. Placed last with !important so it overrides older plain per-layout rules (e.g. .salh-inq-form input) that made some forms look black-and-white. ========================================================================== */ .wpcf7-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=file]), .wpcf7-form select, .wpcf7-form textarea{ background:#eef3f9 !important; border:1.5px solid #cdd8e6 !important; border-radius:11px !important; color:#1f2d3d !important; padding:14px 16px !important; font-family:"Inter",sans-serif !important; font-size:15px !important; transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important; } .wpcf7-form input:not([type=submit]):hover, .wpcf7-form select:hover, .wpcf7-form textarea:hover{border-color:#a9bace !important;} .wpcf7-form input:not([type=submit]):focus, .wpcf7-form select:focus, .wpcf7-form textarea:focus{ background:#fff !important; border-color:#3aaa35 !important; box-shadow:0 0 0 3px rgba(58,170,53,.18) !important; outline:none !important; } .wpcf7-form input::placeholder, .wpcf7-form textarea::placeholder{color:#8695a6 !important;} /* keep the submit button green, not tinted */ .wpcf7-form input[type=submit], .wpcf7-form .wpcf7-submit, .wpcf7-form button[type=submit]{background:#3aaa35 !important;color:#fff !important;border:0 !important;} /* ========================================================================== FORM WIDTH FIX — strip any max-width cap off wrappers around a CF7 form, so the form always fills its column. Uses :has() to target only the column/wrappers that actually contain a sal-form-2col form. ========================================================================== */ .wpb_column:has(.wpcf7-form.sal-form-2col) .vc_column-inner, .wpb_column:has(.wpcf7-form.sal-form-2col) .wpb_wrapper, .wpb_column:has(.wpcf7-form.sal-form-2col) .wpb_text_column, .wpb_text_column:has(.wpcf7-form.sal-form-2col), .wpcf7:has(.wpcf7-form.sal-form-2col), .wpcf7-form.sal-form-2col{ max-width:none !important; width:100% !important; } /* ========================================================================== Careers page — QR + apply block ========================================================================== */ .salcar-apply{align-items:center;gap:24px;} .salcar-qr{text-align:center;} .salcar-qrimg{width:100%;max-width:240px;height:auto;background:#fff;padding:14px;border-radius:16px;box-shadow:0 12px 30px rgba(9,32,60,.12);display:inline-block;} .salcar-qrcap{display:block;margin-top:12px;font-family:"Archivo",sans-serif;font-weight:700;color:var(--sal-navy);letter-spacing:.02em;} .salcar-cta h3{font-family:"Archivo",sans-serif;font-weight:800;color:var(--sal-navy);margin:0 0 10px;} .salcar-cta .sal-btn{margin-top:16px;} @media (max-width:768px){ .salcar-apply{flex-direction:column;} .salcar-qr,.salcar-cta{width:100% !important;text-align:center;} }