.elementor-kit-59{--e-global-color-primary:#C8AC48;--e-global-color-secondary:#304971;--e-global-color-text:#403F3F;--e-global-color-accent:#C0B596;--e-global-color-cc82808:#D4C291;--e-global-color-d1e785d:#FFFFFF;--e-global-color-c1c757b:#000000;--e-global-color-82348df:#151A30;--e-global-color-fd930a0:#DDDDDD;--e-global-color-07e41fa:#F1F1F1;--e-global-color-bc0d672:#ADA282;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Helvetica";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:28px;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-line-height:1.5em;--e-global-typography-5085212-font-family:"Playfair Display";--e-global-typography-5085212-font-size:60px;--e-global-typography-5085212-font-weight:400;--e-global-typography-5085212-text-transform:capitalize;--e-global-typography-5085212-line-height:90px;--e-global-typography-5e11e22-font-family:"Playfair Display";--e-global-typography-5e11e22-font-size:36px;--e-global-typography-5e11e22-font-weight:500;--e-global-typography-5e11e22-text-transform:capitalize;--e-global-typography-5e11e22-line-height:43px;--e-global-typography-05f1a70-font-family:"Playfair Display";--e-global-typography-05f1a70-font-size:27px;--e-global-typography-05f1a70-font-weight:500;--e-global-typography-05f1a70-text-transform:capitalize;--e-global-typography-05f1a70-line-height:32px;--e-global-typography-e184dc1-font-family:"Playfair Display";--e-global-typography-e184dc1-font-size:24px;--e-global-typography-e184dc1-font-weight:500;--e-global-typography-e184dc1-text-transform:capitalize;--e-global-typography-e184dc1-line-height:34px;--e-global-typography-92a3c92-font-family:"Playfair Display";--e-global-typography-92a3c92-font-size:22px;--e-global-typography-92a3c92-font-weight:500;--e-global-typography-92a3c92-text-transform:capitalize;--e-global-typography-92a3c92-line-height:30px;--e-global-typography-d16c5e9-font-family:"Playfair Display";--e-global-typography-d16c5e9-font-size:20px;--e-global-typography-d16c5e9-font-weight:500;--e-global-typography-d16c5e9-text-transform:capitalize;--e-global-typography-d16c5e9-line-height:25px;--e-global-typography-e21304f-font-family:"Open Sans";--e-global-typography-e21304f-font-size:16px;--e-global-typography-e21304f-font-weight:400;--e-global-typography-e21304f-text-transform:capitalize;--e-global-typography-e21304f-line-height:24px;--e-global-typography-66cc588-font-family:"Playfair Display SC";--e-global-typography-66cc588-font-size:50px;--e-global-typography-66cc588-font-weight:700;--e-global-typography-66cc588-line-height:40px;--e-global-typography-0f003b0-font-family:"Open Sans";--e-global-typography-0f003b0-font-size:18px;--e-global-typography-0f003b0-font-weight:400;--e-global-typography-0f003b0-text-transform:capitalize;--e-global-typography-0f003b0-line-height:28px;--e-global-typography-a149a58-font-family:"Open Sans";--e-global-typography-a149a58-font-size:18px;--e-global-typography-a149a58-font-weight:600;--e-global-typography-a149a58-line-height:28px;--e-global-typography-6216122-font-family:"Playfair Display";--e-global-typography-6216122-font-size:30px;--e-global-typography-6216122-font-weight:500;--e-global-typography-6216122-line-height:36px;--e-global-typography-d4c87f4-font-family:"Playfair Display";--e-global-typography-d4c87f4-font-size:28px;--e-global-typography-d4c87f4-font-weight:500;--e-global-typography-d4c87f4-text-transform:capitalize;--e-global-typography-d4c87f4-line-height:34px;--e-global-typography-4060c24-font-family:"Open Sans";--e-global-typography-4060c24-font-size:20px;--e-global-typography-4060c24-font-weight:300;--e-global-typography-4060c24-line-height:0.8em;--e-global-typography-34ffd19-font-family:"Open Sans";--e-global-typography-34ffd19-font-size:18px;--e-global-typography-34ffd19-font-weight:600;--e-global-typography-34ffd19-text-transform:capitalize;--e-global-typography-34ffd19-line-height:27px;--e-global-typography-bce30fd-font-family:"Open Sans";--e-global-typography-bce30fd-font-size:30px;--e-global-typography-bce30fd-font-weight:600;--e-global-typography-bce30fd-line-height:36px;--e-global-typography-f850ce5-font-family:"Open Sans";--e-global-typography-f850ce5-font-size:60px;--e-global-typography-f850ce5-font-weight:600;--e-global-typography-f850ce5-line-height:72px;--e-global-typography-51e7eda-font-family:"Open Sans";--e-global-typography-51e7eda-font-size:22px;--e-global-typography-51e7eda-font-weight:500;--e-global-typography-51e7eda-line-height:40px;color:var( --e-global-color-text );font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;line-height:28px;}.elementor-kit-59 button,.elementor-kit-59 input[type="button"],.elementor-kit-59 input[type="submit"],.elementor-kit-59 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );color:var( --e-global-color-d1e785d );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:12px 38px 12px 38px;}.elementor-kit-59 button:hover,.elementor-kit-59 button:focus,.elementor-kit-59 input[type="button"]:hover,.elementor-kit-59 input[type="button"]:focus,.elementor-kit-59 input[type="submit"]:hover,.elementor-kit-59 input[type="submit"]:focus,.elementor-kit-59 .elementor-button:hover,.elementor-kit-59 .elementor-button:focus{background-color:var( --e-global-color-cc82808 );color:var( --e-global-color-d1e785d );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-cc82808 );}.elementor-kit-59 e-page-transition{background-color:#FFBC7D;}.elementor-kit-59 a{color:var( --e-global-color-secondary );}.elementor-kit-59 h1{color:var( --e-global-color-d1e785d );font-family:var( --e-global-typography-5085212-font-family ), Sans-serif;font-size:var( --e-global-typography-5085212-font-size );font-weight:var( --e-global-typography-5085212-font-weight );text-transform:var( --e-global-typography-5085212-text-transform );line-height:var( --e-global-typography-5085212-line-height );}.elementor-kit-59 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-5e11e22-font-family ), Sans-serif;font-size:var( --e-global-typography-5e11e22-font-size );font-weight:var( --e-global-typography-5e11e22-font-weight );text-transform:var( --e-global-typography-5e11e22-text-transform );line-height:var( --e-global-typography-5e11e22-line-height );}.elementor-kit-59 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-05f1a70-font-family ), Sans-serif;font-size:var( --e-global-typography-05f1a70-font-size );font-weight:var( --e-global-typography-05f1a70-font-weight );text-transform:var( --e-global-typography-05f1a70-text-transform );line-height:var( --e-global-typography-05f1a70-line-height );}.elementor-kit-59 h4{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-e184dc1-font-family ), Sans-serif;font-size:var( --e-global-typography-e184dc1-font-size );font-weight:var( --e-global-typography-e184dc1-font-weight );text-transform:var( --e-global-typography-e184dc1-text-transform );line-height:var( --e-global-typography-e184dc1-line-height );}.elementor-kit-59 h5{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-92a3c92-font-family ), Sans-serif;font-size:var( --e-global-typography-92a3c92-font-size );font-weight:var( --e-global-typography-92a3c92-font-weight );text-transform:var( --e-global-typography-92a3c92-text-transform );line-height:var( --e-global-typography-92a3c92-line-height );}.elementor-kit-59 h6{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-d16c5e9-font-family ), Sans-serif;font-size:var( --e-global-typography-d16c5e9-font-size );font-weight:var( --e-global-typography-d16c5e9-font-weight );text-transform:var( --e-global-typography-d16c5e9-text-transform );line-height:var( --e-global-typography-d16c5e9-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-59{--e-global-typography-5085212-font-size:40px;--e-global-typography-5085212-line-height:1.5em;--e-global-typography-5e11e22-font-size:28px;--e-global-typography-5e11e22-line-height:1.3em;--e-global-typography-05f1a70-font-size:22px;--e-global-typography-05f1a70-line-height:1.3em;--e-global-typography-f850ce5-font-size:46px;--e-global-typography-51e7eda-font-size:20px;--e-global-typography-51e7eda-line-height:30px;}.elementor-kit-59 h1{font-size:var( --e-global-typography-5085212-font-size );line-height:var( --e-global-typography-5085212-line-height );}.elementor-kit-59 h2{font-size:var( --e-global-typography-5e11e22-font-size );line-height:var( --e-global-typography-5e11e22-line-height );}.elementor-kit-59 h3{font-size:var( --e-global-typography-05f1a70-font-size );line-height:var( --e-global-typography-05f1a70-line-height );}.elementor-kit-59 h4{font-size:var( --e-global-typography-e184dc1-font-size );line-height:var( --e-global-typography-e184dc1-line-height );}.elementor-kit-59 h5{font-size:var( --e-global-typography-92a3c92-font-size );line-height:var( --e-global-typography-92a3c92-line-height );}.elementor-kit-59 h6{font-size:var( --e-global-typography-d16c5e9-font-size );line-height:var( --e-global-typography-d16c5e9-line-height );}.elementor-kit-59 button,.elementor-kit-59 input[type="button"],.elementor-kit-59 input[type="submit"],.elementor-kit-59 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-59{--e-global-typography-5085212-font-size:34px;--e-global-typography-5085212-line-height:1.2em;}.elementor-kit-59 h1{font-size:var( --e-global-typography-5085212-font-size );line-height:var( --e-global-typography-5085212-line-height );}.elementor-kit-59 h2{font-size:var( --e-global-typography-5e11e22-font-size );line-height:var( --e-global-typography-5e11e22-line-height );}.elementor-kit-59 h3{font-size:var( --e-global-typography-05f1a70-font-size );line-height:var( --e-global-typography-05f1a70-line-height );}.elementor-kit-59 h4{font-size:var( --e-global-typography-e184dc1-font-size );line-height:var( --e-global-typography-e184dc1-line-height );}.elementor-kit-59 h5{font-size:var( --e-global-typography-92a3c92-font-size );line-height:var( --e-global-typography-92a3c92-line-height );}.elementor-kit-59 h6{font-size:var( --e-global-typography-d16c5e9-font-size );line-height:var( --e-global-typography-d16c5e9-line-height );}.elementor-kit-59 button,.elementor-kit-59 input[type="button"],.elementor-kit-59 input[type="submit"],.elementor-kit-59 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*
* ═══════════════════════════════════════════════════════════
* EXPERIENCE PAGE — Full Polish
* Health Strategic Consultants
*
* HOW TO USE:
* Elementor → Site Settings → Custom CSS → paste this entire file
* ═══════════════════════════════════════════════════════════
*/
/* ─────────────────────────────────────────
PAGE HERO SECTION
Apply CSS class "hsc-page-hero" to the
top hero section of the page
───────────────────────────────────────── */
.hsc-page-hero {
background: linear-gradient(135deg, #0d1b3e 0%, #0047cc 100%) !important;
padding-top: 80px !important;
padding-bottom: 90px !important;
position: relative !important;
}
/* Tilt divider at bottom of hero */
.hsc-page-hero::after {
content: '' !important;
position: absolute !important;
bottom: -1px !important;
left: 0 !important;
right: 0 !important;
height: 48px !important;
background: #ffffff !important;
clip-path: polygon(0 100%, 100% 0, 100% 100%) !important;
}
/* Page H1 title */
.hsc-page-hero .elementor-heading-title {
color: #ffffff !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 44px !important;
font-weight: 800 !important;
letter-spacing: -0.03em !important;
line-height: 1.1 !important;
}
/* Hero intro paragraph */
.hsc-page-hero .elementor-widget-text-editor p {
color: rgba(255, 255, 255, .82) !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 17px !important;
font-weight: 400 !important;
line-height: 1.75 !important;
max-width: 660px !important;
margin-top: 16px !important;
margin-bottom: 0 !important;
}
/* ─────────────────────────────────────────
SECTION H2 HEADINGS
Apply "hsc-section-h2" to the Heading
widget for "Arbitration Cases" and
"Credentials" — nothing else needed.
───────────────────────────────────────── */
.hsc-section-h2 {
border-top: 3px solid #0047cc !important;
padding-top: 20px !important;
margin-bottom: 32px !important;
}
/* Add hsc-no-bar alongside hsc-section-h2 to suppress the top rule */
.hsc-section-h2.hsc-no-bar {
border-top: none !important;
padding-top: 0 !important;
}
.hsc-section-h2 .elementor-heading-title {
font-family: 'Open Sans', sans-serif !important;
font-size: 36px !important;
font-weight: 800 !important;
color: #0d1b3e !important;
letter-spacing: -0.03em !important;
line-height: 1.1 !important;
margin-bottom: 0 !important;
display: block !important;
border: none !important;
padding: 0 !important;
}
/* ─────────────────────────────────────────
SECTION WRAPPERS
hsc-section — both main sections
hsc-section-alt — credentials section,
adds light blue-grey background to
visually separate it from arbitration
───────────────────────────────────────── */
.hsc-section {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
.hsc-section-alt {
background: #f2f5fb !important;
padding-top: 64px !important;
padding-bottom: 72px !important;
}
/* ─────────────────────────────────────────
INTRO / LEAD PARAGRAPH
Apply "hsc-intro-text" to the Text Editor
widget with the intro sentence under a
section heading.
───────────────────────────────────────── */
.hsc-intro-text p,
.hsc-intro-text .elementor-widget-text-editor p {
font-family: 'Open Sans', sans-serif !important;
font-size: 15.5px !important;
font-weight: 400 !important;
color: #4b5563 !important;
line-height: 1.85 !important;
max-width: 780px !important;
margin-top: 14px !important;
margin-bottom: 36px !important;
border: none !important;
padding: 0 !important;
}
/* ─────────────────────────────────────────
ARBITRATION CASES — Left-Accent Cards
Apply CSS class "hsc-case-card" to each
Text Editor widget
───────────────────────────────────────── */
.hsc-case-card {
border-left: 5px solid #0047cc;
border-radius: 0 12px 12px 0;
padding: 28px 26px 28px 24px !important;
background: #f4f8ff;
box-shadow: none;
transition: background .2s ease, box-shadow .2s ease;
position: relative !important;
overflow: hidden !important;
}
.hsc-case-card:hover {
background: #eaf2ff;
box-shadow: 0 6px 24px rgba(0, 71, 204, .10);
}
/* Ghosted watermark icon — unique per card via hsc-c1…c5 */
.hsc-case-card::after {
position: absolute !important;
bottom: 10px !important;
right: 18px !important;
font-size: 64px !important;
line-height: 1 !important;
color: #0047cc !important;
opacity: 0.08 !important;
pointer-events: none !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900 !important;
user-select: none !important;
}
/* c1 — Payor / Provider Disputes: stethoscope */
.hsc-case-card.hsc-c1::after { content: '\f0f1' !important; }
/* c2 — Employment & Physician Partnership: handshake */
.hsc-case-card.hsc-c2::after { content: '\f2b5' !important; }
/* c3 — Fraud & Breach of Contract: shield */
.hsc-case-card.hsc-c3::after { content: '\f3ed' !important; }
/* c4 — Vendor vs. Healthcare Technology: laptop-medical */
.hsc-case-card.hsc-c4::after { content: '\f812' !important; }
/* c5 — Securities (FINRA): chart-line */
.hsc-case-card.hsc-c5::after { content: '\f201' !important; }
/* Heading — Open Sans, clean, no underline decoration */
.hsc-case-card h3,
.hsc-case-card h4 {
font-family: 'Open Sans', sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
color: #0d1b3e !important;
letter-spacing: -0.01em !important;
text-transform: none !important;
margin: 0 0 16px 0 !important;
padding: 0 !important;
border: none !important;
}
/* List — no bullets, just clean indented rows with spacing */
.hsc-case-card ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.hsc-case-card ul li {
font-family: 'Open Sans', sans-serif !important;
font-size: 13.5px !important;
color: #374151 !important;
padding: 7px 0 7px 14px !important;
border-bottom: none !important;
position: relative !important;
line-height: 1.6 !important;
}
.hsc-case-card ul li::before {
content: '' !important;
position: absolute !important;
left: 0 !important;
top: 15px !important;
width: 5px !important;
height: 5px !important;
border-radius: 50% !important;
background: currentColor !important;
opacity: .35 !important;
}
/* ─────────────────────────────────────────
PER-CARD ACCENT COLORS — unified
All cards use the same brand blue now.
hsc-c1 through hsc-c5 still accepted
but all resolve to the same style.
───────────────────────────────────────── */
.hsc-case-card.hsc-c1,
.hsc-case-card.hsc-c2,
.hsc-case-card.hsc-c3,
.hsc-case-card.hsc-c4,
.hsc-case-card.hsc-c5 { border-left-color: #0047cc; background: #f4f8ff; }
.hsc-case-card.hsc-c1:hover,
.hsc-case-card.hsc-c2:hover,
.hsc-case-card.hsc-c3:hover,
.hsc-case-card.hsc-c4:hover,
.hsc-case-card.hsc-c5:hover { background: #eaf2ff; }
/* ─────────────────────────────────────────
GAP BETWEEN CARDS
hsc-cases-row on each row (3-col and 2-col)
───────────────────────────────────────── */
.hsc-cases-row .elementor-column {
padding: 0 10px !important;
}
.hsc-cases-row .elementor-column:first-child {
padding-left: 0 !important;
}
.hsc-cases-row .elementor-column:last-child {
padding-right: 0 !important;
}
/* Vertical gap between card rows */
.hsc-cases-row {
margin-bottom: 28px !important;
}
/* Bottom 2-card row: constrain width so cards
don't stretch wider than the 3-col row above */
.hsc-cases-row.hsc-row-2col {
max-width: 68% !important;
}
/* ─────────────────────────────────────────
PAGE HEADER — Stat pills
Add CSS class "hsc-page-header" to the
header section, paste the stat HTML into
a Text Editor widget inside it
───────────────────────────────────────── */
.hsc-hero-stats {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 24px;
}
.hsc-hero-stats span {
display: inline-block;
background: rgba(255, 255, 255, .12);
border: 1px solid rgba(255, 255, 255, .25);
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.02em;
padding: 7px 16px;
border-radius: 24px;
white-space: nowrap;
}
/* ─────────────────────────────────────────
OUTCOMES BANNER
Apply "hsc-outcomes-banner" to the
section containing the outcomes sentence.
───────────────────────────────────────── */
.hsc-outcomes-banner {
background: #eef3fc !important;
border-left: 4px solid #0047cc !important;
border-radius: 0 6px 6px 0 !important;
padding: 18px 28px !important;
margin-top: 40px !important;
margin-bottom: 12px !important;
}
.hsc-outcomes-banner h2,
.hsc-outcomes-banner .elementor-heading-title {
color: #0d1b3e !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 14.5px !important;
font-weight: 500 !important;
letter-spacing: 0.01em !important;
line-height: 1.5 !important;
text-transform: none !important;
}
/* ─────────────────────────────────────────
CREDENTIALS — Section titles
Apply CSS class "hsc-cred-group" to each
credential sub-section widget
───────────────────────────────────────── */
.hsc-cred-group {
border-top: 3px solid #0047cc;
padding-top: 18px !important;
margin-bottom: 40px !important;
}
.hsc-cred-group h3,
.hsc-cred-group .elementor-heading-title {
font-family: 'Open Sans', sans-serif !important;
font-size: 20px !important;
font-weight: 800 !important;
letter-spacing: -0.02em !important;
text-transform: none !important;
color: #0d1b3e !important;
margin-bottom: 18px !important;
line-height: 1.2 !important;
}
/* Column gap — add hsc-cred-cols to the 2-column section */
.hsc-cred-cols .elementor-column {
padding: 0 !important;
}
.hsc-cred-cols .elementor-column:first-child {
padding-right: 60px !important;
}
.hsc-cred-cols .elementor-column:last-child {
padding-left: 60px !important;
border-left: 2px solid #e2e6ed !important;
}
/* Credential rows — apply "hsc-cred-row" to each text widget row */
.hsc-cred-row {
border-bottom: 1px solid #e2e6ed;
padding: 10px 0 !important;
}
.hsc-cred-row p,
.hsc-cred-row .elementor-widget-text-editor p {
font-size: 14px !important;
color: #1e2535 !important;
margin: 0 !important;
display: flex !important;
justify-content: space-between !important;
}
/* Active status badge — Bar Admissions */
.hsc-active {
display: inline-block;
background: #ecfdf5;
color: #065f46;
border: 1px solid #a7f3d0;
border-radius: 20px;
font-size: 11px !important;
font-weight: 700;
letter-spacing: 0.5px;
padding: 2px 10px;
text-transform: uppercase;
flex-shrink: 0;
}
/* List items in credentials (Bar, Panel, Training) */
.hsc-cred-list .elementor-icon-list-item,
.hsc-cred-list li {
border-bottom: 1px solid #e2e6ed !important;
padding: 9px 0 !important;
}
.hsc-cred-list .elementor-icon-list-item:last-child,
.hsc-cred-list li:last-child {
border-bottom: none !important;
}
.hsc-cred-list .elementor-icon-list-text {
font-size: 14px !important;
color: #1e2535 !important;
}
/* ─────────────────────────────────────────
EDUCATION ROWS
Use this HTML template inside a Text
Editor widget in the Education group:
Harvard School of Public Health
MPH · 1985
(repeat for each degree)
───────────────────────────────────────── */
.hsc-edu-row {
display: flex !important;
justify-content: space-between !important;
align-items: baseline !important;
border-bottom: 1px solid #e2e6ed !important;
padding: 11px 0 !important;
gap: 12px !important;
}
.hsc-edu-row:last-child {
border-bottom: none !important;
}
.hsc-edu-school {
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #0d1b3e !important;
line-height: 1.4 !important;
}
.hsc-edu-deg {
font-family: 'Open Sans', sans-serif !important;
font-size: 13px !important;
font-weight: 400 !important;
color: #6b7280 !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
}
/* ─────────────────────────────────────────
SPEAKING & PUBLICATIONS ROWS
Use this HTML template inside a Text
Editor widget in the Speaking group:
Talk or Publication Title
Venue · Year
───────────────────────────────────────── */
.hsc-speak-row {
display: flex !important;
justify-content: space-between !important;
align-items: baseline !important;
border-bottom: 1px solid #e2e6ed !important;
padding: 11px 0 !important;
gap: 16px !important;
}
.hsc-speak-row:last-child {
border-bottom: none !important;
}
.hsc-speak-title {
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #1e2535 !important;
line-height: 1.4 !important;
}
.hsc-speak-venue {
font-family: 'Open Sans', sans-serif !important;
font-size: 12px !important;
font-weight: 400 !important;
color: #6b7280 !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
}
/* ─────────────────────────────────────────
RESPONSIVE — mobile
───────────────────────────────────────── */
@media (max-width: 767px) {
.hsc-page-hero .elementor-heading-title {
font-size: 30px !important;
}
.hsc-page-hero::after {
height: 28px !important;
}
.hsc-section {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.hsc-section-h2 .elementor-heading-title {
font-size: 26px !important;
}
.hsc-cred-cols .elementor-column:first-child {
padding-right: 0 !important;
}
.hsc-cred-cols .elementor-column:last-child {
padding-left: 0 !important;
border-left: none !important;
border-top: 2px solid #e2e6ed !important;
padding-top: 32px !important;
}
.hsc-edu-row,
.hsc-speak-row {
flex-direction: column !important;
gap: 3px !important;
}
.hsc-edu-deg,
.hsc-speak-venue {
white-space: normal !important;
}
}
/*
* ═══════════════════════════════════════════════════════════
* SERVICES PAGE
* Health Strategic Consultants
*
* HOW TO USE:
* Append this to Elementor → Site Settings → Custom CSS
* (paste after the experience-page.css content)
* ═══════════════════════════════════════════════════════════
*/
/* ─────────────────────────────────────────
SECTION H2 HEADINGS — same as experience
hsc-section-h2 already defined in
experience-page.css, no need to redefine.
─────────────────────────────────────────
SECTION WRAPPERS — same classes apply:
hsc-section, hsc-section-alt
───────────────────────────────────────── */
/* ─────────────────────────────────────────
PAGE INTRO TEXT
Apply "hsc-intro-text" to the lead
paragraph beneath the page H1
("In high-stakes healthcare litigation...")
───────────────────────────────────────── */
/* hsc-intro-text already defined — reuses same style */
/* ─────────────────────────────────────────
FEATURE CARDS — Working With Me
Each value prop (Zero Learning Curve etc.)
gets its own Text Editor widget.
Apply "hsc-feature-card" to each widget.
HTML template per card:
Zero Learning Curve
Having served as CEO for multiple ACOs/IPAs...
───────────────────────────────────────── */
.hsc-feature-card {
border-left: 4px solid #0047cc;
border-radius: 0 10px 10px 0;
background: #f4f8ff;
padding: 22px 22px 22px 20px !important;
transition: background .2s ease, box-shadow .2s ease;
height: 100%;
}
.hsc-feature-card:hover {
background: #eaf2ff;
box-shadow: 0 4px 20px rgba(0, 71, 204, .08);
}
.hsc-feature-card h4,
.hsc-feature-card h3 {
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
color: #0047cc !important;
letter-spacing: 0.01em !important;
text-transform: none !important;
margin: 0 0 8px 0 !important;
padding: 0 !important;
border: none !important;
}
.hsc-feature-card p {
font-family: 'Open Sans', sans-serif !important;
font-size: 13.5px !important;
color: #374151 !important;
line-height: 1.65 !important;
margin: 0 !important;
}
/* ─────────────────────────────────────────
SERVICE INTRO BLOCK — Arbitration /
Mediation definition paragraphs
Apply "hsc-service-intro" to the Text
Editor widget with the definition text
("Arbitration is a formal, binding...")
───────────────────────────────────────── */
.hsc-service-intro p {
font-family: 'Open Sans', sans-serif !important;
font-size: 15.5px !important;
font-weight: 400 !important;
color: #374151 !important;
line-height: 1.85 !important;
border-left: 3px solid #0047cc !important;
padding-left: 18px !important;
margin-bottom: 0 !important;
}
/* ─────────────────────────────────────────
BENEFIT LIST — "Why Choose" bullets
Apply "hsc-benefit-list" to an Icon List
or Text Editor widget with the 3-point
"Faster resolution / Efficient process /
Well-reasoned awards" list
───────────────────────────────────────── */
.hsc-benefit-list ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.hsc-benefit-list ul li,
.hsc-benefit-list .elementor-icon-list-item {
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
color: #1e2535 !important;
padding: 10px 0 10px 20px !important;
border-bottom: 1px solid #e2e6ed !important;
position: relative !important;
line-height: 1.55 !important;
}
.hsc-benefit-list ul li:last-child,
.hsc-benefit-list .elementor-icon-list-item:last-child {
border-bottom: none !important;
}
.hsc-benefit-list ul li::before {
content: '' !important;
position: absolute !important;
left: 0 !important;
top: 18px !important;
width: 8px !important;
height: 8px !important;
border-radius: 50% !important;
background: #0047cc !important;
opacity: .5 !important;
}
/* Bold term — wrap the lead phrase in */
.hsc-benefit-list ul li strong,
.hsc-benefit-list p strong {
font-weight: 700 !important;
color: #0d1b3e !important;
}
/* ─────────────────────────────────────────
PROCESS STEPS — My Process numbered list
Apply "hsc-process-list" to the Text
Editor widget with the 5 process bullets.
HTML template:
- Preliminary Hearing
Key factual and legal issues...
...
───────────────────────────────────────── */
.hsc-process-list ol,
ol.hsc-steps {
list-style: none !important;
counter-reset: hsc-step !important;
padding: 0 !important;
margin: 0 !important;
}
.hsc-process-list ol li,
ol.hsc-steps li {
counter-increment: hsc-step !important;
position: relative !important;
padding: 14px 0 14px 52px !important;
border-bottom: 1px solid #e2e6ed !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
color: #374151 !important;
line-height: 1.6 !important;
}
.hsc-process-list ol li:last-child,
ol.hsc-steps li:last-child {
border-bottom: none !important;
}
.hsc-process-list ol li::before,
ol.hsc-steps li::before {
content: counter(hsc-step) !important;
position: absolute !important;
left: 0 !important;
top: 12px !important;
width: 32px !important;
height: 32px !important;
background: #0047cc !important;
color: #ffffff !important;
border-radius: 50% !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 13px !important;
font-weight: 700 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
}
.hsc-process-list ol li strong,
ol.hsc-steps li strong {
display: block !important;
font-weight: 700 !important;
color: #0d1b3e !important;
margin-bottom: 3px !important;
}
/* ─────────────────────────────────────────
EXPERTISE TAGS — Healthcare Expertise list
Apply "hsc-expertise-list" to the Text
Editor or Icon List widget with the
7 expertise bullet points
───────────────────────────────────────── */
.hsc-expertise-list ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
}
.hsc-expertise-list ul li {
font-family: 'Open Sans', sans-serif !important;
font-size: 13px !important;
font-weight: 500 !important;
color: #0d1b3e !important;
background: #eef3fc !important;
border: 1px solid #c7d9f5 !important;
border-radius: 6px !important;
padding: 7px 14px !important;
line-height: 1.3 !important;
}
.hsc-expertise-list ul li::before {
display: none !important;
}
/* ─────────────────────────────────────────
VIRTUAL HEARINGS — tech info block
Apply "hsc-tech-block" to the Text Editor
widget with the platforms/tools content
───────────────────────────────────────── */
.hsc-tech-block {
background: #f4f8ff !important;
border-radius: 10px !important;
padding: 28px 32px !important;
}
.hsc-tech-block p {
font-family: 'Open Sans', sans-serif !important;
font-size: 14px !important;
color: #374151 !important;
line-height: 1.7 !important;
margin-bottom: 12px !important;
}
.hsc-tech-block p:last-child {
margin-bottom: 0 !important;
}
.hsc-tech-block strong {
font-weight: 700 !important;
color: #0047cc !important;
}
/* ─────────────────────────────────────────
RESPONSIVE — mobile
───────────────────────────────────────── */
@media (max-width: 767px) {
.hsc-feature-card {
margin-bottom: 16px !important;
}
.hsc-expertise-list ul li {
font-size: 12px !important;
}
ol.hsc-steps li {
padding-left: 44px !important;
}
}/* End custom CSS */