{"id":370,"date":"2026-05-10T03:30:56","date_gmt":"2026-05-10T03:30:56","guid":{"rendered":"https:\/\/www.therapservices.net\/blog\/?page_id=370"},"modified":"2026-10-29T08:07:07","modified_gmt":"2026-10-29T08:07:07","slug":"from-binders-to-better-care-gateway-community-service-boards-therap-experience","status":"publish","type":"page","link":"https:\/\/www.therapservices.net\/blog\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\/","title":{"rendered":"From Binders to Better Care: Gateway Community Service Board\u2019s Therap Experience"},"content":{"rendered":"<p><style type=\"text\/tailwindcss\">\r\n  @theme {\r\n    --color-therap-blue: #0c4c7c;\r\n    --color-therap-orange: #ffd25e;\r\n    --color-therap-light: #f0f4e8;\r\n    --color-therap-tag: #d5e8c4;\r\n    --color-quote-1: #ffecca;\r\n    --color-quote-2: #ffe3b2;\r\n    --color-border-orange: #ffd53d;\r\n    --color-border-blue: #00437c;\r\n    --font-merriweather: \"Lato\", Arial, Helvetica, sans-serif;\r\n    --font-lato: \"Lato\", sans-serif;\r\n    --font-inter: \"Inter\", sans-serif;\r\n\r\n    \/* Custom shades for 'black' to support manual edits *\/\r\n    --color-black-100: #000;\r\n    --color-black-200: #000;\r\n    --color-black-300: #000;\r\n    --color-black-400: #000;\r\n    --color-black-500: #000;\r\n    --color-black-600: #000;\r\n    --color-black-700: #000;\r\n    --color-black-800: #000;\r\n    --color-black-900: #000;\r\n  }\r\n\r\n  @layer base {\r\n    body {\r\n      \/* @apply font-lato bg-white text-[#333] leading-relaxed; *\/\r\n      @apply font-inter bg-white text-[#000] leading-relaxed;\r\n    }\r\n    h1:not(h1.hero-gradient-top),\r\n    h2,\r\n    h3,\r\n    h4 {\r\n      font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n      color: var(--color-therap-blue);\r\n    }\r\n    p {\r\n      @apply mb-6 text-black-700;\r\n    }\r\n  }\r\n\r\n  .nav-gradient {\r\n    @apply shadow-sm;\r\n    background: linear-gradient(90deg, #ffce6f 0%, #fff2c5 50%, #ffce6f 100%);\r\n  }\r\n\r\n  .hero-gradient-top {\r\n    @apply pb-4 pt-4 px-6 lg:px-12;\r\n    background: linear-gradient(\r\n      90deg,\r\n      rgb(255 214 62) 0%,\r\n      rgb(255 214 62) 45%,\r\n      #ffd63e 100% 100%\r\n    );\r\n  }\r\n\r\n  .header-gradient {\r\n    @apply pb-12 pt-12 px-6 lg:px-12;\r\n    background: linear-gradient(90deg, #ffce6f 0%, #fff2c5 50%, #ffce6f 100%);\r\n  }\r\n\r\n  .bottom-green-gradient {\r\n    background: linear-gradient(180deg, #ffffff 0%, #e9f2cf 50%, #ffffff 100%);\r\n  }\r\n\r\n  .tag {\r\n    @apply inline-flex items-center px-4 py-1.5 bg-therap-tag rounded-md text-sm font-semibold text-therap-blue;\r\n  }\r\n\r\n  .quote-box-1 {\r\n    @apply p-10 rounded-3xl relative mb-12 shadow-sm;\r\n    background-color: var(--color-quote-1);\r\n  }\r\n\r\n  .quote-box-2 {\r\n    @apply p-10 rounded-3xl relative mb-12 shadow-sm;\r\n    background-color: var(--color-quote-2);\r\n  }\r\n\r\n  .quote-icon {\r\n    @apply absolute text-6xl text-therap-orange opacity-100;\r\n  }\r\n\r\n  .special-btn {\r\n    @apply px-12 py-3 bg-white text-therap-blue font-bold rounded-full transition-all transform hover:scale-105 inline-block;\r\n    border: 2px solid var(--color-border-blue);\r\n    box-shadow: 0 0 0 5px var(--color-border-orange);\r\n  }\r\n\r\n  .cta-section {\r\n    @apply py-24 pt-0 px-6 text-center mt-0 rounded-t-[100px];\r\n  }\r\n\r\n  \/* Apply the gradient separately to avoid @apply errors *\/\r\n  .cta-section.with-gradient {\r\n    background: linear-gradient(180deg, #ffffff 0%, #e9f2cf 50%, #ffffff 100%);\r\n  }\r\n\r\n  .content-area h2 {\r\n    @apply text-2xl font-bold mt-16 mb-4 text-therap-blue;\r\n    line-height: 33px;\r\n  }\r\n\r\n  .content-area p {\r\n    @apply mb-6 text-black-700 leading-relaxed text-lg;\r\n  }\r\n\r\n  .content-area ol,\r\n  .content-area ul {\r\n    @apply space-y-6 mb-12;\r\n  }\r\n\r\n  .content-area li {\r\n    @apply text-lg text-black-700;\r\n  }\r\n\r\n  .text-therap-black {\r\n    color: #000;\r\n  }\r\n\r\n  #search button {\r\n    color: #ffce6f;\r\n  }\r\n\r\n  .tag-pill {\r\n    @apply inline-flex items-center px-4 py-1.5 bg-[#fff8df] rounded-md text-[16px] font-bold text-therap-blue;\r\n    min-width: 200px;\r\n  }\r\n\r\n  @media screen and (max-width: 768px) {\r\n    .header-gradient {\r\n      @apply pb-8 pt-8 px-6 lg:px-12;\r\n      background: linear-gradient(90deg, #ffce6f 0%, #fff2c5 50%, #ffce6f 100%);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- Therap Brand Styles (Header, CTA, FAQ, Fonts) -->\r\n<style>\r\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&family=Lato:wght@400;700&display=swap\");\r\n\r\n  \/* Therap Brand \u2014 Web. Inter H1 + Lato headings, body and buttons. No text under 17px. *\/\r\n  :root {\r\n    --blue: #18457a; \/* headings, links, button text \u2014 never a fill *\/\r\n    --black: #000000;\r\n    --primary: #fbdb72;\r\n    --secondary: #facd63;\r\n    --btn-gold: #fdb913;\r\n    --btn-green: #c1dc88;\r\n    --bg-pale: #fef6de;\r\n    --bg-yellow: #fdf6d0;\r\n\r\n    \/* CTA button (matches sample blog .special-btn) *\/\r\n    --color-therap-blue: #0c4c7c;\r\n    --color-border-orange: #ffd53d;\r\n    --color-border-blue: #00437c;\r\n\r\n    \/* FAQ (landing page design system tokens) *\/\r\n    --clr-blue: #0c4c7d;\r\n    --clr-text: #000000;\r\n    --border-soft: #ffedc7;\r\n  }\r\n\r\n  @font-face {\r\n    font-family: \"Inter-Fallback\";\r\n    src: local(\"Arial\");\r\n    size-adjust: 107%;\r\n    ascent-override: 90%;\r\n    descent-override: 20%;\r\n  }\r\n\r\n  body {\r\n    font-family: Lato, Arial, Helvetica, sans-serif;\r\n    color: var(--black);\r\n    background: #fff;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .article-header *,\r\n  .blog-main *,\r\n  .cta-section *,\r\n  .faq * {\r\n    box-sizing: border-box;\r\n  }\r\n  .article-header h2,\r\n  .blog-main h2,\r\n  .blog-main h3,\r\n  .cta-section h3 {\r\n    font-family: Lato, Arial, Helvetica, sans-serif;\r\n    color: var(--blue);\r\n    line-height: 1.3;\r\n  }\r\n  .article-header a,\r\n  .blog-main a {\r\n    color: var(--blue);\r\n  }\r\n  .article-header a:focus-visible,\r\n  .blog-main a:focus-visible,\r\n  .cta-section a:focus-visible {\r\n    outline: 3px solid var(--blue);\r\n    outline-offset: 3px;\r\n  }\r\n  .wrap {\r\n    max-width: 1120px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  \/* ===== Post Header ===== *\/\r\n  .article-header {\r\n    background: linear-gradient(\r\n      180deg,\r\n      #fbdb72 0%,\r\n      #fdfcef 70%,\r\n      #ffffff 100%\r\n    ); \/* Web gradient 5\/7 family *\/\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .hero {\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 0.85fr;\r\n    gap: 48px;\r\n    align-items: center;\r\n    padding: 44px 0 0;\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n  .crumbs ol {\r\n    list-style: none;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 6px;\r\n    margin: 0 0 18px;\r\n    padding: 0;\r\n    font-size: 1.0625rem;\r\n  }\r\n  .crumbs li + li::before {\r\n    content: \"\u203a\";\r\n    margin-right: 6px;\r\n    color: #333;\r\n  }\r\n  .crumbs a {\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n  }\r\n  .crumbs a:hover {\r\n    text-decoration: underline;\r\n  }\r\n  .crumbs [aria-current] {\r\n    color: #333;\r\n  }\r\n  .pill {\r\n    display: inline-block;\r\n    background: #fff;\r\n    color: var(--blue);\r\n    font-weight: 600;\r\n    font-size: 1.0625rem;\r\n    padding: 4px 14px;\r\n    border-radius: 14px 14px 14px 4px;\r\n    border: 1.5px solid var(--btn-gold);\r\n    text-decoration: none;\r\n    margin-bottom: 14px;\r\n  }\r\n  .hero h1 {\r\n    font-family: Inter, \"Inter-Fallback\", sans-serif;\r\n    font-size: clamp(1.9rem, 3.6vw, 2.75rem);\r\n    font-weight: 700;\r\n    line-height: 1.15;\r\n    margin: 0 0 20px;\r\n  }\r\n  .meta {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 8px 18px;\r\n    font-size: 1.0625rem;\r\n    color: #222;\r\n    margin: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n  .meta li {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n  .meta svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    flex: none;\r\n  }\r\n  .hero-img {\r\n    margin: 0;\r\n  }\r\n  .hero-img img {\r\n    width: 100%;\r\n    height: auto !important;\r\n    max-height: none;\r\n    aspect-ratio: auto;\r\n    object-fit: contain;\r\n    display: block;\r\n    border-radius: 12px;\r\n    box-shadow: 0 12px 30px rgba(24, 69, 122, 0.14);\r\n  }\r\n\r\n  \/* ===== Content ===== *\/\r\n  .blog-main {\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n    padding: 48px 24px 24px;\r\n    font-size: 1.0625rem;\r\n  }\r\n  .content-area h2 {\r\n    font-size: 1.5rem;\r\n    margin: 2.5rem 0 0.75rem;\r\n  }\r\n  .content-area p {\r\n    margin: 0 0 1.25rem;\r\n  }\r\n  .content-area li {\r\n    margin-bottom: 0.75rem;\r\n  }\r\n  .content-area ul,\r\n  .content-area ol {\r\n    margin: 0 0 1.25rem;\r\n    padding-left: 1.25rem;\r\n  }\r\n  .content-area li strong {\r\n    color: var(--blue);\r\n  }\r\n  .content-area h3 {\r\n    font-size: 1.2rem;\r\n    margin: 1.75rem 0 0.5rem;\r\n  }\r\n\r\n  \/* WordPress\/Avada overrides: theme CSS repaints headings and strips list bullets *\/\r\n  .article-header .hero h1 {\r\n    font-family: Inter, \"Inter-Fallback\", sans-serif !important;\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n    font-size: clamp(1.9rem, 3.6vw, 2.313rem) !important;\r\n    line-height: 1.15 !important;\r\n  }\r\n  .blog-main .content-area h2 {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n    font-size: 1.5rem !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n  .blog-main .content-area h3 {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n    font-size: 1.2rem !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n  .blog-main .content-area p,\r\n  .blog-main .content-area li {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    font-size: 1.0625rem !important;\r\n    line-height: 1.7 !important;\r\n    color: var(--black) !important;\r\n  }\r\n  .article-header .crumbs,\r\n  .article-header .crumbs a,\r\n  .article-header .pill,\r\n  .article-header .meta,\r\n  .article-header .meta li,\r\n  .article-header .crumbs li,\r\n  .cta-section .special-btn {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    font-size: 1.0625rem !important;\r\n  }\r\n  .blog-main .content-area ul {\r\n    list-style: disc outside !important;\r\n    padding-left: 1.25rem !important;\r\n    margin: 0 0 1.25rem !important;\r\n  }\r\n  .blog-main .content-area ol {\r\n    list-style: decimal outside !important;\r\n    padding-left: 1.25rem !important;\r\n    margin: 0 0 1.25rem !important;\r\n  }\r\n  .blog-main .content-area li {\r\n    display: list-item !important;\r\n    list-style: inherit !important;\r\n    margin: 0 0 0.75rem !important;\r\n    padding: 0 !important;\r\n    background: none !important;\r\n  }\r\n  .blog-main .content-area li::before {\r\n    content: none !important;\r\n  }\r\n  .blog-main .content-area li::marker {\r\n    color: var(--black);\r\n  }\r\n  .blog-main .content-area li strong {\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n  }\r\n\r\n  \/* The site's Tailwind block sets `h1:not(...), h2, h3, h4 { line-height: 1.7 !important }` inside @layer base.\r\n     A layered !important beats any unlayered !important, so the heading line-heights are repeated inside the same layer,\r\n     where the higher specificity below wins. *\/\r\n  @layer base {\r\n    .article-header .hero h1 {\r\n      line-height: 1.15 !important;\r\n    }\r\n    .blog-main .content-area h2,\r\n    .blog-main .content-area h3,\r\n    .cta-section h3 {\r\n      line-height: 1.3 !important;\r\n    }\r\n    section.faq h2.section-heading {\r\n      line-height: 1.3 !important;\r\n    }\r\n  }\r\n\r\n  \/* ===== CTA Section (matches sample blog) ===== *\/\r\n  .cta-section {\r\n    padding: 0 24px 48px;\r\n    text-align: center;\r\n    margin-top: 0;\r\n    border-radius: 100px 100px 0 0;\r\n  }\r\n  .cta-section.with-gradient {\r\n    background: linear-gradient(180deg, #ffffff 0%, #e9f2cf 50%, #ffffff 100%);\r\n  }\r\n  .cta-section .cta-inner {\r\n    max-width: 56rem;\r\n    margin: 0 auto;\r\n  }\r\n  .cta-section h3 {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    margin: 0 0 1rem;\r\n  }\r\n  .cta-section p {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    font-size: 1.125rem !important;\r\n    line-height: 1.7;\r\n    margin: 0 0 2rem;\r\n  }\r\n\r\n  .special-btn {\r\n    display: inline-block;\r\n    padding: 12px 48px;\r\n    background: #fff;\r\n    color: var(--color-therap-blue);\r\n    font-weight: 700;\r\n    border-radius: 9999px;\r\n    text-decoration: none;\r\n    transition: all 0.15s ease;\r\n    transform: scale(1);\r\n    border: 2px solid var(--color-border-blue);\r\n    box-shadow: 0 0 0 5px var(--color-border-orange);\r\n  }\r\n  .special-btn:hover {\r\n    transform: scale(1.05);\r\n  }\r\n  .special-btn:hover,\r\n  .special-btn:focus,\r\n  .special-btn:active,\r\n  .special-btn:visited {\r\n    color: var(--color-therap-blue);\r\n    background: #fff;\r\n    text-decoration: none;\r\n  }\r\n\r\n  \/* ===== FAQ (Pattern 7: 2-Column Native FAQ Accordion, landing page design system) ===== *\/\r\n  section.faq {\r\n    font-family: \"Lato\", sans-serif;\r\n    color: var(--clr-text);\r\n    font-size: 1.0625rem;\r\n    line-height: 1.6;\r\n    background-color: #fff;\r\n    font-variant-ligatures: none;\r\n    -webkit-font-synthesis: none;\r\n    font-synthesis: none;\r\n  }\r\n\r\n  section.faq .container {\r\n    width: 100%;\r\n    max-width: 72.5rem;\r\n    margin: 0 auto;\r\n    padding: 4rem 1.25rem;\r\n  }\r\n\r\n  section.faq h2.section-heading {\r\n    font-family: \"Inter\", \"Inter-Fallback\", sans-serif !important;\r\n    color: var(--clr-text) !important;\r\n    font-size: 1.875rem !important;\r\n    line-height: 1.3 !important;\r\n    font-weight: 600 !important;\r\n    margin: 0 0 0.625rem 0;\r\n    text-align: center;\r\n  }\r\n\r\n  .faq-columns {\r\n    display: flex;\r\n    gap: 3rem;\r\n    align-items: flex-start;\r\n    margin-top: 2rem;\r\n  }\r\n\r\n  .faq-column {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .faq-summary::-webkit-details-marker {\r\n    display: none;\r\n  }\r\n\r\n  .faq-summary {\r\n    list-style: none;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 1.25rem 0.5rem;\r\n    border-bottom: 2px solid var(--border-soft);\r\n    cursor: pointer;\r\n    text-align: left;\r\n  }\r\n\r\n  .faq-summary:focus-visible {\r\n    outline: 0.125rem solid var(--clr-blue) !important;\r\n    outline-offset: 0.125rem;\r\n  }\r\n\r\n  .faq-item:first-of-type .faq-summary {\r\n    border-top: 2px solid var(--border-soft);\r\n  }\r\n\r\n  .faq-question {\r\n    font-family: \"Lato\", sans-serif !important;\r\n    font-size: 1.0625rem !important;\r\n    line-height: 1.6 !important;\r\n    font-weight: 600;\r\n    color: var(--clr-text);\r\n  }\r\n\r\n  .faq-icon {\r\n    display: inline-flex;\r\n    width: 26px;\r\n    flex-shrink: 0;\r\n    margin-left: 1rem;\r\n  }\r\n\r\n  .faq-icon img {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  details.faq-item[open] .faq-summary {\r\n    border-bottom: none;\r\n    padding-bottom: 0.625rem;\r\n  }\r\n\r\n  \/* Plus when closed, minus when open *\/\r\n  details.faq-item[open] .faq-icon-plus,\r\n  details.faq-item:not([open]) .faq-icon-minus {\r\n    display: none !important;\r\n  }\r\n\r\n  .faq-content {\r\n    padding: 0 0.5rem 1.5rem;\r\n    border-bottom: 2px solid var(--border-soft);\r\n    text-align: left;\r\n  }\r\n\r\n  .faq-content p {\r\n    font-family: \"Lato\", sans-serif !important;\r\n    font-size: 1.0625rem !important;\r\n    line-height: 1.6 !important;\r\n    color: var(--clr-text) !important;\r\n    margin: 0;\r\n  }\r\n\r\n  @media (min-width: 2100px) {\r\n    section.faq .container {\r\n      max-width: 87.5rem;\r\n    }\r\n    section.faq h2.section-heading {\r\n      font-size: 2rem !important;\r\n    }\r\n    section.faq,\r\n    .faq-question,\r\n    .faq-content p {\r\n      font-size: 1.1875rem !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    section.faq .container {\r\n      max-width: 90%;\r\n      padding: 3rem 1.25rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    section.faq h2.section-heading {\r\n      font-size: 1.6875rem !important;\r\n    }\r\n    .faq-columns {\r\n      flex-direction: column;\r\n      gap: 0;\r\n    }\r\n    .faq-column:nth-child(2) .faq-item:first-child .faq-summary {\r\n      border-top: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 880px) {\r\n    .hero {\r\n      grid-template-columns: 1fr;\r\n      gap: 28px;\r\n      padding-top: 28px;\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 768px) {\r\n    .cta-section {\r\n      border-radius: 60px 60px 0 0;\r\n      padding-bottom: 40px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    section.faq .container {\r\n      max-width: 100%;\r\n      padding: 2.5rem 1.5rem;\r\n    }\r\n    section.faq h2.section-heading {\r\n      font-size: 1.25rem !important;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .special-btn {\r\n      transition: none;\r\n    }\r\n    .special-btn:hover {\r\n      transform: none;\r\n    }\r\n  }\r\n\r\n  \/* Blog template top bar (outside this post's markup): #fef5d9 background, hide \"Back to Main Blog\" link *\/\r\n  header.hero-gradient-top {\r\n    background: #fef5d9 !important;\r\n  }\r\n  header.hero-gradient-top a[href=\"https:\/\/www.therapservices.net\/blog\/\"] {\r\n    display: none !important;\r\n  }\r\n\r\n  \/* Neutralize site-level Merriweather variable *\/\r\n  :root {\r\n    --font-merriweather: Lato, Arial, Helvetica, sans-serif !important;\r\n  }\r\n\r\n  \/* Main content typography standards: Lato, Arial (h2, h3, h4 700 bold, blue color, 19px h3) *\/\r\n  .blog-main .content-area h2,\r\n  .content-area h2,\r\n  main .content-area h2,\r\n  main h2 {\r\n    font-size: 1.5rem !important;\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n  .blog-main .content-area h3,\r\n  .content-area h3,\r\n  main .content-area h3,\r\n  .content-area h3.text-therap-black {\r\n    font-size: 19px !important;\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n  .blog-main .content-area h4,\r\n  .content-area h4,\r\n  main .content-area h4 {\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    font-weight: 700 !important;\r\n  }\r\n\r\n  \/* Main content strong elements standard: weight 700, blue color *\/\r\n  .blog-main .content-area li strong,\r\n  .content-area li strong,\r\n  main .content-area li strong,\r\n  .blog-main .content-area strong,\r\n  .content-area strong,\r\n  main .content-area strong {\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n  }\r\n\r\n  \/* Quote \/ Testimonial Box typography: Inter, 19px, weight 500 *\/\r\n  .quote-box-1,\r\n  .quote-box-2,\r\n  .quote-box-1 > div,\r\n  .quote-box-2 > div,\r\n  .content-area .quote-box-1,\r\n  .content-area .quote-box-2,\r\n  .content-area .quote-box-1 > div,\r\n  .content-area .quote-box-2 > div,\r\n  .content-area .quote-box-1 .text-therap-black,\r\n  .content-area .quote-box-2 .text-therap-black {\r\n    font-family: Inter, \"Inter-Fallback\", sans-serif !important;\r\n    font-size: 19px !important;\r\n    font-weight: 500 !important;\r\n    line-height: 1.6 !important;\r\n  }\r\n\r\n  \/* Floated quote box spacing: generous left margin to prevent clashing with text *\/\r\n  .content-area [class*=\"float-right\"],\r\n  .content-area .lg:float-right {\r\n    margin-left: 4rem !important;\r\n    margin-bottom: 2rem !important;\r\n  }\r\n\r\n  \/* CTA section h3 typography standard: 24px (1.5rem), 700 bold, blue *\/\r\n  .cta-section h3 {\r\n    font-size: 24px !important;\r\n    font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    color: var(--blue) !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.3 !important;\r\n  }\r\n\r\n  @layer base {\r\n    h1:not(h1.hero-gradient-top),\r\n    h2,\r\n    h3,\r\n    h4 {\r\n      font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n    }\r\n    .article-header .hero h1 {\r\n      font-family: Inter, \"Inter-Fallback\", sans-serif !important;\r\n      line-height: 1.15 !important;\r\n    }\r\n    .blog-main .content-area h2,\r\n    .content-area h2,\r\n    main .content-area h2,\r\n    main h2 {\r\n      font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n      line-height: 1.3 !important;\r\n    }\r\n    .blog-main .content-area h3,\r\n    .content-area h3,\r\n    main .content-area h3,\r\n    .cta-section h3 {\r\n      font-family: Lato, Arial, Helvetica, sans-serif !important;\r\n      line-height: 1.4 !important;\r\n    }\r\n    section.faq h2.section-heading,\r\n    h2#faq-title.section-heading,\r\n    .section-heading {\r\n      font-family: Inter, \"Inter-Fallback\", sans-serif !important;\r\n      line-height: 1.3 !important;\r\n    }\r\n  }\r\n\r\n  \/* Extra bottom spacing when page has no FAQ (matches original 95px) *\/\r\n  .cta-section.no-faq,\r\n  body:not(:has(section.faq)) .cta-section,\r\n  .cta-section:last-of-type:not(:has(+ section.faq)) {\r\n    padding-bottom: 95px !important;\r\n  }\r\n\r\n  \/* Layout adjustments when page has no active hero image *\/\r\n  .hero.no-hero-img,\r\n  .hero:not(:has(figure.hero-img)) {\r\n    grid-template-columns: 1fr !important;\r\n    padding-bottom: 44px !important;\r\n  }\r\n<\/style>\r\n\r\n<!-- Post Header -->\r\n<header class=\"article-header\">\r\n  <div class=\"wrap\">\r\n    <div class=\"hero\">\r\n      <div>\r\n        <nav class=\"crumbs\" aria-label=\"Breadcrumb\">\r\n          <ol>\r\n            <li><a href=\"https:\/\/www.therapservices.net\/\">Home<\/a><\/li>\r\n            <li><a href=\"https:\/\/www.therapservices.net\/blog\/\">Blog<\/a><\/li>\r\n            <li>\r\n              <a\r\n                href=\"https:\/\/www.therapservices.net\/blog\/search\/?q=User%20Story\"\r\n                >User Story<\/a\r\n              >\r\n            <\/li>\r\n          <\/ol>\r\n        <\/nav>\r\n        <h1>\r\n          From Binders to Better Care: Gateway Community Service Board\u2019s Therap\r\n          Experience\r\n        <\/h1>\r\n        <ul class=\"meta\">\r\n          <li>\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"#18457a\"\r\n              stroke-width=\"2\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"3\" \/>\r\n              <path d=\"M3 10h18M8 3v4M16 3v4\" \/>\r\n            <\/svg>\r\n            <span\r\n              >Published <time datetime=\"2026-05-20\">May 20, 2026<\/time><\/span\r\n            >\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <figure class=\"hero-img\">\r\n        <img class=\"lazyload\" decoding=\"async\"\r\n          src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/www.therapservices.net\/images\/therap-blog\/Rufus-Johnson-inner.png\"\r\n          alt=\"Rufus Johnson, Chief IDD Clinical Officer of Gateway Community Services Board, is talking a about how Therap software helped their organization.\"\r\n        \/>\r\n      <\/figure>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<main\r\n  style=\"font-family: Lato, Arial, Helvetica, sans-serif\"\r\n  class=\"max-w-[600px] xl:max-w-[700px] mx-auto px-4 xl:px-0 py-12 relative\"\r\n>\r\n  <div\r\n    class=\"llm-context\"\r\n    aria-hidden=\"true\"\r\n    style=\"\r\n      position: absolute;\r\n      width: 1px;\r\n      height: 1px;\r\n      padding: 0;\r\n      margin: -1px;\r\n      overflow: hidden;\r\n      clip: rect(0, 0, 0, 0);\r\n      white-space: nowrap;\r\n      border: 0;\r\n    \"\r\n  >\r\n    A case study on Gateway Community Service Board's transition from paper\r\n    binders to electronic documentation with Therap.\r\n  <\/div>\r\n\r\n  <!-- Content -->\r\n  <div class=\"content-area max-w-[700px] text-black-800 mx-auto\">\r\n    <p>\r\n      When Gateway Community Service Board moved away from paper records in\r\n      2012, it set them up for far more than just streamlined documentation.\r\n      Their shift to Therap\u2019s electronic system supplied the organization with\r\n      the framework and tools they needed to provide more proactive and informed\r\n      supports to individuals across eight Georgia counties. By recognizing\r\n      early on that digital tools could unlock new levels of oversight and\r\n      clinical precision, Gateway has been able to continuously modernize their\r\n      processes without ever losing sight of their primary focus: providing\r\n      impactful services to the people they support.\r\n    <\/p>\r\n\r\n    <h2 class=\"text-3xl font-bold mt-12 mb-6\">\r\n      Transitioning to a Unified System\r\n    <\/h2>\r\n    <div class=\"mt-12 block clear-both\">\r\n      <div\r\n        class=\"w-full lg:w-1\/2 lg:float-right lg:ml-10 lg:mb-0 mt-10 lg:mt-0 relative md:h-fit\"\r\n      >\r\n        <svg\r\n          xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n          viewBox=\"0 0 200 150\"\r\n          class=\"quote-icon -left-12 -top-4 w-12 h-9 scale-x-[-1]\"\r\n          alt=\"\"\r\n        >\r\n          <path\r\n            fill=\"#FFD25E\"\r\n            d=\"M90.23,57.75c-1.87,41.26-33.63,75.15-74.76,79.62-4.51.49-9.84,1.68-10.33-5.64-.38-5.66-.13-10.18,7.52-10.99,10.02-1.06,17.91-6.61,24.02-14.58,6.12-7.98,5.71-9.46-3.44-13.49-16.62-7.31-26.05-23.04-24.83-41.41,1.09-16.48,13.47-31.33,29.99-35.99,27.53-7.76,53.17,13.25,51.85,42.47Z\"\r\n          ><\/path>\r\n          <path\r\n            fill=\"#FFD25E\"\r\n            d=\"M194.97,56.1c-.25,41.02-35.17,78.51-75.91,81.38-4,.28-8.73,1.1-9.03-5.15-.25-5.2-1.32-10.56,6.77-11.5,10.67-1.24,18.85-7.14,25.25-15.72,4.34-5.83,4.99-9.26-3.44-12.43-17.15-6.44-26.92-22.91-25.68-40.65,1.21-17.39,12.67-31.82,29.09-36.62,26.99-7.9,53.12,12.18,52.95,40.69Z\"\r\n          ><\/path>\r\n        <\/svg>\r\n        <div\r\n          class=\"quote-box-2\"\r\n          style=\"opacity: 1; margin-top: 0px; margin-bottom: 1rem\"\r\n        >\r\n          <div class=\"text-center text-xl px-4 text-therap-black font-medium\">\r\n            People are living longer because we're able to make informed\r\n            decisions about their health care.\r\n          <\/div>\r\n\r\n          <svg\r\n            xmlns=\" http:\/\/www.w3.org\/2000\/svg\"\r\n            viewBox=\"0 0 200 150\"\r\n            class=\"quote-icon -right-12 -bottom-4 w-12 h-10\"\r\n            alt=\"\"\r\n          >\r\n            <path\r\n              fill=\"#FFD25E\"\r\n              d=\"M90.23,57.75c-1.87,41.26-33.63,75.15-74.76,79.62-4.51.49-9.84,1.68-10.33-5.64-.38-5.66-.13-10.18,7.52-10.99,10.02-1.06,17.91-6.61,24.02-14.58,6.12-7.98,5.71-9.46-3.44-13.49-16.62-7.31-26.05-23.04-24.83-41.41,1.09-16.48,13.47-31.33,29.99-35.99,27.53-7.76,53.17,13.25,51.85,42.47Z\"\r\n            ><\/path>\r\n            <path\r\n              fill=\"#FFD25E\"\r\n              d=\"M194.97,56.1c-.25,41.02-35.17,78.51-75.91,81.38-4,.28-8.73,1.1-9.03-5.15-.25-5.2-1.32-10.56,6.77-11.5,10.67-1.24,18.85-7.14,25.25-15.72,4.34-5.83,4.99-9.26-3.44-12.43-17.15-6.44-26.92-22.91-25.68-40.65,1.21-17.39,12.67-31.82,29.09-36.62,26.99-7.9,53.12,12.18,52.95,40.69Z\"\r\n            ><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p\r\n        class=\"text-xl lg:text-2xl leading-[32px] lg:leading-[40px] outer-para-text\"\r\n      >\r\n        Rufus Johnson, the Chief IDD Clinical Officer at Gateway, has witnessed\r\n        the impact of Therap firsthand for over a decade. He recalls that while\r\n        there was some initial apprehension about the switch from paper to\r\n        Therap, staff quickly realized the benefits. \u201cOnce staff got over the\r\n        fear of going electronic, they found out how easy Therap was and how it\r\n        bettered their documentation. Now, everything is typed, everything is\r\n        neat, everything is in the right format,\u201d Johnson says. The transition\r\n        simplified day&#8209;to&#8209;day operations and allowed staff to\r\n        reclaim time previously spent on manual record&#8209;keeping. \u201cIt's so\r\n        great to be able to get the data. Everything is in one spot now. It's a\r\n        time saver,\u201d Johnson says. \u201cThe use of time for our staff now is much\r\n        better than it was when they had to sit there and write on paper all\r\n        day.\u201d\r\n      <\/p>\r\n    <\/div>\r\n    <h2 class=\"text-3xl font-bold mt-12 mb-6\">\r\n      Informed Decisions and Effective Oversight\r\n    <\/h2>\r\n    <p>\r\n      In addition to time savings, Gateway has achieved more informed decision\r\n      making. For Johnson, the real&#8209;time access to data Therap provides is\r\n      essential to effective clinical management. He shares that before using\r\n      Therap, decisions were often made based on anecdotal evidence or\r\n      intuition. \u201cIn the past, you had to go off of what you thought was right.\r\n      Now you have the data to support what you want to change,\u201d Johnson\r\n      explains. Therap\u2019s reporting tools make it simple for him and his team to\r\n      access and analyze information. \u201cI can get all the data from all the\r\n      programs and we can use it to make decisions,\u201d he says.\r\n    <\/p>\r\n    <p>\r\n      This access to data is also vital for effective oversight, maintaining\r\n      compliance, and preparing for audits. \u201cHaving a system that we can use to\r\n      pull the information makes it easier to go through audits so we're in\r\n      compliance, and when we're not, we're able to fix it easily,\u201d Johnson\r\n      says. \u201cPolicies, procedures, and everything we do is lined up in Therap.\u201d\r\n    <\/p>\r\n    <h2 class=\"text-3xl font-bold mt-12 mb-6\">Impact on Individuals<\/h2>\r\n    <p>\r\n      For Johnson, the most rewarding aspect of using Therap hasn\u2019t been the\r\n      administrative ease, but the improvements Gateway has observed in the\r\n      lives of the individuals they support. Therap\u2019s tools for tracking health\r\n      metrics empower the clinical team with consistent data they can use to\r\n      identify trends, share data with health professionals, and provide\r\n      proactive supports. \"From the health standpoint, having those records to\r\n      share with doctors has helped us recognize if we need to make any change\r\n      to [individuals\u2019] diets or exercise,\" says Johnson. \u201cIt has allowed them\r\n      to have a better life. People are living longer because we're able to make\r\n      informed decisions about their health care.\"\r\n    <\/p>\r\n    <h2 class=\"text-3xl font-bold mt-12 mb-6\">\r\n      Embracing Change, Enhancing Supports\r\n    <\/h2>\r\n    <p>\r\n      With over a decade of success using Therap, Gateway's experience is a\r\n      testament to the power of embracing change. Although daunting at first,\r\n      Johnson claims the switch to Therap was a catalyst for better processes\r\n      and supports. \u201cTherap opens so many doors. It gives you a better sense of\r\n      how to adequately move through all the documentation of caring for people\r\n      with IDD,\u201d he says.\r\n    <\/p>\r\n    <!-- Testimonial 1 -->\r\n    <div class=\"quote-box-1\">\r\n      <svg\r\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n        viewBox=\"0 0 200 150\"\r\n        class=\"quote-icon -left-24 -top-6 w-16 h-12 scale-x-[-1]\"\r\n        alt=\"\"\r\n      >\r\n        <path\r\n          fill=\"#FFD25E\"\r\n          d=\"M90.23,57.75c-1.87,41.26-33.63,75.15-74.76,79.62-4.51.49-9.84,1.68-10.33-5.64-.38-5.66-.13-10.18,7.52-10.99,10.02-1.06,17.91-6.61,24.02-14.58,6.12-7.98,5.71-9.46-3.44-13.49-16.62-7.31-26.05-23.04-24.83-41.41,1.09-16.48,13.47-31.33,29.99-35.99,27.53-7.76,53.17,13.25,51.85,42.47Z\"\r\n        ><\/path>\r\n        <path\r\n          fill=\"#FFD25E\"\r\n          d=\"M194.97,56.1c-.25,41.02-35.17,78.51-75.91,81.38-4,.28-8.73,1.1-9.03-5.15-.25-5.2-1.32-10.56,6.77-11.5,10.67-1.24,18.85-7.14,25.25-15.72,4.34-5.83,4.99-9.26-3.44-12.43-17.15-6.44-26.92-22.91-25.68-40.65,1.21-17.39,12.67-31.82,29.09-36.62,26.99-7.9,53.12,12.18,52.95,40.69Z\"\r\n        ><\/path>\r\n      <\/svg>\r\n      <div class=\"text-center text-xl px-4 text-therap-black font-medium\">\r\n        Therap opens so many doors. It gives you a better sense of how to\r\n        adequately move through all the documentation of caring for people with\r\n        IDD.\r\n      <\/div>\r\n      <svg\r\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n        viewBox=\"0 0 200 150\"\r\n        class=\"quote-icon -right-24 -bottom-6 w-16 h-12\"\r\n        alt=\"\"\r\n      >\r\n        <path\r\n          fill=\"#FFD25E\"\r\n          d=\"M90.23,57.75c-1.87,41.26-33.63,75.15-74.76,79.62-4.51.49-9.84,1.68-10.33-5.64-.38-5.66-.13-10.18,7.52-10.99,10.02-1.06,17.91-6.61,24.02-14.58,6.12-7.98,5.71-9.46-3.44-13.49-16.62-7.31-26.05-23.04-24.83-41.41,1.09-16.48,13.47-31.33,29.99-35.99,27.53-7.76,53.17,13.25,51.85,42.47Z\"\r\n        ><\/path>\r\n        <path\r\n          fill=\"#FFD25E\"\r\n          d=\"M194.97,56.1c-.25,41.02-35.17,78.51-75.91,81.38-4,.28-8.73,1.1-9.03-5.15-.25-5.2-1.32-10.56,6.77-11.5,10.67-1.24,18.85-7.14,25.25-15.72,4.34-5.83,4.99-9.26-3.44-12.43-17.15-6.44-26.92-22.91-25.68-40.65,1.21-17.39,12.67-31.82,29.09-36.62,26.99-7.9,53.12,12.18,52.95,40.69Z\"\r\n        ><\/path>\r\n      <\/svg>\r\n    <\/div>\r\n  <\/div>\r\n<\/main>\r\n\r\n<!-- CTA Section -->\r\n<section class=\"cta-section with-gradient\">\r\n  <div class=\"cta-inner\">\r\n    <!-- <h3>\r\n      Ready to see how the right tools can empower\r\n            your&nbsp;team?\r\n    <\/h3> -->\r\n    <p>\r\n      For more information on how Therap can help your organization streamline\r\n      documentation and provide better supports, schedule a demo today.\r\n    <\/p>\r\n    <a\r\n      href=\"https:\/\/www.therapservices.net\/contact\/?source=therap_blog\"\r\n      class=\"special-btn\"\r\n    >\r\n      Click here to book a demo\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n<style type=\"text\/tailwindcss\">\r\n    @theme {\r\n        --color-therap-blue: #0c4c7c;\r\n        --color-therap-orange: #FFD25E;\r\n        --color-therap-light: #F0F4E8;\r\n        --color-therap-tag: #D5E8C4;\r\n        --color-quote-1: #ffecca;\r\n        --color-quote-2: #ffe3b2;\r\n        --color-border-orange: #ffd53d;\r\n        --color-border-blue: #00437c;\r\n        --font-merriweather: \"Merriweather\", serif;\r\n        --font-lato: \"Lato\", sans-serif;\r\n        --font-inter: \"Inter\", sans-serif;\r\n\r\n        \/* Custom shades for 'black' to support manual edits *\/\r\n        --color-black-100: #000;\r\n        --color-black-200: #000;\r\n        --color-black-300: #000;\r\n        --color-black-400: #000;\r\n        --color-black-500: #000;\r\n        --color-black-600: #000;\r\n        --color-black-700: #000;\r\n        --color-black-800: #000;\r\n        --color-black-900: #000;\r\n        --font-weight-bold: 600;\r\n        --text-lg: 1.0625rem;\r\n    }\r\n\r\n    @layer base {\r\n        body {\r\n            @apply font-inter bg-white text-[#000] leading-relaxed;\r\n        }\r\n\r\n        h1:not(h1.hero-gradient-top),\r\n        h2,\r\n        h3,\r\n        h4 {\r\n            @apply font-merriweather text-therap-blue;\r\n            line-height: 1.7 !important;\r\n        }\r\n\r\n        h1.hero-gradient-top {\r\n            @apply font-merriweather text-therap-blue;\r\n            line-height: 1.2 !important;\r\n        }\r\n\r\n        p {\r\n            @apply mb-6 text-black-700;\r\n        }\r\n    }\r\n\t  .hero-gradient-top {\r\n            @apply pb-4 pt-4 px-6 lg:px-12;\r\n            background: linear-gradient(90deg, rgb(255 214 62) 0%, rgb(255 214 62) 45%, #ffd63e 100% 100%);\r\n        }\r\n\r\n    .post-content>p {\r\n        display: none;\r\n    }\r\n\r\n    .cta-section p {\r\n        line-height: 1.7;\r\n    }\r\n\r\n    a.special-btn {\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Targets the exact class combination of your meta div *\/\r\n    div[class=\"flex items-center gap-2 font-bold\"] {\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    \/* tag footer removed *\/\r\n    section.tags.myt-5.mb-24 {\r\n        display: none;\r\n    }\r\n\r\n    header.header-gradient {\r\n        padding-top: 1.5rem;\r\n        padding-bottom: 1.5rem;\r\n        font-size: 17px\r\n    }\r\n\r\n    .flex.items-center.gap-2.font-bold.flex-wrap {\r\n        font-weight: 600;\r\n    }\r\n\r\n    .font-bold {\r\n        font-weight: 600;\r\n    }\r\n\r\n    b,\r\n    strong {\r\n        font-weight: 600;\r\n    }\r\n\r\n    .content-area li h3 {\r\n        font-family: \"Inter\", sans-serif;\r\n    }\r\n\r\n    .content-area h3,\r\n    h4 {\r\n        font-family: \"Inter\", sans-serif;\r\n    }\r\n\r\n    .content-area h2 {\r\n        @apply text-2xl font-bold mt-12 mb-2 text-therap-blue;\r\n    }\r\n\r\n    h3.mb-4 {\r\n        margin-bottom: 15px !important;\r\n    }\r\n\r\n    h3.mb-2,\r\n    h3.mb-3 {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    h1.text-xl {\r\n        margin-bottom: 12px !important;\r\n    }\r\n\r\n    \/* for qoute-info-with-img *\/\r\n    .qoute-info-with-img {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 20px;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .qoute-img {\r\n        width: 5rem;\r\n        height: auto;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        z-index: 5;\r\n        overflow: hidden;\r\n\r\n    }\r\n\r\n    .quote-box-1 .text-xl,\r\n    .quote-box-2 .text-xl {\r\n        font-size: 1.1875rem;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .cta-section .text-xl {\r\n    font-size: 1.0625rem;\r\n}\r\n    \/* Added Media Query for screens under 767px *\/\r\n    @media (max-width: 767px) {\r\n        .header-gradient h1 br {\r\n            display: none;\r\n        }\r\n\r\n        .content-area .mt-10.w-full,\r\n        .content-area .mt-12.block {\r\n            margin-top: 2rem;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        section.max-w-\\[600px\\] h2 {\r\n            margin-top: 1rem;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        .content-area h2.mt-12 {\r\n            margin-top: 3rem;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .quote-box-1,\r\n        .quote-box-2 {\r\n            padding: 30px 25px;\r\n            margin-top: calc(var(--spacing) * 12) !important;\r\n        }\r\n\r\n        svg.quote-icon.-left-12.-top-4.w-12.h-9.scale-x-\\[-1\\],\r\n        svg.quote-icon.-left-24.-top-6.w-16.h-12.scale-x-\\[-1\\] {\r\n            width: 30px;\r\n            height: 35px;\r\n            left: -12px;\r\n            top: -30px;\r\n        }\r\n\r\n        svg.quote-icon.-right-12.-bottom-4.w-12.h-10,\r\n        svg.quote-icon.-right-24.-bottom-6.w-16.h-12 {\r\n            width: 30px;\r\n            height: 35px;\r\n            right: -12px;\r\n            bottom: -30px;\r\n        }\r\n\r\n    }\r\n\th2.text-2xl.font-bold.mt-16.mb-8.text-therap-blue {\r\n    margin-bottom: 1rem;\r\n}\r\n<\/style><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":318,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-370","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.8 (Yoast SEO v28.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Gateway Community Service Board Case Study | Therap<\/title>\n<meta name=\"description\" content=\"Learn how Gateway Community Service Board moved from paper binders to Therap, using real-time data to improve clinical decisions and health outcomes.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.therapservices.net\/blog\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gateway Community Service Board Case Study | Therap\" \/>\n<meta property=\"og:description\" content=\"Learn how Gateway Community Service Board moved from paper binders to Therap, using real-time data to improve clinical decisions and health outcomes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.therapservices.net\/blog\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\/\" \/>\n<meta property=\"og:site_name\" content=\"blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/therapservices\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-29T08:07:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.therapservices.net\/blog\/wp-content\/uploads\/sites\/74\/2026\/06\/Rufus-Johnson-social.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"From Binders to Better Care: Gateway Community Service Board\u2019s Therap Experience\" \/>\n<meta name=\"twitter:site\" content=\"@therapservices\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\\\/\"},\"author\":{\"name\":\"eaty2\",\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/#\\\/schema\\\/person\\\/f69f229682724d3fab5d7cedbe173b70\"},\"headline\":\"From Binders to Better Care: Gateway Community Service Board\u2019s Therap Experience\",\"datePublished\":\"2026-05-10T03:30:56+00:00\",\"dateModified\":\"2026-10-29T08:07:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\\\/\"},\"wordCount\":22,\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\\\/\",\"url\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\\\/\",\"name\":\"Gateway Community Service Board Case Study | Therap\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/#website\"},\"datePublished\":\"2026-05-10T03:30:56+00:00\",\"dateModified\":\"2026-10-29T08:07:07+00:00\",\"description\":\"Learn how Gateway Community Service Board moved from paper binders to Therap, using real-time data to improve clinical decisions and health outcomes.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"From Binders to Better Care: Gateway Community Service Board\u2019s Therap Experience\",\"item\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\\\/\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/\",\"name\":\"blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.therapservices.net\\\/blog\\\/#\\\/schema\\\/person\\\/f69f229682724d3fab5d7cedbe173b70\",\"name\":\"eaty2\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Gateway Community Service Board Case Study | Therap","description":"Learn how Gateway Community Service Board moved from paper binders to Therap, using real-time data to improve clinical decisions and health outcomes.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.therapservices.net\/blog\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\/","og_locale":"en_US","og_type":"article","og_title":"Gateway Community Service Board Case Study | Therap","og_description":"Learn how Gateway Community Service Board moved from paper binders to Therap, using real-time data to improve clinical decisions and health outcomes.","og_url":"https:\/\/www.therapservices.net\/blog\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\/","og_site_name":"blog","article_publisher":"http:\/\/www.facebook.com\/therapservices","article_modified_time":"2026-10-29T08:07:07+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.therapservices.net\/blog\/wp-content\/uploads\/sites\/74\/2026\/06\/Rufus-Johnson-social.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"From Binders to Better Care: Gateway Community Service Board\u2019s Therap Experience","twitter_site":"@therapservices","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.therapservices.net\/blog\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\/#article","isPartOf":{"@id":"https:\/\/www.therapservices.net\/blog\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\/"},"author":{"name":"eaty2","@id":"https:\/\/www.therapservices.net\/blog\/#\/schema\/person\/f69f229682724d3fab5d7cedbe173b70"},"headline":"From Binders to Better Care: Gateway Community Service Board\u2019s Therap Experience","datePublished":"2026-05-10T03:30:56+00:00","dateModified":"2026-10-29T08:07:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.therapservices.net\/blog\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\/"},"wordCount":22,"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.therapservices.net\/blog\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\/","url":"https:\/\/www.therapservices.net\/blog\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\/","name":"Gateway Community Service Board Case Study | Therap","isPartOf":{"@id":"https:\/\/www.therapservices.net\/blog\/#website"},"datePublished":"2026-05-10T03:30:56+00:00","dateModified":"2026-10-29T08:07:07+00:00","description":"Learn how Gateway Community Service Board moved from paper binders to Therap, using real-time data to improve clinical decisions and health outcomes.","breadcrumb":{"@id":"https:\/\/www.therapservices.net\/blog\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.therapservices.net\/blog\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.therapservices.net\/blog\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.therapservices.net\/blog\/"},{"@type":"ListItem","position":2,"name":"From Binders to Better Care: Gateway Community Service Board\u2019s Therap Experience","item":"https:\/\/www.therapservices.net\/blog\/from-binders-to-better-care-gateway-community-service-boards-therap-experience\/"}]},{"@type":"WebSite","@id":"https:\/\/www.therapservices.net\/blog\/#website","url":"https:\/\/www.therapservices.net\/blog\/","name":"blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.therapservices.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.therapservices.net\/blog\/#\/schema\/person\/f69f229682724d3fab5d7cedbe173b70","name":"eaty2"}]}},"_links":{"self":[{"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/pages\/370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/users\/318"}],"replies":[{"embeddable":true,"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/comments?post=370"}],"version-history":[{"count":3,"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/pages\/370\/revisions"}],"predecessor-version":[{"id":620,"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/pages\/370\/revisions\/620"}],"wp:attachment":[{"href":"https:\/\/www.therapservices.net\/blog\/wp-json\/wp\/v2\/media?parent=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}