/*
Theme Name: Capital Med - Salient Child
Description: Capital Med brand styling for the Salient page builder.
Template: salient
Version: 1.0.0
Text Domain: capitalmed-salient
*/

@font-face {
  font-family: 'Avenir Next';
  src: url('../../uploads/2026/10/Avenir-Next-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir Next';
  src: url('../../uploads/2026/10/Avenir-Next-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir Next';
  src: url('../../uploads/2026/10/Avenir-Next-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --cm-blue: #0d508c;
  --cm-medical: #1c7cbc;
  --cm-sky: #5fc7db;
  --cm-gold: #856f4d;
  --cm-orange: #cf3f1c;
  --cm-ink: #202e3c;
  --cm-muted: #585858;
  --cm-paper: #ffffff;
  --cm-mist: #f1f7f9;
  --cm-line: #dce5e9;
  --cm-font: 'Avenir Next', 'Open Sans', 'Century Gothic', sans-serif;
  --cm-display: 'Modern King', 'Sinhala MN', Georgia, serif;
}

html { scroll-behavior: smooth; }
body, body p, #header-outer nav, body .nectar-button { font-family: var(--cm-font) !important; letter-spacing: 0 !important; }
body { color: var(--cm-ink); }
body h1, body h2, body h3, body h4, body h5, body h6 { font-family: var(--cm-font); letter-spacing: 0 !important; }
body #header-outer { border-bottom: 1px solid var(--cm-line); }
body #header-outer #logo img { object-fit: contain; height: 58px !important; width: auto !important; }
body #header-outer nav > ul > li > a { font-size: 13px !important; font-weight: 500; }
body.home .container-wrap { padding-top: 0; padding-bottom: 0; }
body .cm-section { scroll-margin-top: 110px; }
body .cm-section .wpb_text_column { margin-bottom: 22px; }
body .cm-section p { font-size: 15px; line-height: 1.9; padding-bottom: 14px; }
body .cm-section h2 { font-family: var(--cm-font) !important; font-size: 40px; line-height: 1.22; font-weight: 500; margin-bottom: 22px; color: var(--cm-blue); text-transform: none !important; }
body .cm-section h3 { font-family: var(--cm-font) !important; font-size: 21px; line-height: 1.4; font-weight: 500; text-transform: none !important; }
body .cm-section p, body .cm-section a { text-transform: none !important; font-weight: 400; }
body .cm-section .cm-kicker { font-size: 11px; line-height: 1.6; font-weight: 600; text-transform: uppercase; color: var(--cm-gold); padding-bottom: 16px; }
body .cm-section .cm-lead { font-size: 18px; line-height: 1.8; }
body .cm-section .nectar-button { border-radius: 3px !important; font-size: 12px; box-shadow: none; }
body .cm-section .nectar-button.regular-button { background-color: var(--cm-blue) !important; }
body .cm-section .nectar-button:hover { transform: translateY(-3px); }
body .cm-section a:not(.nectar-button) { text-underline-offset: 5px; }
body .cm-section a:focus-visible, body #header-outer a:focus-visible { outline: 3px solid var(--cm-orange); outline-offset: 5px; }
body .cm-hero > .row-bg-wrap .row-bg { background-position: center 52% !important; }
body .cm-hero > .row-bg-wrap .row-bg-overlay { background: linear-gradient(90deg, rgba(8,37,63,.82) 0%, rgba(8,37,63,.48) 45%, rgba(8,37,63,.05) 100%) !important; opacity: 1 !important; }
body .cm-hero > .row_col_wrap_12 { min-height: 610px; display: flex; align-items: center; padding-top: 85px; padding-bottom: 80px; }
body .cm-hero h1 { font-family: var(--cm-display) !important; font-size: 94px; line-height: 1.08; font-weight: 400; color: white; margin: 0 0 20px; }
body .cm-hero .cm-kicker { color: #d9edf5; border-left: 2px solid #c9ab76; padding-left: 14px; padding-bottom: 0; margin-bottom: 24px; }
body .cm-hero .cm-hero-line { font-size: 29px; line-height: 1.35; font-weight: 400; color: white; padding-bottom: 20px; }
body .cm-hero .cm-hero-copy { max-width: 470px; font-size: 15px; line-height: 1.85; color: #edf6fb; }
body .cm-hero .nectar-button.regular-button { background: white !important; color: var(--cm-blue) !important; }
body .cm-hero .nectar-button { margin-right: 14px; }
body .cm-hero .cm-hero-note { color: #e2edf1; font-size: 11px; padding-top: 22px; padding-bottom: 0; }
body .cm-quick { border-bottom: 1px solid var(--cm-line); }
body .cm-quick .wpb_text_column { margin-bottom: 0; }
body .cm-quick .vc_column_container + .vc_column_container { border-left: 1px solid var(--cm-line); }
body .cm-quick a { display: block; color: var(--cm-ink); font-size: 17px; font-weight: 500; }
body .cm-quick a span { display: block; font-size: 11px; color: var(--cm-muted); margin-top: 4px; font-weight: 400; }
body .cm-quick .cm-link-label { font-size: 10px; color: var(--cm-gold); padding-bottom: 4px; }
body .cm-image .img-with-aniamtion-wrap { overflow: hidden; border-radius: 4px; }
body .cm-image img { width: 100%; object-fit: cover; transition: transform .8s ease; }
body .cm-image:hover img { transform: scale(1.035); }
body .cm-about-image img { aspect-ratio: 5 / 4; }
body .cm-caption { font-size: 11px !important; color: var(--cm-muted); padding-top: 12px; }
body .cm-about .cm-detail { border-top: 1px solid var(--cm-line); padding-top: 18px; margin-top: 12px; }
body .cm-about .cm-detail strong { color: var(--cm-blue); font-weight: 500; }
body .cm-stats { border-top: 1px solid var(--cm-line); border-bottom: 1px solid var(--cm-line); }
body .cm-stats .wpb_text_column { margin-bottom: 0; }
body .cm-stat-number { font-family: var(--cm-display); font-size: 62px; line-height: 1.15; color: var(--cm-blue); padding-bottom: 8px !important; }
body .cm-stat-label { font-size: 12px !important; color: var(--cm-muted); padding-bottom: 0 !important; }
body .cm-stats .vc_column_container + .vc_column_container { border-left: 1px solid var(--cm-line); }
body .cm-capacity-note { font-size: 11px !important; color: var(--cm-muted); }
body .cm-specialty { padding-top: 25px; padding-bottom: 12px; border-top: 1px solid var(--cm-line); }
body .cm-specialty .cm-index { color: var(--cm-gold); font-size: 11px; padding-bottom: 24px; }
body .cm-specialty h3 { color: var(--cm-blue); }
body .cm-specialty p { font-size: 13px; line-height: 1.85; }
body .cm-specialties .vc_row.inner_row { margin-bottom: 10px; }
body .cm-ecosystem img { aspect-ratio: 4 / 3; }
body .cm-ecosystem h3 { margin-top: 22px; color: var(--cm-blue); }
body .cm-ecosystem .cm-section-intro { max-width: 600px; }
body .cm-flagship h2 { font-family: var(--cm-display) !important; font-size: 54px; color: var(--cm-blue); }
body .cm-flagship img { aspect-ratio: 5 / 4; }
body .cm-flagship .cm-detail { border-bottom: 1px solid var(--cm-line); padding-bottom: 12px; margin-bottom: 16px; font-size: 13px; }
body .cm-flagship .cm-detail strong { color: var(--cm-blue); }
body .cm-landscape > .row_col_wrap_12 { min-height: 480px; display: flex; align-items: center; }
body .cm-landscape > .row-bg-wrap .row-bg-overlay { background: linear-gradient(90deg, rgba(8,44,51,.88), rgba(8,44,51,.38)) !important; opacity: 1 !important; }
body .cm-landscape h2 { color: white; font-family: var(--cm-display) !important; font-size: 54px; }
body .cm-landscape .cm-kicker { color: #c3e4df; }
body .cm-landscape .cm-landscape-copy { max-width: 470px; color: #e6f1ee; }
body .cm-landscape .cm-landscape-number { font-family: var(--cm-display); font-size: 94px; line-height: 1.1; color: white; padding-bottom: 4px; }
body .cm-landscape .cm-landscape-label { color: #d7ece4; font-size: 13px; }
body .cm-news img { aspect-ratio: 16 / 10; }
body .cm-news h3 { font-size: 19px; color: var(--cm-blue); }
body .cm-news .cm-news-date { font-size: 10px; color: var(--cm-gold); padding-top: 20px; padding-bottom: 12px; }
body .cm-news .cm-news-copy { font-size: 13px; color: var(--cm-muted); }
body .cm-contact h2 { font-family: var(--cm-display) !important; font-size: 51px; color: white; }
body .cm-contact .cm-kicker { color: #c6b58e; }
body .cm-contact p { color: #e4eef5; }
body .cm-contact .cm-contact-phone { font-size: 48px; line-height: 1.3; color: white; font-weight: 400; }
body .cm-contact .cm-contact-email { font-size: 17px; color: white; overflow-wrap: anywhere; }
body .cm-contact .cm-contact-label { font-size: 11px; padding-top: 10px; padding-bottom: 4px; color: #bad4e5; }
body .cm-footer p, body .cm-footer a { color: var(--cm-muted); font-size: 12px; }
body .cm-footer h3 { font-size: 13px; color: var(--cm-blue); margin-bottom: 15px; }
body .cm-footer .cm-footer-brand { font-family: var(--cm-display); font-size: 30px; color: var(--cm-blue); padding-bottom: 10px; }
body .cm-footer img.cm-footer-logo { display: block; width: 180px !important; max-width: 100%; height: auto !important; margin-bottom: 20px; }
body .cm-footer .cm-footer-links a { display: block; margin-bottom: 8px; }
body #ajax-content-wrap > .container-wrap { box-shadow: none !important; }
body #footer-outer #copyright { background: white; border-top: 1px solid var(--cm-line); padding: 20px 0; }
body #footer-outer #copyright p { color: var(--cm-muted); font-size: 11px; }
.cm-motion .cm-reveal { opacity: 0; transform: translateY(22px); transition: opacity .75s ease, transform .75s ease; }
.cm-motion .cm-reveal.cm-visible { opacity: 1; transform: none; }

body.page-id-6273 .cm-hero { --row-bg-color: #ffffff !important; position: relative; }
body.page-id-6273 .cm-hero > .row-bg-wrap .row-bg { background-color: #ffffff !important; background-position: right center !important; }
body.page-id-6273 .cm-hero > .row-bg-wrap .row-bg-overlay { background: linear-gradient(90deg, #ffffff 0%, #ffffff 32%, rgba(255,255,255,.96) 43%, rgba(255,255,255,.38) 62%, rgba(255,255,255,.04) 100%) !important; }
body.page-id-6273 .cm-hero::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 110px; background: url('assets/home-ribbon.svg') center bottom / 100% 100% no-repeat; pointer-events: none; z-index: 4; }
body.page-id-6273 .cm-hero > .row_col_wrap_12 { min-height: 580px; padding-top: 48px; padding-bottom: 145px; position: relative; z-index: 5; }
body.page-id-6273 .cm-hero h1 { color: var(--cm-blue); font-size: 48px; margin-bottom: 16px; }
body.page-id-6273 .cm-hero .cm-kicker { color: var(--cm-gold); border-left-color: var(--cm-gold); margin-bottom: 16px; }
body.page-id-6273 .cm-hero .cm-hero-line { font-family: var(--cm-display) !important; color: var(--cm-blue); font-size: 42px; line-height: 1.14; max-width: 510px; padding-bottom: 16px; }
body.page-id-6273 .cm-hero .cm-hero-copy { color: var(--cm-gold); font-size: 15px; font-weight: 500; max-width: 450px; }
body.page-id-6273 .cm-hero .cm-hero-note { color: var(--cm-gold); padding-top: 16px; }
body.page-id-6273 .cm-hero .nectar-button.regular-button { background: var(--cm-blue) !important; color: #ffffff !important; border-bottom: 3px solid var(--cm-gold); }
body.page-id-6273 .cm-hero .nectar-button.see-through-2 { background: var(--cm-orange) !important; color: #ffffff !important; border-color: var(--cm-orange) !important; }
body.page-id-6273 .cm-quick { border-bottom-color: var(--cm-gold); }
body.page-id-6273 .cm-quick a:hover, body.page-id-6273 .cm-footer a:hover { color: var(--cm-orange); }
body.page-id-6273 .cm-section .cm-kicker { font-size: 12px; }
body.page-id-6273 .cm-about .cm-detail { border-top-color: var(--cm-gold); }
body.page-id-6273 .cm-stats .vc_column_container:nth-child(odd) .cm-stat-number { color: var(--cm-gold); }
body.page-id-6273 .cm-specialty { border-top: 0; }
body.page-id-6273 .cm-specialty img.cm-care-icon { width: 160px !important; max-width: 100%; height: auto !important; }
body.page-id-6273 .cm-specialty .img-with-aniamtion-wrap { margin-bottom: 18px; }
body.page-id-6273 .cm-specialty .cm-index { color: var(--cm-orange); }
body.page-id-6273 .cm-specialty h3 { font-size: 20px; }
body.page-id-6273 .cm-ecosystem h3 { padding-top: 16px; border-top: 2px solid var(--cm-gold); }
body.page-id-6273 .cm-flagship .cm-detail { border-bottom-color: var(--cm-gold); }
body.page-id-6273 .cm-visit .nectar-button.regular-button { background: var(--cm-orange) !important; }
body.page-id-6273 .cm-news .cm-news-date { border-bottom: 1px solid var(--cm-gold); margin-bottom: 16px; }
body.page-id-6273 .cm-contact { border-top: 4px solid var(--cm-gold); }

@media (max-width: 999px) {
  body.page-id-6273 .cm-hero .cm-hero-line { font-size: 36px; max-width: 430px; }
  body.page-id-6273 .cm-hero > .row_col_wrap_12 { min-height: 560px; }
  body.page-id-6273 .cm-hero > .row-bg-wrap .row-bg-overlay { background: linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,.94) 45%, rgba(255,255,255,.35) 100%) !important; }
}
@media (max-width: 690px) {
  body.page-id-6273 .cm-hero h1 { font-size: 38px; }
  body.page-id-6273 .cm-hero .cm-hero-line { font-size: 33px; max-width: 100%; }
  body.page-id-6273 .cm-hero > .row_col_wrap_12 { min-height: 600px; padding-top: 38px; padding-bottom: 160px; }
  body.page-id-6273 .cm-hero > .row-bg-wrap .row-bg { background-position: right bottom !important; background-size: auto 260px !important; background-repeat: no-repeat !important; }
  body.page-id-6273 .cm-hero > .row-bg-wrap .row-bg-overlay { background: linear-gradient(180deg, #ffffff 0%, #ffffff 46%, rgba(255,255,255,.88) 64%, rgba(255,255,255,.1) 100%) !important; }
  body.page-id-6273 .cm-hero::after { height: 75px; }
}

@media (min-width: 1000px) {
  body .container { max-width: 1280px; }
  body .cm-hero .vc_column_container { max-width: 740px; }
  body .cm-about > .row_col_wrap_12, body .cm-flagship > .row_col_wrap_12 { align-items: center; }
}
@media (max-width: 999px) {
  body .container { max-width: calc(100% - 48px); }
  body #header-outer #logo img { height: 38px !important; }
  body .cm-section h2 { font-size: 34px; }
  body .cm-hero h1 { font-size: 72px; }
  body .cm-hero > .row_col_wrap_12 { min-height: 560px; padding-top: 65px; padding-bottom: 65px; }
  body .cm-hero .cm-hero-line { font-size: 25px; }
  body .cm-section .cm-lead { font-size: 16px; }
  body .cm-about-image img { aspect-ratio: 16 / 10; }
  body .cm-stat-number { font-size: 49px; }
  body .cm-flagship h2, body .cm-landscape h2 { font-size: 42px; }
}
@media (max-width: 690px) {
  body .cm-section:not(.cm-hero):not(.cm-quick):not(.cm-stats) { padding-top: 50px !important; padding-bottom: 45px !important; }
  body .cm-section h2 { font-size: 30px; }
  body .cm-section p { font-size: 14px; }
  body .cm-hero > .row_col_wrap_12 { min-height: 530px; padding-top: 55px; padding-bottom: 55px; }
  body .cm-hero h1 { font-size: 56px; }
  body .cm-hero .cm-hero-line { font-size: 23px; }
  body .cm-hero > .row-bg-wrap .row-bg { background-position: 62% center !important; }
  body .cm-hero > .row-bg-wrap .row-bg-overlay { background: rgba(8,37,63,.64) !important; }
  body .cm-hero .cm-hero-copy { font-size: 13px; }
  body .cm-hero .nectar-button { padding: 14px 19px !important; margin-right: 6px; margin-bottom: 10px; }
  body .cm-quick .vc_column_container + .vc_column_container { border-left: 0; border-top: 1px solid var(--cm-line); padding-top: 18px; }
  body .cm-quick .vc_column_container { margin-bottom: 18px; }
  body .cm-quick .vc_column_container:last-child { margin-bottom: 0; }
  body .cm-stats > .row_col_wrap_12 { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 10px; }
  body .cm-stats > .row_col_wrap_12 > .vc_column_container { width: 100% !important; margin: 0 !important; }
  body .cm-stats .vc_column_container + .vc_column_container { border-left: 0; }
  body .cm-stat-number { font-size: 44px; }
  body .cm-stat-label { font-size: 11px !important; }
  body .cm-landscape > .row_col_wrap_12 { min-height: 580px; display: block; }
  body .cm-landscape h2, body .cm-contact h2 { font-size: 38px; }
  body .cm-landscape .cm-landscape-number { font-size: 72px; }
  body .cm-contact .cm-contact-phone { font-size: 40px; }
  body .cm-specialty .cm-index { padding-bottom: 12px; }
  body .cm-news .vc_column_container { margin-bottom: 36px; }
  body .cm-section { scroll-margin-top: 85px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .cm-motion .cm-reveal { opacity: 1; transform: none; transition: none; }
  body .cm-image img, body .cm-section .nectar-button { transition: none !important; transform: none !important; }
}