:root {
--bs-primary: #184586;
--bs-primary-rgb: 24, 69, 134;
--bs-secondary: #04a3d7;
--bs-secondary-rgb: 4, 163, 215;
--bs-success: #22c55e;
--bs-success-rgb: 34, 197, 94;
--bs-info: #38bdf8;
--bs-info-rgb: 56, 189, 248;
--bs-warning: #d8df20;
--bs-warning-rgb: 216, 223, 32;
--bs-danger: #ef4444;
--bs-danger-rgb: 239, 68, 68;
--bs-light: #f2f0e6;
--bs-light-rgb: 242, 240, 230;
--bs-dark: #16213a;
--bs-dark-rgb: 22, 33, 58;
--bs-body-bg: #fcfbf5;
--bs-body-color: #16213a;
--bs-border-color: #e4e0d3;
--bs-font-sans-serif: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
--bs-font-monospace: SFMono-Regular, Consolas, "Liberation Mono", monospace;
--loc-font-heading: Outfit, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
--bs-body-font-size: 0.875rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.50;
--bs-border-radius: 0.75rem;
--bs-border-radius-sm: 0.5rem;
--bs-border-radius-lg: 1rem;
--bs-box-shadow-sm: 0 .0625rem .125rem rgba(0,0,0,.05);
--bs-box-shadow: 0 .125rem .375rem rgba(0,0,0,.08);
--bs-box-shadow-lg: 0 .25rem .75rem rgba(0,0,0,.1);
--bs-link-color: #2f6f52;
--bs-link-hover-color: #234f3a;
--loc-navbar-bg: #FFFFFF;
--loc-navbar-bg-mobile: #FFFFFF;
--loc-navbar-color: #16213A;
--loc-navbar-color-mobile: #16213A;
--loc-navbar-hover-color: rgba(22, 33, 58, 0.75);
--loc-navbar-active-color: #16213A;
--loc-navbar-pad-y: 0.5rem;
--loc-navbar-logo-h: 64px;
--loc-navbar-border-bottom: none;
--loc-navbar-shadow: none;
--loc-navbar-link-weight: 600;
--loc-navbar-link-transform: none;
--loc-navbar-link-spacing: normal;
--loc-navbar-link-font: inherit;
--loc-navbar-link-size: inherit;
--loc-navbar-logo-overhang: 20px;
--loc-navbar-logo-radius: 0;
--loc-navbar-logo-shadow: none;
--loc-navbar-backdrop: none;
--loc-divider-style: solid;
--loc-divider-color: #e4e0d3;
--loc-divider-thickness: 1px;
--loc-divider-width: 100%;
--sidebar-bg: #fcfbf5;
--sidebar-text: #16213a;
--sidebar-hover-bg: rgba(0,0,0,0.06);
--sidebar-active-bg: #184586;
--sidebar-active-text: #ffffff;
--sidebar-accent: #184586;
--sidebar-border: #e4e0d3;
}
.website .card-header.bg-primary { color: #ffffff; }
.website .card-header.bg-secondary { color: #ffffff; }
.website .card-header.bg-success { color: #ffffff; }
.website .card-header.bg-info { color: #212529; }
.website .card-header.bg-warning { color: #212529; }
.website .card-header.bg-danger { color: #ffffff; }
.website .card-header.bg-light { color: #212529; }
.website .card-header.bg-dark { color: #ffffff; }
.website { --bs-heading-color: #16213a; }
.website h1, .website h2, .website h3, .website h4, .website h5, .website h6, .website .h1, .website .h2, .website .h3, .website .h4, .website .h5, .website .h6 { font-family: var(--loc-font-heading); }
.website .loc-widget-title { justify-content: center; text-align: center; font-weight: 600; }
.loc-navbar .navbar-nav.me-auto { margin-left: auto !important; margin-right: auto !important; }
/* Club custom CSS, scoped to website content. */
.website {
--ptc-blue: #184586;
--ptc-blue-dark: #0E2F5C;
--ptc-blue-soft: #DCE7F5;
--ptc-cyan: #04A3D7;
--ptc-cyan-soft: #D5EEF4;
--ptc-yellow: #D8DF20;
--ptc-yellow-bright: #FFE707;
--ptc-yellow-deep: #B0B71F;
--ptc-yellow-soft: #F2F4C0;
--ptc-cream: #FCFBF5;
--ptc-cream-deep: #F2F0E6;
--ptc-white: #FFFFFF;
--ptc-ink: #16213A;
--ptc-ink-soft: #4B5775;
--ptc-line: #E4E0D3;
--ptc-font-heading: var(--loc-font-heading, Outfit, system-ui, sans-serif);
--ptc-font-body: var(--bs-font-sans-serif, "Source Sans 3", system-ui, sans-serif);
--ptc-radius-md: 10px;
--ptc-radius-lg: 18px;
--ptc-radius-pill: 999px;
--ptc-shadow-md: 0 8px 24px rgba(22, 33, 58, 0.08);
--ptc-shadow-cta: 0 6px 16px rgba(22, 33, 58, 0.16);
--loc-accent: var(--ptc-blue);
--bs-border-color: var(--ptc-line);
--bs-box-shadow: var(--ptc-shadow-md);
--ptc-tennis-ball-yellow: url("data:image/svg+xml;utf8,");
--ptc-tennis-ball-cyan: url("data:image/svg+xml;utf8,");
--ptc-container: 1200px; --ptc-gutter: 28px;
--loc-bleed: calc(-50vw + 50%);
padding-left: var(--ptc-gutter); padding-right: var(--ptc-gutter);
@media (max-width: 1223.98px) {
&.website { max-width: none; margin-left: calc(-0.5 * var(--bs-gutter-x, 1.5rem)); margin-right: calc(-0.5 * var(--bs-gutter-x, 1.5rem)); }
}
font-family: var(--ptc-font-body);
color: var(--ptc-ink);
font-size: 16px;
line-height: 1.55;
letter-spacing: 0.01em;
h1, h2, h3, h4, h5, h6 { font-family: var(--ptc-font-heading); color: var(--ptc-blue-dark); letter-spacing: -0.01em; }
h1 { font-size: clamp(2rem, 1.4rem + 2.4vw, 3.25rem); font-weight: 700; line-height: 1.1; }
h2 { font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.25rem); font-weight: 700; line-height: 1.15; }
h3 { font-size: 1.5rem; font-weight: 700; line-height: 1.2; }
h4 { font-size: 1.2rem; font-weight: 600; }
p { color: var(--ptc-ink-soft); }
a:not(.btn) { color: var(--ptc-blue); font-weight: 600; }
a:not(.btn):hover { color: var(--ptc-blue-dark); }
.loc-s-text-eyebrow > :first-child,
.loc-s-text-eyebrow > .widget-wrapper > :first-child,
.ptc-eyebrow {
font-family: var(--ptc-font-heading); font-weight: 700; font-size: 12px;
letter-spacing: 0.16em; text-transform: uppercase; color: var(--ptc-cyan);
}
.loc-s-text-lead p:first-of-type, .ptc-lead { font-size: 18px; line-height: 1.7; color: var(--ptc-ink-soft); }
.btn {
--bs-btn-border-radius: 999px;
--bs-btn-padding-x: 28px; --bs-btn-padding-y: 14px;
--bs-btn-font-family: var(--ptc-font-heading);
--bs-btn-font-weight: 700; --bs-btn-font-size: 13px; --bs-btn-line-height: 1;
--bs-btn-border-width: 1.5px;
letter-spacing: 0.12em; text-transform: uppercase; white-space: nowrap;
transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, color 0.16s ease;
}
.btn:hover { transform: translateY(-1px); box-shadow: var(--ptc-shadow-cta); }
.btn-primary {
--bs-btn-bg: var(--ptc-blue); --bs-btn-border-color: transparent; --bs-btn-color: #fff;
--bs-btn-hover-bg: var(--ptc-blue-dark); --bs-btn-hover-border-color: transparent; --bs-btn-active-border-color: transparent;
--bs-btn-active-bg: var(--ptc-blue-dark);
}
.btn-primary { background-color: var(--bs-btn-bg); border-color: transparent; }
.btn-primary:hover, .btn-primary:focus-visible, .btn-primary:active { background-color: var(--ptc-blue-dark); border-color: transparent; color: #fff; }
.btn-secondary, .btn-outline-primary {
--bs-btn-bg: transparent; --bs-btn-color: var(--ptc-blue); --bs-btn-border-color: var(--ptc-blue);
--bs-btn-hover-bg: var(--ptc-blue); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: var(--ptc-blue);
}
.btn-warning, .ptc-btn--yellow {
--bs-btn-bg: var(--ptc-yellow); --bs-btn-border-color: var(--ptc-yellow); --bs-btn-color: var(--ptc-blue-dark);
--bs-btn-hover-bg: var(--ptc-yellow-deep); --bs-btn-hover-border-color: var(--ptc-yellow-deep); --bs-btn-hover-color: var(--ptc-blue-dark);
}
.btn-secondary:hover, .btn-outline-primary:hover { --bs-btn-hover-bg: var(--ptc-cyan-soft); --bs-btn-hover-color: var(--ptc-blue-dark); --bs-btn-hover-border-color: var(--ptc-cyan); }
.btn-sm { --bs-btn-padding-x: 20px; --bs-btn-padding-y: 10px; --bs-btn-font-size: 12px; letter-spacing: 0.1em; }
.loc-widget-panel .card {
margin: 0 !important;
background: var(--ptc-white);
border: 1px solid var(--ptc-line);
border-radius: var(--ptc-radius-lg) !important;
box-shadow: none;
transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.loc-widget-panel .card:hover { transform: translateY(-4px); box-shadow: var(--ptc-shadow-md); border-color: var(--ptc-cyan); }
.loc-widget-panel .card-header,
.loc-widget-panel .card-footer { background: transparent; border: 0; border-radius: 0 !important; min-height: 0 !important; }
.loc-widget-panel .card-header { padding: 28px 28px 0; }
.loc-widget-panel .card-body { padding: 28px 28px 0; }
.loc-widget-panel .card-body h3 { font-size: 24px; margin: 0 0 12px; }
.loc-widget-panel .card-body p { font-size: 15.5px; line-height: 1.55; margin-bottom: 24px; }
.loc-widget-panel .card-footer { padding: 0 28px 32px; margin-top: auto; }
.loc-widget-panel .card-footer p { margin: 0; }
.loc-widget-panel .card-header:has(img), .ptc-card--program .card-header, .ptc-card--coach .card-header,
.ptc-card--league .card-header, .ptc-card--tournament .card-header, .ptc-card--dropin .card-header {
padding: 0; aspect-ratio: 16 / 10; overflow: hidden;
background: radial-gradient(circle at 70% 30%, rgba(220, 236, 26, 0.4) 0%, transparent 45%),
linear-gradient(135deg, #2a5a96 0%, #1a4078 70%, #0E2F5C 100%);
}
.loc-widget-panel .card-header img { width: 100%; height: 100%; object-fit: cover; display: block; }
.loc-widget-panel .card-header:has(img) p, .ptc-card--program .card-header p { margin: 0; }
.ptc-card--fact .card, .loc-s-figure .card { background: var(--ptc-blue-soft); border-color: transparent; text-align: center; }
.ptc-card--fact .card:hover, .loc-s-figure .card:hover { transform: none; box-shadow: none; }
.ptc-card--fact .card-body > :first-child, .loc-s-figure .card-body > :first-child {
font-family: var(--ptc-font-heading); font-size: 32px; font-weight: 700; line-height: 1;
color: var(--ptc-blue-dark); letter-spacing: -0.02em; margin-bottom: 6px;
}
.ptc-card--fact .card-body > :first-child + *, .loc-s-figure .card-body > :first-child + * { font-size: 13px; color: var(--ptc-ink-soft); }
.ptc-card--tier .card-header { padding: 24px 28px 0; }
.ptc-card--tier .card-header p { font-family: var(--ptc-font-heading); font-weight: 700; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ptc-cyan); margin: 0; }
.ptc-card--tier .card-body > :first-child { font-family: var(--ptc-font-heading); font-size: 36px; font-weight: 800; line-height: 1; color: var(--ptc-blue-dark); }
.ptc-card--tier .card-body ul { padding-left: 18px; }
.ptc-card--tier .card-body li::marker { color: var(--ptc-cyan); }
.ptc-card--coach .card-body p, .ptc-card--league .card-body li, .ptc-card--program .card-body li { font-size: 13.5px; color: var(--ptc-ink-soft); margin-bottom: 6px; }
.ptc-card--league .card-body ul, .ptc-card--program .card-body ul { padding-left: 14px; }
.ptc-card--league .card-body li::marker, .ptc-card--program .card-body li::marker { color: var(--ptc-cyan); }
.ptc-card--reference .card { min-height: 0; }
.ptc-card--reference .card-body { padding: 20px 22px; }
.ptc-card--reference .card-body h3 { font-size: 18px; margin-bottom: 8px; }
.ptc-card--reference .card-body h3::after { content: " →"; color: var(--ptc-cyan); }
.loc-widget-herowidget .loc-hero { --loc-hero-min-h: 620px; --loc-hero-pad-y: 88px; --loc-hero-pad-y-mob: 56px; --loc-accent: var(--ptc-yellow); }
.loc-hero-split .loc-hero-inner { max-width: var(--ptc-container); padding-left: var(--ptc-gutter); padding-right: var(--ptc-gutter); }
.loc-hero-eyebrow { display: inline-block; font-family: var(--ptc-font-heading); font-size: 12px; letter-spacing: 0.18em; color: var(--ptc-yellow); margin-bottom: 18px; }
.loc-hero-title { font-family: var(--ptc-font-heading); font-size: clamp(36px, 5.5vw + 0.6rem, 60px); line-height: 1.06; letter-spacing: -0.012em; color: var(--ptc-white); max-width: 720px; margin-bottom: 20px; }
.loc-hero-subhead { max-width: 540px; color: rgba(255, 255, 255, 0.88); opacity: 1; font-size: clamp(16px, 1vw + 0.4rem, 18px); line-height: 1.55; font-weight: 300; }
.loc-hero-ctas { gap: 14px; margin-top: 32px; }
.loc-hero .btn { --bs-btn-padding-x: 28px; --bs-btn-padding-y: 14px; --bs-btn-font-size: 13px; --bs-btn-line-height: 1; --bs-btn-border-width: 1.5px; border-radius: 999px !important; }
.loc-hero .btn.btn-loc-accent { --bs-btn-bg: var(--ptc-yellow); --bs-btn-border-color: var(--ptc-yellow); --bs-btn-color: var(--ptc-blue-dark); --bs-btn-hover-bg: var(--ptc-yellow-deep); --bs-btn-hover-border-color: var(--ptc-yellow-deep); --bs-btn-hover-color: var(--ptc-blue-dark); }
.loc-hero .btn.btn-loc-outline-light { --bs-btn-color: var(--ptc-white); --bs-btn-border-color: var(--ptc-white); --bs-btn-hover-bg: rgba(255, 255, 255, 0.12); --bs-btn-hover-color: var(--ptc-white); --bs-btn-hover-border-color: var(--ptc-white); }
.loc-widget-herowidget .loc-hero { background-image: none !important; background-color: var(--ptc-blue-dark); isolation: isolate; overflow: hidden; }
.loc-widget-herowidget .loc-hero::before { display: none; }
.loc-widget-herowidget .loc-hero-inner { position: static; z-index: auto; }
.loc-widget-herowidget .loc-hero-inner::before {
content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 25%; z-index: -1;
background: var(--loc-hero-photo) center center / cover no-repeat;
}
.loc-widget-herowidget .loc-hero-inner::after {
content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 25%; z-index: -1; pointer-events: none;
background: linear-gradient(90deg, rgba(14, 47, 92, 1) 0%, rgba(14, 47, 92, 0.7) 12%, rgba(14, 47, 92, 0.2) 30%, rgba(14, 47, 92, 0) 55%);
}
.loc-widget-herowidget .loc-hero.loc-hero::after {
content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: 1;
background:
url("data:image/svg+xml;utf8,") no-repeat left -90px top -80px / 260px 260px,
url("data:image/svg+xml;utf8,") no-repeat right -70px bottom -80px / 240px 240px;
}
.loc-widget-herowidget .loc-hero-text { position: relative; z-index: 1; }
.ptc-hero--dots .loc-hero-ctas { position: relative; margin-bottom: 52px; }
.ptc-hero--dots .loc-hero-ctas::after {
content: ""; position: absolute; left: 0; top: calc(100% + 44px); height: 8px; width: 72px;
background: linear-gradient(var(--ptc-yellow-bright), var(--ptc-yellow-bright)) 0 0 / 24px 8px no-repeat,
radial-gradient(circle, rgba(255,255,255,0.32) 3.5px, transparent 4px) 32px 0 / 8px 8px no-repeat,
radial-gradient(circle, rgba(255,255,255,0.32) 3.5px, transparent 4px) 48px 0 / 8px 8px no-repeat,
radial-gradient(circle, rgba(255,255,255,0.32) 3.5px, transparent 4px) 64px 0 / 8px 8px no-repeat;
border-radius: 4px;
}
@media (max-width: 767.98px) {
.loc-widget-herowidget .loc-hero-inner::before { left: 0; }
.loc-widget-herowidget .loc-hero-inner::after { left: 0; background: linear-gradient(rgba(14, 47, 92, 0.8), rgba(14, 47, 92, 0.8)); }
}
.loc-widget-herowidget .loc-hero:not(.loc-hero-split) { min-height: 0 !important; }
.loc-widget-herowidget .loc-hero:not(.loc-hero-split) .loc-hero-inner { max-width: var(--ptc-container); padding: 64px var(--ptc-gutter) 56px; }
.loc-widget-herowidget .loc-hero:not(.loc-hero-split) .loc-hero-inner::before,
.loc-widget-herowidget .loc-hero:not(.loc-hero-split) .loc-hero-inner::after { content: none; }
.loc-widget-herowidget .loc-hero:not(.loc-hero-split) .loc-hero-text { max-width: none; }
.loc-widget-herowidget .loc-hero:not(.loc-hero-split) .loc-hero-eyebrow { margin-bottom: 14px; line-height: 1.55; }
.loc-widget-herowidget .loc-hero:not(.loc-hero-split) .loc-hero-title { font-size: clamp(34px, 4vw + 0.6rem, 52px); max-width: 880px; margin: 0 0 14px 0; }
.loc-widget-herowidget .loc-hero:not(.loc-hero-split) .loc-hero-subhead { font-size: 18px; max-width: 680px; color: rgba(255, 255, 255, 0.86); }
.loc-widget-herowidget .loc-hero.loc-hero:not(.loc-hero-split)::after {
background:
url("data:image/svg+xml;utf8,") no-repeat left -80px top -80px / 200px 200px,
url("data:image/svg+xml;utf8,") no-repeat right -90px bottom -90px / 220px 220px;
}
@media (max-width: 900px) { .loc-widget-herowidget .loc-hero:not(.loc-hero-split) .loc-hero-inner { padding-top: 48px; padding-bottom: 44px; } }
.rowcontent.ptc-anchor-nav {
position: sticky; top: var(--loc-navbar-h, 63px); z-index: 40; isolation: isolate;
margin-top: calc(-1 * var(--loc-row-gap-eff, 0px)) !important; margin-bottom: 0 !important; padding: 12px 0 13px;
font-size: 13px; line-height: 1.55;
}
.rowcontent.ptc-anchor-nav::before { content: ""; position: absolute; top: 0; bottom: 0; left: var(--loc-bleed); right: var(--loc-bleed); z-index: -1; background: var(--ptc-cream); border-bottom: 1px solid var(--ptc-line); }
.ptc-anchor-nav :has(> .ck-content) { padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
.ptc-anchor-nav .ck-content > * { display: flex; flex-wrap: wrap; gap: 22px; margin: 0 !important; font-size: inherit; line-height: inherit; text-align: left !important; }
.ptc-anchor-nav .ck-content a { font-family: var(--ptc-font-heading); font-weight: 600; font-size: inherit; color: var(--ptc-blue); padding: 4px 0; text-decoration: none; }
.ptc-anchor-nav .ck-content a:hover { color: var(--ptc-blue-dark); }
.ptc-anchor-nav .ck-content :is(span, strong) { color: inherit !important; background: none !important; font-size: inherit !important; font-weight: inherit; }
.rowcontent[id] { scroll-margin-top: calc(var(--loc-navbar-h, 63px) + 56px); }
@media (max-width: 900px) { .rowcontent.ptc-anchor-nav { font-size: 12px; } .ptc-anchor-nav .ck-content > * { gap: 14px; } }
.loc-widget-socialmedia a { width: 38px !important; height: 38px !important; font-size: 16px !important; background-color: var(--ptc-cyan) !important; color: var(--ptc-white) !important; transition: transform 0.18s ease; }
.loc-widget-socialmedia a:hover { transform: translateY(-2px) scale(1.05); }
.loc-widget-socialmedia .d-flex { gap: 10px !important; }
.ptc-footer .loc-widget-socialmedia .d-flex { justify-content: flex-end !important; }
@media (max-width: 767.98px) { .ptc-footer .loc-widget-socialmedia .d-flex { justify-content: flex-start !important; } }
.imgw-pos-bg .imgw-media { background: var(--ptc-blue-dark); }
.imgw-pos-bg .imgw-caption { padding: clamp(24px, 5vw, 64px); }
.imgw-fullbleed.imgw-pos-bg .imgw-media { background: var(--ptc-blue-dark); }
.imgw-fullbleed.imgw-ar.imgw-pos-bg .imgw-img {
position: absolute; top: 0; bottom: 0; right: 0; left: 25%;
width: 75% !important; height: 100% !important; object-fit: cover; object-position: center center;
}
.imgw-fullbleed.imgw-pos-bg .imgw-caption {
padding-left: max(var(--ptc-gutter), calc(50vw - 572px));
padding-right: max(var(--ptc-gutter), calc(50vw - 572px));
overflow: hidden;
position: relative; inset: auto;
}
.imgw-fullbleed.imgw-ar.imgw-pos-bg .imgw-media { aspect-ratio: auto; min-height: 620px; display: flex; }
.imgw-fullbleed.imgw-pos-bg .imgw-caption { min-height: inherit; display: flex; flex-direction: column; justify-content: center; width: 100%; padding-top: 96px; padding-bottom: 88px; }
.imgw-fullbleed.imgw-pos-bg .imgw-caption::after {
content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background: linear-gradient(90deg,
rgba(14, 47, 92, 1) 0%, rgba(14, 47, 92, 1) 25%,
rgba(14, 47, 92, 0.7) 34%, rgba(14, 47, 92, 0.2) 47.5%, rgba(14, 47, 92, 0) 66%);
}
.imgw-fullbleed.imgw-pos-bg .imgw-caption::before {
content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background:
var(--ptc-tennis-ball-cyan) no-repeat left -90px top -80px / 260px 260px,
var(--ptc-tennis-ball-yellow) no-repeat right -70px bottom -80px / 240px 240px;
opacity: 0.4; z-index: 0;
}
.imgw-fullbleed.imgw-pos-bg .imgw-caption::after { z-index: -1; }
.imgw-fullbleed.imgw-pos-bg .imgw-caption { isolation: isolate; }
.imgw-fullbleed.imgw-pos-bg .imgw-caption > * { z-index: 1; }
.imgw-fullbleed.imgw-pos-bg.imgw-overlay .imgw-caption::before { background-color: transparent; }
.imgw-fullbleed .imgw-textblock > h1:first-child:not(:only-of-type) {
display: block; font-size: 12.5px !important; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase;
color: var(--ptc-yellow); margin: 0 0 18px 0; line-height: 1.4;
}
.imgw-fullbleed .imgw-textblock > h1:first-child:not(:only-of-type) * { background: none !important; color: inherit !important; font-size: inherit !important; }
.imgw-pos-bg:not(.imgw-fullbleed) .imgw-caption::after {
content: ""; position: absolute; inset: 0; z-index: 0;
background: linear-gradient(90deg, rgba(14, 47, 92, 0.85) 0%, rgba(14, 47, 92, 0.3) 60%, rgba(14, 47, 92, 0) 90%);
}
.imgw-pos-bg .imgw-textblock { max-width: 640px; color: var(--ptc-white); }
.imgw-pos-bg .imgw-textblock h1 { color: var(--ptc-white); font-size: clamp(2.2rem, 1.5rem + 3vw, 4rem); font-weight: 800; line-height: 1.05; margin-bottom: 18px; }
.imgw-pos-bg .imgw-textblock h1:first-child:has(strong) strong { font-weight: 800; }
.imgw-pos-bg .imgw-textblock p { color: rgba(255, 255, 255, 0.85); font-size: 18px; line-height: 1.6; }
.imgw-rounded { border-radius: var(--ptc-radius-lg); }
.rowcontent:first-child .imgw-pos-bg .imgw-caption { padding-top: clamp(64px, 8vw, 96px); }
@media (max-width: 767.98px) { .rowcontent:first-child .imgw-pos-bg .imgw-caption { padding-top: 40px; } }
.ptc-page-hero { background: var(--ptc-blue-dark); }
.ptc-page-hero::before { background-color: var(--ptc-blue-dark) !important; }
.ptc-page-hero .ck-content { padding: clamp(40px, 6vw, 80px) 0; }
.ptc-page-hero h1, .ptc-page-hero h2 { color: var(--ptc-white); }
.ptc-page-hero p { color: rgba(255, 255, 255, 0.8); font-size: 18px; max-width: 640px; }
.ptc-page-hero .ptc-eyebrow, .ptc-page-hero.loc-s-text-eyebrow > :first-child { color: var(--ptc-yellow); }
.ptc-section, .ptc-section--tinted, .ptc-section--white, .ptc-cta-band { padding-top: 80px; padding-bottom: 80px; }
.ptc-section--tinted, .ptc-section--white, .ptc-cta-band { position: relative; isolation: isolate; border: 0; border-radius: 0; background: none; }
.ptc-section--tinted::before, .ptc-section--white::before, .ptc-cta-band::before {
content: ""; position: absolute; top: 0; bottom: 0; left: var(--loc-bleed); right: var(--loc-bleed); z-index: -1;
}
.ptc-section--tinted::before { background-color: var(--ptc-cream-deep) !important; }
.ptc-section--white::before { background-color: var(--ptc-white) !important; }
.ptc-cta-band::before { background-color: var(--ptc-blue-dark) !important; }
.ptc-cta-band { text-align: center; }
.ptc-cta-band .ck-content { padding: 56px 0; max-width: 720px; margin: 0 auto; }
.ptc-cta-band :is(h2, h3):not(.card *) { color: var(--ptc-white); }
.ptc-cta-band p:not(.card *) { color: rgba(255, 255, 255, 0.8); font-size: 17px; }
.ptc-cta-band .btn-primary { --bs-btn-bg: var(--ptc-yellow); --bs-btn-border-color: var(--ptc-yellow); --bs-btn-color: var(--ptc-blue-dark); --bs-btn-hover-bg: var(--ptc-yellow-bright); --bs-btn-hover-border-color: var(--ptc-yellow-bright); }
.ptc-cta-band .btn-secondary { --bs-btn-color: #fff; --bs-btn-border-color: rgba(255,255,255,0.6); --bs-btn-hover-bg: #fff; --bs-btn-hover-color: var(--ptc-blue-dark); }
.ptc-callout .ck-content, .ptc-callout.ck-content {
background: var(--ptc-yellow-soft); border-left: 4px solid var(--ptc-yellow);
padding: 18px 22px; border-radius: 0 var(--ptc-radius-md) var(--ptc-radius-md) 0; font-size: 15px;
}
.ptc-callout p { color: var(--ptc-ink); margin: 0; }
.ptc-callout strong:first-child { font-family: var(--ptc-font-heading); font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ptc-blue-dark); margin-right: 8px; }
.loc-s-tint { background: var(--ptc-cream-deep); border-color: transparent; }
.loc-s-tint.loc-row-band::before { background-color: var(--ptc-cream-deep); }
.loc-s-elevated { border-color: var(--ptc-line); box-shadow: var(--ptc-shadow-md); border-radius: var(--ptc-radius-lg); }
.loc-s-surface { border-radius: var(--ptc-radius-lg); }
.loc-widget-title { font-family: var(--ptc-font-heading); font-size: 24px; color: var(--ptc-blue-dark); justify-content: flex-start; text-align: left; }
.loc-event-card, .loc-news-card { background: var(--ptc-white); border: 1px solid var(--ptc-line); border-radius: var(--ptc-radius-lg); overflow: hidden; transition: transform 0.22s ease, box-shadow 0.22s ease; }
.loc-event-card:hover, .loc-news-card:hover { transform: translateY(-4px); box-shadow: var(--ptc-shadow-md); border-color: var(--ptc-cyan); }
.loc-event-body { padding: 20px 24px 24px; gap: 8px; }
.loc-event-name { font-family: var(--ptc-font-heading); font-size: 20px; color: var(--ptc-blue-dark); }
.loc-event-excerpt { color: var(--ptc-ink-soft); font-size: 14.5px; }
.loc-event-date { border-radius: var(--ptc-radius-md); }
.loc-event-month { color: var(--ptc-cyan); letter-spacing: 0.14em; }
.loc-event-day { color: var(--ptc-blue-dark); font-family: var(--ptc-font-heading); }
.loc-event-actions .badge { background: var(--ptc-yellow-soft) !important; color: var(--ptc-blue-dark) !important; font-weight: 600; }
.loc-widget-empty { color: var(--ptc-ink-soft); background: var(--ptc-cream-deep); border-radius: var(--ptc-radius-lg); }
.loc-gallery { --loc-gallery-gap: 12px; --loc-gallery-ratio: 1 / 1; }
.loc-gallery-item { border-radius: var(--ptc-radius-md); }
.loc-gallery-dot.is-active { background: var(--ptc-cyan); }
.loc-gallery-nav { background: rgba(14, 47, 92, 0.7); }
:is(.widget-wrapper[name="Image-Gallery"], .ptc-photo-strip) .editable-content.title { padding: 0 !important; max-width: 680px; margin: 0 auto 56px; text-align: center; }
:is(.widget-wrapper[name="Image-Gallery"], .ptc-photo-strip) .editable-content.title:empty { display: none; }
:is(.widget-wrapper[name="Image-Gallery"], .ptc-photo-strip) .editable-content.title.title > * { text-align: center !important; margin-left: 0 !important; }
:is(.widget-wrapper[name="Image-Gallery"], .ptc-photo-strip) .editable-content.title span { color: inherit !important; background: none !important; font-size: inherit !important; }
:is(.widget-wrapper[name="Image-Gallery"], .ptc-photo-strip) .editable-content.title > :first-child:not(:only-child) { display: block; font-family: var(--ptc-font-heading); font-weight: 700; font-size: 12px !important; line-height: 1.55; text-transform: uppercase; letter-spacing: 0.14em; color: var(--ptc-blue); margin: 0 0 12px 0; }
:is(.widget-wrapper[name="Image-Gallery"], .ptc-photo-strip) .editable-content.title > :is(h1, h2) { font-family: var(--ptc-font-heading); font-weight: 700; font-size: clamp(28px, 2.6vw + 0.6rem, 40px) !important; line-height: 1.15; letter-spacing: -0.01em; color: var(--ptc-blue-dark); margin: 0 0 14px 0; }
:is(.widget-wrapper[name="Image-Gallery"], .ptc-photo-strip) .editable-content.title > :last-child { margin-bottom: 0; }
:is(.widget-wrapper[name="Image-Gallery"], .ptc-photo-strip) .editable-content.title strong { font-weight: inherit; }
.rowcontent.ptc-feeds {
margin-top: calc(-1 * var(--loc-row-gap-eff, 0px)) !important; margin-bottom: 0 !important;
padding: 80px 0; column-gap: 28px !important; row-gap: 28px !important; align-items: stretch;
}
:is(:is(.ptc-feeds, .ptc-feed):has(> :is(.loc-event-widget, .loc-news-widget, .ck-content)), .ptc-feeds :has(> :is(.loc-event-widget, .loc-news-widget, .ck-content))) {
display: flex; flex-direction: column; flex: 1 1 auto; width: 100%;
background: var(--ptc-white) !important; border: 1px solid var(--ptc-line) !important; border-radius: 18px !important;
box-shadow: none !important; padding: 28px 28px 32px !important; overflow: hidden;
font-size: 16px; line-height: 1.55; color: var(--ptc-ink);
transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
:is(:is(.ptc-feeds, .ptc-feed):has(> :is(.loc-event-widget, .loc-news-widget, .ck-content)), .ptc-feeds :has(> :is(.loc-event-widget, .loc-news-widget, .ck-content))):hover { transform: translateY(-4px); box-shadow: var(--ptc-shadow-md) !important; border-color: var(--ptc-cyan) !important; }
:is(.ptc-feeds, .ptc-feed) :is(.loc-event-widget, .loc-news-widget) { display: flex; flex-direction: column; flex: 1 1 auto; container-type: normal; }
:is(.ptc-feeds, .ptc-feed) .loc-event-widget::before { content: "Upcoming events"; display: block; }
:is(.ptc-feeds, .ptc-feed) .loc-news-widget::before { content: "Latest news"; display: block; }
.ptc-feed--nolabel :is(.loc-event-widget, .loc-news-widget)::before { content: none; }
:is(.ptc-feeds, .ptc-feed) .loc-widget-title, :is(.ptc-feeds, .ptc-feed) .ck-content > h3 {
display: block; font-family: var(--ptc-font-heading); font-weight: 700; font-size: 24px !important; line-height: 1.2; letter-spacing: -0.005em;
color: var(--ptc-blue-dark); text-align: left !important; margin: 0 0 12px 0 !important;
}
:is(.ptc-feeds, .ptc-feed) :is(.loc-widget-title, .ck-content > h3) :is(strong, span) { font-weight: inherit; color: inherit !important; background: none !important; font-size: inherit !important; }
:is(.ptc-feeds, .ptc-feed) :is(.loc-event-cards, .loc-event-list, .loc-event-compact, .loc-news-cards, .loc-news-list, .loc-news-compact) {
display: block; margin: 0 0 20px 0; padding: 0;
}
:is(.ptc-feeds, .ptc-feed) :is(.loc-event-card, .loc-event-row, .loc-event-line, .loc-news-card, .loc-news-item, .loc-news-line) {
display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 2px;
padding: 12px 0 !important; margin: 0 !important; background: none; border: 0; border-bottom: 1px solid var(--ptc-line); border-radius: 0; box-shadow: none;
font-family: var(--ptc-font-body); font-size: 14.5px; line-height: 1.5; color: var(--ptc-ink); overflow: visible; transform: none; transition: none;
}
:is(.ptc-feeds, .ptc-feed) :is(.loc-event-card, .loc-event-row, .loc-event-line, .loc-news-card, .loc-news-item, .loc-news-line):hover { transform: none; box-shadow: none; border-color: var(--ptc-line); }
:is(.ptc-feeds, .ptc-feed) :is(.loc-event-card, .loc-event-row, .loc-event-line, .loc-news-card, .loc-news-item, .loc-news-line):last-child { border-bottom: 0; }
:is(.ptc-feeds, .ptc-feed) .loc-event-media { aspect-ratio: auto; background: none; display: block; position: static; }
:is(.ptc-feeds, .ptc-feed) .loc-event-media img { display: none; }
:is(.ptc-feeds, .ptc-feed) .loc-event-date {
position: static !important; display: flex; flex-direction: row; align-items: baseline; justify-content: flex-start; gap: 0.4em;
min-width: 0; padding: 0; background: none !important; box-shadow: none !important; border-radius: 0;
}
:is(.ptc-feeds, .ptc-feed) .loc-event-weekday { order: 1; }
:is(.ptc-feeds, .ptc-feed) .loc-event-day { order: 2; }
:is(.ptc-feeds, .ptc-feed) .loc-event-month { order: 3; }
:is(.ptc-feeds, .ptc-feed) :is(.loc-event-date, .loc-event-month, .loc-event-day, .loc-event-weekday, .loc-event-when, time),
:is(.ptc-feeds, .ptc-feed) .ck-content li > strong:first-child {
font-family: var(--ptc-font-heading); font-weight: 700; font-size: 11px; line-height: 1.5; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ptc-cyan);
}
:is(.ptc-feeds, .ptc-feed) .loc-news-item { position: relative; }
:is(.ptc-feeds, .ptc-feed) .loc-news-item > .loc-news-meta {
order: 1; margin: 0; font-family: var(--ptc-font-heading); font-weight: 700; font-size: 11px !important; line-height: 1.5;
letter-spacing: 0.14em; text-transform: uppercase; color: var(--ptc-cyan) !important;
}
:is(.ptc-feeds, .ptc-feed) .loc-news-item > :has(> .loc-news-title) { order: 2; align-items: baseline !important; gap: 10px; margin: 0; }
:is(.ptc-feeds, .ptc-feed) .loc-news-item > :has(> .loc-news-markread), :is(.ptc-feeds, .ptc-feed) .loc-news-markread { display: none !important; }
:is(.ptc-feeds, .ptc-feed) .loc-widget-title .badge { display: none; }
:is(.ptc-feeds, .ptc-feed) .loc-news-item .badge {
flex: 0 0 auto; background-color: var(--ptc-cyan) !important; color: var(--ptc-white) !important;
font-family: var(--ptc-font-heading); font-weight: 700; font-size: 11px; line-height: 1.5; letter-spacing: 0.14em; text-transform: uppercase;
padding: 2px 10px; border-radius: 999px;
}
:is(.ptc-feeds, .ptc-feed) :is(.loc-news-item, .loc-event-row, .loc-event-card, .loc-event-line) { position: relative; }
:is(.ptc-feeds, .ptc-feed) :is(.loc-news-title, .loc-event-name)::after { content: ""; position: absolute; inset: 0; }
:is(.ptc-feeds, .ptc-feed) :is(.loc-news-item, .loc-event-row, .loc-event-card, .loc-event-line):hover :is(.loc-news-title, .loc-event-name) { color: var(--ptc-blue); }
:is(.ptc-feeds, .ptc-feed) .loc-event-body { display: block; flex: 0 0 auto; padding: 0; gap: 0; }
:is(.ptc-feeds, .ptc-feed) :is(.loc-event-name, .loc-news-title, .loc-news-item a, .loc-news-card a, .loc-news-line a):not(.btn) {
display: block; font-family: var(--ptc-font-body); font-weight: 400 !important; font-size: 14.5px; line-height: 1.5;
color: var(--ptc-ink); text-decoration: none; white-space: normal; overflow: visible; text-overflow: clip;
}
:is(.ptc-feeds, .ptc-feed) :is(.loc-event-name, .loc-news-title, .loc-news-item a, .loc-news-card a, .loc-news-line a):not(.btn):hover { color: var(--ptc-blue); }
:is(.ptc-feeds, .ptc-feed) :is(.loc-event-excerpt, .loc-event-actions, .loc-news-excerpt, .loc-news-actions) { display: none; }
:is(.ptc-feeds, .ptc-feed) :is(.loc-widget-empty, .loc-widget-signin) { background: none; border-radius: 0; min-height: 0; padding: 12px 0; align-items: flex-start; text-align: left; font-size: 14.5px; line-height: 1.5; color: var(--ptc-ink-soft); margin: 0 0 20px 0; }
:is(.ptc-feeds, .ptc-feed) .ck-content { display: flex; flex-direction: column; flex: 1 1 auto; }
:is(.ptc-feeds, .ptc-feed) .ck-content > * { margin-left: 0 !important; text-align: left !important; }
:is(.ptc-feeds, .ptc-feed) .ck-content > p { margin: 0; color: var(--ptc-ink); font-size: 16px; line-height: 1.55; }
:is(.ptc-feeds, .ptc-feed) .ck-content > p span { color: inherit !important; background: none !important; font-size: inherit !important; }
:is(.ptc-feeds, .ptc-feed) .ck-content > ul { list-style: none; padding: 0; margin: 0 0 20px 0; }
:is(.ptc-feeds, .ptc-feed) .ck-content > ul > li { display: flex; flex-direction: column; gap: 2px; padding: 12px 0; border-bottom: 1px solid var(--ptc-line); font-size: 14.5px; line-height: 1.5; color: var(--ptc-ink); }
:is(.ptc-feeds, .ptc-feed) .ck-content > ul > li:last-child { border-bottom: 0; }
:is(.ptc-feeds, .ptc-feed) .ck-content > ul > li > strong:first-child { display: block; }
:is(.ptc-feeds, .ptc-feed) .ck-content > p:last-child:has(.btn) { margin-top: auto; line-height: 0; }
:is(.ptc-feeds, .ptc-feed) .ck-content .btn { vertical-align: top; }
:is(.ptc-feeds, .ptc-feed) .ck-content .btn, :is(.ptc-feeds, .ptc-feed) .ck-content .btn.btn-primary {
--bs-btn-bg: transparent; --bs-btn-color: var(--ptc-blue); --bs-btn-border-color: var(--ptc-blue);
--bs-btn-hover-bg: var(--ptc-cyan-soft); --bs-btn-hover-color: var(--ptc-blue-dark); --bs-btn-hover-border-color: var(--ptc-cyan);
background-color: transparent; border-color: var(--ptc-blue); color: var(--ptc-blue);
}
:is(.ptc-feeds, .ptc-feed) .ck-content .btn:hover { background-color: var(--ptc-cyan-soft); border-color: var(--ptc-cyan); color: var(--ptc-blue-dark); box-shadow: none; transform: none; }
@media (max-width: 900px) { .rowcontent.ptc-feeds > *:not(.loc-chrome-handle) { grid-column: 1 / -1 !important; } }
@media (max-width: 720px) { .rowcontent.ptc-feeds { padding: 56px 0; } }
.rowcontent.ptc-photo-strip {
position: relative; isolation: isolate; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important;
margin-top: calc(-1 * var(--loc-row-gap-eff, 0px)) !important; margin-bottom: 0 !important; padding: 80px 0;
}
.rowcontent.ptc-photo-strip::before { content: ""; position: absolute; top: 0; bottom: 0; left: var(--loc-bleed); right: var(--loc-bleed); z-index: -1; background: var(--ptc-cream-deep) !important; }
.rowcontent.ptc-photo-strip.ptc-photo-strip--plain::before { content: none; }
.rowcontent.ptc-photo-strip > *:not(.loc-chrome-handle) { grid-column: 1 / -1 !important; }
.ptc-photo-strip :is(.loc-widget, :has(> .widget-wrapper)) { padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
.ptc-photo-strip .widget-wrapper > div { margin: 0 !important; }
.ptc-photo-strip:not(.ptc-photo-strip--slider) .loc-gallery-slider { position: static; }
.ptc-photo-strip:not(.ptc-photo-strip--slider) .loc-gallery {
display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; column-count: auto;
overflow: visible; scroll-snap-type: none;
}
.ptc-photo-strip:not(.ptc-photo-strip--slider) .loc-gallery-item { flex: none; aspect-ratio: 1 / 1; margin: 0 !important; border-radius: 10px; break-inside: auto; }
.ptc-photo-strip:not(.ptc-photo-strip--slider) .loc-gallery-item:nth-child(n+7) { display: none; }
.ptc-photo-strip:not(.ptc-photo-strip--slider) .loc-gallery-item > img, .ptc-photo-strip:not(.ptc-photo-strip--slider) .loc-gallery-item > .loc-gallery-link > img { width: 100%; height: 100%; object-fit: cover; }
.ptc-photo-strip:not(.ptc-photo-strip--slider) :is(.loc-gallery-nav, .loc-gallery-dots) { display: none !important; }
.ptc-photo-strip .editable-content.description { padding: 0 !important; margin: 18px 0 0 0; text-align: right; }
.ptc-photo-strip .editable-content.description:empty { display: none; }
.ptc-photo-strip .editable-content.description > * { margin: 0 !important; text-align: right !important; font-size: 16px; line-height: 1.55; color: var(--ptc-ink); }
.ptc-photo-strip .editable-content.description a:not(.btn) { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 400; color: var(--ptc-blue); text-decoration: none; }
.ptc-photo-strip .editable-content.description a:not(.btn):hover { color: var(--ptc-blue-dark); text-decoration: underline; }
.ptc-photo-strip .editable-content.description :is(span, strong) { color: inherit !important; background: none !important; font-size: inherit !important; font-weight: inherit; }
.ptc-photo-strip--slider .loc-gallery-slider { position: relative; padding-bottom: 58px; }
.ptc-photo-strip--slider .loc-gallery-dots { display: none; }
.ptc-photo-strip--slider .loc-gallery-nav {
top: auto; bottom: 0; left: auto; transform: none; z-index: 2; width: 40px; height: 40px; padding: 0 0 3px;
background: transparent; color: var(--ptc-blue); border: 1.5px solid var(--ptc-blue); border-radius: 50%;
font-size: 22px; line-height: 1; transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}
.ptc-photo-strip--slider .loc-gallery-prev { right: 50px; }
.ptc-photo-strip--slider .loc-gallery-next { right: 0; }
.ptc-photo-strip--slider .loc-gallery-nav:hover { background: var(--ptc-cyan-soft); border-color: var(--ptc-cyan); color: var(--ptc-blue-dark); }
.ptc-photo-strip--slider .loc-gallery-nav:is(:disabled, [aria-disabled="true"]) { visibility: hidden; }
.ptc-photo-strip.ptc-photo-strip--slider .editable-content.description { margin: -40px 0 0 0; padding: 0 106px 0 0 !important; min-height: 40px; display: flex; align-items: center; justify-content: flex-end; }
.ptc-photo-strip.ptc-photo-strip--slider .editable-content.description:empty { display: none; }
.ptc-photo-strip.ptc-photo-strip--slider .editable-content.description > * { font-size: 14px; line-height: 1.55; color: var(--ptc-blue); }
@media (max-width: 900px) { .ptc-photo-strip:not(.ptc-photo-strip--slider) .loc-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } }
@media (max-width: 720px) { .rowcontent.ptc-photo-strip { padding: 56px 0; } }
@media (max-width: 540px) { .ptc-photo-strip--slider .loc-gallery--slider .loc-gallery-item { flex-basis: calc((100% - 6px) / 2); } .ptc-photo-strip--slider .loc-gallery--slider { gap: 6px; } }
@media (max-width: 540px) { .ptc-photo-strip:not(.ptc-photo-strip--slider) .loc-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; } }
.rowcontent:is(.ptc-purpose, .ptc-split) {
position: relative; isolation: isolate;
margin-top: calc(-1 * var(--loc-row-gap-eff, 0px)) !important; margin-bottom: 0 !important;
padding: 97px 28px 111px;
grid-template-columns: 1.05fr 1fr; column-gap: 64px !important; row-gap: 0 !important; align-items: center;
}
.rowcontent.ptc-purpose::before {
content: ""; position: absolute; top: 0; bottom: 0; left: var(--loc-bleed); right: var(--loc-bleed); z-index: -1;
background: var(--ptc-cream-deep); border-top: 1px solid var(--ptc-line); border-bottom: 1px solid var(--ptc-line);
}
.rowcontent:is(.ptc-purpose, .ptc-split) > *:not(.loc-chrome-handle) { grid-column: auto; }
:is(.ptc-purpose, .ptc-split) .loc-widget { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; overflow: visible; }
:is(.ptc-purpose, .ptc-split) .loc-widget-html { padding-right: 8px !important; }
:is(.ptc-purpose, .ptc-split) .ck-content > :first-child:not(h2):not(h1) {
display: inline-block; font-family: var(--ptc-font-heading); font-weight: 700; font-size: 12px !important; line-height: 1.55;
letter-spacing: 0.18em; text-transform: uppercase; color: var(--ptc-blue-dark); background: var(--ptc-yellow-bright);
padding: 7px 16px; border-radius: 999px; margin: 0 0 20px 0; max-width: none;
}
:is(.ptc-purpose, .ptc-split) .ck-content :is(h1, h2) {
font-family: var(--ptc-font-heading); font-weight: 400; font-size: clamp(34px, 5vw + 0.6rem, 60px) !important;
line-height: 1.04; letter-spacing: -0.015em; color: var(--ptc-blue-dark); margin: 0 0 38px 0;
}
:is(.ptc-purpose, .ptc-split) .ck-content :is(h1, h2) :is(i, em) { font-style: normal; color: var(--ptc-cyan) !important; font-weight: 700; }
:is(.ptc-purpose, .ptc-split) .ck-content :is(h1, h2) strong { font-weight: inherit; }
:is(.ptc-purpose, .ptc-split) .ck-content :is(h1, h2):has(+ :is(h1, h2)) { margin-bottom: 0; }
:is(.ptc-purpose, .ptc-split) .ck-content h5 {
display: block; position: relative; font-family: var(--ptc-font-heading); font-weight: 700; font-size: 11px !important; line-height: 1.55;
letter-spacing: 0.18em; text-transform: uppercase; color: var(--ptc-blue); padding-bottom: 8px; margin: 0 0 10px 0;
}
:is(.ptc-purpose, .ptc-split) .ck-content h5::after { content: ""; position: absolute; left: 0; bottom: 0; width: 28px; height: 2px; background: var(--ptc-cyan); }
:is(.ptc-purpose, .ptc-split) .ck-content h5 + p, :is(.ptc-purpose, .ptc-split) .ck-content p:not(:first-child) {
font-family: var(--ptc-font-heading); font-weight: 500; font-size: 17px; line-height: 1.5; letter-spacing: -0.005em;
color: var(--ptc-blue-dark); margin: 0 0 26px 0; max-width: 500px;
}
:is(.ptc-purpose, .ptc-split) .ck-content > p:last-child { margin-bottom: 0; }
:is(.ptc-purpose, .ptc-split) .ck-content span { color: inherit !important; background: none !important; font-size: inherit !important; }
:is(.ptc-purpose, .ptc-split) .ck-content > * { margin-left: 0 !important; }
:is(.ptc-purpose, .ptc-split) .loc-widget-imagewidget .imgw-media {
position: relative; display: block; aspect-ratio: 4 / 5; border-radius: 22px; overflow: hidden;
background: radial-gradient(circle at 70% 25%, rgba(220, 223, 32, 0.42) 0%, transparent 50%), linear-gradient(135deg, #2a5a96 0%, #1a4078 60%, #0E2F5C 100%);
box-shadow: 0 24px 60px rgba(14, 47, 92, 0.2);
}
:is(.ptc-purpose, .ptc-split) .loc-widget-imagewidget .imgw-img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0 !important; aspect-ratio: auto; }
:is(.ptc-purpose, .ptc-split) .loc-widget-imagewidget .imgw-media::after {
content: ""; position: absolute; right: -36px; bottom: -36px; width: 140px; height: 140px; z-index: 1;
background: var(--ptc-tennis-ball-yellow) center / contain no-repeat; opacity: 0.85;
}
:is(.ptc-purpose, .ptc-split) .loc-widget-imagewidget .imgw-caption {
position: absolute !important; inset: auto auto 22px 22px !important; z-index: 2; display: block; width: auto; align-self: auto;
color: var(--ptc-white); font-family: var(--ptc-font-heading); font-weight: 700; font-size: 13px; line-height: 1.55; letter-spacing: 0.14em; text-transform: uppercase;
background: rgba(4, 163, 215, 0.22); border: 1px solid var(--ptc-cyan); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
padding: 8px 14px !important; border-radius: 999px; text-align: left;
}
:is(.ptc-purpose, .ptc-split) .loc-widget-imagewidget .imgw-caption::after, :is(.ptc-purpose, .ptc-split) .loc-widget-imagewidget .imgw-caption::before { content: none; }
:is(.ptc-purpose, .ptc-split) .loc-widget-imagewidget .imgw-caption * { font: inherit !important; color: inherit !important; letter-spacing: inherit; margin: 0 !important; padding: 0; max-width: none; }
@media (max-width: 900px) {
.rowcontent:is(.ptc-purpose, .ptc-split) { padding: 65px 28px 77px; grid-template-columns: 1fr; row-gap: 40px !important; }
.rowcontent:is(.ptc-purpose, .ptc-split) > *:not(.loc-chrome-handle) { grid-column: 1 / -1 !important; }
:is(.ptc-purpose, .ptc-split) .loc-widget-imagewidget .imgw-media::after { width: 100px; height: 100px; right: -24px; bottom: -24px; }
}
.rowcontent:is(.ptc-drivers, .ptc-cards) {
margin-top: calc(-1 * var(--loc-row-gap-eff, 0px)) !important; margin-bottom: 0 !important;
padding: 96px 0; column-gap: 28px !important; row-gap: 28px !important; align-items: stretch;
}
.rowcontent:is(.ptc-drivers, .ptc-cards).ptc-cards--section { padding-bottom: 80px; }
:is(.ptc-drivers, .ptc-cards) > * > .loc-widget { padding: 0 !important; background: none; border: 0; box-shadow: none; }
.rowcontent.ptc-intro { margin-top: calc(-1 * var(--loc-row-gap-eff, 0px)) !important; margin-bottom: 0 !important; padding: 96px 0 0; }
.rowcontent.ptc-intro.ptc-intro--section { padding-top: 80px; }
.rowcontent.ptc-intro > * > .loc-widget { padding: 0 !important; background: none; border: 0; box-shadow: none; }
.rowcontent.ptc-intro + .rowcontent { margin-top: calc(-1 * var(--loc-row-gap-eff, 0px)) !important; padding-top: 56px !important; }
@media (max-width: 720px) { .rowcontent.ptc-intro, .rowcontent.ptc-intro.ptc-intro--section { padding-top: 56px; } }
.ptc-intro .ck-content { max-width: 680px; margin: 0 auto; text-align: center; }
.ptc-intro .ck-content > * { text-align: center !important; margin-left: 0 !important; }
.ptc-intro.ptc-intro--left .ck-content { max-width: 880px; margin-left: 0; text-align: left; }
.ptc-intro.ptc-intro--left .ck-content > * { text-align: left !important; }
.ptc-intro .ck-content span { color: inherit !important; background: none !important; font-size: inherit !important; }
.ptc-intro .ck-content > :first-child:not(:only-child):not(h1, h2, h3) { display: block; font-family: var(--ptc-font-heading); font-weight: 700; font-size: 12px !important; line-height: 1.55; text-transform: uppercase; letter-spacing: 0.14em; color: var(--ptc-blue); margin: 0 0 12px 0; }
.ptc-intro .ck-content > h2 { font-family: var(--ptc-font-heading); font-weight: 700; font-size: clamp(28px, 2.6vw + 0.6rem, 40px) !important; line-height: 1.15; letter-spacing: -0.01em; color: var(--ptc-blue-dark); margin: 0 0 14px 0; }
.ptc-intro .ck-content > h2:last-child { margin-bottom: 0; }
.ptc-intro .ck-content > h2 strong { font-weight: inherit; }
.ptc-intro .ck-content > p:not(:first-child) { font-size: 18px; line-height: 1.6; color: var(--ptc-ink-soft); font-weight: 300; margin: 0; }
.rowcontent.ptc-intro > * > :has(> h2):not(.ck-content) { padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; max-width: 680px; margin: 0 auto; text-align: center; display: block; }
.rowcontent.ptc-intro.ptc-intro--left > * > :has(> h2):not(.ck-content) { max-width: 880px; margin-left: 0; text-align: left; }
.ptc-intro :has(> h2):not(.ck-content) > :first-child:not(:only-child):not(h1, h2, h3) { display: block; font-family: var(--ptc-font-heading); font-weight: 700; font-size: 12px !important; line-height: 1.55; text-transform: uppercase; letter-spacing: 0.14em; color: var(--ptc-blue); margin: 0 0 12px 0; }
.ptc-intro :has(> h2):not(.ck-content) > h2 { font-family: var(--ptc-font-heading); font-weight: 700; font-size: clamp(28px, 2.6vw + 0.6rem, 40px) !important; line-height: 1.15; letter-spacing: -0.01em; color: var(--ptc-blue-dark); margin: 0 0 14px 0; }
.ptc-intro :has(> h2):not(.ck-content) > h2:last-child { margin-bottom: 0; }
.ptc-intro :has(> h2):not(.ck-content) > h2 ~ p { font-size: 18px; line-height: 1.6; color: var(--ptc-ink-soft); font-weight: 300; margin: 0; }
.ptc-intro :has(> h2):not(.ck-content) span { color: inherit !important; background: none !important; font-size: inherit !important; }
.ptc-eyebrow-pill .ck-content > :first-child { display: inline-block; font-family: var(--ptc-font-heading); font-weight: 700; font-size: 12px !important; line-height: 1.55; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ptc-blue-dark); background: var(--ptc-yellow-bright); padding: 7px 16px; border-radius: 999px; margin: 0 0 20px 0; }
:is(.ptc-drivers, .ptc-cards) :has(> .card), .ptc-card:has(> .card) { display: flex; }
:is(.ptc-drivers, .ptc-cards, .ptc-card) .card {
margin: 0 !important; width: 100%; background: var(--ptc-white); border: 1px solid var(--ptc-line); border-radius: 18px !important;
overflow: hidden; display: flex; flex-direction: column; box-shadow: none;
transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
:is(.ptc-drivers, .ptc-cards, .ptc-card) .card:hover { transform: translateY(-4px); box-shadow: var(--ptc-shadow-md); border-color: var(--ptc-cyan); }
:is(.ptc-drivers, .ptc-cards, .ptc-card) .card-header {
position: relative; aspect-ratio: 16 / 10; padding: 0 !important; min-height: 0 !important; border: 0; border-radius: 0 !important; overflow: hidden; flex: 0 0 auto;
background: radial-gradient(circle at 70% 30%, rgba(220, 236, 26, 0.4) 0%, transparent 45%), linear-gradient(135deg, #2a5a96 0%, #1a4078 70%, #0E2F5C 100%);
}
:is(.ptc-drivers, .ptc-cards) > :nth-child(3n+1 of :has(.card)) .card-header { background: radial-gradient(circle at 80% 80%, rgba(220, 236, 26, 0.4) 0%, transparent 45%), linear-gradient(135deg, #3a6cb8 0%, #1F58A8 50%, #0E2F5C 100%); }
:is(.ptc-drivers, .ptc-cards) > :nth-child(3n+2 of :has(.card)) .card-header { background: radial-gradient(circle at 70% 30%, rgba(220, 236, 26, 0.45) 0%, transparent 40%), linear-gradient(135deg, #2a5a96 0%, #1a4078 70%, #0E2F5C 100%); }
:is(.ptc-drivers, .ptc-cards) > :nth-child(3n+3 of :has(.card)) .card-header { background: radial-gradient(circle at 25% 70%, rgba(220, 236, 26, 0.35) 0%, transparent 45%), linear-gradient(135deg, #1F58A8 0%, #2a5a96 60%, #1a4078 100%); }
.ptc-cards--alt.ptc-cards--alt > :nth-child(3n+1 of :has(.card)) .card-header { background: radial-gradient(circle at 70% 30%, rgba(220, 236, 26, 0.45) 0%, transparent 40%), linear-gradient(135deg, #2a5a96 0%, #1a4078 70%, #0E2F5C 100%); }
.ptc-cards--alt.ptc-cards--alt > :nth-child(3n+2 of :has(.card)) .card-header { background: radial-gradient(circle at 25% 70%, rgba(220, 236, 26, 0.35) 0%, transparent 45%), linear-gradient(135deg, #1F58A8 0%, #2a5a96 60%, #1a4078 100%); }
.ptc-cards--alt.ptc-cards--alt > :nth-child(3n+3 of :has(.card)) .card-header { background: radial-gradient(circle at 80% 80%, rgba(220, 236, 26, 0.4) 0%, transparent 45%), linear-gradient(135deg, #3a6cb8 0%, #1F58A8 50%, #0E2F5C 100%); }
.ptc-card--play.ptc-card--play.ptc-card--play .card-header.card-header.card-header { background: radial-gradient(circle at 70% 30%, rgba(220, 236, 26, 0.45) 0%, transparent 40%), linear-gradient(135deg, #2a5a96 0%, #1a4078 70%, #0E2F5C 100%); }
.ptc-card--learn.ptc-card--learn.ptc-card--learn .card-header.card-header.card-header { background: radial-gradient(circle at 25% 70%, rgba(220, 236, 26, 0.35) 0%, transparent 45%), linear-gradient(135deg, #1F58A8 0%, #2a5a96 60%, #1a4078 100%); }
.ptc-card--join.ptc-card--join.ptc-card--join .card-header.card-header.card-header { background: radial-gradient(circle at 80% 80%, rgba(220, 236, 26, 0.4) 0%, transparent 45%), linear-gradient(135deg, #3a6cb8 0%, #1F58A8 50%, #0E2F5C 100%); }
:is(.ptc-drivers, .ptc-cards, .ptc-card) .card-header > * {
position: absolute; top: 18px; left: 18px; display: inline-flex; align-items: center; gap: 6px; margin: 0 !important;
background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
padding: 6px 12px; border-radius: 999px; color: var(--ptc-white);
font-family: var(--ptc-font-heading); font-weight: 700; font-size: 11px; line-height: 1.55; letter-spacing: 0.12em; text-transform: uppercase;
}
:is(.ptc-drivers, .ptc-cards, .ptc-card) .card-header > * :is(a, span, strong) { all: unset; }
:is(.ptc-drivers, .ptc-cards, .ptc-card) .card-body { padding: 28px 28px 0 !important; flex: 1 1 auto; }
:is(.ptc-drivers, .ptc-cards, .ptc-card) .card-body h3 { font-family: var(--ptc-font-heading); font-weight: 700; font-size: 24px; line-height: 1.2; letter-spacing: -0.005em; color: var(--ptc-blue-dark); margin: 0 0 12px 0 !important; }
:is(.ptc-drivers, .ptc-cards, .ptc-card) .card-body h3 strong { font-weight: inherit; }
:is(.ptc-drivers, .ptc-cards, .ptc-card) .card-body p { color: var(--ptc-ink-soft); font-size: 15.5px; line-height: 1.55; margin: 0 0 24px 0 !important; }
:is(.ptc-drivers, .ptc-cards, .ptc-card) .card-footer { padding: 0 28px 32px !important; min-height: 0 !important; background: none; border: 0; border-radius: 0 !important; margin-top: auto; }
:is(.ptc-drivers, .ptc-cards, .ptc-card) .card-footer p { margin: 0; line-height: 0; }
:is(.ptc-drivers, .ptc-cards, .ptc-card) .card-footer .btn { vertical-align: top; }
:is(.ptc-drivers, .ptc-cards) > :has(.card) ~ :has(.card) .card-footer .btn,
.ptc-card--outline.ptc-card--outline .card-footer .btn.btn {
--bs-btn-bg: transparent; --bs-btn-color: var(--ptc-blue); --bs-btn-border-color: var(--ptc-blue);
--bs-btn-hover-bg: var(--ptc-cyan-soft); --bs-btn-hover-color: var(--ptc-blue-dark); --bs-btn-hover-border-color: var(--ptc-cyan);
background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); color: var(--bs-btn-color);
}
:is(.ptc-drivers, .ptc-cards) > :has(.card) ~ :has(.card) .card-footer .btn:hover,
.ptc-card--outline.ptc-card--outline .card-footer .btn.btn:hover { background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); color: var(--bs-btn-hover-color); box-shadow: none; transform: none; }
.ptc-card--solid.ptc-card--solid .card-footer .btn.btn.btn {
--bs-btn-bg: var(--ptc-blue); --bs-btn-color: #fff; --bs-btn-border-color: transparent;
background-color: var(--ptc-blue); border-color: transparent; color: #fff;
}
.ptc-card--solid.ptc-card--solid .card-footer .btn.btn.btn:hover { background-color: var(--ptc-blue-dark); border-color: transparent; color: #fff; transform: translateY(-1px); box-shadow: var(--ptc-shadow-cta); }
.ptc-card--outline.ptc-card--outline .card-footer .btn.btn.btn { --bs-btn-bg: transparent; background-color: transparent; border-color: var(--ptc-blue); color: var(--ptc-blue); }
.ptc-card--outline.ptc-card--outline .card-footer .btn.btn.btn:hover { background-color: var(--ptc-cyan-soft); border-color: var(--ptc-cyan); color: var(--ptc-blue-dark); transform: none; box-shadow: none; }
@media (max-width: 900px) {
.rowcontent:is(.ptc-drivers, .ptc-cards) > *:not(.loc-chrome-handle) { grid-column: 1 / -1 !important; }
}
@media (max-width: 720px) { .rowcontent:is(.ptc-drivers, .ptc-cards), .rowcontent:is(.ptc-drivers, .ptc-cards).ptc-cards--section { padding: 56px 0; } }
.rowcontent.ptc-cards:is(.ptc-cards--fact, .ptc-cards--person, .ptc-cards--coach, .ptc-cards--feature) { padding-bottom: 80px; }
.rowcontent.ptc-cards:is(.ptc-cards--person, .ptc-cards--coach) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rowcontent.ptc-cards.ptc-cards--feature { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rowcontent.ptc-cards.ptc-cards--fact { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 18px !important; row-gap: 18px !important; }
.rowcontent.ptc-cards:is(.ptc-cards--fact, .ptc-cards--person, .ptc-cards--coach, .ptc-cards--feature) > *:not(.loc-chrome-handle) { grid-column: auto !important; }
.rowcontent.ptc-cards--coach:has(+ .ptc-cards--coach) { padding-bottom: 0 !important; }
.rowcontent.ptc-cards--coach + .rowcontent.ptc-cards--coach { padding-top: 18px !important; }
@media (max-width: 1100px) { .rowcontent.ptc-cards.ptc-cards--fact { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) {
.rowcontent.ptc-cards:is(.ptc-cards--fact, .ptc-cards--person, .ptc-cards--coach, .ptc-cards--feature) { grid-template-columns: minmax(0, 1fr); }
.rowcontent.ptc-cards:is(.ptc-cards--fact, .ptc-cards--person, .ptc-cards--coach, .ptc-cards--feature) > *:not(.loc-chrome-handle) { grid-column: 1 / -1 !important; }
}
@media (max-width: 720px) { .rowcontent.ptc-cards:is(.ptc-cards--fact, .ptc-cards--person, .ptc-cards--coach, .ptc-cards--feature) { padding-bottom: 56px; } }
.rowcontent:is(.ptc-cards--fact, .ptc-cards--person, .ptc-cards--coach, .ptc-cards--feature) :has(> h3) {
display: flex !important; flex-direction: column; flex: 1 1 auto; width: 100%; margin: 0 !important; padding: 0 !important; overflow: hidden;
background: var(--ptc-white) !important; border: 1px solid var(--ptc-line) !important; border-radius: 18px !important; box-shadow: none;
font-size: 16px; line-height: 1.55; color: var(--ptc-ink); text-align: left;
transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.rowcontent:is(.ptc-cards--fact, .ptc-cards--person, .ptc-cards--coach, .ptc-cards--feature) :has(> h3):hover { transform: translateY(-4px); box-shadow: var(--ptc-shadow-md); border-color: var(--ptc-cyan) !important; }
.rowcontent:is(.ptc-cards--fact, .ptc-cards--person, .ptc-cards--coach, .ptc-cards--feature) :has(> h3) > h3 { font-family: var(--ptc-font-heading); font-weight: 700; letter-spacing: -0.005em; line-height: 1.2; color: var(--ptc-blue-dark); }
.rowcontent:is(.ptc-cards--fact, .ptc-cards--person, .ptc-cards--coach, .ptc-cards--feature) :has(> h3) :is(h3, p, span) :is(span, strong) { color: inherit !important; background: none !important; font-size: inherit !important; font-weight: inherit; }
.rowcontent:is(.ptc-cards--fact, .ptc-cards--person, .ptc-cards--coach, .ptc-cards--feature) :has(> h3) :is(.card, .card-body) { display: contents; }
.rowcontent.ptc-cards--fact :has(> h3) { background: var(--ptc-blue-soft) !important; border-color: transparent !important; text-align: center; padding: 28px 18px !important; }
.rowcontent.ptc-cards--fact :has(> h3) > div { display: contents; }
.rowcontent.ptc-cards--fact :has(> h3) > div > span { order: 1; display: block; font-family: var(--ptc-font-heading); font-weight: 700; font-size: 11px !important; line-height: 1.55; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ptc-blue) !important; margin: 0 0 8px 0; }
.rowcontent.ptc-cards--fact :has(> h3) > h3 { order: 2; font-size: 32px; line-height: 1; letter-spacing: -0.02em; margin: 0 0 6px 0; }
.rowcontent.ptc-cards--fact :has(> h3) > div > p { order: 3; font-size: 13px; line-height: 1.55; color: var(--ptc-ink-soft); margin: 0; }
.rowcontent.ptc-cards--person :has(> h3) { text-align: center; padding: 0 22px 26px !important; }
.rowcontent.ptc-cards--person :has(> h3)::before { content: ""; flex: 0 0 auto; width: 110px; height: 110px; border-radius: 50%; margin: 28px auto 14px; background: var(--ptc-blue-soft); }
.rowcontent.ptc-cards--person :has(> h3) > h3 { font-size: 18px; margin: 0 0 4px 0; }
.rowcontent.ptc-cards--person :has(> h3) > div > p { font-size: 14px; line-height: 1.55; color: var(--ptc-ink-soft); margin: 0; }
.rowcontent.ptc-cards--coach :has(> h3) > div:has(> span:only-child) {
order: -1; position: relative; flex: 0 0 auto; aspect-ratio: 4 / 3; overflow: hidden;
background: radial-gradient(circle at 30% 75%, rgba(220, 236, 26, 0.4) 0%, transparent 45%), linear-gradient(135deg, #2a5a96 0%, #1a4078 70%, #0E2F5C 100%);
}
.rowcontent.ptc-cards--coach :has(> h3) > div:has(> span:only-child) > span {
position: absolute; top: 18px; left: 18px; display: inline-flex; align-items: center; gap: 6px;
background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
padding: 6px 12px; border-radius: 999px; color: var(--ptc-white) !important;
font-family: var(--ptc-font-heading); font-weight: 700; font-size: 11px !important; line-height: 1.55; letter-spacing: 0.12em; text-transform: uppercase;
}
.rowcontent.ptc-cards--coach :has(> h3) > h3 { font-size: 22px; margin: 28px 28px 6px; }
.rowcontent.ptc-cards--coach :has(> h3) > div:not(:has(> span:only-child)) { padding: 0 28px 32px; }
.rowcontent.ptc-cards--coach :has(> h3) > div > p { font-size: 13px; line-height: 1.45; color: var(--ptc-ink-soft); margin: 0 0 4px 0; }
.rowcontent:is(.ptc-cards--person, .ptc-cards--coach, .ptc-cards--feature) :has(> h3) p:has(> .btn) { margin: 20px 0 0 0 !important; line-height: 0; font-size: 0; }
.rowcontent:is(.ptc-cards--person, .ptc-cards--coach, .ptc-cards--feature) :has(> h3) .btn { vertical-align: top;
--bs-btn-bg: transparent; --bs-btn-color: var(--ptc-blue); --bs-btn-border-color: var(--ptc-blue);
background-color: transparent; border-color: var(--ptc-blue); color: var(--ptc-blue); }
.rowcontent:is(.ptc-cards--person, .ptc-cards--coach, .ptc-cards--feature) :has(> h3) .btn:hover { background-color: var(--ptc-cyan-soft); border-color: var(--ptc-cyan); color: var(--ptc-blue-dark); box-shadow: none; transform: none; }
.rowcontent.ptc-cards--feature :has(> h3) { padding: 28px 28px 32px !important; }
.rowcontent.ptc-cards--feature :has(> h3) > h3 { font-size: 24px; line-height: 1.2; margin: 0 0 12px 0; }
.rowcontent.ptc-cards--feature :has(> h3) > div > p { font-size: 15.5px; line-height: 1.55; color: var(--ptc-ink-soft); margin: 0 0 24px 0; }
.rowcontent.ptc-prose { margin-top: calc(-1 * var(--loc-row-gap-eff, 0px)) !important; margin-bottom: 0 !important; padding: 80px 0; }
.rowcontent.ptc-prose > * > * { padding: 0 !important; max-width: 824px; width: 100%; margin: 0 auto !important; background: none !important; border: 0 !important; box-shadow: none !important; display: block; }
.ptc-prose :is(h2, h3, p, ul, ol) span { color: inherit !important; background: none !important; font-size: inherit !important; }
.rowcontent.ptc-prose h2 { font-family: var(--ptc-font-heading); font-weight: 700; font-size: 24px !important; line-height: 1.15; letter-spacing: -0.005em; color: var(--ptc-blue-dark); margin: 0 0 0.4em 0; }
.rowcontent.ptc-prose h3 { font-family: var(--ptc-font-heading); font-weight: 700; font-size: 18px !important; line-height: 1.15; letter-spacing: -0.005em; color: var(--ptc-blue-dark); margin: 0 0 10px 0; }
.rowcontent.ptc-prose p { font-size: 16px; line-height: 1.55; font-weight: 400; color: var(--ptc-ink); margin: 0 0 1em 0; }
.rowcontent.ptc-prose h2 + p { font-size: 18px; line-height: 1.6; font-weight: 300; color: var(--ptc-ink-soft); }
.rowcontent.ptc-prose h3 ~ p + p { font-size: 15px; line-height: 1.6; font-weight: 300; color: var(--ptc-ink-soft); margin-top: 16px; }
.rowcontent.ptc-prose ul, .rowcontent.ptc-prose ol { font-size: 17px; line-height: 1.9; padding-left: 22px; margin: 0 0 1em 0; color: var(--ptc-ink); }
.rowcontent.ptc-prose li { font-size: inherit; line-height: inherit; color: inherit; }
.rowcontent.ptc-prose strong { font-weight: 700; }
.rowcontent.ptc-prose a:not(.btn) { font-weight: 400; color: var(--ptc-blue); text-decoration: none; }
.rowcontent.ptc-prose a:not(.btn):hover { color: var(--ptc-blue-dark); }
.rowcontent.ptc-prose > * > * > p:first-child:has(+ h2) { font-family: var(--ptc-font-heading); font-weight: 700; font-size: 12px !important; line-height: 1.55; text-transform: uppercase; letter-spacing: 0.14em; color: var(--ptc-blue); margin: 0 0 12px 0; }
.rowcontent.ptc-prose > * > * > p:first-child + h2 { font-size: clamp(28px, 2.6vw + 0.6rem, 40px) !important; letter-spacing: -0.01em; margin: 0 0 56px 0; }
.rowcontent.ptc-prose > * > * > p:first-child + h2 ~ p { font-size: 18px; line-height: 1.7; font-weight: 400; color: var(--ptc-ink); }
.rowcontent.ptc-prose > * > * > p:first-child + h2 ~ p:has(> a:only-child) { font-size: 17px; line-height: 1.55; }
.rowcontent.ptc-prose.ptc-prose--wide > * > * { max-width: none; padding: 0 !important; }
.rowcontent.ptc-prose.ptc-prose--tight-top { padding-top: 32px !important; }
.rowcontent:has(+ .ptc-prose--tight-top) { padding-bottom: 0 !important; }
@media (max-width: 720px) { .rowcontent.ptc-prose { padding: 56px 0; } }
.loc-contentlist .accordion { background: var(--ptc-white); border: 1px solid var(--ptc-line); border-radius: var(--ptc-radius-lg); overflow: hidden; }
.loc-contentlist .accordion-item { border: 0; border-bottom: 1px solid var(--ptc-line); background: transparent; }
.loc-contentlist .accordion-item:last-child { border-bottom: 0; }
.loc-contentlist .accordion-header { margin: 0; }
.loc-contentlist .accordion-button {
padding: 22px 28px; font-family: var(--ptc-font-heading); font-weight: 600; font-size: 17px; color: var(--ptc-blue-dark);
background: transparent; box-shadow: none; gap: 16px;
}
.loc-contentlist .accordion-button::after { display: none; }
.loc-contentlist .accordion-button::before { content: "▸"; color: var(--ptc-cyan); font-size: 14px; transition: transform 0.22s ease; }
.loc-contentlist .accordion-button:not(.collapsed) { background: var(--ptc-cyan-soft); color: var(--ptc-blue-dark); }
.loc-contentlist .accordion-button:not(.collapsed)::before { transform: rotate(90deg); }
.loc-contentlist .accordion-button:focus { box-shadow: 0 0 0 3px rgba(4, 163, 215, 0.25); }
.loc-contentlist .accordion-body { padding: 18px 28px 26px; font-size: 15px; line-height: 1.55; color: var(--ptc-ink-soft); }
.loc-contentlist .accordion-body p:last-child { margin-bottom: 0; }
.ptc-accordion--numbered .accordion { counter-reset: ptcstep; }
.ptc-accordion--numbered .accordion-button::before { content: counter(ptcstep, decimal-leading-zero); counter-increment: ptcstep; font-size: 11px; letter-spacing: 0.18em; transform: none !important; }
.loc-cl-list-item { padding: 16px 0; border-bottom: 1px solid var(--ptc-line); }
.loc-cl-list-header { font-family: var(--ptc-font-heading); font-size: 17px; color: var(--ptc-blue-dark); margin: 0 0 6px; }
.ptc-footer { position: relative; isolation: isolate; color: rgba(255, 255, 255, 0.78); font-size: 14px; line-height: 1.7; }
.ptc-footer::before { content: ""; position: absolute; top: 0; bottom: 0; left: var(--loc-bleed); right: var(--loc-bleed); z-index: -1; background: var(--ptc-blue-dark); }
.ptc-footer--top { padding-top: 56px; padding-bottom: 28px; }
.ptc-footer--bottom { padding-top: 0; padding-bottom: 32px; }
.ptc-footer + .ptc-footer { margin-top: calc(-1 * var(--loc-row-gap-eff, 0px)) !important; }
.ptc-footer .loc-widget { padding: 0; }
.ptc-footer p { color: inherit; margin: 0; }
.ptc-footer h5, .ptc-footer strong { font-family: var(--ptc-font-heading); font-size: 15px; font-weight: 700; color: var(--ptc-white); letter-spacing: 0.01em; margin: 0 0 12px; }
.ptc-footer a:not(.btn) { color: var(--ptc-yellow); font-weight: 400; font-size: 14px; text-decoration: none; }
.ptc-footer a:not(.btn):hover { color: var(--ptc-yellow-bright); text-decoration: underline; }
.ptc-footer .imgw-img { height: 36px; width: auto !important; }
.ptc-footer .imgw-pos-above .imgw-media { align-items: flex-start; }
.ptc-footer--top > *:last-child { align-items: flex-end; justify-content: center; }
@media (max-width: 767.98px) { .ptc-footer--top > *:last-child { align-items: flex-start; } }
--loc-divider-color: var(--ptc-line);
.loc-divider-accentline .loc-divider-seg { border-top: 2px solid var(--ptc-cyan); }
.imgw-pos-above .imgw-caption h5 { font-size: 14px; color: var(--ptc-ink-soft); font-weight: 600; margin-top: 10px; }
@media (max-width: 640px) {
.loc-widget-panel .card-body { padding: 18px 20px; }
.loc-widget-panel .card-header { padding-top: 20px; }
.loc-widget-panel .card-header:has(img) { padding: 0; }
.loc-widget-panel .card-footer { padding: 0 20px 24px; }
.imgw-pos-bg .imgw-textblock p { font-size: 16px; }
}
@media (max-width: 767.98px) {
.imgw-ar.imgw-pos-bg .imgw-media { aspect-ratio: auto; min-height: 360px; }
.imgw-ar.imgw-pos-bg .imgw-img { position: absolute; inset: 0; }
.imgw-pos-bg .imgw-caption { position: relative; inset: auto; }
.imgw-fullbleed.imgw-pos-bg .imgw-caption { padding-top: 56px; padding-bottom: 40px; }
.imgw-pos-bg .imgw-textblock h1 { font-size: 2rem; }
.imgw-fullbleed.imgw-pos-bg .imgw-caption::after { background: linear-gradient(180deg, rgba(14, 47, 92, 0.85) 0%, rgba(14, 47, 92, 0.55) 100%); }
.imgw-fullbleed.imgw-ar.imgw-pos-bg .imgw-img { left: 0; width: 100% !important; }
.imgw-fullbleed.imgw-ar.imgw-pos-bg .imgw-media { min-height: 420px; }
.imgw-fullbleed.imgw-pos-bg .imgw-caption::before { background-size: 160px 160px, 180px 180px; }
}
}
/* Element Style: Card header — brand band */
/* Club custom CSS, scoped to website content. */
.website .loc-es-7d2c48ed1347453bb134af83f1ef3437 {
& .card-header {
background: radial-gradient(circle at 70% 30%, rgba(220, 236, 26, 0.40) 0%, transparent 45%),
linear-gradient(135deg, #2a5a96 0%, #1a4078 70%, #0E2F5C 100%);
color: #ffffff;
border-bottom: 0;
}
& .card-header p { margin-bottom: 0; }
}
/* Element Style: Hero decoration - tennis balls */
/* Club custom CSS, scoped to website content. */
.website .loc-es-08ed5ba8f25349beb6e27d6c2c1ddda6 {
& .loc-hero::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
background-image:
url("data:image/svg+xml,%3Csvg viewBox='0 0 69.447 69.447' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-1271.769 -1574.648)'%3E%3Cpath fill-rule='evenodd' fill='%2304A3D7' d='M1341.208,1609.372a34.719,34.719,0,1,1-34.72-34.724A34.724,34.724,0,0,1,1341.208,1609.372ZM1311.144,1574.993a35.139,35.139,0,0,0-4.61-.344,41.069,41.069,0,0,1-34.369,29.735,34.3,34.3,0,0,0-.381,4.635l.183-.026a45.921,45.921,0,0,0,39.149-33.881Zm29.721,34.692a45.487,45.487,0,0,0-33.488,34.054l-.071.313a34.54,34.54,0,0,0,4.818-.455,41.218,41.218,0,0,1,28.686-29.194,36.059,36.059,0,0,0,.388-4.8Z'/%3E%3C/g%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg viewBox='0 0 69.447 69.447' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-1271.769 -1574.648)'%3E%3Cpath fill-rule='evenodd' fill='%23D8DF20' d='M1341.208,1609.372a34.719,34.719,0,1,1-34.72-34.724A34.724,34.724,0,0,1,1341.208,1609.372ZM1311.144,1574.993a35.139,35.139,0,0,0-4.61-.344,41.069,41.069,0,0,1-34.369,29.735,34.3,34.3,0,0,0-.381,4.635l.183-.026a45.921,45.921,0,0,0,39.149-33.881Zm29.721,34.692a45.487,45.487,0,0,0-33.488,34.054l-.071.313a34.54,34.54,0,0,0,4.818-.455,41.218,41.218,0,0,1,28.686-29.194,36.059,36.059,0,0,0,.388-4.8Z'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat, no-repeat;
background-size: 260px 260px, 240px 240px;
background-position: -90px -80px, calc(100% + 70px) calc(100% + 80px);
opacity: 0.38;
}
@media (max-width: 767.98px) {
& .loc-hero::after {
opacity: 0.18;
background-size: 180px 180px, 170px 170px;
}
}
}
/* Element Style: Section - Feature band */
/* Club custom CSS, scoped to website content. */
.website .loc-es-eddb29b6d4ef4dfeb76999f680a05a35 {
--fb-a: var(--loc-accent, var(--bs-primary, #0d6efd)); position: relative; padding: 4rem; background: var(--fb-a); border-radius: 2rem; box-shadow: 0 10px 30px 0 color-mix(in srgb, var(--fb-a) 50%, transparent); color: #fff; &::before { content: ''; position: absolute; inset: 1rem; border: 1px solid currentColor; border-radius: 1.3rem; pointer-events: none; } & :is(h1, h2, h3, h4, h5, h6):not(.card *) { color: inherit; } & a:not(.btn):not(.card *) { color: inherit; text-decoration: underline; } & .btn:not(.card *) { border-color: #fff; background: #fff; color: var(--fb-a); } & .btn:not(.card *):hover, & .btn:not(.card *):focus-visible { border-color: #dedede; background: #dedede; color: var(--fb-a); } @media (max-width: 575.98px) { & { padding: 2.5rem; } &::before { inset: 0.75rem; } }
}
/* Element Style: Feature Box */
/* Club custom CSS, scoped to website content. */
.website .loc-es-eba7e3389a4342c68fb984f406e0df4b {
--fb-accent: var(--bs-primary, #E21B23);
--fb-fg: #fff;
position: relative;
padding: 4rem;
background: var(--fb-accent);
border-radius: 2rem;
box-shadow: 0 10px 30px 0 color-mix(in srgb, var(--fb-accent) 50%, transparent);
color: var(--fb-fg);
&::before {
content: "";
position: absolute;
inset: 1rem;
border: 1px solid var(--fb-fg);
border-radius: 1.3rem;
pointer-events: none;
}
& :is(h1, h2, h3, h4, h5, h6, p, li, a) { color: inherit; }
& .btn {
padding: 1em 2em;
border: 1px solid var(--fb-fg);
background: var(--fb-fg);
color: var(--fb-accent);
font-weight: 800;
}
& .btn:hover, & .btn:focus-visible {
border-color: #dedede;
background: #dedede;
color: var(--fb-accent);
}
@media (max-width: 600px) { & { padding: 2.5rem; } }
}
/* Element Style: Page Heading */
/* Club custom CSS, scoped to website content. */
.website .loc-es-ff4cad81a8954d03bef1a0c05edd7d2b {
h1, h2, h3, h4, h5 { margin-bottom: 0.2rem; font-size: 1.9rem; font-weight: 700; line-height: 1.15; letter-spacing: -0.015em; }
}
/* Content maximum width (Theme) */
.website {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
--loc-bleed: calc(-50vw + 50%);
--loc-content-max: 1200px;
}
.website-builder .website { --loc-bleed: calc(-50cqi + 50%); }
.loc-navbar > .container-fluid,
.loc-topbar > .container-fluid {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
/* Overhanging brand logo (Theme: Logo overhang) */
:root { --loc-navbar-logo-drop: 20px; }
.loc-navbar > .container-fluid { position: relative; }
.loc-navbar .navbar-brand {
position: static;
display: inline-block;
width: calc(var(--loc-navbar-logo-h, 40px) + 20px + 1rem);
}
.loc-navbar .loc-navbar-logo {
position: absolute;
top: calc(-1 * var(--loc-navbar-pad-y, 0.25rem) + 5px);
left: 20px;
height: calc(var(--loc-navbar-logo-h, 40px) + 20px);
max-width: none;
float: none;
z-index: 2;
}
/* Navigation bar style: PTC Navigation */
/* Club custom CSS, scoped to website content. */
.loc-navbar {
--nav-blue: #184586; --nav-dark: #0E2F5C; --nav-cyan: #04A3D7; --nav-line: #E4E0D3; --nav-pill: 999px;
font-family: var(--loc-font-heading, Outfit, system-ui, sans-serif);
border-bottom: 0 !important;
box-shadow: none !important;
--loc-navbar-h: 72px;
&.navbar { padding-top: 0 !important; padding-bottom: 0 !important; }
--ptc-bar-h: 63px;
overflow: visible;
& .container-fluid { padding-left: 28px; padding-right: 28px; height: var(--ptc-bar-h); align-items: center; }
& .loc-navbar-logo { border-radius: 50%; filter: drop-shadow(0 6px 14px rgba(14, 47, 92, 0.22)) !important; left: 28px; top: 6px; }
& .navbar-brand { margin-right: 10px; }
& #navbar-title { display: none !important; }
& .navbar-nav .nav-link {
position: relative; display: flex; align-items: center; height: var(--ptc-bar-h); padding: 0 14px;
font-size: 15px; font-weight: 600; color: #16213A; text-transform: none; letter-spacing: 0.005em;
}
& .navbar-nav .nav-link:hover { color: var(--nav-blue); }
& .navbar-nav .nav-link.active { color: var(--nav-blue); }
& .navbar-nav .nav-link.active::after {
content: ""; position: absolute; left: 14px; right: 14px; bottom: 0; height: 14px; border-radius: 0; background: var(--nav-cyan);
}
& .navbar-collapse { height: var(--ptc-bar-h); }
& .navbar-nav { height: var(--ptc-bar-h); }
@media (min-width: 768px) { & .navbar-nav .nav-item:not(.loc-nav-menuonly) { display: flex; } }
& .navbar-nav.me-auto { margin-left: 0 !important; margin-right: auto !important; }
& .navbar-nav.justify-content-end { align-items: center; gap: 12px; }
& .navbar-nav.justify-content-end .nav-link {
height: auto; padding: 10px 20px; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
border: 1.5px solid var(--nav-blue); border-radius: var(--nav-pill); color: var(--nav-blue); line-height: 1;
transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, color 0.16s ease;
}
& .navbar-nav.justify-content-end .nav-link:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(22, 33, 58, 0.16); }
& .navbar-nav.justify-content-end .nav-link:not(#logOffOn):hover { background: #D5EEF4; border-color: var(--nav-cyan); color: var(--nav-dark); }
& .navbar-nav.justify-content-end .nav-link::after { display: none; }
& #logOffOn { background: var(--nav-blue); color: #fff; }
& #logOffOn:hover { background: var(--nav-dark); border-color: var(--nav-dark); color: #fff; }
& .loc-navmenu-btn {
border: 1.5px solid var(--nav-blue); border-radius: var(--nav-pill); color: var(--nav-blue); line-height: 1;
padding: 10px 20px; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin-left: 12px;
}
& .loc-navmenu-panel { border: 1px solid var(--nav-line); border-radius: 18px; box-shadow: 0 8px 24px rgba(22, 33, 58, 0.12); padding: 8px 0; }
& .loc-navmenu-link { padding: 10px 18px; font-size: 15px; }
& .loc-navmenu-link:hover, & .loc-navmenu-link.active { background: #DCE7F5; color: var(--nav-blue); }
&:not(:has(#member-help-button)) .loc-navmenu-trigger { display: none !important; }
& li.loc-nav-menuonly:not(.dropdown):has(> a[onclick^="ClubMember.Contact"]) { display: none !important; }
& #member-help-button { order: 5; color: var(--nav-blue); font-size: 18px; padding: 0 6px; }
@media (min-width: 768px) {
&.navbar-expand-md .navbar-collapse { display: contents !important; }
&.navbar-expand-md .navbar-nav.me-auto { order: 1; height: var(--ptc-bar-h); }
&.navbar-expand-md .navbar-nav.justify-content-end { display: contents; }
&.navbar-expand-md .navbar-nav.justify-content-end > .nav-item { display: flex; align-items: center; }
&.navbar-expand-md .navbar-nav.justify-content-end > .nav-item:first-child { order: 2; margin-left: auto; }
&.navbar-expand-md .loc-navmenu-trigger { order: 3; margin: 0 8px; }
&.navbar-expand-md .navbar-nav.justify-content-end > .nav-item:last-child { order: 4; margin-left: 0; }
&.navbar-expand-md .navbar-nav.justify-content-end > .nav-item + .nav-item { margin-left: 12px; }
&:not(.navbar-expand-md) .navbar-toggler { display: inline-flex; margin-left: auto; }
&:not(.navbar-expand-md) .navbar-collapse { flex-basis: 100%; height: auto; background: #fff; margin-top: 12px; border-top: 1px solid var(--nav-line); }
&:not(.navbar-expand-md) .navbar-nav { height: auto; flex-direction: column; }
&:not(.navbar-expand-md) .navbar-nav .nav-item { display: block; }
&:not(.navbar-expand-md) .navbar-nav .nav-link { display: block; height: auto; padding: 14px 4px; border-bottom: 1px solid var(--nav-line); }
&:not(.navbar-expand-md) .navbar-nav .nav-link.active::after { left: -16px; right: auto; width: 4px; height: auto; top: 0; bottom: 0; }
&:not(.navbar-expand-md) .navbar-nav.justify-content-end { flex-direction: row; padding: 14px 0 6px; gap: 12px; }
&:not(.navbar-expand-md) .container-fluid { flex-wrap: wrap; height: auto; min-height: 76px; }
&:not(.navbar-expand-md) .loc-navbar-logo { height: 64px !important; width: 64px; top: 4px; }
&:not(.navbar-expand-md) .navbar-brand { width: 80px; }
}
& .navbar-nav.justify-content-end > .nav-item.dropdown > .nav-link {
border: 0; padding: 9px 10px; text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 600; color: #16213A;
}
& .navbar-nav.justify-content-end > .nav-item.dropdown > .nav-link:hover { transform: none; box-shadow: none; color: var(--nav-blue); }
& .navbar-nav.justify-content-end > .nav-item.dropdown > .nav-link::after { display: inline-block; }
& .navbar-nav.justify-content-end .dropdown-menu { border: 1px solid var(--nav-line); border-radius: 18px; box-shadow: 0 8px 24px rgba(22, 33, 58, 0.12); padding: 8px 0; }
& .navbar-nav.justify-content-end .dropdown-item { padding: 10px 18px; font-size: 15px; }
& .navbar-nav.justify-content-end .dropdown-item:hover { background: #DCE7F5; color: var(--nav-blue); }
&:has(#member-help-button) .loc-navmenu-btn { background: var(--nav-blue); color: #fff; }
&:has(#member-help-button) .loc-navmenu-btn:hover, &:has(#member-help-button) .loc-navmenu-btn.show { background: var(--nav-dark); border-color: var(--nav-dark); color: #fff; }
&:has(#member-help-button) .loc-navmenu-icon { background-color: #fff; }
&:has(#member-help-button) #logOffOn { background: transparent; color: var(--nav-blue); }
&:has(#member-help-button) #logOffOn:hover { background: var(--nav-blue); color: #fff; }
& .navbar-nav .nav-link { white-space: nowrap; }
@media (min-width: 768px) and (max-width: 1099.98px) {
& .navbar-brand { margin-right: 16px; }
& .navbar-nav .nav-link { padding: 0 9px; font-size: 15px; }
& .navbar-nav.justify-content-end .nav-link, & .loc-navmenu-btn { padding: 8px 12px; font-size: 12px; letter-spacing: 0.04em; }
& .loc-navmenu-btn-label { display: none; }
& .loc-navmenu-btn { padding: 8px 10px; }
}
& .navbar-toggler {
width: 44px; height: 44px; padding: 8px; border: 0; border-radius: 10px;
background: transparent !important; box-shadow: none !important; outline: 0;
align-items: center; justify-content: center;
}
& .navbar-toggler:hover { background: #DCE7F5 !important; }
& .navbar-toggler:focus-visible { box-shadow: 0 0 0 3px rgba(4, 163, 215, 0.35) !important; }
& .navbar-toggler .navbar-toggler-icon {
width: 22px; height: 2.5px; border-radius: 2px; background: var(--nav-dark);
-webkit-mask: none; mask: none; background-image: none;
position: relative; display: block;
transition: background 0.18s ease;
}
& .navbar-toggler .navbar-toggler-icon::before, & .navbar-toggler .navbar-toggler-icon::after {
content: ""; position: absolute; left: 0; width: 22px; height: 2.5px; border-radius: 2px; background: var(--nav-dark);
transition: transform 0.22s ease;
}
& .navbar-toggler .navbar-toggler-icon::before { top: -6.5px; }
& .navbar-toggler .navbar-toggler-icon::after { top: 6.5px; }
& .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { background: transparent; }
& .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before { transform: translateY(6.5px) rotate(45deg); }
& .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after { transform: translateY(-6.5px) rotate(-45deg); }
@media (max-width: 767.98px) {
--ptc-bar-h: 76px;
& .navbar-toggler { display: inline-flex; }
& .container-fluid { padding-left: 16px; padding-right: 16px; height: auto; min-height: var(--ptc-bar-h); }
& .navbar-collapse { background: #fff; }
& .loc-navbar-logo { height: 64px !important; width: 64px; left: 16px; top: 4px; }
& .navbar-brand { width: 80px; }
& .navbar-collapse, & .navbar-nav { height: auto; }
& .navbar-collapse { margin-top: 12px; border-top: 1px solid var(--nav-line); }
& .navbar-nav .nav-item { display: block; }
& .navbar-nav .nav-link { display: block; height: auto; padding: 14px 4px; border-bottom: 1px solid var(--nav-line); }
& .navbar-nav .nav-link.active::after { left: -16px; right: auto; width: 4px; height: auto; top: 0; bottom: 0; }
& .loc-navbar-logo { margin-top: 0; }
& .navbar-nav.justify-content-end { flex-direction: row; padding: 14px 0 6px; }
& .navbar-nav.justify-content-end .nav-link { border-bottom: 2px solid var(--nav-blue); }
}
}