.bottomofscreen { background: #333; color: white; padding: 20px; } .bottomofscreen a { color: white !important; } a { color: #6d747c !important; } a:hover { color: #549dc5 !important; font-weight: bolder !important; } .title hr { border-top: 1px solid #549dc5 !important; } .nav-tabs.outline > li.active > a { border-bottom-color: #549dc5 !important; } .preview-icon:hover code, .preview-icon:hover i, .preview-icon:hover .icon-whatsapp { color: #549dc5; } .footernav { margin-top: 27px !important; font-size: 17px !important; } #topnav { background-color: #c8d8f1 !important; } .container-nav { padding-left: 60px; padding-right: 60px; } #topnav .logo img { max-height: 80px !important; } #topnav .navigation-menu { margin-top: 15px !important; } #topnav .navigation-menu > li a { font-size: 13px !important; color: white !important; } #topnav .navigation-menu .has-submenu .submenu > li a { font-size: 14px !important; color: black !important; } .slide-wrap { background-color: rgba(5, 40, 45, 0.1) !important; } .red-dot:before { content: "."; color: #549dc5 !important; } .slider-text-down { margin-top: 264px; } .blue-section { background: #f1f1f1 !important; } .concerns { background: #549dc5; text-align: center; padding: 10px; color: white; } .borderbox { border: 1px solid #549dc5; padding-top: 20px; } /* !important throughout: inject-seo.js re-preloads css/bundle.css late in for LCP, which re-applies Bootstrap's base .btn (white-space:nowrap, display:inline-block, its own height/line-height/padding) AFTER this stylesheet in the cascade. At equal specificity that reinserted copy wins, so anything here meant to override .btn must be !important to actually take effect regardless of load order. */ .btn-color { background: #549dc5 !important; border-color: #549dc5 !important; color: white !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; height: auto !important; min-height: 55px !important; line-height: 1.3 !important; padding: 16px 28px !important; border-radius: 999px !important; /* Bootstrap's base .btn sets white-space: nowrap, which lets a long label (e.g. trauma.html's "Book a Trauma-informed Session") overflow its container instead of wrapping — the flex centering above only helps once wrapping is actually allowed. */ white-space: normal !important; max-width: 100% !important; box-shadow: 0 10px 22px rgba(16, 24, 40, .12) !important; } .btn-color:hover { background: white !important; border-color: #549dc5 !important; color: #549dc5 !important; } .widget .tags a:hover { background: #549dc5 !important; border: 1px solid #549dc5 !important; color: white !important; } .pb-109 { padding-bottom: 109px; } .pb-46 { padding-bottom: 46px; } .pb-67 { padding-bottom: 67px; } .pt-400 { padding-bottom: 400px; } .pb-400 { padding-bottom: 400px; } .width100 { width: 100%; } .samefont { font-size: 16px !important; color: #2f2f2f !important; line-height: 24px !important; text-align: justify !important; font-family: 'Raleway', sans-serif !important; } #topnav .navigation-menu .has-submenu .submenu > li a:hover { background: #c8d8f1; color: white !important; } .maps { width: 100%; height: 450px; padding-left: 15px; } .primaryheading { margin-top: 0 !important; font-weight: 700 !important; font-size: 58px !important; letter-spacing: 1px !important; font-family: 'Montserrat', sans-serif !important; color: #191b1d !important; line-height: 1.1 !important; } .subheading { font-size: 25px !important; letter-spacing: 1px !important; font-family: 'Montserrat', sans-serif !important; font-weight: 500 !important; line-height: 1.1 !important; color: #191b1d !important; overflow-wrap: break-word; word-break: break-word; } /*Mobile*/ @media (max-width: 991px) { .samefont { font-size: 14px !important; color: #2f2f2f !important; line-height: 24px !important; text-align: justify !important; font-family: 'Raleway', sans-serif !important; } .container-nav { padding-left: 20px; padding-right: 20px; } .mob-width250 { width: 250px; } .mob-section { margin-left: 15px; margin-right: 15px; } .post-listing h2 { font-size: 27px; } #navigation { border-bottom: 4px solid #c8d8f1 !important; background-color: #c8d8f1; } .post-single .post-info h2 { font-size: 27px !important; margin-bottom: 15px; margin-top: 0; font-family: 'Halant', serif; } .mob-sectionpad { padding-left: 15px; padding-right: 15px; } .maps { width: 100%; height: 150px; margin-bottom: 10px; } .onlydesktop { display: none !important; } .slider-text-down { margin-top: 42px; } /*.mob-padd27 { padding-top: 27px; } #topnav.scroll .logo { padding: 1px 0; }*/ /*#topnav.scroll { }*/ } /* SEO heading structure: the homepage slider keeps a single

. The second slide's title and both slide subtitles are styled
s that mirror .slide-content h1 / h6 in style.css, so nothing shifts. */ .slide-content .slide-title { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 90px; line-height: 1.1; letter-spacing: 1px; margin: 25px 0; color: inherit; } .slide-content .slide-subtitle { font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 20px; line-height: 1.1; letter-spacing: 3px; margin: 35px 0; color: #fff; } @media (max-width: 767px) { /* the descriptive H1 is longer than the old name-only heading; keep it inside a phone viewport */ .slide-content h1.upper { font-size: 30px; letter-spacing: 2px; } .slide-content .slide-title { font-size: 55px; } .slide-content .slide-subtitle { font-size: 16px; } /* The prev/next arrows are vertically centred across the full slide height with no mobile override, so they can sit on top of the subtitle text on narrow screens. Swipe still works. */ #home-slider .flex-direction-nav { display: none; } } /* Article titles are now the page's

; keep the 10px top margin the old

had. */ .post-single .post-info h1.subheading { margin-top: 10px; } @media (max-width: 400px) { .slide-content h1.upper { font-size: 26px; letter-spacing: 1px; } } /* Internal "topic silo" links (Seo/SeoHead.cs RelatedLinks), added to service and article pages. */ .related-links { margin-top: 24px; padding-top: 16px; border-top: 1px solid rgba(0,0,0,.08); font-size: 14px; color: #555; } .related-links-label { font-weight: 600; text-transform: uppercase; letter-spacing: .06em; font-size: 12px; color: #6b7280; margin-right: 6px; }