/* TCC theme styles. Colours, fonts and spacing come from theme.json; this file adds the brand's components (cards, eyebrows, artwork, the waitlist form) and WooCommerce polish. */ :root { --tcc-navy: var(--wp--preset--color--navy, #040D4B); --tcc-orange: var(--wp--preset--color--orange, #C8500A); --tcc-peach: var(--wp--preset--color--peach, #F2914F); --tcc-mist: var(--wp--preset--color--mist, #C9CDE0); --tcc-line: var(--wp--preset--color--line, #ECEAE3); --tcc-shadow: 0 1px 2px rgba(4, 13, 75, .05), 0 8px 24px -10px rgba(4, 13, 75, .12); --tcc-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M64 0H0V64' fill='none' stroke='%2316226B'/%3E%3C/svg%3E"); --tcc-grid-sm: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M20 0H0V20' fill='none' stroke='%2316226B'/%3E%3C/svg%3E"); } body { -webkit-font-smoothing: antialiased; } :where(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid var(--tcc-peach); outline-offset: 3px; } .wp-site-blocks > main { margin-block-start: 0; } /* ---------- Header ---------- */ /* The template-part wrapper is what sticks: it's a direct child of the page, so it has the whole page to stick within. On .tcc-header itself, sticky had no room (the wrapper is exactly its height). */ .wp-site-blocks > header.wp-block-template-part { position: sticky; top: 0; z-index: 50; } .admin-bar .wp-site-blocks > header.wp-block-template-part { top: 32px; } @media (max-width: 782px) { .admin-bar .wp-site-blocks > header.wp-block-template-part { top: 0; } } .tcc-header { position: relative; border-bottom: 1px solid rgba(4, 13, 75, .08); } /* The frosted background sits on a layer behind the header, not on the header itself: a backdrop-filter on the header would trap the full-screen phone menu inside the header's height. */ .tcc-header::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(255, 255, 255, .88); backdrop-filter: saturate(1.4) blur(14px); -webkit-backdrop-filter: saturate(1.4) blur(14px); pointer-events: none; } /* While the phone menu is open, the floating Chat and back-to-top buttons stay out of its way. */ html.has-modal-open #brevo-conversations, html.has-modal-open .trx_addons_scroll_to_top { display: none !important; } .tcc-header__inner { padding-block: 14px; gap: 12px 32px; } /* Height sets the size; width follows the logo's own 720:283 shape. !important beats any inline width a block edit adds. */ .tcc-header .tcc-logo img { display: block; height: 56px; width: auto !important; max-width: none; aspect-ratio: 720 / 283; } @media (min-width: 1240px) { .tcc-header .tcc-logo img { height: 72px; } } .tcc-header .wp-block-navigation { font-weight: 600; font-size: 15px; gap: 4px 26px; } .tcc-header .wp-block-navigation a:hover { color: var(--tcc-orange); } .tcc-header .wp-block-navigation .current-menu-item > a { color: var(--tcc-orange); } .tcc-header .wp-block-button__link { padding: 11px 20px; font-size: 15px; } .tcc-header__right { gap: 16px 28px; } @media (max-width: 600px) { .tcc-header .tcc-logo img { height: 44px; } .tcc-header .wp-block-buttons { display: none; } } .wp-block-navigation__responsive-container.is-menu-open { background: var(--tcc-navy) !important; color: #fff !important; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { font-family: var(--wp--preset--font-family--display); font-size: 30px; text-transform: uppercase; } /* ---------- Sections ---------- */ .tcc-section { padding-block: var(--wp--preset--spacing--50); } .tcc-section--tight { padding-block: clamp(32px, 4vw, 48px); } .tcc-sand { background: var(--wp--preset--color--sand); } .tcc-dark { background-color: var(--tcc-navy); color: var(--tcc-mist); } .tcc-dark :where(h1, h2, h3, h4) { color: #fff; } .tcc-dark a:where(:not(.wp-element-button)) { color: #fff; } .tcc-grid-bg { background-image: var(--tcc-grid); } .tcc-orange { background: var(--tcc-orange); color: #fff; } .tcc-orange :where(h1, h2, h3) { color: #fff; } .tcc-rule { border-bottom: 1px solid var(--tcc-line); } .tcc-eyebrow { margin: 0 0 14px; font-weight: 700; font-size: 13px; line-height: 1.4; letter-spacing: .16em; text-transform: uppercase; color: var(--tcc-orange); } .tcc-dark .tcc-eyebrow, .tcc-card--navy .tcc-eyebrow { color: var(--tcc-peach); } .tcc-eyebrow--muted { color: var(--wp--preset--color--muted); } .tcc-lead { font-size: var(--wp--preset--font-size--large); line-height: 1.6; max-width: 34em; } .tcc-tagline { margin: 14px 0 0; font-family: var(--wp--preset--font-family--display); font-weight: 500; font-size: clamp(22px, 2.4vw, 30px); text-transform: uppercase; letter-spacing: .02em; color: var(--tcc-peach); } .tcc-accent { color: var(--tcc-peach); } .tcc-head-row { gap: 24px; margin-bottom: clamp(32px, 4vw, 56px) !important; } .tcc-small { font-size: 13px; color: var(--wp--preset--color--muted); } .tcc-dark .tcc-small { color: var(--tcc-mist); } /* Buttons */ .wp-block-button__link { transition: background-color .15s ease, color .15s ease, border-color .15s ease; } .wp-block-button.is-style-tcc-light .wp-block-button__link { background: transparent; color: #fff; border: 2px solid #fff; padding: 14px 26px; } .wp-block-button.is-style-tcc-light .wp-block-button__link:hover { background: #fff; color: var(--tcc-navy); } .wp-block-button.tcc-btn-navy .wp-block-button__link { background: var(--tcc-navy); } .wp-block-button.tcc-btn-navy .wp-block-button__link:hover { background: #fff; color: var(--tcc-navy); } .tcc-arrow-link { font-weight: 700; font-size: 16px; } .tcc-arrow-link a { text-decoration: none; } /* ---------- Hero ---------- */ .tcc-hero { position: relative; overflow: hidden; background-color: var(--tcc-navy); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 760' preserveAspectRatio='xMidYMid slice'%3E%3Cpath d='M-40 700 C 300 680, 560 560, 820 400 S 1240 120, 1500 90' fill='none' stroke='%23C8500A' stroke-width='3' opacity='.9'/%3E%3Ccircle cx='820' cy='400' r='7' fill='%23F2914F'/%3E%3Ccircle cx='1180' cy='170' r='5' fill='%23F2914F' opacity='.7'/%3E%3C/svg%3E"), var(--tcc-grid); background-size: cover, auto; background-position: center, 0 0; } .tcc-hero .wp-block-columns { align-items: center !important; gap: 64px; } .tcc-chip { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 28px; padding: 8px 16px; border: 1px solid #2A3A8F; border-radius: 999px; font-weight: 600; font-size: 14px; color: var(--tcc-mist); } .tcc-chip::before { content: ""; width: 8px; height: 8px; border-radius: 999px; background: var(--tcc-peach); } .tcc-hero h1 { margin: 0; } .tcc-hero .tcc-lead { margin-top: 32px; color: var(--tcc-mist); } .tcc-hero .wp-block-buttons { margin-top: 44px; } .tcc-hero-photo { position: relative; } .tcc-hero-photo img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 28px; } .tcc-badge-stat, .tcc-badge-orange { position: absolute; z-index: 2; margin: 0 !important; border-radius: 18px; box-shadow: 0 24px 48px -16px rgba(0, 0, 0, .45); font-weight: 600; font-size: 14px; line-height: 1.3; } .tcc-badge-stat { left: -28px; bottom: 48px; padding: 18px 22px; background: #fff; color: var(--tcc-navy); } .tcc-badge-orange { right: -16px; top: 40px; padding: 16px 20px; background: var(--tcc-orange); color: #fff; } .tcc-badge-stat strong, .tcc-badge-orange strong { display: block; font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 40px; line-height: 1; } @media (max-width: 781px) { .tcc-badge-stat { left: 12px; bottom: 12px; } .tcc-badge-orange { right: 12px; top: 12px; } } /* Photo placeholder: swap for an Image block. */ .tcc-photo-ph { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 5; padding: 32px; box-sizing: border-box; border: 1.5px dashed #5C6AB0; border-radius: 28px; background: #0E1A66; text-align: center; color: var(--tcc-mist); font-weight: 500; } .tcc-photo-ph--light { aspect-ratio: 1; background: var(--wp--preset--color--sand); border-color: #B9B6AC; color: var(--wp--preset--color--muted); } .tcc-photo-frame { position: relative; padding: 0 20px 20px 0; } .tcc-photo-frame::after { content: ""; position: absolute; right: 0; bottom: 0; width: 82%; height: 82%; border-radius: 28px; background: var(--wp--preset--color--blush); z-index: 0; } .tcc-photo-frame > * { position: relative; z-index: 1; } .tcc-photo-frame img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 28px; } /* Logo strip */ .tcc-logos { gap: 20px 48px; } .tcc-logos .tcc-eyebrow { margin: 0; color: var(--wp--preset--color--muted); font-size: 12px; } .tcc-logos__list { flex: 1 1 600px; gap: 16px 36px; justify-content: space-between; } .tcc-logos__list p { margin: 0; font-family: var(--wp--preset--font-family--display); font-weight: 500; font-size: 20px; letter-spacing: .04em; text-transform: uppercase; color: #6B7090; } /* ---------- Cards ---------- */ .tcc-card, .wp-block-group.is-style-tcc-card { background: #fff; border-radius: 28px; padding: 32px; box-shadow: var(--tcc-shadow); } .tcc-card--line { box-shadow: none; border: 1px solid var(--tcc-line); border-radius: 24px; } .tcc-card--sand { background: var(--wp--preset--color--sand); box-shadow: none; } .tcc-card--navy { background: var(--tcc-navy); color: var(--tcc-mist); box-shadow: 0 8px 24px -10px rgba(4, 13, 75, .4); } .tcc-card--navy :where(h2, h3, h4) { color: #fff; } .tcc-card--navy a { color: #fff; } .tcc-card--tight { padding: 12px; } .tcc-card > * + * { margin-block-start: 10px; } .tcc-card h3 { margin: 0; } .tcc-card p { margin: 0; } .tcc-card .tcc-push { margin-top: auto !important; padding-top: 12px; } .tcc-lift { transition: transform .25s ease, box-shadow .25s ease; } .tcc-lift:hover { transform: translateY(-4px); box-shadow: 0 2px 4px rgba(4, 13, 75, .06), 0 20px 40px -12px rgba(4, 13, 75, .22); } .tcc-stretch { display: flex; flex-direction: column; height: 100%; } .tcc-cards { gap: 24px; } .tcc-cards > .wp-block-column { display: flex; flex-direction: column; } .tcc-cards > .wp-block-column > * { flex: 1 1 auto; } /* Linked card titles make the whole card clickable. */ .tcc-card-link { position: relative; } .tcc-card-link h3 a { text-decoration: none; color: inherit; } .tcc-card-link h3 a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; } .tcc-card-link .tcc-more { font-weight: 700; font-size: 16px; color: var(--tcc-navy); } .tcc-card--navy.tcc-card-link .tcc-more { color: #fff; } .tcc-icon { width: 48px; height: 48px; min-height: 48px; border-radius: 14px; background: var(--wp--preset--color--blush) center / 24px no-repeat; } .tcc-card--navy .tcc-icon { background-color: var(--wp--preset--color--navy-3); } .tcc-icon--chat { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8500A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z'/%3E%3Cpath d='M8.5 11h7M8.5 14h4.5'/%3E%3C/svg%3E"); } .tcc-icon--people { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F2914F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M3.5 19c.8-3.2 3-5 5.5-5s4.7 1.8 5.5 5'/%3E%3Cpath d='M15 14.3c2.6-.4 4.6 1.1 5.4 4.2'/%3E%3C/svg%3E"); } .tcc-icon--play { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8500A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='M10 9.5v5l4-2.5z'/%3E%3C/svg%3E"); } .tcc-icon--live { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8500A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M10 9l5 3-5 3z'/%3E%3C/svg%3E"); } .tcc-icon--spark { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8500A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v4M12 17v4M4.5 7.5l2.8 2.8M16.7 13.7l2.8 2.8M3 12h4M17 12h4'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3C/svg%3E"); } .tcc-icon--group { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8500A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M3.5 19c.8-3.2 3-5 5.5-5s4.7 1.8 5.5 5'/%3E%3Cpath d='M15 14.3c2.6-.4 4.6 1.1 5.4 4.2'/%3E%3C/svg%3E"); } /* Course artwork: decorative, drawn in CSS so editors only deal with text. */ .tcc-art { position: relative; display: flex; align-items: flex-end; aspect-ratio: 4 / 3; min-height: 0; margin: 0 !important; padding: 0 18px 6px; border-radius: 16px; overflow: hidden; background: var(--tcc-navy) center / cover no-repeat; } .tcc-art--wide { aspect-ratio: 16 / 8; border-radius: 18px; align-items: flex-start; padding: 20px 24px; } .tcc-art__num { margin: 0; font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 64px; line-height: 1; color: #fff; } .tcc-art__tag { margin: 0; padding: 6px 12px; border-radius: 999px; background: rgba(255, 255, 255, .12); color: #fff; font-weight: 600; font-size: 13px; } .tcc-art--curve { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 210' preserveAspectRatio='xMidYMid slice'%3E%3Cpath d='M-5 190 C 70 182, 120 140, 170 100 S 250 40, 290 34' fill='none' stroke='%23C8500A' stroke-width='3.5'/%3E%3Ccircle cx='170' cy='100' r='6' fill='%23F2914F'/%3E%3C/svg%3E"), var(--tcc-grid-sm); background-size: cover, auto; } .tcc-art--wide.tcc-art--curve { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 280' preserveAspectRatio='xMidYMid slice'%3E%3Cpath d='M-10 250 C 120 240, 220 190, 300 140 S 450 50, 570 40' fill='none' stroke='%23C8500A' stroke-width='4'/%3E%3Cpath d='M-10 268 C 140 262, 250 228, 330 188 S 470 110, 570 100' fill='none' stroke='%235C6AB0' stroke-width='2' stroke-dasharray='6 6'/%3E%3Ccircle cx='300' cy='140' r='8' fill='%23F2914F'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cpath d='M28 0H0V28' fill='none' stroke='%2316226B'/%3E%3C/svg%3E"); } .tcc-art--intervals { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 210' preserveAspectRatio='xMidYMid slice'%3E%3Cg fill='%23C8500A'%3E%3Crect x='96' y='60' width='16' height='110' rx='3'/%3E%3Crect x='132' y='60' width='16' height='110' rx='3'/%3E%3Crect x='168' y='60' width='16' height='110' rx='3'/%3E%3Crect x='204' y='60' width='16' height='110' rx='3'/%3E%3Crect x='240' y='60' width='16' height='110' rx='3'/%3E%3C/g%3E%3Cg fill='%232A3A8F'%3E%3Crect x='112' y='140' width='20' height='30' rx='3'/%3E%3Crect x='148' y='140' width='20' height='30' rx='3'/%3E%3Crect x='184' y='140' width='20' height='30' rx='3'/%3E%3Crect x='220' y='140' width='20' height='30' rx='3'/%3E%3C/g%3E%3C/svg%3E"), var(--tcc-grid-sm); background-size: cover, auto; } .tcc-art--steps { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 210' preserveAspectRatio='xMidYMid slice'%3E%3Cg fill='%23C8500A'%3E%3Crect x='100' y='140' width='34' height='30' rx='4'/%3E%3Crect x='140' y='112' width='34' height='58' rx='4'/%3E%3Crect x='180' y='84' width='34' height='86' rx='4'/%3E%3Crect x='220' y='56' width='34' height='114' rx='4'/%3E%3C/g%3E%3C/svg%3E"), var(--tcc-grid-sm); background-size: cover, auto; } .tcc-art--band { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 210' preserveAspectRatio='xMidYMid slice'%3E%3Crect x='90' y='52' width='190' height='56' fill='%23C8500A' opacity='.22'/%3E%3Cpath d='M90 52 H 290' stroke='%23F2914F' stroke-width='3'/%3E%3Cpath d='M90 108 H 290' stroke='%235C6AB0' stroke-width='3' stroke-dasharray='7 6'/%3E%3C/svg%3E"), var(--tcc-grid-sm); background-size: cover, auto; } .tcc-art--gps { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 210' preserveAspectRatio='xMidYMid slice'%3E%3Cpath d='M70 160 C 110 60, 170 170, 210 70 S 260 120, 270 50' fill='none' stroke='%23C8500A' stroke-width='3.5' stroke-linecap='round'/%3E%3Ccircle cx='70' cy='160' r='6' fill='%23F2914F'/%3E%3Ccircle cx='270' cy='50' r='6' fill='%23F2914F'/%3E%3C/svg%3E"), var(--tcc-grid-sm); background-size: cover, auto; } .tcc-art--week { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 210' preserveAspectRatio='xMidYMid slice'%3E%3Cg fill='%232A3A8F'%3E%3Crect x='80' y='60' width='26' height='26' rx='5'/%3E%3Crect x='112' y='60' width='26' height='26' rx='5'/%3E%3Crect x='176' y='60' width='26' height='26' rx='5'/%3E%3Crect x='208' y='60' width='26' height='26' rx='5'/%3E%3Crect x='240' y='60' width='26' height='26' rx='5'/%3E%3C/g%3E%3Crect x='144' y='60' width='26' height='26' rx='5' fill='%23C8500A'/%3E%3Crect x='240' y='60' width='26' height='26' rx='5' fill='%23F2914F'/%3E%3C/svg%3E"), var(--tcc-grid-sm); background-size: cover, auto; } /* Prices */ .tcc-price { margin: 0; font-weight: 700; font-size: 20px; color: var(--tcc-navy); font-variant-numeric: tabular-nums; } .tcc-price--big { font-size: 32px; } .tcc-price s, .tcc-strike { font-weight: 400; font-size: 15px; color: var(--wp--preset--color--muted); } .tcc-price small { font-weight: 600; font-size: 15px; color: var(--wp--preset--color--muted); } .tcc-dark .tcc-price, .tcc-card--navy .tcc-price { color: #fff; } .tcc-card--navy .tcc-price small { color: var(--tcc-mist); } .tcc-meta-row { justify-content: space-between; align-items: center; } .tcc-meta-row p { margin: 0; } .tcc-badge { display: inline-block; margin: 0 8px 0 0; padding: 4px 10px; border-radius: 999px; background: var(--tcc-orange); color: #fff; font-weight: 700; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; } .tcc-pill { display: inline-block; margin: 0; padding: 6px 12px; border-radius: 999px; background: var(--wp--preset--color--blush); color: var(--tcc-orange); font-weight: 700; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; } .tcc-pills { gap: 10px; } .tcc-pills p { margin: 0; padding: 8px 14px; border: 1px solid var(--tcc-line); border-radius: 999px; font-weight: 600; font-size: 14px; color: var(--tcc-navy); } /* Lists with ticks */ .tcc-ticks { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; color: var(--tcc-navy); } .tcc-ticks li { position: relative; padding-left: 32px; } .tcc-ticks li::before { content: ""; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8500A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; } .tcc-dark .tcc-ticks { color: #fff; } /* Quotes */ .wp-block-quote.tcc-quote { margin: 0; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: 24px; padding: 36px; border: 1px solid #1B2878; border-radius: 24px; background: var(--wp--preset--color--navy-2); } .wp-block-quote.tcc-quote::before { content: "\201C"; font-family: var(--wp--preset--font-family--display); font-weight: 700; font-size: 72px; line-height: .6; color: var(--tcc-orange); } .wp-block-quote.tcc-quote p { margin: 0; font-size: 19px; line-height: 1.55; color: #fff; } .wp-block-quote.tcc-quote cite { margin-top: auto; font-style: normal; font-size: 14px; color: var(--tcc-mist); } .wp-block-quote.tcc-quote cite strong { display: block; font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 19px; text-transform: uppercase; color: #fff; } .tcc-quote--light.wp-block-quote.tcc-quote { background: #fff; border-color: var(--tcc-line); } .tcc-quote--light.wp-block-quote.tcc-quote p, .tcc-quote--light.wp-block-quote.tcc-quote cite strong { color: var(--tcc-navy); } .tcc-quote--light.wp-block-quote.tcc-quote cite { color: var(--wp--preset--color--muted); } /* Finder */ .tcc-finder { border-radius: 32px; padding: clamp(28px, 5vw, 56px); } .tcc-finder__options { display: flex; flex-direction: column; gap: 12px; } .tcc-finder__options button { font: inherit; text-align: left; font-weight: 600; font-size: 16px; padding: 16px 20px; border-radius: 16px; cursor: pointer; background: transparent; color: #fff; border: 2px solid #2A3A8F; transition: border-color .15s ease, background-color .15s ease; } .tcc-finder__options button:hover { border-color: var(--tcc-orange); } .tcc-finder__options button[aria-pressed="true"] { background: #fff; color: var(--tcc-navy); border-color: #fff; } .tcc-finder__rec { display: flex; flex-direction: column; gap: 14px; height: 100%; box-sizing: border-box; background: #fff; border-radius: 24px; padding: 36px; color: var(--wp--preset--color--ink); } .tcc-finder__rec .tcc-eyebrow { margin: 0; font-size: 12px; } .tcc-finder__title { margin: 0; font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 32px; line-height: 1.1; text-transform: uppercase; color: var(--tcc-navy); } .tcc-finder__body { margin: 0; } .tcc-finder__foot { margin-top: auto; padding-top: 16px; border-top: 1px solid var(--tcc-line); display: flex; flex-wrap: wrap; align-items: center; gap: 16px; } .tcc-finder__foot .tcc-price { font-size: 26px; } .tcc-finder__foot a { margin-left: auto; } .tcc-finder [hidden] { display: none !important; } /* Intake timeline */ .tcc-timeline { display: flex; flex-direction: column; gap: 14px; padding: 28px 32px; border: 1px solid var(--tcc-line); border-radius: 24px; } .tcc-timeline__row { display: flex; align-items: center; gap: 16px; } .tcc-timeline__label { flex: 0 0 120px; font-weight: 700; font-size: 15px; color: var(--tcc-navy); } .tcc-timeline__track { flex: 1 1 auto; display: grid; grid-template-columns: repeat(12, 1fr); min-width: 0; } .tcc-timeline__track span { text-align: center; font-weight: 700; font-size: 13px; color: var(--wp--preset--color--muted); } .tcc-timeline__bar { grid-column: 1 / -1; border-radius: 999px; padding: 10px 16px; color: #fff; font-weight: 700; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: var(--tcc-navy); } .tcc-timeline__bar--july { grid-column: 7 / -1; background: var(--tcc-orange); } @media (max-width: 600px) { .tcc-timeline__label { flex-basis: 72px; font-size: 13px; } .tcc-timeline__bar { font-size: 12px; padding: 8px 10px; } } /* Consultancy price tiles */ .tcc-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; } .tcc-tile { border: 1px solid var(--tcc-line); border-radius: 22px; padding: 28px; } .tcc-tile--navy { background: var(--tcc-navy); border-color: var(--tcc-navy); } .tcc-tile p { margin: 0; } .tcc-tile--navy .tcc-eyebrow { color: var(--tcc-peach); } .tcc-tile--navy .tcc-price { color: #fff; } .tcc-tile--navy .tcc-price small { color: var(--tcc-mist); } .tcc-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; } .tcc-table th, .tcc-table td { padding: 14px 16px; border-bottom: 1px solid var(--tcc-line); text-align: left; } .tcc-table th { font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: var(--wp--preset--color--muted); } .tcc-table td:first-child { font-weight: 700; color: var(--tcc-navy); } /* Prices and figures stay on one line; the label column wraps instead (narrow phones split "$49" into "$4 / 9"). */ .tcc-table td + td { white-space: nowrap; overflow-wrap: normal; word-break: normal; } @media (max-width: 600px) { .tcc-table th, .tcc-table td { padding: 12px 10px; } } /* Waitlist form (Brevo) */ .tcc-waitlist { display: flex; flex-direction: column; gap: 16px; background: #fff; color: var(--wp--preset--color--ink); border-radius: 28px; padding: clamp(24px, 4vw, 36px); box-shadow: 0 24px 56px -20px rgba(0, 0, 0, .5); } .tcc-waitlist__title { margin: -6px 0 0; font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 38px; line-height: 1; text-transform: uppercase; color: var(--tcc-navy); } .tcc-waitlist p { margin: 0; } .tcc-waitlist form { display: flex; flex-direction: column; gap: 12px; } .tcc-waitlist label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; font-size: 14px; color: var(--tcc-navy); } .tcc-waitlist label span { font-weight: 500; color: var(--wp--preset--color--muted); } .tcc-waitlist .tcc-field-row { display: flex; flex-wrap: wrap; gap: 12px; } .tcc-waitlist .tcc-field-row > * { flex: 1 1 140px; min-width: 0; } .tcc-waitlist :where(input[type=text], input[type=email], select, textarea) { width: 100%; box-sizing: border-box; font: inherit; font-size: 16px; color: var(--tcc-navy); background: #fff; border: 1.5px solid #D6D3CA; border-radius: 12px; padding: 12px 14px; } .tcc-waitlist textarea { resize: vertical; } .tcc-waitlist button[type=submit] { margin-top: 4px; border: 0; cursor: pointer; background: var(--tcc-orange); color: #fff; font: inherit; font-weight: 700; font-size: 17px; padding: 17px 24px; border-radius: 999px; } .tcc-waitlist button[type=submit]:hover { background: var(--wp--preset--color--orange-dark); } .tcc-waitlist .tcc-fine { font-size: 12px; line-height: 1.5; color: var(--wp--preset--color--muted); } .tcc-waitlist .input--hidden { display: none !important; } .tcc-waitlist .entry__error { display: none; color: #8A1C1C; font-size: 13px; font-weight: 600; } .tcc-waitlist .entry__error:not(:empty) { display: block; } .tcc-waitlist .sib-form-message-panel { display: none; padding: 14px 16px; border-radius: 14px; font-weight: 600; font-size: 15px; } .tcc-waitlist .sib-form-message-panel--active { display: block; } .tcc-waitlist #success-message { background: #E7FAF0; color: #085229; } .tcc-waitlist #error-message { background: #FFEDED; color: #661D1D; } .tcc-waitlist .sib-hide-loader-icon { display: none; } .tcc-waitlist .sib-loader { margin-top: 4px; padding: 17px 0; font-weight: 700; font-size: 17px; color: var(--tcc-navy); } .tcc-waitlist .g-recaptcha { min-height: 78px; } /* CTA band, footer */ .tcc-cta-band { gap: 28px; } .tcc-cta-band h2 { flex: 1 1 560px; margin: 0; font-size: clamp(34px, 4.2vw, 52px); } .tcc-footer { background: var(--tcc-navy); color: var(--tcc-mist); font-size: 15px; } .tcc-footer a { color: #fff; text-decoration: none; } .tcc-footer a:hover { color: var(--tcc-peach); } .tcc-footer .tcc-eyebrow { color: var(--tcc-peach); font-size: 12px; margin-bottom: 4px; } .tcc-footer__cols { gap: 48px 64px; } .tcc-footer__col p { margin: 0 0 12px; } /* Bottom padding keeps the last line clear of the floating Chat and back-to-top buttons. */ .tcc-footer__base { margin-top: 64px; padding-top: 24px; padding-bottom: 40px; border-top: 1px solid #1B2878; font-size: 14px; justify-content: space-between; } .tcc-footer__base p { margin: 0; } /* The floating reCAPTCHA badge covers buttons on phones; Google allows hiding it when this notice is shown instead. */ .grecaptcha-badge { visibility: hidden; } .tcc-footer__base .tcc-footer__legal { flex-basis: 100%; font-size: 12px; opacity: .7; } .tcc-footer__legal a { color: inherit; } .tcc-footer img { height: 64px; width: auto !important; max-width: none; aspect-ratio: 720 / 283; } /* ---------- WooCommerce ---------- */ .woocommerce-breadcrumb, .wc-block-breadcrumbs { font-size: 14px; color: var(--wp--preset--color--muted); } .wc-block-components-product-price, .woocommerce-Price-amount { color: var(--tcc-navy); font-weight: 700; font-variant-numeric: tabular-nums; } .wc-block-components-product-price del, .price del { color: var(--wp--preset--color--muted); font-weight: 400; } .woocommerce-price-suffix { font-size: 13px; font-weight: 500; color: var(--wp--preset--color--muted); } :where(.wc-block-components-button:not(.is-link), .single_add_to_cart_button, .woocommerce a.button, .woocommerce button.button, .wp-block-button.wc-block-components-product-button .wp-block-button__link, .checkout-button) { background: var(--tcc-orange) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; font-family: var(--wp--preset--font-family--body) !important; font-weight: 700 !important; padding: 14px 26px !important; } :where(.wc-block-components-button:not(.is-link), .single_add_to_cart_button, .woocommerce a.button, .woocommerce button.button):hover { background: var(--wp--preset--color--orange-dark) !important; } .tcc-shop .wc-block-product { border: 1px solid var(--tcc-line); border-radius: 24px; padding: 12px 12px 20px; background: #fff; transition: transform .25s ease, box-shadow .25s ease; } .tcc-shop .wc-block-product:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -12px rgba(4, 13, 75, .22); } .tcc-shop .wc-block-product img { border-radius: 16px; } .tcc-shop .wc-block-product .wp-block-post-title { font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 22px !important; text-transform: uppercase; } .tcc-shop .wc-block-product .wp-block-post-title a { text-decoration: none; color: var(--tcc-navy); } .tcc-product-summary .wp-block-post-title { font-size: clamp(34px, 4vw, 52px); } .tcc-product-summary .wc-block-components-product-price { font-size: 32px; } .tcc-product-summary .quantity { display: none !important; } .tcc-product .woocommerce-product-gallery img, .tcc-product .wc-block-components-product-image img { border-radius: 24px; } .woocommerce-tabs ul.tabs, .wc-tabs { display: none !important; } .woocommerce-tabs .panel h2:first-child { display: none; } .wc-block-components-notice-banner { border-radius: 14px; } @media (prefers-reduced-motion: reduce) { .tcc-lift, .wp-block-button__link, .tcc-shop .wc-block-product { transition: none; } .tcc-lift:hover, .tcc-shop .wc-block-product:hover { transform: none; } } /* Card bodies and the finder grid */ .tcc-card__body { display: flex; flex-direction: column; gap: 8px; flex: 1 1 auto; padding: 20px 12px 12px; } .tcc-card__body > * { margin: 0 !important; } .tcc-card__body h3 { font-size: 24px; line-height: 1.15; } .tcc-card__body .tcc-meta-row { margin-top: auto !important; padding-top: 14px; } .tcc-card__body .tcc-more { font-size: 15px; color: var(--tcc-orange); } .tcc-card__body--roomy { padding: 28px 20px 16px; gap: 10px; } .tcc-card__body--roomy h3 { font-size: 36px; } .tcc-stack { gap: 24px; } .tcc-stack > * { flex: 1 1 auto; } .tcc-finder { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 40px 56px; background: var(--tcc-navy); } .tcc-finder h2 { margin: 0 0 12px; font-size: clamp(34px, 4vw, 48px); } .tcc-finder > div > p { margin: 0 0 28px; } @media (max-width: 860px) { .tcc-finder { grid-template-columns: 1fr; } } .tcc-bundle-strip { gap: 20px 40px; margin-top: 28px !important; padding: 32px 36px; border-radius: 24px; background: var(--wp--preset--color--sand); } .tcc-bundle-strip h3 { margin: 6px 0 0; } .tcc-bundle-strip p { margin: 6px 0 0; } .tcc-split { gap: 48px 72px; align-items: center !important; } /* Collapse the menu to the burger below 1240px, where the full menu and logo no longer fit on one line. */ .tcc-header .wp-block-button__link { white-space: nowrap; } @media (max-width: 1239px) { .tcc-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; } .tcc-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; } } .wp-block-navigation__responsive-container-open svg, .wp-block-navigation__responsive-container-close svg { width: 30px; height: 30px; } .tcc-finder__rec .tcc-price, .tcc-dark .tcc-card:not(.tcc-card--navy) .tcc-price { color: var(--tcc-navy); } .tcc-dark .tcc-card:not(.tcc-card--navy) { color: var(--wp--preset--color--ink); } .tcc-dark .tcc-card:not(.tcc-card--navy) :where(h2, h3) { color: var(--tcc-navy); } .tcc-dark .tcc-card:not(.tcc-card--navy) .tcc-ticks { color: var(--tcc-navy); } :where(h1, h2, h3, h4) a { text-decoration: none; } .tcc-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tcc-tile .tcc-price small { display: block; margin-top: 4px; } .wp-site-blocks > *, .wp-block-post-content > .alignfull { margin-block-start: 0; } .tcc-dark .tcc-card:not(.tcc-card--navy) .tcc-eyebrow, .tcc-dark .tcc-waitlist .tcc-eyebrow { color: var(--tcc-orange); } .tcc-dark .tcc-card:not(.tcc-card--navy) .tcc-small { color: var(--wp--preset--color--muted); } /* Let card grids fill the row instead of leaving empty columns. */ .wp-block-group.tcc-cards.is-layout-grid { grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); } .tcc-header .wc-block-mini-cart__button { color: var(--tcc-navy); padding: 6px; } .tcc-badge-orange strong { font-size: 32px; } /* Career and research lists */ .tcc-timeline-list { list-style: none; margin: 24px 0 0; padding: 0; border-left: 2px solid var(--tcc-line); } .tcc-timeline-list li { position: relative; display: grid; grid-template-columns: 110px 1fr; gap: 4px 20px; padding: 0 0 22px 24px; } .tcc-timeline-list li::before { content: ""; position: absolute; left: -7px; top: 6px; width: 12px; height: 12px; border-radius: 999px; background: var(--tcc-orange); } .tcc-tl__when { font-weight: 700; font-size: 14px; color: var(--wp--preset--color--muted); font-variant-numeric: tabular-nums; } .tcc-tl__what strong { display: block; color: var(--tcc-navy); } .tcc-timeline-list--research .tcc-tl__what { display: flex; flex-direction: column-reverse; } .tcc-timeline-list--research .tcc-tl__what strong { font-weight: 600; } .tcc-timeline-list--research .tcc-tl__what { font-size: 14px; color: var(--wp--preset--color--muted); } @media (max-width: 600px) { .tcc-timeline-list li { grid-template-columns: 1fr; } } .tcc-timeline-list--research .tcc-tl__what { font-size: 16px; color: var(--tcc-navy); } .tcc-timeline-list--research .tcc-tl__what strong { margin-top: 4px; font-size: 13px; font-weight: 600; color: var(--wp--preset--color--muted); } .tcc-card .wp-block-list + .tcc-eyebrow { margin-top: 28px !important; } /* Attendee quotes */ .tcc-card-quote { margin: 4px 0 0 !important; padding: 12px 14px; border-left: 3px solid var(--tcc-orange); border-radius: 0 12px 12px 0; background: var(--wp--preset--color--sand); font-size: 14px; font-style: italic; line-height: 1.5; color: var(--wp--preset--color--ink); } .tcc-card-quote span { display: block; margin-top: 6px; font-style: normal; font-weight: 600; font-size: 12px; color: var(--wp--preset--color--muted); } .tcc-quote-row { margin-top: 28px !important; } .tcc-quote-row .wp-block-quote.tcc-quote { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 16px 32px; padding: 28px 36px; } .tcc-quote-row .wp-block-quote.tcc-quote::before { line-height: .8; } .tcc-quote-row .wp-block-quote.tcc-quote p { flex: 1 1 420px; font-size: 18px; } .tcc-quote-row .wp-block-quote.tcc-quote cite { margin-top: 0; } .tcc-cards > .wp-block-quote.tcc-quote { margin: 0; } /* Logo wall (swap each name for the organisation's logo) */ .tcc-logo-wall { gap: 16px; margin-top: 32px !important; } .tcc-logo-tile { display: flex; align-items: center; justify-content: center; min-height: 120px; padding: 20px; border: 1px solid var(--tcc-line); border-radius: 20px; background: #fff; text-align: center; } .tcc-logo-tile p { margin: 0; font-family: var(--wp--preset--font-family--display); font-weight: 500; font-size: 18px; letter-spacing: .03em; text-transform: uppercase; color: #6B7090; } .tcc-logo-tile img { max-height: 72px; width: auto; filter: grayscale(1); opacity: .8; transition: filter .2s ease, opacity .2s ease; } .tcc-logo-tile:hover img { filter: none; opacity: 1; } /* conditiond section: conditiond's own palette (slate #020617, lime #84CC16) */ .tcc-cd { padding: clamp(28px, 5vw, 56px); border: 2px solid #84CC16; border-radius: 32px; background: #fff; box-shadow: 0 24px 56px -28px rgba(132, 204, 22, .55); color: #334155; } .tcc-cd h3 { margin: 8px 0 0; font-family: Inter, var(--wp--preset--font-family--body); font-weight: 800; font-size: clamp(26px, 3vw, 34px); letter-spacing: -.02em; text-transform: none; color: #020617; } .tcc-cd .tcc-lead { color: #334155; } .tcc-cd-mark { width: 56px; height: 56px; display: block; } .tcc-cd-eyebrow { margin-top: 20px !important; color: #4D7C0F !important; } .tcc-cd-wordmark { margin: 0 !important; font-family: Inter, var(--wp--preset--font-family--body); font-weight: 800; font-size: clamp(44px, 6vw, 72px); line-height: 1; letter-spacing: -.02em; color: #020617; } .tcc-cd-wordmark span { color: #84CC16; } .wp-block-button.tcc-btn-lime .wp-block-button__link { background: #84CC16; color: #020617; } .wp-block-button.tcc-btn-lime .wp-block-button__link:hover { background: #65A30D; color: #020617; } .tcc-ticks--lime { color: #020617; } .tcc-ticks--lime li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2365A30D' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); } /* ---------- 30 Oct fixes ---------- */ /* The old site's Additional CSS sets p { color: #000; font-size: 15px; line-height: 2 }. Neutralise it so paragraphs follow the theme (class-based styles still win). */ body p { color: inherit; font-size: inherit; line-height: inherit; } .tcc-dark .tcc-card:not(.tcc-card--navy) p:not(.tcc-eyebrow):not(.tcc-small), .tcc-finder__rec p:not(.tcc-eyebrow) { color: var(--wp--preset--color--ink); } .tcc-finder__rec .tcc-finder__title { color: var(--tcc-navy); } /* A little more air under headings. */ :where(.wp-site-blocks) :where(h1, h2) + * { margin-block-start: 28px; } :where(.wp-site-blocks) h3 + * { margin-block-start: 14px; } .tcc-card h3 + p, .tcc-card__body h3 + p { margin-top: 12px !important; } .tcc-eyebrow + :where(h1, h2, h3) { margin-block-start: 0; } /* Grids that must stay symmetrical */ @media (min-width: 1000px) { .wp-block-group.tcc-cards--4.is-layout-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .wp-block-group.tcc-cards--3.is-layout-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 640px) and (max-width: 999px) { .wp-block-group.tcc-cards--4.is-layout-grid, .wp-block-group.tcc-cards--3.is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Home: education reach */ .tcc-stats-row { gap: 24px 48px; } .tcc-stats__head { flex: 0 1 320px; } .tcc-stats__head h3 { margin: 0; } .tcc-stats { flex: 1 1 640px; gap: 16px 32px; } .tcc-stats p { margin: 0; font-size: 14px; line-height: 1.4; color: var(--wp--preset--color--muted); } .tcc-stats strong { display: block; font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: clamp(34px, 4vw, 48px); line-height: 1.05; color: var(--tcc-navy); } /* Consultancy calculator */ .tcc-calc { display: flex; flex-direction: column; gap: 18px; padding: clamp(24px, 4vw, 36px); border-radius: 28px; background: #fff; box-shadow: var(--tcc-shadow); } .tcc-calc .tcc-eyebrow { margin: 0; } .tcc-calc__who { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .tcc-calc__who button { font: inherit; font-weight: 600; font-size: 15px; padding: 12px 14px; border-radius: 14px; border: 2px solid var(--tcc-line); background: #fff; color: var(--tcc-navy); cursor: pointer; } .tcc-calc__who button:hover { border-color: var(--tcc-orange); } .tcc-calc__who button[aria-pressed="true"] { border-color: var(--tcc-navy); background: var(--tcc-navy); color: #fff; } .tcc-calc__range { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; font-weight: 600; font-size: 15px; color: var(--tcc-navy); } .tcc-calc__range output { font-family: var(--wp--preset--font-family--display); font-size: 26px; color: var(--tcc-orange); } .tcc-calc__range input { flex: 1 1 100%; accent-color: var(--tcc-orange); } .tcc-calc__result p, .tcc-calc__org p { margin: 0; } .tcc-calc__result p:first-child { font-weight: 600; color: var(--tcc-navy); } .tcc-calc__result [data-calc-total] { font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 34px; } .tcc-calc--compact .tcc-calc__result [data-calc-total] { font-size: 26px; } .tcc-calc .wp-block-button__link { align-self: flex-start; } .tcc-calc [hidden] { display: none !important; } .tcc-details { margin-top: 20px; } .tcc-details summary { cursor: pointer; font-weight: 700; color: var(--tcc-navy); } .tcc-details .tcc-table { margin-top: 12px; background: #fff; border-radius: 16px; } /* Mentorship: interactive topics */ .tcc-topics { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 32px 48px; margin-top: 40px !important; } @media (max-width: 860px) { .tcc-topics { grid-template-columns: 1fr; } } .tcc-topics__options { display: flex; flex-direction: column; gap: 8px; } .tcc-topics__options button { display: flex; align-items: center; justify-content: space-between; gap: 12px; font: inherit; text-align: left; font-weight: 600; font-size: 15px; padding: 13px 16px; border-radius: 14px; border: 2px solid var(--tcc-line); background: #fff; color: var(--tcc-navy); cursor: pointer; } .tcc-topics__options button:hover { border-color: var(--tcc-orange); } .tcc-topics__options button em { flex: 0 0 auto; font-style: normal; font-weight: 700; font-size: 13px; min-width: 28px; text-align: center; padding: 3px 8px; border-radius: 999px; background: var(--wp--preset--color--blush); color: var(--tcc-orange); } .tcc-topics__options button[aria-pressed="true"] { background: var(--tcc-navy); border-color: var(--tcc-navy); color: #fff; } .tcc-topics__options button[aria-pressed="true"] em { background: var(--tcc-orange); color: #fff; } .tcc-topics__panel { padding: clamp(24px, 4vw, 36px); border-radius: 28px; background: var(--tcc-navy); color: var(--tcc-mist); } .tcc-topics__panel .tcc-eyebrow { color: var(--tcc-peach); margin: 0; } .tcc-topics__title { margin: 8px 0 20px !important; font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: clamp(26px, 3vw, 36px); line-height: 1.08; text-transform: uppercase; color: #fff !important; } .tcc-topics__asks { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; } .tcc-ask { margin: 0; padding: 16px 18px; border-radius: 16px; background: var(--wp--preset--color--navy-2); border: 1px solid #1B2878; } .tcc-ask blockquote { margin: 0; font-size: 15px; line-height: 1.5; color: #fff; } .tcc-ask figcaption { margin-top: 10px; font-weight: 700; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--tcc-peach); } .tcc-topics [hidden] { display: none !important; } /* Consultancy: problems list, steps */ .tcc-problems { list-style: none; counter-reset: p; margin: 32px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr)); gap: 12px 32px; } .tcc-problems li { counter-increment: p; display: grid; grid-template-columns: 52px 1fr; gap: 2px 12px; padding: 16px 0; border-bottom: 1px solid var(--tcc-line); } .tcc-problems li::before { content: counter(p, decimal-leading-zero); grid-row: span 2; font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 30px; line-height: 1; color: var(--tcc-orange); } .tcc-problems strong { color: var(--tcc-navy); } .tcc-problems span { font-size: 15px; color: var(--wp--preset--color--muted); } .tcc-step { margin: 0 !important; font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 40px; line-height: 1; color: var(--tcc-orange); } /* CTA band sub-line */ .tcc-cta-sub { margin: 14px 0 0 !important; font-family: var(--wp--preset--font-family--display); font-weight: 500; font-size: clamp(22px, 2.4vw, 30px); text-transform: uppercase; color: var(--tcc-navy); } .tcc-cta-band > .wp-block-group { flex: 1 1 560px; } /* ---------- 30 Oct, round 3 ---------- */ /* White and light cards get a clear border so they don't fade into the page. */ .tcc-card:not(.tcc-card--navy):not(.tcc-card--tight), .tcc-card--line, .tcc-tile { border: 1.5px solid rgba(4, 13, 75, .16); } .tcc-card--line.tcc-card--tight { border: 1.5px solid rgba(4, 13, 75, .16); } .tcc-card--sand { border: 1.5px solid rgba(4, 13, 75, .12); } .tcc-sand .tcc-card--sand { background: #fff; border-color: rgba(4, 13, 75, .16); } .tcc-card:not(.tcc-card--navy):hover { border-color: rgba(4, 13, 75, .28); } /* Intake timeline: months and bar labels that read clearly. */ .tcc-timeline { background: #fff; border: 1.5px solid rgba(4, 13, 75, .16); } .tcc-timeline__track span:not(.tcc-timeline__bar) { font-weight: 800; font-size: 14px; color: var(--tcc-navy); } .tcc-timeline__label { color: var(--tcc-navy); } .tcc-timeline__track .tcc-timeline__bar { color: #fff; font-size: 14px; } /* Photos in the page headers */ .tcc-hero-photo--wide img { aspect-ratio: auto; border-radius: 24px; box-shadow: 0 24px 56px -24px rgba(0, 0, 0, .6); } .tcc-hero-photo .wp-block-image { margin: 0; } /* Programs: the problem list above the conditiond card */ .tcc-intro-list { max-width: 52em; margin-top: 24px !important; margin-bottom: 40px !important; } /* Phones: smaller badges so they don't cover the photo's subject. */ @media (max-width: 600px) { .tcc-badge-stat, .tcc-badge-orange { padding: 10px 14px; font-size: 12px; } .tcc-badge-stat strong, .tcc-badge-orange strong { font-size: 26px; } } /* Landscape header photos: badges sit in a row under the photo, not over it. */ .tcc-hero-photo--wide { display: flex; flex-wrap: wrap; gap: 12px; } .tcc-hero-photo--wide > .wp-block-image { flex: 1 1 100%; } .tcc-hero-photo--wide .tcc-badge-stat, .tcc-hero-photo--wide .tcc-badge-orange { position: static; flex: 0 1 auto; box-shadow: none; } /* Contact Form 7 (the contact page form) in the TCC style */ .tcc-form-card .wpcf7 form { display: flex; flex-direction: column; gap: 14px; } .tcc-form-card .wpcf7 p { margin: 0; } .tcc-form-card .wpcf7 label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; font-size: 14px; color: var(--tcc-navy); } .tcc-form-card .wpcf7-form-control-wrap { display: block; } .tcc-form-card .wpcf7 :where(input[type=text], input[type=email], input[type=tel], textarea, select) { width: 100% !important; box-sizing: border-box; font: inherit; font-size: 16px; color: var(--tcc-navy); background: #fff; border: 1.5px solid #D6D3CA; border-radius: 12px; padding: 12px 14px; } .tcc-form-card .wpcf7 textarea { min-height: 140px; resize: vertical; } .tcc-form-card .wpcf7 input[type=submit] { align-self: flex-start; border: 0; cursor: pointer; background: var(--tcc-orange); color: #fff; font: inherit; font-weight: 700; font-size: 17px; padding: 16px 28px; border-radius: 999px; } .tcc-form-card .wpcf7 input[type=submit]:hover { background: var(--wp--preset--color--orange-dark); } .tcc-form-card .wpcf7-not-valid-tip { font-size: 13px; color: #8A1C1C; } .tcc-form-card .wpcf7-response-output { margin: 8px 0 0 !important; border-radius: 12px; padding: 12px 14px !important; } /* Blog list on a designed page */ .tcc-section .wp-block-query .wp-block-post-template { gap: 24px; } .tcc-section .wp-block-query .wp-block-post-title { font-size: 24px; } .tcc-section .wp-block-query .wp-block-post-excerpt__more-link { font-weight: 700; } /* conditiond links in conditiond green (darker on light grounds, lime on navy) */ a.tcc-cd-link { color: #4D7C0F; } a.tcc-cd-link:hover { color: #3F6212; } .tcc-dark a.tcc-cd-link, .tcc-footer a.tcc-cd-link { color: #84CC16; } .tcc-footer a.tcc-cd-link:hover { color: #A3E635; } /* Footer: room between the logo and the line under it */ .tcc-footer .tcc-footer__col .wp-block-image { margin-bottom: 22px; } /* About: the intro above the conditiond card */ .tcc-intro-lead { max-width: 44em; margin-bottom: 40px !important; } /* Photo inside the framed square (home About section) */ .tcc-photo-frame .wp-block-image { margin: 0; } /* MAS Blueprint product pages: the "What's inside" block in the product description (WooCommerce strips