{"id":2,"date":"2026-05-25T01:00:13","date_gmt":"2026-05-25T01:00:13","guid":{"rendered":"https:\/\/oakstreetlivin.wpenginepowered.com\/?page_id=2"},"modified":"2026-06-24T18:50:16","modified_gmt":"2026-06-24T18:50:16","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/communitywestliving.com\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb668db e-con-full e-flex e-con e-parent\" data-id=\"fb668db\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3cc7dec elementor-widget elementor-widget-html\" data-id=\"3cc7dec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Source+Sans+3:wght@300;400;500;600&display=swap');\n  \n  .cw-nav {\n    background-color: #303e4e;\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n    position: relative;\n    font-family: 'Source Sans 3', system-ui, sans-serif;\n  }\n  \n  .cw-nav-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 12px 24px;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 40px;\n    position: relative;\n  }\n  \n  .cw-nav-logo {\n    margin-right: auto;\n  }\n\n  .cw-nav-logo img {\n    height: 25.2px;\n    width: auto;\n  }\n  \n  \/* Desktop Navigation *\/\n  .cw-nav-links {\n    display: none;\n    align-items: center;\n    gap: 40px;\n  }\n  \n  .cw-nav-link {\n    position: relative;\n    color: rgba(255, 255, 255, 0.8);\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 400;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    padding: 8px 0;\n    transition: color 0.3s ease;\n  }\n  \n  .cw-nav-link:hover {\n    color: #ffffff;\n  }\n  \n  .cw-nav-link::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 0;\n    height: 2px;\n    background-color: #4987a8;\n    transition: width 0.3s ease;\n  }\n  \n  .cw-nav-link:hover::after {\n    width: 100%;\n  }\n  \n  \/* Phone Link *\/\n  .cw-nav-phone {\n    display: none;\n    align-items: center;\n    gap: 8px;\n    color: rgba(255, 255, 255, 0.9);\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 400;\n    letter-spacing: 0.5px;\n    transition: color 0.3s ease;\n  }\n  \n  .cw-nav-phone:hover {\n    color: #ffffff;\n  }\n  \n  .cw-nav-phone svg {\n    transition: transform 0.3s ease;\n  }\n  \n  .cw-nav-phone:hover svg {\n    transform: scale(1.1) rotate(12deg);\n  }\n  \n  \/* Mobile Menu Button *\/\n  .cw-nav-toggle {\n    display: flex;\n    background: none;\n    border: none;\n    color: #ffffff;\n    padding: 8px;\n    cursor: pointer;\n  }\n  \n  \/* Mobile Menu *\/\n  .cw-nav-mobile {\n    display: none;\n    position: absolute;\n    top: 100%;\n    left: 0;\n    right: 0;\n    background-color: #303e4e;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n    z-index: 50;\n    flex-direction: column;\n    padding: 16px 24px;\n    gap: 16px;\n  }\n  \n  .cw-nav-mobile.active {\n    display: flex;\n  }\n  \n  .cw-nav-mobile a {\n    color: rgba(255, 255, 255, 0.8);\n    text-decoration: none;\n    font-size: 14px;\n    font-weight: 400;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    padding: 8px 0;\n    transition: color 0.3s ease;\n  }\n  \n  .cw-nav-mobile a:hover {\n    color: #ffffff;\n  }\n  \n  .cw-nav-mobile-phone {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n    padding-top: 16px;\n    margin-top: 8px;\n  }\n  \n  \/* Desktop Breakpoint *\/\n  @media (min-width: 768px) {\n    .cw-nav-links {\n      display: flex;\n    }\n    \n    .cw-nav-phone {\n      display: flex;\n    }\n    \n    .cw-nav-toggle {\n      display: none;\n    }\n  }\n<\/style>\n\n<nav class=\"cw-nav\">\n  <div class=\"cw-nav-container\">\n    <!-- Logo -->\n    <a href=\"\/\" class=\"cw-nav-logo\">\n      <img decoding=\"async\" src=\"https:\/\/communitywestliving.com\/wp-content\/uploads\/2026\/06\/cw-supportive-living-logo.svg\" alt=\"Community West Supportive Living\">\n    <\/a>\n    \n    <!-- Mobile Menu Button -->\n    <button class=\"cw-nav-toggle\" onclick=\"toggleMobileMenu()\" aria-label=\"Toggle menu\">\n      <svg class=\"menu-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"><\/line>\n        <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"><\/line>\n        <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"><\/line>\n      <\/svg>\n      <svg class=\"close-icon\" style=\"display:none;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n        <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n      <\/svg>\n    <\/button>\n    \n    <!-- Desktop Navigation -->\n    <div class=\"cw-nav-links\">\n      <a href=\"#what-we-offer\" class=\"cw-nav-link\">What We Offer<\/a>\n      <a href=\"#about\" class=\"cw-nav-link\">About<\/a>\n      <a href=\"#our-home\" class=\"cw-nav-link\">Our Home<\/a>\n      <a href=\"#contact\" class=\"cw-nav-link\">Contact<\/a>\n    <\/div>\n    \n    <!-- Phone Link - Desktop -->\n    <a href=\"tel:3109900988\" class=\"cw-nav-phone\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n      <\/svg>\n      <span>(310) 990-0988<\/span>\n    <\/a>\n  <\/div>\n  \n  <!-- Mobile Menu -->\n  <div class=\"cw-nav-mobile\" id=\"mobileMenu\">\n    <a href=\"#what-we-offer\" onclick=\"closeMobileMenu()\">What We Offer<\/a>\n    <a href=\"#about\" onclick=\"closeMobileMenu()\">About<\/a>\n    <a href=\"#our-home\" onclick=\"closeMobileMenu()\">Our Home<\/a>\n    <a href=\"#contact\" onclick=\"closeMobileMenu()\">Contact<\/a>\n    <a href=\"tel:3109900988\" class=\"cw-nav-mobile-phone\" onclick=\"closeMobileMenu()\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n      <\/svg>\n      <span>(310) 990-0988<\/span>\n    <\/a>\n  <\/div>\n<\/nav>\n\n<script>\n  function toggleMobileMenu() {\n    const menu = document.getElementById('mobileMenu');\n    const menuIcon = document.querySelector('.menu-icon');\n    const closeIcon = document.querySelector('.close-icon');\n    \n    menu.classList.toggle('active');\n    \n    if (menu.classList.contains('active')) {\n      menuIcon.style.display = 'none';\n      closeIcon.style.display = 'block';\n    } else {\n      menuIcon.style.display = 'block';\n      closeIcon.style.display = 'none';\n    }\n  }\n  \n  function closeMobileMenu() {\n    const menu = document.getElementById('mobileMenu');\n    const menuIcon = document.querySelector('.menu-icon');\n    const closeIcon = document.querySelector('.close-icon');\n    \n    menu.classList.remove('active');\n    menuIcon.style.display = 'block';\n    closeIcon.style.display = 'none';\n  }\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa7ef6f e-con-full e-flex e-con e-parent\" data-id=\"aa7ef6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10763fd elementor-widget elementor-widget-html\" data-id=\"10763fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Source+Sans+3:wght@300;400;500;600&display=swap');\n  \n  .cw-hero {\n    position: relative;\n    height: 90vh;\n    min-height: 600px;\n    display: flex;\n    flex-direction: column;\n  }\n  \n  \/* Background Image *\/\n  .cw-hero-bg {\n    position: absolute;\n    inset: 0;\n  }\n  \n  .cw-hero-bg img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n  \n  .cw-hero-overlay-1 {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to top, rgba(48, 62, 78, 0.5), transparent, transparent);\n  }\n  \n  .cw-hero-overlay-2 {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent, transparent);\n  }\n  \n  \/* Spacer *\/\n  .cw-hero-spacer {\n    flex: 1;\n  }\n  \n  \/* Content *\/\n  .cw-hero-content {\n    position: relative;\n    z-index: 10;\n    padding-bottom: 60px;\n  }\n  \n  .cw-hero-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 24px;\n  }\n  \n  .cw-hero-title {\n    font-family: 'Century Gothic', 'Avant Garde', sans-serif;\n    font-weight: 400;\n    font-size: 48px;\n    line-height: 1.05;\n    color: #ffffff;\n    margin-bottom: 24px;\n    max-width: 800px;\n  }\n  \n  .cw-hero-title em {\n    color: #DCECF3;\n    font-style: italic;\n  }\n  \n  .cw-hero-description {\n    font-family: 'Source Sans 3', system-ui, sans-serif;\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 1.6;\n    color: rgba(255, 255, 255, 0.9);\n    margin-bottom: 32px;\n    max-width: 640px;\n  }\n  \n  .cw-hero-btn {\n    display: inline-block;\n    padding: 16px 32px;\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    background: transparent;\n    color: #ffffff;\n    text-decoration: none;\n    font-family: 'Source Sans 3', system-ui, sans-serif;\n    font-weight: 500;\n    font-size: 14px;\n    letter-spacing: 0.05em;\n    transition: all 0.3s ease;\n  }\n  \n  .cw-hero-btn:hover {\n    background-color: #ffffff;\n    color: #4987a8;\n    transform: translateY(-4px);\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\n  }\n  \n  \/* Tablet *\/\n  @media (min-width: 768px) {\n    .cw-hero-content {\n      padding-bottom: 80px;\n    }\n    \n    .cw-hero-title {\n      font-size: 64px;\n    }\n    \n    .cw-hero-description {\n      font-size: 22px;\n    }\n  }\n  \n  \/* Desktop *\/\n  @media (min-width: 1024px) {\n    .cw-hero-title {\n      font-size: 76px;\n    }\n    \n    .cw-hero-description {\n      font-size: 24px;\n    }\n  }\n.cw-hero-btn:link,.cw-hero-btn:visited{color:#ffffff;} .cw-hero-btn:link:hover,.cw-hero-btn:visited:hover{color:#4987a8;} <\/style>\n\n<section class=\"cw-hero\" id=\"hero\">\n  <!-- Background Image -->\n  <div class=\"cw-hero-bg\">\n    <img decoding=\"async\" src=\"https:\/\/communitywestliving.com\/wp-content\/uploads\/2026\/05\/oak-street-santa-monica.webp\" alt=\"Community West Supportive Living Home\">\n    <div class=\"cw-hero-overlay-1\"><\/div>\n    <div class=\"cw-hero-overlay-2\"><\/div>\n  <\/div>\n  \n  <!-- Spacer -->\n  <div class=\"cw-hero-spacer\"><\/div>\n  \n  <!-- Bottom Content -->\n  <div class=\"cw-hero-content\">\n    <div class=\"cw-hero-container\">\n      <h1 class=\"cw-hero-title\">\n        Find your path to support, structure, <em>growth<\/em>.\n      <\/h1>\n      <p class=\"cw-hero-description\">\n        A shared living home for young adults building life skills, confidence, and independence while continuing treatment, school, or work.\n      <\/p>\n      <a href=\"mailto:info@cwtreatment.com\" class=\"cw-hero-btn\">\n        Get in Touch\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe47002 e-con-full e-flex e-con e-parent\" data-id=\"fe47002\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ffa6c2 elementor-widget elementor-widget-html\" data-id=\"7ffa6c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Source+Sans+3:wght@300;400;500;600&display=swap');\n  \n  .cw-offer {\n    position: relative;\n    padding: 96px 0;\n    background-color: #F4EFE8;\n  }\n  \n  .cw-offer-container {\n    max-width: 1300px;\n    margin: 0 auto;\n    padding: 0 24px;\n  }\n  \n  \/* Header *\/\n  .cw-offer-header {\n    text-align: center;\n    margin-bottom: 80px;\n  }\n  \n  .cw-offer-label {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    margin-bottom: 32px;\n  }\n  \n  .cw-offer-label-line {\n    width: 32px;\n    height: 1px;\n    background-color: rgba(73, 135, 168, 0.4);\n  }\n  \n  .cw-offer-label span {font-weight: 400; \n    font-family: 'Source Sans 3', system-ui, sans-serif;\n    font-size: 18px;\n    letter-spacing: 2.4px;\n    text-transform: uppercase;\n    color: #6B635A;\n  }\n  \n  .cw-offer-title {\n    font-family: 'Century Gothic', 'Avant Garde', sans-serif;\n    font-weight: 400;\n    font-size: 40px;\n    line-height: 1.1;\n    color: #404040;\n    margin-bottom: 16px;\n  }\n  \n  .cw-offer-title em {\n    color: #4987a8;\n    font-style: italic;\n  }\n  \n  .cw-offer-subtitle {\n    font-family: 'Century Gothic', 'Avant Garde', sans-serif;\n    font-size: 20px;\n    color: #6B635A;\n  }\n  \n  \/* Cards Container *\/\n  .cw-offer-cards {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n  }\n  \n  \/* Card Row *\/\n  .cw-offer-row {\n    display: flex;\n    position: relative;\n  }\n  \n  \/* Side Number - Desktop *\/\n  .cw-offer-number {\n    display: none;\n    align-items: center;\n    justify-content: center;\n    width: 128px;\n    flex-shrink: 0;\n  }\n  \n  .cw-offer-number span {\n    font-family: 'Century Gothic', 'Avant Garde', sans-serif;\n    font-size: 72px;\n    color: rgba(73, 135, 168, 0.4);\n    transition: all 0.5s ease;\n  }\n  \n  .cw-offer-row:hover .cw-offer-number span {\n    color: #4987a8;\n    transform: scale(1.1);\n  }\n  \n  \/* Card *\/\n  .cw-offer-card {\n    flex: 1;\n    position: relative;\n    padding: 24px;\n    background-color: #FBFAF9;\n    border-radius: 2px;\n    overflow: hidden;\n    transition: all 0.5s ease;\n  }\n  \n  .cw-offer-row:hover .cw-offer-card {\n    background-color: #ffffff;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n    transform: translateY(-4px) translateX(4px);\n  }\n  \n  \/* Accent Line *\/\n  .cw-offer-accent {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 4px;\n    height: 0;\n    background-color: #4987a8;\n    transition: height 0.5s ease;\n  }\n  \n  .cw-offer-row:hover .cw-offer-accent {\n    height: 100%;\n  }\n  \n  \/* Mobile Number *\/\n  .cw-offer-mobile-number {\n    display: block;\n    font-family: 'Source Sans 3', system-ui, sans-serif;\n    font-size: 14px;\n    letter-spacing: 1px;\n    color: #A39171;\n    margin-bottom: 16px;\n    transition: color 0.3s ease;\n  }\n  \n  .cw-offer-row:hover .cw-offer-mobile-number {\n    color: #3D5A47;\n  }\n  \n  \/* Card Content *\/\n  .cw-offer-card-content {\n    position: relative;\n    z-index: 10;\n  }\n  \n  .cw-offer-card-title {\n    font-family: 'Century Gothic', 'Avant Garde', sans-serif;\n    font-weight: 500;\n    font-size: 28px;\n    color: #404040;\n    margin-bottom: 16px;\n    transition: transform 0.3s ease;\n  }\n  \n  .cw-offer-row:hover .cw-offer-card-title {\n    transform: translateX(8px);\n  }\n  \n  .cw-offer-card-desc {\n    font-family: 'Source Sans 3', system-ui, sans-serif;\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 1.6;\n    color: #6B635A;\n    max-width: 800px;\n    transition: transform 0.3s ease;\n  }\n  \n  .cw-offer-row:hover .cw-offer-card-desc {\n    transform: translateX(8px);\n  }\n  \n  \/* Corner Accent *\/\n  .cw-offer-corner {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 0 0 40px 40px;\n    border-color: transparent transparent rgba(61, 90, 71, 0) transparent;\n    transition: border-color 0.5s ease;\n  }\n  \n  .cw-offer-row:hover .cw-offer-corner {\n    border-color: transparent transparent rgba(61, 90, 71, 0.1) transparent;\n  }\n  \n  \/* Tablet and Desktop *\/\n  @media (min-width: 768px) {\n    .cw-offer {\n      padding: 128px 0;\n    }\n    \n    .cw-offer-container {\n      padding: 0 32px;\n    }\n    \n    .cw-offer-title {\n      font-size: 52px;\n    }\n    \n    .cw-offer-number {\n      display: flex;\n    }\n    \n    .cw-offer-mobile-number {\n      display: none;\n    }\n    \n    .cw-offer-card {\n      padding: 40px;\n    }\n    \n    .cw-offer-card-title {\n      font-size: 36px;\n    }\n    \n    .cw-offer-card-desc {\n      font-size: 20px;\n    }\n  }\n  \n  \/* Desktop *\/\n  @media (min-width: 1024px) {\n    .cw-offer-title {\n      font-size: 64px;\n    }\n    \n    .cw-offer-number span {\n      font-size: 80px;\n    }\n    \n    .cw-offer-card {\n      padding: 48px;\n    }\n    \n    .cw-offer-card-title {\n      font-size: 40px;\n    }\n    \n    .cw-offer-card-desc {\n      font-size: 22px;\n    }\n  }\n<\/style>\n\n<section class=\"cw-offer\" id=\"what-we-offer\">\n  <div class=\"cw-offer-container\">\n    <!-- Header -->\n    <div class=\"cw-offer-header\">\n      <div class=\"cw-offer-label\">\n        <div class=\"cw-offer-label-line\"><\/div>\n        <span>What We Offer<\/span>\n        <div class=\"cw-offer-label-line\"><\/div>\n      <\/div>\n      <h2 class=\"cw-offer-title\">\n        A place to find <em>your footing<\/em>\n      <\/h2>\n      <p class=\"cw-offer-subtitle\">Built Around Three Simple Things<\/p>\n    <\/div>\n    \n    <!-- Cards -->\n    <div class=\"cw-offer-cards\">\n      <!-- Card 1 -->\n      <div class=\"cw-offer-row\">\n        <div class=\"cw-offer-number\">\n          <span>01<\/span>\n        <\/div>\n        <div class=\"cw-offer-card\">\n          <div class=\"cw-offer-accent\"><\/div>\n          <span class=\"cw-offer-mobile-number\">01<\/span>\n          <div class=\"cw-offer-card-content\">\n            <h3 class=\"cw-offer-card-title\">Supportive Community<\/h3>\n            <p class=\"cw-offer-card-desc\">A comfortable, well-kept house with shared spaces made for everyday life, from morning coffee on the deck to evenings with housemates.<\/p>\n          <\/div>\n          <div class=\"cw-offer-corner\"><\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- Card 2 -->\n      <div class=\"cw-offer-row\">\n        <div class=\"cw-offer-number\">\n          <span>02<\/span>\n        <\/div>\n        <div class=\"cw-offer-card\">\n          <div class=\"cw-offer-accent\"><\/div>\n          <span class=\"cw-offer-mobile-number\">02<\/span>\n          <div class=\"cw-offer-card-content\">\n            <h3 class=\"cw-offer-card-title\">Structure that helps<\/h3>\n            <p class=\"cw-offer-card-desc\">Daily routines and clear expectations that make independence feel manageable instead of overwhelming.<\/p>\n          <\/div>\n          <div class=\"cw-offer-corner\"><\/div>\n        <\/div>\n      <\/div>\n      \n      <!-- Card 3 -->\n      <div class=\"cw-offer-row\">\n        <div class=\"cw-offer-number\">\n          <span>03<\/span>\n        <\/div>\n        <div class=\"cw-offer-card\">\n          <div class=\"cw-offer-accent\"><\/div>\n          <span class=\"cw-offer-mobile-number\">03<\/span>\n          <div class=\"cw-offer-card-content\">\n            <h3 class=\"cw-offer-card-title\">Room to Grow<\/h3>\n            <p class=\"cw-offer-card-desc\">Space to keep up with treatment, school, or work while building the habits and confidence that carry forward.<\/p>\n          <\/div>\n          <div class=\"cw-offer-corner\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8069180 e-con-full e-flex e-con e-parent\" data-id=\"8069180\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b37ba45 elementor-widget elementor-widget-html\" data-id=\"b37ba45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- About Us Section - Community West Supportive Living -->\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Source+Sans+3:wght@400;500&display=swap');\n  \n  .cwsl-about-section {\n    position: relative;\n    padding: 96px 0 128px 0;\n    overflow: hidden;\n    background-color: #3281a8;\n  }\n  \n  \/* Decorative background elements *\/\n  .cwsl-about-bg-accent {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 33%;\n    height: 100%;\n    background: rgba(255,255,255,0.05);\n    opacity: 1;\n  }\n  .cwsl-about-bg-circle {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 160px;\n    height: 160px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.10);\n    transform: translate(-30%, 30%);\n  }\n  \n  .cwsl-about-container {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 0 32px;\n    position: relative;\n    z-index: 10;\n  }\n  \n  \/* Editorial label *\/\n  .cwsl-about-label-row {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    margin-bottom: 40px;\n  }\n  .cwsl-about-label-line {\n    width: 48px;\n    height: 1px;\n    background: rgba(251,250,249,0.5);\n  }\n  .cwsl-about-label {\n    font-family: 'Source Sans 3', system-ui, sans-serif;\n    font-size: 18px;\n    font-weight: 400;\n    letter-spacing: 0.2em;\n    color: #fbfaf9;\n    text-transform: uppercase;\n  }\n  \n  \/* Headline *\/\n  .cwsl-about-headline {\n    font-family: 'Century Gothic', 'Avant Garde', sans-serif;\n    font-size: 48px;\n    font-weight: 400;\n    color: #fbfaf9;\n    margin-bottom: 24px;\n    line-height: 1.15;\n    text-align: center;\n  }\n  .cwsl-about-headline em {\n    color: #DCECF3;\n    font-style: italic;\n  }\n  \n  \/* Decorative underline *\/\n  .cwsl-about-underline-row {\n    display: flex;\n    justify-content: center;\n    margin-bottom: 48px;\n  }\n  .cwsl-about-underline {\n    width: 80px;\n    height: 4px;\n    background: rgba(251,250,249,0.3);\n    border-radius: 99px;\n  }\n  \n  \/* Two-column content *\/\n  .cwsl-about-columns {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 48px;\n  }\n  .cwsl-about-col-text {\n    font-family: 'Source Sans 3', system-ui, sans-serif;\n    font-size: 20px;\n    font-weight: 400;\n    color: #fbfaf9;\n    line-height: 1.7;\n  }\n  \n  \/* Highlighted statement *\/\n  .cwsl-about-blockquote-wrap {\n    margin-top: 64px;\n    position: relative;\n  }\n  .cwsl-about-blockquote-line {\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    width: 4px;\n    background: rgba(251,250,249,0.6);\n    border-radius: 99px;\n  }\n  .cwsl-about-blockquote {\n    padding-left: 40px;\n  }\n  .cwsl-about-blockquote p {\n    font-family: 'Century Gothic', 'Avant Garde', sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n    color: #fbfaf9;\n    line-height: 1.4;\n    margin: 0;\n  }\n  .cwsl-about-blockquote .accent {\n    color: #DCECF3;\n    font-style: italic;\n  }\n  \n  \/* Dots accent *\/\n  .cwsl-about-dots {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    margin-top: 56px;\n  }\n  .cwsl-about-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: rgba(251,250,249,0.4);\n  }\n  .cwsl-about-dot.mid { background: rgba(251,250,249,0.6); }\n  .cwsl-about-dot.full { background: #fbfaf9; }\n  \n  \/* Mobile responsive *\/\n  @media (max-width: 768px) {\n    .cwsl-about-section {\n      padding: 64px 0 80px 0;\n    }\n    .cwsl-about-container {\n      padding: 0 24px;\n    }\n    .cwsl-about-headline {\n      font-size: 32px;\n    }\n    .cwsl-about-columns {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n    .cwsl-about-col-text {\n      font-size: 18px;\n    }\n    .cwsl-about-blockquote-wrap {\n      margin-top: 40px;\n    }\n    .cwsl-about-blockquote {\n      padding-left: 24px;\n    }\n    .cwsl-about-blockquote p {\n      font-size: 22px;\n    }\n    .cwsl-about-bg-circle {\n      width: 96px;\n      height: 96px;\n    }\n  }\n<\/style>\n\n<section class=\"cwsl-about-section\" id=\"about\">\n  <!-- Decorative background elements -->\n  <div class=\"cwsl-about-bg-accent\"><\/div>\n  <div class=\"cwsl-about-bg-circle\"><\/div>\n\n  <div class=\"cwsl-about-container\">\n    <!-- Editorial label -->\n    <div class=\"cwsl-about-label-row\">\n      <div class=\"cwsl-about-label-line\"><\/div>\n      <span class=\"cwsl-about-label\">About Us<\/span>\n      <div class=\"cwsl-about-label-line\"><\/div>\n    <\/div>\n\n    <!-- Headline -->\n    <h2 class=\"cwsl-about-headline\">\n      Founded by <em>Clinicians<\/em>\n    <\/h2>\n\n    <!-- Decorative underline -->\n    <div class=\"cwsl-about-underline-row\">\n      <div class=\"cwsl-about-underline\"><\/div>\n    <\/div>\n\n    <!-- Two-column content -->\n    <div class=\"cwsl-about-columns\">\n      <div class=\"cwsl-about-col-text\">\n        Community West Supportive Living was founded by the same psychologists who launched Community West and saw that progress made in therapy is often difficult to sustain without the right day-to-day environment.\n      <\/div>\n      <div class=\"cwsl-about-col-text\">\n        While Community West Supportive Living is non-clinical, our background informs how we support young adults in building routines, accountability, healthy relationships, and independent living skills.\n      <\/div>\n    <\/div>\n\n    <!-- Highlighted statement -->\n    <div class=\"cwsl-about-blockquote-wrap\">\n      <div class=\"cwsl-about-blockquote-line\"><\/div>\n      <blockquote class=\"cwsl-about-blockquote\">\n        <p>\n          We provide a structured, supportive environment designed to help residents grow with greater\n          <span class=\"accent\">confidence<\/span>,\n          <span class=\"accent\">stability<\/span>, and\n          <span class=\"accent\">autonomy<\/span>.\n        <\/p>\n      <\/blockquote>\n    <\/div>\n\n    <!-- Animated dots accent -->\n    <div class=\"cwsl-about-dots\">\n      <span class=\"cwsl-about-dot\"><\/span>\n      <span class=\"cwsl-about-dot mid\"><\/span>\n      <span class=\"cwsl-about-dot full\"><\/span>\n      <span class=\"cwsl-about-dot mid\"><\/span>\n      <span class=\"cwsl-about-dot\"><\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83a8a7c e-con-full e-flex e-con e-parent\" data-id=\"83a8a7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84853c1 elementor-widget elementor-widget-html\" data-id=\"84853c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Typical Day Section - Community West Supportive Living -->\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Source+Sans+3:wght@400;500&display=swap');\n  \n  .cwsl-typical-section {\n    position: relative;\n    padding: 96px 0 128px 0;\n    background: #ffffff;\n    overflow: hidden;\n  }\n  \n  .cwsl-typical-container {\n    max-width: 1300px;\n    margin: 0 auto;\n    padding: 0 32px;\n  }\n  \n  \/* Header *\/\n  .cwsl-typical-header {\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto 64px auto;\n  }\n  .cwsl-typical-headline {\n    font-family: 'Century Gothic', 'Avant Garde', sans-serif;\n    font-size: 40px;\n    font-weight: 400;\n    color: #303e4e;\n    line-height: 1.25;\n    margin: 0;\n  }\n  \n  \/* Two-column layout *\/\n  .cwsl-typical-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 64px;\n    align-items: start;\n  }\n  \n  \/* Left - Image *\/\n  .cwsl-typical-image-wrap {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 20px 50px rgba(0,0,0,0.12);\n  }\n  .cwsl-typical-image {\n    width: 100%;\n    height: 550px;\n    object-fit: cover;\n    display: block;\n  }\n  .cwsl-typical-image-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to top, rgba(48,62,78,0.2), transparent);\n    pointer-events: none;\n  }\n  \n  \/* Right - Time blocks *\/\n  .cwsl-typical-timeline {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n  }\n  \n  .cwsl-typical-block {\n    position: relative;\n    padding-left: 24px;\n    border-left: 2px solid rgba(50,129,168,0.3);\n    cursor: pointer;\n    transition: all 0.3s ease;\n  }\n  .cwsl-typical-block:hover {\n    border-left-color: #3281a8;\n  }\n  \n  \/* Timeline dot *\/\n  .cwsl-typical-dot {\n    position: absolute;\n    left: -9px;\n    top: 4px;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: #3281a8;\n    border: 4px solid #ffffff;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n    transition: all 0.3s ease;\n  }\n  .cwsl-typical-block:hover .cwsl-typical-dot {\n    transform: scale(1.5);\n    box-shadow: 0 4px 16px rgba(50,129,168,0.4);\n  }\n  \n  \/* Block title *\/\n  .cwsl-typical-block-title {\n    font-family: 'Century Gothic', 'Avant Garde', sans-serif;\n    font-size: 24px;\n    font-weight: 500;\n    color: #3281a8;\n    margin: 0 0 12px 0;\n    transition: all 0.3s ease;\n  }\n  .cwsl-typical-block:hover .cwsl-typical-block-title {\n    transform: translateX(4px);\n    color: #256a8a;\n  }\n  \n  \/* Block description *\/\n  .cwsl-typical-block-text {\n    font-family: 'Source Sans 3', system-ui, sans-serif;\n    font-size: 20px;\n    font-weight: 400;\n    color: #6B635A;\n    line-height: 1.7;\n    margin: 0;\n  }\n  \n  \/* Mobile responsive *\/\n  @media (max-width: 1024px) {\n    .cwsl-typical-grid {\n      grid-template-columns: 1fr;\n      gap: 48px;\n    }\n    .cwsl-typical-image {\n      height: 400px;\n    }\n  }\n  \n  @media (max-width: 768px) {\n    .cwsl-typical-section {\n      padding: 64px 0 80px 0;\n    }\n    .cwsl-typical-container {\n      padding: 0 24px;\n    }\n    .cwsl-typical-header {\n      margin-bottom: 48px;\n    }\n    .cwsl-typical-headline {\n      font-size: 26px;\n    }\n    .cwsl-typical-image {\n      height: 280px;\n    }\n    .cwsl-typical-timeline {\n      gap: 24px;\n    }\n    .cwsl-typical-block-title {\n      font-size: 20px;\n    }\n    .cwsl-typical-block-text {\n      font-size: 18px;\n    }\n  }\n<\/style>\n\n<section class=\"cwsl-typical-section\">\n  <div class=\"cwsl-typical-container\">\n    \n    <!-- Header -->\n    <div class=\"cwsl-typical-header\">\n      <h2 class=\"cwsl-typical-headline\">\n        While every day is different, a typical day at Oak Street may look something like...\n      <\/h2>\n    <\/div>\n\n    <!-- Two column layout -->\n    <div class=\"cwsl-typical-grid\">\n      \n      <!-- Left - Image -->\n      <div class=\"cwsl-typical-image-wrap\">\n        <!-- Replace src with your image URL -->\n        <img decoding=\"async\" \n          src=\"https:\/\/communitywestliving.com\/wp-content\/uploads\/2026\/06\/community-west-living-schedule.webp\" \n          alt=\"Residents cooking together in a kitchen, preparing meals as a community\"\n          class=\"cwsl-typical-image\"\n        \/>\n        <div class=\"cwsl-typical-image-overlay\"><\/div>\n      <\/div>\n\n      <!-- Right - Time blocks -->\n      <div class=\"cwsl-typical-timeline\">\n        \n        <!-- Morning -->\n        <div class=\"cwsl-typical-block\">\n          <div class=\"cwsl-typical-dot\"><\/div>\n          <h3 class=\"cwsl-typical-block-title\">Morning<\/h3>\n          <p class=\"cwsl-typical-block-text\">\n            Residents begin the day practicing routines that support independence, including time management, personal hygiene, room care, chores, meal preparation, and morning check-ins with staff and peers.\n          <\/p>\n        <\/div>\n\n        <!-- Daytime -->\n        <div class=\"cwsl-typical-block\">\n          <div class=\"cwsl-typical-dot\"><\/div>\n          <h3 class=\"cwsl-typical-block-title\">Daytime<\/h3>\n          <p class=\"cwsl-typical-block-text\">\n            Residents participate in PHP, IOP, school, work, or vocational goals while building stability, structure, and greater independence. Life at Oak Street is designed to balance structure, responsibility, and independence. Each resident maintains an individualized schedule based on their treatment, work, or educational commitments, while also participating in the shared rhythm of community living.\n          <\/p>\n        <\/div>\n\n        <!-- Afternoon, Evening, & Weekends -->\n        <div class=\"cwsl-typical-block\">\n          <div class=\"cwsl-typical-dot\"><\/div>\n          <h3 class=\"cwsl-typical-block-title\">Afternoon, Evening, & Weekends<\/h3>\n          <p class=\"cwsl-typical-block-text\">\n            Community life includes shared meals, household responsibilities, recreation, exercise, outdoor activities, creative projects, and learning to navigate unstructured time in healthy ways.\n          <\/p>\n        <\/div>\n\n        <!-- Night & Wind-Down -->\n        <div class=\"cwsl-typical-block\">\n          <div class=\"cwsl-typical-dot\"><\/div>\n          <h3 class=\"cwsl-typical-block-title\">Night & Wind-Down<\/h3>\n          <p class=\"cwsl-typical-block-text\">\n            Evenings focus on community meals, healthy routines, connection, reflection, and preparing for the next day.\n          <\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a9e3be0 e-con-full e-flex e-con e-parent\" data-id=\"a9e3be0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b260151 elementor-widget elementor-widget-html\" data-id=\"b260151\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Our Home Gallery Section - Community West Supportive Living -->\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Source+Sans+3:wght@400;500&display=swap');\n  \n  .cwsl-gallery-section {\n    position: relative;\n    padding: 96px 0 128px 0;\n    background: #F4EFE8;\n  }\n  \n  .cwsl-gallery-container {\n    max-width: 1300px;\n    margin: 0 auto;\n    padding: 0 32px;\n  }\n  \n  \/* Header *\/\n  .cwsl-gallery-header {\n    text-align: center;\n    margin-bottom: 64px;\n  }\n  \n  \/* Editorial label *\/\n  .cwsl-gallery-label-row {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    margin-bottom: 32px;\n  }\n  .cwsl-gallery-label-line {\n    width: 32px;\n    height: 1px;\n    background: rgba(61,90,71,0.4);\n  }\n  .cwsl-gallery-label {\n    font-family: 'Source Sans 3', system-ui, sans-serif;\n    font-size: 18px;\n    font-weight: 400;\n    letter-spacing: 0.15em;\n    color: #404040;\n    text-transform: uppercase;\n  }\n  \n  \/* Headline *\/\n  .cwsl-gallery-headline {\n    font-family: 'Century Gothic', 'Avant Garde', sans-serif;\n    font-size: 48px;\n    font-weight: 400;\n    color: #404040;\n    margin: 0;\n    line-height: 1.2;\n  }\n  .cwsl-gallery-headline em {\n    color: #3281a8;\n    font-style: italic;\n  }\n  \n  \/* Bento Grid *\/\n  .cwsl-gallery-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    grid-template-rows: repeat(2, 1fr);\n    gap: 24px;\n  }\n  \n  \/* Gallery item base *\/\n  .cwsl-gallery-item {\n    position: relative;\n    overflow: hidden;\n    border-radius: 12px;\n    cursor: pointer;\n  }\n  .cwsl-gallery-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.7s ease, filter 0.7s ease;\n  }\n  .cwsl-gallery-item:hover img {\n    transform: scale(1.05);\n    filter: brightness(1.05);\n  }\n  .cwsl-gallery-overlay {\n    position: absolute;\n    inset: 0;\n    background: rgba(50,129,168,0);\n    transition: background 0.5s ease;\n  }\n  .cwsl-gallery-item:hover .cwsl-gallery-overlay {\n    background: rgba(50,129,168,0.4);\n  }\n  .cwsl-gallery-item-label {\n    position: absolute;\n    bottom: 24px;\n    left: 24px;\n    font-family: 'Century Gothic', 'Avant Garde', sans-serif;\n    font-size: 28px;\n    font-weight: 500;\n    color: #ffffff;\n    text-shadow: 0 2px 8px rgba(0,0,0,0.3);\n    opacity: 0;\n    transform: translateY(8px);\n    transition: opacity 0.4s ease, transform 0.4s ease;\n    z-index: 10;\n  }\n  .cwsl-gallery-item:hover .cwsl-gallery-item-label {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  \n  \/* Large item - spans 2 cols and 2 rows *\/\n  .cwsl-gallery-item.large {\n    grid-column: span 2;\n    grid-row: span 2;\n  }\n  \n  \/* Small items *\/\n  .cwsl-gallery-item.small {\n    aspect-ratio: 1;\n  }\n  .cwsl-gallery-item.small .cwsl-gallery-item-label {\n    font-size: 20px;\n    bottom: 20px;\n    left: 20px;\n  }\n  \n  \/* Caption *\/\n  .cwsl-gallery-caption {\n    font-family: 'Source Sans 3', system-ui, sans-serif;\n    font-size: 20px;\n    font-weight: 400;\n    color: #404040;\n    text-align: center;\n    margin-top: 32px;\n    line-height: 1.6;\n  }\n  \n  \/* Mobile responsive *\/\n  @media (max-width: 1024px) {\n    .cwsl-gallery-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 16px;\n    }\n    .cwsl-gallery-item.large {\n      grid-column: span 2;\n      grid-row: span 1;\n      height: 300px;\n    }\n    .cwsl-gallery-item.small {\n      aspect-ratio: 1;\n    }\n  }\n  \n  @media (max-width: 768px) {\n    .cwsl-gallery-section {\n      padding: 64px 0 80px 0;\n    }\n    .cwsl-gallery-container {\n      padding: 0 24px;\n    }\n    .cwsl-gallery-header {\n      margin-bottom: 48px;\n    }\n    .cwsl-gallery-headline {\n      font-size: 32px;\n    }\n    .cwsl-gallery-grid {\n      gap: 12px;\n    }\n    .cwsl-gallery-item.large {\n      height: 240px;\n    }\n    .cwsl-gallery-item.large .cwsl-gallery-item-label {\n      font-size: 22px;\n      bottom: 16px;\n      left: 16px;\n    }\n    .cwsl-gallery-item.small .cwsl-gallery-item-label {\n      font-size: 16px;\n      bottom: 12px;\n      left: 12px;\n    }\n    .cwsl-gallery-caption {\n      font-size: 18px;\n    }\n  }\n@media (max-width:1024px){\/* gallery-row-fix *\/ .cwsl-gallery-grid{grid-template-rows:none !important;}} <\/style>\n\n<section class=\"cwsl-gallery-section\" id=\"our-home\">\n  <div class=\"cwsl-gallery-container\">\n    \n    <!-- Header -->\n    <div class=\"cwsl-gallery-header\">\n      <!-- Editorial label -->\n      <div class=\"cwsl-gallery-label-row\">\n        <div class=\"cwsl-gallery-label-line\"><\/div>\n        <span class=\"cwsl-gallery-label\">Our Home<\/span>\n        <div class=\"cwsl-gallery-label-line\"><\/div>\n      <\/div>\n      \n      <h2 class=\"cwsl-gallery-headline\">\n        Take a look <em>around<\/em>\n      <\/h2>\n    <\/div>\n\n    <!-- Bento Grid -->\n    <div class=\"cwsl-gallery-grid\">\n      \n      <!-- Large image - The Porch -->\n      <div class=\"cwsl-gallery-item large\">\n        <img decoding=\"async\" \n          src=\"https:\/\/communitywestliving.com\/wp-content\/uploads\/2026\/05\/the-porch-oak-street-living.webp\" \n          alt=\"Exterior view of the home\"\n        \/>\n        <div class=\"cwsl-gallery-overlay\"><\/div>\n        <span class=\"cwsl-gallery-item-label\">The Porch<\/span>\n      <\/div>\n\n      <!-- Small image - Living Area -->\n      <div class=\"cwsl-gallery-item small\">\n        <img decoding=\"async\" \n          src=\"https:\/\/communitywestliving.com\/wp-content\/uploads\/2026\/05\/living-area-oak-street-supportive-living.webp\" \n          alt=\"Bright living space\"\n        \/>\n        <div class=\"cwsl-gallery-overlay\"><\/div>\n        <span class=\"cwsl-gallery-item-label\">Living Area<\/span>\n      <\/div>\n\n      <!-- Small image - The House -->\n      <div class=\"cwsl-gallery-item small\">\n        <img decoding=\"async\" \n          src=\"https:\/\/communitywestliving.com\/wp-content\/uploads\/2026\/05\/the-home-oak-street-supportive-living.webp\" \n          alt=\"Outdoor deck area\"\n        \/>\n        <div class=\"cwsl-gallery-overlay\"><\/div>\n        <span class=\"cwsl-gallery-item-label\">The House<\/span>\n      <\/div>\n\n      <!-- Small image - Garden Path -->\n      <div class=\"cwsl-gallery-item small\">\n        <img decoding=\"async\" \n          src=\"https:\/\/communitywestliving.com\/wp-content\/uploads\/2026\/06\/oak-street-living-santa-monica-garden-area.webp\" \n          alt=\"Garden pathway\"\n        \/>\n        <div class=\"cwsl-gallery-overlay\"><\/div>\n        <span class=\"cwsl-gallery-item-label\">Garden Path<\/span>\n      <\/div>\n\n      <!-- Small image - Outdoor Space -->\n      <div class=\"cwsl-gallery-item small\">\n        <img decoding=\"async\" \n          src=\"https:\/\/communitywestliving.com\/wp-content\/uploads\/2026\/05\/outdoor-space-oack-street-supprtive-living.webp\" \n          alt=\"Comfortable seating area\"\n        \/>\n        <div class=\"cwsl-gallery-overlay\"><\/div>\n        <span class=\"cwsl-gallery-item-label\">Outdoor Space<\/span>\n      <\/div>\n\n    <\/div>\n\n    <!-- Caption -->\n    <p class=\"cwsl-gallery-caption\">\n      Photos of the house and grounds in Santa Monica.\n    <\/p>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c81a49 e-con-full e-flex e-con e-parent\" data-id=\"3c81a49\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3c8883 elementor-widget elementor-widget-html\" data-id=\"e3c8883\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Get in Touch Section - Community West Supportive Living -->\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Source+Sans+3:wght@400;500;600&display=swap');\n  \n  .cwsl-cta-section {\n    position: relative;\n    padding: 96px 0 128px 0;\n    background: #fbfaf9;\n  }\n  \n  .cwsl-cta-container {\n    max-width: 1300px;\n    margin: 0 auto;\n    padding: 0 32px;\n    text-align: center;\n  }\n  \n  \/* Editorial label *\/\n  .cwsl-cta-label-row {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    margin-bottom: 32px;\n  }\n  .cwsl-cta-label-line {\n    width: 32px;\n    height: 1px;\n    background: rgba(61,90,71,0.4);\n  }\n  .cwsl-cta-label {\n    font-family: 'Source Sans 3', system-ui, sans-serif;\n    font-size: 18px;\n    font-weight: 400;\n    letter-spacing: 0.15em;\n    color: #404040;\n    text-transform: uppercase;\n  }\n  \n  \/* Headline *\/\n  .cwsl-cta-headline {\n    font-family: 'Century Gothic', 'Avant Garde', sans-serif;\n    font-size: 48px;\n    font-weight: 400;\n    color: #404040;\n    margin: 0 0 24px 0;\n    line-height: 1.2;\n  }\n  .cwsl-cta-headline em {\n    color: #3281a8;\n    font-style: italic;\n  }\n  \n  \/* Subtext *\/\n  .cwsl-cta-subtext {\n    font-family: 'Source Sans 3', system-ui, sans-serif;\n    font-size: 20px;\n    font-weight: 400;\n    color: #404040;\n    max-width: 700px;\n    margin: 0 auto 64px auto;\n    line-height: 1.7;\n  }\n  \n  \/* Contact Form *\/\n  .cwsl-cta-form {\n    display: flex;\n    flex-direction: row;\n    gap: 16px;\n    max-width: 900px;\n    margin: 0 auto 48px auto;\n  }\n  .cwsl-cta-input {\n    flex: 1;\n    padding: 16px 20px;\n    background: #ffffff;\n    border: 1px solid rgba(64,64,64,0.2);\n    color: #404040;\n    font-family: 'Source Sans 3', system-ui, sans-serif;\n    font-size: 16px;\n    outline: none;\n    transition: border-color 0.3s ease;\n  }\n  .cwsl-cta-input::placeholder {\n    color: rgba(64,64,64,0.5);\n  }\n  .cwsl-cta-input:focus {\n    border-color: #3281a8;\n  }\n  .cwsl-cta-submit {\n    padding: 16px 32px;\n    background: #3281a8;\n    color: #ffffff;\n    font-family: 'Source Sans 3', system-ui, sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    border: none;\n    cursor: pointer;\n    transition: all 0.3s ease;\n  }\n  .cwsl-cta-submit:hover {\n    background: #256a8a;\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(50,129,168,0.3);\n  }\n  \n  \/* Contact Cards Row *\/\n  .cwsl-cta-cards {\n    display: flex;\n    flex-direction: row;\n    align-items: stretch;\n    justify-content: center;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n  \n  .cwsl-cta-card {\n    flex: 1;\n    position: relative;\n    padding: 40px;\n    border: 1px solid rgba(61,90,71,0.2);\n    overflow: hidden;\n    text-decoration: none;\n    cursor: pointer;\n  }\n  .cwsl-cta-card:first-child {\n    border-right: none;\n  }\n  .cwsl-cta-card:last-child {\n    border-left: none;\n  }\n  \n  \/* Hover fill effect *\/\n  .cwsl-cta-card-bg {\n    position: absolute;\n    inset: 0;\n    background: #3281a8;\n    transform: translateY(100%);\n    transition: transform 0.5s ease;\n  }\n  .cwsl-cta-card:hover .cwsl-cta-card-bg {\n    transform: translateY(0);\n  }\n  \n  .cwsl-cta-card-content {\n    position: relative;\n    z-index: 10;\n  }\n  \n  .cwsl-cta-card-label {\n    font-family: 'Source Sans 3', system-ui, sans-serif;\n    font-size: 12px;\n    font-weight: 400;\n    color: #404040;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    margin-bottom: 12px;\n    transition: all 0.3s ease;\n  }\n  .cwsl-cta-card:hover .cwsl-cta-card-label {\n    color: rgba(255,255,255,0.7);\n    transform: translateY(-4px);\n  }\n  \n  .cwsl-cta-card-value {\n    font-family: 'Century Gothic', 'Avant Garde', sans-serif;\n    font-size: 20px;\n    font-weight: 400;\n    color: #404040;\n    margin: 0;\n    transition: all 0.3s ease 0.05s;\n  }\n  .cwsl-cta-card:hover .cwsl-cta-card-value {\n    color: #ffffff;\n    transform: translateY(-4px) scale(1.05);\n  }\n  \n  \/* Tablet responsive *\/\n  @media (max-width: 1024px) {\n    .cwsl-cta-form {\n      flex-wrap: wrap;\n    }\n    .cwsl-cta-input {\n      flex: 1 1 calc(50% - 8px);\n      min-width: 200px;\n    }\n    .cwsl-cta-submit {\n      flex: 1 1 100%;\n    }\n  }\n  \n  \/* Mobile responsive *\/\n  @media (max-width: 768px) {\n    .cwsl-cta-section {\n      padding: 64px 0 80px 0;\n    }\n    .cwsl-cta-container {\n      padding: 0 24px;\n    }\n    .cwsl-cta-headline {\n      font-size: 32px;\n    }\n    .cwsl-cta-subtext {\n      font-size: 18px;\n      margin-bottom: 48px;\n    }\n    .cwsl-cta-form {\n      flex-direction: column;\n      gap: 12px;\n    }\n    .cwsl-cta-input {\n      flex: none;\n      width: 100%;\n    }\n    .cwsl-cta-cards {\n      flex-direction: column;\n    }\n    .cwsl-cta-card {\n      border: 1px solid rgba(61,90,71,0.2) !important;\n      border-bottom: none !important;\n    }\n    .cwsl-cta-card:last-child {\n      border-bottom: 1px solid rgba(61,90,71,0.2) !important;\n    }\n    .cwsl-cta-card {\n      padding: 32px;\n    }\n    .cwsl-cta-card-value {\n      font-size: 18px;\n    }\n  }\n<\/style>\n\n<section class=\"cwsl-cta-section\" id=\"contact\">\n  <div class=\"cwsl-cta-container\">\n    \n    <!-- Editorial label -->\n    <div class=\"cwsl-cta-label-row\">\n      <div class=\"cwsl-cta-label-line\"><\/div>\n      <span class=\"cwsl-cta-label\">Get in Touch<\/span>\n      <div class=\"cwsl-cta-label-line\"><\/div>\n    <\/div>\n\n    <!-- Headline -->\n    <h2 class=\"cwsl-cta-headline\">\n      Have a question? <em>Let's talk.<\/em>\n    <\/h2>\n\n    <!-- Subtext -->\n    <p class=\"cwsl-cta-subtext\">\n      The best way to reach us is a phone call. We are happy to talk through whether Community West Supportive Living is the right fit.\n    <\/p>\n\n    <!-- Contact Form -->\n    <form class=\"cwsl-cta-form\" action=\"mailto:info@cwtreatment.com\" method=\"post\" enctype=\"text\/plain\">\n      <input \n        type=\"text\" \n        name=\"name\" \n        placeholder=\"Name *\" \n        required \n        class=\"cwsl-cta-input\"\n      \/>\n      <input \n        type=\"tel\" \n        name=\"phone\" \n        placeholder=\"Phone\" \n        class=\"cwsl-cta-input\"\n      \/>\n      <input \n        type=\"email\" \n        name=\"email\" \n        placeholder=\"Email *\" \n        required \n        class=\"cwsl-cta-input\"\n      \/>\n      <button type=\"submit\" class=\"cwsl-cta-submit\">Submit<\/button>\n    <\/form>\n\n    <!-- Contact Cards Row -->\n    <div class=\"cwsl-cta-cards\">\n      \n      <!-- Phone -->\n      <a href=\"tel:3109900988\" class=\"cwsl-cta-card\">\n        <div class=\"cwsl-cta-card-bg\"><\/div>\n        <div class=\"cwsl-cta-card-content\">\n          <p class=\"cwsl-cta-card-label\">Call<\/p>\n          <p class=\"cwsl-cta-card-value\">(310) 990-0988<\/p>\n        <\/div>\n      <\/a>\n\n      <!-- Email -->\n      <a href=\"mailto:info@cwtreatment.com\" class=\"cwsl-cta-card\">\n        <div class=\"cwsl-cta-card-bg\"><\/div>\n        <div class=\"cwsl-cta-card-content\">\n          <p class=\"cwsl-cta-card-label\">Email<\/p>\n          <p class=\"cwsl-cta-card-value\">info@cwtreatment.com<\/p>\n        <\/div>\n      <\/a>\n\n      <!-- Location -->\n      <div class=\"cwsl-cta-card\">\n        <div class=\"cwsl-cta-card-bg\"><\/div>\n        <div class=\"cwsl-cta-card-content\">\n          <p class=\"cwsl-cta-card-label\">Location<\/p>\n          <p class=\"cwsl-cta-card-value\">Santa Monica, CA<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d83ebd e-con-full e-flex e-con e-parent\" data-id=\"2d83ebd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e12a4bd elementor-widget elementor-widget-html\" data-id=\"e12a4bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Footer - Community West Supportive Living -->\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Source+Sans+3:wght@400&display=swap');\n  \n  .cwsl-footer {\n    position: relative;\n    padding: 40px 0 48px 0;\n    background: #303e4e;\n  }\n  \n  .cwsl-footer-container {\n    max-width: 1300px;\n    margin: 0 auto;\n    padding: 0 32px;\n  }\n  \n  .cwsl-footer-inner {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n  }\n  \n  \/* Logo *\/\n  .cwsl-footer-brand {\n    display: flex;\n    align-items: center;\n  }\n  \n  .cwsl-footer-logo {\n    height: 24px;\n    width: auto;\n    display: block;\n    max-width: 280px;\n  }\n  \n  \/* Right side content *\/\n  .cwsl-footer-right {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 16px;\n    font-family: 'Source Sans 3', system-ui, sans-serif;\n    font-size: 14px;\n  }\n  \n  .cwsl-footer-coming-soon {\n    color: rgba(255,255,255,0.5);\n    font-style: italic;\n    margin: 0;\n  }\n  \n  .cwsl-footer-divider {\n    color: rgba(255,255,255,0.3);\n  }\n  \n  .cwsl-footer-copyright {\n    color: rgba(255,255,255,0.4);\n    margin: 0;\n  }\n  \n  \/* Mobile responsive *\/\n  @media (max-width: 768px) {\n    .cwsl-footer {\n      padding: 32px 0 40px 0;\n    }\n    .cwsl-footer-container {\n      padding: 0 24px;\n    }\n    .cwsl-footer-inner {\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 20px;\n    }\n    .cwsl-footer-logo {\n      height: 18px;\n    }\n    .cwsl-footer-right {\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 8px;\n    }\n    .cwsl-footer-divider {\n      display: none;\n    }\n  }\n\/* footer-logo-fix *\/ .cwsl-footer-brand img.cwsl-footer-logo{height:21.42px !important;width:auto !important;display:block !important;} <\/style>\n\n<footer class=\"cwsl-footer\">\n  <div class=\"cwsl-footer-container\">\n    <div class=\"cwsl-footer-inner\">\n      \n      <!-- Logo -->\n      <div class=\"cwsl-footer-brand\">\n        <img decoding=\"async\" \n          src=\"https:\/\/communitywestliving.com\/wp-content\/uploads\/2026\/06\/cw-supportive-living-logo.svg\" \n          alt=\"Community West Supportive Living\" \n          class=\"cwsl-footer-logo\"\n        \/>\n      <\/div>\n\n      <!-- Right side -->\n      <div class=\"cwsl-footer-right\">\n        <p class=\"cwsl-footer-coming-soon\">Full website coming soon<\/p>\n        <span class=\"cwsl-footer-divider\">|<\/span>\n        <p class=\"cwsl-footer-copyright\">\u00a9 2026 Community West Supportive Living<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/footer>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>What We Offer About Our Home Contact (310) 990-0988 What We Offer About Our Home Contact (310) 990-0988 Find your path to support, structure, growth. A shared living home for young adults building life skills, confidence, and independence while continuing treatment, school, or work. Get in Touch What We Offer A place to find your &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"inline_featured_image":false,"_genesis_block_theme_hide_title":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry","post","without-featured-image"],"_links":{"self":[{"href":"https:\/\/communitywestliving.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/communitywestliving.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/communitywestliving.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/communitywestliving.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/communitywestliving.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":250,"href":"https:\/\/communitywestliving.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":371,"href":"https:\/\/communitywestliving.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/371"}],"wp:attachment":[{"href":"https:\/\/communitywestliving.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}