@charset "UTF-8"; /* ========================================================= Naked Recovery – Base Reset Purpose: normalize browser styles while keeping accessibility. ========================================================= */ /* 1. Box sizing + margin reset */ @import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap"); *, *::before, *::after { box-sizing: border-box; } html, body { height: 100%; margin: 0; padding: 0; } ul, li { padding: 0; margin: 0; list-style: none; } .container { width: 100%; max-width: 1120px; } .wrapper { overflow: hidden; width: 100%; } /* 2. Remove default spacing */ body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd { margin: 0; } /* 3. Improve text rendering */ html { -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; scroll-behavior: smooth; } /* 4. Base body styles */ body { font-family: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6; color: var(--clr-text, #2a2830); background-color: var(--clr-bg, #fff); -webkit-font-smoothing: antialiased; } /* 5. Lists: remove bullets but allow role="list" to restore */ ul[role=list], ol[role=list] { list-style: none; } ul, ol { margin: 0; padding: 0; } /* 6. Anchor links */ a { color: inherit; text-decoration: none; transition: color 0.25s ease, text-decoration 0.25s ease; } a:hover, a:focus { text-decoration: underline; } /* 7. Images & media */ img, picture, video, canvas, svg { display: block; max-width: 100%; height: auto; } /* 8. Buttons & inputs */ button, input, textarea, select { font: inherit; color: inherit; background: none; border: none; outline: none; } button { cursor: pointer; } textarea { resize: vertical; } /* 9. Tables */ table { border-collapse: collapse; border-spacing: 0; width: 100%; } /* 10. Accessibility helpers */ :focus-visible { outline: 2px solid var(--clr-focus, #0a7cff); outline-offset: 2px; } [hidden] { display: none !important; } /* 11. Motion reduction */ @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } /* 12. WordPress-specific niceties */ .alignleft { float: left; margin-right: 1.5em; } .alignright { float: right; margin-left: 1.5em; } .aligncenter { display: block; margin-inline: auto; } .wp-caption { max-width: 100%; font-size: 0.9rem; color: #666; text-align: center; } .wp-caption img { margin-bottom: 0.5em; } body { font-family: "Source Sans 3", sans-serif; font-size: 19px; line-height: 1.5; color: #000000; } * { outline: 0 !important; text-decoration: none !important; } p { font-family: "Source Sans 3", sans-serif; font-size: 19px; line-height: 1.5; color: #777; margin-bottom: 30px; } a, a:hover { color: var(--secondary); transition: 0.3s all; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Source Sans 3", sans-serif; color: var(--color-primary); line-height: 1.2; font-weight: 600; margin-bottom: 30px; } h1, .h1 { font-size: 40px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 20px; } /* Header sizing variable keeps everything in sync */ :root { --header-h: 88px; } /* desktop default */ body { padding-top: var(--header-h); } .logged-in header { top: 32px; } /* Shrink on scroll (toggle .is-scrolled on via tiny JS below) */ body.is-scrolled { --header-h: 72px; } /* Mobile baseline height */ @media (max-width: 991px) { :root { --header-h: 72px; } body.is-scrolled { --header-h: 72px; } /* no extra shrink on mobile */ } header { position: fixed; inset: 0 0 auto 0; z-index: 77; background: #462b3e; } header .header-top { display: flex; align-items: center; gap: 20px; min-height: var(--header-h); padding: 0 !important; /* neutralise style.css's 30px 0 padding */ position: relative; z-index: 2; /* stays above sliding nav */ } header .logo { margin-right: auto; } header .logo img { max-width: 250px; } header nav { border-top: none; } header nav .container > ul { display: flex; align-items: center; justify-content: flex-end; gap: clamp(16px, 2.2vw, 36px); margin: 0; flex-wrap: nowrap; } header nav .container > ul > li { position: relative; white-space: nowrap; } header nav .container > ul > li > a { display: inline-flex; align-items: center; padding: 12px 6px; /* tighter, consistent */ line-height: 1; font-size: 16px; color: #fff; text-transform: none; position: relative; } header nav .container > ul > li > a::after { /* subtle hover underline */ content: ""; position: absolute; left: 0; right: 0; bottom: -8px; height: 2px; transform: scaleX(0); transform-origin: left; background: #000; transition: transform 0.22s ease; } header nav .container > ul > li > a:hover::after { transform: scaleX(1); } header nav .container > ul > li > .sub-menu { position: absolute; top: 100%; left: 0; min-width: 250px; padding: 20px; background: #462b3e; display: none; /* ✅ Ensure dropdown link colors are white on desktop */ } header nav .container > ul > li > .sub-menu a { display: block; color: #fff; text-decoration: none; padding: 8px 0; line-height: 1.3; font-size: 15px; } header nav .container > ul > li > .sub-menu a:hover, header nav .container > ul > li > .sub-menu a:focus { color: #fff; opacity: 0.85; } header nav .container > ul > li:hover > .sub-menu { display: block; } header nav .container > ul > li { /* desktop only */ } header .hamburger { display: none; width: 40px; height: 24px; cursor: pointer; flex-shrink: 0; } header .hamburger span { display: block; width: 24px; height: 2px; margin: 5px auto; background: #fff; transition: transform 0.25s ease, opacity 0.25s ease; } header.network-header { background: #fff; /* border removed per request */ } header.network-header nav .container > ul > li > a { color: #462b3e; } header.network-header nav .container > ul > li > a::after { background: #613f59; } header.network-header .hamburger span { background: #462b3e; } header.network-header { /* ✅ Keep submenu links white in network variant (desktop) */ } header.network-header nav .container > ul > li > .sub-menu a { color: #fff; } /* Open state */ .menu-act { overflow: hidden; } .menu-act header nav { transform: translateY(0); opacity: 1; visibility: visible; top: 100% !important; } .menu-act header .hamburger span:nth-child(1) { transform: translateY(7px) rotate(45deg); } .menu-act header .hamburger span:nth-child(2) { opacity: 0; } .menu-act header .hamburger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } /* Mobile */ @media (max-width: 991px) { body { padding-top: var(--header-h) !important; } header .hamburger { display: inline-block; z-index: 1001; } header nav { position: absolute; left: 0; right: 0; top: 100%; max-height: calc(100vh - var(--header-h)); background: #462b3e; overflow: auto; transform: translateY(16px); opacity: 0; visibility: hidden; transition: transform 0.28s ease, opacity 0.28s ease, visibility 0.28s ease; z-index: 1; } header nav .container > ul { display: block; gap: 0; } header nav .container > ul > li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } header nav .container > ul > li > a { width: 100%; padding: 16px 20px; color: #fff; text-transform: uppercase; font-size: 13px; } header nav .container > ul > li > a::after { display: none; } header nav .container > ul > li.menu-item-has-children { padding-right: 50px; } header nav .container > ul > li > .sub-menu { position: relative; top: 0; left: 0; width: calc(100% + 50px); margin-left: -50px; padding: 16px 20px; display: none; background: #462b3e; border-top: 1px solid rgba(255, 255, 255, 0.2); /* ✅ Ensure dropdown link colors are white on mobile */ } header nav .container > ul > li > .sub-menu a { display: block; color: #fff; text-decoration: none; padding: 10px 0; line-height: 1.3; font-size: 14px; } header nav .container > ul > li > .sub-menu a:hover, header nav .container > ul > li > .sub-menu a:focus { color: #fff; opacity: 0.85; } header nav .container > ul > li.act > .sub-menu { display: block; } header.network-header nav { background: #462b3e; } header.network-header nav .container > ul > li > a { color: #fff; text-transform: uppercase; } header { /* ✅ And keep network variant mobile submenu links white */ } header.network-header nav .container > ul > li > .sub-menu a { color: #fff; } } /* Logged-in: nav uses position:absolute top:100% so it follows the header automatically */ @media (min-width: 992px) { .hamburger { display: none; } } /* Search modal */ .search-modal { display: none; position: fixed; inset: 0; z-index: 2000; align-items: center; justify-content: center; } .search-modal.act { display: flex; } .search-modal__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.6); } .search-modal__box { position: relative; z-index: 1; background: #fff; border-radius: 12px; padding: 2.5rem 2rem; width: 90%; max-width: 560px; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.2); } .search-modal__close { position: absolute; top: 12px; right: 16px; background: none; border: none; cursor: pointer; font-size: 1.75rem; line-height: 1; color: #462b3e; } .search-modal__close:hover { color: #000; } .search-modal__heading { margin: 0 0 1.25rem; font-size: 1.4rem; color: #462b3e; } .search-modal .search-form { position: relative; } .search-modal .search-form .search-field { width: 100%; padding: 16px 140px 16px 22px; border: 2px solid #ddd; border-radius: 50px; font-size: 1rem; outline: none; box-sizing: border-box; } .search-modal .search-form .search-field:focus { border-color: #462b3e; } .search-modal .search-form .search-submit { position: absolute; right: 4px; top: 4px; bottom: 4px; height: auto; padding: 0 28px; font-size: 15px; line-height: 1; } /* ===== Clarity Call Modal ===== */ .clarity-modal { display: none; position: fixed; inset: 0; z-index: 2000; align-items: center; justify-content: center; padding: 20px; --gf-ctrl-width: 100%; --gf-input-size-width: 100%; --gf-field-width: 100%; --gf-input-width: 100%; } .clarity-modal.act { display: flex; } .clarity-modal__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); } .clarity-modal__wrap { position: relative; width: 100%; max-width: 520px; } .clarity-modal__box { position: relative; z-index: 1; background: #ebebeb; border-radius: 16px; padding: 2.5rem 2rem 1.5rem; width: 100%; max-height: 90vh; overflow-y: auto; box-shadow: 0 12px 48px rgba(0, 0, 0, 0.22); } .clarity-modal__close { position: absolute; top: -14px; right: -14px; z-index: 2; width: 36px; height: 36px; border-radius: 50%; background: #111; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; line-height: 1; color: #fff; padding: 0; } .clarity-modal__close:hover { background: #333; } .clarity-modal__heading { font-size: 1.35rem; font-weight: 700; color: #462b3e; text-align: center; margin: 0 0 1.25rem; } .clarity-modal .gform_wrapper, .clarity-modal .gform-body, .clarity-modal .gform_body, .clarity-modal .gform_page, .clarity-modal .gform_page_fields { margin: 0 !important; padding: 0 !important; } .clarity-modal .gform_validation_errors, .clarity-modal .validation_error { margin: 0 0 12px !important; padding: 10px 14px !important; background: #fdf0f0 !important; border: 1px solid #f5c6c6 !important; border-radius: 8px !important; } .clarity-modal .gform_validation_errors h2, .clarity-modal .gform_validation_errors .gform-icon, .clarity-modal .validation_error h2, .clarity-modal .validation_error .gform-icon { font-size: 13px !important; font-weight: 600 !important; color: #c0392b !important; margin: 0 !important; line-height: 1.4 !important; } .clarity-modal form { display: block !important; } .clarity-modal .gform_fields, .clarity-modal ul.gform_fields, .clarity-modal .gform_fields.top_label { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: flex-start !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .clarity-modal .gform_wrapper .gfield, .clarity-modal .gform_wrapper li.gfield, .clarity-modal .gform_wrapper li[class~=gfield], .clarity-modal .gfield, .clarity-modal li.gfield, .clarity-modal li[class~=gfield] { flex: 0 0 100% !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-block: 0 !important; padding-inline: 0 !important; float: none !important; box-sizing: border-box !important; } .clarity-modal .gform_wrapper .gfield.gfield--width-half, .clarity-modal .gform_wrapper li.gfield.gfield--width-half, .clarity-modal .gfield.gfield--width-half, .clarity-modal li.gfield.gfield--width-half { flex: 0 0 calc(50% - 4px) !important; width: calc(50% - 4px) !important; } .clarity-modal .gfield_description:empty { display: none !important; } .clarity-modal .gfield_description, .clarity-modal .gfield_validation_message, .clarity-modal .validation_message { margin: 2px 0 0 !important; padding: 0 !important; font-size: 11px !important; line-height: 1.3 !important; } .clarity-modal .gfield.gfield--type-email, .clarity-modal li.gfield.gfield--type-email { max-width: 100% !important; } .clarity-modal .gfield_label { display: block !important; font-weight: 600 !important; font-size: 13px !important; color: #222 !important; margin: 0 0 2px !important; padding: 0 !important; } .clarity-modal .ginput_container, .clarity-modal [class*=ginput_container] { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; display: block !important; float: none !important; } .clarity-modal .gfield--type-email.gfield--input-type-email .ginput_container_email input, .clarity-modal .gfield--type-email.gfield--input-type-email .ginput_container_email input[type=email], .clarity-modal .gfield--type-email.gfield--width-half .ginput_container input[type=email], .clarity-modal .gfield--input-type-email .ginput_container input, .clarity-modal .gfield--input-type-email .ginput_container input[type=email] { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } .clarity-modal input:not([type=submit]), .clarity-modal input[type=text], .clarity-modal input[type=email], .clarity-modal input[type=tel], .clarity-modal input[type=number], .clarity-modal input.medium, .clarity-modal input.large, .clarity-modal select { width: 100% !important; max-width: 100% !important; height: 42px !important; margin: 0 !important; padding: 0 12px !important; border: none !important; border-radius: 10px !important; font-size: 15px !important; background: #fff !important; color: #333 !important; box-sizing: border-box !important; box-shadow: none !important; } .clarity-modal input:not([type=submit])::placeholder, .clarity-modal input[type=text]::placeholder, .clarity-modal input[type=email]::placeholder, .clarity-modal input[type=tel]::placeholder, .clarity-modal input[type=number]::placeholder, .clarity-modal input.medium::placeholder, .clarity-modal input.large::placeholder, .clarity-modal select::placeholder { color: #aaa !important; } .clarity-modal input:not([type=submit]):focus, .clarity-modal input[type=text]:focus, .clarity-modal input[type=email]:focus, .clarity-modal input[type=tel]:focus, .clarity-modal input[type=number]:focus, .clarity-modal input.medium:focus, .clarity-modal input.large:focus, .clarity-modal select:focus { outline: 2px solid #462b3e !important; outline-offset: 0 !important; } .clarity-modal textarea { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 9px 12px !important; border: none !important; border-radius: 10px !important; font-size: 15px !important; background: #fff !important; color: #333 !important; box-sizing: border-box !important; box-shadow: none !important; } .clarity-modal textarea::placeholder { color: #aaa !important; } .clarity-modal textarea:focus { outline: 2px solid #462b3e !important; outline-offset: 0 !important; } .clarity-modal textarea, .clarity-modal textarea.textarea, .clarity-modal textarea.medium, .clarity-modal textarea.textarea.medium, .clarity-modal .ginput_container_textarea textarea, .clarity-modal .gfield--type-textarea .ginput_container textarea, .clarity-modal .gfield--input-type-textarea .ginput_container textarea { height: 90px !important; min-height: unset !important; max-height: 90px !important; resize: vertical !important; overflow-y: auto !important; } .clarity-modal select { appearance: auto !important; cursor: pointer !important; padding-right: 28px !important; } .clarity-modal .gfield_required { color: #462b3e !important; } .clarity-modal .gform_required_legend, .clarity-modal .gform-field-label--type-sub { font-size: 12px !important; color: #666 !important; } .clarity-modal .gform-footer, .clarity-modal .gform_footer, .clarity-modal .gform_footer.top_label { margin-top: 6px !important; padding: 0 !important; display: block !important; flex-wrap: unset !important; } .clarity-modal .gform-footer input[type=submit], .clarity-modal .gform-footer .gform_button, .clarity-modal .gform_footer input[type=submit], .clarity-modal .gform_footer .gform_button, .clarity-modal .gform_footer.top_label input[type=submit], .clarity-modal .gform_footer.top_label .gform_button { width: auto !important; display: block !important; margin: 0 auto !important; padding: 13px 48px !important; border: none !important; border-radius: 999px !important; background: #111 !important; color: #fff !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; line-height: 1 !important; cursor: pointer !important; } .clarity-modal .gform-footer input[type=submit]:hover, .clarity-modal .gform-footer .gform_button:hover, .clarity-modal .gform_footer input[type=submit]:hover, .clarity-modal .gform_footer .gform_button:hover, .clarity-modal .gform_footer.top_label input[type=submit]:hover, .clarity-modal .gform_footer.top_label .gform_button:hover { background: #333 !important; } body.clarity-open { overflow: hidden; } .footer-cta { background-color: #f4f6f6; padding: clamp(48px, 8vw, 96px) 0; text-align: center; color: #1a1a1a; } .footer-cta__container { max-width: 600px; margin: 0 auto; padding: 0 1.5rem; } .footer-cta h2 { font-size: clamp(1.5rem, 3vw, 2rem); color: #2d3a3a; margin-bottom: 1rem; } .footer-cta p { font-size: clamp(0.9rem, 1.5vw, 1rem); color: #4b4b4b; margin-bottom: 2rem; line-height: 1.6; } .footer-cta__form { max-width: 480px; margin: 0 auto; } .footer-cta__form .gform_wrapper, .footer-cta__form .gform-body, .footer-cta__form .gform_body { margin: 0 !important; padding: 0 !important; } .footer-cta__form .gfield_label, .footer-cta__form .gfield_description, .footer-cta__form .gfield--type-name { display: none !important; } .footer-cta__form form { position: relative; display: block !important; width: 100% !important; } .footer-cta__form .gform-body, .footer-cta__form .gform_body { display: block !important; width: 100% !important; } .footer-cta__form .gform_fields { display: block; margin: 0 !important; padding: 0 !important; list-style: none; } .footer-cta__form .gfield--type-email, .footer-cta__form .ginput_container_email { margin: 0 !important; padding: 0 !important; display: block !important; width: 100% !important; } .footer-cta__form .gfield--type-email input[type=email] { width: 100% !important; padding: 16px 150px 16px 22px !important; border-radius: 50px; border: 1px solid #ccc; font-size: 1rem; background: #fff; box-sizing: border-box; } .footer-cta__form .gfield--type-email input[type=email]:focus { border-color: #462b3e; outline: none; } .footer-cta__form .gform-footer, .footer-cta__form .gform_footer { position: absolute !important; right: 4px !important; top: 4px !important; bottom: 4px !important; left: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; display: block !important; } .footer-cta__form .gform-footer input[type=submit], .footer-cta__form .gform_footer input[type=submit], .footer-cta__form .gform-footer .gform_button, .footer-cta__form .gform_footer .gform_button { height: 100%; padding: 0 28px !important; border: none !important; border-radius: 50px; background: #000 !important; color: #fff !important; font-size: 0.95rem; font-weight: 600; cursor: pointer; white-space: nowrap; transition: background 0.2s ease; } .footer-cta__form .gform-footer input[type=submit]:hover, .footer-cta__form .gform_footer input[type=submit]:hover, .footer-cta__form .gform-footer .gform_button:hover, .footer-cta__form .gform_footer .gform_button:hover { background: #333 !important; } .footer-cta__form .gform_ajax_spinner { display: none !important; } .footer-cta__form .gfield_validation_message { font-size: 12px; color: red; margin-top: 6px; } .footer-cta__form #gform_submit_button_2 { margin-top: 8px; } /* Footer (light) */ .site-footer { background: #fff; color: #424242; font-size: 16px; } /* Top layout: brand left, three menus right */ .site-footer .footer-top { padding: 48px 0 36px; display: grid; grid-template-columns: 300px 1fr; /* left fixed, right flexible */ gap: clamp(20px, 4vw, 56px); align-items: start; } /* Brand column */ .site-footer .footer-brand .flogo { display: inline-block; line-height: 0; margin-bottom: 18px; } .site-footer .footer-brand img { max-height: 52px; width: auto; } .site-footer .footer-brand .about { margin: 10px 0 18px; color: #6f6f76; max-width: 28ch; } .site-footer .footer-brand .bttn { display: inline-block; height: 44px; line-height: 44px; padding: 0 22px; border-radius: 999px; background: #000; color: #fff; font-weight: 600; text-decoration: none; } .site-footer .footer-brand .bttn:hover { opacity: 0.9; } /* Link columns */ .site-footer .footer-links { display: grid; grid-template-columns: repeat(3, minmax(200px, 1fr)); /* ensure width to avoid word-stacking */ gap: clamp(16px, 3vw, 40px); } .site-footer .footer-links .fcol h3 { margin: 0 0 12px; font-size: 14px; font-weight: 700; letter-spacing: 0.2px; color: #5d80ff; /* blue caption per screenshot */ } .site-footer .footer-menu { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; } .site-footer .footer-menu li { margin: 0; } .site-footer .footer-menu a { display: inline-block; color: #6a5b66; text-decoration: none; line-height: 1.45; white-space: normal; word-break: normal; overflow-wrap: anywhere; transition: color 0.2s ease; } .site-footer .footer-menu a:hover { color: #613F59; } .site-footer .footer-links .current-menu-item > a { color: #613F59; font-weight: 700; } /* Bottom bar */ .site-footer .footer-bottom { border-top: 1px solid #dfe3e8; padding: 14px 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; } .site-footer .footer-bottom .legal { margin: 0; font-size: 14px; color: #7a7f86; } .site-footer .footer-bottom .social { display: inline-flex; gap: 10px; align-items: center; } .site-footer .footer-bottom .social a { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: #f2f3f5; color: #613F59; font-size: 16px; text-decoration: none; transition: background 0.2s ease, color 0.2s ease; } .site-footer .footer-bottom .social a:hover { background: #e9ebef; color: #000; } /* Global link reset inside footer */ .site-footer a { text-decoration: none; outline: 0; } /* Responsive */ @media (max-width: 1100px) { .site-footer .footer-links { grid-template-columns: repeat(3, minmax(170px, 1fr)); } } @media (max-width: 991px) { .site-footer .footer-top { grid-template-columns: 1fr; } .site-footer .footer-brand .about { max-width: 40ch; } .site-footer .footer-links { grid-template-columns: repeat(2, minmax(180px, 1fr)); } } @media (max-width: 600px) { .site-footer .footer-links { grid-template-columns: 1fr; } .site-footer .footer-bottom { justify-content: center; text-align: center; } } a.bttn, .bttn a, button.bttn, .search-submit { border-radius: 35px; padding: 13px 40px; background-color: var(--secondary); border: none; color: #fff; font-size: 16px; font-family: "Source Sans 3", sans-serif; font-weight: 500; display: inline-block; position: relative; } a.bttn-white, .bttn-white a { background-color: #fff; color: #000; } a.bttn.bttn-white:hover, .bttn-white a:hover { background-color: #000; color: #fff; } a.bttn:hover, .bttn a:hover, button.bttn:hover, .search-submit:hover { background: #000; color: #fff; } .bttn-video { padding: 13px 75px 13px 35px; } .bttn-video i { width: 50px; height: 50px; border-radius: 50%; border: 2px solid #fff; position: absolute; top: 3px; right: 3px; line-height: 47px; font-size: 19px; padding-left: 5px; } .bttn-white .bttn-video i { border: 2px solid #000; } .bttn.btn-small a { padding: 6px 20px 8px; color: #fff; font-size: 15px; } .accordion .accordion-item, #accordion .accordion-item { box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.05); border-radius: 3px; overflow: hidden; margin-bottom: 30px; background: #fff; } .accordion .accordion-item > a, #accordion .accordion-item > a { color: var(--color-primary); font-weight: bold; text-transform: uppercase; font-size: 20px; display: table; width: 100%; padding: 25px 50px 25px 25px; position: relative; } .accordion .accordion-item > a:after, #accordion .accordion-item > a:after { content: ""; position: absolute; border-style: solid; border-width: 8px 8px 0; border-color: var(--secondary) transparent; display: block; width: 0; z-index: 1; top: calc(50% - 10px); right: 25px; transform: rotate(-90deg) translateX(-50%); } .accordion .accordion-item > a[aria-expanded=true]:after, #accordion .accordion-item > a[aria-expanded=true]:after { border-style: solid; border-width: 8px 8px 0; border-color: #424242 transparent; transform: rotate(-180deg) translateX(-50%); right: 35px; } .accordion .accordion-item > div, #accordion .accordion-item > div { padding: 0 25px 25px; } .accordion .accordion-item > div ul li, #accordion .accordion-item > div ul li { color: #777; font-size: 18px; list-style: disc; margin-left: 20px; margin-bottom: 10px; font-family: "Source Sans 3", sans-serif; } #accordion-faq .accordion-item { box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.05); border-radius: 3px; overflow: hidden; margin-bottom: 10px; background: #fff; } #accordion-faq .accordion-item > a { color: var(--color-primary); font-weight: bold; font-size: 16px; display: table; width: 100%; padding: 12px 15px 12px 55px; position: relative; } #accordion-faq .accordion-item > a:after { content: "+"; background: var(--color-primary); width: 28px; height: 28px; position: absolute; left: 15px; top: 50%; color: #fff; text-align: center; line-height: 28px; margin-top: -14px; } #accordion-faq .accordion-item > a[aria-expanded=true]:after { content: "-"; } #accordion-faq .accordion-item > div { padding: 20px; } #accordion-faq .accordion-item > div p { font-size: 16px; font-family: "Source Sans 3", sans-serif; margin-bottom: 20px; } #accordion-faq .accordion-item > div p:last-child { margin-bottom: 0; } /* ===== Callout Module ===== */ .callout { padding: clamp(16px, 6vw, 32px) 0; } .callout .callout-inner { display: flex; align-items: center; justify-content: space-between; gap: clamp(24px, 4vw, 48px); background: #F5F5F5; border-radius: 12px; overflow: hidden; /* ensures image edges clip cleanly */ } .callout.is-reversed .callout-inner { flex-direction: row-reverse; } /* Image */ .callout .callout-image { flex: 0 0 clamp(240px, 35%, 360px); margin: 0; line-height: 0; } .callout .callout-image img { width: 100%; height: 100%; object-fit: cover; display: block; } /* Text area */ .callout .callout-content { flex: 1; padding: clamp(20px, 4vw, 40px); } .callout .callout-eyebrow { display: block; font-size: 14px; font-weight: 600; color: #195e60; margin-bottom: 8px; } .callout .callout-title { color: #4A3046; font-size: clamp(20px, 2vw, 28px); font-weight: 700; margin: 0 0 8px; } .callout p { font-size: 15px; color: #555; line-height: 1.5; margin: 0 0 20px; } /* Button */ .callout .btn { display: inline-block; background: #000; color: #fff; padding: 10px 22px; border-radius: 999px; font-weight: 600; font-size: 14px; text-decoration: none; transition: all 0.3s ease; } .callout .btn:hover { background: #613F59; } /* Responsive stack */ @media (max-width: 768px) { .callout .callout-inner { flex-direction: column; text-align: center; } .callout.is-reversed .callout-inner { flex-direction: column; } .callout .callout-image { width: 100%; max-width: 400px; } } .case-study.section { padding: clamp(16px, 6vw, 72px) 0; } .case-study { /* Base (mobile/tablet): let Slick control width, so keep it block */ } .case-study .row { display: block; margin-left: 0 !important; margin-right: 0 !important; } .case-study .row > [class*=col-] { /* neutralize Bootstrap */ float: none !important; padding-left: 0 !important; padding-right: 0 !important; width: auto !important; max-width: none !important; /* no flex sizing here; grid will handle at desktop */ display: block; } .case-study .row { /* Slick cosmetics (unchanged) */ } .case-study .row.slick-initialized { gap: 0; } .case-study .row .slick-slide { padding: 0 10px; } .case-study .row .slick-list { overflow: visible; } .case-study .row .slick-dots { display: flex; justify-content: center; gap: 10px; margin-top: 16px; } .case-study .row .slick-dots li { list-style: none; } .case-study .row .slick-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; text-indent: -9999px; background: #cfd6db; cursor: pointer; } .case-study .row .slick-dots .slick-active button { background: #613F59; } .case-study { /* === DESKTOP: hard 3-column grid === */ } @media (min-width: 1200px) { .case-study .row { display: grid; /* force 3-up */ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 3vw, 40px); } .case-study .row > [class*=col-] { /* grid items fill their track */ width: 100% !important; } } .case-study { /* The card (avatar | content) you already added stays the same */ } .case-study .block { display: grid; grid-template-columns: 56px 1fr; column-gap: 16px; align-items: start; } .case-study .block .cite { display: contents; } .case-study .block .cite-photo { grid-column: 1; width: 56px; height: 56px; border-radius: 50%; overflow: hidden; } .case-study .block .cite-photo img { width: 100%; height: 100%; object-fit: cover; display: block; } .case-study .block .cite-name { grid-column: 2; align-self: center; font-family: "Merriweather", serif; font-weight: 700; font-size: 16px; color: var(--color-secondary); margin-bottom: 6px; } .case-study .block h3 { grid-column: 2; margin: 6px 0 10px; font-family: "Merriweather", serif; font-size: 16px; font-weight: 700; color: var(--color-secondary); max-width: 28ch; } .case-study .block > p { grid-column: 2; margin: 0 0 12px; font-family: "Merriweather", serif; font-size: 16px; line-height: 1.6; color: #395E66; max-width: 56ch; } .case-study .block > p:empty { display: none; } .case-study .block .cta-button { grid-column: 2; margin-top: 6px; } .case-study .block .cta-button a { display: inline-flex; gap: 8px; font-family: "Source Sans 3", sans-serif; font-size: 16px; font-weight: 600; color: #395E66; text-decoration: none; } .case-study .block .cta-button a:hover { text-decoration: underline; } .case-study { /* Stack the card when the slider is active (≤1200px) */ } @media (max-width: 1199.98px) { .case-study .block { grid-template-columns: 1fr; } .case-study .block .cite-photo, .case-study .block .cite-name, .case-study .block h3, .case-study .block > p, .case-study .block .cta-button { grid-column: 1; } } #contact { background-repeat: no-repeat; position: relative; padding: 90px 0; } #contact:before { content: ""; background: linear-gradient(270deg, #F4F4F4 60%, rgba(244, 244, 244, 0) 100%); position: absolute; left: 90px; height: 100%; width: 100%; top: 0; } #contact.has-bg { background-image: url("https://dev.canvascollective.ca/nakeddivorce/wp-content/uploads/2022/04/contact-bg.jpg"); background-color: #dfdfdf; } #contact br { display: none; } #contact .contact h1 { margin-bottom: 15px; } #contact .contact h3 { margin-bottom: 80px; } #contact .contact h4 { font-size: 24px; line-height: 1.5; margin-bottom: 30px; } #contact .contact p { font-weight: 400; font-size: 18px; font-family: "Source Sans 3", sans-serif; color: #333; line-height: 1.3; margin-bottom: 40px; } #contact .contact input, #contact .contact textarea { background: #fff; border: 0; color: #000; width: 100%; font-family: "Source Sans 3", sans-serif; margin-bottom: 15px; font-size: 19px; padding: 15px 20px; } #contact .contact input:not(textarea), #contact .contact textarea:not(textarea) { height: 50px; padding: 0 20px; } #contact .contact input::placeholder, #contact .contact textarea::placeholder { color: #777; } #contact .contact textarea { height: 126px; } #contact .contact .social { border-left: 1px solid #ddd; height: 100%; padding-left: 30px; padding-top: 50px; } #contact .contact .social a { display: table; color: var(--color-primary); margin-bottom: 15px; transition: 0.3s all; } #contact .contact .social a i { width: 35px; height: 35px; display: inline-block; color: #fff; font-size: 14px; line-height: 35px; text-align: center; border-radius: 50%; background: var(--color-primary); margin-right: 10px; transition: 0.3s all; } #contact .contact .social a:hover { color: var(--secondary); } #contact .contact .social a:hover i { background: var(--secondary); color: #fff; } #contact .contact_wrapper input[type=submit] { border-radius: 5px; } #contact .contact_wrapper select { height: 55px; border-radius: 7px; background-color: #fff; width: 100%; border: none; padding: 0 20px; color: #777; font-size: 16px; margin-bottom: 10px; } #contact .gform_fields > li.radio-box { padding-top: 40px; position: relative; } #contact .gform_fields > li.radio-box > label { font-family: "Helvetica 62", Arial; font-size: 19px; line-height: 1.5; color: #fff; display: block; position: absolute; top: 0; left: 0; } #contact .gform_fields > li.radio-box > label span { display: none !important; } #contact .gform_fields > li.radio-box li { display: inline-block; margin-right: 22px; } #contact .gform_fields li { position: relative; } #contact .gform_fields .gfield_description.validation_message { color: red; font-size: 11px; position: absolute; bottom: 1px; margin: 0; } #contact .radio-box * { color: #777 !important; font-size: 16px; } #contact .radio-box > div label:before { border: 1px solid #777; } /* === Call to Action === */ .cta { background: #003E78; padding: 120px 0; } .cta.alt { background: transparent; padding: 100px 0; } .cta.alt h2 { margin-bottom: 10px; } .cta:not(.alt) h2 { color: #fff; margin-bottom: 20px; } .cta h2, .cta p { max-width: 750px; margin: 0 auto 40px; } .cta p { color: #fff; font-size: 16px; } /* === Custom CTA Section === */ .cta_custom { padding-left: 0; margin: 0 -15px; background: var(--secondary); display: flex; align-items: center; justify-content: center; } .cta_custom > img { position: relative; top: 0; bottom: auto !important; left: 0; width: 150px; transform: none !important; } .cta_custom > div { justify-content: flex-start; padding: 40px 40px 40px 35px; } @media (min-width: 1200px) { .cta_custom > div { justify-content: flex-start; padding: 40px 40px 40px 35px; } .cta_custom > img { position: relative; top: 0; bottom: auto !important; left: 0; width: 150px; transform: none !important; } } /* ===== Dual Image ===== */ .dual-image { padding: clamp(28px, 6vw, 72px) 0; } .dual-image .di-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(14px, 3vw, 32px); align-items: center; } .dual-image.is-reversed .di-grid { direction: rtl; /* flips visual order without markup change */ } .dual-image.is-reversed .di-item { direction: ltr; } /* Image “card” */ .dual-image .di-item { margin: 0; } .dual-image .di-media { border-radius: 14px; overflow: hidden; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), 0 1px 0 rgba(0, 0, 0, 0.04); background: #f4f4f6; position: relative; } /* Aspect helpers (swap if you want a different ratio) */ .dual-image .ratio-4x3 { aspect-ratio: 4/3; } .dual-image .ratio-16x9 { aspect-ratio: 16/9; } .dual-image .ratio-1x1 { aspect-ratio: 1/1; } .dual-image .di-img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; } /* Caption (optional) */ .dual-image .di-cap { font-size: 14px; color: #6a6470; margin-top: 10px; text-align: center; } /* Responsive stack */ @media (max-width: 900px) { .dual-image .di-grid { grid-template-columns: 1fr; } .dual-image.is-reversed .di-grid { direction: ltr; } /* no need to flip on mobile */ } /* ===== Hero (Refined) ===== */ .hero { position: relative; background-repeat: no-repeat; background-position: center top; background-size: cover; /* prevents overshooting on large monitors */ background-color: #f7f7f7; /* fallback color behind transparent edges */ color: #2a2830; overflow: hidden; } /* Desktop height + vertical centering */ .hero { min-height: clamp(540px, 70vh, 760px); display: flex; align-items: center; } /* Hide inline image by default (desktop only) */ .hero .img-full { display: none; width: 100%; height: auto; } /* Content container */ .hero .container { position: relative; width: 100%; } .hero .inner { display: flex; align-items: center; min-height: inherit; } .hero .inner-div { max-width: 720px; } /* Eyebrow */ .hero span { display: inline-block; font-weight: 600; font-size: 24px; line-height: 1; letter-spacing: -0.72px; color: #395E66; margin-bottom: 20px; } /* Heading */ .hero .heading { font-weight: 600; line-height: 1; letter-spacing: -1.2px; font-size: clamp(30px, 3.3vw, 46px); color: var(--color-primary); margin: 0 0 16px; } /* Body copy */ .hero p { font-size: 16px; font-weight: 400; line-height: 1.25; color: #000000; max-width: 60ch; margin: 0 0 24px; } /* Button */ .hero .bttn a { display: inline-block; height: 44px; line-height: 44px; padding: 0 22px; border-radius: 999px; background: var(--color-primary); color: #fff; text-decoration: none; font-weight: 600; font-size: 15px; } .hero .bttn a:hover { background: var(--color-secondary); } /* ===== Tablet & Down ===== */ @media (max-width: 991px) { .hero { background: none !important; min-height: 0; padding: 0 0 32px; display: block; } .hero .img-full { display: block; } .hero .inner { display: block; padding-top: 20px; } .hero .inner-div { max-width: 700px; margin: 0 auto; text-align: left; padding: 0 20px; } } /* ===== Small Screens ===== */ @media (max-width: 640px) { .hero .heading { font-size: clamp(26px, 7vw, 34px); } .hero p { font-size: 17px; } .hero .bttn a { font-size: 14px; padding: 0 20px; } } .features-v2 { margin: 0 0 15px; /* default (two-col) “card” look */ } .features-v2 .fm-card { background: #eef3f7; border-radius: 14px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06); padding: 60px 40px; } .features-v2 .fm-row { align-items: flex-start; } .features-v2 .head h2, .features-v2 .head h3, .features-v2 .head .heading { color: var(--color-primary); font-weight: 600; } .features-v2 .head .fm-intro { max-width: 36ch; color: #000; font: 400 12px/1.6 "Source Sans 3", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; } .features-v2 .head .fm-intro p { color: #000; font-size: 12px; } .features-v2 { /* item typography */ } .features-v2 .fm-item-title { margin: 0 0 6px; color: #000; font: 600 18px/1.35 "Source Sans 3", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; } .features-v2 .fm-item-text { margin: 0; color: #000; font: 400 12px/1.6 "Source Sans 3", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; } .features-v2 { /* ====== TWO-COLUMN ====== */ } .features-v2.is-two-col .fm-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(28px, 4vw, 56px); row-gap: clamp(18px, 2.2vw, 24px); } .features-v2.is-two-col { /* thin rule under the HEADING (not the li) */ } .features-v2.is-two-col .fm-grid .fm-item-title::after { content: ""; display: block; height: 1px; background: #d6dbe1; margin-top: 12px; width: 100%; } .features-v2 { /* ====== ONE-COLUMN ====== */ } .features-v2.is-one-col { /* plain white background overall */ } .features-v2.is-one-col .fm-card { background: transparent; box-shadow: none; padding: 0; } .features-v2.is-one-col .fm-right { padding-top: 6px; } .features-v2.is-one-col { /* clean, full-width separators managed by the list/items */ } .features-v2.is-one-col .fm-list { margin: 0; padding: 0; border-top: 1px solid #d6dbe1; } .features-v2.is-one-col .fm-list .fm-item { list-style: none; padding: 12px 0; /* base padding */ border-bottom: 1px solid #d6dbe1; border-radius: 0; transition: background 0.25s ease, border-color 0.2s ease, transform 0.2s ease, padding 0.2s ease, margin 0.2s ease; /* 🟦 hover highlight (pill) */ } .features-v2.is-one-col .fm-list .fm-item:hover { background: #eef3f7; border-radius: 10px; padding: 12px 14px; /* same vertical, a little horizontal for the pill look */ margin: 6px 0; /* lifts it off the separators slightly */ border-bottom-color: transparent; transform: translateX(2px); } .features-v2.is-one-col .fm-list .fm-item { /* avoid a “double rule” directly under a hovered pill */ } .features-v2.is-one-col .fm-list .fm-item:hover + .fm-item { border-top: 1px solid transparent; } .features-v2.is-one-col { /* headings in one-col DO NOT have the extra per-item rule */ } .features-v2.is-one-col .fm-list .fm-item-title::after { display: none; } @media (max-width: 991px) { .features-v2.is-two-col .fm-grid { grid-template-columns: 1fr; } .features-v2 .head .fm-intro { max-width: none; } } .features-v2 { /* motion-friendly */ } @media (prefers-reduced-motion: reduce) { .features-v2 .fm-list .fm-item { transition: none; } } /* Optional: dark/gradient skins keep contrast */ .learn.section.dark .features-v2.is-two-col .fm-card, .coaching.section.dark-alt .features-v2.is-two-col .fm-card { background: rgba(255, 255, 255, 0.06); } .learn.section.dark .features-v2 .fm-item-title, .coaching.section.dark-alt .features-v2 .fm-item-title { color: #fff; } .learn.section.dark .features-v2 .fm-item-text, .coaching.section.dark-alt .features-v2 .fm-item-text { color: rgba(255, 255, 255, 0.88); } .learn.section.dark .features-v2 .fm-list, .learn.section.dark .features-v2 .fm-list .fm-item, .coaching.section.dark-alt .features-v2 .fm-list, .coaching.section.dark-alt .features-v2 .fm-list .fm-item { border-color: rgba(255, 255, 255, 0.22); } .learn.section.dark .features-v2 .fm-list .fm-item:hover, .coaching.section.dark-alt .features-v2 .fm-list .fm-item:hover { background: rgba(255, 255, 255, 0.08); } .learn.section.dark .features-v2, .coaching.section.dark-alt .features-v2 { /* hover pill in dark */ } .icon-list-wrapper { padding: 100px 0 0; } .icon-list-wrapper .col-md-4 { margin-bottom: 28px; } .icon-list-wrapper .block { --card-bg: #1f3a66; position: relative; display: flex; height: 100%; border-radius: 18px; background: var(--card-bg); color: #fff; padding: clamp(24px, 3vw, 40px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16); overflow: hidden; transition: transform 0.2s ease, box-shadow 0.2s ease; } .icon-list-wrapper .block:hover { transform: translateY(-2px); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22); } .icon-list-wrapper .block::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.08)); pointer-events: none; } .icon-list-wrapper .block .icon-wrap { position: absolute; top: 16px; right: 16px; opacity: 0.35; z-index: 1; } .icon-list-wrapper .block .icon-wrap img { max-width: 56px; height: auto; display: block; } .icon-list-wrapper .block { /* inner content */ } .icon-list-wrapper .block .content-wrap { margin: auto; width: 100%; max-width: 560px; text-align: left; display: flex; flex-direction: column; align-items: flex-start; /* <-- align left */ justify-content: center; /* vertical centering */ gap: 18px; z-index: 1; } .icon-list-wrapper .block h3 { margin: 0; font-family: "Source Sans 3", sans-serif; font-size: 34px; font-weight: 600; line-height: 1.05; letter-spacing: -1.2px; color: #fff; } .icon-list-wrapper .block h3::after { content: ""; display: block; width: 60px; /* smaller, like the mockup */ height: 3px; margin: 14px 0 0; /* push down slightly */ border-radius: 3px; background: rgba(255, 255, 255, 0.4); } .icon-list-wrapper .block .content-wrap p { margin: 0; font-family: "Source Sans 3", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.25; color: rgba(255, 255, 255, 0.92); max-width: 46ch; text-align: left; } .icon-list-wrapper .block .content-wrap a { display: inline-flex; align-items: center; justify-content: center; margin-top: 14px; color: #fff; text-decoration: none; font-family: "Source Sans 3", sans-serif; font-size: 20px; font-weight: 600; line-height: 1; transition: background 0.15s ease, transform 0.15s ease; } .icon-list-wrapper .block .content-wrap a:hover { background: rgba(0, 0, 0, 0.35); transform: translateY(-1px); } .dual-section { margin: 80px 0; } .dual-section .dual-row { align-items: center; } .dual-section { /* WYSIWYG styling */ } .dual-section .dual-copy h2 { color: var(--color-primary); font-weight: 700; font-size: clamp(28px, 3.2vw, 40px); line-height: 1.15; margin: 0 0 10px; } .dual-section .dual-copy h3 { color: #000; font-weight: 700; font-size: clamp(20px, 2vw, 24px); line-height: 1.25; margin: 0 0 25px; } .dual-section .dual-copy p { color: #000; font-size: 14px; line-height: 1.2; margin: 0 0 20px; } .dual-section .dual-copy { /* ✅ Force bullets back even if globally disabled */ } .dual-section .dual-copy ul { list-style: disc !important; list-style-position: outside !important; padding-left: 1.4em !important; margin: 10px 0 0 !important; } .dual-section .dual-copy ul li { list-style: disc !important; margin: 6px 0; padding: 0; position: relative; } .dual-section .dual-photo { display: block; width: 100%; height: auto; border-radius: 12px; } .dual-section.full .dual-img { width: 100%; min-height: 280px; background-size: cover; background-position: center; border-radius: 12px; } .dual-section { /* ===== Boxed variant ===== */ } .dual-section .dual-box { --box-bg: #eef3f7; background: var(--box-bg); border-radius: 14px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06); overflow: hidden; } .dual-section .dual-box__inner { padding: 0; /* no padding so image reaches box edge */ } .dual-section .dual-box .dual-row { min-height: 360px; display: flex; align-items: stretch; /* ensures both sides fill height */ } .dual-section { /* ✅ Image fills entire column corner to corner inside the box */ } .dual-section .dual-box .dual-photo { width: 100%; height: 100%; object-fit: cover; border-radius: 14px; /* nice round edges matching the box */ } .dual-section { /* Give text side breathing room */ } .dual-section .dual-box .dual-copy { padding: clamp(24px, 4vw, 40px); } .dual-section { /* ==== Dark variant overrides ==== */ } .dual-section.style-dark { color: #fff; } .dual-section.style-dark .head, .dual-section.style-dark .head * { color: #fff !important; } .dual-section.style-dark .dual-copy { color: #fff; } .dual-section.style-dark .dual-copy h1, .dual-section.style-dark .dual-copy h2, .dual-section.style-dark .dual-copy h3, .dual-section.style-dark .dual-copy h4, .dual-section.style-dark .dual-copy h5, .dual-section.style-dark .dual-copy h6, .dual-section.style-dark .dual-copy p, .dual-section.style-dark .dual-copy li, .dual-section.style-dark .dual-copy ul, .dual-section.style-dark .dual-copy ol, .dual-section.style-dark .dual-copy blockquote, .dual-section.style-dark .dual-copy strong, .dual-section.style-dark .dual-copy em, .dual-section.style-dark .dual-copy small { color: #fff !important; } .dual-section.style-dark .dual-copy ul li, .dual-section.style-dark .dual-copy ol li { color: #fff !important; } .dual-section.style-dark .dual-copy a { color: #fff; } .dual-section.style-dark .dual-copy a:hover, .dual-section.style-dark .dual-copy a:focus { color: #fff; opacity: 0.85; } .dual-section.style-dark .dual-copy .bttn a { background: #fff !important; color: #000 !important; } /* Accessibility */ @media (prefers-reduced-motion: reduce) { * { transition: none !important; } } /* ===== Journey Cards — refined to match comp ===== */ :root { /* quick dials */ --jc-radius: 14px; --jc-pad-x: 20px; --jc-pad-y: 18px; --jc-art-h: 150px; --jc-grad-top: #F6F2F8; /* light lilac top */ --jc-grad-bot: #E1DAE6; /* slightly darker bottom */ --jc-border: #E8E2EC; --jc-title: #553B53; /* deep purple for headings */ --jc-text: #4E4853; /* body copy */ --jc-muted: #6A6470; /* paragraph muted */ --jc-rule: #8F7589; /* hairline divider */ --jc-link: #2D7DD2; /* link blue */ --jc-link-disc:#1A6E76; /* teal disc */ --jc-link-disc-bg: #E1EFF1; /* teal disc bg */ } .journey-cards { padding: clamp(50px, 5vw, 25px) 0; text-align: center; } .journey-cards .jc-heading { font-weight: 700; color: var(--brand-purple, #613F59); font-size: clamp(22px, 2.2vw, 30px); margin: 0 0 clamp(18px, 2.5vw, 28px); } .journey-cards .jc-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 2vw, 22px); align-items: stretch; } /* Card shell */ .journey-cards .jc-card { position: relative; display: grid; grid-template-rows: auto 1fr; border-radius: var(--jc-radius); padding: var(--jc-pad-y) var(--jc-pad-x) calc(var(--jc-pad-y) + 4px); text-align: left; background: var(--decor) no-repeat 14px 10px/92px auto, var(--decor) no-repeat calc(100% - 14px) 12px/92px auto, linear-gradient(180deg, var(--jc-grad-top) 0%, var(--jc-grad-bot) 100%); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04); transition: transform 0.18s ease, box-shadow 0.18s ease; } .journey-cards .jc-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08); } /* Illustration: sits “into” the card, aligned to top-left */ .journey-cards .jc-art { position: relative; height: var(--jc-art-h); margin: 2px 0 6px; display: grid; justify-content: center; /* person sits at baseline */ justify-items: start; /* bias left like comp */ } .journey-cards .jc-art img { max-height: calc(var(--jc-art-h) - 10px); width: auto; } /* Copy block */ .journey-cards .jc-body { display: grid; gap: 12px; } .journey-cards .jc-title { margin: 0; font-weight: 600; color: var(--jc-title); font-size: 30px; /* 2 lines, similar weight to comp */ line-height: 1.22; letter-spacing: 0.1px; } .journey-cards .jc-excerpt { margin: 0; font-size: 16px; color: #000; line-height: 1.25; } .journey-cards .jc-excerpt { position: relative; padding-top: 14px; } .journey-cards .jc-excerpt::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--jc-rule); opacity: 0.65; } /* CTA */ .journey-cards .jc-cta { margin: 2px 0 0; } .journey-cards .jc-link { display: inline-flex; align-items: center; gap: 10px; color: #395E66; font-size: 20px; font-weight: 600; text-decoration: none; } .journey-cards .jc-link:hover { text-decoration: underline; } /* teal circular arrow */ .journey-cards .jc-link-icon { width: 22px; height: 22px; border-radius: 50%; background: #395E66; position: relative; flex: 0 0 22px; } .journey-cards .jc-link-icon::after { content: ""; position: absolute; width: 6px; height: 6px; border-right: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(45deg); left: 7px; top: 7px; } /* Responsiveness */ @media (max-width: 1100px) { .journey-cards .jc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .journey-cards .jc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 540px) { .journey-cards .jc-grid { grid-template-columns: 1fr; } } /* ==== Blog slider ==== */ .blog-listing { background: #eeebef; /* the light grey/purple wash from comp */ padding: clamp(32px, 4vw, 72px) 0; } .blog-listing .blog-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: clamp(18px, 2.3vw, 28px); } .blog-listing .blog-head .heading { margin: 0; font-family: "Source Sans 3", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-weight: 700; font-size: clamp(28px, 3vw, 40px); line-height: 1.1; color: #5c3c63; /* purple heading from comp */ } .blog-listing .blog-head .blog-arrows { display: inline-flex; gap: 14px; /* slick arrow buttons we append here */ } .blog-listing .blog-head .blog-arrows .slick-prev, .blog-listing .blog-head .blog-arrows .slick-next { width: 48px; height: 48px; border-radius: 50%; border: none; background: #3f6b71; /* left/prev default teal */ position: relative; cursor: pointer; outline: none; transition: transform 0.15s ease, filter 0.15s ease; } .blog-listing .blog-head .blog-arrows .slick-prev:hover, .blog-listing .blog-head .blog-arrows .slick-next:hover { filter: brightness(1.04); transform: translateY(-1px); } .blog-listing .blog-head .blog-arrows .slick-prev, .blog-listing .blog-head .blog-arrows .slick-next { /* chevron */ } .blog-listing .blog-head .blog-arrows .slick-prev::before, .blog-listing .blog-head .blog-arrows .slick-next::before { content: ""; position: absolute; inset: 0; margin: auto; width: 14px; height: 14px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(135deg); /* left arrow */ } .blog-listing .blog-head .blog-arrows .slick-next { background: #6c4b67; /* right/next purple */ } .blog-listing .blog-head .blog-arrows .slick-next::before { transform: rotate(-45deg); } .blog-listing .blog-head .blog-arrows .slick-next { /* right arrow */ } .blog-listing { /* gutter between slides */ } .blog-listing .blog-slick { margin: 0 -16px; } .blog-listing .blog-slick .slick-slide { padding: 0 16px; } .blog-listing .post-card { overflow: hidden; display: flex; flex-direction: column; height: 100%; } .blog-listing .post-thumb { display: block; aspect-ratio: 16/9; overflow: hidden; } .blog-listing .post-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.001); transition: transform 0.25s ease; } .blog-listing .post-thumb:hover img { transform: scale(1.03); } .blog-listing .post-body { padding-block: clamp(16px, 2vw, 22px); padding-inline: 0; } .blog-listing .post-body .post-title { margin: 0 0 8px; font-family: "Source Sans 3", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-weight: 700; font-size: clamp(18px, 1.6vw, 22px); line-height: 1.3; } .blog-listing .post-body .post-title a { text-decoration: none; color: var(--color-secondary); } .blog-listing .post-body .post-title a:hover { text-decoration: underline; } .blog-listing .post-body .post-divider { border: 0; height: 2px; background: #b6b6b6; width: 100%; margin: 10px 0 12px; opacity: 0.6; } .blog-listing .post-body .post-excerpt { color: #222; opacity: 0.8; font-size: clamp(14px, 1.2vw, 16px); line-height: 1.6; margin-bottom: 14px; } .blog-listing .post-body .post-link { display: inline-flex; align-items: center; gap: 10px; color: var(--color-secondary); font-weight: 700; text-decoration: none; font-size: clamp(14px, 1.2vw, 16px); } .blog-listing .post-body .post-link .post-link-icon { width: 18px; height: 18px; border: 2px solid currentColor; border-radius: 50%; position: relative; display: inline-block; /* the little tick inside the ring */ } .blog-listing .post-body .post-link .post-link-icon::after { content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translate(-50%, -50%) rotate(-45deg); } .blog-listing .post-body .post-link:hover { text-decoration: underline; } .blog-listing { /* Smaller screens: single column with comfy gutters */ } @media (max-width: 991px) { .blog-listing .blog-head { margin-bottom: 18px; } } .page-content { background: #fff; padding: 40px 0; margin-bottom: 15px; } .page-template-template-page-builder .page-content { margin-bottom: 0; } .page-content h3 { margin-bottom: 5px; } .page-content h3 a { color: #6b425f !important; } .page-content p { color: #777; font-size: 18px; line-height: 25px; font-family: "Source Sans 3", sans-serif; margin-bottom: 25px; } .page-content ul { margin-bottom: 25px; } .page-content ul li { color: #777; font-size: 18px; font-family: "Source Sans 3", sans-serif; list-style-type: disc; margin-bottom: 10px; margin-left: 20px; } .page-content ul li ul li { margin-top: 15px; list-style-type: circle; } .page-content ul.list { list-style: none; } .page-content ul.list li { list-style: none; margin-left: 0; margin-bottom: 30px; } .page-content ol li { color: #777; font-size: 18px; font-family: "Source Sans 3", sans-serif; list-style-type: decimal; list-style-position: inside; margin-bottom: 10px; margin-left: 40px !important; } .page-content blockquote { background: #f9f9f9; border-left: 10px solid #ccc; box-sizing: border-box; position: relative; color: #333; width: 100%; padding: 35px 20px 20px 80px; } .page-content blockquote:before { font-family: "FontAwesome"; content: "\f10d"; color: #333; font-size: 40px; font-style: normal; position: absolute; top: 10px; left: 20px; } .programs { padding: 100px 0; } .programs.light { background: #f5f5f5; } .programs.dark { background-color: #462b3e; } .programs.dark * { color: #fff; } .programs.green { background-color: #3db54b; } .programs.green * { color: #fff; } .programs .head { margin-bottom: 60px; } .programs .head span { text-transform: uppercase; color: #aaa; font-weight: 600; letter-spacing: 1px; display: block; padding-bottom: 10px; } .programs .head h2 { font-size: 45px; color: var(--color-primary); margin-bottom: 15px; } .programs .head h3 { text-transform: none; margin-top: 15px; color: #000; } .programs .head h3 span { display: inline-block; text-transform: none; color: var(--color-primary); } .programs .head p { font-size: 20px; color: #777; line-height: 31px; } .programs .head i { color: var(--color-primary); font-size: 150px; margin-bottom: 20px; } .programs .block { text-align: center; border: 3px solid #e5e5e5; padding: 50px 55px 55px; border-radius: 15px; } .programs .block .count { font-size: 75px; font-weight: 600; color: var(--color-primary); } .programs .block .count div { display: inline-block; } .programs .block h3 { font-size: 14px; letter-spacing: 4px; margin: 20px 0; } .programs .block p { color: #777; font-size: 16px; line-height: 23px; margin: 0; font-family: "Source Sans 3", sans-serif; } .quote { background: #9EA5AD !important; padding: 80px 0; position: relative; } .quote:before { content: ""; background-color: rgba(52, 31, 46, 0.68); position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .quote .head { margin-bottom: 0; } .quote p { color: #fff; text-align: center; font-family: "Cormorant Garamond", serif; font-style: italic; font-weight: 400; font-size: 48px; line-height: 1.3; } .quote cite { color: #fff; font-weight: 700; font-size: 18px; display: inline-block; text-align: center; width: 100%; } /* Responsive quote block adjustments */ div#quote { padding: 75px 25px; } div#quote .head { margin-bottom: 0; } .stats.is-facts { text-align: center; padding: 80px 0; } .stats.is-facts h2, .stats.is-facts h3, .stats.is-facts .heading { color: var(--color-primary); font-weight: 700; margin-bottom: 40px; } .stats.is-facts { /* make columns stretch equal height */ } .stats.is-facts .row { display: flex; flex-wrap: wrap; align-items: stretch; } .stats.is-facts .col-md-4 { display: flex; align-items: stretch; } .stats.is-facts .fact-block { background: #e8eef5; border-radius: 12px; padding: 60px 30px; margin-bottom: 24px; flex: 1; /* fill height */ display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04); transition: transform 0.2s ease, box-shadow 0.2s ease; height: 100%; /* ensure fill */ } .stats.is-facts .fact-block:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); } .stats.is-facts .fact-block .fact-value { display: inline-flex; /* keep number + % inline */ align-items: baseline; gap: 6px; white-space: nowrap; font-family: "Merriweather", sans-serif; font-weight: 700; font-size: clamp(36px, 3.2vw, 54px); line-height: 1.2; color: #000; margin-bottom: 16px; } .stats.is-facts .fact-block .fact-value .numscroller { display: inline-block; line-height: 1; } .stats.is-facts .fact-block .fact-value .suffix, .stats.is-facts .fact-block .fact-value > span { display: inline-block; font-weight: 600; font-size: 0.9em; line-height: 1; color: inherit; } .stats.is-facts .fact-block .fact-label { font-size: 18px; line-height: 1.5; color: #111; font-weight: 400; max-width: 28ch; margin: 0 auto 12px; } .stats.is-facts .fact-block .fact-ref p { font-size: 12px; color: #000; opacity: 0.85; font-weight: 400; } @media (max-width: 991px) { .stats.is-facts .row { display: block; } .stats.is-facts { /* stack naturally on small screens */ } .stats.is-facts .col-md-4 { display: block; } .stats.is-facts .fact-block { padding: 40px 24px; height: auto; } } .team .row { margin-top: 2rem; row-gap: 1.5rem; } @media (max-width: 767px) { .team [class*=col-] { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .team [class*=col-] { flex: 0 0 50%; max-width: 50%; } } .team .tm-card { background-color: var(--color-primary); border-radius: 16px; padding: 2rem 1.5rem; text-align: center; color: #fff; height: 100%; } .team .tm-thumb { margin: 0 auto 1.25rem; width: 130px; height: 130px; border-radius: 50%; overflow: hidden; border: 4px solid #fff; } .team .tm-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .team .tm-name { color: #fff; font-weight: 700; margin-bottom: 0.25rem; } .team .tm-title { color: #fff; font-weight: 700; font-style: italic; font-size: 0.9rem; margin-bottom: 1rem; } .team .tm-bio p { margin: 0; color: #fff; font-size: 1rem; line-height: 1.4; } /* ===== Search Results Page ===== */ .search-results-page { min-height: 60vh; } .sr-header { background: linear-gradient(135deg, #462b3e 0%, #613f59 100%); padding: clamp(48px, 7vw, 96px) 0 clamp(40px, 6vw, 72px); color: #fff; } .sr-header .sr-kicker { font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); margin: 0 0 10px; } .sr-header .sr-title { font-size: clamp(26px, 3.5vw, 42px); font-weight: 700; color: #fff; margin: 0 0 8px; line-height: 1.15; } .sr-header .sr-title em { font-style: italic; color: rgba(255, 255, 255, 0.85); } .sr-header .sr-count { font-size: 15px; color: rgba(255, 255, 255, 0.6); margin: 0 0 28px; } .sr-form { position: relative; max-width: 520px; } .sr-form .sr-input { width: 100%; padding: 15px 150px 15px 22px; border-radius: 50px; border: 2px solid rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.12); color: #fff; font-size: 1rem; box-sizing: border-box; transition: border-color 0.2s ease, background 0.2s ease; } .sr-form .sr-input::placeholder { color: rgba(255, 255, 255, 0.5); } .sr-form .sr-input:focus { border-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.18); outline: none; } .sr-form .sr-submit { position: absolute; right: 4px; top: 4px; bottom: 4px; height: auto; padding: 0 24px; border-radius: 50px; border: none; background: #fff; color: #462b3e; font-weight: 700; font-size: 14px; cursor: pointer; transition: background 0.2s ease, color 0.2s ease; } .sr-form .sr-submit:hover { background: #f0e8ed; } .sr-body { padding: clamp(40px, 6vw, 80px) 0; background: #f9f8fa; } .sr-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 20px; } .sr-item { display: flex; gap: 24px; align-items: flex-start; background: #fff; border-radius: 14px; padding: 24px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); transition: box-shadow 0.2s ease, transform 0.2s ease; } .sr-item:hover { box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1); transform: translateY(-2px); } .sr-item__thumb { flex: 0 0 180px; border-radius: 10px; overflow: hidden; display: block; aspect-ratio: 16/9; background: #eee; } @media (max-width: 600px) { .sr-item__thumb { display: none; } } .sr-item__img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease; } .sr-item:hover .sr-item__img { transform: scale(1.04); } .sr-item__body { flex: 1; min-width: 0; } .sr-item__meta { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; } .sr-item__type { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: #fff; background: #462b3e; border-radius: 50px; padding: 3px 10px; } .sr-item__date { font-size: 13px; color: #999; } .sr-item__title { font-size: clamp(17px, 1.8vw, 21px); font-weight: 700; margin: 0 0 8px; line-height: 1.3; color: var(--color-primary); } .sr-item__title a { color: inherit; text-decoration: none; transition: color 0.2s ease; } .sr-item__title a:hover { color: #613f59; text-decoration: underline; } .sr-item__excerpt p { font-size: 15px; line-height: 1.6; color: #555; margin: 0 0 12px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .sr-item__link { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: #395E66; text-decoration: none; transition: gap 0.2s ease; } .sr-item__link:hover { gap: 12px; text-decoration: none; } .sr-item__arrow { display: inline-block; width: 18px; height: 18px; border-radius: 50%; background: #395E66; position: relative; flex-shrink: 0; } .sr-item__arrow::after { content: ""; position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; border-right: 2px solid #fff; border-top: 2px solid #fff; transform: translate(-60%, -50%) rotate(45deg); } .sr-pagination { margin-top: 40px; text-align: center; } .sr-pagination .nav-links { display: inline-flex; gap: 12px; align-items: center; } .sr-pagination a, .sr-pagination span { display: inline-block; padding: 10px 22px; border-radius: 50px; font-size: 14px; font-weight: 600; text-decoration: none; transition: all 0.2s ease; } .sr-pagination a { background: #fff; color: #462b3e; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } .sr-pagination a:hover { background: #462b3e; color: #fff; } .sr-empty { text-align: center; padding: 60px 20px; } .sr-empty__icon { font-size: 3rem; margin-bottom: 16px; } .sr-empty h2 { color: var(--color-primary); margin-bottom: 10px; } .sr-empty p { color: #777; font-size: 16px; max-width: 40ch; margin: 0 auto; } .testimonials { display: flex; flex-wrap: wrap; align-items: center; } .testimonials .quote-image { order: 2; flex: 0 0 25%; max-width: 25%; padding: 0 15px; text-align: center; } .testimonials .quote-image img { border-radius: 50%; max-width: 150px; height: auto; } .testimonials .quote-content { order: 1; flex: 0 0 75%; max-width: 75%; padding: 0 15px; text-align: left; } .testimonials .quote-content p { font-size: 20px; line-height: 32px; color: #777; font-style: italic; font-family: "Source Sans 3", sans-serif; margin-bottom: 20px; } .testimonials .quote-content cite { display: block; font-size: 18px; color: var(--color-primary); font-style: normal; margin-top: 10px; } .testimonials { /* Mobile / full-width version */ } .testimonials .col-md-12 { margin: 0; } .testimonials .col-md-12 .quote-image, .testimonials .col-md-12 .quote-content { flex: 0 0 100%; max-width: 100%; padding: 0; } .testimonials .col-md-12 .quote-image { margin-top: 40px; margin-bottom: 40px; } /*# sourceMappingURL=main.min.css.map */