/** Shopify CDN: Minification failed Line 5530:29 Expected identifier but found "." Line 7373:0 Unexpected "}" Line 7528:2 Unexpected "/" **/ @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } @-moz-keyframes spincounter { 100% { -moz-transform: rotate(-360deg); } } @-webkit-keyframes spincounter { 100% { -webkit-transform: rotate(-360deg); } } @keyframes spincounter { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } } .d-none { display: none; } html { overflow-x:hidden; } body { letter-spacing: 0 !important; overflow-x: hidden; } .page-width { width: 100%; } h2, .h2 { font-size: 35px; line-height: 3.6rem; } .section { position:relative; z-index:2; } @media (max-width: 980px) { h2, .h2 { font-size: 30px; line-height: 3.2rem; } } @media (max-width: 767px) { h2, .h2 { font-size: 30px; line-height: 3rem; } } h1, .h1 { font-size: 7rem; line-height: 8.4rem; } @media (max-width: 980px) { h1, .h1 { font-size: 5rem; line-height: 6.4rem; } } @media (max-width: 767px) { h1, .h1 { font-size: 3rem; line-height: 4.4rem; } } .fw-normal { font-weight: normal; } .fw-bold { font-weight: bold; } .fs-18 { font-size: 1.8rem; line-height: 3rem; } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-italic { font-style: italic !important; } .font-35 .h2, strong.font-35 { font-size:35px !important; font-weight:700!important; } @media only screen and (min-width: 1400px) { .extra-border-left { position: relative; background: transparent !important; padding-left: 0 !important; } .extra-border-left::after { content: ''; background: #07B1A9;; width: 115%; height: 100%; top: 0; left: -11%; position: absolute; border-radius: 15px; z-index: -1; } .extra-border-left.violet::after { background: #64317F; } } @media only screen and (max-width: 600px) { .font-35 .h2, strong.font-35 { font-size:30px !important; } } /*Elements: Button*/ .button { padding:10px 30px; font-weight: 500; font-size:20px; letter-spacing: 0; transition: all 0.3s; text-transform:capitalize; border-radius:4px; } .button:after { /* transition: all 0.3s !important; */ border-radius:4px; } .button:before { border-radius:4px; } .button.button--primary, .button.button--primary span { color: white; } .button.button--outline { background-color: transparent; border-width: 2px !important; } .button.button--outline, .button.button--outline span { color: white; } .button.button--outline:after { border: 1px solid white; } .button:hover { background-color: black; border-color: black; } .button:hover:after { border-color: black !important; box-shadow: none !important; } .button.button--primary2 { background-color: #ff7400 !important; color: white; } /*Section: Header*/ .section-header.shopify-section-group-header-group { z-index:5; } .header--top-left { display: flex !important; flex-wrap: wrap !important; max-width: 100%; padding: 0 !important; } @media (max-width: 989px) { .header--top-left { box-shadow: 0px 2px 10px 0px rgba(72, 72, 72, 0.35); } .mid-768 { max-width:768px; margin:auto; } } .header--top-left .header__top-menu, .header--top-left .header__logo, .header--top-left .header__main-menu { width: 100%; } .header--top-left .page-width { max-width: var(--page-width); margin: 0 auto; padding: 0 1.5rem; display: flex; flex-wrap: wrap; align-items: center; } @media screen and (min-width: 750px) { .header--top-left .page-width { padding: 0 5rem; } } .header-right-side { display: flex; align-items: center; display: -webkit-flex; -webkit-align-items: center; } .header-right-side .header__inline-menu { margin-top:0 !important; } .header-right-side .header__menu-item a, .header-right-side .header__menu-item a span, .header-right-side .header__menu-item, .header-right-side .header__menu-item span { font-size:17px; color:#000; font-weight:400; text-decoration:none !important; } .header__menu-item .icon-caret { display:none; } details[open]>.header__menu-item { text-decoration:none !important; } .header--top-left .header__top-menu { background-color: #07B1A9; font-size: 12px; line-height: 30px; color: #fff; } .header--top-left .header__top-menu .page-width { justify-content: space-between; } .header--top-left .header__top-menu span { display: inline-block; } @media only screen and (min-width: 3500px) { .header-right-side .header__submenu { box-shadow: 0px 3px 6px #00000029; border: 0; border-radius: 25px; padding-bottom: 40px; display: flex; flex-wrap: wrap; position: fixed; left: 34.5%; max-width: 100%; width: 32.5%; min-width: 0%; z-index: 4 !important; } } @media only screen and (min-width: 3100px) and (max-width: 3499px){ .header-right-side .header__submenu { box-shadow: 0px 3px 6px #00000029; border: 0; border-radius: 25px; padding-bottom: 40px; display: flex; flex-wrap: wrap; position: fixed; left: 31.5%; max-width: 100%; width: 35.5%; min-width: 0%; z-index: 4 !important; } } @media only screen and (min-width: 2560px) and (max-width: 3099px) { .header-right-side .header__submenu { box-shadow: 0px 3px 6px #00000029; border: 0; border-radius: 25px; padding-bottom: 40px; /* display: flex; flex-wrap: wrap; */ position: fixed; left: 28.5%; max-width: 100%; width: 45.5%; min-width: 0%; z-index: 4 !important; display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px 20px; } } @media only screen and (min-width: 2100px) and (max-width: 2559px){ .header-right-side .header__submenu { box-shadow: 0px 3px 6px #00000029; border: 0; border-radius: 25px; padding-bottom: 40px; /* display: flex; flex-wrap: wrap; */ position: fixed; left: 23.5%; max-width: 100%; width: 50.5%; min-width: 0%; z-index: 4 !important; display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px 20px; } } @media only screen and (min-width: 1921px) and (max-width: 2099px){ .header-right-side .header__submenu { box-shadow: 0px 3px 6px #00000029; border: 0; border-radius: 25px; padding-bottom: 40px; /* display: flex; flex-wrap: wrap; */ position: fixed; left: 23.5%; max-width: 100%; width: 50.5%; min-width: 0%; z-index: 4 !important; display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px 20px; } } @media only screen and (min-width: 981px) and (max-width: 1920px) { .header-right-side .header__submenu { box-shadow: 0px 3px 6px #00000029; border: 0; border-radius: 25px; padding-bottom: 40px; /* display: flex; */ flex-wrap: wrap; position: fixed; column-count: 2; left: 22.5%; max-width: 100%; width: 57.5%; min-width: 0%; z-index: 4 !important; display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px 20px; } } @media only screen and (max-width: 1800px) { .header-right-side .header__submenu { left: 20%; width: 65%; } } @media only screen and (max-width: 1700px) { .header-right-side .header__submenu { /* left: 18%; width: 73.5%; */ left: 13%; width: 76.5%; } } @media only screen and (max-width: 1440px) { .header-right-side .header__submenu { /* left: 13%; width: 68.5%; */ left: 13%; width: 75.5%; padding: 30px 20px; } } @media only screen and (max-width: 1336px) { .header-right-side .header__submenu { /* left: 17%; width: 68.5%; */ left: 12%; width: 72.5%; } } @media only screen and (max-width: 1280px) { .header-right-side .header__submenu { left: 16%; } } @media only screen and (max-width: 1140px) { .header-right-side .header__submenu { left: 13%; } } @media only screen and (max-width: 1070px) { .header-right-side .header__submenu { margin-top: 20px; } } @media (max-width: 980px) { .header--top-left .header__top-menu span.site-tagline { display: none; } .header-wrapper .header--top-left .header__logo .header__logo-right { display:none !important; } } @media (max-width: 490px) { .header--top-left .header__top-menu span a { justify-content: center; } } .header--top-left .header__top-menu a { display: flex; text-decoration: none; color: black; } .header--top-left .header__top-menu a img { margin-right: 5px; } .header--top-left .header__logo { padding: 20px 0; } .header--top-left .header__logo .page-width { justify-content: space-between; } @media (max-width: 490px) { .header--top-left .header__logo .page-width { justify-content: space-between; } } .header--top-left .header__logo .header__heading { display: inline-block; } .header--top-left .header__logo .header__heading-link, .header--top-left .header__logo .button { margin: 0; } .header--top-left .header__logo .header__logo-right { display: flex; flex-wrap: wrap; align-items: center; } .header-wrapper header .header__logo-right .button { min-width: fit-content; margin: 0 15px; font-size: 17px; font-weight:500; border-radius:4px; padding: 8px 30px; min-height: fit-content; line-height: 30px; } .header-wrapper header .header__logo-right .button:last-child { margin-right:0; } .header-wrapper header .header__logo-right .button::after, .header-wrapper header .header__logo-right .button::before { display:none; } .header-wrapper header .header__logo-right .button { background-color:#1887BF; } .header-wrapper header .header__logo-right .button.button--secondary { background-color:#8DC641; color:#fff; } .header-wrapper header .header__logo-right .button:hover { background-color:#000; } .header--top-left .header__logo .header__logo-right header-drawer { margin: 0 10px; background-color: var(--gradient-base-accent-1); } .header--top-left .header__logo .header__logo-right header-drawer .icon-close path, .header--top-left .header__logo .header__logo-right header-drawer .icon-hamburger path { color: white; } @media (max-width: 490px) { .header--top-left .header__logo .header__logo-right { width: 100%; margin-top: 20px; justify-content: center; } } .header--top-left .header__main-menu { background-color: black; } .header--top-left .header__main-menu .header__inline-menu { margin: 0; width: 100%; } .header--top-left .header__main-menu .header__inline-menu .list-menu--inline { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } .header--top-left .header__main-menu .header__submenu { padding: 15px 0; width: 300px; } .header--top-left .header__main-menu .header__submenu span, .header--top-left .header__main-menu .header__submenu a { color: black !important; } .header--top-left .header__main-menu .header__submenu span:hover, .header--top-left .header__main-menu .header__submenu a:hover { color: var(--gradient-base-accent-1) !important; } .header--top-left .header__main-menu .list-menu__item { padding-right: 1.2rem 0 !important; } .header--top-left .header__main-menu span, .header--top-left .header__main-menu a { color: white !important; text-transform: uppercase; font-size: 16px; line-height: 19px; text-decoration: none; } .header--top-left .header__main-menu svg { color: white; } /*Section: Footer*/ .footer .footer__content-top { padding-bottom: 4rem; } .footer .footer__content-top .grid { display: flex; row-gap: 13px !important; column-gap: 0px !important; padding: 0 0 0rem; flex-wrap: wrap; } .footer .footer__content-top .grid .footer-block { width: 14%; max-width: 100%; padding: 0 5px; } .footer { position:relative; z-index:4; } .footer .footer__content-top .grid .footer-block:nth-child(9){ width: 42%; } .footer .footer__content-top .grid .footer-block:nth-child(10){ width: 27%; } .footer .footer__content-top .grid .footer-block:nth-child(11){ width: 7.5%; display: flex; flex-direction: column-reverse; justify-content: flex-end; text-align: center; } .footer .footer__content-top .grid .footer-block:nth-child(11) p { font-size: 10px !important; line-height: 13px; font-weight: 400; font-family: 'Lato', sans-serif; } .footer .footer__content-top .grid .footer-block:nth-child(11) .img { margin-top: 5px !important; } .footer .footer__content-top .grid .footer-block:nth-child(12){ width: 7%; } @media (min-width: 768px) { .footer .footer__content-top .grid .footer-block:nth-child(10){ padding-top:42px; } } /* Additional Footer CSS */ /* .footer .footer__content-top .grid .footer-block:nth-child(11), .footer .footer__content-top .grid .footer-block:nth-child(12){ width: 10%; } */ @media (max-width: 1444px) { #shopify-section-sections--24375577903379__header header-menu > details > .header__menu-item { padding: 1.4rem; padding-bottom: 20px; padding-top: 20px; } } @media (max-width: 1416px) { #shopify-section-sections--24375577903379__header header-menu > details > .header__menu-item { padding: 1.2rem; padding-bottom: 20px; padding-top: 20px; } } @media (max-width: 1399px) { #shopify-section-sections--24375577903379__header header-menu > details > .header__menu-item { padding: 1.2rem; padding-top: 20px; padding-bottom: 20px; } .header-right-side .header__menu-item a, .header-right-side .header__menu-item a span, .header-right-side .header__menu-item, .header-right-side .header__menu-item span { font-size:15px; } } @media (max-width: 1327px) { #shopify-section-sections--24375577903379__header header-menu > details > .header__menu-item { padding: 1.1rem; padding-bottom: 20px; padding-top: 20px; } } @media (max-width: 1313px) { #shopify-section-sections--24375577903379__header header-menu > details > .header__menu-item { padding: 1rem; padding-bottom: 20px; padding-top: 20px; } } @media (max-width: 1299px) { #shopify-section-sections--24375577903379__header header-menu > details > .header__menu-item { padding: 0.7rem; padding-bottom: 20px; padding-top: 20px; } } @media (max-width: 1280px) { .list-menu--inline { column-gap: 15px; margin-right: 25px !important; } } @media (max-width: 1198px) { .list-menu--inline { column-gap: 5px; } } @media (max-width: 1100px) { .list-menu--inline { column-gap: 0px; } } @media (max-width: 1090px) { .list-menu--inline { column-gap: 0px; margin-right: 5px !important; } } @media (max-width: 1070px) { #shopify-section-sections--24375577903379__header header-menu > details > .header__menu-item { padding: 0.7rem !important; } .list-menu--inline { margin-right: 5px !important; } } @media (max-width: 1028px) { .list-menu--inline { margin-right: 0px !important; } } /* @media (max-width: 1070px) { #shopify-section-sections--24375577903379__header header-menu > details > .header__menu-item { padding: 0.5rem !important; } } */ @media (max-width: 1100px) { #shopify-section-sections--24375577903379__header header-menu > details > .header__menu-item { padding: 1rem; padding-top: 20px; padding-bottom: 20px; } } @media (max-width: 1024px) { .footer .footer__content-top .grid .footer-block { width: 25%; } } @media (max-width: 767px) { .footer .footer__content-top .grid .footer-block, .footer .footer__content-top .grid .footer-block:nth-child(9), .footer .footer__content-top .grid .footer-block:nth-child(10){ width: 100%; margin-bottom:0px; margin-top:20px; } } @media (max-width: 1280px) { .footer .footer__content-top .grid { column-gap: 30px; row-gap: 0 !important; } } @media (max-width: 1280px) { .header-wrapper header .header__logo-right .button { padding: 8px 15px; } } .footer .footer__content-top .grid * { color: white; } .footer .footer__content-top .grid .footer-block__heading { font-size: 17px; margin-bottom: 1rem; font-weight:700; line-height:2em; } .footer .footer__content-top .grid .footer-block__heading a { text-decoration: none; font-size: 17px; } .footer-block .footer-block__details-content .list-menu__item--link { font-size: 17px; font-weight:400; padding: 0 !important; } .footer .footer__content-top .grid .img { margin-top: 10px; } .footer .footer__content-top .grid .footer-block__details-content { font-size: 14px; margin-bottom: 0; } .footer .footer__content-top .grid .footer-block__details-content a { padding: 0 0 0.5rem; } .footer .footer__content-top .grid .footer-block__details-content a:hover { color: var(--gradient-base-accent-3); text-decoration:none; } .footer .footer__content-bottom { border-top: none; padding-top: 0; } .footer .footer__content-bottom .footer__content-copyright { width: 100%; display: flex; flex-wrap: wrap; align-items: top; justify-content: space-between; border-top: 2px solid #fff; padding-top: 14px; color:#fff; } .footer .footer__content-bottom .footer__content-copyright > div { margin-top: 0; width: 33.33%; } .footer .footer__content-bottom .footer__content-copyright > div:nth-child(1) { text-align: left; width: 90%; display: flex; align-items: flex-start; display: -webkit-flex; -webkit-align-items: flex-start; padding-top: 5px; } .footer .footer__content-bottom .footer__content-copyright > div:nth-child(2) { text-align: right; width: 10%; } @media (max-width: 1280px) { .footer .footer__content-bottom .footer__content-copyright > div { width: 100%; text-align: center !important; margin-bottom: 15px; } .footer .footer__content-bottom .footer__content-copyright > div:last-child { margin-top: 5px; margin-bottom: 0; } .footer .footer__content-bottom .footer__content-copyright>div:nth-child(1) { flex-direction: column; -webkit-flex-direction: column; } } @media (max-width: 767px) { .footer .footer__content-bottom .footer__content-copyright > div:nth-child(1), .footer .footer__content-bottom .footer__content-copyright > div:nth-child(2) { width: 100%; } .footer .footer__content-bottom .footer__content-copyright>div:nth-child(1) { align-items: center; -webkit-align-items: center; } .footer .footer__content-top { padding-bottom: 0rem; } } .footer .footer__content-bottom .footer__content-copyright small { font-size: 1.4rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); } .footer .footer__content-bottom .footer__content-copyright a { padding: 0; } .footer .footer__content-bottom .footer__content-copyright a:hover { color: var(--gradient-base-accent-3); text-decoration:none; } .footer .footer__content-bottom .footer__content-copyright ul { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top:-3px; } .footer .footer__content-bottom .footer__content-copyright ul li:before { content: "|"; } @media (max-width: 767px) { .footer .footer__content-bottom .footer__content-copyright ul li { width: 100%; } .footer .footer__content-bottom .footer__content-copyright ul li:before { display: none; } } /*Section: Newsletter*/ .newsletter h2 { font-size: 40px; margin-bottom: 45px !important; color:#07B1A9; } .newsletter .newsletter__wrapper { max-width: var(--page-width); margin: 0 auto; padding-left: 1.5rem; padding-right: 1.5rem; } .newsletter .field-group-submit { margin-top:10px; } .newsletter .gradient { background: transparent; } @media screen and (min-width: 750px) { .newsletter .newsletter__wrapper { padding-left: 5rem; padding-right: 5rem; } } .newsletter form, .newsletter .newsletter-form__field-wrapper { max-width: 988px !important; } .newsletter .field-group { display: flex; flex-wrap: wrap; margin: 0 -15px; } .newsletter .field-group .field { width: calc((100% / 3) - 30px); margin: 0 15px 32px; } @media (max-width: 980px) { .newsletter .field-group .field { width: 100%; } } .newsletter .field-group .field:after { top: 0px; bottom: 0; left: 0; right: 0; border: 2px solid #CCCCCC; box-shadow: none; border-radius:4px; } .newsletter .field-group .field__label { color:#CCCCCC; } .newsletter .field-group .field__input, .newsletter .field-group .field__label { letter-spacing: 0 !important; } .newsletter .field-group .field__label { left: 14px !important; font-size:16px; } .newsletter .field-group .field__input { padding: 1rem !important; } .newsletter .field-group .field__input:not(:placeholder-shown), .newsletter .field-group .field__input:focus { padding-top: 1.75rem !important; } .newsletter .field-group .field__input:not(:placeholder-shown) + .field__label, .newsletter .field-group .field__input:focus + .field__label, .newsletter .field-group .field__input:not(:placeholder-shown) ~ .field__label, .newsletter .field-group .field__input:focus ~ .field__label { top: 0.25rem !important; left: 10px !important; opacity: 0.5; } .newsletter .field-group-submit .field { position: unset; display: flex; flex-wrap: wrap; justify-content: center; } .newsletter .field-group-submit .field:before, .newsletter .field-group-submit .field:after { display: none; } .newsletter .newsletter-form__message { width: 100%; display: flex; justify-content: center; font-size: 1.5rem; } /*Section: Banner Slider*/ .slideshow-component { position: relative; } .slideshow-component .slideshow { min-height: 56.5rem !important; z-index: 0; } .slideshow-component .slideshow__text-wrapper { padding: 0 !important; } @media (max-width: 749px) { .slideshow-component .slideshow__media { height: 100% !important; position: absolute !important; } .newsletter h2 { font-size:30px; line-height:1.3em; } } .slideshow-component .slideshow__text { max-width: var(--page-width) !important; margin: 0 auto; padding: 6rem 1.5rem 8rem; background-color: transparent; } @media screen and (min-width: 750px) { .slideshow-component .slideshow__text { padding: 5rem; } } .slideshow-component .slideshow__text .banner__heading, .slideshow-component .slideshow__text .banner__text, .slideshow-component .slideshow__text .banner__copy { margin-top: 0; } .slideshow-component .slideshow__text .banner__heading, .slideshow-component .slideshow__text .banner__text, .slideshow-component .slideshow__text .banner__copy, .slideshow-component .slideshow__text .banner__heading *, .slideshow-component .slideshow__text .banner__text *, .slideshow-component .slideshow__text .banner__copy * { color: white; width: 100%; } @media (max-width: 749px) { .slideshow-component .slideshow__text .banner__buttons .button-primary { background-color: var(--gradient-base-accent-1); border-color: var(--gradient-base-accent-1); color: white; } .slideshow-component .slideshow__text .banner__buttons .button-primary:after { box-shadow: none; } .shopify-section .mission_section.multicolumn .title, .shopify-section .multicolumn .h2.inline-richtext { font-size: 24px; } } @media (max-width: 980px) { .slideshow-component .slideshow__text h1 { text-align: center; } .icon-list__item { min-width: 25%; } #MainContent .shopify-section .multicolumn > div { padding-top:40px; padding-bottom:40px; } .newsletter .field-group .field { margin-bottom: 10px; } .shopify-section .outcomes .page-width { padding-top: 0; } } .slideshow-component .slideshow__text h2 { margin: 25px 0 20px; text-align: left; } @media (max-width: 980px) { .slideshow-component .slideshow__text h2 { text-align: center; } } .slideshow-component .slideshow__text p { font-size: 1.8rem; text-align: left; } @media (max-width: 980px) { .slideshow-component .slideshow__text p { font-size: 1.6rem; text-align: center; } } .slideshow-component .slideshow__controls { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; margin-bottom: 30px; border: none; } .slideshow-component .slideshow__controls .slider-button { display: none; } .slideshow-component .slideshow__controls .slider-counter .slider-counter__link .dot { background-color: transparent; border-color: white; width: 13px; height: 13px; } .slideshow-component .slideshow__controls .slider-counter .slider-counter__link.slider-counter__link--active .dot { background-color: white; } /*Section: Testimonial Slider*/ .testimonial-component { background-color: var(--gradient-base-background-2); } .testimonial-component h3 { color: var(--gradient-base-accent-1) !important; margin-bottom: 1.4rem; } .testimonial-component p { color: black !important; } .testimonial-component img { margin-top: 4.5rem; margin-bottom: 0.8rem; } @media (max-width: 767px) { .testimonial-component img { margin-top: 3.5rem; } } .testimonial-component .slideshow { min-height: 1px !important; } .testimonial-component .banner__author-details { margin-top: 0; font-weight: 600; } .testimonial-component .banner__author-details p { color: var(--gradient-base-accent-1) !important; } .testimonial-component .slideshow__arrows { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; } .testimonial-component .slideshow__arrows .page-width { display: flex; justify-content: space-between; max-width: 1380px; } .testimonial-component .slideshow__arrows .slider-button { padding: 0; width: auto; height: auto; } .testimonial-component .slideshow__arrows .slider-button .icon { max-width: 48px; height: 30px; opacity: 0.3; transition: all 0.3s; } .testimonial-component .slideshow__arrows .slider-button .icon:hover { opacity: 1; } .testimonial-component .slideshow__arrows .slider-button.slider-button--prev { margin-left: -60px; } @media (max-width: 1440px) { .testimonial-component .slideshow__arrows .slider-button.slider-button--prev { margin-left: -50px; } } .testimonial-component .slideshow__arrows .slider-button.slider-button--next { margin-right: -60px; } @media (max-width: 1440px) { .testimonial-component .slideshow__arrows .slider-button.slider-button--next { margin-right: -50px; } } @media (max-width: 767px) { .testimonial-component .slideshow__arrows { display: none; } } .testimonial-component .slideshow__controls { position: unset; margin-top: -3.25rem; margin-bottom: 4rem; } .testimonial-component .slideshow__controls .slider-counter .slider-counter__link { padding: 1rem 0.45rem; } .testimonial-component .slideshow__controls .slider-counter .slider-counter__link .dot { background-color: transparent; border-color: #BFBFBF; width: 13px; height: 13px; } .testimonial-component .slideshow__controls .slider-counter .slider-counter__link.slider-counter__link--active .dot { background-color: #BFBFBF; } @media (max-width: 749px) { .testimonial-component .slideshow__text { padding: 2.5rem 1.5rem 4rem; } } .testimonial-component .banner__text-container { position: relative; } .testimonial-component .banner__text-container .banner__heading { display: inline-block; width: auto; max-width: 700px; } .testimonial-component .banner__text-container .icon-quote { position: absolute; width: auto; margin: 0; } @media (max-width: 767px) { .testimonial-component .banner__text-container .icon-quote { display: none; } } .testimonial-component .banner__text-container .icon-quote.open { left: 16.5%; left: 9.5vw; left: calc(((100% - 430px) / 2) - 20%); top: -25px; } .testimonial-component .banner__text-container .icon-quote.close { right: 16.5%; right: 9.5vw; right: calc(((100% - 430px) / 2) - 14%); bottom: -80px; } /*Section: Multicolumn*/ .multicolumn { background-attachment: unset !important; background-position: top center !important; background-size: cover !important; background-repeat: no-repeat; } .multicolumn .title-wrapper-with-link { justify-content: center; margin-bottom: 0 !important; } .multicolumn .button { margin-top: 3.5rem !important; } @media (max-width: 980px) { .multicolumn .button { margin-top: 2.5rem !important; } } .multicolumn .link.button:hover { background-color: black !important; } .multicolumn p { color: rgba(var(--color-foreground)); font-size: 1.8rem; } .multicolumn .title-wrapper-with-link p { width: 100%; margin-top: 0.9rem; margin-bottom: 0.9rem; } .multicolumn .multicolumn-list { margin-top: 2rem; row-gap: 2.6rem; } .multicolumn .multicolumn-list .multicolumn-card { background: transparent !important; background-color: transparent !important; } .multicolumn .multicolumn-list .multicolumn-card-spacing { padding-top: 0; } .multicolumn .multicolumn-list .multicolumn-list__item { max-width: 100%; } .multicolumn .multicolumn-list .multicolumn-list__item .multicolumn-card__info { padding: 0; } .multicolumn .multicolumn-list .multicolumn-list__item .multicolumn-card__info > :nth-child(2) { margin-top: 1.2rem; } .multicolumn .multicolumn-list .multicolumn-card__image-wrapper { margin: 1.5rem 0 1.8rem; } .multicolumn .multicolumn-list .multicolumn-card__button .button { border: none !important; } .multicolumn .multicolumn-list .multicolumn-card__button .button:after { display: none; } .multicolumn .multicolumn-list .multicolumn-card__button .button span { letter-spacing: 0; } /*Section: Multicolumn - Custom*/ .multicolumn.layout--show-content-on-hover .multicolumn-list { column-gap: 77px; row-gap: 50px; margin-top: 5rem; margin-bottom: 1rem; justify-content: space-evenly; } @media (max-width: 767px) { .multicolumn.layout--show-content-on-hover .multicolumn-list { justify-content: center; margin-top: 3rem; row-gap: 30px; } } .multicolumn.layout--show-content-on-hover .grid__item { width: calc(50% - 77px * 2 / 2); max-width: calc(50% - 77px * 2 / 2); } @media (max-width: 980px) { .multicolumn.layout--show-content-on-hover .grid__item { width: calc(50% - 77px * 1 / 2); max-width: calc(50% - 77px * 1 / 2); } } @media (max-width: 767px) { .multicolumn.layout--show-content-on-hover .grid__item { width: 315px !important; max-width: 315px !important; } } .multicolumn.layout--show-content-on-hover .grid__item .multicolumn-card { position: relative; overflow: hidden; } .multicolumn.layout--show-content-on-hover .grid__item .multicolumn-card .multicolumn-card__image-wrapper { margin: 0; } .multicolumn.layout--show-content-on-hover .grid__item .multicolumn-card .multicolumn-card__info { position: absolute; top: 0; width: 100%; height: 100%; padding: 23px 22px; opacity: 0; transition: all 0.3s; } .multicolumn.layout--show-content-on-hover .grid__item .multicolumn-card .multicolumn-card__info * { color: white; } .multicolumn.layout--show-content-on-hover .grid__item .multicolumn-card .multicolumn-card__button .button { margin-top: 0 !important; width: 100%; justify-content: center; padding-left: 22px; padding-right: 22px; } .multicolumn.layout--show-content-on-hover .grid__item .multicolumn-card .multicolumn-card__button .button span { font-size: 18px !important; } .multicolumn.layout--show-content-on-hover .grid__item .multicolumn-card:hover .multicolumn-card__info { background-color: rgba(0, 0, 0, 0.45); opacity: 1; } .multicolumn.layout--show-content-on-hover .grid__item .multicolumn-card:hover .multicolumn-card__button span { display: none; } .multicolumn.layout--show-content-on-hover .grid__item .multicolumn-card:hover .multicolumn-card__button span.d-none { display: block; } @media (min-width: 768px) { .multicolumn.layout--alternating-image-and-text-content .multicolumn-list__item:nth-child(2) .multicolumn-card__image-wrapper { order: 2; } .multicolumn.layout--alternating-image-and-text-content .multicolumn-list__item:nth-child(2) .multicolumn-card__info { order: 1; } .multicolumn.layout--alternating-image-and-text-content .multicolumn-card { display: flex; flex-wrap: wrap; align-items: center; column-gap: 40px; } .multicolumn.layout--alternating-image-and-text-content .multicolumn-card .multicolumn-card__image-wrapper { width: 36.5%; } .multicolumn.layout--alternating-image-and-text-content .multicolumn-card .multicolumn-card__info { width: calc((100% - 36.5%) - 40px); } } .multicolumn.layout--cta-with-underlined-heading .title { font-weight: normal; position: relative; margin: 0 0 48px !important; } .multicolumn.layout--cta-with-underlined-heading .title:after { content: ''; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 200px; height: 5px; background-color: #0AB3AB; border-radius: 2px; } /*Section: Collage - Custom*/ .collage-component.layout--full-width-half-columns .page-width { max-width: 100%; padding: 0; } .collage-component.layout--full-width-half-columns .collage { column-gap: 0; row-gap: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (max-width: 767px) { .collage-component.layout--full-width-half-columns .collage { grid-template-columns: repeat(1, 1fr); } } .collage-component.layout--full-width-half-columns .collage .collage__item { grid-column: auto / span 1 !important; } .collage-component.layout--full-width-half-columns .deferred-media__poster-button { background-color: transparent; width: 9rem; height: 9rem; } @media (max-width: 767px) { .collage-component.layout--full-width-half-columns .deferred-media__poster-button { width: 7rem; height: 7rem; } } /*Section: Main Page*/ .main-page-banner { padding: 15px 0; width: 100%; max-width: 100%; } @media (max-width: 767px) { .main-page-banner { display: none; } } .main-page-banner.mobile { display: none; padding: 0; } @media (max-width: 767px) { .main-page-banner.mobile { display: block; } } .main-page-title { position: relative; margin: 0px !important; padding:50px; font-size:55px; color:#fff; text-align:left; padding-left:0; font-weight:bold; } @media only screen and (max-width: 1024px) { .main-page-title { font-size:38px; } } @media only screen and (max-width: 767px) { .main-page-title { font-size:35px; } } /*Section: Contact Form*/ .section--contact-form .row { display: flex; flex-wrap: wrap; justify-content: space-between; } .section--contact-form .row .col--form { width: 47%; } .section--contact-form .col--details .h2 { font-size:24px; color:#07B1A9; font-weight:700; margin-top: 20px !important; } .section--contact-form .form-detail { display: flex; flex-wrap: wrap; } .section--contact-form .form-detail .fs-18 { width:50%; } .section--contact-form .form-detail .fs-18:nth-child(3) { margin-top: -60px; } .section--contact-form .contact img { width: 100%; height: 270px; object-fit: cover; object-position: center; } .radio-block-container { display: flex; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; } .radio-block-container .radio-block { width:40%; margin-bottom:10px; } .referral-section.section--contact-form .h2 { margin-top:0 !important; font-size:24px; color:#07B1A9; margin-bottom: 30px !important; } .form-detail .fw-bold { font-weight:700; font-size:18px; color:#313131; margin-top: 1.75rem; } .form-detail p { font-size:18px; color:#313131; margin:0; } .form-detail p a { color:#313131; text-decoration:none; } .form-detail p a:hover { color:#07B1A9; } .col--form .h2.less-margin { margin-bottom: 5px !important; } .referral-section.section--contact-form .h2.top-margin-15 { margin-top:15px !important; } .contact-radio label{ font-size:18px; } .referral-section .contact__button { width: 100%; text-align: center; margin-top: 70px !important; } @media (max-width: 767px) { .section--contact-form .row .col--form { width: 100%; margin-bottom: 6rem; } } .section--contact-form .row .col--details { width: 47%; } @media (max-width: 767px) { .section--contact-form .row .col--details { width: 100%; } } .section--contact-form #ContactForm .contact__fields { grid-column-gap: 3rem; } .section--contact-form #ContactForm .field { margin-bottom: 2.5rem; display: flex; flex-direction: column; } .section--contact-form #ContactForm .field::after { display:none; } .section--contact-form #ContactForm .field__input, .section--contact-form #ContactForm .field__label { letter-spacing: 0; } .section--contact-form #ContactForm .field__label { font-size: 18px; position:relative; color:#313131; font-weight:700; left: 0; top:0; } .section--contact-form #ContactForm .field__input { border-bottom: 2px solid #C2C2C2; padding-left:0 !important; padding-bottom: 20px !important; } .section--contact-form #ContactForm textarea.field__input { border:2px solid #C2C2C2; border-radius:4px; min-height:140px; padding:20px !important; } .section--contact-form #ContactForm .field__input::placeholder { color:#C2C2C2 !important; font-size:14px !important; opacity:1 !important; } .section--contact-form #ContactForm .field__input:not(:placeholder-shown), .section--contact-form #ContactForm .field__input:focus { padding-top: 1.75rem !important; box-shadow:none; } .section--contact-form #ContactForm .field__input:not(:placeholder-shown) + .field__label, .section--contact-form #ContactForm .field__input:focus + .field__label, .section--contact-form #ContactForm .field__input:not(:placeholder-shown) ~ .field__label, .section--contact-form #ContactForm .field__input:focus ~ .field__label { font-size: 1rem; top: 0.25rem !important; left: 25px !important; opacity: 0.5; } .section--contact-form #ContactForm textarea { min-height: 11rem; } .section--contact-form #ContactForm .contact__button { margin-top: 2.5rem; } .section--contact-form .col--details { color: black; } .section--contact-form .col--details .h2 { margin-top: 0; margin-bottom: 1rem; } .section--contact-form .col--details p { margin: 0; } .section--contact-form .col--details p.fw-bold { margin-top: 1.75rem; } .section--contact-form .col--details p a { color: black; text-decoration: none; } .section--contact-form .col--details p a:hover { text-decoration: underline; color: #0ab3ab; } .referral-section #ContactForm { width:100%; } /*Section: Main 404*/ .page-not-found-component { margin-top: 5rem; margin-bottom: 0; } @media (max-width: 1280px) { .page-not-found-component { margin-top: 3rem; } } .page-not-found-component .row { display: flex; flex-wrap: wrap; align-items: center; } .page-not-found-component .row .col--image { width: 58.1825%; line-height: 0; } @media (max-width: 1280px) { .page-not-found-component .row .col--image { width: 100%; order: 2; } } .page-not-found-component .row .col--image img { width: 100%; max-width: 100%; } @media (max-width: 1280px) { .page-not-found-component .row .col--image img { max-width: 640px; margin-top: 3rem; } } .page-not-found-component .row .col--content { width: calc(100% - 58.1825%); padding-left: 15px; } @media (max-width: 1280px) { .page-not-found-component .row .col--content { width: 100%; padding-left: 0; } } .page-not-found-component .row .col--content h1 { font-size: 7rem; font-weight: normal; color: #0ab3ab; margin-top: 0; line-height: 1; } .page-not-found-component .row .col--content h2 { font-size: 3rem; margin-bottom: 2rem; } .page-not-found-component .row .col--content p { font-size: 1.8rem; } /*Section: Thank You*/ .thank-you-component { margin-top: 5rem; margin-bottom: 0; } .thank-you-component .title { color:#07B1A9; font-size:24px; } @media (max-width: 1280px) { .thank-you-component { margin-top: 3rem; } } .thank-you-component .row { display: flex; flex-wrap: wrap; align-items: center; } .thank-you-component .row .col--image { width: 50%; line-height: 0; } @media (max-width: 1280px) { .thank-you-component .row .col--image { width: 100%; order: 2; } } .thank-you-component .row .col--image img { width: 100%; max-width: 100%; } @media (max-width: 1280px) { .thank-you-component .row .col--image img { max-width: 640px; margin-top: 5rem; } } .thank-you-component .row .col--content { width: 50%; } @media (max-width: 1280px) { .thank-you-component .row .col--content { width: 100%; padding-left: 0; } .thank-you-component .row .col--content br { display: none; } } .thank-you-component .row .col--content h1 { margin-top: 0; line-height: 1; margin-bottom: 1rem; } .thank-you-component .row .col--content p { font-size: 1.8rem; } .shopify-policy__container { max-width: 120rem !important; padding: 70px !important; } .cc-window.cc-banner.cc-type-info.cc-theme-block.cc-bottom.cc-color-override-1336047117 { border-top: 5px solid #000; padding: 1em 25em; } .span#cookieconsent\:desc { margin-right: 4rem; } .cc-color-override-1336047117 .cc-link:hover { color: #000 !important; transition: 0.3s ease-in; } .cc-color-override-1336047117 .cc-link { text-decoration: none; } .cc-color-override-1336047117 .cc-btn:hover, .cc-color-override-1336047117 .cc-btn:focus { background-color: #000 !important; cursor: pointer !important; transition: 0.2s ease-in; border: solid #000; } .button-left .page-width .center { text-align:left; } @media (max-width: 1600px) { .cc-window.cc-banner.cc-type-info.cc-theme-block.cc-bottom.cc-color-override-1336047117 { border-top: 5px solid #000; padding: 1em 14em; } } @media (max-width: 1400px) { .cc-window.cc-banner.cc-type-info.cc-theme-block.cc-bottom.cc-color-override-1336047117 { border-top: 5px solid #000; padding: 1em 6em; } } @media (max-width: 1024px) { .cc-window.cc-banner.cc-type-info.cc-theme-block.cc-bottom.cc-color-override-1336047117 { border-top: 5px solid #000; padding: 1em 3em; } } /*Section: Team*/ .team-block { display:flex; margin-bottom:60px; } .team-section h2 { font-size:40px; color:#07B1A9; margin-bottom:70px; } .team-left { width:25%; text-align: center; } .team-left img { margin: auto; max-width: 100%; width: 265px; } .team-left h2 { color:#07B1A9; font-size:24px; margin: 0; } .team-left p { color:#313131; font-size:14px; margin-top: 0; } .team-right { width:75%; padding-left: 40px; padding-right: 0; line-height:24px; font-size:18px; color:#313131; } /*Section: Image Text*/ .image-with-text .image-with-text__heading { font-size:40px; color:#07B1A9; line-height: normal; } .image-with-text .html { font-style:italic; font-size:20px; color:#07B1A9; line-height:30px; margin-bottom:10px; } .rte p { font-size:20px; line-height:24px; } .rte.no-padding{ margin:0; } /* .image-with-text .image-with-text__media.media img { max-width: 360px; height: auto; position: relative; } */ .image-with-text .image-with-text__media.media { display: flex; justify-content: flex-end; display: -webkit-flex; -webkit-justify-content: flex-end; } .image-with-text__grid.grid--3-col-tablet .grid__item { width: calc(39.33% - var(--grid-desktop-horizontal-spacing)* 2 / 3); } /*Section: Tab*/ .tab-container .tab { display: flex; justify-content: center; margin: 70px 0; } .tablinks { padding:15px 30px; margin:0 25px; min-width:230px; border: 0; background-color: #07B1A9; border-radius: 4px; color: #fff; font-size:14px; font-weight:bold; font-family:Lato, sans-serif; } .tab-container h2 { font-size:40px; color:#07B1A9; line-height: normal; } .tab-container.page-width { max-width:1170px; } .tabcontent p { font-size:18px; color:#313131; line-height: 24px; } .tabcontent ul { list-style:none; font-size:18px; word-wrap: break-word; } .tabcontent ul li { position:relative; } .tabcontent ul li a { color:#07B1A9; font-size:18px; } .tab .active { background-color: transparent; border: 2px solid #07b1a9; color: #07b1a9; } #block_jPUxJN ul li:before { content: ""; background-color: #07b1a9; width: 7px; height: 7px; font-size: 0; position: absolute; left: -20px; top: 14px; border-radius: 50%; } /*Section: Multicolumn*/ .multicolumn .full-image { max-width:100%; height: 230px; object-fit: cover; } .bg-auto-right { background-size: contain !important; background-position: 85% !important; } /*Section: Probrams*/ #programs .page-width { padding-top: 80px; padding-bottom: 80px; } #programs .title-wrapper-with-link { padding-bottom:20px; } #programs .slider-mobile-gutter { margin-bottom:45px; } /*Section: What is Life Coaching*/ #what-is-life-coaching .rte ul li { margin-bottom: 20px; } #what-is-life-coaching .multicolumn-list .multicolumn-list__item:nth-child(4) { padding-left:10%; } #what-is-life-coaching .multicolumn-list .multicolumn-list__item:last-child, #what-is-life-coaching .multicolumn-list .multicolumn-list__item:nth-child(4) { padding-top:30px; } /*Section: Collapsible*/ .two-column-collapsible .accordion__title { font-size:16px; color:#313131; font-weight:700; } .two-column-collapsible .accordion__content { margin-bottom: 40px; margin-top: 10px; } .two-column-collapsible .accordion { border-top:0; border-bottom:3px solid #C2C2C2; margin-bottom:20px; } #shopify-section-template--22291966624019__collapsible_content_TqtYWb { width: 50%; float: left; padding-left: 14%; padding-right: 1%; padding-top: 2%; padding-bottom: 2%; } #shopify-section-template--22291966624019__collapsible_content_EzPeAY { width: 50%; float: left; padding-right: 14%; padding-left: 1%; padding-top: 2%; padding-bottom: 2%; } .two-column-collapsible .collapsible-content-wrapper-narrow { max-width: 100%; } .two-column-collapsible .collapsible-content summary:hover .accordion__title { text-decoration: none; color:#07B1A9; } .two-column-collapsible .collapsible-content summary:hover { background-color:#fff; } #MainContent .margin-bottom-25 .title { margin-bottom:25px; } #MainContent .heading-orange .title { color:#FE5000; } /*Section: Donation*/ .donation-lsit { display: flex; flex-direction: row; justify-content: space-evenly; } .donation-lsit a { width: 210px; padding: 5px 20px; text-align: center; border: 2px solid #CCCCCC; border-radius:4px; font-size: 32px; font-weight: 700; text-decoration: none; color: #07B1A9; text-transform: capitalize; } .shopify-section .donation-lsit a:hover { background-color:#07B1A9; color:#fff; } .donation-lsit a.active { background-color:#07B1A9; color:#fff; } .donation-template .product-form__submit { display:none; } .donation-template .shopify-payment-button__button { max-width: 210px; margin: auto; border-radius: 4px; } .donation-template .shopify-payment-button__button:after { display:none; } .donation-template .product__info-container .product-form { position: absolute; left: 0; right: 0; bottom: -95px; } .donation-template .product__description { text-align:center; } .donation-template .product-form__input .form__label { display:none; } .donation-template .product-form__input.product-form__quantity { display:none; } .donation-other-page .donation-template .product-form__input.product-form__quantity { display:flex; } .donation-template .product-form__input--dropdown .select::after, .donation-template .product-form__input--dropdown .select__select:focus { border: 2px solid #CCCCCC; border-radius:4px; box-shadow:none; } .donation-template .product-form__input--dropdown .select__select { font-size:24px; font-weight:700; color:#07B1A9; padding: 6px 35px; height: fit-content; } .donation-template .product-form__input .select { min-width: 200px; max-width: 100%; width: fit-content; } .donation-template .price__container .price-item, .donation-template #total-price { font-size:24px; color:#07B1A9; font-weight:700; margin-top:20px; } .donation-other-page .price__container .price-item, .donation-other-page .quantity .quantity__button, .donation-template #total-price { display:none; } .donation-other-page .donation-template #total-price { display:block; text-align:center; margin-top: -40px; padding-bottom: 20px; } .donation-template .quantity { border: 2px solid #CCCCCC; border-radius: 4px; background-color:#fff; min-width:250px; padding:10px 20px; } .donation-template .quantity::before { content: "$"; position: relative; background-color: transparent; bottom: auto; display: flex; align-items: center; padding-left: 25px; font-size:24px; color:#07B1A9; font-weight:700; z-index: 99; margin-top: -4px; } .donation-template .quantity::after { display:none; } .donation-template .quantity__input { text-align: left; font-size:24px; color:#07B1A9; font-weight:700; } .donation-template .quantity__input:focus-visible { border: 0; box-shadow: none; outline: none; text-align: left; background-color: transparent; } .donation-other-page .product-form__input--dropdown .select__select { font-size: 18px; padding-left: 20px; } .donation-other-page #shopify-section-template--22329410486547__main .product__info-container { padding-top: 40px; } /*Section: Our Ambassador*/ #our-ambassador.multicolumn .multicolumn-list .multicolumn-list__item:nth-child(2) { width: 40%; } #our-ambassador.multicolumn .multicolumn-list .multicolumn-card__image-wrapper { margin:0; } #our-ambassador.multicolumn .multicolumn-list .inline-richtext { font-size:20px; } #our-ambassador.multicolumn .multicolumn-list__item:nth-child(4) .rte p strong, #our-ambassador.multicolumn .multicolumn-list__item:nth-child(4) .rte p a { font-weight:600; } #our-ambassador.multicolumn .multicolumn-list__item:nth-child(4) .rte p em strong { color:#07B1A9; font-style: normal; font-size:18px; font-weight:700; } #our-ambassador.multicolumn .multicolumn-list__item:nth-child(3) img { margin:auto; } .shopify-section-header-sticky.scrolled-past-header { position:fixed; left:0; right:0; } .scrolled-past-header .header__top-menu { display:none; } .scrolled-past-header .header__logo { padding:10px 0; } #shopify-section-template--22225813733651__main .main-page-title { text-align:center; } @media only screen and (max-width: 1800px) { .bg-auto-right { background-position: 100% !important; } } @media only screen and (max-width: 1600px) { #shopify-section-template--22291966624019__collapsible_content_TqtYWb { padding: 2% 1% 2% 7%; } #shopify-section-template--22291966624019__collapsible_content_EzPeAY { padding: 2% 7% 2% 1%; } } @media only screen and (max-width: 1400px) { .bg-auto-right { background-position: 115% !important; } } @media only screen and (max-width: 1280px) { .bg-auto-right { background-position: 125% !important; } #shopify-section-template--22291966624019__collapsible_content_TqtYWb { padding-left: 40px; } #shopify-section-template--22291966624019__collapsible_content_EzPeAY { padding-right:40px; } .section--contact-form.referral-section .page-width{ padding-left: 20px; padding-right: 20px; } #MainContent #ndis-code-conduct .multicolumn-list__item:nth-child(2) .multicolumn-card { padding-left:0; } #MainContent #ndis-code-conduct .multicolumn-list__item:first-child, #MainContent #ndis-code-conduct .multicolumn-list__item:nth-child(2) { width:46%; } .donation-lsit a { font-size: 20px; } } @media only screen and (max-width: 1190px) { .header--top-left .header__logo .page-width { padding:20px; } .header__inline-menu > ul li .header__menu-item { padding-left:10px; padding-right:10px; } } @media only screen and (max-width: 1024px) { .cs-list ul { flex-direction: column; } .header__heading-logo { max-width:100px; } .header-wrapper header .header__logo-right .button:last-child { margin: 0; } .header__inline-menu .header__menu-item span { font-size:14px !important; } .header-wrapper header .header__logo-right .button { font-size:12px; } } @media only screen and (max-width: 989px) { .tablinks { min-width: 30px; } #programs .media, #veteran-programs .media, #mission_section .media, #our_programs .media, #MainContent .mid-image-height .media { padding: 0 !important; } #programs .media img, #veteran-programs .media img, #mission_section .media img, #our_programs .media img, #MainContent .mid-image-height .media img { position: relative; width: 100%; height: 300px; } .button-left .page-width .center { text-align: center; } #shopify-section-template--22276763255059__multicolumn_F6AtWf .multicolumn > div { padding-top:0; } #MainContent #shopify-section-template--22276763255059__multicolumn_F6AtWf .multicolumn > div { padding-top:0; } #shopify-section-template--22276763255059__multicolumn_F6AtWf .slider-mobile-gutter { margin-left: 0 !important; } .mid-center > div { display: flex; justify-content: center; } .mid-center .image-with-text__media-item { margin-bottom:20px; } #MainContent .image-right .image-with-text__media-item { padding-left:0 !important; } #MainContent .image-right .image-with-text { padding-top: 40px; padding-bottom: 40px; } .header__heading-logo { max-width:70%; } .bg-auto-right { background-image:none !important; } #MainContent .shopify-section .padding-left-18 > div { padding-right:5rem; } #MainContent #veteran-top.multicolumn .multicolumn-list .multicolumn-list__item:nth-child(3) { width: 100%; padding-top:0; } #MainContent #shopify-section-template--22284620267795__multicolumn_wRKRf9 .rte ul li { margin-bottom: 10px; } #MainContent #life-coaching .multicolumn-card__info .inline-richtext, #MainContent #family-life-coaching .multicolumn-card__info .inline-richtext, #MainContent #what-is-life-coaching .multicolumn-list .multicolumn-list__item:nth-child(2) .inline-richtext { font-size: 30px; padding-bottom: 0; } #what-is-life-coaching .multicolumn-list .multicolumn-list__item:nth-child(4) { padding-left: 0%; } #MainContent #what-is-life-coaching .multicolumn-list .multicolumn-list__item:last-child, #MainContent #what-is-life-coaching .multicolumn-list .multicolumn-list__item:nth-child(4) { width: 100%; padding-top:0; } #MainContent #what-is-life-coaching.multicolumn > div > .center { padding-top: 0px; } .section--contact-form .form-detail .fs-18 { width: 100%; } .section--contact-form .form-detail .fs-18:nth-child(3) { margin-top:0; } .section--contact-form.referral-section .row { flex-direction: column; } .section--contact-form.referral-section .row div { width:100%; } .donation-lsit a { width: 120px; } #MainContent #shopify-section-template--22329410486547__multicolumn_g7Cbcb .multicolumn-list__item:first-child .inline-richtext, #MainContent #shopify-section-template--22329410486547__multicolumn_chMfqw .multicolumn-list__item:first-child .inline-richtext, #MainContent #shopify-section-template--22328759746835__multicolumn_fw7MpC .multicolumn-list__item:first-child .inline-richtext, #MainContent #shopify-section-template--22328759746835__multicolumn_dkaz8E .multicolumn-list__item:first-child .inline-richtext { font-size: 30px; margin-bottom: 0px; } #MainContent #shopify-section-template--22329410486547__multicolumn_chMfqw .multicolumn .multicolumn-list__item, #MainContent #shopify-section-template--22329410486547__multicolumn_g7Cbcb .multicolumn .multicolumn-list__item, #MainContent #shopify-section-template--22329410486547__multicolumn_Tn6dhX .multicolumn .multicolumn-list__item, #MainContent #shopify-section-template--22328759746835__multicolumn_fw7MpC .multicolumn .multicolumn-list__item, #MainContent #shopify-section-template--22328759746835__multicolumn_dkaz8E .multicolumn .multicolumn-list__item { margin-bottom: 0; } #MainContent #shopify-section-template--22337748402451__multicolumn_RKcnmF .multicolumn > div { padding-top:0; } #MainContent #shopify-section-template--22337748402451__multicolumn_4r4qhx .section-template--22337748402451__multicolumn_4r4qhx-padding { padding-bottom:0; } .header-wrapper header .header__logo-right .button { display:none; } #menu-drawer .menu-drawer__navigation { padding-top:0; } #menu-drawer .menu-drawer__menu-item { font-size:14px; } .header--top-left .header__logo { padding:0; } #our-ambassador .media { display: flex; justify-content: center; align-items: center; padding:0 !important; } #our-ambassador .media img { max-width: 280px; margin: auto; position:relative; } #our-ambassador .title-wrapper-with-link { justify-content: center; } #MainContent #shopify-section-template--22276763255059__multicolumn_F6AtWf .multicolumn .multicolumn-list .multicolumn-list__item:last-child { padding-top: 0; } #shopify-section-template--22276763255059__multicolumn_F6AtWf .multicolumn .multicolumn-list, #shopify-section-template--22284620267795__multicolumn_F4RxLt .multicolumn .multicolumn-list, #shopify-section-template--22284620267795__multicolumn_wRKRf9 .multicolumn .multicolumn-list, #shopify-section-template--22284620267795__multicolumn_Bfbxg8 .multicolumn .multicolumn-list { row-gap: 0; } #shopify-section-template--22276763255059__multicolumn_F6AtWf .multicolumn-list__item:first-child, #shopify-section-template--22284620267795__multicolumn_F4RxLt .multicolumn .multicolumn-list:first-child, #shopify-section-template--22284620267795__multicolumn_Bfbxg8 .multicolumn-list__item:nth-child(3) { margin-bottom:20px; } #shopify-section-template--22284620267795__multicolumn_7gjeeV .multicolumn > div > .center { padding-left: 20px; padding-right: 20px; } #MainContent #apply-ndis.multicolumn > div { padding-bottom:0; } } @media only screen and (max-width: 767px) { #shopify-section-template--22276763255059__multicolumn_F6AtWf .multicolumn > div { padding-left:10px; padding-right:10px; } #MainContent .arrow-section .multicolumn-list .inline-richtext { font-size: 16px !important; } #MainContent .arrow-section .multicolumn-list { column-gap: 0px; } #MainContent .step-section.multicolumn > div { padding-top:0; margin-top:-40px; } #MainContent .section-template--22276763255059__multicolumn_Qe4yfn-padding { padding-bottom: 0px; } #MainContent .arrow-section.multicolumn .title { margin-bottom: 0px; } .tab-container .tab { flex-direction: column; margin-top: 20px; } .tablinks { min-width: 30px; margin-bottom: 10px; } #MainContent #shopify-section-template--22276763255059__tab_list_Kh8DJh, #MainContent #shopify-section-template--22284620267795__tab_list_qEAdfJ { padding-top:40px; } .tab-container h2 { font-size: 30px; } .header__heading-logo { max-width:55%; } .header--top-left .header__logo .header__heading-link { text-align:left; } #MainContent .shopify-section .padding-left-18>div { padding-right: 5px; } #shopify-section-template--22291966624019__collapsible_content_TqtYWb, #shopify-section-template--22291966624019__collapsible_content_EzPeAY { width:100%; padding:0 10px; } #shopify-section-template--22291966624019__collapsible_content_TqtYWb .collapsible-content__wrapper { padding-bottom:0; } #shopify-section-template--22291966624019__collapsible_content_EzPeAY .collapsible-content__wrapper { padding-top:0; } #MainContent #ndis-code-conduct .multicolumn-list__item:first-child, #MainContent #ndis-code-conduct .multicolumn-list__item:nth-child(2) { max-width:100%; width:100%; } .cs-list-pdf { padding-left: 20px; padding-right: 20px; } #MainContent #policies-collapse .collapsible-content-wrapper-narrow { padding-left: 20px; padding-right: 20px; } #MainContent #policies-collapse .accordion { width: 100%; } #MainContent #policies-collapse .collapsible-content__wrapper{ padding-top:0; } .donation-lsit { flex-wrap: wrap; justify-content: center; } .donation-lsit a { margin:5px; } .donation-template .product__info-container .product-form { bottom: 0; position: relative; margin-bottom: 0; } .donation-template .quantity { padding: 2px 20px; } #MainContent #shopify-section-template--22329410486547__main .product { max-width: 100%; } #MainContent #shopify-section-template--22329410486547__main .product__info-wrapper { margin-bottom: 0; } .multicolumn .full-image { height: 200px; } #MainContent #shopify-section-template--22225813537043__1ed72667-c688-4781-87b3-2fab3bcf45f4 .multicolumn-list h3 { font-size: 30px; } #MainContent #shopify-section-template--22225813537043__multicolumn_MhLHCC .multicolumn > div { padding-top:0; } #MainContent #apply-ndis.multicolumn > div { padding-bottom:40px; } } .product__title > h1 { font-size: 35px; line-height: 45px; } .product__description > p { font-size: 20px; line-height: 30px; } .support-banner .image-with-text__media.media img { height: auto; max-width: 100% !important; position: relative; } .support-banner .image-with-text__media.media { border-radius: 0 10px 10px 0px; } @media only screen and (max-width: 767px) { .support-banner .image-with-text__grid .image-with-text__media-item { order: 2 } .support-banner .image-with-text__grid .grid__item .image-with-text__content{ border-radius: 10px 10px 0px 0px !important; } .support-banner .image-with-text__media.media { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px !important; } .support-banner .image-with-text__grid .grid__item .image-with-text__content { padding-left: 30px !important; padding-right: 30px !important; } .support-banner .image-with-text__grid .grid__item .image-with-text__content .image-with-text__heading { font-size: 30px; line-height: 35px; } .single-product .product .product__info-wrapper .product__info-container .hr-single-product { width: 100% !important; } } @media only screen and (max-width: 989px) { .support-banner .image-with-text__grid .grid__item .image-with-text__media { display: flex; justify-content: center; height: 280px !important; } } .support-banner .image-with-text__grid .grid__item .image-with-text__content{ background-color: #1FA1E2; border-radius: 10px 0px 0px 10px; } .support-banner .image-with-text__grid .grid__item .image-with-text__content .image-with-text__heading { font-size: 35px; font-style: normal; font-weight: 700; line-height: 45px; color: #FFF; } .support-banner .image-with-text__grid .grid__item .subtitle { font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; color: #FFF; } .support-banner .image-with-text__grid .grid__item .image-with-text__content a { background-color: #8DC641; color: #FFF; border-radius: 5px; text-transform: capitalize; font-size: 20px; font-style: normal; font-weight: 500; line-height: 30px; } /* support-banner2 */ .support-banner2 .image-with-text__media.media img { height: auto; max-width: 100% !important; position: relative; } .support-banner2 .image-with-text__media.media { border-radius: 10px 10px 10px 10px; margin-left: 40px; } .support-banner2 .image-with-text__content{ padding-left: unset !important; } @media only screen and (max-width: 767px) { .support-banner2 .image-with-text__grid .image-with-text__media-item { order: 2 } .support-banner2 .image-with-text__grid .grid__item .image-with-text__content{ border-radius: 10px 10px 0px 0px !important; } .support-banner2 .image-with-text__media.media { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px !important; margin-left: 0px !important; } .support-banner2 .image-with-text__grid .grid__item .image-with-text__content { padding-left: 0px !important; padding-right: 0px !important; } .support-banner2 .image-with-text__grid .grid__item .image-with-text__content .image-with-text__heading { font-size: 30px; line-height: 35px; } .single-product .product .product__info-wrapper .product__info-container .hr-single-product { width: 100% !important; } } @media only screen and (max-width: 989px) { .support-banner2 .image-with-text__grid .grid__item .image-with-text__media { display: flex; justify-content: center; height: 280px !important; } } .support-banner2 .image-with-text__grid .grid__item .image-with-text__content{ /* background-color: #1FA1E2; */ border-radius: 0px 0px 0px 0px; } .support-banner2 .image-with-text__grid .grid__item .image-with-text__content .image-with-text__heading { font-size: 35px; font-style: normal; font-weight: 700; line-height: 45px; color: black; } .support-banner2 .image-with-text__grid .grid__item .subtitle { font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; color: black; } .support-banner2 .image-with-text__grid .grid__item .image-with-text__content a { background-color: #8DC641; color: black; border-radius: 5px; text-transform: capitalize; font-size: 20px; font-style: normal; font-weight: 500; line-height: 30px; } /* Price */ .single-product .product .product__info-wrapper .price-item.price-item--regular { font-size: 35px; font-style: normal; font-weight: 700; line-height: 45px; margin-left: 180px } .single-product .product .product__info-wrapper .product__info-container .price__container .price__regular .price-label { font-family: Lato; font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; } /* Quantity Selector */ .single-product .product .product__info-wrapper .product__info-container .product-form__quantity { display: flex; } .single-product .product .product__info-wrapper .product__info-container .product-form__quantity .form__label { font-family: Lato; font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; } .single-product .product .product__info-wrapper .product__info-container .product-form__quantity .quantity { margin-left: 140px; } .single-product .product .product__info-wrapper .product__info-container .product-form__quantity .quantity:after { box-shadow: unset !important; border-color: transparent !important; } .single-product .product .product__info-wrapper .product__info-container .product-form__quantity .quantity input.quantity__input{ font-family: Lato; font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; } .single-product .product .product__info-wrapper .product__info-container .hr-single-product { width: 67%; margin: 2rem 0; height: 2px; background: #F2F2F2; } /* Buy Buttons */ .single-product .product .product__info-wrapper .product-form form .product-form__buttons { display: flex; gap: 30px; margin-top: 8%; } /* Add to Cart btn */ .single-product .product .product__info-wrapper .product-form form .product-form__buttons .product-form__submit { width: 45%; position: relative; background-color: #8DC641; color: #FFFF; text-transform: capitalize; font-family: Lato; font-size: 20px; font-style: normal; font-weight: 500; line-height: 30px; border-radius: 5px; } /* Check Out btn */ .single-product .product .product__info-wrapper .product-form form .product-form__buttons .shopify-payment-button button{ width: 100%; position: relative; padding: 25px 36px; background-color: transparent; border-radius: 5px; } .single-product .product .product__info-wrapper .product-form form .product-form__buttons .shopify-payment-button button:hover { /* border: 2px solid #1887BF; */ border-radius: 5px; background-color: #1887BF; } .single-product .product .product__info-wrapper .product-form form .product-form__buttons .shopify-payment-button button:after { content: "Check Out" !important; background: inherit; font-size: inherit; color: inherit; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; text-transform: capitalize; font-family: Lato; font-size: 20px; font-style: normal; font-weight: 500; line-height: 30px; /* border: 2px solid #1887BF; */ border-radius: 5px; background-color: #1887BF; box-shadow: none; } /* Single Product | Collection */ .shopify-section .gradient .collection .collection__title h2.title { text-align: center; margin: 3% 0 6%; font-family: Lato; font-size: 35px; font-style: normal; font-weight: 700; line-height: 45px; } .shopify-section .gradient .collection .page-width-desktop .product-grid .grid__item .card--standard>.card__content .card__information { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; } .shopify-section .gradient .collection .page-width-desktop .product-grid .grid__item .card--standard>.card__content .card__information .card__heading { white-space: nowrap; flex-grow: 1; width: 100%; margin: 0; padding: 0; } .shopify-section .gradient .collection .page-width-desktop .product-grid .grid__item .card--standard>.card__content .card__information .card-information .price { white-space: nowrap; margin: 0; padding: 0; display: flex; align-items: center; justify-content: flex-end; font-family: Lato; font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; } .shopify-section .gradient .collection .page-width-desktop .product-grid .grid__item .card--standard>.card__content .card__information .card-information .price .price__container .price__regular span.price-label { display: none; } .card__heading .full-unstyled-link { font-size: 20px; font-style: normal; font-weight: 600; line-height: 30px; } /* SVG */ .fixed-outer-shape.top-left-green::before, .fixed-outer-shape.top-right-blue::after, .fixed-outer-shape.top-right-pink::after{ position:fixed; } .fixed-outer-shape.top-left-green::before{ top:35%; } .fixed-outer-shape.top-right-blue::after, .fixed-outer-shape.top-right-pink::after{ top:40%; } .homepage-path li:nth-of-type(2) div.content-container { position: relative; z-index:2; } .homepage-path li:nth-of-type(2) div.content-container::before { content: ""; position: absolute; top: 49%; left: -16%; width: 358px; height: 316px; background-repeat: no-repeat; background-image: url('/cdn/shop/files/homepage-path-1.png?v=1745199401'); background-position: center; z-index: 1; -webkit-animation:spin 25s linear infinite; -moz-animation:spin 25s linear infinite; animation:spin 25s linear infinite; } .homepage-path li:nth-of-type(2) div.content-container::after { content: ""; position: absolute; top: 33%; left: 37%; width: 374px; height: 415px; background-image:url('/cdn/shop/files/homepage-path-2.png?v=1745199401'); background-repeat: no-repeat; background-position: center; z-index: 1; -webkit-animation:spincounter 25s linear infinite; -moz-animation:spincounter 125s linear infinite; animation:spincounter 25s linear infinite; } .top-left-green { position: relative; z-index:2; } .top-left-green::before { content: ""; position: absolute; top: 0; left: -12%; width: 358px; height: 316px; background-repeat: no-repeat; background-image: url('/cdn/shop/files/Path_915.svg?v=1744154401'); background-position: center; z-index: -1; -webkit-animation:spin 25s linear infinite; -moz-animation:spin 25s linear infinite; animation:spin 25s linear infinite; } .top-right-green { position: relative; z-index:2; } .top-right-green::after { content: ""; position: absolute; top: 7%; right: -12%; width: 374px; height: 415px; background-image:url('/cdn/shop/files/Path_916.svg?v=1744172975'); background-repeat: no-repeat; background-position: center; z-index: -1; -webkit-animation:spincounter 25s linear infinite; -moz-animation:spincounter 125s linear infinite; animation:spincounter 25s linear infinite; } .top-right-green-px-250.top-right-green::after { top: 350px; } .top-left-green-above.top-left-green::before { z-index: 1; } .top-right-pink { position: relative; z-index:2; } .top-right-pink::after { content: ""; position: absolute; top: 7%; right: -12%; width: 374px; height: 331px; background-image:url('/cdn/shop/files/Path_913_c4018e33-9493-480b-92bf-b45b0411d8f9.svg?v=1744172486'); background-repeat: no-repeat; background-position: center; z-index: -1; -webkit-animation:spincounter 25s linear infinite; -moz-animation:spincounter 25s linear infinite; animation:spincounter 25s linear infinite; } .top-right-blue { position: relative; z-index:2; } .top-right-blue::after { content: ""; position: absolute; top: 7%; right: -12%; width: 374px; height: 331px; background-image:url('/cdn/shop/files/Path_913.svg?v=1744154871'); background-repeat: no-repeat; background-position: center; z-index: -1; -webkit-animation:spincounter 25s linear infinite; -moz-animation:spincounter 125s linear infinite; animation:spincounter 25s linear infinite; } .top-right-blue-48.top-right-blue::after { top: 48%; } .top-right-blue-px-130.top-right-blue::after { top: 130px; } .top-left-blue { position: relative; z-index:2; } .top-left-blue::before { content: ""; position: absolute; top: 0; left: -12%; width: 358px; height: 382px; background-repeat: no-repeat; background-image: url('/cdn/shop/files/Path_913_a221775a-6fe9-4928-a770-be6f2b32ed00.svg?v=1744172886'); background-position: center; z-index: -1; -webkit-animation:spin 25s linear infinite; -moz-animation:spin 25s linear infinite; animation:spin 25s linear infinite; } .top-left-blue-px-135.top-left-blue::before { top:235px; } .top-left-blue-above.top-left-blue::before{ z-index: 1; } .bottom-left-blue { position: relative; } .bottom-left-blue::before { content: ""; position: absolute; top: 0; left: 0; width: 373px; height: 330px; background-image: url('data:image/svg+xml;utf8,'); background-size: contain; background-repeat: no-repeat; background-position: top left; z-index: 3; } .bottom-right-green { position: relative; } .bottom-right-green::after { content: ""; position: absolute; top: 0; right: 0; width: 392.064px; height: 409.659px; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: top right; z-index: 3; } @media only screen and (max-width: 1650px) { .top-left-green-above::before, .top-left-blue-above::before{ display:none; } } @media only screen and (max-width: 1024px) { .top-right-pink::after, .top-left-green::before, .top-right-blue::after, .top-left-blue::before, .top-right-green::after{ display:none; } } /* Breadcrumbs' styles */ .breadcrumbs { font-size: .85em; margin: 0 0 2em; } .breadcrumbs ol { list-style-type: none; margin: 0; padding: 0; } .breadcrumbs li { display: inline-block; } .breadcrumbs a { text-decoration: underline; } .breadcrumbs li:not(:last-child):after { content: "/"; display: inline-block; padding-left: .75ch; speak: none; vertical-align: middle; } .breadcrumbs [aria-current="page"] { color: inherit; font-weight: normal; text-decoration: none; } .breadcrumbs [aria-current="page"]:hover, .breadcrumbs [aria-current="page"]:focus { text-decoration: underline; } /* Check Icon across site */ .check-icon ul { list-style: none; padding-left: 0; } .check-icon ul li { position: relative; padding-left: 40px; /* Adjust spacing */ margin-bottom: 4% !important; } .check-icon ul li::before { content: ""; position: absolute; left: 0 !important; top: 50% !important; transform: translateY(-50%); width: 27px !important; height: 27px !important; background: url("/cdn/shop/files/Icon.svg?v=1741930604") no-repeat center; background-color: transparent !important; background-repeat: no-repeat !important; background-size: contain !important; border-radius: 0 !important; } .check-icon-values .rte ul { list-style: none; padding-left: 0; } .check-icon-values .rte ul li { padding-left: 40px; margin-bottom: 4% !important; position: relative; } .check-icon-values .rte ul li:before { content: ""; position: absolute; background: url(/cdn/shop/files/Icon.svg?v=1741930604) no-repeat center; background-size: contain !important; width: 27px !important; height: 27px !important; left: 0px !important; top: 0% !important; } .img-txt-banner .grid { align-items: center; } .img-txt-banner .image-with-text__media img { height: fit-content; } /* NDIS Programs */ @media only screen and (max-width: 767px) { #shopify-section-template--24389206737171__rich_text_jzdEnr .rich-text__text { padding: 0px !important; } #shopify-section-template--24389206737171__rich_text_jzdEnr .rich-text .rich-text__wrapper .rich-text__blocks { max-width: 100% !important; } #shopify-section-template--24389206737171__rich_text_jzdEnr .button.button--primary { font-size: 16px !important; } #shopify-section-template--24389206737171__image_with_text_tGcFrk .button.button--primary { font-size: 16px !important; } #shopify-section-template--24389206737171__image_with_text_g4ECqt .button.button--primary{ font-size: 16px !important; } #shopify-section-template--24389206737171__image_with_text_LYEtRi .button.button--primary { font-size: 16px !important; } #shopify-section-template--24389206737171__image_with_text_AkPMDP .button.button--primary{ font-size: 16px !important; } /* .shopify-section-template--24389206737171__rich_text_egrBhr .isolate .rich-text .rich-text__wrapper { width: 100% !important; } */ } /* Custom Gallery | Our Ambassador */ .custom-gallery { padding: 20px; } .gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; justify-content: center; } .gallery-item img { width: 100%; height: auto; border-radius: 8px; } .custom-gallery { max-width: 1440px; width: 90%; margin: 0 auto; padding: 36px 50px; } .gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } .custom-gallery .gallery-item.empty { display:none; } /* Responsive Adjustments */ @media (max-width: 1024px) { .gallery-grid { grid-template-columns: repeat(2, 1fr); } .custom-gallery { width: 100%; } } @media (max-width: 767px) { .gallery-grid { grid-template-columns: repeat(2, 1fr); } .custom-gallery { max-width: 1440px; width: 100%; margin: 0 auto; padding: 40px 15px; } } @media (max-width: 480px) { .gallery-grid { grid-template-columns: repeat(1, 1fr); } .custom-gallery { width: 100%; } } /* Behaviour Support | Multicolumn section */ @media (min-width: 768px) and (max-width: 1024px) { .page-width .multicolumn-list__item #bv-col-1 ul, .page-width .multicolumn-list__item #bv-col-2 ul { width: 100% !important; } #shopify-section-template--24425600909587__rich_text_kcnALa .rich-text__wrapper { width: 91.8%; padding: 5% !important; } .section-template--24425600909587__rich_text_kcnALa-padding { padding-top: 20px !important; } } /* Services Section 3 Columns */ .section #services-section-with-image.multicolumn .button { width:100%; } @media only screen and (min-width: 1025px) { .section #services-section-with-image .rte { min-height:378px; } #services-section-with-image.multicolumn .multicolumn-list__item { width:28%; } #services-section-with-image.multicolumn .multicolumn-list__item:nth-child(2) { width:36%; } } @media only screen and (max-width: 1200px) { .section #services-section-with-image .rte p { font-size:18px; } .section #services-section-with-image .multicolumn-list h3 { font-size: 22px; } .section #services-section-with-image .full-image { height: 100%; /* 400px */ object-position: top; } .section #services-section-with-image .multicolumn-card { height: 100%; /* auto */ } } /* CTA 2 Columns With Image */ #cta-two-column-with-image .image-with-text__media { border-top-right-radius:10px; border-bottom-right-radius:10px; } @media only screen and (max-width: 1024px) { #cta-two-column-with-image .image-with-text__content { padding: 65px 60px !important; } #cta-two-column-with-image .image-with-text__media-item:first-child { display:none; } } @media only screen and (max-width: 767px) { .section #cta-two-column-with-image .image-with-text__content h2 { font-size: 30px; line-height: 30px; } #cta-two-column-with-image .image-with-text__content { padding: 65px 30px !important; } } /* Image and Text V1 */ .image-and-text-v1 .button-list { margin-top:0; } .img-path-overflow .image-with-text__grid::before{ content:''; background-image:url(/cdn/shop/files/Path_908.png?v=1742884113); background-size:cover; width: 198px; height: 197px; position: absolute; left: 0; bottom: 0; z-index: 3; } .img-path-overflow-2 .image-with-text__grid::before{ content:''; background-image:url(/cdn/shop/files/Path_912.png?v=1742887180); background-size:cover; width: 95px; height: 95px; position: absolute; left: 0; bottom: 15%; z-index: 3; } .image-and-text-v1 .grid__item .image-with-text__media, .image-and-text-v1 .grid__item .image-with-text__media img, .image-and-text-v1 .grid__item { border-radius: 10px !important; } @media only screen and (max-width: 1024px) { #MainContent .section .image-and-text-v1 .grid__item { width: 100%; border-radius: 25px; height: 400px; overflow: hidden; } #MainContent .section .image-and-text-v1 .grid__item:last-child { width: 100%; height: auto; } .img-path-overflow .image-with-text__grid:before, .img-path-overflow-2 .image-with-text__grid:before{ display:none; } #MainContent .section .image-and-text-v1 .content-container { padding: 40px; } #MainContent .section .image-and-text-v1 .button-list a { white-space: pre-wrap; } } @media only screen and (max-width: 767px) { .section .image-and-text-v1 .content-container { padding: 40px 20px; } } /* IMAGE AND TEXT V2 */ .image-and-text-v2 .button-list { margin-top:0; } .image-and-text-v2 img{ object-fit: contain; } .img-path-overflow-3 .image-with-text__grid::before{ content:''; background-image:url(/cdn/shop/files/Path_908.png?v=1742884113); background-size:cover; width: 198px; height: 197px; position: absolute; left: 0; bottom: 0; z-index: 3; display: none; } .image-and-text-v2 .grid__item .image-with-text__media, .image-and-text-v2 .grid__item .image-with-text__media img, .image-and-text-v2 .grid__item { border-radius: 10px !important; } @media only screen and (max-width: 1024px) { #MainContent .section .image-and-text-v2 .grid__item { width: 100%; border-radius: 25px; /* height: 400px; */ overflow: hidden; } #MainContent .section .image-and-text-v2 .grid__item:last-child { width: 100%; height: auto; } .img-path-overflow .image-with-text__grid:before, .img-path-overflow-2 .image-with-text__grid:before{ display:none; } #MainContent .section .image-and-text-v2 .content-container { padding: 40px; } #MainContent .section .image-and-text-v2 .button-list a { white-space: pre-wrap; } } @media only screen and (max-width: 767px) { .section .image-and-text-v2 .content-container { padding: 40px 20px; } /* Three Column Full Background V1*/ #three-column-full-bg-v1 .multicolumn-list__item:not(:last-child)::before { content: ""; background-color:#C0D230; width:3px; height:70%; position:absolute; right:0; z-index:2; top: 50%; transform: translateY(-50%); } #three-column-full-bg-v1 .multicolumn-list__item { position:relative; } #three-column-full-bg-v1 .text-left p{ color: white; font-family: "Lato", Arial, sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; } #three-column-full-bg-v1 .text-left strong{ color: white; font-family: "Inter", Helvetica, Arial, sans-serif; font-size: 20px; font-style: normal; font-weight: 500; line-height: 30px; } #three-column-full-bg-v1 .rte{ width: 83% !important; } #three-column-full-bg-v1 .multicolumn-list__item:is(:last-child) .button { background-color: #64317F !important; } #three-column-full-bg-v1 .multicolumn-list__item:is(:last-child) .button:hover { background-color: #000 !important; } #three-column-full-bg-v1 .center{ text-align: right; } #three-column-full-bg-v1 .center a{ background-color: #1887bf !important; margin-top: 10px !important; margin-right: 8.3%; box-shadow: none !important; transition: none; } #three-column-full-bg-v1 .center a:hover{ background-color: #000 !important; } #three-column-full-bg-v1 .center .button:after{ box-shadow: none; } #three-column-full-bg-v1 li{ display: flex !important; } @media (max-width: 1024px) { #three-column-full-bg-v1 .multicolumn-list__item:not(:last-child)::before { width: 100%; height:2px; top: 108%; } #three-column-full-bg-v1 .rte{ width: 100% !important; } #three-column-full-bg-v1 ul{ flex-direction: column !important; } #three-column-full-bg-v1 li{ width: 100%; } #three-column-full-bg-v1 .center{ padding-top: 15px !important; text-align: left; } } @media (max-width: 749px) { #three-column-full-bg-v1 .center{ padding-left: 10% !important; padding-bottom: 50px !important; } } /* About Us page */ .about-us-con .image-with-text__text-item::before { content: ""; position: absolute; top: 0; left: 0; width: 100vw; height: 100%; background-color: #07b1a9; z-index: -1; border-radius: 10px 0px 0px 10px !important; } @media only screen and (max-width: 767px) { .about-us-con .image-with-text__text-item::before { display: none; } .about-us-con .image-with-text__content { padding: 4rem 3rem 4rem !important; } } .abtUs-who .about-section { text-align: left; max-width: 700px; margin: 0 auto; } .abtUs-who .about-section h2 { color: #000; font-size: 35px; font-weight: 700; line-height: 45px; } .abtUs-who .about-section p { font-size: 20px !important; font-weight: 400; line-height: 30px !important; color: #000; } .abtUs-who .button-group { display: flex; gap: 15px; margin-top: 40px; flex-wrap: wrap; } .abtUs-who .button-group a { text-decoration: none; padding: 6px 36px; height: 45px; border-radius: 5px; font-size: 20px; font-weight: 500; line-height: 30px; color: #fff; display: flex; justify-content: center; align-items: center; min-width: 160px; } .ndis-button { background: #64317F; } .veterans-button { background: #07B1A9; } .upcoming-events-button { background: #1887BF; } @media (max-width: 768px) { .abtUs-who .button-group { flex-direction: column; align-items: center; } .abtUs-who .button-group a { width: 100%; } } /* Our Ambassador page */ .our-ambass-con .image-with-text__text-item::before { content: ""; position: absolute; top: 0; left: 0; width: 100vw; height: 100%; background-color: #1fa1e2; z-index: -1; border-radius: 10px 0px 0px 10px !important; } @media only screen and (max-width: 767px) { .our-ambass-con .image-with-text__text-item::before { display: none; } .our-ambass-con .image-with-text__content { padding: 4rem 3rem 4rem !important; } } /* Global Section | Your Journey Starts Here Section */ .multicol-our-board .isolate { padding: 3% 6%; } .your-journey-sec .multicolumn-list { display: flex; align-items: center; justify-content: center; gap: 45px; margin-top: 0; } .your-journey-sec .multicolumn-list .multicolumn-list__item { flex: 0.7; } .your-journey-sec .multicolumn-list .multicolumn-list__item:first-child { flex: 0.99; } .your-journey-sec .multicolumn-list .multicolumn-list__item:nth-child(2) { flex: 1; } @media only screen and (max-width: 767px) { .your-journey-sec .multicolumn-list { display: flex; flex-direction: column !important; } .your-journey-sec { margin: 0 5%; } .your-journey-sec .multicolumn-list__item h3.h2 { padding: 0 !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .your-journey-sec .multicolumn-list { display: flex; flex-direction: column !important; } .your-journey-sec .multicolumn-list__item h3.h2 { padding: 0 !important; } .your-journey-sec { margin: 0 7%; } .your-journey-sec .multicolumn-list .multicolumn-list__item { width: 100%; } .your-journey-sec .multicolumn-list .multicolumn-list__item:first-child { width: 100%; } .your-journey-sec .multicolumn-list .multicolumn-list__item:nth-child(2) { width: 100%; } } /* Our NDIS Services page */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .ndis-services-col .image-with-text__content { max-height: 100% !important; padding: 50px !important; margin-top: -1px !important; border-radius: 10px 10px !important; } } } /* Our Veterans Services */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #bv-col-2 .multicolumn-card__info { margin: 0 7% !important; padding: 0 8% !important; } } @media (max-width: 980px) { .bs-multicol .isolate { padding-top: 0px !important; } } /* Home Page Plain CTA */ .section-template--24449706656019__multicolumn_aTgEtB-padding{ padding-left: 95px; padding-right: 95px; } .section-template--24449706656019__multicolumn_aTgEtB-padding h3{ font-family: "Lato", Arial, sans-serif; font-size: 35px; font-style: normal; font-weight: 700; line-height: 45px; } /* Apply NDIS */ /* NDIS 2 Column Steps */ #two-column-ndis .multicolumn-list__item:not(:last-child)::before { content: ""; background-color:#C0D230; width:2px; height:60%; position:absolute; right:0; z-index:2; top: 50%; transform: translateY(-50%); } #two-column-ndis .multicolumn-list__item { position:relative !important; } #two-column-ndis .multicolumn-list__item li { width: 80%; } #two-column-ndis .multicolumn-list { padding: 0px 65px; } #two-column-ndis .rte.text-left { margin-top: 39px !important; } #two-column-ndis .rte.text-left ul { margin-top: 39px; } /* NDIS 3 Column Steps */ #three-column-ndis .multicolumn-list__item:not(:last-child)::before { content: ""; background-color:#C0D230; width:2px; height:70%; position:absolute; right:0; z-index:2; top: 50%; transform: translateY(-50%); } #three-column-ndis .multicolumn-list__item { position:relative !important; } #three-column-ndis .multicolumn-list__item p { width: 85% !important; } #three-column-ndis .multicolumn-list__item h3 { width: 85% !important; } #three-column-ndis .rte.text-left p { margin-top: 39px; } @media (max-width: 1024px) { #three-column-ndis .multicolumn-list__item:not(:last-child)::before { width: 100%; height:2px; top: 108%; } #three-column-ndis .rte{ width: 100% !important; } #three-column-ndis ul{ flex-direction: column !important; } #three-column-ndis li, #three-column-ndis p{ width: 100%; } #two-column-ndis .multicolumn-list__item:not(:last-child)::before { width: 100%; height:2px; top: 100%; } #two-column-ndis .rte{ width: 100% !important; } #two-column-ndis ul{ flex-direction: column !important; } #two-column-ndis li, #three-column-ndis p{ width: 100%; } #two-column-ndis .multicolumn-list { /* padding: 0px; */ padding-left: 1.5rem; padding-right: 1.5rem; } #two-column-ndis .page-width { padding-bottom: 0px; } #three-column-ndis .page-width { padding-top: 0px; } } /* Contact Us CTA NDIS */ .contact-us-cta{ padding-top: 0px; } .contact-us-cta .image-with-text__text-item .image-with-text__content{ padding: 100px 10px 20px; } .contact-us-cta .image-with-text__text-item { width: 30%; } .contact-us-cta .image-with-text__heading { color: #000; font-family: "Lato", Arial, sans-serif; font-size: 35px; font-style: normal; font-weight: 700; line-height: 45px; } .contact-us-cta .image-with-text__text { color: #000; font-family: "Lato", Arial, sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; } .contact-us-cta .button { border-radius: 5px; background: #1887bf; } .contact-us-cta .button:hover { background: #000; } .contact-us-cta .button:after { box-shadow: none; } /* Veteran Programs */ #image-text-icon .image-with-text__media-item{ width: 250px; } #image-text-icon .image-with-text__content{ padding: 0px; } #image-text-icon .image-with-text__grid{ column-gap: 160px; } #image-text-icon .image-with-text__heading{ color: #000; font-size: 35px; font-style: normal; font-weight: 700; line-height: 45px; } #image-text-icon .image-with-text__text { margin-top: 40px; } #programs-ndis-cta{ overflow: hidden !important; } #programs-ndis-cta .image-with-text__media-item::before{ content: ''; background-image: url(/cdn/shop/files/Path_915.png?v=1743636970); background-size: cover; background-repeat: no-repeat; width: 81px; height: 81px; position: absolute; left: 93%; top: 24%; z-index: 1; } #programs-ndis-cta .image-with-text__text-item{ align-content: end; } #programs-ndis-cta .image-with-text__content{ background-color: #07B1A9; height: 71.6%; padding: 60px 45px 60px 100px; border-radius: 10px 0px 0px 10px; } #programs-ndis-cta .image-with-text__content p{ color: white; font-size: 20px; } #programs-ndis-cta .image-with-text__content li{ color: white; font-family: "Inter", Helvetica, Arial, sans-serif; font-size: 20px; } #programs-ndis-cta .button{ background-color: #1887BF; } #programs-ndis-cta .button:hover{ background-color: #000; } @media (max-width: 1364px) { #programs-ndis-cta .image-with-text__content{ height: auto; } } @media (max-width: 1428px) { #image-text-icon .image-with-text__grid{ column-gap: 30px; } #image-text-icon .image-with-text__media-item{ width: auto !important; } } /* Donations */ #donation-two-column .multicolumn-list__item:not(:last-child)::before { content: ""; background-color:#C0D230; width:2px; height:60%; position:absolute; right:0; z-index:2; top: 50%; transform: translateY(-50%); } #donation-two-column .multicolumn-list__item { position:relative !important; } #donation-two-column .rte.text-left{ margin-top: 40px; } #donation-two-column .rte.text-left{ margin-top: 40px; font-family: "Inter", Helvetica, Arial, sans-serif; font-size: 20px; width: 96% !important; } #donation-two-column .rte.text-left p{ font-family: "Inter", Helvetica, Arial, sans-serif; font-size: 20px; width: 90% !important; } #donation-two-column .rte.text-left li{ margin-top: 32px; font-family: "Lato", Arial, sans-serif; font-size: 20px !important; } #donation-two-column .multicolumn-list{ column-gap: 100px; } #donation-two-column .link{ background-color:#1887BF !important; } #donation-two-column .link:hover{ background-color:#000 !important; } #donation-two-column .multicolumn-list > li:first-child .multicolumn-card__button { position: absolute; bottom: 0; } @media (max-width: 1024px) { #donation-two-column .multicolumn-list__item:not(:last-child)::before { width: 100%; height:2px; top: 105%; } #donation-two-column .rte{ width: 100% !important; } #donation-two-column ul{ flex-direction: column !important; } #donation-two-column li, p{ width: 100%; } #donation-two-column .multicolumn-list > li:first-child .multicolumn-card__button { position: static; bottom: auto; } } /* Our Team */ /* Image Right */ .team-member-card-img-right .image-with-text__text-item::before{ content: ""; position: absolute; top: 0; right: -35%; width: 100vw; height: 100%; z-index: -1; border-radius: 0px 90px 90px 0px !important; } .team-member-card-img-right .image-with-text__content{ padding: 100px 0px; } .team-member-card-img-right .image-with-text__media img{ width: 320px !important; height: 320px !important; top: 50% !important; transform: translateY(-50%); } .team-member-card-img-right .image-with-text__media{ left: 30% !important; } .team-member-card-img-right .image-with-text__media{ background: transparent; } /* Image Left */ .team-member-card-img-left .image-with-text__text-item::before{ content: ""; position: absolute; top: 0; left: -35%; width: 100vw; height: 100%; z-index: -1; border-radius: 90px 0px 0px 90px !important; } .team-member-card-img-left .image-with-text__content{ padding: 100px 0px; } .team-member-card-img-left .image-with-text__media img{ width: 320px !important; height: 320px !important; top: 50% !important; transform: translateY(-50%); } .team-member-card-img-left .image-with-text__media{ left: 10% !important; } .team-member-card-img-left .image-with-text__media{ background: transparent; } /* Blue Member Card */ .blue-card.team-member-card-img-right .image-with-text__text-item::before{ background-color: #1fa1e2; } .blue-card.team-member-card-img-right .image-with-text__content{ background-color: #1fa1e2; } /* Blue Member Card 2nd Version*/ .blue-card-2.team-member-card-img-left .image-with-text__text-item::before{ background-color: #1fa1e2; } .blue-card-2.team-member-card-img-left .image-with-text__content{ background-color: #1fa1e2; } /* Purple Member Card */ .purple-card.team-member-card-img-left .image-with-text__text-item::before{ background-color: #64317F; } .purple-card.team-member-card-img-left .image-with-text__content{ background-color: #64317F; } /* Green Member Card */ .green-card.team-member-card-img-right .image-with-text__text-item::before{ background-color: #8DC641; } .green-card.team-member-card-img-right .image-with-text__content{ background-color: #8DC641; } /* Blue Green Member Card */ .blue-green.team-member-card-img-left .image-with-text__text-item::before{ background-color: #07B1A9; } .blue-green.team-member-card-img-left .image-with-text__content{ background-color: #07B1A9; } /* Blue Green Member Card 2nd Version*/ .blue-green-2.team-member-card-img-right .image-with-text__text-item::before{ background-color: #07B1A9; } .blue-green-2.team-member-card-img-right .image-with-text__content{ background-color: #07B1A9; } .team-member-card-img-right .image-with-text__text, .team-member-card-img-left .image-with-text__text{ margin-top: 35px; } @media (max-width: 1440px) { .team-member-card-img-right, .team-member-card-img-left{ overflow: hidden; } } @media (max-width: 1024px) { .team-member-card-img-right .image-with-text__media, .team-member-card-img-left .image-with-text__media{ left: 0 !important; } .team-member-card-img-right, .team-member-card-img-left{ overflow: hidden; } } @media (max-width: 768px) { .team-member-card-img-right, .team-member-card-img-left{ overflow: hidden !important; } .team-member-card-img-right .image-with-text__media, .team-member-card-img-left .image-with-text__media{ padding-bottom: 0 !important; margin-bottom: -120px !important; z-index: 3; } .team-member-card-img-right .image-with-text__media img, .team-member-card-img-left .image-with-text__media img{ width: 300px !important; height: 300px !important; left: 50% !important; transform: translate(-50%, -50%) } } /* Lucas Paragraph Adjustment */ @media (min-width: 1025px) and (max-width: 1600px) { .lucas .image-with-text__text-item.grid__item .image-with-text__text.rte.body:first-of-type p:first-of-type { padding-right: 171px; } } @media (min-width: 1025px) and (max-width: 1148px){ .lucas .image-with-text__heading.inline-richtext.h1 { padding-right: 150px; } } /* Shop Banner */ .shop-banner::before { content: ""; background-color: #e61c5d; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; right: 0; } .shop-banner { position:relative; } #shopify-section-template--24381117137171__custom_liquid_96DCnf { position:relative; } #shopify-section-template--24381117137171__custom_liquid_96DCnf::after { content: ""; background-image:url(/cdn/shop/files/icon.png?v=1743989006); position: absolute; width: 100%; max-width: 91px; height: 47px; margin: auto; bottom: -64px; left: 0; right: 0; z-index: 2; } @media only screen and (max-width: 1280px) { #MainContent .shop-banner .multicolumn-card__info .rte p { font-size:20px; } #MainContent .shop-banner-top .multicolumn-list h3 { font-size:40px; } } @media only screen and (max-width: 989px) { .shop-banner .grid__item:last-child { display:none; } } @media (max-width: 980px) { #MainContent .shop-banner.multicolumn > div { padding-top: 0px; padding-bottom: 0px; } } /* Product Card */ .card__content .quick-add { display: flex; justify-content: space-between; flex-wrap: wrap; } .quick-add button[type=submit] { padding:10px 20px; } .quick-add .button--primary { background-color: #1887BF; } .quick-add .button--primary::after { box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(255, 255, 255, calc(1 - 1.0)), 0 0 0 var(--buttons-border-width) rgb(24 135 191); } .quick-add .button--primary:hover { background-color:#000; } @media (max-width: 1280px) and (min-width: 990px) { .product-grid .grid__item { width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3); max-width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3); } } @media (max-width: 989px) { .product-grid { max-width: 400px; margin: auto; } } /* Form Container v1 */ .form-container-v1 { width: 100%; max-width: 1400px; margin: auto; padding: 50px; border-radius: 10px; background: #F2F2F2; } .form-container-v1 > h2, .form-container-v1 > p{ text-align:center; } .form-container-v1 h2{ color: #000; text-align: center; font-family: Lato; font-size: 35px; font-style: normal; font-weight: 700; line-height: 1.2em; } .form-container-v1 p, .form-container-v1 label { color: #000; font-family: Lato; font-size: 20px; font-style: normal; font-weight: 400; } .form-container-header, .form-container-footer { width: 100%; max-width: 1200px; margin: auto; text-align:center; } #bequest_form .form-row input, #support-group .form-row input:not([type=checkbox]){ width: 44%; margin: 2% 2%; background-color: #fff; border: 0; padding: 15px 20px; border-radius: 5px; } #bequest_form { width: 100%; max-width: 860px; margin: auto; } .form-container-v1 .form-checkbox { width: 100%; max-width: 660px; margin: auto; display: flex; align-items: flex-start; } .form-container-v1 .form-checkbox input { margin-top: 11px; height: 14px; width: 14px; border: 1px solid #000; } .form-container-v1 .button { margin-top:40px; margin-bottom:20px; background-color:#1887BF; } .form-container-v1 .button:hover { background-color:#000; } .form-container-v1 .button::after { display:none; } .form-container-v1 .two-column { display: flex; flex-direction: row; align-items: flex-start; } .checklis-container { width: 45%; margin: 2% 2%; } .checklis-container label { font-size: 14px; } .form-container-v1 .checklis-container .form-checkbox input { margin-top: 6px; } .form-container-v1 .checklis-container .form-checkbox { margin-bottom:10px; } /* Form Container v2 */ .form-container-v2 { width: 100%; max-width: 700px; margin: auto; } .form-container-v2 .form-group { padding:30px 40px; border-radius: 10px; background: #F2F2F2; margin-bottom:50px; display: flex; flex-direction: column; } .form-container-v2 .form-group label { font-size: 20px; font-style: normal; font-weight: 400; line-height: 1.2em; margin-bottom:15px; } .form-container-v2 .form-group input, .form-container-v2 .form-group textarea { background-color: #fff; border: 0; padding: 15px 20px; border-radius: 5px; } .form-container-v2 .button { background-color:#8DC641; } .form-container-v2 .button::after { display:none; } .form-container-v2 .button:hover { background-color:#000; } .form-container-v2-footer { text-align:center; } /* Join Our Team */ #join-team-two-column .multicolumn-list__item:not(:last-child)::before { content: ""; background-color:#C0D230; width:2px; height: 45%; position:absolute; right:0; z-index:2; top: 20%; } #join-team-two-column .multicolumn-list { padding: 0px 40px; } #join-team-two-column .multicolumn-list__item:not(:last-child)::after { content: "We encourage you to apply and become part of a mission-driven organisation that truly cares."; position:absolute; top: 100%; width: 96% !important; font-family: "Inter", Helvetica, Arial, sans-serif; font-size: 20px; } #join-team-two-column .multicolumn-list__item { position:relative !important; } #join-team-two-column .rte.text-left{ margin-top: 40px; } #join-team-two-column .rte.text-left{ margin-top: 40px; font-family: "Inter", Helvetica, Arial, sans-serif; font-size: 20px; width: 96% !important; } #join-team-two-column .rte.text-left p{ font-family: "Inter", Helvetica, Arial, sans-serif; font-size: 20px; width: 90% !important; } #join-team-two-column .rte.text-left li{ margin-top: 32px; font-family: "Lato", Arial, sans-serif; font-size: 20px !important; } #join-team-two-column .multicolumn-list{ column-gap: 100px; } #join-team-two-column .link{ background-color:#1887BF !important; } #join-team-two-column .link:hover{ background-color:#000 !important; } #join-team-two-column .multicolumn-list > li:first-child .multicolumn-card__button { position: absolute; bottom: 0; } @media (max-width: 1024px) { #join-team-two-column .multicolumn-list__item:not(:last-child)::before { width: 100%; height:2px; top: 125%; } #join-team-two-column .multicolumn-list__item:is(:last-child) { margin-top: 100px; } #join-team-two-column .rte{ width: 100% !important; } #join-team-two-column ul{ flex-direction: column !important; } #join-team-two-column li, p{ width: 100%; } #join-team-two-column .multicolumn-list > li:first-child .multicolumn-card__button { position: static; bottom: auto; } } @media (max-width: 386px) { #join-team-two-column .multicolumn-list__item:not(:last-child)::before { top: 132%; } #join-team-two-column .multicolumn-list__item:is(:last-child) { margin-top: 150px; } } @media (max-width: 328px) { #join-team-two-column .multicolumn-list__item:not(:last-child)::before { top: 134%; } #join-team-two-column .multicolumn-list__item:is(:last-child) { margin-top: 180px; } } /* Contact - Our Detail */ .contact-detail .multicolumn-list__item:last-child::after { content: ''; border-radius: 10px 0px 0px 10px; background: #07B1A9; position: absolute; right: -51%; bottom: 0; width: 100%; height: 113%; z-index: -1; } .contact-detail .multicolumn-list__item:last-child h3 { color:#fff; font-size: 35px; font-style: normal; font-weight: 700; line-height: 1.3em; } .contact-detail .rte ul li { color: #FFF; font-size: 20px; font-style: normal; font-weight: 500; line-height: 1.3em; margin-bottom: 1em; } .contact-detail .rte ul li:before, .contact-social-form .rte ul li:before { display:none; } .contact-detail .rte ul { padding-left:0; } .contact-detail .button { margin-top: 20px !important; margin-bottom:40px; } .contact-detail { overflow:hidden; } .contact-social-form .rte ul li a { display: flex; align-items: center; padding-right:4rem; margin: 0; text-decoration:none; } .contact-social-form .rte ul li a:hover { opacity:.9; } .contact-social-form .rte ul li svg { padding-right:5px; } .contact-social-form .rte ul { display: flex; flex-wrap: wrap; padding:30px 0; } .button-container-list { max-width:500px; } .button-container-list .button { width:100%; background-color:#1887BF; } .button-container-list .button::after, .button-container-list a::after, .button::after { display:none; } .button-container-list .button:hover, .button-container-list a:hover, .button:hover, .button-list a:hover{ background-color:#000 !important; } .button-list { display: flex; } .button-list .button:first-child { background-color:#64317F; width:49%; margin-right:1%; } .button-list .button:last-child { background-color:#07B1A9; width:49%; margin-left:1%; } .contact-social-form .form-container-v1 input, .contact-social-form .form-container-v1 textarea { width: 100%; background-color: #fff; border: 0; padding: 15px 20px; border-radius: 5px; } .contact-social-form .form-container-v1 button { border-radius: 5px; background: #1887BF; font-size: 20px; font-weight: 500; padding:10px 25px; } .contact-social-form .form-container-v1 { margin-top:40px; } @media only screen and (max-width: 1400px) { #MainContent .section .contact-detail .multicolumn-list__item:last-child { width: 43%; } } @media only screen and (max-width: 990px) { #MainContent .section .contact-detail .multicolumn-list__item { width: 100%; } #MainContent .section .contact-detail .multicolumn-list__item:last-child { width: 100%; border-radius: 10px 0px 0px 10px; background: #07B1A9; padding:20px; } #MainContent .section .contact-detail .multicolumn-list__item:last-child::after { display:none; } .button-container-list { max-width: 100%; } } /* Form Container V3 */ .form-container-v3 { width: 100%; max-width: 700px; margin: auto; padding: 50px; border-radius: 10px; background: #F2F2F2; text-align: center; } .form-container-v3 .form-group input, .form-container-v3 .form-group textarea { background-color: #fff; border: 0; padding: 15px 20px; border-radius: 5px; margin-bottom: 20px; width:100%; } .form-container-v3 h2 { margin-bottom: 50px; } .form-container-v3 .button { background-color:#1887BF; margin-top: 40px; } .form-container-v3 .button:hover { background-color:#000; } .form-container-v3 .button:after { display:none; } .form-container-v3 p { font-size:20px; } .form-container-v3 .form-group label { display: flex; max-width: 390px; align-items: center; text-align: left; font-size: 20px; } .form-container-v3 .form-group label input { margin: 0; width: auto; margin-right: 20px; } .form-container-v3 .check-input-list { max-width:400px; margin:auto; margin-bottom: 40px; } @media only screen and (min-width: 1024px) { .form-container-v3 { padding: 5rem 9rem 8rem 9rem; } } /* Breadcrumbs */ @media (max-width: 768px) { .breadcrumbs{ display: none; } } /* 23 */ @media (max-width: 768px) { #image-text-icon .image-with-text__media-item { width: 100%; max-width: 100%; height: auto; display: block; box-sizing: border-box; } #image-text-icon .image-with-text__media-item img { width: 100%; height: auto; object-fit: contain; display: block; } } /* Veteran Support Group */ .vsg h4 { margin-top: 10%; background: #07b1a9; padding: 60px 40px; border-radius: 10px; color: #fff; font-size: 20px; font-weight: 400; line-height: 30px; } .vsg .rte p { padding-right: 22%; padding-bottom: 20px; } @media (max-width: 767px) { .vsg .rte p { padding-right: 0 !important; } .check-icon-values .rte ul li { padding-right: 0% !important; } } @media (min-width: 768px) and (max-width: 1024px) { .bs-multicol .isolate { padding: 30px; } .vsg .multicolumn-list .multicolumn-list__item .multicolumn-card__info { padding: 30px !important; } .vsg .rte p { padding-right: 0 !important; } .check-icon-values .rte ul li { padding-right: 0% !important; } } /* NDIS Support Group */ .nsg h4 { margin-top: 10%; background: #64317F; padding: 60px 40px; border-radius: 10px; color: #fff; font-size: 20px; font-weight: 400; line-height: 30px; } .nsg .rte p { padding-right: 22%; padding-bottom: 20px; } @media (max-width: 767px) { .nsg .rte p { padding-right: 0 !important; } .check-icon-values .rte ul li { padding-right: 0% !important; } } @media (min-width: 768px) and (max-width: 1024px) { .bs-multicol .isolate { padding: 30px; } .nsg .multicolumn-list .multicolumn-list__item .multicolumn-card__info { padding: 30px !important; } .nsg .rte p { padding-right: 0 !important; } .check-icon-values .rte ul li { padding-right: 0% !important; } } /* Subscription Product */ .donation-product .product-form__submit.button, .donation2-product .product-form__submit.button, .donation-product .product-form__quantity{ display:none !important; } .donation-product .product-form form, .donation-product .product-form__buttons, .donation-product .Avada-SubscriptionWidget-Block, .donation-product .hr-single-product{ max-width:100% !important; width:100% !important; } /* Discovery Session */ #discovery-session-image-col .image-with-text__grid{ margin-bottom: -4.3% !important; column-gap: 72px; } #discovery-session-image-col h2{ color: #fff; font-family: "Lato", Arial, sans-serif; font-size: 35px; font-weight: 700; line-height: 45px; } #discovery-session-image-col li{ color: #fff; /* font-family: "Lato", Arial, sans-serif; */ font-size: 20px; line-height: 30px; } #discovery-session-image-col strong{ color: #fff; /* font-family: "Inter", Helvetica, Arial, sans-serif; */ font-size: 20px; line-height: 30px; } #discovery-session-image-col .image-with-text__content{ background-color: #07B1A9; height: 547px; border-radius: 10px; padding: 58px 121px 64px 106px !important; margin-left: 0px; } #discovery-session-image-col .button{ background-color: #8DC641; margin-top: 20px; } #discovery-session-image-col .image-with-text__media img{ height: 686px; } #discovery-session-image-col .image-with-text__media-item{ margin-right: 100px !important; } @media (max-width: 1024px) { #discovery-session-image-col .image-with-text__content{ padding: 50px 25px !important; height: 100%; } #discovery-session-image-col .image-with-text__media-item{ margin-right: 0px !important; } #discovery-session-image-col .image-with-text__media img{ height: 100%; } #discovery-session-image-col .image-with-text__grid{ margin-bottom: 80px !important; column-gap: 30px; } } @media (min-width: 1025px) and (max-width: 1384px) { #discovery-session-image-col .image-with-text__content{ padding: 50px 30px !important; } #discovery-session-image-col .image-with-text__grid{ margin-bottom: 80px !important; column-gap: 20px; } #discovery-session-image-col .image-with-text__media-item{ margin-right: 0px !important; } } /* Discovery Session (Imagery Update)*/ #discovery-session-image-col2 .image-with-text__grid{ margin-bottom: -1.3% !important; column-gap: 80px; } #discovery-session-image-col2 h2{ color: #fff; font-family: "Lato", Arial, sans-serif; font-size: 35px; font-weight: 700; line-height: 45px; } #discovery-session-image-col2 li{ color: #fff; /* font-family: "Lato", Arial, sans-serif; */ font-size: 20px; line-height: 30px; } #discovery-session-image-col2 strong{ color: #fff; /* font-family: "Inter", Helvetica, Arial, sans-serif; */ font-size: 20px; line-height: 30px; } #discovery-session-image-col2 .image-with-text__content{ background-color: #07B1A9; height: 547px; border-radius: 10px; padding: 58px 121px 64px 106px !important; margin-left: 0px; } #discovery-session-image-col2 .button{ background-color: #8DC641; margin-top: 20px; } #discovery-session-image-col2 .image-with-text__media img{ /* height: 686px; */ height: 100%; width: 100%; } #discovery-session-image-col2 .image-with-text__media-item{ margin-right: 10px; margin-bottom: -56px; width: 600px; } @media (max-width: 1024px) { #discovery-session-image-col2 .image-with-text__content{ padding: 50px 25px !important; height: 100%; } #discovery-session-image-col2 .image-with-text__media-item{ margin-right: 144px !important; height: 579px; } #discovery-session-image-col2 .image-with-text__media img{ height: 100%; } #discovery-session-image-col2 .image-with-text__grid{ margin-bottom: 80px !important; column-gap: 30px; } } @media (min-width: 1025px) and (max-width: 1384px) { #discovery-session-image-col2 .image-with-text__content{ padding: 50px 30px !important; } #discovery-session-image-col2 .image-with-text__grid{ margin-bottom: 80px !important; column-gap: 20px; } #discovery-session-image-col2 .image-with-text__media-item{ margin-right: 0px !important; } } @media (max-width: 768px) { #discovery-session-image-col2 .image-with-text__media-item { margin-right: 0px !important; height: 579px; } } @media (min-width: 375px) and (max-width: 609px) { #discovery-session-image-col2 .image-with-text__media-item { height: 100%; width: 100%; object-fit: contain; } } /* Feedback Form Container */ .feedback-form-container { width: 100%; max-width: 700px; margin: auto; } .feedback-form-container .form-group { padding:37px 60px 45px; border-radius: 10px; background: #F2F2F2; margin-bottom:70px; display: flex; flex-direction: column; } .feedback-form-container .form-group.text-area { padding-bottom: 51px; } .feedback-form-container .form-group label { font-size: 20px; font-style: normal; font-weight: 400; line-height: 1.2em; margin-bottom:18px; } .feedback-form-container .form-group input, .feedback-form-container .form-group textarea { background-color: #fff; border: 0; padding: 15px 20px; border-radius: 5px; } .feedback-form-container .button { background-color:#8DC641; margin: 0px !important; } .feedback-form-container .button::after { display:none; } .feedback-form-container .button:hover { background-color:#000; } @media (max-width: 425px) { .feedback-form-container .form-group { padding:37px 45px 45px; } .feedback-form-container .form-group { margin-bottom: 50px; } } /* DVA Rehab Agencies */ #dva-rehab-two-column .multicolumn-list__item:not(:last-child){ border-radius: 10px; background-color: #F2F2F2 !important; /* padding: 65px 63px 89px 65px; */ padding: 65px 58px 50px; } #dva-rehab-two-column .multicolumn-list__item:is(:last-child){ border-radius: 10px; background-color: #1FA1E2 !important; padding: 65px 58px 50px; width: 57%; } #dva-rehab-two-column .multicolumn-list__item:is(:last-child) h3{ color: #fff; font-size: 38px; margin: 0px 0px 25px !important; } #dva-rehab-two-column .multicolumn-list__item:is(:last-child) p{ color: #fff; font-size: 20px; } #dva-rehab-two-column .feedback-right-column p{ color: #fff; font-family: "Lato", Arial, sans-serif; font-size: 20px; margin: 0px 0px 20px !important; } #dva-rehab-two-column .feedback-right-column li{ color: #fff; font-family: "Lato", Arial, sans-serif; font-size: 20px; margin: 0px 0px 25px !important; } #dva-rehab-two-column .feedback-right-column .list-container{ margin-bottom: 30px; display:flex; flex-wrap: nowrap; column-gap: 25px; } #dva-rehab-two-column .feedback-right-column .list-container .list-child-1{ width: 60%; } #dva-rehab-two-column .feedback-right-column .description{ margin-bottom: 50px !important; } @media (max-width: 425px) { #dva-rehab-two-column .multicolumn-list{ display: flex; flex-wrap: wrap; } #dva-rehab-two-column .multicolumn-list__item{ width: 100%; padding: 65px 40px 50px !important; } #dva-rehab-two-column .feedback-right-column .list-container{ display: flex; flex-wrap: wrap; } #dva-rehab-two-column .feedback-right-column .list-container .list-child-1{ width: 100%; } #dva-rehab-two-column .feedback-right-column .list-container .list-child-2{ width: 100%; } } @media (min-width: 426px) and (max-width: 1024px) { #dva-rehab-two-column .multicolumn-list{ display: flex; flex-wrap: wrap; } #dva-rehab-two-column .multicolumn-list__item{ width: 100%; padding: 65px 40px 50px !important; } #dva-rehab-two-column .feedback-right-column .list-container .list-child-1{ width: 50%; } #dva-rehab-two-column .feedback-right-column .list-container .list-child-2{ width: 50%; } } #dva-rehab-image-text-col .inline-richtext{ font-size: 38px; margin-bottom: 25px; } #dva-rehab-image-text-col .rte.text-left{ margin-top: 0px; } #dva-rehab-image-text-col .description{ margin-bottom: 50px; font-size: 20px; } #dva-rehab-image-text-col .approach-list{ margin-bottom: 33px; font-size: 20px; } #dva-rehab-image-text-col .last-description{ padding-top: 25px; font-size: 20px; } #dva-rehab-image-text-col .multicolumn-list li{ font-size: 20px; margin-bottom: 25px; } #dva-rehab-image-text-col .multicolumn-card__image-wrapper, #dva-rehab-image-text-col .multicolumn-card__image-wrapper img{ margin: 0px; height: 598px; } #dva-rehab-image-text-col .media{ left: 10%; } #dva-rehab-image-text-col{ overflow: hidden !important; } #dva-rehab-image-text-col .multicolumn-card__image-wrapper::before{ content: ''; background-image: url(/cdn/shop/files/Path_911.png?v=1744672539); background-size: cover; width: 180px; height: 200px; position: absolute; left: -1%; top: 44%; z-index: 0; } #dva-rehab-image-text-col .multicolumn-card__image-wrapper::after{ content: ''; background-image: url(/cdn/shop/files/Path_916.png?v=1744672550); background-size: cover; width: 150px; height: 159px; position: absolute; right: 0%; top: -9%; z-index: 1; } @media (max-width: 1440px) { #dva-rehab-image-text-col .media{ left: 5%; } #dva-rehab-image-text-col .multicolumn-card__image-wrapper::before{ left: -11%; } } @media (min-width: 990px) and (max-width: 1024px) { #dva-rehab-image-text-col .multicolumn-card__image-wrapper, #dva-rehab-image-text-col .multicolumn-card__image-wrapper img{ height: 450px; } #dva-rehab-image-text-col .media{ left: -3%; } #dva-rehab-image-text-col .multicolumn-card__image-wrapper::after{ top: -8%; } } @media (max-width: 989px) { #dva-rehab-image-text-col .multicolumn-card__image-wrapper img{ left: 50%; transform: translateX(-50%); } #dva-rehab-image-text-col .media{ left: 0%; } #dva-rehab-image-text-col .multicolumn-card__image-wrapper::after{ right: 12%; top: -9%; } #dva-rehab-image-text-col .multicolumn-card__image-wrapper::before{ left: 8%; } } @media (max-width: 880px) { #dva-rehab-image-text-col .multicolumn-card__image-wrapper::after{ right: 5%; } #dva-rehab-image-text-col .multicolumn-card__image-wrapper::before{ left: 3%; } } @media (max-width: 768px) { #dva-rehab-image-text-col .multicolumn-card__image-wrapper, #dva-rehab-image-text-col .multicolumn-card__image-wrapper img{ height: 100%; } #dva-rehab-image-text-col .multicolumn-card__image-wrapper::after{ right: 0; } #dva-rehab-image-text-col .multicolumn-card__image-wrapper::before{ left: 0; } } @media (max-width: 600px) { #dva-rehab-image-text-col .multicolumn-card__image-wrapper::after{ width: 100px; height: 106px; top: -6%; } } @media (max-width: 375px) { #dva-rehab-image-text-col .multicolumn-card__image-wrapper::after{ width: 88px; height: 93px; top: -10%; } #dva-rehab-image-text-col .inline-richtext{ font-size: 30px; } } /* DVA Rehab Colored */ #dva-rehab-colored-banner .page-width{ padding: 60px 130px !important; } @media (max-width: 425px) { #dva-rehab-colored-banner{ margin-left: 25px !important; margin-right: 25px !important; } #dva-rehab-colored-banner .page-width{ padding-left: 25px !important; padding-right: 25px !important; } #dva-rehab-colored-banner .multicolumn-list{ row-gap: 0px } } @media (min-width: 426px) and (max-width: 1024px) { #dva-rehab-colored-banner{ margin-left: 25px !important; margin-right: 25px !important; } #dva-rehab-colored-banner .page-width{ padding-left: 25px !important; padding-right: 25px !important; } #dva-rehab-colored-banner .multicolumn-list{ row-gap: 0px } } /* social workers */ @media (max-width: 1024px) { #MainContent #social-workers-image-with-text .image-with-text__media-item { width: 40% !important; } #MainContent #social-workers-image-with-text .image-with-text__text-item { width: 60% !important; } } @media (max-width: 980px) { #MainContent #social-workers-image-with-text .image-with-text__media-item { width: 100% !important; } #MainContent #social-workers-image-with-text .image-with-text__text-item { width: 100% !important; } } @media (max-width: 1024px) { #social-workers-image .multicolumn-card__image { max-width: 85% !important; margin-left: auto; margin-right: auto; display: block; } #social-workers-image .multicolumn-list { column-gap: 40px !important; } } @media (max-width: 990px) { #social-workers-image .multicolumn-card__image { max-width: 100% !important; } #social-workers-image .multicolumn-list { column-gap: 40px !important; } } /* ADF MEMBERS */ .image-shape-blue li:nth-child(2), .image-shape-blue li:nth-child(2){ position:relative; } .image-shape-blue li:nth-child(2)::before { content: ''; position: absolute; top: 155px; left: -23px; width: 80px; height: 80px; background: url('/cdn/shop/files/Path_917.png?v=1744690326') no-repeat center/contain; z-index: 2; } .image-shape-pink li:nth-child(2)::after{ content: ''; position: absolute; bottom: 0px; right: 7px; width: 100px; height: 105px; background-image: url('/cdn/shop/files/Path_916_22d5c39a-28a2-4f87-84c6-ae12023388b8.png?v=1744694887'); background-size: cover; z-index: 1; } @media (max-width: 1024px) { #confidential-care-two-col .multicolumn-list__item:not(:last-child) { height: 405px !important; } #confidential-care-two-col .multicolumn-list__item:nth-child(2) .multicolumn-card.content-container { width: 108% !important; margin: 0 auto; } #confidential-care-two-col .multicolumn-list__item:last-child img { height: 400px !important; } } @media (max-width: 1024px) { .image-shape-pink li:nth-child(2)::after { bottom: 0px; right: -35px; width: 100px; height: 105px; background-image: url('/cdn/shop/files/Path_916_22d5c39a-28a2-4f87-84c6-ae12023388b8.png?v=1744694887'); } .image-shape-blue li:nth-child(2)::before { top: 155px; left: -23px; width: 80px; height: 118px; } } @media (max-width: 990px) { .image-shape-pink li:nth-child(2)::after { right: -29px; width: 100px; height: 105px; } #confidential-care-two-col .multicolumn-list__item:last-child img { height: 400px !important; width: 97% !important; } } @media (max-width: 600px) { #confidential-care-two-col .multicolumn-list__item:last-child img { height: 280px !important; width: 97% !important; } } @media (max-width: 425px) { .image-shape-blue li:nth-child(2)::before { top: 135px; left: -26px; width: 78px; height: 55px; } } @media (max-width: 990px) { #confidential-care-two-col .multicolumn-list__item:not(:last-child) { height: 510px !important; } } @media (max-width: 375px) { #confidential-care-two-col .multicolumn-list__item:not(:last-child) { height: 550px !important; } } @media (max-width: 320px) { #confidential-care-two-col .multicolumn-list__item:not(:last-child) { height: 667px !important; } .image-shape-pink li:nth-child(2)::after { right: -15px; width: 71px; height: 75px; } #confidential-care-two-col .multicolumn-list__item:last-child img { height: 280px !important; width: 100% !important; } } @media only screen and (max-width: 767px) { .igy6-why-section { flex-direction: column; gap: 0px; padding-left: 20px; } .igy6-why-section h2 { text-align: center; width: 100%; display:none; } } @media (max-width: 768px) { #adf-struggling-section ..multicolumn-card__content:not(:last-child) { margin-bottom: -60px !important; } } @media (max-width: 320px) { #confidential-care-two-col .rte.text-left { width: 114%; } } /* Homepage | Shop Now btn */ .home-shop-now .image-with-text__content .button { background: #E61C5D !important; } /* Homepage | Meet Our Team */ #meet-our-team-btn .multicolumn-card__info { position: absolute; top: 0; left: 0; right: 0; background: transparent !important; display: flex; align-items: flex-end; justify-content: center; min-width: 100%; } #meet-our-team-btn .multicolumn-card__button { width: 100% !important; } /* New Thank You Page*/ #shopify-section-template--24987253211411__thank_you_qD9gde .button { background-color: #1887BF; } @media (min-width: 1281px) { #shopify-section-template--24987253211411__thank_you_qD9gde .thank-you-component .row{ align-items: end !important; } #shopify-section-template--24987253211411__thank_you_qD9gde .row .col--content{ text-align: left !important; padding-bottom: 62px; } } @media (min-width: 1025px) and (max-width: 1280px) { #shopify-section-template--24987253211411__thank_you_qD9gde .row .col--content{ padding: 0px 130px; } } #thank-you-v2 { top: 160px; } /* Lance Custom CSS Form */ .custom-form { font-family: Lato, sans-serif; font-size: 20px; font-weight: 400; line-height: 30px; width: 100%; max-width: 993px; padding-left: 1.5rem; padding-right: 1.5rem; } .custom-form .form-group { padding-bottom: 20px; } .group-header { background-color: #00a2a5; color: white; padding: 10px 20px; font-family: Inter, sans-serif; font-weight: 600; font-size: 20px; } .group-body { background: #FBFBFB; padding: 20px; border-top: none; } .group-body label { display: block; font-weight: 400; } .group-body input[type="text"], .group-body input[type="number"], .group-body input[type="date"], .group-body input[type="email"] { font-family: Lato, sans-serif; width: 80%; padding: 6px; margin-top: 4px; border: 1px solid #E4E4E4; border-radius: 3px; font-size: 17px; } .form-group.consent .group-body label { width: 30%; } input.psychologist-name { width: 30% !important; margin: 0px 10px !important; } .form-group.education .group-body input[type="text"], .form-group.education .group-body input[type="number"], .form-group.education .group-body input[type="date"], .form-group.education .group-body input[type="email"] { width: 60%; /* padding: 6px; margin-top: 4px; border: 1px solid #ccc; border-radius: 3px; font-size: 17px; */ } .input-group { display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; } .group-body textarea { width: 100%; max-width: 100%; height: 100px; box-sizing: border-box; resize: vertical; padding: 6px; margin-top: 4px; border: 1px solid #E4E4E4; border-radius: 3px; font-size: 17px; } /* Custom checkboxes & radios */ input[type="checkbox"], input[type="radio"] { appearance: none; -webkit-appearance: none; width: 18px !important; height: 18px !important; border: 2px solid #333; background-color: #fff; cursor: pointer; position: relative; } input[type="checkbox"]{ border-radius: 2px; } /* Rounded for radio buttons */ input[type="radio"] { border-radius: 50%; } /* Checkbox check mark */ input[type="checkbox"]:checked::after { content: ""; position: absolute; left: 5px; top: 1px; width: 4px; height: 9px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } /* Radio check dot */ input[type="radio"]:checked::after { content: ""; position: absolute; top: 3px; left: 3px; width: 8px; height: 8px; background-color: white; border-radius: 50%; } /* Checked state background color */ input[type="checkbox"]:checked, input[type="radio"]:checked { background-color: #00a2a5; border-color: #00a2a5; } .inline-option { font-weight: normal; } .options-inline { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 4px; padding-bottom: 15px; } .options-inline .inline-option { display: flex; align-items: center; gap: 17px; margin: 0; flex: 1 1 1; /* grow equally, shrink if needed */ min-width: 232px; /* optional: prevent too small boxes */ } .submit-btn { font-family: Lato, sans-serif; background-color: #1887BF; color: white; font-size: 20px; line-height: 30px; padding: 6px 36px; border: 2px solid #1887BF; border-radius: 5px; cursor: pointer; margin-top: 15px; transition: 0.2s ease-in-out; display: block; margin-left: auto; margin-right: auto; /* centers the button */ } .submit-btn:hover { background-color: #FFFF; color: #1887BF; } canvas { display: block; margin-top: 5px; margin-bottom: 5px; width: 502px; max-width: 100%; } button[type="button"] { margin-bottom: 10px; } .clear-signature-btn { font-family: Lato, sans-serif; background-color: #e0e0e0; color: #333; padding: 6px 12px; border: none; border-radius: 3px; cursor: pointer; font-size: 14px; margin-top: 5px; margin-bottom: 10px; transition: background-color 0.2s ease; } .clear-signature-btn:hover { background-color: #ccc; } .floating-pods { width: 100%; } /* .section-template--25013734932755__custom_liquid_7k4tRn-padding { display: flex; flex-direction: column; align-items: center; } */ #shopify-section-template--25009535713555__multicolumn_xXx9cX .section { z-index: unset; } .section-template--25009535713555__rich_text_XmFAgy-padding .rich-text__blocks.left { padding: 40px; color: #fff; background: #482915; width: 582px; } .section-template--25009535713555__rich_text_XmFAgy-padding .rich-text__blocks.left .rte a { color: #fff; } /* Psychological Assessment Mobile View */ @media (max-width: 1357px) { .floating-pods { display: none; } } @media (max-width: 767px) { .custom-form { font-size: 18px !important; } .group-body input[type="text"], .group-body input[type="number"], .group-body input[type="date"], .group-body input[type="email"], .group-body textarea { font-size: 16px; width: 100%; } .input-group { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding-bottom: 10px; } .options-inline { flex-direction: column; flex-wrap: unset; } .newsletter-wrapper-image img { display: none; } input.psychologist-name{ width: 50% !important; margin: 0px !important; } } /* Coffee-With-Purpose Page*/ @media (max-width: 749px) { .ecc-section .image-with-text__content img { width: 60vw; } .ecc-section .image-with-text__content { padding-bottom: 0px !important; } } /*END OF Coffee-With-Purpose Page */ /* Our NDIS Services Subpages */ .feature-list { list-style: inherit; /* keep Shopify’s global icon/bullet */ padding-left: 1.5em; margin: 0; } .feature-list li { margin-bottom: 1rem; line-height: 1.4; } .feature-list li strong { font-weight: 600; margin-right: 6px; } #dva-rehab-image-text-col .multicolumn-list{ gap: 64px; } /* Column 1 */ #dva-rehab-image-text-col .multicolumn-list .multicolumn-list__item:nth-child(1) .multicolumn-card{ padding-top: 76px; } #dva-rehab-image-text-col .multicolumn-list__item:nth-child(1) .multicolumn-card .multicolumn-card__info{ display: flex; flex-direction: column; gap:76px } #dva-rehab-image-text-col .multicolumn-list .multicolumn-list__item:nth-child(1) h3 { font-size: 35px; margin: 0px; } /* Column 2 */ .ndis-child-content.multicolumn .multicolumn-card.content-container .full-image{ width: 100% !important; height: auto !important; z-index: 2; margin-bottom: -39px; } #dva-rehab-image-text-col .multicolumn-list__item:nth-child(2) .multicolumn-card{ display: flex; flex-direction: column; gap:0px } #dva-rehab-image-text-col .multicolumn-list__item:nth-child(2) .multicolumn-card .multicolumn-card__info{ padding: 42px 62px 52px; border-radius: 10px; z-index: 99; } #dva-rehab-image-text-col .multicolumn-list__item:nth-child(2) .multicolumn-card .multicolumn-card__info h3{ color: white; font-family: Lato; font-size: 30px; font-weight: 400; } #dva-rehab-image-text-col .multicolumn-list__item:nth-child(2) .multicolumn-card .multicolumn-card__info li, #dva-rehab-image-text-col .multicolumn-list__item:nth-child(2) .multicolumn-card .multicolumn-card__info p{ color: white; font-family: Lato; font-size: 20px; line-height: 30px; } #dva-rehab-image-text-col .multicolumn-list__item .multicolumn-card .multicolumn-card__info strong, #dva-rehab-image-text-col .multicolumn-list__item .multicolumn-card .multicolumn-card__info strong{ font-family: 'Inter', sans-serif; font-size: 20px; font-style: normal; font-weight: 600; } /* Two Column Responsiveness */ @media (max-width: 1024px) { #dva-rehab-image-text-col .multicolumn-list__item:nth-child(2) .multicolumn-card .multicolumn-card__info{ padding: 20px 40px 20px; } } @media (max-width: 768px){ #dva-rehab-image-text-col .multicolumn-list .multicolumn-list__item:nth-child(1) .multicolumn-card{ padding-top: 0px !important; } #dva-rehab-image-text-col .multicolumn-list__item:nth-child(1) .multicolumn-card .multicolumn-card__info{ gap:20px } } @media (max-width: 767px) { #dva-rehab-image-text-col .multicolumn-list__item:nth-child(2) .multicolumn-card .multicolumn-card__info{ padding: 20px 20px 20px; } } @media (max-width: 425px){ #dva-rehab-image-text-col .multicolumn-list__item:nth-child(2) .multicolumn-card .multicolumn-card__info{ padding: 20px 25px 20px; } #dva-rehab-image-text-col h3{ font-size: 25px !important; } #dva-rehab-image-text-col span, #dva-rehab-image-text-col li{ font-size: 18px !important; } } /* Child Menus on Mega Menu */ /* #HeaderMenu-MenuList-3.header__submenu li:nth-child(2), #HeaderMenu-MenuList-3.header__submenu li:nth-child(3), #HeaderMenu-MenuList-3.header__submenu li:nth-child(4) { padding-left: 20px; } #link-disability .menu-drawer__menu li:nth-child(n+2):nth-child(-n+4) { padding-left: 20px; } #HeaderMenu-MenuList-4.header__submenu li:nth-child(2), #HeaderMenu-MenuList-4.header__submenu li:nth-child(3) { padding-left: 20px; } #link-veterans .menu-drawer__menu li:nth-child(n+2):nth-child(-n+3) { padding-left: 20px; } */ /*Life After Service Page Classes*/ .life-after-service-experience .multicolumn-list, .life-after-service-experience-details .multicolumn-list{ padding: 0px 98px; margin-top: 0px; } .life-after-service-experience .multicolumn-list__item:nth-child(2){ margin-top: 30px; } .life-after-service-experience .multicolumn-list__item:nth-child(2) h3{ margin-bottom: 35px; } .life-after-service-experience .multicolumn-list__item:nth-child(2) ul{ width: 85%; } .life-after-service-experience-details h3{ background: #07B1A9; color: #FFFFFF; font-size: 30px; padding-top: 15px; padding-bottom: 15px; border-radius: 10px; text-align: center; } .life-after-service-experience-details .multicolumn-card__info ul{ padding: 0px 50px; } .life-after-service-experience .multicolumn-list__item:nth-child(1) .multicolumn-card__image-wrapper, .life-after-service-experience .multicolumn-list__item:nth-child(1) .multicolumn-card__image-wrapper .multicolumn-card__image{ height: 451px; } .life-after-service-experience .after-service-experience ul{ padding: 0px; } .life-after-service-form .form-container-v2 input[type=checkbox]:checked, .life-after-service-form .form-container-v2 input[type=radio]:checked { background-color: #00a2a5; border-color: #00a2a5; border: 1px solid #D7D7D7; padding: 0px; border-radius: 100%; } .life-after-service-form .form-container-v2 input[type=checkbox], .life-after-service-form .form-container-v2 input[type=radio] { border: 1px solid #D7D7D7; padding: 0px; border-radius: 100%; } .life-after-service-form .form-container-v2 input[type=radio]:checked:after{ top: 4px; left: 4px; } .life-after-service-form .form-container-v2 input[type=checkbox]:checked:after{ top: 3px; left: 6px; } .life-after-service-form .form-container-v2 input{ vertical-align: middle; } .life-after-service-form .form-container-v2 ul{ margin: 0px; } .life-after-service-form .form-container-v2 ul li{ font-size: 20px; } .life-after-service-form .form-container-v2 .radio-button-form{ margin: 0px; } .life-after-service-form .form-container-v2 .delivery-option-title{ font-size: 20px; font-weight: 700; } .life-after-service-form .form-container-v2 .delivery-option-header{ margin-bottom: 50px; } .life-after-service-experience-details li{ margin: 25px 0px !important; } /* FULL SCREEN OVERLAY */ .after-service-success-modal { display: none; position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; justify-content: center !important; align-items: center !important; background: rgba(0, 0, 0, 0.75) !important; z-index: 999999999 !important; margin: 0 !important; padding: 20px !important; box-sizing: border-box !important; overflow: auto !important; } /* ACTIVE STATE */ .after-service-success-modal.active { display: flex !important; } /* PREVENT PAGE SCROLL */ body.modal-open { overflow: hidden; } /* MODAL BOX */ .after-service-success-modal .success-modal-content { background: #fff; width: 100%; max-width: 1122px; padding: 95px 87px; border-radius: 30px; position: relative; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.25), 0 0 0 1px rgba(0,0,0,.05); } /* CLOSE BUTTON */ .after-service-success-modal .close-modal { position: absolute; top: 20px; right: 20px; background: transparent; border: 0; cursor: pointer; padding: 0; line-height: 1; } /* BUTTON */ .after-service-success-modal .button--primary { margin-top: 20px; cursor: pointer; background-color: #8dc641; } /* TEXT */ .after-service-success-modal p { text-align: left; font-size: 20px; line-height: 1.6; } .after-service-success-modal h2 { margin-top: 0; margin-bottom: 30px; } .after-service-success-modal a { color: #000; } /* MOBILE */ @media (max-width: 768px) { .after-service-success-modal .success-modal-content { padding: 40px 25px; border-radius: 20px; } .after-service-success-modal p { font-size: 16px; } .after-service-success-modal h2 { font-size: 32px; } } @media (max-width: 1024px){ .life-after-service-experience .multicolumn-list, .life-after-service-experience-details .multicolumn-list { padding: 0px; margin-top: 0; } .life-after-service-experience .multicolumn-list__item:nth-child(1) .multicolumn-card__image-wrapper .multicolumn-card__image { height: 100%; } .life-after-service-experience .page-width{ padding-bottom: 0px; } .life-after-service-experience .multicolumn-list__item:nth-child(1) .multicolumn-card__image-wrapper, .life-after-service-experience .multicolumn-list__item:nth-child(1) .multicolumn-card__image-wrapper .multicolumn-card__image { height: 100%; } } @media (max-width: 768px){ .life-after-service-experience-details .multicolumn-list{ gap: 0px !important; } .life-after-service-experience .page-width{ padding-bottom: 0px !important; } .life-after-service-experience-details .page-width{ padding-top: 0px !important; } } @media (max-width: 425px){ .life-after-service-experience .page-width{ padding: 0px !important; } .life-after-service-experience-details .page-width{ padding-top: 20px !important; } .life-after-service-experience-details .multicolumn-card__info ul { padding: 0 20px; } } /*End Life After Service Page Classes*/ /* Start New Home Classes */ .veteran-responder-workshop-section h2, .veteran-responder-workshop-section a { color: white !important; } .veteran-responder-workshop-section h2{ font-size: 35px !important; } .veteran-responder-workshop-section a { font-size: 20px !important; } .veteran-responder-workshop-section .page-width { width: 70%; } .veteran-responder-workshop-section .workshop-buttons { display: flex; gap: 33px; } .veteran-responder-workshop-section .workshop-buttons a { padding: 8px 36px; border-radius: 5px; text-decoration: none; } .veteran-responder-workshop-section .workshop-buttons a:hover { background: black !important; } .veteran-responder-workshop-section .workshop-buttons a:nth-child(1) { background: #8dc641; } .veteran-responder-workshop-section .workshop-buttons a:nth-child(2) { background: #1887bf; } .veteran-responder-workshop-section .multicolumn-card { display: flex; flex-direction: column; align-items: center; gap: 33px; } .veteran-responder-workshop-section .title-wrapper-with-link{ padding-bottom: 60px !important; } .veteran-responder-workshop-section .multicolumn-list .multicolumn-card img{ max-width: 550px !important; height: auto !important; width: 100% !important; border-radius: 12px; } @media(max-width: 425px){ .veteran-responder-workshop-section .multicolumn-list .multicolumn-card .full-image{ max-width: 100% !important; height: auto !important; } .veteran-responder-workshop-section .multicolumn-card, .veteran-responder-workshop-section .workshop-buttons { gap: 20px; } .veteran-responder-workshop-section .workshop-buttons a { padding: 5px 10px; } .veteran-responder-workshop-section h2{ font-size: 25px !important; } } @media(max-width: 1024px){ .veteran-responder-workshop-section .page-width{ width: 100%; } .veteran-responder-workshop-section .title-wrapper-with-link { padding-bottom: 20px !important; } } /* End New Home Classes */ /* Beyond Service Expression of Interest Start */ .location-option { display: block; margin-bottom: 16px; cursor: pointer; } .location-option input { margin-right: 8px; } .location-dates { display: block; margin-top: 6px; margin-left: 36px; font-size: 0.9em; font-weight: 600; } .location-blurb { display: block; margin-top: 4px; margin-left: 36px; line-height: 1.4; } .location-header { display: flex; align-items: center; } .fully-booked { color: #e00000; font-weight: 700; font-size: 17px; padding-left: 30px; } .group-full { opacity: 0.8; pointer-events: none; } .location-full { opacity: 1; pointer-events: none; } .location-subgroup { margin-bottom: -20px; } .waitlist-button { color: #FFF; font-family: 'Lato', sans-serif !important; font-size: 20px; font-style: normal; font-weight: 500; line-height: 30px; text-decoration: none; padding: 10px 36px; background-color: #64317F; border-radius: 5px; margin-left: 36px; } .waitlist-queue { color: #64317F; font-family: 'Inter', sans-serif; font-size: 20px; font-style: normal; font-weight: 600; line-height: 30px; } /* Beyond Service Expression of Interest End */ /* Life After Service Expression of Interest Start */ .heading-state h3{ background: #07b1a9; color: #fff; font-size: 30px; padding-top: 15px; padding-bottom: 15px; border-radius: 10px; text-align: center; } .online-heading h3{ background: #1FA1E2; color: #fff; font-size: 30px; padding-top: 15px; padding-bottom: 15px; border-radius: 10px; text-align: center; } .online-description p{ color: #000; font-family: 'Lato', sans-serif !important; font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; } .online-description a{ color: #1FA1E2; font-family: 'Inter', sans-serif !important; font-size: 20px; font-weight: 600; line-height: 30px; color: #1FA1E2; text-decoration: underline; } .preferred-delivery-groups .groups-wrapper{ display: flex; flex-direction: row; /* align-items: center; */ justify-content: space-between; } .preferred-delivery-groups .group-label { color: #000; font-family: 'Lato', sans-serif !important; font-size: 35px; font-style: normal; font-weight: 700; line-height: 45px; } .preferred-delivery-groups .group-time { color: #000; font-family: 'Lato', sans-serif !important; font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; margin-left: 31px; } .preferred-delivery-groups .group-dates{ color: #000; font-family: Lato; font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; padding-top: 25px; } .preferred-delivery-groups .group-dates strong{ font-family: 'Inter', sans-serif !important; font-weight: 600; } .preferred-delivery-groups .group-column{ width: 50%; } @media (max-width: 767px) { .life-after-service-form { padding: 0 20px 0 20px; } .preferred-delivery-groups .groups-wrapper { align-items: start; } .preferred-delivery-groups .group-label{ font-size: 25px; } .blue-check-icon ul li { font-size: 18px !important; margin-bottom: 20px !important; } } /* Life After Service Expression of Interest End */ /* Blue Check Icon across site */ .blue-check-icon ul { list-style: none; padding-left: 0; } .blue-check-icon ul li { position: relative; padding-left: 40px; /* Adjust spacing */ margin-bottom: 25px !important; } .blue-check-icon ul li::before { content: ""; position: absolute; left: 0 !important; top: 50% !important; transform: translateY(-50%); width: 27px !important; height: 27px !important; background: url("/cdn/shop/files/Blue-Icon_9ee25bb9-76df-4d4a-a1ff-193ac0b33dbd.svg?v=1767932308") no-repeat center; background-color: transparent !important; background-repeat: no-repeat !important; background-size: contain !important; border-radius: 0 !important; } .blue-check-icon-values .rte ul { list-style: none; padding-left: 0; } .blue-check-icon-values .rte ul li { padding-left: 40px; margin-bottom: 25px !important; position: relative; } .blue-check-icon-values .rte ul li:before { content: ""; position: absolute; background: url("/cdn/shop/files/Blue-Icon_9ee25bb9-76df-4d4a-a1ff-193ac0b33dbd.svg?v=1767932308") no-repeat center; background-size: contain !important; width: 27px !important; height: 27px !important; left: 0px !important; top: 0% !important; } @media (max-width: 767px) { .rte p { margin-top: 20px !important; } } .radio-button-form.location-option { padding-top: 50px; } .radio-button-form.location-option hr{ margin-left: 15px; } /* Blue Check Icon Sitewide End */ /* DVA Claims Start */ .dva-claims-advocacy-multicolumn .title-wrapper-with-link{ gap: 43px; margin-bottom: 81px !important; } .dva-claims-advocacy-multicolumn .mega-title{ color: black !important; font-size: 35px !important; font-weight: 700; } .dva-claims-advocacy-multicolumn .title-wrapper-with-link p{ font-size: 20px; margin: 0px; } .dva-claims-advocacy-multicolumn .multicolumn-list{ gap: 75px; margin-top: 40px; } .dva-claims-advocacy-multicolumn .multicolumn-list__item{ padding: 47px 47px 66px; border-radius: 10px; background: #1FA1E2; } .dva-claims-advocacy-multicolumn .multicolumn-list__item .rte p{ color: white !important; } .dva-claims-advocacy-multicolumn .multicolumn-list__item .rte p:last-child{ font-size: 17px !important; } .dva-claims-advocacy-multicolumn .multicolumn-list__item .rte li{ color: white !important; margin-bottom: 50px !important; } .dva-claims-advocacy-multicolumn .advocacy-title{ font-family: 'Inter', sans-serif; font-weight: 600; margin-bottom: 30px; } .dva-claims-advocacy-multicolumn .advocacy-caption strong{ font-family: 'Inter', sans-serif; font-weight: 600; } .dva-claims-advocacy-multicolumn .advocacy-caption{ font-weight: 400; margin-bottom: 50px; } .dva-multicolumn-image .multicolumn-list{ gap: 75px; } .dva-multicolumn-image .dva-group:nth-child(1){ margin-bottom: 66px !important; } .dva-multicolumn-image .dva-group{ display: flex; flex-direction: column; gap: 30px; } .dva-multicolumn-image .dva-group strong{ font-family: 'Inter', sans-serif; } .dva-multicolumn-image .dva-group-colored{ padding: 59px 47px 73px; border-radius: 10px; background: #07B1A9; } .dva-multicolumn-image .dva-group-colored p{ color: white; } .dva-multicolumn-image .dva-group-colored p:first-child{ margin-bottom: 30px; } .dva-multicolumn-image .dva-group-colored p strong{ font-family: 'Inter', sans-serif; } .dva-multicolumn-image .multicolumn-card__image-wrapper{ margin: 0px !important; } @media (max-width: 768px){ .dva-claims-advocacy-multicolumn .title-wrapper-with-link{ gap: 30px; margin-bottom: 50px !important; } .dva-claims-advocacy-multicolumn .multicolumn-list, .dva-multicolumn-image .multicolumn-list{ gap: 50px; } .dva-claims-advocacy-multicolumn .multicolumn-list__item{ padding: 40px; } .dva-multicolumn-image .dva-group-colored{ padding: 40px; } .dva-multicolumn-image .dva-group:nth-child(1){ margin-bottom: 30px !important; } } /* DVA Claims End */ /* Beyond Service Program Flow Start */ .beyond-service-program-flow .page-width{ width: 65%; } .beyond-service-program-flow h3, .beyond-service-program-flow p, .beyond-service-program-flow strong{ font-family: 'Inter', sans-serif; } .beyond-service-program-flow h3{ text-align: center !important; font-size: 20px; font-weight: 600; color: white; border-radius: 10px; background: #1FA1E2; padding: 21px 0px; } .beyond-service-program-flow p{ font-weight: 600; font-size: 30px; } .beyond-service-program-flow .rte li::before{ background-color: black !important; } .beyond-service-program-flow .multicolumn-list{ gap: 100px; margin: 0px; } .beyond-service-program-flow .multicolumn-card ul{ margin-left: 10px; } .beyond-service-program-flow .program-group{ margin: 25px 0px; } .beyond-service-program-flow .sunday-program{ margin-top: 50px; } .beyond-service-program-flow .sunday-mobile{ display: none; } .beyond-service-program-flow.program-notes .multicolumn-card{ padding: 50px 65px; border-radius: 10px; background: #F2F2F2 !important; } .beyond-service-program-flow.program-notes .button{ margin-top: 65px !important; background: #8DC641 !important; } .beyond-service-program-flow.program-notes .button:hover{ background: black !important; } @media(max-width: 1440px){ .beyond-service-program-flow .page-width{ width: 80%; } } @media(max-width: 1024px){ .beyond-service-program-flow .multicolumn-list{ gap: 50px; } .beyond-service-program-flow .page-width{ width: 100%; } } @media(max-width: 989px){ .beyond-service-program-flow .multicolumn-list{ gap: 25px; } .beyond-service-program-flow .sunday-mobile{ display: block; } .beyond-service-program-flow .sunday-desktop{ display: none; } } /* Beyond Service Program Flow End */ /* Homepage */ @media (max-width: 989px){ #three-column-full-bg-v1 .multicolumn-card__button a.link.button[href="/pages/veterans-referral-form"] { display: none; } .get-started .center{ text-align: unset; } .get-started .multicolumn-card__info { height: unset !important; } } @media screen and (max-width: 749px) { .get-started .multicolumn-list:not(.slider) { padding-left: .85rem; padding-right: 1.5rem; } } .get-started .multicolumn-card__info { height: 310px; display: flex; flex-direction: column; justify-content: space-between; } @media (min-width: 990px) and (max-width: 1093px) { .get-started .multicolumn-card__info { height: 400px; display: flex; flex-direction: column; justify-content: space-between; } } #rml-card .multicolumn-card__info>:nth-child(2) { margin-top: -4.8rem; } #worksec-card .multicolumn-card__info>:nth-child(2) { margin-top: -4.8rem; } #worksec-card img { border-radius: 20px; } #bwr-group-four #Slide-template--24487107625235__multicolumn_tFcJyL-1 { display: flex; flex-direction: column; align-items: end; } #bwr-group-four #Slide-template--24487107625235__multicolumn_tFcJyL-2 { display: flex; flex-direction: column; align-items: start; } @media (max-width: 989px) { #bwr-group-four #Slide-template--24487107625235__multicolumn_tFcJyL-1 { align-items: center; } #bwr-group-four #Slide-template--24487107625235__multicolumn_tFcJyL-2 { align-items: center; } } @media (max-width: 767px) { #rml-card .multicolumn-card__info>:nth-child(2) { margin-top: -1.8rem; } #worksec-card .multicolumn-card__info>:nth-child(2) { margin-top: -1.8rem; } #bwr-group-one .multicolumn-card__info .rte, #bwr-group-two .multicolumn-card__info .rte, #bwr-group-three .multicolumn-card__info .rte, #bwr-group-four .multicolumn-card__info .rte{ min-height: 50px !important; } #bwr-group-one .page-width, #bwr-group-two .page-width, #bwr-group-three .page-width, #bwr-group-four .page-width { padding: 0 20px !important; } } @media (max-width: 989px) { .button-list a { padding: 15px 80px; } #rml-card .button-list a, #worksec-card .button-list a { padding: 15px 80px !important; } } .waitlist-option { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; padding-top: 50px; } .waitlist-option input[type="checkbox"] { width: 18px; height: 18px; margin-top: 4px; accent-color: #00a2a5; border: 2px solid #333; } .waitlist-content strong { display: block; margin-bottom: 6px; } .waitlist-content p { margin: 0 0 10px 0; } .waitlist-checkbox { padding: 10px 10px !important; } .waitlist-checkbox:checked::after { left: 8px !important; top: 4px !important; } .waitlist-content .wc-top-line { margin: 0px 0 20px 0!important; } .waitlist-content .wc-bottom-line { margin: 20px 0 0px 0!important; } /* ============================= */ /* Image + Text Item (Custom) */ /* ============================= */ .custom-iwt-item { margin-top: 32px; } /* container */ .custom-iwt-inner { display: flex; align-items: flex-start; /* align top like your screenshot */ gap: 24px; } /* reverse layout (image right) */ .custom-iwt-item.layout--image_second .custom-iwt-inner { flex-direction: row-reverse; } /* ============================= */ /* IMAGE */ /* ============================= */ .custom-iwt-image { flex: 0 0 189px; width: 189px; aspect-ratio: 9 / 10; } .custom-iwt-image img { width: 100% !important; height: 100% !important; object-fit: contain; object-position: top; display: block; border-radius: 6px; /* optional */ } /* ============================= */ /* TEXT */ /* ============================= */ .custom-iwt-content { flex: 1; min-width: 0; /* prevents overflow issues */ } .custom-iwt-content h3 { margin-bottom: 12px; } .custom-iwt-content .rte { margin-top: 8px; } .custom-iwt-content p { margin-bottom: 12px; } /* spacing when multiple blocks */ .custom-iwt-item + .custom-iwt-item { margin-top: 20px; } /* ============================= */ /* MOBILE */ /* ============================= */ @media screen and (max-width: 749px) { .custom-iwt-inner { flex-direction: column; align-items: center; } .custom-iwt-item.layout--image_second .custom-iwt-inner { flex-direction: column; } .custom-iwt-image { width: 140px; flex: 0 0 140px; } .custom-iwt-content { width: 100%; } } /* Container Background & Text Color */ .different-approach { background-color: #1FA1E2 !important; background: #1FA1E2 !important; } /* Base heading styles (A Different Approach) */ .different-approach .multicolumn-card__info h3 { font-size: 32px !important; color: #FFFFFF !important; } .different-approach .multicolumn-list__item:nth-child(2) h3 { font-size: 20px !important; } .different-approach .multicolumn-list__item:first-child { width: 20% !important; padding-right: 0px !important; } .different-approach .multicolumn-list { gap: 0px !important; } /* If there is still a gap from the slider component container */ .different-approach slider-component { margin-top: 0 !important; } /* Body text and list items */ .different-approach .rte, .different-approach .rte ul li { font-size: 20px !important; color: #FFFFFF !important; line-height: 1.6 !important; } /* Left column specific spacing/alignment */ .different-approach .multicolumn-list__item:first-child .multicolumn-card__info { padding-left: 55px !important; } /* List spacing */ .different-approach .rte ul li { margin-bottom: 0 !important; } /* --- Responsive Adjustments --- */ /* For Tablets and smaller desktops (under 990px) */ @media screen and (max-width: 989px) { .different-approach .multicolumn-list__item:first-child { width: 100% !important; /* Let the columns stack or take full width */ } .different-approach .multicolumn-list__item:first-child .multicolumn-card__info { padding-left: 20px !important; /* Reduce large side padding */ padding-right: 20px !important; } .different-approach .multicolumn-card__info h3 { font-size: 28px !important; /* Slightly smaller headings */ } } /* For Mobile Phones (under 750px) */ @media screen and (max-width: 749px) { .different-approach .multicolumn-card__info h3 { font-size: 24px !important; /* Scale down for small screens */ text-align: center !important; /* Often looks better centered on mobile */ } .different-approach .different-approach .multicolumn-list__item:nth-child(2) h3 { font-size: 18px !important; } .different-approach .rte, .different-approach .rte ul li { font-size: 16px !important; /* 20px is usually too big for mobile body text */ } .different-approach .multicolumn-list__item:first-child .multicolumn-card__info { padding-left: 15px !important; /* Minimal padding for small screens */ } .different-approach .multicolumn-list { display: flex !important; flex-direction: column !important; gap: 20px !important; /* Add gap back so stacked columns don't touch */ } } /* --- Hide Divider and Adjust for Small Screens --- */ @media screen and (max-width: 1410px) { /* Hides the custom white vertical divider line */ .different-approach .multicolumn-list__item:first-child::after { display: none !important; } /* Resets the narrow 20% width to full width for stacked mobile view */ .different-approach .multicolumn-list__item:first-child { width: 100% !important; padding-right: 0 !important; } /* Removes the large left padding so text is centered or flush on mobile */ .different-approach .multicolumn-list__item:first-child .multicolumn-card__info { padding-left: 20px !important; padding-right: 20px !important; text-align: center !important; /* Optional: matches standard mobile UI */ } } /* --- Hide Divider and Adjust for Small Screens --- */ @media screen and (max-width: 1410px) { /* Hides the custom white vertical divider line */ .different-approach .multicolumn-list__item:first-child::after { display: none !important; } /* Reset widths and remove absolute positioning/floats */ .different-approach .multicolumn-list__item { width: 100% !important; max-width: 100% !important; padding: 0 !important; } /* Center the content container within each column */ .different-approach .multicolumn-card__info { padding: 20px !important; display: flex !important; flex-direction: column !important; align-items: center !important; /* Centers headings and flex items */ text-align: center !important; /* Centers standard text */ } /* Ensure the list (ul) inside is also centered */ .different-approach .rte ul { display: inline-block; /* Allows the list to be centered by parent text-align */ text-align: left; /* Keeps checkmark text left-aligned for readability */ margin: 0 auto !important; padding: 0 !important; list-style: none !important; } /* Adjust headings specifically for the stacked look */ .different-approach h3 { width: 100% !important; margin: 10px 0 !important; } } @media screen and (max-width: 1410px) { /* This targets the column headers specifically */ .different-approach .multicolumn-card__info h3 { text-align: center !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; } /* This ensures the rich text container (the paragraphs) also stays centered */ .different-approach .multicolumn-card__info .rte { text-align: center !important; width: 100% !important; } /* Centering the list container while keeping the text left-aligned */ .different-approach .rte ul { display: inline-block !important; text-align: left !important; margin: 0 auto !important; padding: 0 !important; } } #custom-divider .multicolumn-list__item:first-child { position: relative; /* Adds space between the left text and the line */ padding-right: 40px; } #custom-divider .multicolumn-list__item:first-child::after { content: ""; position: absolute; background-color: #FFFFFF; width: 2px; height: 224px; right: 80px; top: 50%; transform: translateY(-50%); z-index: 2; } #custom-divider { background-color: #1FA1E2 !important; background-image: none !important; --gradient-background: #1FA1E2 !important; /* Centering Logic */ width: 1410px !important; /* Keeps the width you want */ max-width: 100% !important; /* Prevents it from breaking on smaller screens */ margin-left: auto !important; margin-right: auto !important; /* Ensures the blue spans the full height of the section */ display: block; } #custom-divider .multicolumn-list__item:nth-child(2) { padding-left: 0px; } @media screen and (max-width: 749px) { #custom-divider .multicolumn-list__item:first-child::after { display: none; } #custom-divider .multicolumn-list__item:first-child, #custom-divider .multicolumn-list__item:nth-child(2) { padding-right: 0; padding-left: 0; } } /*.veterans-important — Multicolumn Section */ .veterans-important .multicolumn-list { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; gap: 115px; } /* Tablet & Mobile Adjustment */ @media screen and (max-width: 1440px) { .veterans-important .multicolumn-list { gap: 30px !important; } } @media screen and (max-width: 1024px) { .veterans-important .multicolumn-list { gap: 30px !important; } } /* Optional: If you want an even tighter gap on small phones */ @media screen and (max-width: 425px) { .veterans-important .multicolumn-list { gap: 20px !important; } } .veterans-important .multicolumn-list__item { display: flex; width: 650px !important; max-width: 650px !important; flex: 0 0 650px !important; } .veterans-important .multicolumn-card { background-color: #07B1A9 !important; color: #ffffff !important; border-radius: 15px; display: flex; flex-direction: column; height: 100%; width: 100%; overflow: hidden; } .veterans-important .multicolumn-card .multicolumn-card__info, .veterans-important .multicolumn-card .multicolumn-card__info * { color: #ffffff !important; } .veterans-important .content-container { background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 15px; } .veterans-important .multicolumn-card__info { background: #07B1A9 !important; background-color: #07B1A9 !important; padding: 40px; display: flex; flex-direction: column; justify-content: flex-start; flex-grow: 1; border-radius: 15px; } #custom-collage .veterans-important .multicolumn-card__info, .custom-collage .veterans-important .multicolumn-card__info, [id*="custom_collage"] .veterans-important .multicolumn-card__info { background: #07B1A9 !important; background-color: #07B1A9 !important; } .veterans-important .multicolumn-card__info h2, .veterans-important .multicolumn-card__info h3 { color: #ffffff !important; margin-bottom: 20px; } .veterans-important .multicolumn-card__info .icon-wrap, .veterans-important .multicolumn-card__info li { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; } .veterans-important .multicolumn-card__info li svg, .veterans-important .multicolumn-card__info li img { flex-shrink: 0; width: 24px; height: 24px; } .veterans-important .center { display: flex; justify-content: center; width: 100%; margin-top: 40px; } .veterans-sec3 .center .button, .veterans-sec3 .center a.button, .veterans-sec3 .button { display: inline-block; text-align: center; background-color: #1887BF !important; color: #ffffff !important; border-color: #1887BF !important; border-radius: 8px; } .veterans-sec3 .center .button:hover, .veterans-sec3 .center a.button:hover, .veterans-sec3 .button:hover { background-color: #1887BF !important; color: #ffffff !important; border-color: #1887BF !important; opacity: 1 !important; transform: none !important; box-shadow: none !important; } .veterans-important.background-primary .multicolumn-card, .veterans-important .multicolumn-card { background: #07B1A9 !important; background-color: #07B1A9 !important; } #custom-collage.multicolumn .multicolumn-list { column-gap: 8rem !important; } #custom-collage .multicolumn-card__info .what-veterans-say { padding: 35px 44px !important; } } @media screen and (max-width: 749px) { .veterans-important .multicolumn-list { flex-direction: column; align-items: center; gap: 30px; } .veterans-important .multicolumn-list__item { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } .veterans-important .multicolumn-card__info { padding: 30px; } } @media screen and (max-width: 749px) { #custom-collage.multicolumn .multicolumn-list, .veterans-important .multicolumn-list { flex-direction: column; align-items: center; column-gap: 0 !important; gap: 20px; } .veterans-important .multicolumn-list__item { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } #custom-collage .multicolumn-card__info, .veterans-important .multicolumn-card__info { padding: 30px 20px !important; text-align: left; } .veterans-important .multicolumn-card__info h2, .veterans-important .multicolumn-card__info h3 { font-size: 2.2rem; word-break: break-word; } } /* 1. Desktop Grid Setup - Image on Right, Text on Left */ .what-veterans-say .multicolumn-list { display: grid !important; grid-template-columns: 1fr 1fr; /* Two equal columns */ grid-template-areas: "text1 image" "text3 image"; /* Image spans both rows on the RIGHT */ gap: 30px; align-items: start; list-style: none; margin: 0 !important; } /* 2. Assign Items to Grid Areas */ /* First Text Card - Top Left */ .what-veterans-say .multicolumn-list__item:nth-child(1) { grid-area: text1; width: 100% !important; } /* Tall Image - Full Right Column */ .what-veterans-say .multicolumn-list__item:nth-child(2) { grid-area: image; grid-column: 2; /* Explicitly move to the second column */ grid-row: 1 / span 2; /* Span both text rows */ width: 100% !important; height: 100% !important; } /* Second Text Card - Bottom Left */ .what-veterans-say .multicolumn-list__item:nth-child(3) { grid-area: text3; width: 100% !important; margin-top: 0 !important; } /* 3. Ensure Image fills the grid area */ .what-veterans-say .multicolumn-list__item:nth-child(2) .multicolumn-card, .what-veterans-say .multicolumn-list__item:nth-child(2) .media { height: 100% !important; } .what-veterans-say .multicolumn-list__item:nth-child(2) img { height: 91% !important; object-fit: cover !important; border-radius: 15px; } /* 4. Reset for Mobile (keep original stack) */ @media screen and (max-width: 749px) { .what-veterans-say .multicolumn-list { display: flex !important; flex-direction: column !important; gap: 20px; } } @media screen and (max-width: 1440px) { .what-veterans-say .multicolumn-list__item:nth-child(2) img { height: 92% !important; } } @media screen and (max-width: 1024px) { .what-veterans-say .multicolumn-list__item:nth-child(2) img { height: 68% !important; } } @media screen and (max-width: 768px) { .what-veterans-say .multicolumn-list__item:nth-child(2) img { height: 36% !important; } } /* ============================================ FORCED MOBILE PADDING FIX ============================================ */ @media screen and (max-width: 749px) { /* Targeting by both Class and ID to win the specificity battle */ #custom-collage.multicolumn .multicolumn-card__info, .veterans-important .multicolumn-card__info, [id*="custom_collage"] .multicolumn-card__info { padding: 30px 20px !important; /* Forces the 20px you found */ margin: 0 !important; } /* Force the container to stop squeezing the card */ .veterans-important .page-width, #custom-collage .page-width { padding-left: 15px !important; padding-right: 15px !important; max-width: 100vw !important; } /* Fix for the title overlapping/cutting off */ .veterans-important .multicolumn-card__info h3, .veterans-important .multicolumn-card__info h2 { width: 100% !important; display: block !important; font-size: 2.2rem !important; } } @media (max-width: 767px) { / #custom-spacing .multicolumn .full-image { height: 287px !important; } } /* DVA Diff Approach Colored Banner */ #dva-diff-approach .page-width { height: 335px !important; } /* Base style for desktop - always keep it centered with a gap */ #dva-diff-approach.multicolumn { width: 95%; /* Ensures it never touches the edge */ max-width: 1475px; /* Your original max limit */ margin: 0 auto; /* Keeps it perfectly centered */ border-radius: 10px; background-color: #1fa1e2; overflow: hidden; /* Prevents internal content from bleeding out */ } @media (min-width: 768px) { #dva-diff-approach.multicolumn { max-width: 1100px; height: 385px; margin-left: auto; margin-right: auto; } } /* Tablet & Mobile Specific fix */ @media (max-width: 1024px) { #dva-diff-approach.multicolumn { width: 95%; height: auto !important; /* Prevents text from being cut off */ min-height: 385px; margin-left: 25px !important; /* Applied from your previous mobile rules */ margin-right: 25px !important; } #dva-diff-approach .page-width { height: auto !important; padding-left: 25px !important; padding-right: 25px !important; } #dva-diff-approach .multicolumn-list { row-gap: 0px; } /* Hide the vertical line on tablet/mobile */ #diff-approach.banner-feature-box::after { display: none !important; } } /* Specific adjustments for 1024px only (if you still need that specific positioning) */ @media (max-width: 1024px) { #diff-approach.banner-feature-box::after { top: 178px !important; height: 350px !important; right: 20px !important; } } /* Target the specific section with the custom class to remove bottom padding */ .multicolumn.dva-diff-approach { padding-bottom: 0 !important; } /* Ensure the inner list doesn't have an inherited margin-bottom causing a gap */ .dva-diff-approach .multicolumn-list { margin-bottom: 0 !important; padding-bottom: 0 !important; padding-left: 0rem !important; padding-right: 0rem !important; } /* Fix for mobile/tablet if the theme re-injects padding via media queries */ @media screen and (max-width: 989px) { .multicolumn.dva-diff-approach { padding-bottom: 0 !important; } } /* Desktop Focus: Free Advocacy Section Overlap */ /* 1. Allow the image to bleed outside the container */ .free-advocacy-with-image .image-with-text__grid { overflow: visible !important; max-width: 100% !important; } /* 2. Target the media item (the image side) */ .free-advocacy-with-image .image-with-text__media-item { position: relative; z-index: 2; /* Adjust this percentage/pixel to line up exactly with the blue box edge */ margin-right: -109px !important; /* Increase width if the image looks too small after shifting */ width: 38% !important; } /* 3. Target the text item (the left side) */ .free-advocacy-with-image .image-with-text__text-item { padding-right: 50px !important; /* Ensures the text doesn't feel cramped by the growing image */ width: 40% !important; } /* 4. Fix for the actual image inside the container */ .free-advocacy-with-image .image-with-text__media img { object-fit: cover !important; width: 100% !important; /* This ensures the image doesn't get cut off vertically */ height: 100% !important; } /* --- Desktop Focus (1440px and below) --- */ @media screen and (max-width: 1440px) { .free-advocacy-with-image .image-with-text__media-item { margin-right: -34px !important; margin-bottom: 0px !important; } } /* --- Tablet & Mobile Consolidation (1024px and below) --- */ @media screen and (max-width: 1024px) { .free-advocacy-with-image .image-with-text__grid { display: flex !important; flex-direction: column !important; /* Image stacks ABOVE text */ overflow: visible !important; /* Fixes clipping at 768px */ } .free-advocacy-with-image .image-with-text__media-item { margin-right: 0 !important; width: 100% !important; margin-bottom: 0px !important; } /* Resetting the Shopify container hack for all smaller screens */ .free-advocacy-with-image .image-with-text__media { padding-bottom: 0 !important; height: auto !important; overflow: visible !important; } .free-advocacy-with-image .image-with-text__media img { position: relative !important; width: 100% !important; height: auto !important; object-fit: contain !important; /* Ensures the side 'blobs' are visible */ display: block !important; } .free-advocacy-with-image .image-with-text__text-item { width: 100% !important; padding: 20px !important; text-align: left; } } /* --- Specific Mobile Fixes (425px and below) --- */ @media screen and (max-width: 425px) { .free-advocacy-with-image .image-with-text__text-item h2 { font-size: 24px !important; margin-top: 0 !important; margin-bottom: 10px !important; } /* Ensure the blue box below follows the zero-margin rule */ #dva-diff-approach.multicolumn { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; } } /* Adjust height for Desktop */ #process-image img.full-image { height: 300px !important; /* Change this value to your desired height */ width: 100% !important; object-fit: cover !important; /* Keeps the image from stretching */ } #process-image img.full-image { height: 403px !important; /* Smaller height for mobile devices */ } /* Adjust height for Tablet/Mobile */ @media screen and (max-width: 1440px) { #process-image img.full-image { height: 385px !important; /* Smaller height for mobile devices */ } } /* 1. Laptop (1366px and below) */ @media screen and (max-width: 1366px) { #process-image img.full-image { height: 350px !important; } } /* 2. Tablet (1024px and below) */ @media screen and (max-width: 1024px) { #process-image img.full-image { height: 258px !important; } } /* 3. Mobile Stack (767px and below) */ @media screen and (max-width: 768px) { #process-image img.full-image { height: 610px !important; /* Prevents the image from dominating the phone screen */ object-fit: cover !important; /* Ensures the image doesn't stretch */ } } @media screen and (max-width: 425px) { #process-image img.full-image { height: 305px !important; /* Prevents the image from dominating the phone screen */ object-fit: cover !important; /* Ensures the image doesn't stretch */ } } /* New NDIS Referral Form */ .form-group select { font-family: 'Lato', sans-serif; font-size: 20px; font-style: normal; font-weight: 400; line-height: 1.2em; margin-bottom: 1px; border-radius: 5px; padding: 5px; } .veterans-form .form-group input[type="checkbox"], .veterans-form .form-group input[type="radio"], .ndis-client-referral-form .form-group input[type="checkbox"], .ndis-client-referral-form .form-group input[type="radio"] { padding: 0; border-radius: 30px; } .veterans-form input[type=radio]:checked:after { content: ""; position: absolute; top: 5px; left: 5px; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; } .veterans-form input[type=checkbox]:checked:after { content: ""; position: absolute; left: 7px; top: 3px; width: 4px; height: 9px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .ndis-client-referral-form input[type=radio]:checked:after { content: ""; position: absolute; top: 5px; left: 5px; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; } .ndis-client-referral-form input[type=checkbox]:checked:after { content: ""; position: absolute; left: 7px; top: 3px; width: 4px; height: 9px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } /* FULL SCREEN OVERLAY */ .ndis-service-success-modal { display: none; position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100vh !important; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.8); z-index: 2147483647 !important; padding: 20px; box-sizing: border-box; } /* ACTIVE STATE */ .ndis-service-success-modal.active { display: flex !important; } /* PREVENT PAGE SCROLL */ body.modal-open { overflow: hidden; } /* MODAL BOX */ .ndis-service-success-modal .success-modal-content { background: #fff; width: 100%; max-width: 1122px; padding: 95px 87px; border-radius: 30px; position: relative; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.25), 0 0 0 1px rgba(0,0,0,.05); } /* CLOSE BUTTON */ .ndis-service-success-modal .close-modal { position: absolute; top: 20px; right: 20px; background: transparent; border: 0; cursor: pointer; padding: 0; line-height: 1; } /* BUTTON */ .ndis-service-success-modal .button--primary { margin-top: 20px; cursor: pointer; background-color: #8dc641; } /* TEXT */ .ndis-service-success-modal p { text-align: left; font-size: 20px; line-height: 1.6; } .ndis-service-success-modal h2 { margin-top: 0; margin-bottom: 30px; } .ndis-service-success-modal a { color: #000; } /* MOBILE */ @media (max-width: 768px) { .ndis-service-success-modal .success-modal-content { padding: 40px 25px; border-radius: 20px; } .ndis-service-success-modal p { font-size: 16px; } .ndis-service-success-modal h2 { font-size: 32px; } } /* Menu Rebuild Styling Start*/ .header__logo .page-width{ flex-wrap: nowrap; } .header__logo .list-menu .header__menu-item{ padding: 20px 1.4rem; } /* Grandchild bullet styling - bigger bullet */ .header__logo .header__submenu.list-menu .header__menu-item.header__menu-item--grandchild { padding-left: 4rem !important; position: relative; } .header__menu-item--grandchild::before { content: ""; position: absolute; left: 2.5rem; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; background-color: currentColor; border-radius: 50%; } /* Multi-column layout */ ul.header__submenu.list-menu--disclosure { display: flex !important; flex-direction: column !important; flex-wrap: wrap !important; max-height: 240px; align-content: flex-start; column-gap: 2rem; } /* Each li takes only the space it needs - no fixed rows */ ul.header__submenu.list-menu--disclosure li { width: 200px; /* adjust to your needs */ break-inside: avoid; } /* has-grandchildren li wraps its children tightly */ ul.header__submenu.list-menu--disclosure li.has-grandchildren { display: flex; flex-direction: column; } /* .header .page-width{ padding: 0px !important; } */ .header--top-left.page-width{ padding: 0px !important; } .header__logo .header__submenu.list-menu .header__menu-item{ padding: 8px 24px !important } .header-right-side .header__submenu{ border-radius: 0 0 10px 10px; position: fixed !important; } .header__menu-item span { position: relative; } .header__menu-item span::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 100%; height: 1px; background-color: #1FA1E2; opacity: 0; } .header__menu-item span:hover { color: #1FA1E2 !important; } .header__menu-item span:hover::after { opacity: 1; } header-menu { position: relative; } .header__icon--cart { margin-right: 0 !important; } @media only screen and (min-width: 981px) and (max-width: 1920px) { .header-right-side .header__submenu { left: 20%; width: 65%; } .header__submenu > li{ width: 25% !important; } } @media (min-width: 990px) and (max-width: 1189px){ .header-right-side .header__submenu { left: 12%; width: 80%; } .header__logo-right .button--primary, .header__logo-right .button--secondary{ display: none; } } @media(min-width: 1190px) and (max-width: 1439px){ .header__logo .list-menu .header__menu-item{ padding: 20px 1rem; } .list-menu--inline{ column-gap: 0px; } } @media (min-width: 1191px) and (max-width: 1227px){ .list-menu--inline{ flex-wrap: nowrap; margin-right: 0px !important; } .header__logo .list-menu .header__menu-item{ padding: 20px 0.9rem !important; } } /* Menu Rebuild Styling End */ /* Workplace support EAP,form,thankyou pages START */ /* 1. Desktop Grid Setup */ .full-left-child .multicolumn-list { display: grid !important; grid-template-columns: 1fr 1fr; grid-template-areas: "left right1" "left right2"; gap: 0px; align-items: start; list-style: none; margin: 0 !important; } /* Full LEFT */ .full-left-child .multicolumn-list__item:nth-child(1) { grid-area: left; grid-row: 1 / span 2; width: 100% !important; } /* Top RIGHT */ .full-left-child .multicolumn-list__item:nth-child(2) { grid-area: right1; width: 100% !important; } /* Bottom RIGHT */ .full-left-child .multicolumn-list__item:nth-child(3) { grid-area: right2; width: 100% !important; } /* Reset heights */ .full-left-child .multicolumn-card, .full-left-child .media, .full-left-child img { height: auto !important; } /* Target the first column specifically in your grid */ .full-left-child .multicolumn-list__item:nth-child(1) .rte.text-left { display: flex !important; flex-direction: column !important; height: 100% !important; } /* Ensure the button container pushes to the bottom */ .full-left-child .btn-set-1 { margin-top: auto !important; padding-top: 20px; display: flex; gap: 30px; } /* Force the bullet points/list to stay above the buttons */ .full-left-child .multicolumn-list__item:nth-child(1) ul { order: -1 !important; } @media screen and (max-width: 1024px) { .full-left-child .multicolumn-list { display: flex !important; flex-direction: column !important; } /* reset grid behavior */ .full-left-child .multicolumn-list__item { width: 100% !important; grid-area: unset !important; grid-row: unset !important; } /* CENTER FIRST ITEM */ .full-left-child .multicolumn-list__item:nth-child(1) { display: flex; justify-content: center; align-items: center; text-align: center; padding-bottom: 50px; } } #text-right-image-2 .image-with-text__text-item.grid__item { display: flex; flex-direction: column; } /* --- BASE --- */ #dva-rehab-colored-banner.workplace-banner-1 { max-width: 1410px; } /* --- 1440px and down --- */ @media screen and (max-width: 1440px) { #dva-rehab-colored-banner.workplace-banner-1 { max-width: 1350px; } } /* --- 1366px and down --- */ @media screen and (max-width: 1366px) { #dva-rehab-colored-banner.workplace-banner-1 { max-width: 1280px; } } /* --- 1024px and down --- */ @media screen and (max-width: 1024px) { #dva-rehab-colored-banner.workplace-banner-1 { max-width: 100%; } } /* --- 768px and down --- */ @media screen and (max-width: 768px) { #dva-rehab-colored-banner.workplace-banner-1 { max-width: 95%; } } /* --- 749px and down --- */ @media screen and (max-width: 425px) { #dva-rehab-colored-banner.workplace-banner-1 { width: 93% !important; margin-top: 20px !important; border-radius: 0; margin-left: 15px !important; margin-right: 0px !important; } } @media screen and (max-width: 320px) { #dva-rehab-colored-banner.workplace-banner-1 { width: 90% !important; } } @media (min-width: 1280px ) { #text-right-image-2.page-width { padding-left: 5rem !important; padding-right: 5rem !important; } } @media screen and (max-width: 1024px) { #text-right-image-2 .image-with-text__text-item.grid__item { padding-left: 0 !important; padding-right: 0 !important; height: 615px !important; } } @media screen and (max-width: 768px) { #text-right-image-2 .image-with-text__text-item.grid__item { width: 85% !important; padding-bottom: 25px; } } @media screen and (max-width: 425px) { #text-right-image-2 .image-with-text__text-item.grid__item { width: 85% !important; padding-bottom: 0px; height: 615px !important; } } @media screen and (max-width: 375px) { #text-right-image-2 .image-with-text__text-item.grid__item { width: 85% !important; padding-bottom: 0px; height: 780px !important; } } @media screen and (max-width: 320px) { #text-right-image-2 .image-with-text__text-item.grid__item { width: 85% !important; padding-bottom: 0px; height: 850px !important; } } #text-right-image-2.section-template--26653001679123__image_with_text_ENPyKh-padding { padding-bottom: 0 !important; } /* --- 5. GENERAL MOBILE (749px and down) --- */ @media screen and (max-width: 749px) { .full-left-child .multicolumn-list { display: flex !important; flex-direction: column !important; gap: 20px; } } .btn-set-1 { bottom: 0; left: 0; z-index: 10; display: flex; gap: 30px; order: 3; } .btn-set-1 .button { background-color: #1887BF !important; border: none !important; color: #ffffff !important; padding: 10px 36px 10px 36px; margin: 0 !important; display: inline-flex; align-items: center; justify-content: center; line-height: 1.2 !important; height: auto !important; min-height: unset !important; text-decoration: none; } /* Optional: equal width buttons */ .btn-set-1 .button { flex: unset; /* remove equal width */ white-space: nowrap; } @media screen and (max-width: 1024px) { .btn-set-1 { padding-top: 15px !important; } } @media screen and (max-width: 425px) { .btn-set-1 { padding-top: 0px !important; } } @media screen and (max-width: 320px) { .btn-set-1 { gap: 10px !important; flex-direction: column; align-items: stretch; width: 100% } } /* Hover effect */ .btn-set-1 .button:hover { background-color: #000000 !important; color: #ffffff !important; } .offer-works-2 .multicolumn-list__item:nth-child(2) .rte.text-left { display: flex !important; flex-direction: column !important; } .btn-set-2 { margin-top: auto !important; padding-top: 20px !important; display: flex !important; gap: 30px !important; } @media screen and (max-width: 425px) { .btn-set-2 { gap: 5px !important; } } .btn-set-2 .button { background-color: #07B1A9 !important; border: none !important; color: #ffffff !important; padding: 10px 36px; margin: 0 !important; display: inline-flex; align-items: center; justify-content: center; line-height: 1.2 !important; height: auto !important; min-height: unset !important; text-decoration: none; } /* Hover effect */ .btn-set-2 .button:hover { background-color: #000000 !important; color: #ffffff !important; } @media screen and (max-width: 320px) { .btn-set-2 { gap: 10px !important; flex-direction: column; align-items: stretch; } } /* Optional: equal width buttons */ .btn-set-2 .button { flex: unset; /* remove equal width */ white-space: nowrap; } .btn-set-3 { bottom: 0; left: 0; z-index: 10; display: flex; gap: 30px; order: 3; } .btn-set-3 .button { background-color: #1887BF !important; border: none !important; color: #ffffff !important; padding: 10px 36px 10px 36px; margin: 0 !important; display: inline-flex; align-items: center; justify-content: center; line-height: 1.2 !important; height: auto !important; min-height: unset !important; text-decoration: none; } /* Optional: equal width buttons */ .btn-set-3 .button { flex: unset; /* remove equal width */ white-space: nowrap; } @media screen and (max-width: 1024px) { .btn-set-3 { padding-top: 15px !important; } } @media screen and (max-width: 425px) { .btn-set-3 { padding-top: 0px !important; } } @media screen and (max-width: 320px) { .btn-set-3 { gap: 10px !important; flex-direction: column; align-items: stretch; } } /* Hover effect */ .btn-set-3 .button:hover { background-color: #000000 !important; color: #ffffff !important; } /* --- Desktop Layout (Grid) --- */ /* Target the list container directly */ .column-text-center ul.multicolumn-list { display: grid !important; grid-template-columns: 1fr 1fr; grid-template-areas: "text1 rightSide" "text3 rightSide"; gap: 30px; list-style: none; padding: 0; } /* Specificity fix for the Editor: Ensure items are grid participants */ .column-text-center .multicolumn-list > li.multicolumn-list__item, .column-text-center .multicolumn-list__item { display: block !important; max-width: 100% !important; width: 100% !important; } .column-text-center .multicolumn-list__item:nth-child(1) { grid-area: text1; } .column-text-center .multicolumn-list__item:nth-child(2) { grid-area: rightSide; } .column-text-center .multicolumn-list__item:nth-child(3) { grid-area: text3; } /* Apply the custom top padding for the text cards */ .column-text-center .multicolumn-list__item:nth-child(1) .multicolumn-card__info, .column-text-center .multicolumn-list__item:nth-child(3) .multicolumn-card__info { padding-top: 40px !important; } /* Ensure the right-side item fills the height */ .column-text-center .multicolumn-list__item:nth-child(2) .multicolumn-card { height: 100% !important; } /* --- Tablet & Mobile --- */ @media screen and (max-width: 1024px) { .column-text-center ul.multicolumn-list { display: flex !important; flex-direction: column !important; } .column-text-center .multicolumn-list__item { grid-area: unset !important; } } /*Workplace support form */ .workplace-support-form { width: 100%; padding: 40px 20px; background: #ffffff; } .form-container { width: 100%; max-width: 707px; margin: 0 auto; } /* ===== Form Group Base Styles ===== */ .workplace-support-form .form-group { background: #f2f2f2; padding: 35px 60px 40px; border-radius: 10px; margin-bottom: 70px; display: flex; flex-direction: column; min-height: auto; } .workplace-support-form .form-group label { font-size: 20px; font-style: normal; font-weight: 400; color: #000; padding-bottom: 10px; } .required { color: #d32f2f; margin-left: 4px; } /* ===== Input Fields ===== */ .workplace-support-form .form-group input[type="text"], .workplace-support-form .form-group input[type="email"], .workplace-support-form .form-group input[type="tel"], .workplace-support-form .form-group input[type="url"] { background-color: #ffffff; border: none; padding: 14px 16px; border-radius: 6px; font-size: 16px; font-family: inherit; box-sizing: border-box; color: #000; transition: all 0.2s ease; } .workplace-support-form .form-group input[type="text"]::placeholder, .workplace-support-form .form-group input[type="email"]::placeholder, .workplace-support-form .form-group input[type="tel"]::placeholder, .workplace-support-form .form-group input[type="url"]::placeholder { color: #d0d0d0; } .workplace-support-form .form-group input:focus { outline: none; box-shadow: 0 0 0 2px rgba(0, 169, 165, 0.15); } /* ===== Select Dropdown Styling ===== */ .workplace-support-form .form-group--select { position: relative; } /* Select Wrapper with Pseudo-Element Icon */ .select-wrapper { position: relative; display: flex; align-items: center; } .select-wrapper::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 54px; background-color: #00a9a5; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 8px top -11px; background-size: 40px; border-radius: 0 6px 6px 0; pointer-events: none; z-index: 2; } .workplace-support-form .form-group select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: #ffffff; border: none; padding: 14px 60px 14px 16px; border-radius: 8px; font-size: 16px; font-family: inherit; box-sizing: border-box; cursor: pointer; color: #000; width: 100%; transition: all 0.2s ease; } .workplace-support-form .form-group select:focus { outline: none; box-shadow: 0 0 0 2px rgba(0, 169, 165, 0.15); } /* Container for each radio option */ .checkbox-option { display: flex !important; align-items: center; /* Fixes the alignment issue */ gap: 12px; cursor: pointer; margin-bottom: 12px; position: relative; } /* Base Radio Styling */ .checkbox-option input[type="radio"] { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; min-width: 20px; min-height: 20px; border: 2px solid #d0d0d0; border-radius: 50%; background-color: #fff; cursor: pointer; transition: all 0.2s ease; flex-shrink: 0; display: block; position: relative; margin: 0; } /* Hover state */ .checkbox-option input[type="radio"]:hover { border-color: #8DC641; } /* Checked state - outer border */ .checkbox-option input[type="radio"]:checked { border-color: #8DC641; } /* Checked state - inner dot */ .checkbox-option input[type="radio"]:checked::after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; background-color: #8DC641; border-radius: 50%; transform: translate(-50%, -50%); } /* Ensure text aligns correctly */ .checkbox-option span { font-size: 20px; line-height: 1.2; color: #000; font-weight: 400; display: inline-block; } /* ===== Textarea ===== */ .workplace-support-form .form-group--textarea { border: none; } .workplace-support-form .form-group textarea { background-color: #ffffff; border: none; padding: 14px 16px; border-radius: 6px; font-size: 16px; font-family: inherit; box-sizing: border-box; color: #000; min-height: 80px; resize: vertical; transition: all 0.2s ease; } .workplace-support-form .form-group textarea::placeholder { color: #d0d0d0; } .workplace-support-form .form-group textarea:focus { outline: none; box-shadow: 0 0 0 2px rgba(0, 169, 165, 0.15); } .form-help-text { font-size: 20px; color: #000; margin: 0 0 16px 0; font-weight: normal; font-style: italic; } /* ===== Submit Button ===== */ .form-footer { text-align: center; margin-top: 40px; margin-bottom: 20px; } .button { background-color: #92c83e; color: #ffffff; border: none; padding: 6px 36px; border-radius: 6px; font-size: 20px; font-weight: 500; cursor: pointer; transition: background-color 0.3s ease; font-family: inherit; } .button:hover { background-color: #7fad35; } .button:active { background-color: #6b9429; } /* ===== Success Modal ===== */ .workplace-support-success-modal { display: none !important; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; z-index: 9999; } .success-modal-content { background: #ffffff; border-radius: 10px; padding: 40px; max-width: 500px; position: relative; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); } .close-modal { position: absolute; top: 16px; right: 16px; background: none; border: none; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; } .modal-body h2 { margin: 0 0 16px 0; font-size: 28px; color: #000; font-weight: 700; } .modal-body p { margin: 0 0 16px 0; font-size: 16px; line-height: 1.6; color: #666666; } .modal-body .close-modal-btn { width: 100%; margin-top: 30px; } /* ===== Responsive Design ===== */ @media (max-width: 768px) { .workplace-support-form { padding: 25px 40px; } .form-container { max-width: 100%; } .workplace-support-form .form-group { padding: 20px 25px; margin-bottom: 18px; } .workplace-support-form .form-group label { font-size: 20px; } .checkbox-option span { font-size: 15px; } .button { padding: 12px 40px; font-size: 15px; } } @media (max-width: 480px) { .workplace-support-form { padding: 20px 20px; } .workplace-support-form .form-group { padding: 16px 16px; } .select-arrow { width: 48px; } .button { width: 100%; } } .italic-support .rte em { font-size: 20px !important; } @media screen and (max-width: 749px) { #custom-collage.short-term-1 .multicolumn-card__info { padding: 10px 20px !important; } } /* Workplace support EAP,form,thankyou pages END */ .header-wrapper header .header__logo-right .button.button--primary { margin:0; } .header__logo .list-menu .header__menu-item { padding: 20px 1rem !important; font-size:16px; } @media (max-width: 1440px) { .header-right-side .header__menu-item a, .header-right-side .header__menu-item a span, .header-right-side .header__menu-item, .header-right-side .header__menu-item span, .header-wrapper header .header__logo-right .button { font-size: 13px; } } @media (min-width: 1191px) and (max-width: 1239px){ .header__logo .list-menu .header__menu-item { padding: 20px 0.5rem !important; } } @media (min-width: 990px) and (max-width: 1070px){ .list-menu .header__menu-item.list-menu__item { padding-bottom: 0.5rem !important; padding-top: 0.5rem !important; } } /* Camaraderie group page stylings start */ #cta-two-column-with-imagepop .image-with-text__media { border-top-right-radius:10px; border-bottom-right-radius:10px; height: 240px; } @media only screen and (max-width: 1024px) { #cta-two-column-with-imagepop .image-with-text__content { padding: 65px 60px !important; } #cta-two-column-with-imagepop .image-with-text__media-item:first-child { display:none; } } @media only screen and (max-width: 767px) { .section #cta-two-column-with-imagepop .image-with-text__content h2 { font-size: 30px; line-height: 30px; } #cta-two-column-with-imagepop .image-with-text__content { padding: 65px 30px !important; } } /* Make inner wrapper full height */ .column-button-1 .card-inner { display: flex; flex-direction: column; height: 100%; } /* Button style */ .custom-btn { display: inline-block; background-color: #1887BF; color: #fff; padding: 12px 36px; border-radius: 5px; text-decoration: none; font-size: 18px; } .custom-btn:hover { background-color: #000; } .multicolumn .small-text, .multicolumn-card__info .small-text, .rte .small-text, .rte p.small-text{ font-size:17px !important; padding-bottom:25px !important; } .multicolumn .large-text, .multicolumn-card__info .large-text, .rte .large-text, .rte p.large-text{ font-size:20px !important; } .check-list-1{ margin-bottom:50px; } @media (max-width: 1440px){ .check-list-1{ margin-bottom:75px; } } .check-list-3{ margin-bottom:50px; } @media (max-width: 1366px){ .check-list-3{ margin-bottom:25px; } } @media (max-width: 768px){ .column-button-1{ display:flex !important; flex-direction:column !important; height:auto !important; } .column-button-1 .card-button{ display:block !important; visibility:visible !important; opacity:1 !important; } } #three-column-card .multicolumn-list__item { background-color: #F2F2F2 !important; border-radius: 10px; padding: 3rem; height: 100%; display: flex; flex-direction: column; } @media screen and (max-width: 1366px) { #three-column-card .multicolumn-list { display: flex !important; flex-direction: column !important; align-items: center !important; /* <--- This centers the 70% width cards */ gap: 40px !important; padding-bottom: 40px; } #three-column-card .multicolumn-list__item { width: 90% !important; max-width: 90% !important; margin-bottom: 30px !important; /* margin: 0 auto !important; */ /* Optional backup: ensures the item itself is centered */ } #three-column-card .multicolumn-list__item:last-child { margin-bottom: 0 !important; } } /* Mobile view for 425px and below */ @media screen and (max-width: 425px) { #three-column-card .multicolumn-list__item { width: 100% !important; max-width: 100% !important; padding: 1.5rem !important; /* Slightly less padding so text has room on small screens */ } #three-column-card .multicolumn-list { gap: 25px !important; /* Slightly smaller gap for mobile so users don't have to scroll as much */ } } /* Main Container */ #text-zoomlogo { background-color: #F2F2F2 !important; border-radius: 10px; overflow: hidden; margin: 0 auto 30px auto !important; width: 950px !important; max-width: 95%; height: 140px !important; display: flex !important; } /* FIX: Bring the image container back to life */ #text-zoomlogo .image-with-text__media { background-color: transparent !important; border: none !important; box-shadow: none !important; padding-bottom: 0 !important; /* Removes the Shopify hack that killed the image */ height: 140px !important; /* Matches your figma height */ position: relative !important; flex: 1; } /* Ensure the grid doesn't collapse */ #text-zoomlogo .image-with-text__grid { padding: 0px; margin: 0 !important; width: 100% !important; height: 50px; } /* The actual Logo positioning */ #text-zoomlogo .image-with-text__media img { width: auto !important; max-width: 80% !important; object-fit: contain !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* Ensure the text side is also visible and centered */ #text-zoomlogo .image-with-text__content { background-color: transparent !important; border: none !important; height: 100% !important; display: flex !important; align-items: center !important; flex: 1; } /* 1. Make the image container transparent */ #text-zoomlogo .image-with-text__media { background-color: transparent !important; border: none !important; box-shadow: none !important; } /* 2. Target the global Shopify media wrapper which often has a white background */ #text-zoomlogo .global-media-settings { background-color: transparent !important; border: none !important; box-shadow: none !important; } /* 3. If the white is coming from a placeholder or 'after' element */ #text-zoomlogo .image-with-text__media::after, #text-zoomlogo .image-with-text__media::before { display: none !important; } @media screen and (min-width: 990px) { /* This targets your specific Zoom section and forces the exact padding you requested */ #text-zoomlogo .image-with-text__content { padding: 7rem 7rem 7rem !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } } /* Ensure the container can expand to fit that large padding */ #text-zoomlogo { height: auto !important; /* Changed from 140px to auto so the padding doesn't cut off text */ min-height: 125px !important; } /* Targeting the paragraph inside your specific Zoom section */ #text-zoomlogo .image-with-text__text p { font-size: 20px !important; /* Adjusting to match the clean, readable look */ line-height: 1.4 !important; /* Ensures good spacing between the two lines */ font-weight: 400; /* Standard weight for a clean look */ max-width: 450px; /* Limits width to force the two-line wrap seen in your image */ } /* Mobile adjustments for screens 768px and below */ @media screen and (max-width: 768px) { /* 1. Hide the image container entirely */ #text-zoomlogo .image-with-text__media-item { display: none !important; } /* 2. Reset container height and sizing */ #text-zoomlogo { height: auto !important; min-height: unset !important; width: 95% !important; margin: 0 auto 20px auto !important; } /* 3. Tighten the grid */ #text-zoomlogo .image-with-text__grid { height: auto !important; padding: 0 !important; } /* 4. Reduce padding on the text content so it's not overly spaced */ #text-zoomlogo .image-with-text__content { padding: 20px 24px !important; height: auto !important; } /* 5. Slightly reduce font size for smaller screens */ #text-zoomlogo .image-with-text__text p { font-size: 20px !important; max-width: 100% !important; } } #two-column-image .multicolumn-card__info { margin-left: -50px !important; /* move text closer to image */ margin-top: 40px !important; } @media (max-width: 1280px) { #two-column-image .multicolumn-list { flex-direction: column !important; } #two-column-image .grid__item { width: 100% !important; max-width: 100% !important; } #two-column-image .multicolumn-card { flex-direction: column !important; align-items: center !important; } #two-column-image .multicolumn-card__info { margin-left: 0 !important; /* reset the -50px on smaller screens */ margin-top: 20px !important; text-align: center !important; } #two-column-image .multicolumn-card__image-wrapper { width: 100% !important; } } @media (max-width: 1280px) { #two-column-image .multicolumn-card__info { margin-top: 0px !important; } #two-column-image .multicolumn-card__info { margin-left: 0 !important; margin-top: 20px !important; text-align: center !important; width: 100% !important; } #two-column-image .multicolumn-card__info h3, #two-column-image .multicolumn-card__info p, #two-column-image .multicolumn-card__info .rte { text-align: center !important; } /* Center the check icon list items too */ #two-column-image .multicolumn-card__info ul { display: flex !important; flex-direction: column !important; align-items: center !important; padding-left: 0 !important; } #two-column-image .multicolumn-card__info ul li { text-align: left !important; } } #two-column-image .multicolumn-card__image-wrapper.multicolumn-card__image-wrapper .media { padding-bottom: 0 !important; height: 320px !important; } /* ── GRID LAYOUT ── */ #two-columns-botimage .multicolumn-list { display: grid !important; grid-template-columns: 1fr 1fr !important; flex-wrap: unset !important; margin-top: 0 !important; column-gap: 110px !important; row-gap: 0 !important; padding: 0 !important; width: 100% !important; } /* Override Shopify li widths */ #two-columns-botimage .multicolumn-list .grid__item { width: 100% !important; max-width: 100% !important; flex: unset !important; padding: 0 !important; } /* ── li 1 - Blue text left ── */ #two-columns-botimage .multicolumn-list .grid__item:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; } #two-columns-botimage #column-withimage.multicolumn-card.content-container { background-color: #1FA1E2 !important; border-radius: 12px !important; padding: 40px 60px !important; height: 80% !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; } /* Push image to bottom of column 1 */ #two-columns-botimage #column-withimage .multicolumn-card__image-wrapper { order: 2 !important; margin-top: auto !important; width: 100% !important; } #two-columns-botimage #column-withimage .multicolumn-card__image-wrapper { order: 2 !important; margin-top: auto !important; width: calc(100% + 120px) !important; margin-left: -60px !important; margin-right: -30px !important; margin-bottom: -40px !important; } #two-columns-botimage #column-withimage .media { padding-bottom: 0 !important; height: 240px !important; overflow: hidden !important; border-radius: 0 0 12px 12px !important; } /* ── li 2 - Pink right ── */ #two-columns-botimage .multicolumn-list .grid__item:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; } #two-columns-botimage #column-withoutimage.multicolumn-card.content-container { background-color: #E61C5D !important; border-radius: 12px !important; padding: 40px 47px !important; height: 100% !important; } /* ── TEXT COLORS ── */ #two-columns-botimage #column-withimage .multicolumn-card__info * { color: white !important; order: 1 !important; } #two-columns-botimage #column-withoutimage .multicolumn-card__info * { color: white !important; } /* ── MOBILE ── */ @media (max-width: 768px) { #two-columns-botimage .multicolumn-list { grid-template-columns: 1fr !important; column-gap: 0 !important; row-gap: 16px !important; } #two-columns-botimage .multicolumn-list .grid__item:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; } #two-columns-botimage .multicolumn-list .grid__item:nth-child(2) { grid-column: 1 !important; grid-row: 2 !important; } #two-columns-botimage #column-withimage.multicolumn-card.content-container, #two-columns-botimage #column-withoutimage.multicolumn-card.content-container { border-radius: 12px !important; } } /* ── CENTER THE GRID ── */ #two-columns-botimage .multicolumn-list { margin-left: auto !important; margin-right: auto !important; } /* ── FIX BOTTOM IMAGE TO MATCH CARD WIDTH ── */ #two-columns-botimage #column-withimage .bottom-image { width: calc(100% + 120px) !important; margin-left: -60px !important; margin-right: -30px !important; margin-bottom: -40px !important; overflow: hidden !important; border-radius: 0 0 12px 12px !important; } #two-columns-botimage #column-withimage .bottom-image img { width: 100% !important; object-fit: contain !important; object-position: center !important; display: block !important; } /* ── HIDE THE SHOPIFY IMAGE WRAPPER since we use custom HTML ── */ #two-columns-botimage #column-withimage .multicolumn-card__image-wrapper { display: none !important; } #two-columns-botimage .card-description { font-size: 20px !important; /* adjust as needed */ line-height: 1.6 !important; color: white !important; margin-bottom: 16px !important; } #two-columns-botimage .card-link { font-size: 20px !important; color: white !important; text-decoration: underline !important; display: block !important; margin-bottom: 20px !important; } #two-columns-botimage .card-link:hover { opacity: 0.8 !important; } #two-columns-botimage .card-subtitle { font-size: 20px !important; color: #FFF !important; font-weight: 600 !important; margin-bottom: 33px !important; } #two-columns-botimage #column-withoutimage .rte.text-left > p:last-child { font-size: 20px !important; color: white !important; } /* Position parent for blobs */ #two-columns-botimage .multicolumn-list .grid__item:nth-child(1) { position: relative !important; } /* ── GREEN BLOB - top left ── */ #two-columns-botimage .multicolumn-list .grid__item:nth-child(1)::before { content: '' !important; position: absolute !important; top: 144px !important; left: -73px !important; /* push more to the left */ width: 170px !important; /* bigger */ height: 170px !important; background-image: url('/cdn/shop/files/Path_910.png?v=1778455580') !important; background-size: contain !important; background-repeat: no-repeat !important; z-index: 0 !important; } /* ── PURPLE BLOB - bottom left ── */ #two-columns-botimage .multicolumn-list .grid__item:nth-child(1)::after { content: '' !important; position: absolute !important; bottom: 144px !important; /* move up */ left: -59px !important; width: 100px !important; height: 100px !important; background-image: url('/cdn/shop/files/Path_909.png?v=1778455592') !important; background-size: contain !important; background-repeat: no-repeat !important; z-index: 2 !important; } /* Make sure card sits above blobs */ #two-columns-botimage #column-withimage.multicolumn-card.content-container { position: relative !important; z-index: 1 !important; } @media (max-width: 1580px) { #two-columns-botimage .multicolumn-list .grid__item:nth-child(1)::before, #two-columns-botimage .multicolumn-list .grid__item:nth-child(1)::after { display: none !important; } } @media (max-width: 1024px) { #two-columns-botimage #column-withimage.multicolumn-card.content-container { height: 84% !important; } } @media (max-width: 425px) { #two-columns-botimage #column-withimage.multicolumn-card.content-container { height: 88% !important; } } @media (max-width: 1024px) { #two-columns-botimage #column-withoutimage .rte.text-left > p:last-child { font-size: 19px !important; } } @media (max-width: 1366px) { #two-columns-botimage #column-withoutimage .rte.text-left > p:last-child { font-size: 17px !important; } } @media (max-width: 430px) { #two-columns-botimage .multicolumn-list { margin-left: 20px !important; margin-right: 20px !important; width: auto !important; } } /* Vanguard Circle page styling */ /* ── OVERALL SECTION ── */ #session-section .multicolumn-list { display: grid !important; grid-template-columns: 1fr 0.7fr 300px !important; flex-wrap: unset !important; margin-top: 0 !important; gap: 0 !important; padding: 0 !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; position: relative !important; overflow: visible !important; align-items: stretch !important; } /* Override Shopify li widths */ #session-section .multicolumn-list .grid__item { width: 100% !important; max-width: 100% !important; flex: unset !important; padding: 0 !important; } /* ── GREEN BLOB - furthest back ── */ #session-section .multicolumn-list::before { content: '' !important; position: absolute !important; top: 90px !important; right: -41px !important; width: 160px !important; height: 160px !important; background-image: url('/cdn/shop/files/Path_911_31c32f75-524b-459a-a2f7-dd6b4b6c7e98.png?v=1778463297') !important; background-size: contain !important; background-repeat: no-repeat !important; z-index: 0 !important; } /* ── BACKGROUND IMAGE - behind section, cut by session details ── */ #session-section .multicolumn-list .grid__item:nth-child(2)::after { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: -270px !important; /* extend into image column */ bottom: 0 !important; background-image: url('/cdn/shop/files/Rectangle_31_b0cd3a2b-225c-401a-b146-ccc2a552fcc8.png?v=1778463236') !important; background-size: contain !important; background-position: right !important; border-radius: 0 12px 12px 0 !important; z-index: 0 !important; } /* ── COLUMN 1 - Who It's For ── */ #session-section #session-whoisfor.multicolumn-card.content-container { background-color: #1FA1E2 !important; border-radius: 12px 0px 0px 12px !important; padding: 40px 30px !important; height: 100% !important; position: relative !important; z-index: 2 !important; } /* ── COLUMN 2 - Session Details ── */ #session-section .multicolumn-list .grid__item:nth-child(2) { position: relative !important; } #session-section #session-details.multicolumn-card.content-container { background-color: #1887BF !important; border-radius: 0 !important; padding: 40px 30px !important; height: 100% !important; position: relative !important; z-index: 2 !important; } /* Keep session details text above bg image */ #session-section #session-details .multicolumn-card__info { position: relative !important; z-index: 2 !important; } /* ── COLUMN 3 - Person Image ── */ /* ── PERSON IMAGE overflow above and below ── */ #session-section .multicolumn-list .grid__item:nth-child(3) { position: relative !important; overflow: visible !important; z-index: 3 !important; } #session-section #session-image.multicolumn-card.content-container { background: transparent !important; box-shadow: none !important; border: none !important; padding: 0 !important; overflow: visible !important; position: static !important; height: 100% !important; } #session-section #session-image .multicolumn-card__image-wrapper { position: absolute !important; bottom: 0 !important; /* remove the overflow below */ top: 0 !important; /* remove the overflow above */ left: -100px !important; width: calc(100% + 100px) !important; height: 100% !important; overflow: visible !important; padding-bottom: 0 !important; } #session-section #session-image .media { padding-bottom: 0 !important; height: 100% !important; position: static !important; overflow: visible !important; background: transparent !important; } #session-section #session-image .media img { position: absolute !important; top: 18px !important; bottom: 0 !important; left: 35px !important; width: 77% !important; height: 91% !important; object-fit: cover !important; object-position: top center !important; display: block !important; } /* ── TEXT COLORS ── */ #session-section #session-whoisfor .multicolumn-card__info *, #session-section #session-details .multicolumn-card__info * { color: white !important; } /* ── MOBILE ── */ @media (max-width: 768px) { #session-section .multicolumn-list { grid-template-columns: 1fr !important; gap: 16px !important; width: 100% !important; } #session-section #session-whoisfor.multicolumn-card.content-container { border-radius: 12px 12px 12px 12px !important; } #session-section #session-details.multicolumn-card.content-container { border-radius: 12px 12px 12px 12px !important; overflow: visible !important; } #session-section .multicolumn-list .grid__item:nth-child(3) { display: none !important; } #session-section .multicolumn-list::before, #session-section .multicolumn-list .grid__item:nth-child(2)::after { display: none !important; overflow: visible !important; } } @media (max-width: 1366px) { /* Hide blobs, background image and person image */ #session-section .multicolumn-list::before, #session-section .multicolumn-list .grid__item:nth-child(2)::after, #session-section .multicolumn-list .grid__item:nth-child(3) { display: none !important; } /* Stack columns vertically and center */ #session-section .multicolumn-list { grid-template-columns: 0.9fr !important; gap: 50px !important; justify-content: center !important; } #session-section #session-whoisfor.multicolumn-card.content-container { border-radius: 12px 12px 12px 12px !important; } #session-section #session-details.multicolumn-card.content-container { border-radius: 12px 12px 12px 12px !important; } } #vanguard-middle-image #middle-image .media--adapt { padding-bottom: 0 !important; height: 574px !important; /* adjust as needed */ } #vanguard-middle-image #middle-image .media--adapt img { width: 100% !important; height: 100% !important; object-fit: contain !important; } #vanguard-whn-image .media--adapt { padding-bottom: 0 !important; height: 300px !important; /* adjust as needed */ } #vanguard-whn-image .media--adapt img { width: 510px !important; height: 190px !important; object-fit: contain !important; } #multiple-column-with-image .multicolumn-list { display: grid !important; grid-template-columns: 1fr 1.2fr !important; grid-template-rows: auto auto !important; flex-wrap: unset !important; column-gap: 60px !important; row-gap: 0px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; } #multiple-column-with-image { display: flex !important; justify-content: center !important; } #multiple-column-with-image .page-width { width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 0 20px !important; } #multiple-column-with-image .multicolumn-list .grid__item { width: 100% !important; max-width: 100% !important; flex: unset !important; padding: 0 !important; } /* Col 1 - What Happens Next - top left */ #multiple-column-with-image .multicolumn-list .grid__item:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; } /* Col 2 - Our Approach - top right */ #multiple-column-with-image .multicolumn-list .grid__item:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; } /* Col 3 - Image - bottom left */ #multiple-column-with-image .multicolumn-list .grid__item:nth-child(3) { grid-column: 1 !important; grid-row: 2 !important; } /* Col 4 - Trauma list - bottom right */ #multiple-column-with-image .multicolumn-list .grid__item:nth-child(4) { grid-column: 2 !important; grid-row: 2 !important; } /* Remove space above image */ #multiple-column-with-image .multicolumn-list .grid__item:nth-child(3) { margin-top: -180px !important; /* adjust as needed */ } #multiple-column-with-image #vanguard-whn-image .media--adapt { margin-top: 0 !important; } #multiple-column-with-image #vanguard-whn-top-text .rte.text-left p, #multiple-column-with-image #vanguard-whn-top-text .rte.text-left ul li { font-size: 20px !important; } #multiple-column-with-image .approach-intro { margin-bottom: 40px !important; } #multiple-column-with-image .approach-subtitle { margin-bottom: 30px !important; } /* ── 1366px - Hide image ── */ @media (max-width: 1366px) { #multiple-column-with-image .multicolumn-list .grid__item:nth-child(3) { display: none !important; } #multiple-column-with-image .multicolumn-list { grid-template-rows: auto !important; } #multiple-column-with-image .page-width { width: 100% !important; max-width: 1200px !important; margin: 0px 0px 100px 0px !important; padding: 0 20px !important; } } /* ── 768px - Full width single column ── */ @media (max-width: 768px) { #multiple-column-with-image .multicolumn-list { grid-template-columns: 1fr !important; width: 100% !important; column-gap: 0 !important; } #multiple-column-with-image .multicolumn-list .grid__item:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; } #multiple-column-with-image .multicolumn-list .grid__item:nth-child(2) { grid-column: 1 !important; grid-row: 2 !important; } } @media (max-width: 425px) { #session-section .multicolumn-list { grid-template-columns: 0.9fr !important; gap: 20px !important; } } /*session section 2 */ /* ── OVERALL SECTION ── */ #session-section-two .multicolumn-list { display: grid !important; grid-template-columns: 1fr 0.7fr 300px !important; flex-wrap: unset !important; margin-top: 0 !important; gap: 0 !important; padding: 0 !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; position: relative !important; overflow: visible !important; align-items: stretch !important; } /* Override Shopify li widths */ #session-section-two .multicolumn-list .grid__item { width: 100% !important; max-width: 100% !important; flex: unset !important; padding: 0 !important; } /* ── GREEN BLOB - furthest back ── */ #session-section-two .multicolumn-list::before { content: '' !important; position: absolute !important; top: 90px !important; right: -41px !important; width: 160px !important; height: 160px !important; background-image: url('/cdn/shop/files/Path_911_31c32f75-524b-459a-a2f7-dd6b4b6c7e98.png?v=1778463297') !important; background-size: contain !important; background-repeat: no-repeat !important; z-index: 0 !important; } /* ── BACKGROUND IMAGE - behind section, cut by session details ── */ #session-section-two .multicolumn-list .grid__item:nth-child(2)::after { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: -270px !important; /* extend into image column */ bottom: 0 !important; background-image: url('/cdn/shop/files/Rectangle_31_fe7a4c3e-a34e-465c-8aed-92700b4ee085.png?v=1778566824') !important; background-size: contain !important; background-position: right !important; border-radius: 0 12px 12px 0 !important; z-index: 0 !important; } /* ── COLUMN 1 - Who It's For ── */ #session-section-two #session-whoisfor.multicolumn-card.content-container { background-color: #E61C5D !important; border-radius: 12px 0px 0px 12px !important; padding: 40px 30px !important; height: 100% !important; position: relative !important; z-index: 2 !important; } /* ── COLUMN 2 - Session Details ── */ #session-section-two .multicolumn-list .grid__item:nth-child(2) { position: relative !important; } #session-section-two #session-details.multicolumn-card.content-container { background-color: #C30C47 !important; border-radius: 0 !important; padding: 40px 30px !important; height: 100% !important; position: relative !important; z-index: 2 !important; } /* Keep session details text above bg image */ #session-section-two #session-details .multicolumn-card__info { position: relative !important; z-index: 2 !important; } /* ── COLUMN 3 - Person Image ── */ /* ── PERSON IMAGE overflow above and below ── */ #session-section-two .multicolumn-list .grid__item:nth-child(3) { position: relative !important; overflow: visible !important; z-index: 3 !important; } #session-section-two #session-image.multicolumn-card.content-container { background: transparent !important; box-shadow: none !important; border: none !important; padding: 0 !important; overflow: visible !important; position: static !important; height: 100% !important; } #session-section-two #session-image .multicolumn-card__image-wrapper { position: absolute !important; bottom: 0 !important; /* remove the overflow below */ top: 0 !important; /* remove the overflow above */ left: -100px !important; width: calc(100% + 100px) !important; height: 100% !important; overflow: visible !important; padding-bottom: 0 !important; } #session-section-two #session-image .media { padding-bottom: 0 !important; height: 100% !important; position: static !important; overflow: visible !important; background: transparent !important; } #session-section-two #session-image .media img { position: absolute !important; top: 18px !important; bottom: 0 !important; left: 35px !important; width: 77% !important; height: 91% !important; object-fit: cover !important; object-position: top center !important; display: block !important; } /* ── TEXT COLORS ── */ #session-section-two #session-whoisfor .multicolumn-card__info *, #session-section-two #session-details .multicolumn-card__info * { color: white !important; } /* ── MOBILE ── */ @media (max-width: 768px) { #session-section-two .multicolumn-list { grid-template-columns: 1fr !important; gap: 16px !important; width: 100% !important; } #session-section-two #session-whoisfor.multicolumn-card.content-container { border-radius: 12px 12px 12px 12px !important; } #session-section-two #session-details.multicolumn-card.content-container { border-radius: 12px 12px 12px 12px !important; overflow: visible !important; } #session-section-two .multicolumn-list .grid__item:nth-child(3) { display: none !important; } #session-section-two .multicolumn-list::before, #session-section-two .multicolumn-list .grid__item:nth-child(2)::after { display: none !important; overflow: visible !important; } } @media (max-width: 1366px) { /* Hide blobs, background image and person image */ #session-section-two .multicolumn-list::before, #session-section-two .multicolumn-list .grid__item:nth-child(2)::after, #session-section-two .multicolumn-list .grid__item:nth-child(3) { display: none !important; } /* Stack columns vertically and center */ #session-section-two .multicolumn-list { grid-template-columns: 0.9fr !important; gap: 50px !important; justify-content: center !important; } #session-section-two #session-whoisfor.multicolumn-card.content-container { border-radius: 12px 12px 12px 12px !important; } #session-section-two #session-details.multicolumn-card.content-container { border-radius: 12px 12px 12px 12px !important; } } /* Session section Three */ /* ── OVERALL SECTION ── */ #session-section-three .multicolumn-list { display: grid !important; grid-template-columns: 1fr 0.7fr 300px !important; flex-wrap: unset !important; margin-top: 0 !important; gap: 0 !important; padding: 0 !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; position: relative !important; overflow: visible !important; align-items: stretch !important; } /* Override Shopify li widths */ #session-section-three .multicolumn-list .grid__item { width: 100% !important; max-width: 100% !important; flex: unset !important; padding: 0 !important; } /* ── GREEN BLOB - furthest back ── */ #session-section-three .multicolumn-list::before { content: '' !important; position: absolute !important; top: 90px !important; right: -41px !important; width: 160px !important; height: 160px !important; background-image: url('/cdn/shop/files/Path_911_31c32f75-524b-459a-a2f7-dd6b4b6c7e98.png?v=1778463297') !important; background-size: contain !important; background-repeat: no-repeat !important; z-index: 0 !important; } /* ── BACKGROUND IMAGE - behind section, cut by session details ── */ #session-section-three .multicolumn-list .grid__item:nth-child(2)::after { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: -270px !important; /* extend into image column */ bottom: 0 !important; background-image: url('/cdn/shop/files/Group_439.png?v=1778632325') !important; background-size: contain !important; background-position: right !important; border-radius: 0 12px 12px 0 !important; z-index: 0 !important; } /* ── COLUMN 1 - Who It's For ── */ #session-section-three #session-whoisfor.multicolumn-card.content-container { background-color: #0F2F7C !important; border-radius: 12px 0px 0px 12px !important; padding: 40px 30px !important; height: 100% !important; position: relative !important; z-index: 2 !important; } /* ── COLUMN 2 - Session Details ── */ #session-section-three .multicolumn-list .grid__item:nth-child(2) { position: relative !important; } #session-section-three #session-details.multicolumn-card.content-container { background-color: #011B5B !important; border-radius: 0 !important; padding: 40px 30px !important; height: 100% !important; position: relative !important; z-index: 2 !important; } /* Keep session details text above bg image */ #session-section-three #session-details .multicolumn-card__info { position: relative !important; z-index: 2 !important; } /* ── COLUMN 3 - Person Image ── */ /* ── PERSON IMAGE overflow above and below ── */ #session-section-three .multicolumn-list .grid__item:nth-child(3) { position: relative !important; overflow: visible !important; z-index: 3 !important; } #session-section-three #session-image.multicolumn-card.content-container { background: transparent !important; box-shadow: none !important; border: none !important; padding: 0 !important; overflow: visible !important; position: static !important; height: 100% !important; } #session-section-three #session-image .multicolumn-card__image-wrapper { position: absolute !important; bottom: 0 !important; /* remove the overflow below */ top: 0 !important; /* remove the overflow above */ left: -100px !important; width: calc(100% + 100px) !important; height: 100% !important; overflow: visible !important; padding-bottom: 0 !important; } #session-section-three #session-image .media { padding-bottom: 0 !important; height: 100% !important; position: static !important; overflow: visible !important; background: transparent !important; } #session-section-three #session-image .media img { position: absolute !important; top: 18px !important; bottom: 0 !important; left: 35px !important; width: 77% !important; height: 91% !important; object-fit: cover !important; object-position: top center !important; display: block !important; } /* ── TEXT COLORS ── */ #session-section-three #session-whoisfor .multicolumn-card__info *, #session-section-three #session-details .multicolumn-card__info * { color: white !important; } /* ── MOBILE ── */ @media (max-width: 768px) { #session-section-three .multicolumn-list { grid-template-columns: 1fr !important; gap: 16px !important; width: 100% !important; } #session-section-three #session-whoisfor.multicolumn-card.content-container { border-radius: 12px 12px 12px 12px !important; } #session-section-three #session-details.multicolumn-card.content-container { border-radius: 12px 12px 12px 12px !important; overflow: visible !important; } #session-section-three .multicolumn-list .grid__item:nth-child(3) { display: none !important; } #session-section-three .multicolumn-list::before, #session-section-three .multicolumn-list .grid__item:nth-child(2)::after { display: none !important; overflow: visible !important; } } @media (max-width: 1366px) { /* Hide blobs, background image and person image */ #session-section-three .multicolumn-list::before, #session-section-three .multicolumn-list .grid__item:nth-child(2)::after, #session-section-three .multicolumn-list .grid__item:nth-child(3) { display: none !important; } /* Stack columns vertically and center */ #session-section-three .multicolumn-list { grid-template-columns: 0.9fr !important; gap: 50px !important; justify-content: center !important; } #session-section-three #session-whoisfor.multicolumn-card.content-container { border-radius: 12px 12px 12px 12px !important; } #session-section-three #session-details.multicolumn-card.content-container { border-radius: 12px 12px 12px 12px !important; } } @media screen and (max-width: 1366px) { #third-column-with-button .multicolumn-card__button .link.button { white-space: normal; word-break: break-word; padding: 10px 20px; height: auto; min-height: 44px; width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; } #third-column-with-button .multicolumn-card__button { width: 100%; } } /* Expression of interest card */ /* Expression of Interest Section */ div#multicol-expression-of-interest.gradient { background: #1a2e6e !important; background-image: none !important; max-width: 1475px; margin: 0 auto !important; border-radius: 10px; } #multicol-expression-of-interest #eoi-heading { width: 25% !important; flex: 0 0 25% !important; } #multicol-expression-of-interest #eoi-text { width: 45% !important; flex: 0 0 45% !important; } #multicol-expression-of-interest #eoi-button { width: 30% !important; flex: 0 0 30% !important; } #multicol-expression-of-interest .multicolumn-list { display: flex; align-items: center; justify-content: center; gap: 45px; margin-top: 0; } #multicol-expression-of-interest .multicolumn-list .multicolumn-list__item { flex: 0.7; } #multicol-expression-of-interest .multicolumn-list .multicolumn-list__item:first-child { flex: 0.99; } #multicol-expression-of-interest .multicolumn-list .multicolumn-list__item:nth-child(2) { flex: 1; } /* Our Board Section */ .multicol-our-board .isolate { padding: 3% 6%; } /* Mobile */ @media only screen and (max-width: 767px) { #multicol-expression-of-interest .multicolumn-list { flex-direction: column !important; } #multicol-expression-of-interest { margin: 0 5%; } #multicol-expression-of-interest .multicolumn-list__item h3.h2 { padding: 0 !important; } } /* Tablet */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #multicol-expression-of-interest .multicolumn-list { flex-direction: column !important; } #multicol-expression-of-interest .multicolumn-list__item h3.h2 { padding: 0 !important; } #multicol-expression-of-interest { margin: 0 7%; } #multicol-expression-of-interest .multicolumn-list .multicolumn-list__item, #multicol-expression-of-interest .multicolumn-list .multicolumn-list__item:first-child, #multicol-expression-of-interest .multicolumn-list .multicolumn-list__item:nth-child(2) { width: 100%; } } /* Camaraderie group page stylings End */ /* PEAP Page CSS */ .peap-container::before { content: '' !important; position: absolute !important; top: 190px !important; right: -41px !important; width: 160px !important; height: 160px !important; background-image: url(/cdn/shop/files/Path_911_31c32f75-524b-459a-a2f7-dd6b4b6c7e98.png?v=1778463297) !important; background-size: contain !important; background-repeat: no-repeat !important; z-index: 1 !important; } .peap-wyce .media > *:not(.zoom):not(.deferred-media__poster-button) { position: unset !important; } .peap-wyce .image-with-text__media { padding-bottom: 20px !important; } .peap-wyce .image-with-text__content { padding-top: 0px !important; } .peap-wyce img { width: 100%; height: 100%; object-fit: contain; } .peap-wyce h2 { color: #000 !important; font-family: "Lato", sans-serif; font-size: 38px; font-style: normal; font-weight: 700; line-height: normal; } .peap-wyce .image-with-text__text p { margin-top: 0; margin-bottom: 30px !important; } .peap-wyce .check-icon ul li { position: relative; padding-left: 40px; margin-bottom: 25px !important; } .peap-next-step .link.button { width: 100% !important; } #peap-next-step-id .page-width { background-color: #07B1A9; } #peap-next-step-id h2{ color: #FFF; text-align: center; /* Body Title Parition/Body Title Partition Bold v2 */ font-family: Lato, sans-serif; font-size: 38px !important; font-style: normal; font-weight: 700 !important; line-height: normal; } #peap-next-step-id p{ color: #FFF !important; text-align: center !important; /* Body/Body Regular */ font-family: 'Lato', sans-serif !important; font-size: 20px !important; font-style: normal !important; font-weight: 400 !important; line-height: 30px !important; /* 150% */ } @media (max-width: 1280px) { .peap-container::before { top: 235px !important; } } @media (max-width: 1024px) { .peap-container::before { display: none !important; } .peap-wyce h2 { font-size: 30px !important; } .peap-wyce .image-with-text__media-item { height: 260px !important; } .peap-wyce .image-with-text .image-with-text__grid .grid__item .image-with-text__media { height: 300px !important; } .peap-wyce .image-with-text__grid { gap: 20px !important; } .peap-wyce .image-with-text__text-item { padding-top: 40px !important; } .peap-wyce .image-with-text__content { padding-bottom: 0 !important; align-items: center !important; } .career-multicolumn { padding-bottom: 0 !important; } .peap-container { padding-bottom: 0 !important; } } @media (max-width: 767px) { .peap-wyce .image-with-text__content { padding-top: 20px !important; padding-bottom: 0 !important; } .peap-wyce .image-with-text__content>*+* { margin-top: 0 !important } #peap-next-step-id .mega-title { font-size: 30px !important; font-weight: 700 !important; } .page-banner-title { font-size: 40px !important; } #peap-animation { display: none; } #peap-next-step-id p{ font-size: 16px !important; } .peap-container .image-with-text__text p{ font-size: 16px !important; margin-top: 0 !important; } .peap-wyce .image-with-text__text-item { padding-top: 0 !important; } .peap-wyce .image-with-text__grid { gap: 0 !important; } .peap-container { padding-top: 20px !important; padding-bottom: 40px !important; } }