/* Theme Name: Travel and Tour Theme URI: https://rarathemes.com/wordpress-themes/travel-and-tour/ Author: Rara Theme Author URI: https://rarathemes.com/ Description: Travel and Tour is a WordPress theme to create an online booking website for tour and travel operators and companies. The theme is compatible with the powerful travel and tour booking plugin, WP Travel Engine. You can add trips, destinations, and trip types, feature travel activities, highlight your specialties and allow visitors to book the trips. The theme is mobile-friendly, SEO optimized and loads fast to help your website rank higher on search engines. Apart from travel booking companies, you can also use the Travel and Tour theme for travel blogging, hotel, spa, bed and breakfast, luxury resort, reservation, tour operator, tourism, transports and car booking. Check the demo at https://rarathemes.com/previews/?theme=travel-and-tour, documentation at https://docs.rarathemes.com/docs/travel-and-tour/, and get support at https://rarathemes.com/support-ticket/. Requires PHP: 5.6 Tested up to: 5.8 Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: travel-and-tour Template: travel-agency Tags: blog, one-column, two-columns, right-sidebar, footer-widgets, custom-background, custom-header, custom-menu, custom-logo, featured-images, threaded-comments, rtl-language-support, translation-ready, theme-options This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Travel and Tour is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ :root { --primary-color: #0b74e1; /* #04bfae; */ --primary-color-rgb: 4, 191, 174; --secondary-color: #ffa501; --secondary-color-rgb: 255, 165, 1; --primary-font-color: #403b37; --heading-font-color: #403b37; --primary-font: "Lato", sans-serif; --secondary-font: "Mukta", sans-serif; --tac-primary-color: #01385D; /* #04bfae; */ --tac-primary-font-color: #403b37; --tac-heading-font-color: #403b37; --tac-primary-font: "Lato", sans-serif; --tac-secondary-font: "Mukta", sans-serif; } body { font-size: 18px; font-weight: 400; line-height: 1.944; } /* @media screen and (min-width:1026px) and (max-width:1432px){ .main-navigation > div > ul > li > a { font-size:14px!important; } } @media (min-width: 1199px) { .container { max-width: 1680px; } } */ /*=================================== Header Four style ===================================*/ .header-four .header-t { padding: 0; background: #106093; } .header-four .header-t .left { float: left; } .header-four .header-t .right { float: right; } .header-four .header-t .opening-time, .header-four .header-t .email-link { color: #fff; float: left; margin-right: 22px; padding: 11px 0; } .header-four .header-t .opening-time svg, .header-four .header-t .email-link svg { font-size: 16px; margin-right: 8px; } .header-four .header-t span { font-size: 14px; line-height: 1.214; letter-spacing: 0; } .header-four .social-networks li { margin-right: 16px; } .header-four .social-networks li:last-child { margin: 0; } .header-four .social-networks li a { color: #fff; padding: 11px 0; } .nav-holder .form-section .search-btn:focus { outline: thin dotted; } /**** Site Logo ****/ .site-branding .site-title a:hover, .site-branding .site-title a:focus { color: var(--primary-color); } .site-branding .site-title { font-size: 32px; line-height: 1; margin-bottom: 8px; } .site-branding .site-description { font-size: 16px; font-weight: 400; line-height: 1.1875; letter-spacing: 0; opacity: 0.8; } .site-header .tools .form-section .form-holder { z-index: 99; top: 50px; } .header-b { padding: 40px 0 32px; } .header-b .right .phone-label { letter-spacing: 0; line-height: 1.214; margin-bottom: 0px; } .header-b .right .tel-link { letter-spacing: 0px; } /*** Search Section ***/ .nav-holder .form-section { float: right; margin: 0; padding: 10px 0 0; position: relative; border: 0; } .nav-holder .form-section .search-btn { color: var(--heading-font-color); background: none; border-radius: 5px; border: 0; font-size: 16px; padding: 0px; text-shadow: none; transition: linear 0.2s; opacity: 0.8; } .nav-holder .form-section .form-holder { position: absolute; z-index: 99; top: 42px; right: -20px; width: 230px; background: #f9f9f9; border: 1px solid #eee; display: none; } .nav-holder .form-section .form-holder:before { width: 10px; height: 7px; background: #f9f9f9; top: -1px; right: 20px; content: ""; position: absolute; z-index: 1; } .nav-holder .form-section .form-holder:after { width: 10px; height: 10px; background: #f9f9f9; border: 1px solid #eee; position: absolute; top: -5px; right: 20px; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .nav-holder .form-holder .search-form { position: relative; } .nav-holder .search-form label { width: 100%; } .btn-form-close { display: none; } .nav-holder .search-form input[type="search"] { font-size: 14px; background: none; padding: 0; margin: 0; border: 0; border-radius: 0; padding: 10px; width: 100%; } .nav-holder .form-holder .search-form input[type="submit"] { opacity: 1; position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 512 512'%3E%3Cpath d='M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z'/%3E%3C/svg%3E") center center no-repeat; width: 14px; height: 14px; padding: 0; top: 16px; right: 10px; font-size: 0; } /*=================================== Banner Form Section ===================================*/ .banner .form-holder .search-form { background: transparent; padding: 0; } .banner .form-holder .search-form input[type="search"] { height: 56px; border-radius: 16px; } .banner .form-holder .search-form input[type="submit"] { width: 142px; background-position: 94px 20px; border-radius: 16px; text-transform: capitalize; font-size: 18px; font-weight: 500; line-height: 1.22; height: 56px; text-indent: 0; padding: 0 32px; text-align: left; background-size: 14px; } .banner .wp-custom-header { position: relative; } .banner .wp-custom-header::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(64, 59, 55, 0.7); } .trip-search { margin: -50px 0 0; } .trip-search h3 { display: none; } .trip-search form { border-radius: 16px; } .trip-search form .advanced-search-field-submit input[type="submit"] { border-radius: 0 16px 16px 0; font-size: 18px; font-weight: 500; letter-spacing: 0px; text-transform: capitalize; } .trip-search form .wte-advanced-search-wrapper-nice-select .nice-select { height: auto; } .trip-search form .wte-advanced-search-wrapper-nice-select .advanced-search-field { padding: 16px 40px; } .trip-search form .wte-advanced-search-wrapper-nice-select .advanced-search-field:first-of-type { padding-left: 24px; } .trip-search form .advanced-search-field h3 { display: block; } .trip-search form .trip-destination .custom-select:before { background: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 13.4333L9.3 10.1333C9.9526 9.48067 10.397 8.64915 10.577 7.74392C10.7571 6.83869 10.6646 5.9004 10.3114 5.04771C9.95817 4.19501 9.36003 3.46621 8.59261 2.95345C7.82519 2.44069 6.92296 2.16701 6 2.16701C5.07704 2.16701 4.17481 2.44069 3.40739 2.95345C2.63997 3.46621 2.04183 4.19501 1.68861 5.04771C1.33539 5.9004 1.24294 6.83869 1.42297 7.74392C1.603 8.64915 2.04741 9.48067 2.7 10.1333L6 13.4333ZM6 15.3187L1.75734 11.076C0.918228 10.2369 0.346791 9.16779 0.115286 8.0039C-0.11622 6.84002 0.00260456 5.63362 0.456732 4.53727C0.91086 3.44092 1.6799 2.50385 2.66659 1.84457C3.65328 1.18528 4.81332 0.833389 6 0.833389C7.18669 0.833389 8.34672 1.18528 9.33342 1.84457C10.3201 2.50385 11.0891 3.44092 11.5433 4.53727C11.9974 5.63362 12.1162 6.84002 11.8847 8.0039C11.6532 9.16779 11.0818 10.2369 10.2427 11.076L6 15.3187ZM6 8.16667C6.35362 8.16667 6.69276 8.02619 6.94281 7.77615C7.19286 7.5261 7.33334 7.18696 7.33334 6.83334C7.33334 6.47972 7.19286 6.14058 6.94281 5.89053C6.69276 5.64048 6.35362 5.5 6 5.5C5.64638 5.5 5.30724 5.64048 5.05719 5.89053C4.80715 6.14058 4.66667 6.47972 4.66667 6.83334C4.66667 7.18696 4.80715 7.5261 5.05719 7.77615C5.30724 8.02619 5.64638 8.16667 6 8.16667ZM6 9.5C5.29276 9.5 4.61448 9.21905 4.11438 8.71896C3.61429 8.21886 3.33334 7.54058 3.33334 6.83334C3.33334 6.12609 3.61429 5.44782 4.11438 4.94772C4.61448 4.44762 5.29276 4.16667 6 4.16667C6.70725 4.16667 7.38552 4.44762 7.88562 4.94772C8.38572 5.44782 8.66667 6.12609 8.66667 6.83334C8.66667 7.54058 8.38572 8.21886 7.88562 8.71896C7.38552 9.21905 6.70725 9.5 6 9.5Z' fill='%2304BFAE'/%3E%3C/svg%3E%0A") center center no-repeat; } .trip-search form .trip-activities .custom-select:before { background: url("data:image/svg+xml,%3Csvg width='10' height='15' viewBox='0 0 10 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.07818 5.308L4.21484 3.756C4.4547 3.58047 4.74644 3.49034 5.04351 3.5C5.40585 3.50904 5.75637 3.63074 6.04634 3.84819C6.33632 4.06564 6.55134 4.36803 6.66151 4.71333C6.78551 5.102 6.89884 5.36467 7.00151 5.50133C7.31172 5.9152 7.71412 6.25107 8.17678 6.48229C8.63944 6.7135 9.14963 6.8337 9.66684 6.83333V8.16667C8.97838 8.16742 8.2983 8.01552 7.67558 7.72191C7.05286 7.4283 6.50297 7.00028 6.06551 6.46867L5.60084 9.10533L6.97484 10.2587L8.45684 14.3307L7.20351 14.7867L5.84351 11.0507L3.58351 9.154C3.39804 9.00424 3.25612 8.80748 3.17252 8.58424C3.08892 8.36099 3.0667 8.11942 3.10818 7.88467L3.44751 5.96133L2.99618 6.28933L1.57818 8.24133L0.499512 7.45733L2.06684 5.3L2.07818 5.308ZM6.00018 3.16667C5.64656 3.16667 5.30742 3.02619 5.05737 2.77614C4.80732 2.52609 4.66684 2.18696 4.66684 1.83333C4.66684 1.47971 4.80732 1.14057 5.05737 0.890524C5.30742 0.640476 5.64656 0.5 6.00018 0.5C6.3538 0.5 6.69294 0.640476 6.94299 0.890524C7.19304 1.14057 7.33351 1.47971 7.33351 1.83333C7.33351 2.18696 7.19304 2.52609 6.94299 2.77614C6.69294 3.02619 6.3538 3.16667 6.00018 3.16667ZM4.01884 11.954L1.87618 14.5073L0.854845 13.6507L2.83885 11.2867L3.33618 9.83333L4.53018 10.8333L4.01884 11.954Z' fill='%2304BFAE'/%3E%3C/svg%3E%0A") center center no-repeat; } .trip-search form .trip-duration strong:before { background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3335 2H13.0002C13.177 2 13.3465 2.07024 13.4716 2.19526C13.5966 2.32029 13.6668 2.48986 13.6668 2.66667V13.3333C13.6668 13.5101 13.5966 13.6797 13.4716 13.8047C13.3465 13.9298 13.177 14 13.0002 14H1.00016C0.823352 14 0.653782 13.9298 0.528758 13.8047C0.403734 13.6797 0.333496 13.5101 0.333496 13.3333V2.66667C0.333496 2.48986 0.403734 2.32029 0.528758 2.19526C0.653782 2.07024 0.823352 2 1.00016 2H3.66683V0.666668H5.00016V2H9.00016V0.666668H10.3335V2ZM12.3335 7.33333H1.66683V12.6667H12.3335V7.33333ZM9.00016 3.33333H5.00016V4.66667H3.66683V3.33333H1.66683V6H12.3335V3.33333H10.3335V4.66667H9.00016V3.33333ZM3.00016 8.66667H4.3335V10H3.00016V8.66667ZM6.3335 8.66667H7.66683V10H6.3335V8.66667ZM9.66683 8.66667H11.0002V10H9.66683V8.66667Z' fill='%2304BFAE'/%3E%3C/svg%3E%0A") center center no-repeat; } .trip-search form .trip-cost strong:before { background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00016 13.6667C3.31816 13.6667 0.333496 10.682 0.333496 7C0.333496 3.318 3.31816 0.333332 7.00016 0.333332C10.6822 0.333332 13.6668 3.318 13.6668 7C13.6668 10.682 10.6822 13.6667 7.00016 13.6667ZM7.00016 12.3333C8.41465 12.3333 9.77121 11.7714 10.7714 10.7712C11.7716 9.77104 12.3335 8.41449 12.3335 7C12.3335 5.58551 11.7716 4.22896 10.7714 3.22876C9.77121 2.22857 8.41465 1.66667 7.00016 1.66667C5.58567 1.66667 4.22912 2.22857 3.22893 3.22876C2.22873 4.22896 1.66683 5.58551 1.66683 7C1.66683 8.41449 2.22873 9.77104 3.22893 10.7712C4.22912 11.7714 5.58567 12.3333 7.00016 12.3333ZM4.66683 8.33333H8.3335C8.4219 8.33333 8.50669 8.29821 8.5692 8.2357C8.63171 8.17319 8.66683 8.0884 8.66683 8C8.66683 7.91159 8.63171 7.82681 8.5692 7.7643C8.50669 7.70178 8.4219 7.66667 8.3335 7.66667H5.66683C5.2248 7.66667 4.80088 7.49107 4.48832 7.17851C4.17576 6.86595 4.00016 6.44203 4.00016 6C4.00016 5.55797 4.17576 5.13405 4.48832 4.82149C4.80088 4.50893 5.2248 4.33333 5.66683 4.33333H6.3335V3H7.66683V4.33333H9.3335V5.66667H5.66683C5.57842 5.66667 5.49364 5.70178 5.43113 5.7643C5.36862 5.82681 5.3335 5.91159 5.3335 6C5.3335 6.0884 5.36862 6.17319 5.43113 6.2357C5.49364 6.29821 5.57842 6.33333 5.66683 6.33333H8.3335C8.77552 6.33333 9.19945 6.50893 9.51201 6.82149C9.82457 7.13405 10.0002 7.55797 10.0002 8C10.0002 8.44203 9.82457 8.86595 9.51201 9.17851C9.19945 9.49107 8.77552 9.66667 8.3335 9.66667H7.66683V11H6.3335V9.66667H4.66683V8.33333Z' fill='%2304BFAE'/%3E%3C/svg%3E%0A") center center no-repeat; } .wte-advanced-search-wrapper-nice-select .nice-select:after { margin-top: -4px; } .trip-search form .trip-duration strong:after, .trip-search form .trip-cost strong:after { top: 4px; } .trip-search form .trip-cost strong, .trip-search form .trip-duration strong{ font-size: 16px; } .trip-search form .trip-cost strong:before, .trip-search form .trip-duration strong:before{ height: 15px; top: 7px; } .featured-trip .grid .img-holder .discount-holder:after, .our-deals .grid .img-holder .discount-holder:after{ background: #513E28; } /*** Content Section ***/ .about, .popular-destination, .featured-trip, .stats, .our-deals, .cta, .blog-section { padding: 88px 0; } .page-header .page-title, .about .text-holder .title, .activities .section-header .section-title, .popular-destination .section-header .section-title, .featured-trip .section-header .section-title, .stats .section-header .section-title, .our-deals .section-header .section-title, .cta .text .title, .blog-section .section-header .section-title { font-size: 40px; font-weight: 600; letter-spacing: 0px; line-height: 1.4; padding-bottom: 12px; } .page-header .page-title:after, .about .text-holder .title:after, .activities .section-header .section-title:after, .popular-destination .section-header .section-title:after, .featured-trip .section-header .section-title:after, .stats .section-header .section-title:after, .our-deals .section-header .section-title:after, .blog-section .section-header .section-title:after, .related-post .title:after { height: 2px; width: 155px; } .about .text-holder .btn-more, .popular-destination .btn-holder .btn-more, .featured-trip .btn-holder .btn-more, .our-deals .btn-holder .btn-more, .cta .text .btn-more, .blog-section .btn-holder .btn-more, .wp-block-contact-form-7-contact-form-selector .wpcf7-form input[type="submit"] { border: 1px solid var(--tac-primary-color); border-radius: 16px; background: var(--tac-primary-color); color: #ffffff; font-family: var(--tac-primary-font); font-size: 18px; letter-spacing: 0px; line-height: 1.22; font-weight: 500; text-transform: capitalize; padding: 15px 30px; } .about .text-holder .btn-more:hover, .popular-destination .btn-holder .btn-more:hover, .featured-trip .btn-holder .btn-more:hover, .our-deals .btn-holder .btn-more:hover, .cta .text .btn-more:hover, .blog-section .btn-holder .btn-more:hover, .wp-block-contact-form-7-contact-form-selector .wpcf7-form input[type="submit"]:hover { background: transparent; color: var(--tac-primary-color); } .cta .text{ font-size: 18px; } .activities { background-color: #f8f6f5; padding-bottom: 0; } .activities .section-header { padding: 88px 0 0; } #activities-slider .img-holder, .popular-destination .grid .col .img-holder img { border-radius: 16px; } #activities-slider .title-holder { font-family: var(--tac-primary-font); font-size: 22px; font-weight: 500; line-height: 1.455; text-align: center; letter-spacing: 0px; } #activities-slider .owl-prev, #activities-slider .owl-next { border: none; background: #ffffff; box-shadow: 0px 24px 32px rgba(55, 56, 5, 0.03), 0px 16px 24px rgba(55, 56, 5, 0.03), 0px 4px 8px rgba(55, 56, 5, 0.03), 0px 0px 1px rgba(55, 56, 5, 0.03); height: 48px; width: 48px; } #activities-slider .owl-prev:after { background: url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.72134 7.00008L9.12134 12.4001L7.57879 13.9426L0.636247 7.00008L7.57879 0.0575353L9.12134 1.60008L3.72134 7.00008Z' fill='%2304BFAE'/%3E%3C/svg%3E%0A") center center no-repeat; } #activities-slider .owl-next:after { background: url("data:image/svg+xml,%3Csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.27842 6.99992L0.878418 1.59992L2.42096 0.057373L9.36351 6.99992L2.42096 13.9425L0.878418 12.3999L6.27842 6.99992Z' fill='%2304BFAE'/%3E%3C/svg%3E ") center center no-repeat; } #activities-slider .owl-prev svg, #activities-slider .owl-next svg { height: 48px; width: 48px; } #activities-slider .owl-prev svg circle, #activities-slider .owl-next svg circle { cy: 26px; cx: 18px; r: 20px; } .popular-destination .grid .col #destination-slider .text-holder .title { font-size: 32px; font-weight: 600; line-height: 1.25; letter-spacing: 0px; } .popular-destination .grid .col .text-holder .meta-info svg { color: #ffffff; } .popular-destination .grid .col .price-holder { bottom: auto; background: #ffa501; border-radius: 16px; top: 8px; left: 8px; font-size: 14px; font-weight: 400; line-height: 1.142; } .popular-destination .grid .col #destination-slider .price-holder { top: 8px; left: 8px; } .popular-destination .grid .col #destination-slider .text-holder { border-radius: 0 0 16px 16px; padding: 7em 32px 32px; } .popular-destination .grid .col .price-holder span, .featured-trip .grid .img-holder .price-holder span, .our-deals .grid .img-holder .price-holder span { padding: 8px 16px; } .travel-and-tour #activities-slider .text-holder p { line-height: 1.644; } .popular-destination .grid .col .price-holder > span:before, .popular-destination .grid .col .price-holder > span:after, .popular-destination .grid .col .price-holder:after, .featured-trip .grid .price-holder > span:before, .featured-trip .grid .price-holder > span:after, .featured-trip .grid .price-holder:after, .our-deals .grid .img-holder .price-holder > span:before, .our-deals .grid .img-holder .price-holder > span:after, .our-deals .grid .img-holder .price-holder:after, .featured-trip .grid .img-holder .discount-holder span:before, .our-deals .grid .img-holder .discount-holder span:before, .featured-trip .grid .img-holder .discount-holder span:after, .our-deals .grid .img-holder .discount-holder span:after { display: none; } .our-features .features-holder { padding: 56px 35px 30px 20px; width: 61.667%; } .our-features .section-header { width: 38.333%; } .our-features .features-holder .col .text-holder .title { font-size: 24px; line-height: 1.333; color: var(--heading-font-color); } .our-features .features-holder .col { margin: 0; } .our-deals .grid .img-holder .price-holder, .featured-trip .grid .img-holder .price-holder { bottom: auto; background: #ffa501; border-radius: 16px; bottom: 8px; top: auto; left: 8px; font-size: 14px; font-weight: 700; line-height: 1.142; } .featured-trip .grid .text-holder .btn-more, .our-deals .grid .text-holder .btn-more { border: 1px solid var(--tac-primary-color); background: transparent; color: var(--tac-primary-color); display: block; font-family: var(--tac-primary-font); font-size: 18px; font-weight: 500; letter-spacing: 0px; line-height: 1.22; margin: 0 20px; padding: 11px 30px; text-transform: capitalize; } .featured-trip .grid .img-holder .discount-holder, .our-deals .grid .img-holder .discount-holder { background: #d99067; border-radius: 16px 0px 6px 16px; } .featured-trip .grid .text-holder, .our-deals .grid .text-holder { border-radius: 0 0 16px 16px; overflow: hidden; padding: 24px 0; } .featured-trip .grid .img-holder .discount-holder span, .our-deals .grid .img-holder .discount-holder span { font-size: 14px; font-weight: 700; line-height: 1.142; padding: 6px 18px; } .featured-trip .grid .img-holder .discount-holder:after, .our-deals .grid .img-holder .discount-holder:after { bottom: auto; top: -6px; border-bottom-right-radius: 0; border-top-right-radius: 4px; } .featured-trip .grid .text-holder .meta-info span, .our-deals .grid .text-holder .meta-info span { margin-bottom: 24px; } .featured-trip .grid-latest .text-holder .category-trip-desti, .our-deals .grid-latest .text-holder .category-trip-desti{ display: flex; flex-direction: column; } .featured-trip .grid-latest .text-holder .category-trip-desti .meta-info, .our-deals .grid-latest .text-holder .category-trip-desti .meta-info{ margin-top:10px; margin-left: 0; font-size: 16px; } .featured-trip .grid-latest .text-holder .category-trip-loc span, .our-deals .grid-latest .text-holder .category-trip-loc span{ font-size: 16px; } .featured-trip .grid-latest .text-holder .meta-info svg, .our-deals .grid-latest .text-holder .meta-info svg, .featured-trip .grid-latest .text-holder .category-trip-loc svg, .our-deals .grid-latest .text-holder .category-trip-loc svg{ height: 13px; margin-right: 5px; } .featured-trip .grid .text-holder .btn-holder, .our-deals .grid .text-holder .btn-holder { padding-top: 24px; } .featured-trip .grid .text-holder .title, .our-deals .grid .text-holder .title { font-size: 24px; line-height: 1.333; margin-bottom: 15px; } .featured-trip .grid .col .holder{ border-radius:16px; } .our-deals .grid .col .holder { border: none; border-radius:16px; box-shadow: 0px 24px 32px rgba(55, 56, 5, 0.03), 0px 16px 24px rgba(55, 56, 5, 0.03), 0px 4px 8px rgba(55, 56, 5, 0.03), 0px 0px 1px rgba(55, 56, 5, 0.03); } .featured-trip .grid .img-holder img { vertical-align: top; border-radius: 16px 16px 0 0; } .stats:after, .our-features:before, .cta:after { background: rgba(64, 59, 55, 0.7); } .stats .grid .col .raratheme-sc-holder { height: 255px; width: 255px; } .stats .grid .col .raratheme-sc-holder .hs-counter { font-size: 56px; line-height: 1.1428; font-weight: 600; } .stats .grid .col .raratheme-sc-holder .icon-holder { font-size: 42px; line-height: 1; margin-bottom: 12px; } .odometer-inside { display: flex; align-items: center; justify-content: center; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner { left: auto; } .blog-section .grid .post .holder { background: #ffffff; border: none; border-radius: 0 0 16px 16px; box-shadow: 0px 24px 32px rgba(55, 56, 5, 0.03), 0px 16px 24px rgba(55, 56, 5, 0.03), 0px 4px 8px rgba(55, 56, 5, 0.03), 0px 0px 1px rgba(55, 56, 5, 0.03); overflow: hidden; } .blog-section .grid .post .img-holder img, .our-deals .grid .img-holder img, .featured-trip .grid .img-holder { border-radius: 16px 16px 0 0; } .blog-section .grid .post .text-holder .entry-content { font-size: 16px; line-height: 1.75; height: 112px; margin-bottom: 0; } .blog-section .grid .post .text-holder .entry-content p { margin-bottom: 0; } .blog-section .grid .post .text-holder { padding: 16px 24px 24px; } .blog-section .grid .post .text-holder .posted-on { margin-bottom: 6px; } .blog-section .grid .post .text-holder .entry-title { font-size: 24px; line-height: 1.1667; margin: 0 0 16px; } .blog-section .grid .post .entry-footer { padding: 11px 24px; } .blog-section .grid .post .img-holder .cat-links { top: 10px; left: 10px; } .blog-section .grid .post .img-holder .cat-links a { font-size: 14px; font-weight: 600; letter-spacing: 0px; line-height: 1.142; padding: 8px 16px; text-transform: capitalize; } /*** Inner Page *****/ .category-main-wrap.category-grid .category-trips-single-inner-wrap .category-feat-ribbon { margin: 8px 8px 0; top: 0; } .category-main-wrap.category-grid .category-trip-prc-title-wrap .category-trip-title { padding: 0; } .related-post .col .img-holder .cat-links { top: 8px; left: 8px; } .wp-block-contact-form-7-contact-form-selector .wpcf7-form input { border-radius: 16px; width: 100%; } .wp-block-contact-form-7-contact-form-selector .wpcf7-form { max-width: 720px; margin: 0 auto; } /* cta section */ .cta .text .title{ position: relative; } .cta .text .title:after { background: var( --tac-primary-color ); content: ''; height: 2px; left: 50%; position: absolute; top: 100%; width: 155px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } /*=================================== Responsive ===================================*/ @media only screen and (max-width: 1024px) { .container { margin: 0 5%; } .nav-holder .form-section { padding: 0 15px; } .nav-holder .form-section .search-btn { color: #ffffff; opacity: 1; } .mobile-navigation { background-color: var(--primary-color); background-color: #106093; top: 50px; } .mobile-navigation .close { background: var(--primary-color); background: #fff; color:#106093; } .trip-search form .wte-advanced-search-wrapper-nice-select .advanced-search-field:first-of-type { padding-left: 40px; } .trip-search form .advanced-search-field-submit input[type="submit"] { border-radius: 0 0 16px 16px; } .our-features .section-header { width: 100%; } .our-features .features-holder { padding: 40px 0; width: 100%; } .featured-trip .grid .img-holder img, .our-deals .grid .img-holder img, .blog-section .grid .post .img-holder img { width: 100%; } } @media only screen and (max-width: 767px) { .header-four .header-t .opening-time, .header-four .header-t .email-link { display: none; } .header-four .header-t .right { float: left; } .header-four .social-networks li a { padding: 5px 0; } .header-b { padding: 15px 0; } .banner .form-holder .search-form input[type="submit"] { background-position: 195px center; text-align: center; width: 100%; text-indent: -20px; } } @media only screen and (min-width: 1025px) { /*** Menu Section ***/ .header-four .main-navigation { float: left; width: 110%; } .header-four .main-navigation .menu { font-family: var(--primary-font); } .nav-holder { border-color: rgba(64, 59, 55, 0.08); } .header-four .main-navigation > div > ul > li { margin: 0; border-right: 1px solid rgba(64, 59, 55, 0.08); } .header-four .main-navigation > div > ul > li.menu-item-has-children:after, .main-navigation ul ul li.menu-item-has-children:after { right: 15px; background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99999 3.78132L8.29999 0.481323L9.24266 1.42399L4.99999 5.66666L0.757324 1.42399L1.69999 0.481323L4.99999 3.78132Z' fill='%23403B37' fill-opacity='0.8'/%3E%3C/svg%3E%0A") center center no-repeat; } .header-four .main-navigation > div > ul > li:first-child { border-left: 1px solid rgba(64, 59, 55, 0.08); } .header-four .main-navigation > div > ul > li > a { font-size: 15px; line-height: 1; letter-spacing: 0; padding: 16px 16px 0px 16px; } .header-four .main-navigation > div > ul > li:hover:after, .header-four .main-navigation > div > ul > li:focus:after { background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99999 3.78132L8.29999 0.481323L9.24266 1.42399L4.99999 5.66666L0.757324 1.42399L1.69999 0.481323L4.99999 3.78132Z' fill='%2304BFAE' fill-opacity='0.8'/%3E%3C/svg%3E") center center no-repeat; } .header-four .main-navigation > div > ul > li.current-menu-item:after, .header-four .main-navigation > div > ul > li.current-menu-ancestor:after, .header-four .main-navigation > div > ul > li.current_page_item:after, .header-four .main-navigation > div > ul > li.current_page_ancestor:after { background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99999 3.78132L8.29999 0.481323L9.24266 1.42399L4.99999 5.66666L0.757324 1.42399L1.69999 0.481323L4.99999 3.78132Z' fill='%2304BFAE' fill-opacity='0.8'/%3E%3C/svg%3E") center center no-repeat; } } /* font overwite */ .popular-destination .grid .col .text-holder .title, .popular-destination .grid .col #destination-slider .text-holder .title, .site-branding .site-title a, .blog-section .section-header .section-title, .cta .text .title, .our-deals .section-header .section-title, .our-deals .section-header .section-title, .stats .section-header .section-title, .featured-trip .section-header .section-title, .our-features .section-header .section-title, .our-features .features-holder .col .text-holder .title, .popular-destination .section-header .section-title, .activities .section-header .section-title{ font-family: var(--secondary-font); } .top_menu_class { width:100%; } .top_menu_class ul { display: block; width:100%; } .top_menu_class ul li { width:14%; float:left; color:#ffffff; list-style:none; text-decoration: none; } .top_menu_class ul li a { color:#ffffff!important; text-decoration: none; font-size:90%; } top_menu_class .sub-menu { position:relative; top:5px; left:0px; display: block; width:300px; } .sub-menu li { list-style:none; text-decoration: none; display:none; padding:10px; float:left; width:100%!important; background:#c2c8d1!important; border:#00385E solid 1px; } .sub-menu li a {width:100%; color:#111111!important;} .top_menu_class , #menu-main-menu {position:absolute; top:0px!important;z-index:9990;color:#fff!important;background: #00385E!important;height:35px;} .top_menu_class ul li:hover .top_menu_class {height:35px;} .top_menu_class ul li:hover .sub-menu li:last-child { border-radius:0px 0px 10px 10px; } .top_menu_class ul li:hover .sub-menu li {display:block;background:#106093!important;} .top_menu_class ul li ul li:hover a { text-decoration:none!important; } .headsImg {max-width:100%;} .contactEmail { margin-left:50px;} .historysouthent { margin-right:10px; } @media screen and (max-width:600px) { #HRprogramleft, #HRprogramright { width:98%!important; padding:0% 1%; float:left;} /* removed height:35px; */ #HRprogramright { margin-top:50px; } } @media screen and (max-width:640px) { .AboutImg {text-aling:center; width:80%; margin:1% 10%;} } @media screen and (max-width:700px) { .consultantcontainer {display:block!important;} #consultantlistleft, #consultantlistright {width:100%;} #consultantlistright {margin-top:-155px } } @media screeen and (min-width:640px) and (max-width:1279px){ .top_menu_class ul {margin-left:0px!important; width:100%!important; } } @media only screen and (max-width: 1024px) { /* ========================================= HEADER ========================================= */ .header-t { max-width: 100% !important; } .main-navigation { max-height: 1500px !important; } /* ========================================= MAIN MENU CONTAINER ========================================= */ .top_menu_class #menu-main-menu { position: relative; float: left; display: block; width: 100%; height: 35px; margin: 0; padding: 0; background: #00385E !important; } /* ========================================= MENU TITLE ========================================= */ .top_menu_class #menu-main-menu::before { content: "MENU"; display: block; width: 100%; height: 35px; line-height: 35px; padding-left: 20px; box-sizing: border-box; color: #ffffff; cursor: pointer; } /* ========================================= TOP LEVEL MENU ITEMS These are ONLY the direct children of #menu-main-menu. ========================================= */ .top_menu_class #menu-main-menu > li { display: none; float: left; width: 80%; margin: 0; padding: 3px 0; box-sizing: border-box; } /* ========================================= OPEN MAIN MENU ========================================= */ .top_menu_class #menu-main-menu:hover { height: auto !important; } .top_menu_class #menu-main-menu:hover > li { display: block; } /* ========================================= TOP LEVEL LINKS ========================================= */ .top_menu_class #menu-main-menu > li > a { display: block; margin-left:40px; } /* ========================================= TOP LEVEL SUBMENUS Hidden until the specific parent LI is hovered. ========================================= */ .top_menu_class #menu-main-menu > li > .sub-menu { display: none; width: 100%; margin: 0; padding: 0; background: #ffffff; box-sizing: border-box; } /* ========================================= SHOW ONLY THE SUBMENU BELONGING TO THE HOVERED TOP LEVEL ITEM ========================================= */ .top_menu_class #menu-main-menu > li:hover > .sub-menu { display: block; } /* ========================================= FIRST LEVEL SUBMENU ITEMS ========================================= */ .top_menu_class #menu-main-menu > li > .sub-menu > li { display: block; width: 100%; margin: 0; padding: 3px 0 3px 20px; box-sizing: border-box; } /* ========================================= SUBMENU LINKS ========================================= */ .top_menu_class #menu-main-menu > li > .sub-menu > li > a { display: block; margin-left: 60px; } /* ========================================= SECOND-LEVEL / NESTED SUBMENUS Keep these hidden unless the specific submenu item is hovered. ========================================= */ .top_menu_class #menu-main-menu > li > .sub-menu > li > .sub-menu { display: none; width: 100%; margin: 0; padding: 0; background: #ffffff; } /* Show nested submenu only when its immediate parent LI is hovered */ .top_menu_class #menu-main-menu > li > .sub-menu > li:hover > .sub-menu { display: block; } /* ========================================= NESTED SUBMENU ITEMS ========================================= */ .top_menu_class #menu-main-menu > li > .sub-menu > li > .sub-menu > li { display: block; width: 100%; padding: 3px 0 3px 20px; margin: 0; box-sizing: border-box; } /* ========================================= GENERAL MENU ITEM SPACING ========================================= */ .top_menu_class ul li { padding: 3px 0; } /* ========================================= HEADER BELOW MENU ========================================= */ .header-b { margin-top: 50px !important; } } #blueboxw16 { text-align:center; } .newsleftw16 { display: block; float: left; width: 49%; margin: 5px 1% 10px 0%; padding: 1%; text-align: left; } .newsrightw16 { display: block; float: left; width: 49%; margin: 5px 0% 10px 1%; padding: 1%; text-align: left; } .newsrightw16 { padding-left: 0px; margin-left: 0px; } #blueboxw16 { display: block; float: left; background: #073c88; padding: 10%; width: 100%; margin-bottom: 10px; background: -moz-linear-gradient(left, #073c88 0%, #104c97 27%, #207cca 54%, #2989d8 75%, #3487c9 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #073c88), color-stop(27%, #104c97), color-stop(54%, #207cca), color-stop(75%, #2989d8), color-stop(100%, #3487c9)); background: -webkit-linear-gradient(left, #073c88 0%, #104c97 27%, #207cca 54%, #2989d8 75%, #3487c9 100%); background: -o-linear-gradient(left, #073c88 0%, #104c97 27%, #207cca 54%, #2989d8 75%, #3487c9 100%); background: -ms-linear-gradient(left, #073c88 0%, #104c97 27%, #207cca 54%, #2989d8 75%, #3487c9 100%); background: linear-gradient(to right, #073c88 0%, #104c97 27%, #207cca 54%, #2989d8 75%, #3487c9 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#073c88', endColorstr='#3487c9', GradientType=1); color: #fff; margin-top: 20px; } #blueboxw16 p { text-align: center!important; color: #fff; font-size: 100%; } #blueboxw16 h4 { font-size: 105%; } .newsrightw16 p, .newsleft p { font-size: 100%; } .newsleftw16 img, #newsright img { width: 100%; height: auto; } .bluebox2 {display:block;float:left; background: #073c88; padding:5%;width:100%;margin-bottom:10px; min-height: 100%; background:#0A418C; } .bluebox2 p {text-align:center!important; color:#fff;font-size:80%;} .bluecontainer {text-align:center } @media screen and (max-width: 1023px) { .newsleft, .newsright { width:98%!important; text-align:left!important; } } @media screen and (min-width: 300px) and (max-width: 479px) { #inthisnewsboxfullpages15 { border: none!important; left: 6%!important; margin-top: -20px; padding: 80px 2% 15px!important; width: 96%!important; } #inthisnewsboxfullpages15 p { float: left; font-size: 75%!important; } #inthisnewsboxfullpages15 h5 { float: left; font-size: 80%!important; } #firstparagraphfullpages15 { margin-left: 2%!important; margin-right: 2%!important; margin-top: 200px!important; /*62*/ float: left; } } @media screen and (min-width: 300px) and (max-width: 1023px) { #blueboxf17 { display: block; float: left; background: #073c88; padding: 10%; width: 100%; margin-bottom: 10px; background: -moz-linear-gradient(left, #073c88 0%, #104c97 27%, #207cca 54%, #2989d8 75%, #3487c9 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #073c88), color-stop(27%, #104c97), color-stop(54%, #207cca), color-stop(75%, #2989d8), color-stop(100%, #3487c9)); background: -webkit-linear-gradient(left, #073c88 0%, #104c97 27%, #207cca 54%, #2989d8 75%, #3487c9 100%); background: -o-linear-gradient(left, #073c88 0%, #104c97 27%, #207cca 54%, #2989d8 75%, #3487c9 100%); background: -ms-linear-gradient(left, #073c88 0%, #104c97 27%, #207cca 54%, #2989d8 75%, #3487c9 100%); background: linear-gradient(to right, #073c88 0%, #104c97 27%, #207cca 54%, #2989d8 75%, #3487c9 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#073c88', endColorstr='#3487c9', GradientType=1); color: #fff; margin-top: 20px; } } @media screen and (min-width: 480px) and (max-width: 599px) { .newsleftw16, .newsrightw16 { width: 98%!important; } #inthisnewsboxfullpages15 { border: none!important; border-top: none!important; margin-top: 10px; left: 6%!important; padding: 105px 0% 200px!important; padding-bottom: 200px!important; width: 32% !important; } #inthisnewsboxfullpages15 p { float: left; font-size: 80%!important; } #inthisnewsboxfullpages15 h5 { float: left; font-size: 60%!important; } #firstparagraphfullpages15 { margin-left: 31%!important; width: 58%!important; margin-top: 0px!important; } } @media screen and (min-width: 600px) and (max-width: 749px) { #firstparagraphfullpages15 { margin-top: 45px!important; } } @media screen and (min-width: 640px) and (max-width: 749px) { .newsleftw16, .newsrightw16 { width: 98%!important; } #inthisnewsboxfullpages15 { border: none!important; border-top: none!important; margin-top: 10px; left: 6%!important; padding: 105px 0% 200px!important; padding-bottom: 200px!important; width: 32% !important; } #inthisnewsboxfullpages15 p { float: left; font-size: 85%!important; } #inthisnewsboxfullpages15 h5 { float: left; font-size: 60%!important; } #inthisnewsboxfullpages15 { left: 4% !important; width: 34% !important; margin-top: -10px; padding-bottom: 0px!important; } } @media screen and (min-width: 750px) and (max-width: 799px) { #firstparagraphfullpages15 { margin-top: 45px!important; } } @media screen and (min-width: 1280px) and (max-width: 1439px) { #firstparagraphfullpages15 { margin-top: 25px!important; } } @media screen and (max-width: 599px) { .newsleftw16, .newsrightw16 { width: 98%!important; } } @media screen and (max-width: 640px) { .newsleftw16, .newsrightw16 { width: 98%!important; } } @media screen and (min-width:320px) and (max-width:1280px){ .bluebox2020 { width:100%!important; margin-left:0%!important; margin-right:0%!important; } .bluebox2 { width:100%!important; margin-left:0%!important; margin-right:0%!important; } } @media screen and (min-width:1280px) and (max-width:2500px){ .bluebox2020 { width:55%!important; margin-left:5%!important; } .bluebox2 { width:50%!important; margin-left:0%!important; margin-right:0%!important; } } @media screen and (min-width: 1920px) { .bluebox2020 {display:block;float:left; background: #073c88; padding:5%;width:100%;margin-bottom:10px; background: -moz-linear-gradient(left, #073c88 0%, #104c97 27%, #207cca 54%, #2989d8 75%, #3487c9 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#073c88), color-stop(27%,#104c97), color-stop(54%,#207cca), color-stop(75%,#2989d8), color-stop(100%,#3487c9)); background: -webkit-linear-gradient(left, #073c88 0%,#104c97 27%,#207cca 54%,#2989d8 75%,#3487c9 100%); background: -o-linear-gradient(left, #073c88 0%,#104c97 27%,#207cca 54%,#2989d8 75%,#3487c9 100%); background: -ms-linear-gradient(left, #073c88 0%,#104c97 27%,#207cca 54%,#2989d8 75%,#3487c9 100%); background: linear-gradient(to right, #073c88 0%,#104c97 27%,#207cca 54%,#2989d8 75%,#3487c9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#073c88', endColorstr='#3487c9',GradientType=1 ); color:#fff;} .bluebox2020 p {text-align:center!important; color:#fff;font-size:80%;} } @media screen and (min-width: 700px) and (max-width: 959px) { .setfs { width:100%!important; } } inthisnewsboxfullpagef15 { border: 2px solid #f6b478; display: block; float: left; left: 15%; margin-right: 2%; margin-top: -15px; padding: 125px 2% 15px; position: absolute; width: 25%; z-index: 9 !important; } #inthisnewsboxfullpagef15 p { font-style: italic; line-height: 0; width: 107%; } @media screen and (min-width: 300px) and (max-width: 479px) { #firstparagraphfullpagef15 { margin-left: 2%!important; margin-right: 2%!important; margin-top: 200px!important; /*62*/ float: left; } #inthisnewsboxfullpagef15 { left: 2% !important; margin-top: 10px !important; padding: 25px 5% 405px !important; width: 100%!important; float: left; border: none!important; } #inthisnewsboxfullpagef15 p { float: left; font-size: 75%!important; } #inthisnewsboxfullpagef15 h5 { float: left; font-size: 80%!important; } } @media screen and (min-width: 480px) and (max-width: 599px) { #firstparagraphfullpagef15 { padding-top: 45px!important; } } @media screen and (min-width: 750px) and (max-width: 1023px) { #firstparagraphfullpagef15 { padding-top: 15px!important; } } @media screen and (min-width: 600px) and (max-width: 749px) { } @media screen and (min-width: 640px) and (max-width: 749px) { } @media screen and (min-width: 750px) and (max-width: 799px) { #firstparagraphfullpagef15 { width: 60%!important; margin-bottom: -14px!important; } } @media screen and (min-width: 800px) and (max-width: 1020px) { #inthisnewsboxfullpagef15 { left: 7%!important; padding: 125px 2% 0px!important; width: 30%!important; } #firstparagraphfullpagef15 { width: 60%!important; margin-bottom: -10px!important; margin-top: 60px!important; } } /********************* NEW NEWSLETTERS *********************/ #primary { padding-right:0px!important; } .newsletterlogoheader { display: block; float: left; position: relative; width: 100%!important; z-index: 10 !important; } .newsboxfull { width:40%!important; padding: 0px 2% 20px; z-index: 9 !important; } .newsboxfull h5 { margin-bottom:0px; } .newsboxfull p { font-size:80%!important; margin-bottom:25px!important; } .Newslettercontainer { display: flex; flex-wrap: wrap; width:100%; background:#fff; position:relative; top:-20px; } .introparagraph { display:block; padding: 0px 2% 20px; width:60%; } .seconddiv { display:block; width:100%; flex-wrap: wrap; align-items:flex-start; } .newsletterleft { display: block; float: left; width: 49%; margin: 20px 0.5% 0.5% 0.5%; padding: 1%; } .newsletterright { display: block; float: left; width: 49%; margin: 20px 0.5% 0.5% 0.5%; padding: 1%; } .qxplorenewsletterlogo { max-width:100px!important; height:auto; } .newsorangetop { display: block; float: left; width: 100%; height: 30px; margin: 0px 0px 10px; background: #f69841; background: -moz-linear-gradient(top, #f69841 0%, #ffffff 93%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f69841), color-stop(93%,#ffffff)); background: -webkit-linear-gradient(top, #f69841 0%,#ffffff 93%); background: -o-linear-gradient(top, #f69841 0%,#ffffff 93%); background: -ms-linear-gradient(top, #f69841 0%,#ffffff 93%); background: linear-gradient(to bottom, #f69841 0%,#ffffff 93%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f69841', endColorstr='#ffffff',GradientType=0 ); } .newsbluebox { display: block; float: left; background: #073c88; padding: 10% 13%; width: 100%; margin: 20px 0px 30px; background: -moz-linear-gradient(left, #073c88 0%, #104c97 27%, #207cca 54%, #2989d8 75%, #3487c9 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#073c88), color-stop(27%,#104c97), color-stop(54%,#207cca), color-stop(75%,#2989d8), color-stop(100%,#3487c9)); background: -webkit-linear-gradient(left, #073c88 0%,#104c97 27%,#207cca 54%,#2989d8 75%,#3487c9 100%); background: -o-linear-gradient(left, #073c88 0%,#104c97 27%,#207cca 54%,#2989d8 75%,#3487c9 100%); background: -ms-linear-gradient(left, #073c88 0%,#104c97 27%,#207cca 54%,#2989d8 75%,#3487c9 100%); background: linear-gradient(to right, #073c88 0%,#104c97 27%,#207cca 54%,#2989d8 75%,#3487c9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#073c88', endColorstr='#3487c9',GradientType=1 ); color: #fff; font-size:90%; } .newsbluebox h4 { color:#fff!important; text-align:center; } .newsbluebox p { font-size:97%; text-align: center; margin-bottom:10px; } .italics { font-style:italic; } .newsbluecontainer { height: 560px; color: #fff; font-size: 80%; } .newsbluebox2 { text-align:center; display: block; float: left; margin-bottom: 10px; min-height: 100%; background: #073c88; padding: 3% 5%; width: 50%; margin-bottom: 10px; min-height: 100%; background: #0A418C; } .noliststyle { list-style:none;} @media screen and (max-width:1023px){ .newsletterleft, .newsletterright { width:98%!important; margin:1%!important; } .newsyear { position:relative!important; left:0%!important; top:0%!important; } .newsboxfull { width:100%!important;margin-top:20px; } .introparagraph { width:100%!important; } .newsbluebox2 { padding: 3% 5%; width: 100%!important; background: #0A418C; } .newsbluecontainer { height: 590px; } .footerimagefull img { max-width:200%!important; width:200%; margin-left:-100%; } } body.page-id-1247 .page-title, body.page-id-61 .page-title { display: none !important; } .QxploreGroupheader { margin-top:-60px!important; } .our-features .section-header { text-align:left; } .page-title { display: block; margin-left:20px; } .entry-content { padding: 0px 5%; } .wp-image-1078, .wp-image-1286 { margin-left:-70px; } .GotoBlogBtn { font-size:110%; padding:5px; font-family:Montserrat; color:#ffffff; } .GotoBlogBtn:hover { border:#ccc solid 1px; padding:5px; } /* Qxplore 2026 service pages. Paste as raw CSS into the active site stylesheet. */ /* ========== Couples and marriage counselling ========== */ #qxplore-couples-page{ --qx-bg:#ffffff; --qx-ink:#163647; --qx-text:#425660; --qx-brand:#073c5c; --qx-warm:#f2f3ee; --qx-soft:#e9f1f4; --qx-rule:#d8e2e6; --qx-button:#073c5c; --qx-button-text:#ffffff; --qx-contact-bg:#073c5c; --qx-contact-text:#ffffff; color:var(--qx-ink); background:var(--qx-bg); font:400 16px/1.65 Arial,Helvetica,sans-serif; color-scheme:light; width:100%; margin:0 auto; isolation:isolate; overflow-wrap:break-word } #qxplore-couples-page * { box-sizing:border-box } #qxplore-couples-page a { color:inherit;text-decoration:none } #qxplore-couples-page p { font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.65; letter-spacing:normal; text-transform:none; padding:0; margin:0 0 18px; color:var(--qx-text) } #qxplore-couples-page h1, #qxplore-couples-page h2, #qxplore-couples-page h3 { padding:0; border:0; letter-spacing:normal; text-transform:none; margin:0; font-weight:500;color:var(--qx-ink) } #qxplore-couples-page h1 { font:500 clamp(30px,3.8vw,44px)/1.15 Georgia,serif;letter-spacing:-.02em;margin:0 0 22px } #qxplore-couples-page h2 { font:500 clamp(25px,3vw,32px)/1.25 Georgia,serif;margin:0 0 18px; } #qxplore-couples-page h3 { font-size:18px;line-height:1.35;margin:0 0 10px; } #qxplore-couples-page .qx-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 42px; border-bottom:1px solid var(--qx-rule) } #qxplore-couples-page .qx-brand { font:500 27px/1.2 Georgia,serif;color:var(--qx-brand) } #qxplore-couples-page .qx-brand span { font:400 14px/1.2 Arial,sans-serif;display:block;letter-spacing:.15em;text-transform:uppercase; } #qxplore-couples-page .qx-header nav { display:flex; gap:24px; align-items:center; font-size:14px; } #qxplore-couples-page .qx-crumb { padding:18px 42px; color:var(--qx-text); font-size:12px } #qxplore-couples-page .qx-hero { display:grid; grid-template-columns:53% 47%; background:var(--qx-warm) } #qxplore-couples-page .qx-hero-copy { padding:36px 34px 38px 42px; align-self:center; } #qxplore-couples-page .qx-eyebrow{color:var(--qx-brand);text-transform:uppercase;letter-spacing:.12em;font-size:12px;line-height:1.4;margin:0 0 14px;font-weight:500} #qxplore-couples-page .qx-lead{font-size:17px;line-height:1.6;max-width:480px} #qxplore-couples-page .qx-hero-photo{display:block;width:100%;height:100%;min-height:350px;object-fit:cover;object-position:22% center} #qxplore-couples-page .qx-button{background:var(--qx-button);color:var(--qx-button-text);padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;line-height:1.45;border-radius:4px;max-width:100%} #qxplore-couples-page .qx-button svg{flex:none;width:17px;height:17px} #qxplore-couples-page .qx-phone{display:block;color:var(--qx-brand);font-size:14px;margin-top:12px} #qxplore-couples-page .qx-section-nav{display:flex;flex-wrap:wrap;gap:10px 28px;padding:18px 42px;border-bottom:1px solid var(--qx-rule);font-size:13px;color:var(--qx-brand)} #qxplore-couples-page .qx-section{padding:48px 42px} #qxplore-couples-page .qx-section-heading{max-width:650px;margin:0 0 28px} #qxplore-couples-page .qx-section-heading p:last-child{margin-bottom:0} #qxplore-couples-page .qx-focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px} #qxplore-couples-page .qx-focus{padding:24px;background:var(--qx-soft);border-radius:6px} #qxplore-couples-page .qx-focus>svg{width:24px;height:24px;color:var(--qx-brand);margin:0 0 14px} #qxplore-couples-page .qx-focus p{margin:0;font-size:15px} #qxplore-couples-page .qx-concerns{background:var(--qx-warm)} #qxplore-couples-page .qx-concerns-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:22px} #qxplore-couples-page .qx-concerns-grid>div{border-top:1px solid var(--qx-rule);padding-top:16px} #qxplore-couples-page .qx-concerns-grid p{font-size:15px;margin:0} #qxplore-couples-page .qx-expect{display:grid;grid-template-columns:38% 1fr;gap:42px;align-items:center} #qxplore-couples-page .qx-expect>img{width:100%;height:auto;border-radius:6px;display:block} #qxplore-couples-page .qx-steps{margin:22px 0 0;padding-left:22px} #qxplore-couples-page .qx-steps li{padding-left:8px;margin:0 0 18px;color:var(--qx-brand)} #qxplore-couples-page .qx-steps li:last-child{margin-bottom:0} #qxplore-couples-page .qx-steps h3{font-size:16px;margin-bottom:4px} #qxplore-couples-page .qx-steps p{font-size:14px;margin:0} #qxplore-couples-page .qx-meet{display:grid;grid-template-columns:38% 1fr;gap:42px;border-top:1px solid var(--qx-rule);border-bottom:1px solid var(--qx-rule)} #qxplore-couples-page .qx-profile h3{font:500 25px/1.3 Georgia,serif} #qxplore-couples-page .qx-profile p{font-size:15px} #qxplore-couples-page .qx-text-link{color:var(--qx-brand);font-size:14px;display:inline-flex;align-items:center;gap:8px;text-decoration:underline;text-underline-offset:4px} #qxplore-couples-page .qx-text-link svg{width:16px;height:16px} #qxplore-couples-page .qx-faq{max-width:800px;margin:auto} #qxplore-couples-page details{border-bottom:1px solid var(--qx-rule)} #qxplore-couples-page summary{padding:18px 0;font-size:16px;font-weight:500;color:var(--qx-ink);list-style-position:outside;margin-left:18px} #qxplore-couples-page details p{font-size:14px;margin:0 0 18px;max-width:620px} #qxplore-couples-page .qx-contact{background:var(--qx-contact-bg);color:var(--qx-contact-text);padding:40px 42px;display:grid;grid-template-columns:3fr 2fr;gap:40px} #qxplore-couples-page .qx-contact h2,#qxplore-couples-page .qx-contact p{color:var(--qx-contact-text)} #qxplore-couples-page .qx-contact .qx-eyebrow{opacity:.8} #qxplore-couples-page .qx-contact>div>p:last-child{margin-bottom:0} #qxplore-couples-page .qx-contact-details{padding-left:28px;border-left:1px solid rgba(255,255,255,.28);align-self:center;font-size:14px} #qxplore-couples-page .qx-contact .qx-contact-phone{font-size:23px;line-height:1.3;margin-bottom:10px} #qxplore-couples-page .qx-footer{display:flex;justify-content:space-between;gap:20px;padding:22px 42px;font-size:12px;color:var(--qx-text)} @media(max-width:850px){#qxplore-couples-page .qx-header{padding:18px 22px;flex-wrap:wrap;gap:16px}#qxplore-couples-page .qx-header nav{gap:16px;flex-wrap:wrap;font-size:12px}#qxplore-couples-page .qx-crumb{padding:16px 22px}#qxplore-couples-page .qx-hero{grid-template-columns:1fr}#qxplore-couples-page .qx-hero-copy{padding:28px 22px}#qxplore-couples-page .qx-hero-photo{min-height:0;height:auto;object-fit:contain;aspect-ratio:3/1}#qxplore-couples-page .qx-section-nav{padding:18px 22px;gap:10px 22px}#qxplore-couples-page .qx-section{padding:34px 22px}#qxplore-couples-page .qx-focus-grid,#qxplore-couples-page .qx-concerns-grid{grid-template-columns:1fr}#qxplore-couples-page .qx-expect,#qxplore-couples-page .qx-meet{grid-template-columns:1fr;gap:26px}#qxplore-couples-page .qx-expect>img{max-width:380px}#qxplore-couples-page .qx-contact{grid-template-columns:1fr;padding:32px 22px;gap:24px}#qxplore-couples-page .qx-contact-details{padding:22px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.28)}#qxplore-couples-page .qx-footer{padding:22px}} @media(pointer:coarse){#qxplore-couples-page .qx-header nav a,#qxplore-couples-page .qx-section-nav a,#qxplore-couples-page .qx-phone,#qxplore-couples-page .qx-text-link{min-height:44px;display:inline-flex;align-items:center}} #qxplore-couples-page .qx-body{margin:0;padding:0} #qxplore-couples-page h3{font-family:Arial,Helvetica,sans-serif} #qxplore-couples-page section,#qxplore-couples-page nav,#qxplore-couples-page article{min-width:0} #qxplore-couples-page img{max-width:100%;box-shadow:none;border:0;margin:0} #qxplore-couples-page h1::after,#qxplore-couples-page h2::after,#qxplore-couples-page h3::after{display:none} #qxplore-couples-page a:focus-visible,#qxplore-couples-page summary:focus-visible{outline:3px solid #347aa0;outline-offset:4px} #qxplore-couples-page .qx-header a:hover,#qxplore-couples-page .qx-section-nav a:hover,#qxplore-couples-page .qx-crumb a:hover,#qxplore-couples-page .qx-phone:hover{ text-decoration:underline;text-underline-offset:4px} #qxplore-couples-page .qx-button:hover{background:#105777;color:#fff} #qxplore-couples-page .qx-contact .qx-button-inverse{background:#fff;color:#073c5c} #qxplore-couples-page .qx-contact .qx-button-inverse:hover{background:#e9f1f4;color:#073c5c} #qxplore-couples-page .qx-contact-details a{text-decoration:underline;text-underline-offset:4px} #qxplore-couples-page .qx-steps{list-style:decimal} #qxplore-couples-page details>summary{cursor:pointer} #qxplore-couples-page details>summary::marker{color:var(--qx-brand)} #qxplore-couples-page [id]{scroll-margin-top:70px} @media(min-width:651px) and (max-width:850px){#qxplore-couples-page .qx-focus-grid,#qxplore-couples-page .qx-concerns-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} /* ========== Family counselling ========== */ #qxplore-family-page { --qxf-bg: #ffffff; --qxf-ink: #163647; --qxf-text: #425660; --qxf-brand: #073c5c; --qxf-warm: #f2f3ee; --qxf-soft: #e9f1f4; --qxf-rule: #d8e2e6; --qxf-white: #ffffff; width: 100%; margin: 0 auto; padding: 0; color: var(--qxf-ink); background: var(--qxf-bg); font: 400 16px/1.65 Arial, Helvetica, sans-serif; color-scheme: light; isolation: isolate; overflow-wrap: break-word; text-align: left; } #qxplore-family-page * { box-sizing: border-box; } #qxplore-family-page section, #qxplore-family-page nav, #qxplore-family-page article, #qxplore-family-page aside { min-width: 0; } #qxplore-family-page p { margin: 0 0 18px; padding: 0; color: var(--qxf-text); font: 400 16px/1.65 Arial, Helvetica, sans-serif; letter-spacing: normal; text-transform: none; } #qxplore-family-page h1, #qxplore-family-page h2, #qxplore-family-page h3 { margin: 0; padding: 0; border: 0; color: var(--qxf-ink); font-weight: 500; letter-spacing: normal; text-transform: none; } #qxplore-family-page h1 { margin: 0 0 22px; font: 500 clamp(32px, 3.8vw, 44px)/1.15 Georgia, serif; letter-spacing: -.02em; } #qxplore-family-page h2 { margin: 0 0 18px; font: 500 clamp(26px, 3vw, 32px)/1.25 Georgia, serif; } #qxplore-family-page h3 { margin: 0 0 9px; font: 500 18px/1.4 Arial, Helvetica, sans-serif; } #qxplore-family-page h1::after, #qxplore-family-page h2::after, #qxplore-family-page h3::after { display: none; } #qxplore-family-page a { color: var(--qxf-brand); text-decoration: underline; text-underline-offset: 4px; } #qxplore-family-page a:hover { text-decoration-thickness: 2px; } #qxplore-family-page a:focus-visible, #qxplore-family-page summary:focus-visible { outline: 3px solid #347aa0; outline-offset: 4px; } #qxplore-family-page [id] { scroll-margin-top: 90px; } #qxplore-family-page .qxf-crumb { padding: 18px 42px; color: var(--qxf-text); font-size: 12px; } #qxplore-family-page .qxf-crumb a { text-decoration: none; } #qxplore-family-page .qxf-crumb a:hover { text-decoration: underline; } #qxplore-family-page .qxf-hero { display: grid; grid-template-columns: minmax(0, 53fr) minmax(0, 47fr); background: var(--qxf-warm); } #qxplore-family-page .qxf-hero-copy { padding: 42px; align-self: center; } #qxplore-family-page .qxf-eyebrow { margin: 0 0 14px; color: var(--qxf-brand); font: 500 12px/1.45 Arial, Helvetica, sans-serif; letter-spacing: .1em; text-transform: uppercase; } #qxplore-family-page .qxf-lead { font-size: 19px; line-height: 1.55; color: var(--qxf-ink); } #qxplore-family-page .qxf-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; max-width: 100%; padding: 13px 18px; background: var(--qxf-brand); color: var(--qxf-white); border: 0; border-radius: 4px; font: 400 14px/1.45 Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; } #qxplore-family-page .qxf-button:hover { background: #105777; color: var(--qxf-white); text-decoration: none; } #qxplore-family-page .qxf-phone { display: block; width: fit-content; margin-top: 12px; font-size: 14px; } #qxplore-family-page .qxf-hero-panel { padding: 42px 38px; background: var(--qxf-brand); color: var(--qxf-white); } #qxplore-family-page .qxf-hero-panel h2 { color: var(--qxf-white); font-size: clamp(27px, 2.7vw, 32px); } #qxplore-family-page .qxf-hero-panel .qxf-eyebrow { color: #c7dce7; } #qxplore-family-page .qxf-recognise-list { margin: 24px 0; padding: 0; list-style: none; } #qxplore-family-page .qxf-recognise-list li { margin: 0; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.25); } #qxplore-family-page .qxf-recognise-list h3 { color: var(--qxf-white); font-size: 16px; } #qxplore-family-page .qxf-recognise-list p { margin: 0; color: #e2edf2; font-size: 15px; } #qxplore-family-page .qxf-panel-note { margin: 0; color: #e2edf2; font-size: 14px; } #qxplore-family-page .qxf-section-nav { display: flex; flex-wrap: wrap; gap: 10px 28px; padding: 18px 42px; border-bottom: 1px solid var(--qxf-rule); font-size: 13px; } #qxplore-family-page .qxf-section-nav a { text-decoration: none; } #qxplore-family-page .qxf-section-nav a:hover { text-decoration: underline; } #qxplore-family-page .qxf-section { padding: 48px 42px; } #qxplore-family-page .qxf-section-heading { max-width: 710px; margin: 0 0 28px; } #qxplore-family-page .qxf-section-heading p:last-child { margin-bottom: 0; } #qxplore-family-page .qxf-focus-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } #qxplore-family-page .qxf-focus { padding: 26px; background: var(--qxf-soft); border-radius: 6px; } #qxplore-family-page .qxf-focus-number { display: block; margin: 0 0 16px; color: var(--qxf-brand); font: 500 14px/1.2 Arial, Helvetica, sans-serif; } #qxplore-family-page .qxf-focus p { margin: 0; font-size: 15px; } #qxplore-family-page .qxf-concerns { background: var(--qxf-warm); } #qxplore-family-page .qxf-concerns-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 40px; } #qxplore-family-page .qxf-concerns-grid article { padding-top: 18px; border-top: 1px solid var(--qxf-rule); } #qxplore-family-page .qxf-concerns-grid p { margin: 0; font-size: 15px; } #qxplore-family-page .qxf-related { margin: 28px 0 0; padding-top: 22px; border-top: 1px solid var(--qxf-rule); font-size: 15px; } #qxplore-family-page .qxf-expect { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 42px; } #qxplore-family-page .qxf-expect-intro p:last-child { margin-bottom: 0; } #qxplore-family-page .qxf-steps { margin: 0; padding: 0 0 0 24px; list-style: decimal; color: var(--qxf-brand); } #qxplore-family-page .qxf-steps li { margin: 0 0 22px; padding-left: 10px; } #qxplore-family-page .qxf-steps li:last-child { margin-bottom: 0; } #qxplore-family-page .qxf-steps h3 { font-size: 17px; margin-bottom: 5px; } #qxplore-family-page .qxf-steps p { margin: 0; font-size: 15px; } #qxplore-family-page .qxf-fit { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 42px; border-top: 1px solid var(--qxf-rule); border-bottom: 1px solid var(--qxf-rule); } #qxplore-family-page .qxf-text-link { display: block; width: fit-content; margin-top: 14px; font-size: 14px; } #qxplore-family-page .qxf-faq { max-width: 900px; margin: 0 auto; } #qxplore-family-page details { margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--qxf-rule); } #qxplore-family-page summary { padding: 18px 0; margin: 0 0 0 20px; color: var(--qxf-ink); font: 500 16px/1.5 Arial, Helvetica, sans-serif; list-style: disclosure-closed outside; cursor: pointer; } #qxplore-family-page details[open] > summary { list-style-type: disclosure-open; } #qxplore-family-page summary::marker { color: var(--qxf-brand); } #qxplore-family-page details p { padding: 0 0 0 20px; margin: 0 0 20px; font-size: 15px; } #qxplore-family-page .qxf-contact { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 40px; padding: 42px; background: var(--qxf-brand); color: var(--qxf-white); } #qxplore-family-page .qxf-contact h2, #qxplore-family-page .qxf-contact p { color: var(--qxf-white); } #qxplore-family-page .qxf-contact .qxf-eyebrow { color: #c7dce7; } #qxplore-family-page .qxf-contact a:focus-visible { outline-color: var(--qxf-white); } #qxplore-family-page .qxf-contact .qxf-button-inverse { background: var(--qxf-white); color: var(--qxf-brand); } #qxplore-family-page .qxf-contact .qxf-button-inverse:hover { background: var(--qxf-soft); color: var(--qxf-brand); } #qxplore-family-page .qxf-contact-details { display: flex; flex-direction: column; gap: 14px; align-self: center; padding-left: 28px; border-left: 1px solid rgba(255,255,255,.28); font: 400 14px/1.65 Arial, Helvetica, sans-serif; } #qxplore-family-page .qxf-contact-details a { width: fit-content; max-width: 100%; color: var(--qxf-white); overflow-wrap: anywhere; } #qxplore-family-page .qxf-contact-phone { font-size: 23px; line-height: 1.3; } @media (max-width: 850px) { #qxplore-family-page .qxf-crumb { padding: 16px 22px; } #qxplore-family-page .qxf-hero { grid-template-columns: minmax(0, 1fr); } #qxplore-family-page .qxf-hero-copy { padding: 30px 22px; } #qxplore-family-page .qxf-hero-panel { padding: 30px 22px; } #qxplore-family-page .qxf-recognise-list { margin: 20px 0; } #qxplore-family-page .qxf-section-nav { padding: 16px 22px; gap: 10px 22px; } #qxplore-family-page .qxf-section { padding: 34px 22px; } #qxplore-family-page .qxf-expect, #qxplore-family-page .qxf-fit { grid-template-columns: minmax(0, 1fr); gap: 24px; } #qxplore-family-page .qxf-contact { grid-template-columns: minmax(0, 1fr); padding: 34px 22px; gap: 26px; } #qxplore-family-page .qxf-contact-details { padding: 22px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.28); } } @media (max-width: 650px) { #qxplore-family-page .qxf-focus-grid, #qxplore-family-page .qxf-concerns-grid { grid-template-columns: minmax(0, 1fr); } #qxplore-family-page .qxf-focus { padding: 22px; } } @media (pointer: coarse) { #qxplore-family-page .qxf-section-nav a, #qxplore-family-page .qxf-phone, #qxplore-family-page .qxf-text-link, #qxplore-family-page .qxf-crumb a, #qxplore-family-page .qxf-contact-details a { min-height: 44px; display: inline-flex; align-items: center; } #qxplore-family-page .qxf-crumb { line-height: 2; } } /* ========== Child and adolescent counselling ========== */ #qxplore-youth-page { --qxy-bg: #ffffff; --qxy-ink: #163647; --qxy-text: #425660; --qxy-brand: #073c5c; --qxy-warm: #f2f3ee; --qxy-soft: #e9f1f4; --qxy-rule: #d8e2e6; --qxy-white: #ffffff; width: 100%; margin: 0 auto; padding: 0; color: var(--qxy-ink); background: var(--qxy-bg); font: 400 16px/1.65 Arial, Helvetica, sans-serif; color-scheme: light; isolation: isolate; overflow-wrap: break-word; text-align: left; } #qxplore-youth-page * { box-sizing: border-box; } #qxplore-youth-page section, #qxplore-youth-page nav, #qxplore-youth-page article, #qxplore-youth-page aside { min-width: 0; } #qxplore-youth-page p { margin: 0 0 18px; padding: 0; color: var(--qxy-text); font: 400 16px/1.65 Arial, Helvetica, sans-serif; letter-spacing: normal; text-transform: none; } #qxplore-youth-page h1, #qxplore-youth-page h2, #qxplore-youth-page h3 { margin: 0; padding: 0; border: 0; color: var(--qxy-ink); font-weight: 500; letter-spacing: normal; text-transform: none; } #qxplore-youth-page h1 { margin: 0 0 22px; font: 500 clamp(32px, 3.8vw, 44px)/1.15 Georgia, serif; letter-spacing: -.02em; } #qxplore-youth-page h2 { margin: 0 0 18px; font: 500 clamp(26px, 3vw, 32px)/1.25 Georgia, serif; } #qxplore-youth-page h3 { margin: 0 0 9px; font: 500 18px/1.4 Arial, Helvetica, sans-serif; } #qxplore-youth-page h1::after, #qxplore-youth-page h2::after, #qxplore-youth-page h3::after { display: none; } #qxplore-youth-page a { color: var(--qxy-brand); text-decoration: underline; text-underline-offset: 4px; } #qxplore-youth-page a:hover { text-decoration-thickness: 2px; } #qxplore-youth-page a:focus-visible, #qxplore-youth-page summary:focus-visible { outline: 3px solid #347aa0; outline-offset: 4px; } #qxplore-youth-page [id] { scroll-margin-top: 90px; } #qxplore-youth-page .qxy-crumb { padding: 18px 42px; color: var(--qxy-text); font-size: 12px; } #qxplore-youth-page .qxy-crumb a { text-decoration: none; } #qxplore-youth-page .qxy-crumb a:hover { text-decoration: underline; } #qxplore-youth-page .qxy-hero { display: grid; grid-template-columns: minmax(0, 53fr) minmax(0, 47fr); background: var(--qxy-warm); } #qxplore-youth-page .qxy-hero-copy { padding: 42px; align-self: center; } #qxplore-youth-page .qxy-eyebrow { margin: 0 0 14px; color: var(--qxy-brand); font: 500 12px/1.45 Arial, Helvetica, sans-serif; letter-spacing: .1em; text-transform: uppercase; } #qxplore-youth-page .qxy-lead { font-size: 19px; line-height: 1.55; color: var(--qxy-ink); } #qxplore-youth-page .qxy-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; max-width: 100%; padding: 13px 18px; background: var(--qxy-brand); color: var(--qxy-white); border: 0; border-radius: 4px; font: 400 14px/1.45 Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; } #qxplore-youth-page .qxy-button:hover { background: #105777; color: var(--qxy-white); text-decoration: none; } #qxplore-youth-page .qxy-phone { display: block; width: fit-content; margin-top: 12px; font-size: 14px; } #qxplore-youth-page .qxy-hero-panel { padding: 42px 38px; background: var(--qxy-brand); color: var(--qxy-white); } #qxplore-youth-page .qxy-hero-panel h2 { color: var(--qxy-white); font-size: clamp(27px, 2.7vw, 32px); } #qxplore-youth-page .qxy-hero-panel .qxy-eyebrow { color: #c7dce7; } #qxplore-youth-page .qxy-recognise-list { margin: 24px 0; padding: 0; list-style: none; } #qxplore-youth-page .qxy-recognise-list li { margin: 0; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.25); } #qxplore-youth-page .qxy-recognise-list h3 { color: var(--qxy-white); font-size: 16px; } #qxplore-youth-page .qxy-recognise-list p { margin: 0; color: #e2edf2; font-size: 15px; } #qxplore-youth-page .qxy-panel-note { margin: 0; color: #e2edf2; font-size: 14px; } #qxplore-youth-page .qxy-section-nav { display: flex; flex-wrap: wrap; gap: 10px 28px; padding: 18px 42px; border-bottom: 1px solid var(--qxy-rule); font-size: 13px; } #qxplore-youth-page .qxy-section-nav a { text-decoration: none; } #qxplore-youth-page .qxy-section-nav a:hover { text-decoration: underline; } #qxplore-youth-page .qxy-section { padding: 48px 42px; } #qxplore-youth-page .qxy-section-heading { max-width: 710px; margin: 0 0 28px; } #qxplore-youth-page .qxy-section-heading p:last-child { margin-bottom: 0; } #qxplore-youth-page .qxy-focus-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } #qxplore-youth-page .qxy-focus { padding: 26px; background: var(--qxy-soft); border-radius: 6px; } #qxplore-youth-page .qxy-focus-number { display: block; margin: 0 0 16px; color: var(--qxy-brand); font: 500 14px/1.2 Arial, Helvetica, sans-serif; } #qxplore-youth-page .qxy-focus p { margin: 0; font-size: 15px; } #qxplore-youth-page .qxy-concerns { background: var(--qxy-warm); } #qxplore-youth-page .qxy-concerns-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 40px; } #qxplore-youth-page .qxy-concerns-grid article { padding-top: 18px; border-top: 1px solid var(--qxy-rule); } #qxplore-youth-page .qxy-concerns-grid p { margin: 0; font-size: 15px; } #qxplore-youth-page .qxy-related { margin: 28px 0 0; padding-top: 22px; border-top: 1px solid var(--qxy-rule); font-size: 15px; } #qxplore-youth-page .qxy-expect { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 42px; } #qxplore-youth-page .qxy-expect-intro p:last-child { margin-bottom: 0; } #qxplore-youth-page .qxy-steps { margin: 0; padding: 0 0 0 24px; list-style: decimal; color: var(--qxy-brand); } #qxplore-youth-page .qxy-steps li { margin: 0 0 22px; padding-left: 10px; } #qxplore-youth-page .qxy-steps li:last-child { margin-bottom: 0; } #qxplore-youth-page .qxy-steps h3 { font-size: 17px; margin-bottom: 5px; } #qxplore-youth-page .qxy-steps p { margin: 0; font-size: 15px; } #qxplore-youth-page .qxy-fit { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 42px; border-top: 1px solid var(--qxy-rule); border-bottom: 1px solid var(--qxy-rule); } #qxplore-youth-page .qxy-text-link { display: block; width: fit-content; margin-top: 14px; font-size: 14px; } #qxplore-youth-page .qxy-faq { max-width: 900px; margin: 0 auto; } #qxplore-youth-page details { margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--qxy-rule); } #qxplore-youth-page summary { padding: 18px 0; margin: 0 0 0 20px; color: var(--qxy-ink); font: 500 16px/1.5 Arial, Helvetica, sans-serif; list-style: disclosure-closed outside; cursor: pointer; } #qxplore-youth-page details[open] > summary { list-style-type: disclosure-open; } #qxplore-youth-page summary::marker { color: var(--qxy-brand); } #qxplore-youth-page details p { padding: 0 0 0 20px; margin: 0 0 20px; font-size: 15px; } #qxplore-youth-page .qxy-contact { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 40px; padding: 42px; background: var(--qxy-brand); color: var(--qxy-white); } #qxplore-youth-page .qxy-contact h2, #qxplore-youth-page .qxy-contact p { color: var(--qxy-white); } #qxplore-youth-page .qxy-contact .qxy-eyebrow { color: #c7dce7; } #qxplore-youth-page .qxy-contact a:focus-visible { outline-color: var(--qxy-white); } #qxplore-youth-page .qxy-contact .qxy-button-inverse { background: var(--qxy-white); color: var(--qxy-brand); } #qxplore-youth-page .qxy-contact .qxy-button-inverse:hover { background: var(--qxy-soft); color: var(--qxy-brand); } #qxplore-youth-page .qxy-contact-details { display: flex; flex-direction: column; gap: 14px; align-self: center; padding-left: 28px; border-left: 1px solid rgba(255,255,255,.28); font: 400 14px/1.65 Arial, Helvetica, sans-serif; } #qxplore-youth-page .qxy-contact-details a { width: fit-content; max-width: 100%; color: var(--qxy-white); overflow-wrap: anywhere; } #qxplore-youth-page .qxy-contact-phone { font-size: 23px; line-height: 1.3; } @media (max-width: 850px) { #qxplore-youth-page .qxy-crumb { padding: 16px 22px; } #qxplore-youth-page .qxy-hero { grid-template-columns: minmax(0, 1fr); } #qxplore-youth-page .qxy-hero-copy { padding: 30px 22px; } #qxplore-youth-page .qxy-hero-panel { padding: 30px 22px; } #qxplore-youth-page .qxy-recognise-list { margin: 20px 0; } #qxplore-youth-page .qxy-section-nav { padding: 16px 22px; gap: 10px 22px; } #qxplore-youth-page .qxy-section { padding: 34px 22px; } #qxplore-youth-page .qxy-expect, #qxplore-youth-page .qxy-fit { grid-template-columns: minmax(0, 1fr); gap: 24px; } #qxplore-youth-page .qxy-contact { grid-template-columns: minmax(0, 1fr); padding: 34px 22px; gap: 26px; } #qxplore-youth-page .qxy-contact-details { padding: 22px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.28); } } @media (max-width: 650px) { #qxplore-youth-page .qxy-focus-grid, #qxplore-youth-page .qxy-concerns-grid { grid-template-columns: minmax(0, 1fr); } #qxplore-youth-page .qxy-focus { padding: 22px; } } @media (pointer: coarse) { #qxplore-youth-page .qxy-section-nav a, #qxplore-youth-page .qxy-phone, #qxplore-youth-page .qxy-text-link, #qxplore-youth-page .qxy-crumb a, #qxplore-youth-page .qxy-contact-details a { min-height: 44px; display: inline-flex; align-items: center; } #qxplore-youth-page .qxy-crumb { line-height: 2; } } /* Sections specific to the child and adolescent page. */ #qxplore-youth-page .qxy-stages { border-top: 1px solid var(--qxy-rule); } #qxplore-youth-page .qxy-stage-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; } #qxplore-youth-page .qxy-stage { padding-top: 18px; border-top: 1px solid var(--qxy-rule); } #qxplore-youth-page .qxy-stage h3 { font: 500 25px/1.3 Georgia, serif; margin-bottom: 16px; } #qxplore-youth-page .qxy-stage p:last-child { margin-bottom: 0; } #qxplore-youth-page .qxy-teen-note { margin-top: 30px; padding: 24px; background: var(--qxy-soft); border-radius: 6px; } #qxplore-youth-page .qxy-teen-note p { margin: 0; font-size: 15px; } #qxplore-youth-page .qxy-caregivers { background: var(--qxy-soft); } #qxplore-youth-page .qxy-caregivers .qxy-section-heading { max-width: 850px; margin: 0; } #qxplore-youth-page .qxy-urgent { margin: 0 42px 36px; padding: 24px; background: var(--qxy-warm); border-radius: 6px; } #qxplore-youth-page .qxy-urgent h2 { font: 500 22px/1.35 Georgia, serif; margin-bottom: 12px; } #qxplore-youth-page .qxy-urgent p { font-size: 15px; margin: 0; } @media (max-width: 850px) { #qxplore-youth-page .qxy-urgent { margin: 0 22px 30px; padding: 22px; } } @media (max-width: 650px) { #qxplore-youth-page .qxy-stage-grid { grid-template-columns: minmax(0, 1fr); gap: 26px; } } /* ========== Psychoeducational assessments ========== */ #qxplore-assessment-page { --qxa-bg: #ffffff; --qxa-ink: #163647; --qxa-text: #425660; --qxa-brand: #073c5c; --qxa-warm: #f2f3ee; --qxa-soft: #e9f1f4; --qxa-rule: #d8e2e6; --qxa-white: #ffffff; width: 100%; margin: 0 auto; padding: 0; color: var(--qxa-ink); background: var(--qxa-bg); font: 400 16px/1.65 Arial, Helvetica, sans-serif; color-scheme: light; isolation: isolate; overflow-wrap: break-word; text-align: left; } #qxplore-assessment-page * { box-sizing: border-box; } #qxplore-assessment-page section, #qxplore-assessment-page nav, #qxplore-assessment-page article, #qxplore-assessment-page aside { min-width: 0; } #qxplore-assessment-page p { margin: 0 0 18px; padding: 0; color: var(--qxa-text); font: 400 16px/1.65 Arial, Helvetica, sans-serif; letter-spacing: normal; text-transform: none; } #qxplore-assessment-page h1, #qxplore-assessment-page h2, #qxplore-assessment-page h3 { margin: 0; padding: 0; border: 0; color: var(--qxa-ink); font-weight: 500; letter-spacing: normal; text-transform: none; } #qxplore-assessment-page h1 { margin: 0 0 22px; font: 500 clamp(32px, 3.8vw, 44px)/1.15 Georgia, serif; letter-spacing: -.02em; } #qxplore-assessment-page h2 { margin: 0 0 18px; font: 500 clamp(26px, 3vw, 32px)/1.25 Georgia, serif; } #qxplore-assessment-page h3 { margin: 0 0 9px; font: 500 18px/1.4 Arial, Helvetica, sans-serif; } #qxplore-assessment-page h1::after, #qxplore-assessment-page h2::after, #qxplore-assessment-page h3::after { display: none; } #qxplore-assessment-page a { color: var(--qxa-brand); text-decoration: underline; text-underline-offset: 4px; } #qxplore-assessment-page a:hover { text-decoration-thickness: 2px; } #qxplore-assessment-page a:focus-visible, #qxplore-assessment-page summary:focus-visible { outline: 3px solid #347aa0; outline-offset: 4px; } #qxplore-assessment-page [id] { scroll-margin-top: 90px; } #qxplore-assessment-page .qxa-crumb { padding: 18px 42px; color: var(--qxa-text); font-size: 12px; } #qxplore-assessment-page .qxa-crumb a { text-decoration: none; } #qxplore-assessment-page .qxa-crumb a:hover { text-decoration: underline; } #qxplore-assessment-page .qxa-hero { display: grid; grid-template-columns: minmax(0, 53fr) minmax(0, 47fr); background: var(--qxa-warm); } #qxplore-assessment-page .qxa-hero-copy { padding: 42px; align-self: center; } #qxplore-assessment-page .qxa-eyebrow { margin: 0 0 14px; color: var(--qxa-brand); font: 500 12px/1.45 Arial, Helvetica, sans-serif; letter-spacing: .1em; text-transform: uppercase; } #qxplore-assessment-page .qxa-lead { font-size: 19px; line-height: 1.55; color: var(--qxa-ink); } #qxplore-assessment-page .qxa-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; max-width: 100%; padding: 13px 18px; background: var(--qxa-brand); color: var(--qxa-white); border: 0; border-radius: 4px; font: 400 14px/1.45 Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; } #qxplore-assessment-page .qxa-button:hover { background: #105777; color: var(--qxa-white); text-decoration: none; } #qxplore-assessment-page .qxa-phone { display: block; width: fit-content; margin-top: 12px; font-size: 14px; } #qxplore-assessment-page .qxa-hero-panel { padding: 42px 38px; background: var(--qxa-brand); color: var(--qxa-white); } #qxplore-assessment-page .qxa-hero-panel h2 { color: var(--qxa-white); font-size: clamp(27px, 2.7vw, 32px); } #qxplore-assessment-page .qxa-hero-panel .qxa-eyebrow { color: #c7dce7; } #qxplore-assessment-page .qxa-recognise-list { margin: 24px 0; padding: 0; list-style: none; } #qxplore-assessment-page .qxa-recognise-list li { margin: 0; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.25); } #qxplore-assessment-page .qxa-recognise-list h3 { color: var(--qxa-white); font-size: 16px; } #qxplore-assessment-page .qxa-recognise-list p { margin: 0; color: #e2edf2; font-size: 15px; } #qxplore-assessment-page .qxa-panel-note { margin: 0; color: #e2edf2; font-size: 14px; } #qxplore-assessment-page .qxa-section-nav { display: flex; flex-wrap: wrap; gap: 10px 28px; padding: 18px 42px; border-bottom: 1px solid var(--qxa-rule); font-size: 13px; } #qxplore-assessment-page .qxa-section-nav a { text-decoration: none; } #qxplore-assessment-page .qxa-section-nav a:hover { text-decoration: underline; } #qxplore-assessment-page .qxa-section { padding: 48px 42px; } #qxplore-assessment-page .qxa-section-heading { max-width: 710px; margin: 0 0 28px; } #qxplore-assessment-page .qxa-section-heading p:last-child { margin-bottom: 0; } #qxplore-assessment-page .qxa-focus-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } #qxplore-assessment-page .qxa-focus { padding: 26px; background: var(--qxa-soft); border-radius: 6px; } #qxplore-assessment-page .qxa-focus-number { display: block; margin: 0 0 16px; color: var(--qxa-brand); font: 500 14px/1.2 Arial, Helvetica, sans-serif; } #qxplore-assessment-page .qxa-focus p { margin: 0; font-size: 15px; } #qxplore-assessment-page .qxa-concerns { background: var(--qxa-warm); } #qxplore-assessment-page .qxa-concerns-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 40px; } #qxplore-assessment-page .qxa-concerns-grid article { padding-top: 18px; border-top: 1px solid var(--qxa-rule); } #qxplore-assessment-page .qxa-concerns-grid p { margin: 0; font-size: 15px; } #qxplore-assessment-page .qxa-related { margin: 28px 0 0; padding-top: 22px; border-top: 1px solid var(--qxa-rule); font-size: 15px; } #qxplore-assessment-page .qxa-expect { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 42px; } #qxplore-assessment-page .qxa-expect-intro p:last-child { margin-bottom: 0; } #qxplore-assessment-page .qxa-steps { margin: 0; padding: 0 0 0 24px; list-style: decimal; color: var(--qxa-brand); } #qxplore-assessment-page .qxa-steps li { margin: 0 0 22px; padding-left: 10px; } #qxplore-assessment-page .qxa-steps li:last-child { margin-bottom: 0; } #qxplore-assessment-page .qxa-steps h3 { font-size: 17px; margin-bottom: 5px; } #qxplore-assessment-page .qxa-steps p { margin: 0; font-size: 15px; } #qxplore-assessment-page .qxa-fit { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 42px; border-top: 1px solid var(--qxa-rule); border-bottom: 1px solid var(--qxa-rule); } #qxplore-assessment-page .qxa-text-link { display: block; width: fit-content; margin-top: 14px; font-size: 14px; } #qxplore-assessment-page .qxa-faq { max-width: 900px; margin: 0 auto; } #qxplore-assessment-page details { margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--qxa-rule); } #qxplore-assessment-page summary { padding: 18px 0; margin: 0 0 0 20px; color: var(--qxa-ink); font: 500 16px/1.5 Arial, Helvetica, sans-serif; list-style: disclosure-closed outside; cursor: pointer; } #qxplore-assessment-page details[open] > summary { list-style-type: disclosure-open; } #qxplore-assessment-page summary::marker { color: var(--qxa-brand); } #qxplore-assessment-page details p { padding: 0 0 0 20px; margin: 0 0 20px; font-size: 15px; } #qxplore-assessment-page .qxa-contact { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 40px; padding: 42px; background: var(--qxa-brand); color: var(--qxa-white); } #qxplore-assessment-page .qxa-contact h2, #qxplore-assessment-page .qxa-contact p { color: var(--qxa-white); } #qxplore-assessment-page .qxa-contact .qxa-eyebrow { color: #c7dce7; } #qxplore-assessment-page .qxa-contact a:focus-visible { outline-color: var(--qxa-white); } #qxplore-assessment-page .qxa-contact .qxa-button-inverse { background: var(--qxa-white); color: var(--qxa-brand); } #qxplore-assessment-page .qxa-contact .qxa-button-inverse:hover { background: var(--qxa-soft); color: var(--qxa-brand); } #qxplore-assessment-page .qxa-contact-details { display: flex; flex-direction: column; gap: 14px; align-self: center; padding-left: 28px; border-left: 1px solid rgba(255,255,255,.28); font: 400 14px/1.65 Arial, Helvetica, sans-serif; } #qxplore-assessment-page .qxa-contact-details a { width: fit-content; max-width: 100%; color: var(--qxa-white); overflow-wrap: anywhere; } #qxplore-assessment-page .qxa-contact-phone { font-size: 23px; line-height: 1.3; } @media (max-width: 850px) { #qxplore-assessment-page .qxa-crumb { padding: 16px 22px; } #qxplore-assessment-page .qxa-hero { grid-template-columns: minmax(0, 1fr); } #qxplore-assessment-page .qxa-hero-copy { padding: 30px 22px; } #qxplore-assessment-page .qxa-hero-panel { padding: 30px 22px; } #qxplore-assessment-page .qxa-recognise-list { margin: 20px 0; } #qxplore-assessment-page .qxa-section-nav { padding: 16px 22px; gap: 10px 22px; } #qxplore-assessment-page .qxa-section { padding: 34px 22px; } #qxplore-assessment-page .qxa-expect, #qxplore-assessment-page .qxa-fit { grid-template-columns: minmax(0, 1fr); gap: 24px; } #qxplore-assessment-page .qxa-contact { grid-template-columns: minmax(0, 1fr); padding: 34px 22px; gap: 26px; } #qxplore-assessment-page .qxa-contact-details { padding: 22px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.28); } } @media (max-width: 650px) { #qxplore-assessment-page .qxa-focus-grid, #qxplore-assessment-page .qxa-concerns-grid { grid-template-columns: minmax(0, 1fr); } #qxplore-assessment-page .qxa-focus { padding: 22px; } } @media (pointer: coarse) { #qxplore-assessment-page .qxa-section-nav a, #qxplore-assessment-page .qxa-phone, #qxplore-assessment-page .qxa-text-link, #qxplore-assessment-page .qxa-crumb a, #qxplore-assessment-page .qxa-contact-details a { min-height: 44px; display: inline-flex; align-items: center; } #qxplore-assessment-page .qxa-crumb { line-height: 2; } } /* Preparation section specific to the assessment page. */ #qxplore-assessment-page .qxa-preparation { background: var(--qxa-soft); } #qxplore-assessment-page .qxa-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 36px; list-style: none; margin: 0; padding: 0; } #qxplore-assessment-page .qxa-checklist li { margin: 0; padding: 18px 0 0; border-top: 1px solid var(--qxa-rule); } #qxplore-assessment-page .qxa-checklist p { margin: 0; font-size: 15px; } @media (max-width: 650px) { #qxplore-assessment-page .qxa-checklist { grid-template-columns: minmax(0, 1fr); } } /* ========== Counselling and psychotherapy hub ========== */ #qxplore-counselling-hub { --qxh-bg: #ffffff; --qxh-ink: #163647; --qxh-text: #425660; --qxh-brand: #073c5c; --qxh-warm: #f2f3ee; --qxh-soft: #e9f1f4; --qxh-rule: #d8e2e6; --qxh-white: #ffffff; width: 100%; margin: 0 auto; padding: 0; color: var(--qxh-ink); background: var(--qxh-bg); font: 400 16px/1.65 Arial, Helvetica, sans-serif; color-scheme: light; isolation: isolate; overflow-wrap: break-word; text-align: left; } #qxplore-counselling-hub * { box-sizing: border-box; } #qxplore-counselling-hub section, #qxplore-counselling-hub article, #qxplore-counselling-hub aside { min-width: 0; } #qxplore-counselling-hub p { margin: 0 0 18px; padding: 0; color: var(--qxh-text); font: 400 16px/1.65 Arial, Helvetica, sans-serif; letter-spacing: normal; text-transform: none; } #qxplore-counselling-hub h1, #qxplore-counselling-hub h2, #qxplore-counselling-hub h3 { margin: 0; padding: 0; border: 0; color: var(--qxh-ink); font-weight: 500; letter-spacing: normal; text-transform: none; } #qxplore-counselling-hub h1 { margin: 0 0 22px; font: 500 clamp(32px, 3.8vw, 44px)/1.15 Georgia, serif; letter-spacing: -.02em; } #qxplore-counselling-hub h2 { margin: 0 0 18px; font: 500 clamp(26px, 3vw, 32px)/1.25 Georgia, serif; } #qxplore-counselling-hub h3 { margin: 0 0 9px; font: 500 18px/1.4 Arial, Helvetica, sans-serif; } #qxplore-counselling-hub h1::after, #qxplore-counselling-hub h2::after, #qxplore-counselling-hub h3::after { display: none; } #qxplore-counselling-hub a { color: var(--qxh-brand); text-decoration: underline; text-underline-offset: 4px; } #qxplore-counselling-hub a:hover { text-decoration-thickness: 2px; } #qxplore-counselling-hub a:focus-visible, #qxplore-counselling-hub summary:focus-visible { outline: 3px solid #347aa0; outline-offset: 4px; } #qxplore-counselling-hub [id] { scroll-margin-top: 90px; } #qxplore-counselling-hub .qxh-hero { display: grid; grid-template-columns: minmax(0, 53fr) minmax(0, 47fr); background: var(--qxh-warm); } #qxplore-counselling-hub .qxh-hero-copy { padding: 42px; align-self: center; } #qxplore-counselling-hub .qxh-eyebrow { margin: 0 0 14px; color: var(--qxh-brand); font: 500 12px/1.45 Arial, Helvetica, sans-serif; letter-spacing: .1em; text-transform: uppercase; } #qxplore-counselling-hub .qxh-lead { font-size: 19px; line-height: 1.55; color: var(--qxh-ink); } #qxplore-counselling-hub .qxh-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; max-width: 100%; padding: 13px 18px; background: var(--qxh-brand); color: var(--qxh-white); border: 0; border-radius: 4px; font: 400 14px/1.45 Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; } #qxplore-counselling-hub .qxh-button:hover { background: #105777; color: var(--qxh-white); text-decoration: none; } #qxplore-counselling-hub .qxh-phone { display: block; width: fit-content; margin-top: 12px; font-size: 14px; } #qxplore-counselling-hub .qxh-hero-panel { padding: 42px 38px; background: var(--qxh-brand); color: var(--qxh-white); } #qxplore-counselling-hub .qxh-hero-panel h2 { color: var(--qxh-white); font-size: clamp(27px, 2.7vw, 32px); } #qxplore-counselling-hub .qxh-hero-panel .qxh-eyebrow { color: #c7dce7; } #qxplore-counselling-hub .qxh-recognise-list { margin: 24px 0; padding: 0; list-style: none; } #qxplore-counselling-hub .qxh-recognise-list li { margin: 0; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.25); } #qxplore-counselling-hub .qxh-recognise-list h3 { color: var(--qxh-white); font-size: 16px; } #qxplore-counselling-hub .qxh-recognise-list p { margin: 0; color: #e2edf2; font-size: 15px; } #qxplore-counselling-hub .qxh-panel-note { margin: 0; color: #e2edf2; font-size: 14px; } #qxplore-counselling-hub .qxh-section { padding: 48px 42px; } #qxplore-counselling-hub .qxh-section-heading { max-width: 710px; margin: 0 0 28px; } #qxplore-counselling-hub .qxh-section-heading p:last-child { margin-bottom: 0; } #qxplore-counselling-hub .qxh-focus-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } #qxplore-counselling-hub .qxh-focus { padding: 26px; background: var(--qxh-soft); border-radius: 6px; } #qxplore-counselling-hub .qxh-focus-number { display: block; margin: 0 0 16px; color: var(--qxh-brand); font: 500 14px/1.2 Arial, Helvetica, sans-serif; } #qxplore-counselling-hub .qxh-focus p { margin: 0; font-size: 15px; } #qxplore-counselling-hub .qxh-concerns { background: var(--qxh-warm); } #qxplore-counselling-hub .qxh-concerns-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 40px; } #qxplore-counselling-hub .qxh-concerns-grid article { padding-top: 18px; border-top: 1px solid var(--qxh-rule); } #qxplore-counselling-hub .qxh-concerns-grid p { margin: 0; font-size: 15px; } #qxplore-counselling-hub .qxh-related { margin: 28px 0 0; padding-top: 22px; border-top: 1px solid var(--qxh-rule); font-size: 15px; } #qxplore-counselling-hub .qxh-expect { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 42px; } #qxplore-counselling-hub .qxh-expect-intro p:last-child { margin-bottom: 0; } #qxplore-counselling-hub .qxh-steps { margin: 0; padding: 0 0 0 24px; list-style: decimal; color: var(--qxh-brand); } #qxplore-counselling-hub .qxh-steps li { margin: 0 0 22px; padding-left: 10px; } #qxplore-counselling-hub .qxh-steps li:last-child { margin-bottom: 0; } #qxplore-counselling-hub .qxh-steps h3 { font-size: 17px; margin-bottom: 5px; } #qxplore-counselling-hub .qxh-steps p { margin: 0; font-size: 15px; } #qxplore-counselling-hub .qxh-fit { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 42px; border-top: 1px solid var(--qxh-rule); border-bottom: 1px solid var(--qxh-rule); } #qxplore-counselling-hub .qxh-text-link { display: block; width: fit-content; margin-top: 14px; font-size: 14px; } #qxplore-counselling-hub .qxh-faq { max-width: 900px; margin: 0 auto; } #qxplore-counselling-hub details { margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--qxh-rule); } #qxplore-counselling-hub summary { padding: 18px 0; margin: 0 0 0 20px; color: var(--qxh-ink); font: 500 16px/1.5 Arial, Helvetica, sans-serif; list-style: disclosure-closed outside; cursor: pointer; } #qxplore-counselling-hub details[open] > summary { list-style-type: disclosure-open; } #qxplore-counselling-hub summary::marker { color: var(--qxh-brand); } #qxplore-counselling-hub details p { padding: 0 0 0 20px; margin: 0 0 20px; font-size: 15px; } #qxplore-counselling-hub .qxh-contact { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 40px; padding: 42px; background: var(--qxh-brand); color: var(--qxh-white); } #qxplore-counselling-hub .qxh-contact h2, #qxplore-counselling-hub .qxh-contact p { color: var(--qxh-white); } #qxplore-counselling-hub .qxh-contact .qxh-eyebrow { color: #c7dce7; } #qxplore-counselling-hub .qxh-contact a:focus-visible { outline-color: var(--qxh-white); } #qxplore-counselling-hub .qxh-contact .qxh-button-inverse { background: var(--qxh-white); color: var(--qxh-brand); } #qxplore-counselling-hub .qxh-contact .qxh-button-inverse:hover { background: var(--qxh-soft); color: var(--qxh-brand); } #qxplore-counselling-hub .qxh-contact-details { display: flex; flex-direction: column; gap: 14px; align-self: center; padding-left: 28px; border-left: 1px solid rgba(255,255,255,.28); font: 400 14px/1.65 Arial, Helvetica, sans-serif; } #qxplore-counselling-hub .qxh-contact-details a { width: fit-content; max-width: 100%; color: var(--qxh-white); overflow-wrap: anywhere; } #qxplore-counselling-hub .qxh-contact-phone { font-size: 23px; line-height: 1.3; } @media (max-width: 850px) { #qxplore-counselling-hub .qxh-hero { grid-template-columns: minmax(0, 1fr); } #qxplore-counselling-hub .qxh-hero-copy { padding: 30px 22px; } #qxplore-counselling-hub .qxh-hero-panel { padding: 30px 22px; } #qxplore-counselling-hub .qxh-recognise-list { margin: 20px 0; } #qxplore-counselling-hub .qxh-section { padding: 34px 22px; } #qxplore-counselling-hub .qxh-expect, #qxplore-counselling-hub .qxh-fit { grid-template-columns: minmax(0, 1fr); gap: 24px; } #qxplore-counselling-hub .qxh-contact { grid-template-columns: minmax(0, 1fr); padding: 34px 22px; gap: 26px; } #qxplore-counselling-hub .qxh-contact-details { padding: 22px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.28); } } @media (max-width: 650px) { #qxplore-counselling-hub .qxh-focus-grid, #qxplore-counselling-hub .qxh-concerns-grid { grid-template-columns: minmax(0, 1fr); } #qxplore-counselling-hub .qxh-focus { padding: 22px; } } @media (pointer: coarse) { #qxplore-counselling-hub .qxh-phone, #qxplore-counselling-hub .qxh-text-link, #qxplore-counselling-hub .qxh-contact-details a { min-height: 44px; display: inline-flex; align-items: center; } } /* Hub service cards and related-service links. */ #qxplore-counselling-hub .qxh-service-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } #qxplore-counselling-hub .qxh-service-card { display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--qxh-rule); border-radius: 6px; background: var(--qxh-soft); } #qxplore-counselling-hub .qxh-service-card p { margin: 0 0 18px; font-size: 15px; } #qxplore-counselling-hub .qxh-service-card .qxh-text-link { margin-top: auto; } #qxplore-counselling-hub .qxh-card-label { display: block; margin: 0 0 14px; color: var(--qxh-brand); font: 500 12px/1.4 Arial, Helvetica, sans-serif; letter-spacing: .08em; text-transform: uppercase; } #qxplore-counselling-hub .qxh-choice-note { margin-top: 26px; padding: 22px 26px; border-left: 4px solid var(--qxh-brand); background: var(--qxh-warm); } #qxplore-counselling-hub .qxh-choice-note p { margin: 0; font-size: 15px; } #qxplore-counselling-hub .qxh-individual { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 42px; border-top: 1px solid var(--qxh-rule); } #qxplore-counselling-hub .qxh-individual-copy p:last-child { margin-bottom: 0; } #qxplore-counselling-hub .qxh-support-list { margin: 0; padding-left: 22px; color: var(--qxh-text); } #qxplore-counselling-hub .qxh-support-list li { margin: 0 0 14px; padding-left: 4px; } #qxplore-counselling-hub .qxh-support-list li:last-child { margin-bottom: 0; } #qxplore-counselling-hub .qxh-support-list strong { color: var(--qxh-ink); font-weight: 600; } #qxplore-counselling-hub .qxh-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } #qxplore-counselling-hub .qxh-related-card { display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--qxh-rule); border-radius: 6px; background: var(--qxh-bg); } #qxplore-counselling-hub .qxh-related-card p { margin: 0 0 18px; font-size: 15px; } #qxplore-counselling-hub .qxh-related-card .qxh-text-link { margin-top: auto; } #qxplore-counselling-hub .qxh-contact-details address { font: inherit; color: inherit; margin: 0; padding: 0; } #qxplore-counselling-hub .qxh-hero-panel .qxh-panel-note { margin: 0; color: #e2edf2; font-size: 14px; } @media (max-width: 850px) { #qxplore-counselling-hub .qxh-individual { grid-template-columns: minmax(0, 1fr); gap: 24px; } #qxplore-counselling-hub .qxh-related-grid { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 650px) { #qxplore-counselling-hub .qxh-service-grid { grid-template-columns: minmax(0, 1fr); } #qxplore-counselling-hub .qxh-service-card { padding: 22px; } #qxplore-counselling-hub .qxh-choice-note { padding: 20px 22px; } } /* Complete clinical, therapeutic-service and funding directories. */ #qxplore-counselling-hub .qxh-clinical-panel { padding: 28px; align-self: start; background: var(--qxh-soft); border-radius: 6px; } #qxplore-counselling-hub .qxh-clinical-panel h3 { margin-bottom: 20px; } #qxplore-counselling-hub .qxh-named-list { margin: 0; padding: 0 0 0 22px; list-style: disc; color: var(--qxh-text); font: 400 15px/1.65 Arial, Helvetica, sans-serif; } #qxplore-counselling-hub .qxh-named-list li { margin: 0 0 12px; padding: 0 0 0 4px; } #qxplore-counselling-hub .qxh-named-list li:last-child { margin-bottom: 0; } #qxplore-counselling-hub .qxh-clinical-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 28px; } #qxplore-counselling-hub .qxh-clinical-list li { margin: 0; } #qxplore-counselling-hub .qxh-directory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } #qxplore-counselling-hub .qxh-directory-card { display: flex; flex-direction: column; padding: 26px; background: var(--qxh-soft); border-radius: 6px; border: 1px solid var(--qxh-rule); } #qxplore-counselling-hub .qxh-directory-card h3 { margin-bottom: 18px; } #qxplore-counselling-hub .qxh-directory-card p { margin: 20px 0 0; font-size: 15px; } #qxplore-counselling-hub .qxh-directory-card .qxh-text-link { margin-top: 20px; } #qxplore-counselling-hub .qxh-modality-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 42px; padding: 28px 28px 28px 48px; background: var(--qxh-soft); border-radius: 6px; } #qxplore-counselling-hub .qxh-modality-list li { margin: 0; } #qxplore-counselling-hub .qxh-consultants { grid-template-columns: minmax(0, 1fr); } #qxplore-counselling-hub .qxh-consultants > div { max-width: 800px; } #qxplore-counselling-hub .qxh-related p:last-child { margin-bottom: 0; } @media (max-width: 850px) { #qxplore-counselling-hub .qxh-directory-grid { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 650px) { #qxplore-counselling-hub .qxh-clinical-list, #qxplore-counselling-hub .qxh-modality-list { grid-template-columns: minmax(0, 1fr); } #qxplore-counselling-hub .qxh-clinical-panel, #qxplore-counselling-hub .qxh-directory-card { padding: 22px; } #qxplore-counselling-hub .qxh-modality-list { padding: 22px 22px 22px 42px; } } /* ============ Autism services ========== */ #qxplore-autism-services { --qas-ink:#163647; --qas-text:#425660; --qas-brand:#073c5c; --qas-warm:#f2f3ee; --qas-soft:#e9f1f4; --qas-rule:#d8e2e6; width:100%; max-width:1280px; margin:0 auto; padding:0; background:#fff; color:var(--qas-ink); font:400 16px/1.65 Arial,Helvetica,sans-serif; text-align:left; color-scheme:light; isolation:isolate; overflow-wrap:break-word; } #qxplore-autism-services *, #qxplore-autism-services *::before, #qxplore-autism-services *::after { box-sizing:border-box; } #qxplore-autism-services section, #qxplore-autism-services article, #qxplore-autism-services aside, #qxplore-autism-services figure { min-width:0; } #qxplore-autism-services h1, #qxplore-autism-services h2, #qxplore-autism-services h3 { margin:0 0 16px; padding:0; border:0; color:var(--qas-ink); text-transform:none; letter-spacing:normal; } #qxplore-autism-services h1 { font:500 clamp(32px,3.5vw,44px)/1.16 Georgia,serif; letter-spacing:-.025em; } #qxplore-autism-services h2 { font:500 clamp(26px,2.6vw,34px)/1.24 Georgia,serif; } #qxplore-autism-services h3 { margin-bottom:10px; font:600 18px/1.4 Arial,Helvetica,sans-serif; } #qxplore-autism-services h1::after, #qxplore-autism-services h2::after, #qxplore-autism-services h3::after { display:none; } #qxplore-autism-services p { margin:0 0 16px; padding:0; color:var(--qas-text); font:400 16px/1.65 Arial,Helvetica,sans-serif; letter-spacing:normal; text-transform:none; } #qxplore-autism-services a { color:var(--qas-brand); text-decoration:underline; text-underline-offset:4px; } #qxplore-autism-services a:hover { text-decoration-thickness:2px; } #qxplore-autism-services a:focus-visible { outline:3px solid #347aa0; outline-offset:5px; } #qxplore-autism-services [id] { scroll-margin-top:90px; } #qxplore-autism-services .qas-eyebrow { margin:0 0 12px; color:var(--qas-brand); font:600 12px/1.5 Arial,Helvetica,sans-serif; letter-spacing:.1em; text-transform:uppercase; } #qxplore-autism-services .qas-lead { font-size:20px; line-height:1.5; color:var(--qas-ink); } #qxplore-autism-services .qas-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; max-width:100%; padding:13px 20px; border-radius:4px; background:var(--qas-brand); color:#fff; font:500 15px/1.45 Arial,Helvetica,sans-serif; text-decoration:none; text-align:center; } #qxplore-autism-services .qas-button:hover { background:#105777; color:#fff; text-decoration:none; } #qxplore-autism-services .qas-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 20px; margin-top:22px; } #qxplore-autism-services .qas-actions a { min-height:44px; display:inline-flex; align-items:center; } #qxplore-autism-services .qas-link { display:inline-flex; align-items:center; min-height:44px; margin-top:4px; font-size:15px; } #qxplore-autism-services .qas-hero { display:flex; align-items:center; gap:34px; padding:42px; background:var(--qas-warm); } #qxplore-autism-services .qas-hero-copy { flex:1 1 60%; } #qxplore-autism-services .qas-hero-photo { flex:1 1 40%; max-width:430px; margin:0; padding:12px; background:#fff; border:1px solid var(--qas-rule); } #qxplore-autism-services .qas-hero-photo img { display:block; width:100%; height:auto; } #qxplore-autism-services .qas-section { padding:46px 42px; } #qxplore-autism-services .qas-intro { max-width:850px; margin-bottom:26px; } #qxplore-autism-services .qas-paths { display:flex; flex-wrap:wrap; gap:18px; } #qxplore-autism-services .qas-path { flex:1 1 270px; padding:25px; border:1px solid var(--qas-rule); border-radius:4px; background:var(--qas-soft); } #qxplore-autism-services .qas-number { display:block; margin-bottom:16px; color:var(--qas-brand); font:600 12px/1.5 Arial,Helvetica,sans-serif; letter-spacing:.08em; } #qxplore-autism-services .qas-path p { margin-bottom:10px; font-size:15px; } #qxplore-autism-services .qas-assessment { display:flex; gap:38px; align-items:center; border-top:1px solid var(--qas-rule); background:var(--qas-soft); } #qxplore-autism-services .qas-assessment-copy { flex:1 1 62%; } #qxplore-autism-services .qas-assessment-photo { flex:1 1 38%; max-width:420px; margin:0; padding:10px; background:#fff; border:1px solid var(--qas-rule); } #qxplore-autism-services .qas-assessment-photo img { display:block; width:100%; height:auto; } #qxplore-autism-services .qas-list { margin:0 0 18px; padding:0 0 0 21px; color:var(--qas-text); } #qxplore-autism-services .qas-list li { margin-bottom:8px; font:400 16px/1.6 Arial,Helvetica,sans-serif; } #qxplore-autism-services .qas-brief { display:flex; flex-wrap:wrap; gap:22px; margin-top:24px; } #qxplore-autism-services .qas-brief article { flex:1 1 340px; padding:26px; border:1px solid var(--qas-rule); border-radius:4px; background:var(--qas-warm); } #qxplore-autism-services .qas-brief p:last-child { margin-bottom:0; } #qxplore-autism-services .qas-report { display:flex; flex-wrap:wrap; gap:30px; margin-top:28px; } #qxplore-autism-services .qas-report > div { flex:1 1 320px; padding-top:22px; border-top:1px solid var(--qas-rule); } #qxplore-autism-services .qas-dark { background:var(--qas-brand); } #qxplore-autism-services .qas-dark h2, #qxplore-autism-services .qas-dark h3 { color:#eee !important; } #qxplore-autism-services .qas-dark p, #qxplore-autism-services .qas-dark li { color:#eee; } #qxplore-autism-services .qas-dark .qas-eyebrow { color:#c7dce7; } #qxplore-autism-services .qas-dark a { color:#fff; } #qxplore-autism-services .qas-dark a:focus-visible { outline-color:#fff; } #qxplore-autism-services .qas-support-top { display:flex; align-items:center; gap:36px; margin-bottom:28px; } #qxplore-autism-services .qas-support-top > div { flex:1 1 58%; } #qxplore-autism-services .qas-support-photo { position:relative; flex:1 1 42%; max-width:460px; margin:0; } #qxplore-autism-services .qas-support-photo img { display:block; width:100%; height:auto; border-radius:4px; } #qxplore-autism-services .qas-support-photo figcaption { position:absolute; bottom:10px; right:10px; padding:4px 8px; color:var(--qas-ink); background:rgba(255,255,255,.94); font:12px/1.5 Arial,Helvetica,sans-serif; } #qxplore-autism-services .qas-goals { display:flex; flex-wrap:wrap; gap:10px; list-style:none; margin:0; padding:0; } #qxplore-autism-services .qas-goals li { flex:1 1 240px; padding:16px 18px; border:1px solid rgba(255,255,255,.3); border-radius:4px; font:500 15px/1.5 Arial,Helvetica,sans-serif; text-align:center; } #qxplore-autism-services .qas-steps { display:flex; flex-wrap:wrap; gap:20px; margin:24px 0 28px; padding:0; list-style:none; } #qxplore-autism-services .qas-step { flex:1 1 220px; padding:22px; background:var(--qas-soft); border:1px solid var(--qas-rule); border-radius:4px; } #qxplore-autism-services .qas-step p { margin-bottom:0; font-size:15px; } #qxplore-autism-services .qas-schedule { padding:24px; border-left:4px solid var(--qas-brand); background:var(--qas-warm); } #qxplore-autism-services .qas-schedule p:last-child { margin-bottom:0; } #qxplore-autism-services .qas-access { display:flex; align-items:flex-start; gap:34px; background:var(--qas-soft); } #qxplore-autism-services .qas-access-copy { flex:1 1 60%; } #qxplore-autism-services .qas-funding-note { flex:1 1 40%; padding:26px; background:#fff; border:1px solid var(--qas-rule); border-radius:4px; } #qxplore-autism-services .qas-funding-note p:last-child { margin-bottom:0; } #qxplore-autism-services .qas-faq details { margin:0; padding:18px 0; border-top:1px solid var(--qas-rule); } #qxplore-autism-services .qas-faq details:last-child { border-bottom:1px solid var(--qas-rule); } #qxplore-autism-services .qas-faq summary { cursor:pointer; color:var(--qas-ink); font:600 17px/1.5 Arial,Helvetica,sans-serif; } #qxplore-autism-services .qas-faq summary:focus-visible { outline:3px solid #347aa0; outline-offset:4px; } #qxplore-autism-services .qas-faq details p { max-width:900px; margin:14px 0 0; } #qxplore-autism-services .qas-contact { display:flex; gap:38px; padding:42px; background:var(--qas-warm); border-top:1px solid var(--qas-rule); } #qxplore-autism-services .qas-contact > div { flex:1 1 62%; } #qxplore-autism-services .qas-contact-details { flex:1 1 38%; display:flex; flex-direction:column; gap:12px; align-self:center; margin:0; padding-left:28px; border-left:1px solid var(--qas-rule); color:var(--qas-text); font:400 15px/1.65 Arial,Helvetica,sans-serif; } #qxplore-autism-services .qas-contact-details a { width:fit-content; max-width:100%; min-height:44px; display:inline-flex; align-items:center; overflow-wrap:anywhere; } #qxplore-autism-services .qas-contact-phone { font-size:24px; } @media(max-width:800px) { #qxplore-autism-services .qas-hero, #qxplore-autism-services .qas-assessment, #qxplore-autism-services .qas-support-top, #qxplore-autism-services .qas-access, #qxplore-autism-services .qas-contact { flex-direction:column; align-items:stretch; gap:26px; } #qxplore-autism-services .qas-hero, #qxplore-autism-services .qas-section, #qxplore-autism-services .qas-contact { padding:32px 22px; } #qxplore-autism-services .qas-hero-photo, #qxplore-autism-services .qas-assessment-photo, #qxplore-autism-services .qas-support-photo { width:100%; margin:0 auto; } #qxplore-autism-services .qas-contact-details { padding:22px 0 0; border-left:0; border-top:1px solid var(--qas-rule); align-self:stretch; } } @media(max-width:480px) { #qxplore-autism-services .qas-path, #qxplore-autism-services .qas-brief article, #qxplore-autism-services .qas-step, #qxplore-autism-services .qas-goals li { flex-basis:100%; } #qxplore-autism-services .qas-path, #qxplore-autism-services .qas-brief article, #qxplore-autism-services .qas-funding-note { padding:22px; } } /* ========== Autism assessments ========== */ #qxplore-autism-assessment { --qaa-ink: #163647; --qaa-text: #425660; --qaa-brand: #073c5c; --qaa-warm: #f2f3ee; --qaa-soft: #e9f1f4; --qaa-rule: #d8e2e6; --qaa-white: #fff; width: 100%; margin: 0 auto; color: var(--qaa-ink); background: #fff; font: 400 16px/1.65 Arial, Helvetica, sans-serif; color-scheme: light; isolation: isolate; overflow-wrap: break-word; text-align: left; } #qxplore-autism-assessment * { box-sizing: border-box; } #qxplore-autism-assessment section, #qxplore-autism-assessment article, #qxplore-autism-assessment aside { min-width: 0; } #qxplore-autism-assessment p { margin: 0 0 18px; color: var(--qaa-text); font: 400 16px/1.65 Arial, Helvetica, sans-serif; letter-spacing: normal; text-transform: none; } #qxplore-autism-assessment h1, #qxplore-autism-assessment h2, #qxplore-autism-assessment h3 { margin: 0; padding: 0; border: 0; color: var(--qaa-ink); font-weight: 500; letter-spacing: normal; text-transform: none; } #qxplore-autism-assessment h1 { margin-bottom: 22px; font: 500 clamp(32px, 3.8vw, 44px)/1.15 Georgia, serif; letter-spacing: -.02em; } #qxplore-autism-assessment h2 { margin-bottom: 18px; font: 500 clamp(26px, 3vw, 32px)/1.25 Georgia, serif; } #qxplore-autism-assessment h3 { margin-bottom: 9px; font: 500 18px/1.4 Arial, Helvetica, sans-serif; } #qxplore-autism-assessment h1::after, #qxplore-autism-assessment h2::after, #qxplore-autism-assessment h3::after { display: none; } #qxplore-autism-assessment a { color: var(--qaa-brand); text-decoration: underline; text-underline-offset: 4px; } #qxplore-autism-assessment a:hover { text-decoration-thickness: 2px; } #qxplore-autism-assessment a:focus-visible, #qxplore-autism-assessment summary:focus-visible { outline: 3px solid #347aa0; outline-offset: 4px; } #qxplore-autism-assessment [id] { scroll-margin-top: 90px; } #qxplore-autism-assessment .qaa-eyebrow { margin: 0 0 14px; color: var(--qaa-brand); font: 500 12px/1.45 Arial, Helvetica, sans-serif; letter-spacing: .1em; text-transform: uppercase; } #qxplore-autism-assessment .qaa-lead { color: var(--qaa-ink); font-size: 19px; line-height: 1.55; } #qxplore-autism-assessment .qaa-hero { display: grid; grid-template-columns: minmax(0, 53fr) minmax(0, 47fr); background: var(--qaa-warm); } #qxplore-autism-assessment .qaa-hero-copy { padding: 42px; align-self: center; } #qxplore-autism-assessment .qaa-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; max-width: 100%; padding: 13px 18px; border: 0; border-radius: 4px; background: var(--qaa-brand); color: var(--qaa-white); font: 400 14px/1.45 Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; } #qxplore-autism-assessment .qaa-button:hover { background: #105777; color: #fff; text-decoration: none; } #qxplore-autism-assessment .qaa-phone { display: block; width: fit-content; margin-top: 12px; font-size: 14px; } #qxplore-autism-assessment .qaa-hero-panel { padding: 42px 38px; background: var(--qaa-brand); color: #fff; } #qxplore-autism-assessment .qaa-hero-panel h2 { color: #fff; font-size: clamp(27px, 2.7vw, 32px); } #qxplore-autism-assessment .qaa-hero-panel .qaa-eyebrow { color: #c7dce7; } #qxplore-autism-assessment .qaa-panel-list { margin: 24px 0; padding: 0; list-style: none; } #qxplore-autism-assessment .qaa-panel-list li { margin: 0; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.25); } #qxplore-autism-assessment .qaa-panel-list h3 { color: #fff; font-size: 16px; } #qxplore-autism-assessment .qaa-panel-list p, #qxplore-autism-assessment .qaa-hero-panel .qaa-panel-note { margin: 0; color: #e2edf2; font-size: 15px; } #qxplore-autism-assessment .qaa-section { padding: 48px 42px; } #qxplore-autism-assessment .qaa-section-heading { margin:auto; margin-bottom: 28px; } /* max-width: 96%!important; */ #qxplore-autism-assessment .qaa-section-heading p:last-child { margin-bottom: 0; } #qxplore-autism-assessment .qaa-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } #qxplore-autism-assessment .qaa-card { padding: 26px; border-radius: 6px; background: var(--qaa-soft); } #qxplore-autism-assessment .qaa-card-number { display: block; margin-bottom: 16px; color: var(--qaa-brand); font-size: 14px; } #qxplore-autism-assessment .qaa-card p { margin: 0; font-size: 15px; } #qxplore-autism-assessment .qaa-reasons { background: var(--qaa-warm); } #qxplore-autism-assessment .qaa-reasons-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 40px; } #qxplore-autism-assessment .qaa-reasons-grid article { padding-top: 18px; border-top: 1px solid var(--qaa-rule); } #qxplore-autism-assessment .qaa-reasons-grid p { margin: 0; font-size: 15px; } #qxplore-autism-assessment .qaa-related-note { margin: 28px 0 0; padding-top: 22px; border-top: 1px solid var(--qaa-rule); font-size: 15px; } #qxplore-autism-assessment .qaa-process { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 42px; } #qxplore-autism-assessment .qaa-process-intro p:last-child { margin-bottom: 0; } #qxplore-autism-assessment .qaa-steps { margin: 0; padding: 0 0 0 24px; list-style: decimal; color: var(--qaa-brand); } #qxplore-autism-assessment .qaa-steps li { margin: 0 0 22px; padding-left: 10px; } #qxplore-autism-assessment .qaa-steps li:last-child { margin-bottom: 0; } #qxplore-autism-assessment .qaa-steps h3 { font-size: 17px; margin-bottom: 5px; } #qxplore-autism-assessment .qaa-steps p { margin: 0; font-size: 15px; } #qxplore-autism-assessment .qaa-prepare { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 42px; border-top: 1px solid var(--qaa-rule); border-bottom: 1px solid var(--qaa-rule); } #qxplore-autism-assessment .qaa-text-link { display: block; width: fit-content; margin-top: 14px; font-size: 14px; } #qxplore-autism-assessment .qaa-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; } #qxplore-autism-assessment .qaa-checklist li { padding: 20px; border: 1px solid var(--qaa-rule); border-radius: 6px; } #qxplore-autism-assessment .qaa-checklist p { margin: 0; font-size: 15px; } #qxplore-autism-assessment .qaa-distinction { background: var(--qaa-warm); } #qxplore-autism-assessment .qaa-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } #qxplore-autism-assessment .qaa-related-card { display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--qaa-rule); border-radius: 6px; background: #fff; } #qxplore-autism-assessment .qaa-related-card p { margin: 0 0 18px; font-size: 15px; } #qxplore-autism-assessment .qaa-related-card .qaa-text-link { margin-top: auto; } #qxplore-autism-assessment .qaa-faq { max-width: 900px; margin: 0 auto; } #qxplore-autism-assessment details { margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--qaa-rule); } #qxplore-autism-assessment summary { padding: 18px 0; margin-left: 20px; color: var(--qaa-ink); font: 500 16px/1.5 Arial, Helvetica, sans-serif; list-style: disclosure-closed outside; cursor: pointer; } #qxplore-autism-assessment details[open] > summary { list-style: disclosure-open outside; } #qxplore-autism-assessment details p { padding: 0 0 18px 20px; margin: 0; font-size: 15px; } #qxplore-autism-assessment .qaa-contact { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 40px; padding: 48px 42px; background: var(--qaa-brand); color: #fff; } #qxplore-autism-assessment .qaa-contact h2 { color: #fff; } #qxplore-autism-assessment .qaa-contact p { color: #e2edf2; } #qxplore-autism-assessment .qaa-contact .qaa-eyebrow { color: #c7dce7; } #qxplore-autism-assessment .qaa-button-inverse { background: #fff; color: var(--qaa-brand); } #qxplore-autism-assessment .qaa-button-inverse:hover { background: var(--qaa-soft); color: var(--qaa-brand); } #qxplore-autism-assessment .qaa-contact-details { display: flex; flex-direction: column; align-self: center; gap: 14px; } #qxplore-autism-assessment .qaa-contact-details a { color: #fff; width: fit-content; } #qxplore-autism-assessment .qaa-contact-phone { font: 500 25px/1.3 Georgia, serif; } #qxplore-autism-assessment .qaa-contact-details address { margin: 0; color: #e2edf2; font: inherit; } @media (max-width: 850px) { #qxplore-autism-assessment .qaa-hero, #qxplore-autism-assessment .qaa-process, #qxplore-autism-assessment .qaa-prepare, #qxplore-autism-assessment .qaa-contact { grid-template-columns: minmax(0, 1fr); } #qxplore-autism-assessment .qaa-related-grid { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 650px) { #qxplore-autism-assessment .qaa-hero-copy, #qxplore-autism-assessment .qaa-hero-panel, #qxplore-autism-assessment .qaa-section, #qxplore-autism-assessment .qaa-contact { padding: 28px 22px; } #qxplore-autism-assessment .qaa-card-grid, #qxplore-autism-assessment .qaa-reasons-grid, #qxplore-autism-assessment .qaa-checklist { grid-template-columns: minmax(0, 1fr); } #qxplore-autism-assessment .qaa-card, #qxplore-autism-assessment .qaa-related-card { padding: 22px; } #qxplore-autism-assessment .qaa-process, #qxplore-autism-assessment .qaa-prepare, #qxplore-autism-assessment .qaa-contact { gap: 24px; } } /* ========== Psychological treatment ========== */ #qxplore-treatment-page { --qpt-bg: #ffffff; --qpt-ink: #163647; --qpt-text: #425660; --qpt-brand: #073c5c; --qpt-warm: #f2f3ee; --qpt-soft: #e9f1f4; --qpt-rule: #d8e2e6; --qpt-white: #ffffff; width: 100%; margin: 0 auto; padding: 0; color: var(--qpt-ink); background: var(--qpt-bg); font: 400 16px/1.65 Arial, Helvetica, sans-serif; color-scheme: light; isolation: isolate; overflow-wrap: break-word; text-align: left; } #qxplore-treatment-page * { box-sizing: border-box; } #qxplore-treatment-page section, #qxplore-treatment-page article, #qxplore-treatment-page aside { min-width: 0; } #qxplore-treatment-page p { margin: 0 0 18px; padding: 0; color: var(--qpt-text); font: 400 16px/1.65 Arial, Helvetica, sans-serif; letter-spacing: normal; text-transform: none; } #qxplore-treatment-page h1, #qxplore-treatment-page h2, #qxplore-treatment-page h3 { margin: 0; padding: 0; border: 0; color: var(--qpt-ink); font-weight: 500; letter-spacing: normal; text-transform: none; } #qxplore-treatment-page h1 { margin: 0 0 22px; font: 500 clamp(32px, 3.8vw, 44px)/1.15 Georgia, serif; letter-spacing: -.02em; } #qxplore-treatment-page h2 { margin: 0 0 18px; font: 500 clamp(26px, 3vw, 32px)/1.25 Georgia, serif; } #qxplore-treatment-page h3 { margin: 0 0 9px; font: 500 18px/1.4 Arial, Helvetica, sans-serif; } #qxplore-treatment-page h1::after, #qxplore-treatment-page h2::after, #qxplore-treatment-page h3::after { display: none; } #qxplore-treatment-page a { color: var(--qpt-brand); text-decoration: underline; text-underline-offset: 4px; } #qxplore-treatment-page a:hover { text-decoration-thickness: 2px; } #qxplore-treatment-page a:focus-visible, #qxplore-treatment-page summary:focus-visible { outline: 3px solid #347aa0; outline-offset: 4px; } #qxplore-treatment-page [id] { scroll-margin-top: 90px; } #qxplore-treatment-page .qpt-hero { display: grid; grid-template-columns: minmax(0, 53fr) minmax(0, 47fr); background: var(--qpt-warm); } #qxplore-treatment-page .qpt-hero-copy { padding: 42px; align-self: center; } #qxplore-treatment-page .qpt-eyebrow { margin: 0 0 14px; color: var(--qpt-brand); font: 500 12px/1.45 Arial, Helvetica, sans-serif; letter-spacing: .1em; text-transform: uppercase; } #qxplore-treatment-page .qpt-lead { font-size: 19px; line-height: 1.55; color: var(--qpt-ink); } #qxplore-treatment-page .qpt-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; max-width: 100%; padding: 13px 18px; background: var(--qpt-brand); color: var(--qpt-white); border: 0; border-radius: 4px; font: 400 14px/1.45 Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; } #qxplore-treatment-page .qpt-button:hover { background: #105777; color: var(--qpt-white); text-decoration: none; } #qxplore-treatment-page .qpt-phone { display: block; width: fit-content; margin-top: 12px; font-size: 14px; } #qxplore-treatment-page .qpt-hero-panel { padding: 42px 38px; background: var(--qpt-brand); color: var(--qpt-white); } #qxplore-treatment-page .qpt-hero-panel h2 { color: var(--qpt-white); font-size: clamp(27px, 2.7vw, 32px); } #qxplore-treatment-page .qpt-hero-panel .qpt-eyebrow { color: #c7dce7; } #qxplore-treatment-page .qpt-panel-list { margin: 24px 0; padding: 0; list-style: none; } #qxplore-treatment-page .qpt-panel-list li { margin: 0; padding: 18px 0; border-top: 1px solid rgba(255,255,255,.25); } #qxplore-treatment-page .qpt-panel-list h3 { color: var(--qpt-white); font-size: 16px; } #qxplore-treatment-page .qpt-panel-list p { margin: 0; color: #e2edf2; font-size: 15px; } #qxplore-treatment-page .qpt-panel-note { margin: 0; color: #e2edf2; font-size: 14px; } #qxplore-treatment-page .qpt-section { padding: 48px 42px; } #qxplore-treatment-page .qpt-section-heading { max-width: 740px; margin: 0 0 28px; } #qxplore-treatment-page .qpt-section-heading p:last-child { margin-bottom: 0; } #qxplore-treatment-page .qpt-focus-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } #qxplore-treatment-page .qpt-focus { padding: 26px; background: var(--qpt-soft); border-radius: 6px; } #qxplore-treatment-page .qpt-focus-number { display: block; margin: 0 0 16px; color: var(--qpt-brand); font: 500 14px/1.2 Arial, Helvetica, sans-serif; } #qxplore-treatment-page .qpt-focus p { margin: 0; font-size: 15px; } #qxplore-treatment-page .qpt-concerns { background: var(--qpt-warm); } #qxplore-treatment-page .qpt-concerns-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 40px; } #qxplore-treatment-page .qpt-concerns-grid article { padding-top: 18px; border-top: 1px solid var(--qpt-rule); } #qxplore-treatment-page .qpt-concerns-grid p { margin: 0; font-size: 15px; } #qxplore-treatment-page .qpt-related { margin: 28px 0 0; padding-top: 22px; border-top: 1px solid var(--qpt-rule); font-size: 15px; } #qxplore-treatment-page .qpt-pathway { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 42px; } #qxplore-treatment-page .qpt-pathway-intro p:last-child { margin-bottom: 0; } #qxplore-treatment-page .qpt-steps { margin: 0; padding: 0 0 0 24px; list-style: decimal; color: var(--qpt-brand); } #qxplore-treatment-page .qpt-steps li { margin: 0 0 22px; padding-left: 10px; } #qxplore-treatment-page .qpt-steps li:last-child { margin-bottom: 0; } #qxplore-treatment-page .qpt-steps h3 { font-size: 17px; margin-bottom: 5px; } #qxplore-treatment-page .qpt-steps p { margin: 0; font-size: 15px; } #qxplore-treatment-page .qpt-access { background: var(--qpt-soft); } #qxplore-treatment-page .qpt-access-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } #qxplore-treatment-page .qpt-access-grid article { padding-top: 18px; border-top: 1px solid var(--qpt-rule); } #qxplore-treatment-page .qpt-access-grid p { margin: 0; font-size: 15px; } #qxplore-treatment-page .qpt-text-link { display: block; width: fit-content; margin-top: 14px; font-size: 14px; } #qxplore-treatment-page .qpt-choices-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } #qxplore-treatment-page .qpt-choices-grid article { padding: 24px; border: 1px solid var(--qpt-rule); border-radius: 6px; } #qxplore-treatment-page .qpt-choices-grid p { margin: 0; font-size: 15px; } #qxplore-treatment-page .qpt-choices-grid a { margin-top: 16px; } #qxplore-treatment-page .qpt-clinician-note { margin: 26px 0 0; font-size: 15px; } #qxplore-treatment-page .qpt-faq { max-width: 900px; margin: 0 auto; border-top: 1px solid var(--qpt-rule); } #qxplore-treatment-page details { margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--qpt-rule); } #qxplore-treatment-page summary { padding: 18px 0; margin: 0 0 0 20px; color: var(--qpt-ink); font: 500 16px/1.5 Arial, Helvetica, sans-serif; list-style: disclosure-closed outside; cursor: pointer; } #qxplore-treatment-page details[open] > summary { list-style-type: disclosure-open; } #qxplore-treatment-page summary::marker { color: var(--qpt-brand); } #qxplore-treatment-page details p { padding: 0 0 0 20px; margin: 0 0 20px; font-size: 15px; } #qxplore-treatment-page .qpt-contact { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 40px; padding: 42px; background: var(--qpt-brand); color: var(--qpt-white); } #qxplore-treatment-page .qpt-contact h2, #qxplore-treatment-page .qpt-contact p { color: var(--qpt-white); } #qxplore-treatment-page .qpt-contact .qpt-eyebrow { color: #c7dce7; } #qxplore-treatment-page .qpt-contact a:focus-visible { outline-color: var(--qpt-white); } #qxplore-treatment-page .qpt-contact .qpt-button-inverse { background: var(--qpt-white); color: var(--qpt-brand); } #qxplore-treatment-page .qpt-contact .qpt-button-inverse:hover { background: var(--qpt-soft); color: var(--qpt-brand); } #qxplore-treatment-page .qpt-contact-details { display: flex; flex-direction: column; gap: 14px; align-self: center; padding-left: 28px; border-left: 1px solid rgba(255,255,255,.28); font: 400 14px/1.65 Arial, Helvetica, sans-serif; } #qxplore-treatment-page .qpt-contact-details a { width: fit-content; max-width: 100%; color: var(--qpt-white); overflow-wrap: anywhere; } #qxplore-treatment-page .qpt-contact-phone { font-size: 23px; line-height: 1.3; } @media (max-width: 850px) { .entry-content { padding: 0px 0%; } #qxplore-treatment-page .qpt-hero { grid-template-columns: minmax(0, 1fr); } #qxplore-treatment-page .qpt-hero-copy, #qxplore-treatment-page .qpt-hero-panel { padding: 30px 22px; } #qxplore-treatment-page .qpt-section { padding: 34px 22px; } #qxplore-treatment-page .qpt-pathway { grid-template-columns: minmax(0, 1fr); gap: 24px; } #qxplore-treatment-page .qpt-access-grid, #qxplore-treatment-page .qpt-choices-grid { grid-template-columns: minmax(0, 1fr); } #qxplore-treatment-page .qpt-contact { grid-template-columns: minmax(0, 1fr); padding: 34px 22px; gap: 26px; } #qxplore-treatment-page .qpt-contact-details { padding: 22px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.28); } } @media (max-width: 650px) { #qxplore-treatment-page .qpt-focus-grid, #qxplore-treatment-page .qpt-concerns-grid { grid-template-columns: minmax(0, 1fr); } #qxplore-treatment-page .qpt-focus { padding: 22px; } } @media (pointer: coarse) { #qxplore-treatment-page .qpt-phone, #qxplore-treatment-page .qpt-text-link, #qxplore-treatment-page .qpt-contact-details a { min-height: 44px; display: inline-flex; align-items: center; } } /* ========== Psychological assessments overview ========== */ /* * #qxplore-psych-assessments { --qps-ink: #163647; --qps-text: #425660; --qps-brand: #073c5c; --qps-warm: #f2f3ee; --qps-soft: #e9f1f4; --qps-rule: #d8e2e6; --qps-white: #ffffff; width: 100%; margin: 0 auto; background: var(--qps-white); color: var(--qps-ink); font: 400 16px/1.65 Arial, Helvetica, sans-serif; color-scheme: light; isolation: isolate; overflow-wrap: break-word; text-align: left; } #qxplore-psych-assessments * { box-sizing: border-box; } #qxplore-psych-assessments section, #qxplore-psych-assessments article, #qxplore-psych-assessments aside, #qxplore-psych-assessments figure { min-width: 0; } #qxplore-psych-assessments p { margin: 0 0 18px; padding: 0; color: var(--qps-text); font: 400 16px/1.65 Arial, Helvetica, sans-serif; letter-spacing: normal; text-transform: none; } #qxplore-psych-assessments h1, #qxplore-psych-assessments h2, #qxplore-psych-assessments h3 { margin: 0; padding: 0; border: 0; color: var(--qps-ink); font-weight: 500; letter-spacing: normal; text-transform: none; } #qxplore-psych-assessments h1 { margin-bottom: 22px; font: 500 clamp(32px, 3.8vw, 44px)/1.15 Georgia, serif; letter-spacing: -.02em; } #qxplore-psych-assessments h2 { margin-bottom: 18px; font: 500 clamp(26px, 3vw, 32px)/1.25 Georgia, serif; } #qxplore-psych-assessments h3 { margin-bottom: 9px; font: 500 18px/1.4 Arial, Helvetica, sans-serif; } #qxplore-psych-assessments h1::after, #qxplore-psych-assessments h2::after, #qxplore-psych-assessments h3::after { display: none; } #qxplore-psych-assessments a { color: var(--qps-brand); text-decoration: underline; text-underline-offset: 4px; } #qxplore-psych-assessments a:hover { text-decoration-thickness: 2px; } #qxplore-psych-assessments a:focus-visible { outline: 3px solid #347aa0; outline-offset: 4px; } #qxplore-psych-assessments [id] { scroll-margin-top: 90px; } #qxplore-psych-assessments .qps-eyebrow { margin: 0 0 14px; color: var(--qps-brand); font: 500 12px/1.45 Arial, Helvetica, sans-serif; letter-spacing: .1em; text-transform: uppercase; } #qxplore-psych-assessments .qps-hero { display: grid; grid-template-columns: minmax(0, 57fr) minmax(0, 43fr); background: var(--qps-warm); } #qxplore-psych-assessments .qps-hero-copy { padding: 48px 42px; align-self: center; } #qxplore-psych-assessments .qps-lead { color: var(--qps-ink); font-size: 19px; line-height: 1.55; } #qxplore-psych-assessments .qps-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; max-width: 100%; padding: 13px 18px; border-radius: 4px; background: var(--qps-brand); color: var(--qps-white); font: 400 14px/1.45 Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; } #qxplore-psych-assessments .qps-button:hover { background: #105777; color: var(--qps-white); text-decoration: none; } #qxplore-psych-assessments .qps-phone { display: block; width: fit-content; margin-top: 12px; font-size: 14px; } #qxplore-psych-assessments .qps-hero-panel { display: flex; flex-direction: column; justify-content: center; padding: 42px; background: var(--qps-brand); } #qxplore-psych-assessments .qps-hero-panel h2, #qxplore-psych-assessments .qps-hero-panel p { color: var(--qps-white); } #qxplore-psych-assessments .qps-hero-panel .qps-eyebrow { color: #c7dce7; } #qxplore-psych-assessments .qps-hero-panel p:last-child { margin: 0; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.25); } #qxplore-psych-assessments .qps-section { padding: 48px 42px; } #qxplore-psych-assessments .qps-section-heading { max-width: 96%; margin:auto; } #qxplore-psych-assessments .qps-section-heading p:last-child { margin-bottom: 0; } #qxplore-psych-assessments .qps-choices { padding: 32px 42px 42px; border-bottom: 1px solid var(--qps-rule); } #qxplore-psych-assessments .qps-choices .qps-section-heading { margin-bottom: 24px; } #qxplore-psych-assessments .qps-choice-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; } #qxplore-psych-assessments .qps-choice-grid a { display: flex; flex-direction: column; min-height: 150px; padding: 20px; border: 1px solid var(--qps-rule); border-radius: 5px; background: var(--qps-soft); text-decoration: none; } #qxplore-psych-assessments .qps-choice-grid a:hover { border-color: var(--qps-brand); background: #f0f6f8; } #qxplore-psych-assessments .qps-choice-grid span { margin-bottom: 14px; color: var(--qps-brand); font-size: 13px; } #qxplore-psych-assessments .qps-choice-grid strong { color: var(--qps-ink); font-size: 16px; font-weight: 500; line-height: 1.4; } #qxplore-psych-assessments .qps-choice-grid small { margin-top: 7px; color: var(--qps-text); font-size: 13px; line-height: 1.45; } #qxplore-psych-assessments .qps-learning { display: grid; grid-template-columns: minmax(0, 3fr) minmax(250px, 2fr); gap: 36px; align-items: center; } #qxplore-psych-assessments .qps-learning .qps-section-heading { margin-bottom: 26px; } #qxplore-psych-assessments .qps-service-pair { display: grid; gap: 22px; } #qxplore-psych-assessments .qps-service-pair article { padding-top: 16px; border-top: 1px solid var(--qps-rule); } #qxplore-psych-assessments .qps-service-pair p { margin-bottom: 8px; font-size: 15px; } #qxplore-psych-assessments .qps-text-link { display: inline-flex; align-items: center; min-height: 34px; font-size: 14px; } #qxplore-psych-assessments .qps-photo { margin: 0; } #qxplore-psych-assessments .qps-photo img { display: block; width: 100%; height: auto; object-fit: cover; } #qxplore-psych-assessments .qps-photo-learning { position: relative; max-width: 437px; margin: 0 6px 8px 12px; padding: 12px; background: var(--qps-white); border: 1px solid var(--qps-rule); } #qxplore-psych-assessments .qps-photo-learning::before { content: ""; position: absolute; z-index: -1; inset: 22px -12px -12px 22px; background: var(--qps-soft); } #qxplore-psych-assessments .qps-photo-learning img { aspect-ratio: 437/498; } #qxplore-psych-assessments .qps-photo-learning figcaption { padding: 12px 0 0; color: var(--qps-text); font: 400 13px/1.5 Arial, Helvetica, sans-serif; } #qxplore-psych-assessments .qps-autism { background: var(--qps-soft); } #qxplore-psych-assessments .qps-autism-top { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 38px; align-items: center; margin-bottom: 32px; } #qxplore-psych-assessments .qps-photo-autism { max-width: 480px; padding: 10px; border: 1px solid var(--qps-rule); background: var(--qps-white); } #qxplore-psych-assessments .qps-autism-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; } #qxplore-psych-assessments .qps-autism-grid article { padding: 23px; border: 1px solid var(--qps-rule); border-radius: 5px; background: var(--qps-white); } #qxplore-psych-assessments .qps-autism-grid p { margin-bottom: 8px; font-size: 15px; } #qxplore-psych-assessments .qps-adults { display: grid; grid-template-columns: minmax(0, 3fr) minmax(230px, 2fr); gap: 40px; align-items: center; } #qxplore-psych-assessments .qps-note { padding: 26px; background: var(--qps-warm); border-left: 4px solid var(--qps-brand); } #qxplore-psych-assessments .qps-note p { margin: 0; font-size: 15px; } #qxplore-psych-assessments .qps-wsib { display: grid; grid-template-columns: minmax(0,2fr) minmax(0,3fr); gap: 44px; background: var(--qps-brand); } #qxplore-psych-assessments .qps-wsib h2, #qxplore-psych-assessments .qps-wsib p { color: var(--qps-white); } #qxplore-psych-assessments .qps-wsib .qps-eyebrow { color: #c7dce7; } #qxplore-psych-assessments .qps-wsib p:last-child { margin-bottom: 0; } #qxplore-psych-assessments .qps-next { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 1fr); gap: 30px; align-items: end; } #qxplore-psych-assessments .qps-next > a { justify-self: end; } #qxplore-psych-assessments .qps-contact { display: grid; grid-template-columns: minmax(0,3fr) minmax(0,2fr); gap: 40px; padding: 42px; background: var(--qps-warm); border-top: 1px solid var(--qps-rule); } #qxplore-psych-assessments .qps-contact-details { display: flex; flex-direction: column; gap: 14px; align-self: center; padding-left: 28px; border-left: 1px solid var(--qps-rule); font: 400 14px/1.65 Arial, Helvetica, sans-serif; } #qxplore-psych-assessments .qps-contact-details a { width: fit-content; max-width: 100%; overflow-wrap: anywhere; } #qxplore-psych-assessments .qps-contact-phone { font-size: 23px; line-height: 1.3; } @media (max-width: 950px) { #qxplore-psych-assessments .qps-choice-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } #qxplore-psych-assessments .qps-autism-grid { grid-template-columns: minmax(0,1fr); } } @media (max-width: 760px) { #qxplore-psych-assessments .qps-hero, #qxplore-psych-assessments .qps-learning, #qxplore-psych-assessments .qps-autism-top, #qxplore-psych-assessments .qps-adults, #qxplore-psych-assessments .qps-wsib, #qxplore-psych-assessments .qps-next, #qxplore-psych-assessments .qps-contact { grid-template-columns: minmax(0,1fr); } #qxplore-psych-assessments .qps-hero-copy, #qxplore-psych-assessments .qps-hero-panel { padding: 32px 22px; } #qxplore-psych-assessments .qps-section, #qxplore-psych-assessments .qps-choices, #qxplore-psych-assessments .qps-contact { padding: 34px 22px; } #qxplore-psych-assessments .qps-photo-learning { max-width: 340px; margin: 10px auto 14px; } #qxplore-psych-assessments .qps-autism-top { gap: 24px; } #qxplore-psych-assessments .qps-next > a { justify-self: start; } #qxplore-psych-assessments .qps-contact-details { padding: 22px 0 0; border-left: 0; border-top: 1px solid var(--qps-rule); } } @media (max-width: 480px) { #qxplore-psych-assessments .qps-choice-grid { grid-template-columns: minmax(0,1fr); } #qxplore-psych-assessments .qps-choice-grid a { min-height: 0; } } @media (pointer: coarse) { #qxplore-psych-assessments .qps-phone, #qxplore-psych-assessments .qps-text-link, #qxplore-psych-assessments .qps-contact-details a { min-height: 44px; display: inline-flex; align-items: center; } } /* Photo-led overview. Keep section headings light on dark panels despite theme rules. #qxplore-psych-assessments .qps-hero { grid-template-columns: minmax(0, 52fr) minmax(0, 48fr); } #qxplore-psych-assessments .qps-hero-photo { position: relative; min-height: 420px; margin: 0; overflow: hidden; background: #e9f1f4; } #qxplore-psych-assessments .qps-hero-photo img { display: block; width: 100%; height: 100%; min-height: 420px; object-fit: cover; } #qxplore-psych-assessments .qps-hero-photo figcaption { position: absolute; right: 12px; bottom: 12px; padding: 3px 8px; background: rgba(255,255,255,.9); color: #163647; font: 12px/1.5 Arial,sans-serif; } #qxplore-psych-assessments .qps-choices .qps-section-heading p:last-child { margin-top: 5px; } #qxplore-psych-assessments .qps-wsib h2, #qxplore-psych-assessments .qps-hero-panel h2 { color: #fff !important; } @media (max-width: 760px) { #qxplore-psych-assessments .qps-hero-photo { min-height: 260px; } #qxplore-psych-assessments .qps-hero-photo img { min-height: 260px; max-height: 420px; } } */ #qxplore-psych-assessments { --qpa-ink:#163647; --qpa-text:#425660; --qpa-brand:#073c5c; --qpa-warm:#f2f3ee; --qpa-soft:#e9f1f4; --qpa-rule:#d8e2e6; width:100%; max-width:1280px; margin:0 auto; padding:0; color:var(--qpa-ink); background:#fff; font:400 16px/1.65 Arial,Helvetica,sans-serif; text-align:left; color-scheme:light; isolation:isolate; overflow-wrap:break-word; } #qxplore-psych-assessments *, #qxplore-psych-assessments *::before, #qxplore-psych-assessments *::after { box-sizing:border-box; } #qxplore-psych-assessments section, #qxplore-psych-assessments article, #qxplore-psych-assessments aside, #qxplore-psych-assessments figure { min-width:0; } #qxplore-psych-assessments p { padding:0; margin:0 0 16px; color:var(--qpa-text); font:400 16px/1.65 Arial,Helvetica,sans-serif; letter-spacing:normal; text-transform:none; } #qxplore-psych-assessments h1, #qxplore-psych-assessments h2, #qxplore-psych-assessments h3 { padding:0; border:0; margin:0 0 16px; color:var(--qpa-ink); letter-spacing:normal; text-transform:none; } #qxplore-psych-assessments h1 { font:500 clamp(32px,3.8vw,46px)/1.14 Georgia,serif; letter-spacing:-.025em; } #qxplore-psych-assessments h2 { font:500 clamp(26px,2.7vw,34px)/1.25 Georgia,serif; } #qxplore-psych-assessments h3 { margin-bottom:10px; font:600 18px/1.4 Arial,Helvetica,sans-serif; } #qxplore-psych-assessments h1::after, #qxplore-psych-assessments h2::after, #qxplore-psych-assessments h3::after { display:none; } #qxplore-psych-assessments a { color:var(--qpa-brand); text-decoration:underline; text-underline-offset:4px; } #qxplore-psych-assessments a:hover { text-decoration-thickness:2px; } #qxplore-psych-assessments a:focus-visible { outline:3px solid #347aa0; outline-offset:5px; } #qxplore-psych-assessments [id] { scroll-margin-top:90px; } #qxplore-psych-assessments .qpa-eyebrow { margin:0 0 12px; color:var(--qpa-brand); font:600 12px/1.5 Arial,Helvetica,sans-serif; letter-spacing:.1em; text-transform:uppercase; } #qxplore-psych-assessments .qpa-lead { color:var(--qpa-ink); font-size:20px; line-height:1.5; } #qxplore-psych-assessments .qpa-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; max-width:100%; padding:13px 20px; background:var(--qpa-brand); color:#fff; border-radius:4px; font:500 15px/1.45 Arial,Helvetica,sans-serif; text-decoration:none; text-align:center; } #qxplore-psych-assessments .qpa-button:hover { background:#105777; color:#fff; text-decoration:none; } #qxplore-psych-assessments .qpa-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px 20px; margin-top:22px; } #qxplore-psych-assessments .qpa-actions a { min-height:44px; display:inline-flex; align-items:center; } #qxplore-psych-assessments .qpa-hero { display:flex; background:var(--qpa-warm); } #qxplore-psych-assessments .qpa-hero-copy { flex:1 1 54%; padding:48px 42px; align-self:center; } #qxplore-psych-assessments .qpa-hero-photo { position:relative; flex:1 1 46%; margin:0; min-height:410px; background:var(--qpa-soft); } #qxplore-psych-assessments .qpa-hero-photo img { display:block; width:100%; height:100%; min-height:410px; object-fit:cover; } #qxplore-psych-assessments .qpa-hero-photo figcaption { position:absolute; bottom:12px; right:12px; padding:4px 9px; color:var(--qpa-ink); background:rgba(255,255,255,.94); font:12px/1.5 Arial,Helvetica,sans-serif; } #qxplore-psych-assessments .qpa-section { padding:46px 42px; } #qxplore-psych-assessments .qpa-intro { max-width:800px; margin-bottom:24px; } #qxplore-psych-assessments .qpa-choices { display:flex; flex-wrap:wrap; gap:14px; } #qxplore-psych-assessments .qpa-choice { display:flex; flex:1 1 220px; flex-direction:column; padding:20px; border:1px solid var(--qpa-rule); border-radius:4px; background:var(--qpa-soft); text-decoration:none; } #qxplore-psych-assessments .qpa-choice:hover { background:#f3f7f9; border-color:var(--qpa-brand); } #qxplore-psych-assessments .qpa-choice span { margin-bottom:12px; color:var(--qpa-brand); font-size:12px; letter-spacing:.05em; } #qxplore-psych-assessments .qpa-choice strong { color:var(--qpa-ink); font-size:17px; font-weight:600; line-height:1.4; } #qxplore-psych-assessments .qpa-choice small { margin-top:7px; color:var(--qpa-text); font-size:14px; line-height:1.5; } #qxplore-psych-assessments .qpa-learning { display:flex; align-items:center; gap:40px; border-top:1px solid var(--qpa-rule); } #qxplore-psych-assessments .qpa-learning-copy { flex:1 1 62%; } #qxplore-psych-assessments .qpa-learning-photo { flex:1 1 38%; margin:0; max-width:360px; padding:12px; border:1px solid var(--qpa-rule); background:var(--qpa-warm); } #qxplore-psych-assessments .qpa-learning-photo img { display:block; width:100%; height:auto; } #qxplore-psych-assessments .qpa-service { margin-top:22px; padding-top:22px; border-top:1px solid var(--qpa-rule); } #qxplore-psych-assessments .qpa-service p:last-child { margin-bottom:0; } #qxplore-psych-assessments .qpa-link { display:inline-flex; align-items:center; min-height:44px; margin-top:4px; font-size:15px; } #qxplore-psych-assessments .qpa-dark { background:var(--qpa-brand); } #qxplore-psych-assessments .qpa-dark h2, #qxplore-psych-assessments .qpa-dark h3 { color:#eee !important; } #qxplore-psych-assessments .qpa-dark p { color:#eee; } #qxplore-psych-assessments .qpa-dark .qpa-eyebrow { color:#c7dce7; } #qxplore-psych-assessments .qpa-dark a { color:#fff; } #qxplore-psych-assessments .qpa-dark a:focus-visible { outline-color:#fff; } #qxplore-psych-assessments .qpa-psychological { display:flex; align-items:center; gap:42px; } #qxplore-psych-assessments .qpa-psychological > div { flex:1 1 62%; } #qxplore-psych-assessments .qpa-note { flex:1 1 38%; padding:24px; border:1px solid rgba(255,255,255,.35); border-radius:4px; } #qxplore-psych-assessments .qpa-note p:last-child { margin-bottom:0; } #qxplore-psych-assessments .qpa-autism { background:var(--qpa-soft); } #qxplore-psych-assessments .qpa-autism-top { display:flex; align-items:center; gap:38px; margin-bottom:26px; } #qxplore-psych-assessments .qpa-autism-top > div { flex:1 1 60%; } #qxplore-psych-assessments .qpa-autism-photo { flex:1 1 40%; margin:0; max-width:420px; padding:10px; border:1px solid var(--qpa-rule); background:#fff; } #qxplore-psych-assessments .qpa-autism-photo img { display:block; width:100%; height:auto; } #qxplore-psych-assessments .qpa-cards { display:flex; flex-wrap:wrap; gap:20px; } #qxplore-psych-assessments .qpa-card { flex:1 1 300px; padding:26px; background:#fff; border:1px solid var(--qpa-rule); border-radius:4px; } #qxplore-psych-assessments .qpa-related { margin-top:24px; padding:22px 24px; border-left:4px solid var(--qpa-brand); background:#fff; } #qxplore-psych-assessments .qpa-related p:last-child { margin-bottom:0; } #qxplore-psych-assessments .qpa-practical { display:flex; flex-wrap:wrap; gap:36px; } #qxplore-psych-assessments .qpa-practical > div { flex:1 1 330px; } #qxplore-psych-assessments .qpa-list { margin:0 0 16px; padding:0 0 0 20px; color:var(--qpa-text); } #qxplore-psych-assessments .qpa-list li { margin-bottom:9px; font:400 16px/1.6 Arial,Helvetica,sans-serif; } #qxplore-psych-assessments .qpa-contact { display:flex; gap:40px; padding:42px; border-top:1px solid var(--qpa-rule); background:var(--qpa-warm); } #qxplore-psych-assessments .qpa-contact > div { flex:1 1 62%; } #qxplore-psych-assessments .qpa-contact-details { flex:1 1 38%; display:flex; flex-direction:column; gap:14px; align-self:center; margin:0; padding-left:28px; border-left:1px solid var(--qpa-rule); color:var(--qpa-text); font:400 15px/1.65 Arial,Helvetica,sans-serif; } #qxplore-psych-assessments .qpa-contact-details a { display:inline-flex; align-items:center; min-height:44px; width:fit-content; max-width:100%; overflow-wrap:anywhere; } #qxplore-psych-assessments .qpa-contact-phone { font-size:24px; } @media(max-width:800px) { #qxplore-psych-assessments .qpa-hero, #qxplore-psych-assessments .qpa-learning, #qxplore-psych-assessments .qpa-psychological, #qxplore-psych-assessments .qpa-autism-top, #qxplore-psych-assessments .qpa-contact { flex-direction:column; align-items:stretch; gap:26px; } #qxplore-psych-assessments .qpa-hero { gap:0; } #qxplore-psych-assessments .qpa-hero-copy, #qxplore-psych-assessments .qpa-section, #qxplore-psych-assessments .qpa-contact { padding:32px 22px; } #qxplore-psych-assessments .qpa-hero-photo, #qxplore-psych-assessments .qpa-hero-photo img { min-height:0; } #qxplore-psych-assessments .qpa-hero-photo img { height:auto; aspect-ratio:3/2; } #qxplore-psych-assessments .qpa-learning-photo, #qxplore-psych-assessments .qpa-autism-photo { width:100%; margin:0 auto; } #qxplore-psych-assessments .qpa-contact-details { padding:22px 0 0; border-left:0; border-top:1px solid var(--qpa-rule); align-self:stretch; } } @media(max-width:480px) { #qxplore-psych-assessments .qpa-choice { flex-basis:100%; } #qxplore-psych-assessments .qpa-card { padding:22px; } } /* Existing treatment image sizing */ @media (max-width: 1024px) { .wp-image-5770 { width: 80%; margin: auto; } } @media (max-width: 1000px) { .wp-image-5770 { width: 65%; margin: auto; } } @media (max-width: 850px) { .wp-image-5770 { width: 96%; margin: auto; } } /* ========== Headings on navy panels ========== */ #qxplore-couples-page .qx-contact h2, #qxplore-family-page .qxf-hero-panel h2, #qxplore-family-page .qxf-recognise-list h3, #qxplore-family-page .qxf-contact h2, #qxplore-youth-page .qxy-hero-panel h2, #qxplore-youth-page .qxy-recognise-list h3, #qxplore-youth-page .qxy-contact h2, #qxplore-assessment-page .qxa-hero-panel h2, #qxplore-assessment-page .qxa-recognise-list h3, #qxplore-assessment-page .qxa-contact h2, #qxplore-counselling-hub .qxh-hero-panel h2, #qxplore-counselling-hub .qxh-recognise-list h3, #qxplore-counselling-hub .qxh-contact h2, #qxplore-autism-assessment .qaa-hero-panel h2, #qxplore-autism-assessment .qaa-panel-list h3, #qxplore-autism-assessment .qaa-contact h2, #qxplore-treatment-page .qpt-hero-panel h2, #qxplore-treatment-page .qpt-panel-list h3, #qxplore-treatment-page .qpt-contact h2, #qxplore-psych-assessments .qps-hero-panel h2, #qxplore-psych-assessments .qps-wsib h2 { color: #eee !important; } /* The photo-led Treatment variant has a pale question band. */ #qxplore-treatment-page .qpt-hero:has(.qpt-hero-photo) .qpt-hero-panel h2, #qxplore-treatment-page .qpt-hero:has(.qpt-hero-photo) .qpt-panel-list h3 { color: #163647 !important; } /* ------------ Erpgnomic ---------------- */ #qxplore-ergonomics { --qer-ink:#163647; --qer-text:#425660; --qer-brand:#073c5c; --qer-warm:#f2f3ee; --qer-soft:#e9f1f4; --qer-rule:#d8e2e6; --qer-accent:#a6233a; width:100%; max-width:1280px; margin:0 auto; padding:0; background:#fff; color:var(--qer-ink); text-align:left; isolation:isolate; color-scheme:light; font:400 16px/1.65 Arial,Helvetica,sans-serif; overflow-wrap:break-word; } #qxplore-ergonomics *, #qxplore-ergonomics *::before, #qxplore-ergonomics *::after { box-sizing:border-box; } #qxplore-ergonomics section, #qxplore-ergonomics article, #qxplore-ergonomics aside, #qxplore-ergonomics figure { min-width:0; } #qxplore-ergonomics p { margin:0 0 16px; padding:0; color:var(--qer-text); font:400 16px/1.65 Arial,Helvetica,sans-serif; text-transform:none; letter-spacing:normal; } #qxplore-ergonomics h1, #qxplore-ergonomics h2, #qxplore-ergonomics h3 { margin:0 0 16px; padding:0; border:0; color:var(--qer-ink); text-transform:none; letter-spacing:normal; } #qxplore-ergonomics h1 { font:500 clamp(32px,3.6vw,46px)/1.16 Georgia,serif !important; letter-spacing:-.02em; } #qxplore-ergonomics h2 { font:500 clamp(26px,2.7vw,34px)/1.25 Georgia,serif !important; } #qxplore-ergonomics h3 { margin-bottom:10px; font:600 18px/1.4 Arial,Helvetica,sans-serif !important; } #qxplore-ergonomics h1::after, #qxplore-ergonomics h2::after, #qxplore-ergonomics h3::after { display:none; } #qxplore-ergonomics a { color:var(--qer-brand); text-decoration:underline; text-underline-offset:4px; } #qxplore-ergonomics a:hover { text-decoration-thickness:2px; } #qxplore-ergonomics a:focus-visible { outline:3px solid #347aa0; outline-offset:5px; } #qxplore-ergonomics [id] { scroll-margin-top:90px; } #qxplore-ergonomics .qer-eyebrow { margin:0 0 12px; color:var(--qer-brand); font:600 12px/1.5 Arial,Helvetica,sans-serif; letter-spacing:.1em; text-transform:uppercase; } #qxplore-ergonomics .qer-lead { color:var(--qer-ink); font-size:20px; line-height:1.5; } #qxplore-ergonomics .qer-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; max-width:100%; padding:13px 20px; border-radius:4px; background:var(--qer-brand); color:#fff; font:500 15px/1.45 Arial,Helvetica,sans-serif; text-decoration:none; text-align:center; } #qxplore-ergonomics .qer-button:hover { background:#105777; color:#fff; text-decoration:none; } #qxplore-ergonomics .qer-actions { display:flex; align-items:center; flex-wrap:wrap; gap:14px 20px; margin-top:22px; } #qxplore-ergonomics .qer-actions a { display:inline-flex; align-items:center; min-height:44px; } #qxplore-ergonomics .qer-link { display:inline-flex; align-items:center; min-height:44px; margin-top:4px; font-size:15px; } #qxplore-ergonomics .qer-header-photo { margin:0; padding:0; background:#fff; border-bottom:1px solid var(--qer-rule); } #qxplore-ergonomics .qer-header-photo img { display:block; width:100%; max-width:100%; height:auto; margin:0; object-fit:contain; } #qxplore-ergonomics .qer-hero { display:flex; align-items:center; gap:36px; padding:44px 42px; background:var(--qer-warm); } #qxplore-ergonomics .qer-hero-copy { flex:1 1 62%; } #qxplore-ergonomics .qer-focus { flex:1 1 38%; padding:28px; background:var(--qer-brand); border-top:4px solid var(--qer-accent); border-radius:4px; } #qxplore-ergonomics .qer-focus h2, #qxplore-ergonomics .qer-focus h3, #qxplore-ergonomics .qer-dark h2, #qxplore-ergonomics .qer-dark h3 { color:#eee !important; } #qxplore-ergonomics .qer-focus p, #qxplore-ergonomics .qer-dark p, #qxplore-ergonomics .qer-dark li { color:#eee; } #qxplore-ergonomics .qer-focus .qer-eyebrow, #qxplore-ergonomics .qer-dark .qer-eyebrow { color:#c7dce7; } #qxplore-ergonomics .qer-focus ul { margin:0; padding-left:20px; color:#eee; } #qxplore-ergonomics .qer-focus li { margin-bottom:10px; line-height:1.6; } #qxplore-ergonomics .qer-section { padding:46px 42px; } #qxplore-ergonomics .qer-intro { max-width:850px; margin-bottom:26px; } #qxplore-ergonomics .qer-services { display:flex; flex-wrap:wrap; gap:18px; } #qxplore-ergonomics .qer-service { flex:1 1 270px; padding:26px; background:var(--qer-soft); border:1px solid var(--qer-rule); border-radius:4px; } #qxplore-ergonomics .qer-number { display:block; margin-bottom:16px; color:var(--qer-accent); font:600 12px/1.5 Arial,Helvetica,sans-serif; letter-spacing:.1em; } #qxplore-ergonomics .qer-service p { font-size:15px; } #qxplore-ergonomics .qer-assessment { display:flex; align-items:center; gap:38px; border-top:1px solid var(--qer-rule); } #qxplore-ergonomics .qer-assessment-copy { flex:1 1 60%; } #qxplore-ergonomics .qer-work-photo { flex:1 1 40%; margin:0; padding:12px; max-width:550px; background:var(--qer-warm); border:1px solid var(--qer-rule); } #qxplore-ergonomics .qer-work-photo img { display:block; width:100%; height:auto; margin:0; } #qxplore-ergonomics .qer-work-photo figcaption { padding-top:12px; color:var(--qer-text); font:400 13px/1.5 Arial,Helvetica,sans-serif; } #qxplore-ergonomics .qer-benefits { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; padding:0; list-style:none; } #qxplore-ergonomics .qer-benefits li { flex:1 1 220px; padding:18px; border-left:3px solid var(--qer-accent); background:var(--qer-warm); color:var(--qer-text); font:400 15px/1.6 Arial,Helvetica,sans-serif; } #qxplore-ergonomics .qer-dark { background:var(--qer-brand); } #qxplore-ergonomics .qer-dark a { color:#fff; } #qxplore-ergonomics .qer-dark a:focus-visible { outline-color:#fff; } #qxplore-ergonomics .qer-factors { display:flex; flex-wrap:wrap; gap:16px; margin-top:26px; } #qxplore-ergonomics .qer-factor { flex:1 1 280px; padding:23px; border:1px solid rgba(255,255,255,.28); border-radius:4px; } #qxplore-ergonomics .qer-factor p { margin-bottom:0; font-size:15px; } #qxplore-ergonomics .qer-pda { background:var(--qer-soft); } #qxplore-ergonomics .qer-pda-top { display:flex; flex-wrap:wrap; gap:32px; } #qxplore-ergonomics .qer-pda-top > div { flex:1 1 350px; } #qxplore-ergonomics .qer-list { margin:0 0 18px; padding-left:21px; color:var(--qer-text); } #qxplore-ergonomics .qer-list li { margin-bottom:9px; font:400 16px/1.6 Arial,Helvetica,sans-serif; } #qxplore-ergonomics .qer-process { display:flex; flex-wrap:wrap; gap:16px; margin:28px 0 0; padding:0; list-style:none; } #qxplore-ergonomics .qer-step { flex:1 1 220px; padding:24px; border:1px solid var(--qer-rule); border-radius:4px; background:#fff; } #qxplore-ergonomics .qer-step p { font-size:15px; margin-bottom:0; } #qxplore-ergonomics .qer-clinician { display:flex; align-items:flex-start; align-items: stretch; gap:36px; } #qxplore-ergonomics .qer-clinician-label { flex:1 1 36%; padding:28px; border-top:4px solid var(--qer-accent); border-radius:4px; background:var(--qer-warm); } #qxplore-ergonomics .qer-clinician-copy { flex:1 1 64%; } #qxplore-ergonomics .qer-clinician-label p { margin-bottom:0; } #qxplore-ergonomics .qer-next { display:flex; flex-wrap:wrap; align-items:flex-start; gap:34px; background:var(--qer-warm); border-top:1px solid var(--qer-rule); } #qxplore-ergonomics .qer-next > div { flex:1 1 340px; } #qxplore-ergonomics .qer-faq { border-top:1px solid var(--qer-rule); } #qxplore-ergonomics .qer-faq details { padding:18px 0; border-top:1px solid var(--qer-rule); } #qxplore-ergonomics .qer-faq details:last-child { border-bottom:1px solid var(--qer-rule); } #qxplore-ergonomics .qer-faq summary { cursor:pointer; color:var(--qer-ink); font:600 17px/1.5 Arial,Helvetica,sans-serif; } #qxplore-ergonomics .qer-faq summary:focus-visible { outline:3px solid #347aa0; outline-offset:4px; } #qxplore-ergonomics .qer-faq details p { margin:14px 0 0; max-width:900px; } #qxplore-ergonomics .qer-contact { display:flex; gap:38px; padding:42px; background:var(--qer-brand); } #qxplore-ergonomics .qer-contact > div { flex:1 1 62%; } #qxplore-ergonomics .qer-contact-details { flex:1 1 38%; display:flex; flex-direction:column; gap:12px; align-self:center; margin:0; padding-left:28px; border-left:1px solid rgba(255,255,255,.3); color:#eee; font:400 15px/1.65 Arial,Helvetica,sans-serif; } #qxplore-ergonomics .qer-contact-details a { display:inline-flex; align-items:center; width:fit-content; max-width:100%; min-height:44px; overflow-wrap:anywhere; } #qxplore-ergonomics .qer-contact-phone { font-size:24px; } #qxplore-ergonomics .qer-contact .qer-button-light { background:#fff; color:var(--qer-brand); } #qxplore-ergonomics .qer-contact .qer-button-light:hover { background:var(--qer-soft); color:var(--qer-brand); } @media(max-width:820px) { #qxplore-ergonomics .qer-hero, #qxplore-ergonomics .qer-assessment, #qxplore-ergonomics .qer-clinician, #qxplore-ergonomics .qer-contact { flex-direction:column; align-items:stretch; gap:26px; } #qxplore-ergonomics .qer-hero, #qxplore-ergonomics .qer-section, #qxplore-ergonomics .qer-contact { padding:32px 22px; } #qxplore-ergonomics .qer-work-photo { width:100%; margin:0 auto; } #qxplore-ergonomics .qer-contact-details { padding:22px 0 0; border-left:0; border-top:1px solid rgba(255,255,255,.3); align-self:stretch; } } @media(max-width:480px) { #qxplore-ergonomics .qer-service, #qxplore-ergonomics .qer-factor, #qxplore-ergonomics .qer-step, #qxplore-ergonomics .qer-benefits li { flex-basis:100%; } } /* --------------------- Consultation, Clinical Supervision and Educational Seminars ----------------- */ #qxplore-clinical-learning { --qcs-ink:#163647; --qcs-text:#425660; --qcs-brand:#073c5c; --qcs-warm:#f2f3ee; --qcs-soft:#e9f1f4; --qcs-rule:#d8e2e6; --qcs-accent:#a6233a; width:100%; max-width:1280px; margin:0 auto; padding:0; background:#fff; color:var(--qcs-ink); font:400 16px/1.65 Arial,Helvetica,sans-serif; text-align:left; color-scheme:light; isolation:isolate; overflow-wrap:break-word; } #qxplore-clinical-learning *, #qxplore-clinical-learning *::before, #qxplore-clinical-learning *::after { box-sizing:border-box; } #qxplore-clinical-learning section, #qxplore-clinical-learning article, #qxplore-clinical-learning aside, #qxplore-clinical-learning figure { min-width:0; } #qxplore-clinical-learning p { margin:0 0 16px; padding:0; color:var(--qcs-text); font:400 16px/1.65 Arial,Helvetica,sans-serif; letter-spacing:normal; text-transform:none; } #qxplore-clinical-learning h1, #qxplore-clinical-learning h2, #qxplore-clinical-learning h3 { margin:0 0 16px; padding:0; border:0; color:var(--qcs-ink); text-transform:none; letter-spacing:normal; } #qxplore-clinical-learning h1 { font:500 clamp(30px,3.5vw,44px)/1.18 Georgia,serif !important; letter-spacing:-.02em; } #qxplore-clinical-learning h2 { font:500 clamp(26px,2.7vw,34px)/1.25 Georgia,serif !important; } #qxplore-clinical-learning h3 { margin-bottom:10px; font:600 18px/1.4 Arial,Helvetica,sans-serif !important; } #qxplore-clinical-learning h1::after, #qxplore-clinical-learning h2::after, #qxplore-clinical-learning h3::after { display:none; } #qxplore-clinical-learning a { color:var(--qcs-brand); text-decoration:underline; text-underline-offset:4px; } #qxplore-clinical-learning a:hover { text-decoration-thickness:2px; } #qxplore-clinical-learning a:focus-visible, #qxplore-clinical-learning summary:focus-visible { outline:3px solid #347aa0; outline-offset:5px; } #qxplore-clinical-learning [id] { scroll-margin-top:90px; } #qxplore-clinical-learning .qcs-eyebrow { margin:0 0 12px; color:var(--qcs-brand); font:600 12px/1.5 Arial,Helvetica,sans-serif; letter-spacing:.1em; text-transform:uppercase; } #qxplore-clinical-learning .qcs-lead { color:var(--qcs-ink); font-size:20px; line-height:1.5; } #qxplore-clinical-learning .qcs-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; max-width:100%; padding:13px 20px; border-radius:4px; background:var(--qcs-brand); color:#fff; font:500 15px/1.45 Arial,Helvetica,sans-serif; text-decoration:none; text-align:center; } #qxplore-clinical-learning .qcs-button:hover { background:#105777; color:#fff; text-decoration:none; } #qxplore-clinical-learning .qcs-actions { display:flex; align-items:center; flex-wrap:wrap; gap:14px 20px; margin-top:22px; } #qxplore-clinical-learning .qcs-actions a { display:inline-flex; align-items:center; min-height:44px; } #qxplore-clinical-learning .qcs-link { display:inline-flex; align-items:center; min-height:44px; margin-top:4px; font-size:15px; } #qxplore-clinical-learning .qcs-banner { position:relative; margin:0; background:var(--qcs-soft); } #qxplore-clinical-learning .qcs-banner img { display:block; width:100%; height:auto; margin:0; } #qxplore-clinical-learning .qcs-banner figcaption { position:absolute; bottom:10px; right:10px; padding:4px 8px; color:var(--qcs-ink); background:rgba(255,255,255,.94); font:12px/1.5 Arial,Helvetica,sans-serif; } #qxplore-clinical-learning .qcs-hero { padding:42px; background:var(--qcs-warm); border-bottom:1px solid var(--qcs-rule); } #qxplore-clinical-learning .qcs-hero > div { max-width:950px; } #qxplore-clinical-learning .qcs-section { padding:46px 42px; } #qxplore-clinical-learning .qcs-intro { max-width:850px; margin-bottom:26px; } #qxplore-clinical-learning .qcs-paths { display:flex; flex-wrap:wrap; gap:18px; } #qxplore-clinical-learning .qcs-path { flex:1 1 270px; padding:26px; background:var(--qcs-soft); border:1px solid var(--qcs-rule); border-radius:4px; } #qxplore-clinical-learning .qcs-number { display:block; margin-bottom:15px; color:var(--qcs-accent); font:600 12px/1.5 Arial,Helvetica,sans-serif; letter-spacing:.08em; } #qxplore-clinical-learning .qcs-path p { font-size:15px; } #qxplore-clinical-learning .qcs-consultation { display:flex; align-items:center; gap:38px; border-top:1px solid var(--qcs-rule); } #qxplore-clinical-learning .qcs-consultation-copy { flex:1 1 56%; } #qxplore-clinical-learning .qcs-photo { position:relative; flex:1 1 44%; margin:0; max-width:600px; padding:10px; background:var(--qcs-warm); border:1px solid var(--qcs-rule); } #qxplore-clinical-learning .qcs-photo img { display:block; width:100%; height:auto; margin:0; } #qxplore-clinical-learning .qcs-photo figcaption { margin-top:9px; color:var(--qcs-text); font:12px/1.5 Arial,Helvetica,sans-serif; } #qxplore-clinical-learning .qcs-list { margin:0 0 18px; padding-left:21px; color:var(--qcs-text); } #qxplore-clinical-learning .qcs-list li { margin-bottom:9px; font:400 16px/1.6 Arial,Helvetica,sans-serif; } #qxplore-clinical-learning .qcs-dark { background:var(--qcs-brand); } #qxplore-clinical-learning .qcs-dark h2, #qxplore-clinical-learning .qcs-dark h3 { color:#eee !important; } #qxplore-clinical-learning .qcs-dark p, #qxplore-clinical-learning .qcs-dark li { color:#eee; } #qxplore-clinical-learning .qcs-dark .qcs-eyebrow { color:#c7dce7; } #qxplore-clinical-learning .qcs-dark a { color:#fff; } #qxplore-clinical-learning .qcs-dark a:focus-visible { outline-color:#fff; } #qxplore-clinical-learning .qcs-supervision { display:flex; align-items:stretch; gap:36px; } #qxplore-clinical-learning .qcs-supervision > div { flex:1 1 58%; } #qxplore-clinical-learning .qcs-supervision aside { flex:1 1 42%; padding:26px; border:1px solid rgba(255,255,255,.3); border-radius:4px; } #qxplore-clinical-learning .qcs-audiences { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 0; padding:0; list-style:none; } #qxplore-clinical-learning .qcs-audiences li { flex:1 1 245px; padding:14px 16px; border:1px solid rgba(255,255,255,.28); border-radius:4px; font-size:15px; } #qxplore-clinical-learning .qcs-seminar-top { display:flex; align-items:center; gap:38px; margin-bottom:30px; } #qxplore-clinical-learning .qcs-seminar-top > div { flex:1 1 55%; } #qxplore-clinical-learning .qcs-topics { display:flex; flex-wrap:wrap; gap:18px; } #qxplore-clinical-learning .qcs-topic { flex:1 1 240px; padding:24px; background:var(--qcs-warm); border-top:3px solid var(--qcs-accent); border-radius:4px; } #qxplore-clinical-learning .qcs-topic p { margin-bottom:0; font-size:15px; } #qxplore-clinical-learning .qcs-arrangements { display:flex; flex-wrap:wrap; gap:32px; background:var(--qcs-soft); } #qxplore-clinical-learning .qcs-arrangements > div { flex:1 1 330px; } #qxplore-clinical-learning .qcs-arrangements aside { flex:1 1 330px; padding:26px; border:1px solid var(--qcs-rule); border-radius:4px; background:#fff; } #qxplore-clinical-learning .qcs-faq details { padding:18px 0; border-top:1px solid var(--qcs-rule); } #qxplore-clinical-learning .qcs-faq details:last-child { border-bottom:1px solid var(--qcs-rule); } #qxplore-clinical-learning .qcs-faq summary { cursor:pointer; color:var(--qcs-ink); font:600 17px/1.5 Arial,Helvetica,sans-serif; } #qxplore-clinical-learning .qcs-faq details p { max-width:900px; margin:14px 0 0; } #qxplore-clinical-learning .qcs-contact { display:flex; gap:38px; padding:42px; background:var(--qcs-brand); } #qxplore-clinical-learning .qcs-contact > div { flex:1 1 62%; } #qxplore-clinical-learning .qcs-contact-details { flex:1 1 38%; display:flex; flex-direction:column; gap:12px; align-self:center; margin:0; padding-left:28px; border-left:1px solid rgba(255,255,255,.3); color:#eee; font:400 15px/1.65 Arial,Helvetica,sans-serif; } #qxplore-clinical-learning .qcs-contact-details a { display:inline-flex; align-items:center; min-height:44px; width:fit-content; max-width:100%; overflow-wrap:anywhere; } #qxplore-clinical-learning .qcs-contact-phone { font-size:24px; } #qxplore-clinical-learning .qcs-contact .qcs-button-light { background:#fff; color:var(--qcs-brand); } #qxplore-clinical-learning .qcs-contact .qcs-button-light:hover { background:var(--qcs-soft); color:var(--qcs-brand); } @media(max-width:820px) { #qxplore-clinical-learning .qcs-consultation, #qxplore-clinical-learning .qcs-supervision, #qxplore-clinical-learning .qcs-seminar-top, #qxplore-clinical-learning .qcs-contact { flex-direction:column; align-items:stretch; gap:26px; } #qxplore-clinical-learning .qcs-hero, #qxplore-clinical-learning .qcs-section, #qxplore-clinical-learning .qcs-contact { padding:32px 22px; } #qxplore-clinical-learning .qcs-photo { width:100%; margin:0 auto; } #qxplore-clinical-learning .qcs-contact-details { padding:22px 0 0; border-left:0; border-top:1px solid rgba(255,255,255,.3); align-self:stretch; } } @media(max-width:480px) { #qxplore-clinical-learning .qcs-path, #qxplore-clinical-learning .qcs-topic, #qxplore-clinical-learning .qcs-audiences li { flex-basis:100%; } } .attachment-travel-agency-full, .size-travel-agency-full, .wp-post-image { max-width:90%!important; } /* Decompression and pain replacement */ #qx-decompression { --qdp-navy: #073c5c; --qdp-text: #354b56; --qdp-rule: #d7e2e8; --qdp-soft: #edf4f7; box-sizing: border-box; width: 100%; max-width: 1200px; margin: 0 auto 48px; padding: 16px clamp(16px, 3vw, 40px) 24px; color: var(--qdp-text); font-family: inherit; font-size: 17px; line-height: 1.7; text-align: left; overflow-wrap: anywhere; clear: both; } #qx-decompression *, #qx-decompression *::before, #qx-decompression *::after { box-sizing: border-box; } #qx-decompression .qdp-columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 4vw, 60px); align-items: start; } #qx-decompression .qdp-column { min-width: 0; } #qx-decompression .qdp-column + .qdp-column { border-left: 1px solid var(--qdp-rule); padding-left: clamp(28px, 3vw, 40px); } #qx-decompression h2, #qx-decompression h3 { margin: 0 0 16px; color: var(--qdp-navy); font-family: inherit; font-weight: 700; line-height: 1.25; text-transform: none; letter-spacing: normal; } #qx-decompression h2 { font-size: clamp(24px, 2.2vw, 29px); } #qx-decompression h3 { font-size: 22px; } #qx-decompression p { margin: 0 0 18px; } #qx-decompression a { color: var(--qdp-navy); text-decoration: underline; text-underline-offset: 3px; } #qx-decompression a:hover { color: #005f99; } #qx-decompression a:focus-visible { outline: 3px solid #0b74e1; outline-offset: 4px; } #qx-decompression img { display: block; max-width: 100%; height: auto; margin: 0; padding: 0; border: 0; float: none; } #qx-decompression .qdp-logo { width: 100%; margin: 0 auto 24px; } #qx-decompression .qdp-intro { padding-bottom: 24px; margin-bottom: 28px; border-bottom: 1px solid var(--qdp-rule); } #qx-decompression .qdp-intro > p:first-of-type { font-size: 19px; } #qx-decompression .qdp-consult { padding: 20px 22px; margin: 24px 0 20px; background: var(--qdp-soft); border-left: 4px solid var(--qdp-navy); } #qx-decompression .qdp-consult strong { display: block; margin-bottom: 5px; color: var(--qdp-navy); font-size: 20px; line-height: 1.4; } #qx-decompression .qdp-consult p { margin: 0; } #qx-decompression .qdp-button { display: inline-flex; justify-content: center; align-items: center; min-height: 48px; max-width: 100%; padding: 12px 22px; border: 2px solid var(--qdp-navy); border-radius: 4px; background: var(--qdp-navy); color: #fff; font-size: 16px; font-weight: 700; line-height: 1.5; text-align: center; text-decoration: none; } #qx-decompression .qdp-button:hover { background: #005276; border-color: #005276; color: #fff; } #qx-decompression .qdp-illustrated { display: flow-root; } #qx-decompression .qdp-neck-image { float: left; width: 45%; max-width: 237px; margin: 5px 20px 12px 0; border-radius: 4px; } #qx-decompression .qdp-spine-image { width: 320px; margin: 22px auto 24px; border-radius: 4px; } #qx-decompression .qdp-topics { margin: 0 0 20px; padding: 0 0 0 22px; } #qx-decompression .qdp-topics li { margin: 0 0 7px; padding-left: 3px; } #qx-decompression .qdp-topics li::marker { color: var(--qdp-navy); } #qx-decompression .qdp-note { margin-top: 22px; padding: 16px 0 0; border-top: 1px solid var(--qdp-rule); font-size: 16px; } #qx-decompression .qdp-resources { margin-top: 30px; } #qx-decompression .qdp-resources a { display: inline-block; min-height: 44px; padding: 8px 0; } #qx-decompression .qdp-profile { padding: 24px; margin-top: 28px; border: 1px solid var(--qdp-rule); border-radius: 4px; background: #f7f9fa; } #qx-decompression .qdp-profile .qdp-role { margin: -6px 0 16px; color: var(--qdp-text); font-size: 16px; } #qx-decompression .qdp-credentials { margin: 0 0 14px; padding-left: 20px; } #qx-decompression .qdp-credentials li { margin-bottom: 9px; } #qx-decompression .qdp-email { display: inline-block; padding: 10px 0; min-height: 44px; font-weight: 700; } #qx-decompression .qdp-profile > :last-child { margin-bottom: 0; } /* Tablets: readable full-width sections instead of narrow text columns. */ @media (max-width: 1024px) { #qx-decompression { max-width: 820px; padding: 16px 24px 24px; } #qx-decompression .qdp-columns { grid-template-columns: minmax(0, 1fr); gap: 32px; } #qx-decompression .qdp-column + .qdp-column { padding: 32px 0 0; border-left: 0; border-top: 1px solid var(--qdp-rule); } #qx-decompression .qdp-logo { max-width: 600px; } } /* Phones: full-width actions and a simple vertical reading order. */ @media (max-width: 767px) { #qx-decompression { padding: 12px 16px 20px; margin-bottom: 32px; font-size: 17px; line-height: 1.65; } #qx-decompression h2 { font-size: 25px; } #qx-decompression .qdp-intro > p:first-of-type { font-size: 18px; } #qx-decompression .qdp-button { display: flex; width: 100%; } #qx-decompression .qdp-consult { padding: 18px; } #qx-decompression .qdp-neck-image { float: none; width: 237px; margin: 0 auto 20px; } #qx-decompression .qdp-profile { padding: 20px 18px; } }