@charset "UTF-8";
html { scroll-behavior: smooth; }

body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; display: flex; justify-content: center; flex-direction: column; min-height: 100vh; }

a { overflow-wrap: break-word; }

a.btn, button.btn { padding-left: 2rem; padding-right: 2rem; }

p { max-width: 770px; }

strong { font-weight: 700; }

.badge { padding: 7px; margin: 5px; }

.badge svg { transform: scale(0.8); margin-right: 5px; }

.badge-default { color: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.05); }

.navbar { padding: 0; }

.navbar-nav { flex-direction: row; display: none; }

.navbar-nav .nav-title { max-width: 14ch; }

.navbar-nav .nav-item a { margin-left: 20px; font-size: 1rem; padding: 0; color: #51595f; }

.navbar-nav .nav-item .btn { margin-left: 20px; font-size: 1rem; color: #ffffff; padding: .375rem .75rem; }

.navbar-nav .nav-item .btn:hover { color: #ffffff; }

.nav-link svg { fill: #1c75bb; height: 0.8rem; }

.navbar-nav .nav-item a:hover { color: #1c75bb; }

.navbar-nav .nav-item.active a { color: #1c75bb; font-weight: 700; }

.navbar .mobile #show-mobile-nav { display: flex; }

.navbar .mobile #mobile-nav.navbar-nav { animation: fade-in .4s ease-in-out forwards; animation: slide-in .3s ease-in-out forwards; background-color: #bfd9ed; display: none; flex-direction: column; height: 100%; width: 100%; min-height: 100vh; min-width: 100vw; overflow: hidden; padding-top: 30vh; padding-left: 15px; position: fixed; z-index: 10; top: 0; left: 0; right: 0; }

.navbar .mobile #mobile-nav.navbar-nav a { font-size: 2rem; }

.navbar .mobile #hide-mobile-nav svg { fill: #1c75bb; position: fixed; top: 1.5rem; right: 1.5rem; width: 1.5rem; height: 1.5rem; }

.navbar .mobile #mobile-nav.navbar-nav.show { display: flex; }

@keyframes fade-in { from { opacity: 0; }
  to { opacity: 100; } }

@keyframes slide-in { from { padding-top: 25vh; }
  to { padding-top: 15vh; } }

section .row div { max-width: 1060; }

a, a:hover { color: #1c75bb; }

.background { background: #ffffff; color: #14233c; }

.background-secondary { background: #bfd9ed; color: #14233c; }

.surface { background: #ffffff; color: #14233c; }

.surface-secondary { background: #bfd9ed; color: #14233c; }

.primary, .btn, .btn:hover { background: #1c75bb; color: #ffffff; }

.secondary, .secondary.btn, .secondary.btn:hover { background: #bfd9ed; }

.secondary a, .secondary.btn a, .secondary.btn:hover a { color: #ffffff; }

.btn, .btn:hover { font-weight: 600; }

.primary-inversed, .primary-inversed:hover { background: #ffffff; color: #1c75bb; }

.cta { font-weight: bold; }

h1 { margin-bottom: 1.5rem; }

h2 { font-size: 2rem; }

h3 { font-size: 1.5rem; }

h1, h2, h3, h4, h5 { font-weight: 500; max-width: 770px; }

footer.section-members .col-12, section.section-members .col-12 { max-width: 1060; }

footer.section-members .over, section.section-members .over { transition: transform 0.3s ease-in-out; transform: scale3d(1.1, 1.1, 1.1); }

footer.section-members .out, section.section-members .out { transition: transform 0.3s ease-in-out; transform: scale3d(1, 1, 1); }

@media (min-width: 660px) { .lg-gutter { padding-left: 30px; padding-right: 30px; } }

.partner-logo { text-align: center; }

.partner-logo img { padding-bottom: 1.5rem; padding-top: 1.5rem; width: 70%; }

.section-hotline { border: 1px solid #1c75bb; box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1); border-radius: 0.5rem; padding: 2rem; }

.section-hotline h2 { font-weight: 500; }

.section-hotline .hotline-number, .section-hotline .hotline-email { text-align: center; }

.section-hotline .hotline-number a:hover, .section-hotline .hotline-email a:hover { text-decoration: none; }

.section-hotline .hotline-number svg, .section-hotline .hotline-email svg { height: 40px; fill: #ffffff; margin-right: 5px; }

.section-hotline .mental-health-resources { text-align: center; }

.section-directory-home { box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1); background-color: #f5f5f7; }

.section-content h2 { letter-spacing: 0.01rem; }

.section-content h3 { font-weight: 600; }

.section-content h4 { margin-top: 1.5rem; }

.section-intro { background: #ffffff; padding: 5rem 0 4rem 0; }

.section-intro .headline span { color: #ec1d24; }

.section-intro .headline .btn { display: inline-block; width: 80%; }

.section-intro .intro-image { display: none; }

.section-mission { background: #F3F3F3; padding: 5rem 0 4rem 0; }

.section-mission a, .section-mission a:hover { cursor: pointer; color: #1c75bb; }

.section-mission p.read { display: none; }

.section-mission a.read.reading { display: none; }

.section-mission p.reading { display: block; }

.section-mission p.reading a { margin-top: 1.5rem; }

.section-mission .mission-image { display: none; }

.section-youtube { padding: 5rem 0 4rem 0; }

.section-social { padding: 5rem 0 4rem 0; background-color: #dee2e6; }

.section-social h2 { text-align: center; display: inline-block; }

.hotline { padding: 5rem 0 4rem 0; }

.hotline h2 { display: inline-block; }

.hotline .btn { display: inline-block; width: 80%; }

.hotline .email, .hotline .phone { text-align: center; }

.section-logo img { width: 240px; }

.section-members { padding: 5rem 0 4rem 0; }

.section-members h2 { display: inline-block; }

.section-members .btn-container { text-align: center; margin-top: 2rem; }

.section-members .btn-container .btn { display: inline-block; }

.site-footer { padding-bottom: 2rem; padding-top: 2rem; background-color: #f5f5f7; }

.site-footer h5 { margin-bottom: 0; }

.site-footer a { text-decoration: none; }

#content { flex: 1; }

#content .multiselect-container > li > a > label { margin: 0; height: 100%; cursor: pointer; font-weight: 400; padding: 3px 10px 3px 10px; }

.site-logo { margin: 0 auto; max-width: 15rem; }

.optional { color: grey; }

input:focus::placeholder { color: transparent; }

.menu-icons svg:hover { fill: #1c75bb; }

.menu-icons svg { height: 1rem; width: 1rem; }

.menu-icons a { text-decoration: none; }

.top-menu { background-color: #1c75bb; }

.top-menu .row { align-items: center; }

.top-menu .col { margin: 0.5rem 0 0.5rem 0; }

.top-menu .col.million-new-units { text-align: right; font-weight: 600; color: #ffffff; }

.middle-menu { padding: 0.75rem 0 0.75rem 0; border-bottom: 1px solid #dee2e6; }

#logo { z-index: 20; }

#external-link { fill: #1c75bb; }

.blog h1, .longread h1 { margin-bottom: 0rem; }

blockquote::before { content: url(/assets/images/quotes.svg); height: 2rem; }

blockquote { line-height: 1.1; font-size: 2rem; padding: 2rem; font-family: 600; }

blockquote cite::before { content: "–"; }

blockquote cite { margin-top: 1rem; font-size: 1rem; color: #6c757d; display: block; }

.author, .posted, .reading-time, .what-is { color: #6c757d; font-size: .9rem; font-style: italic; }

.what-is { margin-top: 2rem; }

.reading-time { color: #adb5bd; margin-bottom: 2rem; }

.container.longread img.portrait { max-width: 50%; margin: 0 25%; }

.container.longread img[src$='#square'] { max-width: 70%; margin: 0 15%; }

.thumbnail { position: relative; width: 100px; height: 100px; overflow: hidden; border-radius: 0.5rem; background-color: #ced4da; }

.container.longread .thumbnail img { max-width: none; display: none; margin: 0; }

.thumbnail img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.thumbnail img.portrait { width: 100%; height: auto; }

.badge-container { max-width: 770px; text-align: right; }

.container.longread .thumbnail img.loaded { display: inline; }

.container.longread { max-width: 50rem; }

.container.longread img { max-width: 100%; }

.container.longread .separator .col { border-bottom: 1px solid #6c757d; margin: 1.5rem 0 1.5rem 0; }

.container.longread .post.post-list { cursor: pointer; padding: 0; }

.container.longread .post.post-list h3 a:hover { text-decoration: none; }

.container.longread .post.post-list .col { padding: 0; }

.container.longread .post.post-list .col-auto { padding-right: 0; }

.container.longread .post.post-list .content img { display: none; }

.container.longread .post.post-list .content p { margin: 0; }

.container.longread .post.post-list .read-full { color: #1c75bb; }

.container.longread .post.post-list .triple-dot { color: #6c757d; }

.container.longread .share { margin-top: 3rem; }

.container.longread .share a { margin-right: 1rem; color: #6c757d; font-size: .9rem; }

@media (min-width: 720px) { .partner-logo img { width: 80%; } .embed-width { width: 80%; display: inline-block; } }

@media (min-width: 992px) { .section-intro { background: #fafafa; } .section-intro .intro-image { display: block; } .section-intro .headline { border-radius: 1.5rem; margin-left: 3rem; } .section-intro .headline .btn { display: inline-block; width: auto; } .section-mission .mission-image { display: block; } .hotline h2 { text-align: left; } .hotline .btn { display: inline-block; width: auto; } .hotline .email { text-align: right; } .hotline .phone { text-align: left; } .container.longread .separator { display: none; } .container.longread .post.post-list { padding: 0.5rem 1rem 0.5rem 1rem; border-radius: 0.5rem; border: 1px solid #6c757d; } .container.longread img[src$='#portrait'] { width: 260px; float: left; margin: 0 2rem 1rem 0; } .navbar { padding: 0px; } .navbar .mobile { display: none; } .navbar .navbar-nav { display: flex; } .partner-logo { text-align: center; } .partner-logo img { width: auto; max-width: 160px; } .post { margin-bottom: 3rem; } .section-donate { border: 1px solid #1c75bb; box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 2rem; text-align: center; width: 70%; } .section-donate .donate-id { text-align: center; justify-content: center; } #logo { display: inherit; } .site-footer #logo { display: inline; } }

/*# sourceMappingURL=style.css.map */