CINXE.COM
Why We Do It
<!DOCTYPE html> <html lang="en-us"> <head> <meta charset="UTF-8" /> <link rel="shortcut icon" href="/a/18" /> <title>Why We Do It</title> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="pageID" content="x31634" /> <meta name="robots" content="" /> <meta property="og:title" content="Why We Do It" /> <meta property="og:type" content="website" /> <meta property="og:description" content="" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Why We Do It" /> <meta name="twitter:description" content="" /> <meta name="twitter:creator" content="" /> <base href="https://sonomahealthaction.org/" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> <link href="/Content/css/bundle_css_main?v=-RuDAL7M6E0rK5mZii2w-AuvQR5W7FruVl7nTzslQYk1" rel="stylesheet"/> <link href="/Content/css/bundle_css_microsite_health?v=kW-vPhf-ZS9eQvftWWijj0EEfTqz23BopVOMe7fn4IU1" rel="stylesheet"/> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-M5G2H9S');</script> <!-- End Google Tag Manager --></head> <body class="microsite"> <a class="skip-to-content" href="#content">Skip to Content</a> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M5G2H9S" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="page" class="top no-top"> <div id="top"></div> <header> <div class="container"> <div class="header-inner"> <div class="logo"> <a href="/" title="Health Action"> <img src="/Microsites/Health%20Action/Images/Health_Action/_Uploaded_Images/_Logos_and_Banners/HealthActionLogo-195.jpg" alt="Health Action" /> <span class="text"> <span>SONOMA COUNTY</span> <span>Health Action</span> </span> </a> </div> <div id="search-form-banner" class="d-none d-lg-block" data-searchaction="/health-action-search-results" data-searchpageid="x107871" data-searchsuggestaction="/api/SearchSuggest" data-placeholder="What are you looking for?"></div> <script src="/Content/searchResults/homeBannerMobile/static/js/main.6178d018.js"></script> </div> <button type="button" class="toggle-side-menu" title="Toggle mobile menu" aria-haspopup="true" aria-controls="micrositeMobileNav" aria-expanded="false"> <i class="fas fa-bars"></i> <i class="fas fa-times"></i> </button> <button type="button" class="toggle-search" title="Toggle search" aria-haspopup="true" aria-controls="dropdown-search" aria-expanded="false"> <i class="fas fa-search"></i> <i class="fas fa-times"></i> </button> </div> <div class="header-nav"> <div class="container"> <ul class="links"> <li> <a href="/framework-for-action" title="Framework for Action"> Framework for Action </a> <ul> <li> <a href="/framework-for-action/strategy" title="Strategy"> Strategy </a> </li> <li> <a href="/framework-for-action/stewardship" title="Stewardship"> Stewardship </a> </li> <li> <a href="/framework-for-action/sustainability" title="Sustainability"> Sustainability </a> </li> <li> <a href="/framework-for-action/values" title="Values"> Values </a> </li> </ul> </li> <li> <a href="/who-we-are" title="Who We Are"> Who We Are </a> <ul> <li> <a href="/who-we-are/health-action-council" title="Health Action Council"> Health Action Council </a> </li> <li> <a href="/who-we-are/committee-for-healthcare-improvement" title="Committee for Healthcare Improvement"> Committee for Healthcare Improvement </a> </li> <li> <a href="/who-we-are/cradle-to-career" title="Cradle to Career"> Cradle to Career </a> </li> <li> <a href="/who-we-are/local-chapters" title="Local Chapters"> Local Chapters </a> </li> <li> <a href="calendar-x121361" title="Calendar"> Calendar </a> </li> <li> <a href="news" title="News"> News </a> </li> <li> <a href="/who-we-are/staff" title="Staff"> Staff </a> </li> </ul> </li> <li> <a href="/what-we-do" title="What We Do"> What We Do </a> <ul> <li> <a href="/what-we-do/education" title="Education"> Education </a> </li> <li> <a href="/what-we-do/health" title="Health"> Health </a> </li> <li> <a href="/what-we-do/income" title="Income"> Income </a> </li> <li> <a href="/what-we-do/transformative-approaches" title="Transformative Approaches"> Transformative Approaches </a> </li> <li> <a href="/what-we-do/community-engagement" title="Community Engagement"> Community Engagement </a> </li> </ul> </li> <li> <a href="/why-we-do-it" class="on" title="Why We Do It"> Why We Do It </a> <ul> <li> <a href="/why-we-do-it/portrait-of-sonoma-county" title="Portrait of Sonoma County"> Portrait of Sonoma County </a> </li> <li> <a href="/why-we-do-it/reports-and-data" title="Reports & Data"> Reports & Data </a> </li> </ul> </li> </ul> </div> </div> <div class="side-menu-wrap" id="micrositeMobileNav"> <div class="side-menu side-menu-initial"> <div class="menu-lists"> <ul class="side-menu-upper"> <li class="parent "> <div> <a href="/framework-for-action" title="Framework for Action"> Framework for Action </a> <button class="toggle" title="Toggle sub menu" aria-controls="subnavx31627" aria-expanded="false"> <i class="fas fa-plus"></i> <i class="fas fa-minus"></i> </button> </div> <ul id="subnavx31627" style=""> <li> <a href="/framework-for-action/strategy" title="Strategy"> Strategy </a> </li> <li> <a href="/framework-for-action/stewardship" title="Stewardship"> Stewardship </a> </li> <li> <a href="/framework-for-action/sustainability" title="Sustainability"> Sustainability </a> </li> <li> <a href="/framework-for-action/values" title="Values"> Values </a> </li> </ul> </li> <li class="parent "> <div> <a href="/who-we-are" title="Who We Are"> Who We Are </a> <button class="toggle" title="Toggle sub menu" aria-controls="subnavx31632" aria-expanded="false"> <i class="fas fa-plus"></i> <i class="fas fa-minus"></i> </button> </div> <ul id="subnavx31632" style=""> <li> <a href="/who-we-are/health-action-council" title="Health Action Council"> Health Action Council </a> </li> <li> <a href="/who-we-are/committee-for-healthcare-improvement" title="Committee for Healthcare Improvement"> Committee for Healthcare Improvement </a> </li> <li> <a href="/who-we-are/cradle-to-career" title="Cradle to Career"> Cradle to Career </a> </li> <li> <a href="/who-we-are/local-chapters" title="Local Chapters"> Local Chapters </a> </li> <li> <a href="calendar-x121361" title="Calendar"> Calendar </a> </li> <li> <a href="news" title="News"> News </a> </li> <li> <a href="/who-we-are/staff" title="Staff"> Staff </a> </li> </ul> </li> <li class="parent "> <div> <a href="/what-we-do" title="What We Do"> What We Do </a> <button class="toggle" title="Toggle sub menu" aria-controls="subnavx35590" aria-expanded="false"> <i class="fas fa-plus"></i> <i class="fas fa-minus"></i> </button> </div> <ul id="subnavx35590" style=""> <li> <a href="/what-we-do/education" title="Education"> Education </a> </li> <li> <a href="/what-we-do/health" title="Health"> Health </a> </li> <li> <a href="/what-we-do/income" title="Income"> Income </a> </li> <li> <a href="/what-we-do/transformative-approaches" title="Transformative Approaches"> Transformative Approaches </a> </li> <li> <a href="/what-we-do/community-engagement" title="Community Engagement"> Community Engagement </a> </li> </ul> </li> <li class="parent opened"> <div> <a href="/why-we-do-it" class="on" title="Why We Do It"> Why We Do It </a> <button class="toggle" title="Toggle sub menu" aria-controls="subnavx31634" aria-expanded="true"> <i class="fas fa-plus"></i> <i class="fas fa-minus"></i> </button> </div> <ul id="subnavx31634" style="display: block;"> <li> <a href="/why-we-do-it/portrait-of-sonoma-county" title="Portrait of Sonoma County"> Portrait of Sonoma County </a> </li> <li> <a href="/why-we-do-it/reports-and-data" title="Reports & Data"> Reports & Data </a> </li> </ul> </li> </ul> <div class="remote-gt-container"> <div> <select class="remote-gt-select notranslate" aria-label="google translate languages"> </select> <div class="gtAttribution notranslate"> Powered by: <span style="white-space:nowrap"> <a class="goog-logo-link" href="https://translate.google.com" target="_blank"><img src="https://www.gstatic.com/images/branding/googlelogo/1x/googlelogo_color_42x16dp.png" width="37px" height="14px" style="padding-right: 3px" alt="Google Translate">Translate</a> </span> </div> </div> </div> </div> </div> </div> </header> <main> <div class="tray"> <div class="side-menu-wrap"> <div class="container"> <div class="row"> <div class="col-sm"> <div class="crumbs"> <a href="/" title="Health Action"> Health Action </a> <span class="pipe">›</span> <a href="/why-we-do-it" class="current" title="Why We Do It"> Why We Do It </a> </div> </div> <div class="col-sm-auto"> <div class="share"> <span class="text gray-3-text">Share this:</span> <a href="https://www.facebook.com/sharer/sharer.php?t=Why+We+Do+It&u=http%3a%2f%2fsonomahealthaction.org%2fwhy-we-do-it" title="Share on Facebook" target="_blank"><i class="fab fa-facebook-square"></i></a> <a href="https://twitter.com/share?text=Why+We+Do+It&u=http%3a%2f%2fsonomahealthaction.org%2fwhy-we-do-it" title="Share on Twitter" target="_blank"><i class="fab fa-square-x-twitter"></i></a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=http%3a%2f%2fsonomahealthaction.org%2fwhy-we-do-it" title="Share on LinkedIn" target="_blank"><i class="fab fa-linkedin"></i></a> <a href="mailto:?body=http%3a%2f%2fsonomahealthaction.org%2fwhy-we-do-it&Subject=Why+We+Do+It" title="Share with Email"><i class="fas fa-envelope-square" target="_blank"></i></a> <button type="button" title="Print this page" onclick="window.print()"><i class="fas fa-print"></i></button> </div> </div> </div> <div class="row"> <div class="col-lg-auto order-lg-1"> <div class="side-menu side-menu-initial"> <div class="menu-toggle"> <div class="section-title title"> Health Action - Why We Do It </div> <button type="button" class="menu-toggle-btn" aria-controls="mobileLeftNav" aria-expanded="false"> <span class="truncate menu-toggle-title">Health Action - Why We Do It</span> <span class="icons"> <i class="fas fa-plus"></i> <i class="fas fa-minus"></i> </span> </button> </div> <div class="menu-lists" id="mobileLeftNav"> <ul> <li> <a href="/why-we-do-it/portrait-of-sonoma-county" title="Portrait of Sonoma County"> Portrait of Sonoma County </a> </li> <li class="parent "> <div> <a href="/why-we-do-it/reports-and-data" title="Reports & Data"> Reports & Data </a> <button type="button" class="toggle" title="Toggle sub menu" aria-controls="subnavx35588" aria-expanded="false"> <i class="fas fa-plus"></i> <i class="fas fa-minus"></i> </button> </div> <ul id="subnavx35588" style=""> <li> <a href="/why-we-do-it/reports-and-data/economic-wellness-initiative-facts" title="Economic Wellness Initiative Facts"> Economic Wellness Initiative Facts </a> </li> <li> <a href="/why-we-do-it/reports-and-data/cradle-to-career-facts" title="Cradle to Career Facts"> Cradle to Career Facts </a> </li> </ul> </li> <li class="back"> <a href="/"> <i class="fas fa-angle-left"></i> Back to <span class="text-uppercase">Health Action</span> </a> </li> </ul> </div> </div> </div> <div class="col-lg order-lg-2" id="content"> <div class="body-copy"> <h1 >Why We Do It</h1> <div ><div class="contentBlock introductionContainer"> <div class="content"> <p>Health Action exists to achieve equity and improve health and well-being for all in Sonoma County.<span lang="EN"></span></p> <p><strong><span class="articleLead">Equity is not the same as equality.</span></strong></p> <p><strong><span class="articleLead">Equality means that everyone gets the same thing.</span></strong></p> <p><strong><span class="articleLead">Equity means that everyone gets what they need to have equal opportunities.</span></strong></p> <p><span class="articleLead"><img src="Microsites/Health%20Action/Images/Health_Action/_Uploaded_Images/_Content/bicycle-equity.jpg" alt="Bicycle Equity" title="Ektron Images/uploadedImages/Health_Action/_Uploaded_Images/_Content/bicycle-equity.jpg" width="500" height="281" class="blockImg" caption="false"></span></p> <div class="contentBlock introductionContainer"> <div class="content"> <p>Inequity is bad for our health as a community. Study after study demonstrates that good health depends on much more than access to medical care. Health is affected by a broad set of factors from genetics to behavior to community conditions.</p> </div> </div> <div class="contentBlock"> <div class="columnTitle"> <h2>What Goes Into Your Health</h2> <p><img src="Microsites/Health%20Action/Images/Health_Action/_Uploaded_Images/_Content/what-goes-into-health.jpg" alt="What goes into your health" title="Ektron Images/uploadedImages/Health_Action/_Uploaded_Images/_Content/what-goes-into-health.jpg" width="500" height="433" class="blockImg"></p> <p> <div class="contentBlock"> <div class="columnTitle"> <h2>Portrait of Sonoma County</h2> </div> <div class="content"> <p>The <a href="http://upstreaminvestments.org/Impact/Portrait-of-Sonoma-County/" target="_blank" rel="noopener"><em>Portrait of Sonoma County 2021 Update</em></a> is a follow-up report to the groundbreaking 2014 <em>A Portrait of Sonoma County</em>, which shifted the community’s understanding of what determines well-being in Sonoma County and how conditions vary between neighborhoods. Health Action created its Framework for Action based on the 2014 report, categorizing priorities in health, education, and income in alignment with the Human Development Index used to produce these reports.</p> <p>While Sonoma County has seen some improvement since 2014, the updated report also reveals persistent, growing disparities. </p> </div> </div> <div class="contentBlock"> <div class="columnTitle"> <h2><a href="https://insight.livestories.com/s/place-matters-health-action-chapters/55fc790ea750b31c83358e2e/" class="cta">Place Matters</a></h2> <p><img src="Microsites/Health%20Action/Images/Health_Action/_Uploaded_Images/_Content/Roesland-bennetvalleycomparison.jpg" alt="HDI Hi-Low Comparison of Sonoma County 2021" title="Ektron Images/uploadedImages/Health_Action/_Uploaded_Images/_Content/Roesland-bennetvalleycomparison.jpg" width="500" height="204" class="blockImg"></p> </div> <div class="content"> <p> <div class="floatLeft"> <p><strong>Roseland</strong><br>HD Index: 3.38<br>Life Expectancy (Years): 76.3<br>Education Index: 3.42<br>Median Earnings: $24,325</p> </div> <div class="floatRight"> <p><strong>East Bennett Valley</strong><br>HD Index: 8.65<br>Life Expectancy (Years): 85.0<br>Education Index: 8.05<br>Median Earnings: $72,412</p> </div> <div class="floatLeft"> <p><em>The above infographic represents 2014-2019 data.</em></p> <p>Research shows that the most significant long-term impact we can make on individual and community health is through progress on housing, poverty, and education. No single organization can make significant improvements in these complex areas. Bringing about change requires collaboration and support across the entire community. Health Action mobilizes people, partnerships, and resources toward achieving shared goals of greater equity and better health and well-being for all in Sonoma County.</p> </div> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> </div> </div> </div> </main> <footer> <div class="footer-head"> <div class="footer-bar"></div> <div class="container"> <div class="row"> <div class="col-lg-auto col-xl-5"> <div class="row"> <div class="col-sm-auto"> <p> <img src="/Microsites/Health%20Action/Images/Health_Action/_Uploaded_Images/_Logos_and_Banners/thumb_HealthActionLogo-120.jpg" alt="Health Action" /> </p> </div> <div class="col-sm"> <div class="h4">Health Action - Why We Do It</div> </div> </div> <hr class="d-lg-none"> </div> <div class="col-sm col-lg"> <div><strong>Business Hours</strong></div> <div>(Monday - Friday)</div> <div>8:00 - 5:00 PM</div> </div> <div class="col-sm col-lg-auto col-xl"> <div><strong>Contact Us</strong></div> <div><span class="telNumber">Email: <a href="mailto:HA2.0SonomaCounty@gmail.com">HA2.0SonomaCounty@gmail.com</a></span></div> </div> <div class="col-sm col-lg"> <div><a href="https://maps.google.com/maps?f=d&amp;source=s_d&amp;hl=en&amp;ie=UTF8&amp;z=16&amp;saddr=&daddr=1450+Neotomas+Ave.,Santa+Rosa,CA+95405" title="External Link" class="dirGoogleMaps external" rel="external"></a></div> <p></p> <div id="google_translate_element"></div> </div> </div> </div> </div> </footer> </div> <div class="dropdowns no-top"> <div id="dropdown-search" class="dropdown dropdown-search"> <div class="dropdown-content"> <div class="container"> <div id="search-form-mobile" data-searchaction="/health-action-search-results" data-searchpageid="x107871" data-searchsuggestaction="/api/SearchSuggest" data-placeholder="What are you looking for?"> </div> </div> </div> </div> <script src="/Content/searchResults/homeBannerMobile/static/js/main.6178d018.js"></script> </div> <script src="https://kit.fontawesome.com/a3a5044611.js" crossorigin="anonymous"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script type="text/javascript" src="/Content/js/js.cookie.js"></script> <script src="/Content/js/bundle_js_main?v=FBoZwGoImQR_FZz_IxRi2dZ4Cn4kII_8tXXcWNnyZ-I1"></script> <script async src="https://siteimproveanalytics.com/js/siteanalyze_1303154.js"></script> <script> window.addEventListener('load', () => { const header = document.querySelector('#page > header'); const dropdownsContainer = document.querySelector('.dropdowns'); const languageLink = document.querySelector('.dropdown-content .container > ul:last-child > li:last-child a'); const translateWrap = document.querySelector('header .translate-wrap'); const translateWidget = document.querySelector('.translate-wrap .goog-te-combo'); const translateWrapParent = translateWrap.parentElement; if (header && dropdownsContainer && languageLink && translateWrap && translateWidget) { languageLink.addEventListener('click', event => { event.preventDefault(); if (languageLink.nextElementSibling === translateWrap) { if (translateWrap.style.display === 'none') { translateWrap.style.removeProperty('display'); } else { translateWrap.style.display = 'none'; } } else { translateWrap.style.removeProperty('display'); languageLink.parentElement.appendChild(translateWrap); } }); let lastWidth = window.innerWidth; window.addEventListener('resize', () => { if (lastWidth < 992 && window.innerWidth > 991 && languageLink.nextElementSibling === translateWrap) { translateWrapParent.appendChild(translateWrap); } lastWidth = window.innerWidth; }); const toggleHeaderMarginOnTranslate = () => { let onTranslateAttempts = 0; const headerMarginTranslateInterval = setInterval(() => { if (onTranslateAttempts < 9) { const skipTranslateContainer = document.querySelector('body > .skiptranslate:first-child'); if (skipTranslateContainer) { if (skipTranslateContainer.style.display !== 'none') { header.style.top = '40px'; dropdownsContainer.style.top = '90px'; } else { header.style.removeProperty('top'); dropdownsContainer.style.removeProperty('top'); } clearInterval(headerMarginTranslateInterval); } } else { clearInterval(headerMarginTranslateInterval); } onTranslateAttempts++; }, 100); }; const translateObserver = new MutationObserver(toggleHeaderMarginOnTranslate); translateObserver.observe(translateWidget, {childList: true}); let onLoadAttempts = 0; const headerMarginInterval = setInterval(() => { if (onLoadAttempts < 9) { const skipTranslateContainer = document.querySelector('body > .skiptranslate:first-child'); if (skipTranslateContainer && skipTranslateContainer.style.display !== 'none') { header.style.top = '40px'; dropdownsContainer.style.top = '90px'; clearInterval(headerMarginInterval); } } else { clearInterval(headerMarginInterval); } onLoadAttempts++; }, 100); } }); </script> <style> .responsive-table.active table tbody tr:nth-child(even) th { background: #F4F3F3; border-right: none; } .responsive-table.active table tbody tr:nth-child(odd) th { background: #FFF; border-right: none; } .listing-container .listing a.primary-text { text-transform: capitalize; } @media (max-width: 991px) { header .global-alerts { top: 100%; top: calc(100% + 50px); } .microsite header .global-alerts { top: 100%; } } .accordions .accordion .toggle a::after {font: var(--fa-font-solid);} .list-checklist li a::after {font: var(--fa-font-solid);} .mfp-content .mfp-bottom-bar .mfp-counter::before {font: var(--fa-font-solid);} .tray-heading .radios a::after {font: var(--fa-font-solid);} .tray-heading .radios .search-select input[type=radio] + label::before {font: var(--fa-font-solid);} @media all and (max-width: 991px) { .dropdown-content .translate-wrap { padding: 5px 10px; border-radius: 5px; background: #FFF; margin-top: 10px; } .dropdown-content .skiptranslate { display: flex; align-items: center; } .dropdown-content .goog-te-gadget .goog-te-combo { font-family: "Open Sans",Verdana,sans-serif; font-size: 1.5rem; padding: 3px; margin-right: 15px; } .dropdowns .dropdown.dropdown-initial .dropdown-content ul li .translate-wrap a { color: #505050 } } @media (max-width: 992px) { #content img, #content iframe, .body-copy img, .body-copy iframe { max-width: 100%; height: auto; } #content, .body-copy { word-wrap: break-word; } } </style> <script language="javascript"> $(function () { if ($('header .global-alerts .alert').length > 0) { var alertIds = $('header .global-alerts .view-alerts').data('id').split('|'); if (alertIds.length > 0) { var dismissedAlertsCookie = Cookies.get('Sonoma_x5_Alerts') || ''; var newAlerts = 0; var dialogOpened = false; var dismissedAlerts = []; if (dismissedAlertsCookie) { var splitStatusAlerts = dismissedAlertsCookie.split(':'); if (splitStatusAlerts.length > 0) { dialogOpened = splitStatusAlerts[0] === 'opened'; if (splitStatusAlerts[1]) { dismissedAlerts = splitStatusAlerts[1].split('|'); } } } alertIds.forEach(function (alertId) { if (dismissedAlerts.indexOf(alertId) === -1) { newAlerts++; $('#' + alertId).addClass('new-alert').after($('<span class="new-alert-indicator">New</span>')); } }); if (newAlerts > 0) { $('header .global-alerts .alert-count').text(newAlerts > 1 ? newAlerts + ' new alerts' : '1 new alert'); $('header .global-alerts .view-icon').addClass('hidden'); } else { $('header .global-alerts .alert-count').text(alertIds.length > 1 ? alertIds.length + ' alerts' : '1 alert'); $('header .global-alerts').addClass('viewed'); $('header .global-alerts .view-text').addClass('hidden'); } if (dialogOpened) { $('header .global-alerts').removeClass('closed').addClass('opened viewed'); $('header .global-alerts .view-alerts').attr('aria-expanded', true); $('header .global-alerts .view-alerts i').removeClass('hidden'); $('header .global-alerts .view-alerts .view-text').addClass('hidden'); $('header .global-alerts .view-alerts .sr-only').text('Hide Alerts'); $('header .global-alerts .alerts').show(); if (window.innerWidth < 395 && window.innerHeight - 44 - Number(window.getComputedStyle(document.querySelector('header')).height.replace('px', '')) < $('header .global-alerts .alerts').prop('scrollHeight')) { $('header .global-alerts .alerts').css('height', window.innerHeight - 44 - Number(window.getComputedStyle(document.querySelector('header')).height.replace('px', '')) + 'px').css('overflow-y', 'scroll'); $('html').addClass('behind'); } else { $('header .global-alerts .alerts').css('height', ''); } } } $('header .global-alerts .view-alerts').on('click keydown', function (e) { if (e.type === 'click' || (e.type === 'keydown' && (e.key === 'Space' || e.key === 'Enter' || e.key === 'ArrowDown' || e.key === 'ArrowUp'))) { e.preventDefault(); $(this).attr('disabled', true); if ($('header .global-alerts').hasClass('viewed') && $('header .global-alerts').hasClass('opened')) { document.cookie = "Sonoma_x5_Alerts=closed:" + $(this).data('id') + ";Max-Age=2592000;SameSite=Strict;Path=/;"; } else if ($('header .global-alerts').hasClass('viewed')) { document.cookie = "Sonoma_x5_Alerts=opened:" + $(this).data('id') + ";Max-Age=2592000;SameSite=Strict;Path=/;"; } else if ($('header .global-alerts').hasClass('closed')) { var alertsSeenString = Cookies.get('Sonoma_x5_Alerts'); if (alertsSeenString) { alertsSeenString = alertsSeenString.replace('opened:', '').replace('closed:', ''); document.cookie = "Sonoma_x5_Alerts=opened:" + alertsSeenString + ";Max-Age=2592000;SameSite=Strict;Path=/;"; } else { document.cookie = "Sonoma_x5_Alerts=opened;Max-Age=2592000;SameSite=Strict;Path=/;"; } } !$('header .global-alerts .alerts').is(':visible') && $('header .global-alerts').removeClass('closed').addClass('opened'); $('header .global-alerts .alerts').slideToggle(200, function () { if ($(this).is(':visible') && window.innerWidth < 395 && window.innerHeight - 44 - Number(window.getComputedStyle(document.querySelector('header')).height.replace('px', '')) < this.scrollHeight) { $(this).css('height', window.innerHeight - 44 - Number(window.getComputedStyle(document.querySelector('header')).height.replace('px', '')) + 'px').css('overflow-y', 'scroll'); $('html').addClass('behind'); } else { $(this).css('height', ''); $('html').removeClass('behind'); } $('header .global-alerts').addClass('viewed'); $('header .global-alerts .view-alerts') .attr('aria-expanded', $(this).is(':visible')) .removeAttr('disabled') $('header .global-alerts .view-alerts i').removeClass('hidden'); $('header .global-alerts .view-alerts .view-text').addClass('hidden'); if ($(this).is(':visible')) { $('header .global-alerts .view-alerts .sr-only').text('Hide Alerts'); if (e.type === 'keydown' && e.key === 'ArrowUp') { $('header .global-alerts .alert:last-child a').focus(); } else { $('header .global-alerts .alert:first-child a').focus(); } } else { $('header .global-alerts .view-alerts .sr-only').text('Show All Alerts'); $('header .global-alerts .view-alerts').focus(); $('header .global-alerts').addClass('closed').removeClass('opened'); } }); } }); $('header .global-alerts .alert-link').keydown(function (e) { switch (e.key) { case 'Escape': $('header .global-alerts .view-alerts').click(); case 'ArrowUp': e.preventDefault(); if ($(this).parent().prev().length > 0) { $('a', $(this).parent().prev()).focus(); } else { $('a', $(this).parent().siblings(':last-child')).focus(); } break; case 'ArrowDown': e.preventDefault(); if ($(this).parent().next().length > 0) { $('a', $(this).parent().next()).focus(); } else { $('a', $(this).parent().siblings(':first-child')).focus(); } break; case 'Home': e.preventDefault(); $('a', $(this).parent().siblings(':first-child')).focus(); break; case 'End': e.preventDefault(); $('a', $(this).parent().siblings(':last-child')).focus(); break; } }); } else { Cookies.remove('Sonoma_x5_Alerts'); } }); </script> <!-- Google Translate --> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element'); } </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> </body> </html>