Operational Excellence https://www.aha.org/ en Jim Hinton, CEO of Baylor Scott & White Health, on a concerted approach to affordability https://www.aha.org/news/videos/2018-01-05-jim-hinton-ceo-baylor-scott-white-health-concerted-approach-affordability <span class="title">Jim Hinton, CEO of Baylor Scott &amp; White Health, on a concerted approach to affordability</span> <span class="uid"><span>aha</span></span> <span class="created">Jan 5, 2018</span> <div class="body"><div class="hs-responsive-embed-youtube"><iframe allow="encrypted-media" allowfullscreen="" frameborder="0" gesture="media" height="315" src="https://www.youtube.com/embed/WdvPopgBaEA" width="560"></iframe></div> <div class="hs-responsive-embed-youtube">&nbsp;</div> </div> <div class="field_topics"> <div><a href="/topics/operational-excellence" class="topic" hreflang="en">Operational Excellence</a></div> <div><a href="/topics/supply-chain-management" hreflang="en">Supply chain management</a></div> </div> <div class="field_type">Videos</div> Fri, 05 Jan 2018 11:49:58 +0000 aha 15787 at https://www.aha.org [Sponsored] Innovating for Improved Operational Excellence https://www.aha.org/advancing-health-podcast/2021-03-31-sponsored-innovating-improved-operational-excellence <span class="title">[Sponsored] Innovating for Improved Operational Excellence </span> <span class="uid"><span>dsamuels_drupal</span></span> <span class="created">Mar 31, 2021 - 10:40 AM</span> <div class="body"><p>Texas Health Resources faced a long-standing problem of addressing process and documentation breakdowns in clinical documentation, denials management and coding. On this Advancing Health podcast, David Salsberry, chief revenue officer of Texas Health Resources, discusses how the system formed a collaborative team of leaders to bridge these performance gaps. This podcast is sponsored by <a href="https://www.protiviti.com/">Protiviti</a>.</p> <hr /> <p><iframe allow="autoplay" frameborder="no" height="166" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1019738575&amp;color=%2324507d&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;show_teaser=true" width="100%"></iframe></p> <div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/advancinghealth" style="color: #cccccc; text-decoration: none;" target="_blank" title="Advancing Health">Advancing Health</a> · <a href="https://soundcloud.com/advancinghealth/sponsored-innovating-for-improved-operational-excellence" style="color: #cccccc; text-decoration: none;" target="_blank" title="[Sponsored] Innovating for improved operational excellence">[Sponsored] Innovating for improved operational excellence</a></div> <p><a href="https://soundcloud.com/advancinghealth/sponsored-innovating-for-improved-operational-excellence">Listen to the Podcast on Soundstage.</a></p> </div> <div class="field_topics"> <div><a href="/topics/operational-excellence" class="topic" hreflang="en">Operational Excellence</a></div> </div> <div class="field_type"> <div>Type</div> <div><a href="/type/advancing-health-podcast" hreflang="en">Advancing Health Podcast</a></div> </div> <div class="field_access_level"> <div>Access Level</div> <div><a href="/taxonomy/term/278" hreflang="en">Public</a></div> </div> <div class="field_paragraphs_text_with_heade"> <div> <div class="paragraph paragraph--type--paragraphs-text-with-headers- paragraph--view-mode--default"> </div> </div> </div> <div class="field_search_promotion"> <div>Search Promotion</div> <div>Not Promoted</div> </div> <div class="field_archived"> <div>Archived</div> <div>Off</div> </div> Wed, 31 Mar 2021 15:40:24 +0000 dsamuels_drupal 676512 at https://www.aha.org COVID-19: Impact on Physician and APP Workforce Strategies https://www.aha.org/education-events/covid-19-impact-physician-and-app-workforce-strategies <span class="title">COVID-19: Impact on Physician and APP Workforce Strategies</span> <span class="uid"><span>koliver_drupal</span></span> <span class="created">Aug 24, 2020 - 01:16 PM</span> <div class="field_start_date_time">Wed, Oct 14, 2020, 12:00 PM</div> <div class="field_end_date_time">Wed, Oct 14, 2020, 1:00 PM</div> <div class="body"><div class="webreplay"> <style> .webreplay{ border: solid 2px #777; padding: 15px 5px; margin: 0 0 10px 15px; } @media (min-width:360px){ .webreplay{ min-width: 290px; float: right; } } </style> <h2 style="text-align:center; margin:0 0 10px 0"><small>On-demand Webinar</small></h2> <script src="//app-sj20.marketo.com/js/forms2/js/forms2.min.js"></script> <form id="mktoForm_5823"></form> <script>MktoForms2.loadForm("//app-sj20.marketo.com", "734-ZTO-041", 5823);</script> </div> <p><strong>COVID-19: Impact on Physician and APP Workforce Strategies&nbsp;</strong><br /> <em>Positioning Your Organization for Success in the New Normal</em></p> <p><strong>Wednesday, October 14, 2020</strong>&nbsp;<br /> <em>1&nbsp;-&nbsp;2&nbsp;p.m.&nbsp;Eastern;&nbsp;noon -&nbsp;1&nbsp;p.m. Central; 10&nbsp;-&nbsp;11&nbsp;a.m.&nbsp;Pacific&nbsp;&nbsp;</em></p> <p>COVID-19 continues to generate&nbsp;a number of&nbsp;serious financial and operational challenges for health care organizations across the country. The impact of the pandemic has accelerated the need for strategic alignment between health systems and their employed and affiliated physicians and advanced practice providers (APPs). As the health care field begins to look ahead and plan for financial recovery and operational transformation, executive leadership should take this time to reassess their organization’s alignment strategies and affiliation models to identify key workforce and care delivery optimization opportunities.&nbsp;&nbsp;</p> <p>Working in partnership with physicians and APPs, organizational leaders are evaluating ways to best position themselves to manage anticipated increases in volume, navigate the transition to value-based reimbursement, and support long-term financial sustainability. Key factors for developing well-aligned physician and APP affiliation relationships include a comprehensive care team optimization strategy with the necessary compensation programs, administrative processes, and performance management systems to effectively support it.&nbsp;</p> <p>In this webinar,&nbsp;SullivanCotter&nbsp;will present a strategic framework for optimizing the physician and APP workforce through enhanced affiliation models and relationships. This framework includes three important components: (1) Workforce Composition and Deployment Assessment; (2) Innovative Compensation Plans to Enhance Strategic Alignment; and (3) Expanded Leadership Oversight and Performance Management Processes. In addition to sharing leading practices and “lessons learned” from some of&nbsp;SullivanCotter’s&nbsp;clients’ experiences during the pandemic, we will also discuss key considerations moving forward as the field adjusts to this “new normal.”&nbsp;</p> <p><strong>Attendees Will Learn:&nbsp;</strong></p> <ul> <li>Physician and APP alignment strategies during and beyond the COVID-19 pandemic.&nbsp;</li> <li>Key components for enhancing strategic alignment between physicians/APPs and health systems.&nbsp;</li> <li>Leading practices in physician needs assessments and key considerations for primary care team optimization.&nbsp;</li> <li>Emerging trends and leading practices in physician and APP compensation by exploring proprietary survey and research data from&nbsp;SullivanCotter.&nbsp;&nbsp;</li> <li>How to utilize physician feedback and emerging performance management tools to aid in the development of core performance expectations and incentive plan metrics.&nbsp;</li> </ul> <p><strong>Speakers:&nbsp;</strong><br /> <br /> Ron Vance&nbsp;<br /> <em>Managing Principal&nbsp;</em><br /> <strong>SullivanCotter&nbsp;</strong><br /> Atlanta, Ga.&nbsp;&nbsp;</p> <p>Trish Anen&nbsp;<br /> <em>Principal&nbsp;</em><br /> <strong>SullivanCotter&nbsp;</strong><br /> Chicago, IL&nbsp;<br /> &nbsp;<br /> Jason Tackett&nbsp;<br /> <em>Principal&nbsp;</em><br /> <strong>SullivanCotter&nbsp;</strong><br /> Southfield, MI&nbsp;&nbsp;&nbsp;</p> <p>&nbsp;</p> </div> <div class="field_event_format">Webinar</div> <div class="field_contact_name">Kristin Oliver</div> <div class="field_email"><a href="mailto:koliver@aha.org">koliver@aha.org</a></div> <div class="field_phone">13128952546</div> <div class="field_media_sponsored_by_logo"> <div><article> <div class="field_media_image"> <img src="/sites/default/files/2019-12/logo-sullivan-cotter.png" width="834" height="314" alt="SullivanCotter Sponsor Logo" /> </div> </article> </div> </div> <div class="field_topics"> <div>Topics</div> <div> <div><a href="/topics/strategic-planning" class="topic" hreflang="en">Strategic Planning</a></div> <div><a href="/topics/workforce" hreflang="en">Workforce</a></div> <div><a href="/topics/clinical-resource-management-crm" hreflang="en">Clinical Resource Management (CRM)</a></div> <div><a href="/topics/operational-excellence" hreflang="en">Operational Excellence</a></div> <div><a href="/topics/care-delivery" hreflang="en">Care Delivery</a></div> <div><a href="/topics/covid-19-caring-patients-and-communities" hreflang="en">COVID-19: Caring for Patients and Communities</a></div> </div> </div> <div class="field_promoted_search_terms"> <div>Promoted Search Terms</div> <div>workforce; staffing</div> </div> <div class="field_search_promotion"> <div>Search Promotion</div> <div>Not Promoted</div> </div> <div class="field_host">American Hospital Association</div> <div class="field_event_cost">Free</div> <div class="field_type">Webinars</div> <div class="field_all_day_event">No</div> <div class="field_priority"> <div>Priority Weight</div> <div>0</div> </div> Mon, 24 Aug 2020 18:16:36 +0000 koliver_drupal 634394 at https://www.aha.org Virtual Care Expands Access, Improves Outcomes in Pandemic Surge https://www.aha.org/education-events/virtual-care-expands-access-improves-outcomes-pandemic-surge <span class="title">Virtual Care Expands Access, Improves Outcomes in Pandemic Surge</span> <span class="uid"><span>koliver_drupal</span></span> <span class="created">Aug 24, 2020 - 12:38 PM</span> <div class="field_start_date_time">Wed, Oct 07, 2020, 12:00 PM</div> <div class="field_end_date_time">Wed, Oct 07, 2020, 1:00 PM</div> <div class="body"><div class="webreplay"> <style> .webreplay{ border: solid 2px #777; padding: 15px 5px; margin: 0 0 10px 15px; } @media (min-width:360px){ .webreplay{ min-width: 290px; float: right; } } </style> <h2 style="text-align:center; margin:0 0 10px 0"><small>On-demand Webinar</small></h2> <script src="//app-sj20.marketo.com/js/forms2/js/forms2.min.js"></script> <form id="mktoForm_5793"></form> <script>MktoForms2.loadForm("//app-sj20.marketo.com", "734-ZTO-041", 5793);</script> </div> <p><strong>Virtual Care Expands Access, Improves Outcomes in Pandemic Surge</strong><br /> <em>Featuring a Case Study by Holy Name Medical Center&nbsp;</em><br /> <br /> <strong>Wednesday, October 7, 2020&nbsp;</strong><br /> <em>1&nbsp;-&nbsp;2&nbsp;p.m.&nbsp;Eastern;&nbsp;noon -&nbsp;1&nbsp;p.m. Central; 10&nbsp;-&nbsp;11&nbsp;a.m.&nbsp;Pacific&nbsp;</em>&nbsp;<br /> <br /> The pandemic triggered an unprecedented patient surge in the northeast region, prompting the forward-thinking leadership team at Holy Name Medical Center&nbsp;to quickly pivot their care model to address the needs of COVID patients. Leveraging&nbsp;virtual&nbsp;care technologies enabled the 361-bed independent medical center to quickly implement screening protocols and provide real-time monitoring and care to COVID patients remotely. The telemedicine and telemonitoring platforms helped Holy Name stay connected with&nbsp;its&nbsp;patients during an overwhelming time, while also decreasing the risk of exposure, increasing safety, and improving outcomes.&nbsp;&nbsp;</p> <p>Those attending this webinar will learn how to quickly transform their existing model to meet the needs of patients&nbsp;in the midst of&nbsp;a pandemic, without compromising quality of care.&nbsp;</p> <p><strong>Attendee Will Learn:&nbsp;</strong></p> <ul> <li>How to quickly and successfully pivot a care model: lessons learned from Holy Name Medical Center.&nbsp;</li> <li>Why telemedicine and telemonitoring is here to stay: navigating virtual care options is&nbsp;the new normal.&nbsp;</li> <li>How virtual care technologies augment prevention and care&nbsp;through&nbsp;improved communication&nbsp;and&nbsp;greater convenience.&nbsp;&nbsp;</li> </ul> <p><strong>Speakers:&nbsp;</strong><br /> &nbsp;<br /> Michael Maron&nbsp;<br /> <em>President and CEO&nbsp;</em><br /> <strong>Holy Name Medical Center&nbsp;</strong><br /> Teaneck, N.J.&nbsp;</p> <p>&nbsp;</p> </div> <div class="field_event_format">Webinar</div> <div class="field_contact_name">Kristin Oliver</div> <div class="field_email"><a href="mailto:koliver@aha.org">koliver@aha.org</a></div> <div class="field_phone">13128952546</div> <div class="field_media_sponsored_by_logo"> <div><article> <div class="field_media_image"> <img src="/sites/default/files/2020-08/VitalTech_logo_image001.png" width="293" height="83" alt="VitalTech logo" /> </div> </article> </div> </div> <div class="field_topics"> <div>Topics</div> <div> <div><a href="/topics/leveraging-technology" class="topic" hreflang="en">Leveraging Technology</a></div> <div><a href="/topics/care-coordination" hreflang="en">Care Coordination</a></div> <div><a href="/topics/care-delivery" hreflang="en">Care Delivery</a></div> <div><a href="/topics/operational-excellence" hreflang="en">Operational Excellence</a></div> <div><a href="/topics/current-emerging-payment-models" hreflang="en">Current &amp; Emerging Payment Models</a></div> <div><a href="/topics/telehealth" hreflang="en">Telehealth</a></div> <div><a href="/topics/covid-19-telehealth-and-virtual-care" hreflang="en">COVID-19: Telehealth and Virtual Care</a></div> </div> </div> <div class="field_promoted_search_terms"> <div>Promoted Search Terms</div> <div>Telehealth, virtual care</div> </div> <div class="field_search_promotion"> <div>Search Promotion</div> <div>Not Promoted</div> </div> <div class="field_host">American Hospital Association</div> <div class="field_event_cost">Free</div> <div class="field_type">Sponsored Webinars</div> <div class="field_all_day_event">No</div> <div class="field_priority"> <div>Priority Weight</div> <div>0</div> </div> Mon, 24 Aug 2020 17:38:11 +0000 koliver_drupal 634376 at https://www.aha.org Affordability & Value in Health Care | Center https://www.aha.org/center/affordability-value <span class="title">Affordability &amp; Value in Health Care | Center</span> <span class="uid"><span>Keith Hand CA</span></span> <span class="created">Aug 10, 2020 - 05:09 PM</span> <div class="body"></div> <div class="field_custom_elements"> <div> <div class="paragraph paragraph--type--reusable-cta paragraph--view-mode--default"> <div class="field_reusable_cta"><article role="article"> <div class="reusable-cta--theme- reusable-cta--container cta-background-color-"> <div class="reusable-cta--text-fields-container "> <div class="reusable-cta--field cta--field-text color-"> <div class="field_text"><style type="text/css"> /* Center Elements */ /* Site overrides - Start */ body, .body, body ol>li, .body ol>li, body p, .body p, body ul>li .body ul>li { font-size: 16px; color: #555 } #global-footer div { color: #B1B3B3; font-size: 11.9px; } h2, h4 { text-transform: uppercase; color: #253b80 } h3, h5 { color: #4579bc } .lead, .field_lead p { color: #63666A; font-weight: 300; line-height: 1.4; font-size: 21px; } a:hover { text-decoration: none } /* Site overrides - End*/ /*Drupal Menu*/ #toolbar-administration{ background-color: #000; } #toolbar-item-workbench-tray{ position: relative; } /*Moves the Moderation State message down*/ #content-moderation-entity-moderation-form{ position: fixed; bottom: 0px; left: 0px; z-index: 1000 } .entity-moderation-form { margin: 15px; opacity: .7 } /* New BannerTitlesOverlay */ .BannerTitlesOverlay { position: relative; display: block; overflow: hidden; max-width: 1170px; margin: 0px auto 25px auto; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#043E87', endColorstr='#307FE2'); background-image: url(''), -webkit-gradient(linear, left top, right top, from(#307FE2), to(#043E87)); background-image: url(''), -o-linear-gradient(left, #307FE2, #043E87); background-image: url(''), linear-gradient(to right, #307FE2, #043E87); } .BannerTitlesOverlay img{ float: right; } @media (max-width:1200px){ .BannerTitlesOverlay img{ opacity: .6 } } @media (min-width:1200px){ .BannerTitlesOverlay .BannerTitlesOverlayWrapper{ position: absolute; width: 60%; top: 0px; height: 100%; } } @media (min-width:769px) and (max-width:1199px){ .BannerTitlesOverlay .BannerTitlesOverlayWrapper{ position: absolute; width: 80%; top: 0px; height: 100%; } } .BannerTitlesOverlay h1 { position: absolute; bottom: 60%; color: #fff; width: 100%; padding: 0px 40px; font-size: 3em; /*background-color: rgba(255, 255, 255, .8); box-shadow: 0 3px 8px -5px rgba(0, 0, 0, .6);*/ } .BannerTitlesOverlay h2 { position: absolute; top:40%; color: #fff; width: 100%; padding: 0px 40px; font-size: 2.4em; text-transform: none; } @media (max-width:1199px) { .BannerTitlesOverlay h1 { font-size: 2.4em; } .BannerTitlesOverlay h2 { font-size: 2em; } } @media (max-width:991px) { .BannerTitlesOverlay h1 { font-size: 2.2em; } .BannerTitlesOverlay h2 { font-size: 1.8em; } } @media (max-width:767px) { .BannerTitlesOverlay h1 { font-size: 2em; text-align: center; text-indent: 0px; padding: 10px 20px; } .BannerTitlesOverlay h2 { font-size: 1.5em; text-align: center; text-indent: 0px; padding: 10px 20px; } } @media (max-width:657px) { .BannerTitlesOverlay h1 { bottom:50%; font-size: 2em; margin: 0; padding: 15px; display: inline-block } .BannerTitlesOverlay h2 { font-size: 1.3em; position: relative; margin:0px; padding: 15px; display: inline-block } } @media (max-width:360px) { .BannerTitlesOverlay h1 { top:10px; font-size: 1.6em; line-height: 1em } .BannerTitlesOverlay h2 { font-size: 1.3em; position: relative; margin:0px; padding: 15px; display: inline-block } } /* New BannerTitlesOverlay // */ /* BannerTitlesOverlayCntr */ .BannerTitlesOverlayCntr { position: relative; display: block; overflow: hidden; max-width: 1170px; margin: 0px auto 25px auto; height: 300px; text-align: center; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#043E87', endColorstr='#307FE2'); background-image: url(''), -webkit-gradient(linear, left top, right top, from(#307FE2), to(#043E87)); background-image: url(''), -o-linear-gradient(left, #307FE2, #043E87); background-image: url(''), linear-gradient(to right, #307FE2, #043E87); } .BannerTitlesOverlayCntrInner { position: absolute; bottom: 50px; width: 100%; } .BannerTitlesOverlayCntr h1 { color: #fff; padding: 0px 40px; font-size: 3em; } .BannerTitlesOverlayCntr p { color: #fff; padding: 0px 40px; font-size: 20px; } @media (max-width:991px) { .BannerTitlesOverlayCntr h1 { bottom: 0px; margin: 0px; font-size: 2.7em; } .BannerTitlesOverlayCntr { height: 250px; } } @media (max-width:767px) { .BannerTitlesOverlayCntr h1 { font-size: 2.3em; text-align: center; text-indent: 0px; padding: 10px 20px; } } @media (max-width:740px) { .BannerTitlesOverlayCntr { height: 125px; } .BannerTitlesOverlayCntr h1 { position: relative; top: 25px; width: 100%; display: block; } } @media (max-width:530px) { .BannerTitlesOverlayCntrInner { position: absolute; top: 25px; width: 100%; } .BannerTitlesOverlayCntr h1 { position: relative; top: -25px; width: 100%; display: block; } } /* BannerTitlesOverlayCntr // */ /* Banner_Title_Overlay_Bar */ .Banner_Title_Overlay_Bar { position: relative; display: block; overflow: hidden; max-width: 1170px; margin: 0px auto 25px auto; } .Banner_Title_Overlay_Bar h1 { position: absolute; bottom: 40px; color: #003087; background-color: rgba(255, 255, 255, .8); width: 100%; padding: 20px 40px; font-size: 3em; box-shadow: 0 3px 8px -5px rgba(0, 0, 0, .6); } @media (max-width:991px) { .Banner_Title_Overlay_Bar h1 { bottom: 0px; margin: 0px; font-size: 2.5em; } } @media (max-width:767px) { .Banner_Title_Overlay_Bar h1 { font-size: 2em; text-align: center; text-indent: 0px; padding: 10px 20px; } } @media (max-width:530px) { .Banner_Title_Overlay_Bar h1 { position: relative; background-color: #63666A22; } } /* Banner_Title_Overlay_Bar // */ /* center_body */ .center_body { /*margin-top:50px;*/ margin-bottom: 50px; } .center_body h3 {} .center_body p { font-size: 16px } p.center_Intro { color: #002855; line-height: 1.2em; font-size: 30px; margin: 10px 0 25px 0; font-weight: 700; font-size: 2em; } @media (max-width:768px) { p.center_Intro { line-height: 1.2em; font-size: 23px; font-size: 1.45em; } } .center_body .center_Lead { color: #63666A; font-weight: 300; line-height: 1.4; font-size: 21px; } /* center_body // */ /* y-hr3 */ .y-hr3{ clear: both; } .y-hr3 div:nth-child(2) { border-top: solid 2px lightgrey; margin: 50px 0px; height: 0px } /* y-hr3 // */ /* CTA_Button1 */ .CTA_Button1 .btn-primary { float: right; margin-bottom: 40px; background-color: #307FE2; border-color: #307FE2; color: #fff !important; } .CTA_Button1 .btn-primary { background-color: #307FE2; border-color: #5fa1d0; font-size: 1.5em; font-weight: 700 } .CTA_Button1 .btn-primary:hover { background-color: #002855; border-color: #002855; } /* CTA_Button1 // */ /* CTA_Button1sm */ .CTA_Button1sm .btn-primary { margin-bottom: 40px; background-color: #307FE2; border-color: #307FE2; color: #fff !important; margin: 15px 0px; display: block; } .CTA_Button1sm .btn-primary { background-color: #307FE2; border-color: #5fa1d0; font-size: 16px; font-weight: 700; padding-left: 15px; padding-right:15px } .CTA_Button1sm .btn-primary:hover { background-color: #002855; border-color: #002855; } /* CTA_Button1sm // */ /* CenterPrograms -Border Triangle Section */ .CenterPrograms { padding: 0 5% } @media (min-width:991px) { .CenterPrograms.rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterPrograms.rowEqual_768>[class*='CenterProgramsSection'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc((100% / 3) - 20px); float: left; } } @media (min-width:639px) and (max-width:990px) { .CenterPrograms.rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterPrograms.rowEqual_768>[class*='CenterProgramsSection'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc((100% / 2) - 20px); float: left; } } .CenterProgramsSection { margin: 0 10px 50px 10px; transition: .7s; position: relative; height: ; /*If no image*/ width: 100% } @media (max-width:640px) { .CenterProgramsSection { margin: 0 0px 50px 0px; } } .triangle { width: 0; height: 0; border-style: solid; border-width: 0 30px 30px 0; line-height: 0px; border-color: transparent #007bff transparent transparent; _border-color: #000000 #007bff #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position: absolute; right: 0px; } .ColorAbout .triangle { border-color: transparent #307fe2 transparent transparent; _border-color: #000000 #307fe2 #000000 #000000; } .ColorDiscover .triangle { border-color: transparent #d50032 transparent transparent; _border-color: #000000 #d50032 #000000 #000000; } .ColorEmgage .triangle { border-color: transparent #307fe2 transparent transparent; _border-color: #000000 #307fe2 #000000 #000000; } .CenterProgramsSectionInner { /*border: solid 2px rgba(85, 85, 85, 0.33); border: solid 2px #55555555;*/ border-right: solid 2px rgba(85, 85, 85, 0.33); border-right: solid 2px #55555555; border-bottom: solid 2px rgba(85, 85, 85, 0.33); border-bottom: solid 2px #55555555; border-top: solid 2px #fff; border-left: solid 2px #fff; /*background-color: rgba(85, 85, 85, 0.07); background-color: #55555511;*/ padding: 10px; overflow: hidden; height: 100%; } .CenterProgramsSectionInner img { margin: 0px auto 10px auto; display: block; width: 100%/**Take small img and fill whole space*/ ; display: /*Hide the img */ } .CenterProgramsSectionInner h3 { margin: 25px 0 15px 0; line-height: 1em; font-size: 2em; font-weight: 300; text-transform: uppercase } /*Color specific*/ .CenterProgramsSection.ColorAbout a { color: #307fe2; } .CenterProgramsSection.ColorDiscover a { color: #d50032; } .CenterProgramsSection.ColorEngage a { color: #69b3e7; } .CenterProgramsSectionInner p { font-size: 16px; line-height: 1.3em; } .CenterProgramsSectionInner span { position: absolute; bottom: 25px; left: 15px; font-weight: 700; } @media (max-width:991px) { .CenterProgramsSectionInner span { position: relative; bottom: 0px; } } /* Hover Settings*/ .CenterProgramsSection:hover { transform: scale(1.05); transition: .7s; } .CenterProgramsSectionInner:hover { border-right: solid 0px rgba(85, 85, 85, 0.33); border-bottom: solid 0px rgba(85, 85, 85, 0.33); border-right: solid 2px #5fa1d0; border-bottom: solid 2px #5fa1d0; border-top: solid 2px #5fa1d0; border-left: solid 2px #5fa1d0; } .CenterProgramsSectionInner:hover img { opacity: .7; } .CenterProgramsSectionInner:hover h3 a { color: #555; transition: .7s; } .CenterProgramsSectionInner:hover span a { color: #555; transition: .7s; } /* Add class for no img */ .CenterProgramsSection .CenterProgramsSectionInner { margin-bottom: 80px; } @media (max-width:640px) { .CenterProgramsSection .CenterProgramsSectionInner { margin-bottom: 0px; } } .CenterProgramsSection .CenterProgramsSectionInnerNoImg img { display: none; /* Just in case there is a img */ } .CenterProgramsSection .CenterProgramsSectionInnerNoImg h3 { margin: 90px 0 15px 0; } @media (max-width:640px) { .CenterProgramsSection .CenterProgramsSectionInnerNoImg h3 { margin: 10px 0 15px 0; } } /* CenterPrograms -Border Triangle Section // */ /* CenterProgram */ @media (min-width:768px){ .CenterProgram.rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterProgram.rowEqual_768>[class*='CenterProgramSection'] { -ms-flex: 1; /* IE 10 */ flex: auto; /* Remove auto if dont want to fill whole space*/ width: calc((100% / 2) - 1px) /*Adjust # for the number per row, will override the bootstrap - Also needed for Safari*/; } } .CenterProgram .CenterProgramSection { padding: 30px; border-bottom: 1px solid lightgrey; text-align:center; } .CenterProgram .CenterProgramSection:hover { padding: 30px; background-color: #55555511; } .CenterProgram .CenterProgramSection .FilterInner { transition: .7s; } .CenterProgram .CenterProgramSection .FilterInner:hover { transform: scale(1.05); transition: .7s; } @media (min-width:768px) { .CenterProgram .CenterProgramSection:nth-child(odd) { border-right: none; padding-left: 25px; border-right: 1px solid lightgrey; } } .CenterProgram .CenterProgramSection:last-child { border: ; /* why none */ } .CenterProgram .CenterProgramSection .FilterInner img { max-width:150px; } .CenterProgram .CenterProgramSection h3 a { color:#23527c; font-size:1.4em; line-height:1em } .CenterProgram .CenterProgramSection:hover h3 a { color:#5fa1d0 } .CenterProgram{ margin-top:25px; } #CenterProgramSearch{ width: 100%; margin: 0 auto 15px auto; padding: 5px; } /* CenterProgram // */ /* Slider | SliderArticles */ /*.SliderArticlesWrapper{ width: auto; max-width:915px; margin:auto; margin-top:50px; /*margin-bottom:70px*/ /*display: flex; }*/ /* Slider Articles - Main */ #SliderArticles { position: relative; /*background-color:#f6f6f6;*/ margin:0px 0 /* Need space? */ } @media (max-width: 767px) { #SliderArticles { border-color: transparent; } } #SliderArticles .MS-content { margin: 0px 5%; overflow: hidden; white-space: nowrap; } @media (max-width: 767px) { #SliderArticles .MS-content { margin: 0; } } #SliderArticles .MS-content .item { display: inline-block; height: 100%; /* Height - Wrapper */ overflow: hidden; position: relative; vertical-align: top; /* Vertical alignment of slides */ border:; /* Border */ width: 20%; /* Destop amount of slides - take same% off for right margin */ margin-right:; background-color: ; /* Background color */ white-space: normal; /* Lets text wrap */ } @media (max-width: 1200px) { #SliderArticles .MS-content .item { width: 25%; /* Amount of slides - Larger than a tablet */ } } @media (max-width: 992px) { #SliderArticles .MS-content .item { width: 33.3333%; /* Amount of slides - Tablet */ } } @media (max-width: 767px) { #SliderArticles .MS-content .item { width: 50%; /* Amount of slides - Smaller than a tablet */ } } #SliderArticles .MS-content .item p { font-size: 30px; text-align: center; line-height: 1; vertical-align: middle; margin: 0; padding: 10px 0; } #SliderArticles .MS-controls button { position: absolute; border: none; background: transparent; /* font-size: 30px; */ outline: 0; top: calc(25% - 30px); /* Adjust arrow position - will need to adjust! */ font-size: 55px; /* Arrow size - will need to adjust! */ font-weight: 700; /* Arrow weight - will need to adjust! */ } @media (max-width: 767px) { #SliderArticles .MS-controls button { display: none; } } #SliderArticles .MS-controls button:hover { cursor: pointer; } #SliderArticles .MS-controls .MS-left { left: 10px; } @media (max-width: 992px) { #SliderArticles .MS-controls .MS-left { left: -2px; } } #SliderArticles .MS-controls .MS-right { right: 10px; } @media (max-width: 992px) { #SliderArticles .MS-controls .MS-right { right: -2px; } } /*.item img { /* Image */ width: auto; max-height: 216px; margin: auto; display: block; }*/ /* // */ /* Slider - SliderArticles */ #SliderArticles{ width: auto; margin:auto; } .SliderArticlesWrapper { margin-right: 50px; text-align:center; margin: auto; padding: 0 15px } @media (max-width:768px){ .SliderArticlesWrapper { padding:15px 15px } } .SliderArticlesWrapper:hover { opacity: .7; } .SliderArticlesWrapper:hover img { transform: scale(1.09); transition: transform 1s; /* Animation */ } h3.SliderArticlesTitle{ color: #555; line-height: 1.3em; font-size:.9em; margin-top:10px } h3.SliderArticlesTitle a{ color: #555; } /* // */ /* Slider - Slider_Quote */ #Slider_Quote { position: relative; background-color:;/* Background color */ margin:25px 0 /* Need space? */ } #Slider_Quote .MS-content { overflow: hidden; white-space: nowrap; } #Slider_Quote .MS-content .item { display: inline-block; height: 100%; /* Height - Wrapper */ overflow: hidden; position: relative; vertical-align: top; /* Vertical alignment of slides */ border:; /* Border */ width: 100%; /* Destop amount of slides - take same% off for right margin */ margin-right:; background-color: ; /* Background color */ white-space: normal; /* Lets text wrap */ } #Slider_Quote .MS-controls button { position: absolute; border: none; background: transparent; /* font-size: 30px; */ outline: 0; top: calc(50% - 50px); /* Adjust arrow position - will need to adjust! */ font-size: 55px; /* Arrow size - will need to adjust! */ font-weight: 700; /* Arrow weight - will need to adjust! */ } @media (max-width: 767px) { #Slider_Quote .MS-controls button { display: none; } } #Slider_Quote .MS-controls button:hover { cursor: pointer; } #Slider_Quote .MS-controls .MS-left { left: 10px; } @media (max-width: 992px) { #Slider_Quote .MS-controls .MS-left { left: -2px; } } #Slider_Quote .MS-controls .MS-right { right: 10px; } @media (max-width: 992px) { #Slider_Quote .MS-controls .MS-right { right: -2px; } } /* Slider - Slider_Quote // */ /* Slider - Slider_AssociateSponosor */ .Slider_AssociateSponosor { margin:50px auto; } .Slider_AssociateSponosor h2{ color:#002855; line-height: 1.2em; font-size:30px; margin: 10px 0 15px 0; text-align:center; } /* Slider_AssociateSponosor */ #Slider_AssociateSponosor { position: relative; background-color:;/* Background color */ margin:0px 0 /* Need space? */ } @media (max-width: 767px) { #Slider_AssociateSponosor { border-color: transparent; } } #Slider_AssociateSponosor .MS-content { margin: 15px 5%; overflow: hidden; white-space: nowrap; } @media (max-width: 767px) { #Slider_AssociateSponosor .MS-content { margin: 0; } } #Slider_AssociateSponosor .MS-content .item { display: inline-block; height: 100%; /* Height - Wrapper */ overflow: hidden; position: relative; vertical-align: top; /* Vertical alignment of slides */ border:; /* Border */ width: 20%; /* Destop amount of slides */ margin-right:1%; background-color: ; /* Background color */ } @media (max-width: 1200px) { #Slider_AssociateSponosor .MS-content .item { width: 25%; /* Amount of slides - Larger than a tablet */ } } @media (max-width: 992px) { #Slider_AssociateSponosor .MS-content .item { width: 33.3333%; /* Amount of slides - Tablet */ } } @media (max-width: 767px) { #Slider_AssociateSponosor .MS-content .item { width: 50%; /* Amount of slides - Smaller than a tablet */ } } #Slider_AssociateSponosor .MS-content .item:hover { opacity: .7; padding: 0px; transform: scale(1.09); transition: transform 1s; /* Animation */ } #Slider_AssociateSponosor .MS-content .item p { font-size: 30px; text-align: center; line-height: 1; vertical-align: middle; margin: 0; padding: 10px 0; } #Slider_AssociateSponosor .MS-controls button { position: absolute; border: none; background: transparent; /* font-size: 30px; */ outline: 0; top: calc(25% - 30px); /* Adjust arrow position - will need to adjust! */ font-size: 55px; /* Arrow size - will need to adjust! */ font-weight: 700; /* Arrow weight - will need to adjust! */ } @media (max-width: 767px) { #Slider_AssociateSponosor .MS-controls button { display: none; } } #Slider_AssociateSponosor .MS-controls button:hover { cursor: pointer; } #Slider_AssociateSponosor .MS-controls .MS-left { left: 10px; } @media (max-width: 992px) { #Slider_AssociateSponosor .MS-controls .MS-left { left: -2px; } } #Slider_AssociateSponosor .MS-controls .MS-right { right: 10px; } @media (max-width: 992px) { #Slider_AssociateSponosor .MS-controls .MS-right { right: -2px; } } #Slider_AssociateSponosor .item img{ width:100% /* Image fill the full width */ } /* Slider - Slider_AssociateSponosor // */ /* quoteLG - used with Slider_AssociateSponosor */ .quoteLG { padding: 30px; border: solid 2px #69b3e7; overflow:auto; } .quoteLG .quoteLG_copy { color: #63666A; font-weight: 300; line-height: 1.4; font-size: 21px; padding-top:15px; } .quoteLG p.quoteLG_author{ font-size: 21px; font-weight:700; color: #253b80; margin-top:30px } .quoteLG img{ margin:0px } /* quoteLG - used with Slider_AssociateSponosor // */ /* quoteCtr */ .quoteCtr { padding: 30px !important; border: solid 2px #69b3e7; overflow:auto; margin-bottom:50px } .quoteCtr .quote_copy { color: #63666A; font-weight: 300; line-height: 1.4; font-size: 21px; } .quoteCtr p.quote_author{ font-size: 21px; font-weight:700; color: #253b80; margin-top:30px } .quoteCtr img{ margin:0px; border-radius: 50%; } /* quoteCtr // */ /* sp_CTA2_holder */ @media (min-width:768px){ .sp_CTA2_holder { position: relative; background-color: #b9d9ed; height: auto; min-height: 520px; width: 100%; overflow: hidden; } .sp_CTA2_holder .sp_CTA2_img { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .sp_CTA2_holder .sp_CTA2_img img{ max-width: 585px; height: 550px /*Fake Height */ } .sp_CTA2_holder .sp_CTA2_overlay { position: absolute; top: 10%; left: 35%; width: auto; height: auto; min-width: 60%; min-height: 80%; background-color: white; opacity: .95; z-index: 1; /*border: solid 2px red*/ } .sp_CTA2_holder .sp_CTA2_body{ position: absolute; top: 10%; left: 35%; width: 25%; height: auto; min-width: 60%; min-height: 80%; z-index: 2; padding: 35px; /*border: solid 1px green*/ } } /* Tablet */ @media (min-width:991px) and (max-width:1200px){ .sp_CTA2_holder .sp_CTA2_overlay { min-height: 85%; left: 25%; min-width: 70%; } .sp_CTA2_holder .sp_CTA2_body{ min-width: 60%; left: 25%; min-width: 70%; } } /* ipad */ @media (min-width:768px) and (max-width:991px){ .sp_CTA2_holder .sp_CTA2_overlay { top: 5%; min-height: 85%; left: 15%; min-width: 80%; } .sp_CTA2_holder .sp_CTA2_body{ top: 5%; min-width: 80%; left: 15%; } } /* Phone */ @media (max-width:767px){ .sp_CTA2_holder { padding-bottom: 25px; } .sp_CTA2_holder img{ width: 100% } .sp_CTA2_holder .sp_CTA2_body{ padding: 15px } .sp_CTA2_holder .btn{ margin-left: auto; margin-right: auto; width: 275px; display: block } } /* Look*/ .sp_CTA2_holder .sp_CTA2_body h4{ margin:0px; color:#555; font-size:.7em; text-transform:uppercase; font-weight:400; letter-spacing:3px; } .sp_CTA2_holder .sp_CTA2_body h3{ color:#002855; line-height: 1.2em; font-size:30px; margin: 10px 0 30px 0 } .sp_CTA2_holder .btn{ margin-top: 20px } /* // */ /* sp_CTA3_holder */ @media (min-width:768px){ .sp_CTA3_holder { position: relative; background-color: #b9d9ed; height: auto; min-height: 450px; width: 100%; overflow: hidden; } .sp_CTA3_holder p, .sp_CTA3_holder ul{ font-size:16px; } .sp_CTA3_holder .sp_CTA3_img { position: absolute; top: 50%; left: 100%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .sp_CTA3_holder .sp_CTA3_img img{ max-width: 585px; height: 550px /*Fake Height */ } .sp_CTA3_holder .sp_CTA3_overlay { position: absolute; top: 10%; right: 35%; width: auto; height: auto; min-width: 60%; min-height: 78%; background-color: white; opacity: .95; z-index: 1; /*border: solid 2px red*/ } .sp_CTA3_holder .sp_CTA3_body{ position: absolute; top: 10%; right: 35%; width: 25%; height: auto; min-width: 60%; height: calc(78% - 25px);/* was min-height:78%*/ z-index: 2; padding: 35px; /*border: solid 1px green*/ overflow: hidden; } } /* Tablet */ @media (min-width:991px) and (max-width:1200px){ .sp_CTA3_holder .sp_CTA3_overlay { top: 5%; min-height: 85%; min-width: 60%; } .sp_CTA3_holder .sp_CTA3_body{ top: 5%; min-height: 85%; min-width: 60%; } } /* ipad */ @media (min-width:768px) and (max-width:991px){ .sp_CTA3_holder .sp_CTA3_overlay { top: 5%; min-height: 90%; right: 15%; min-width: 80%; } .sp_CTA3_holder .sp_CTA3_body{ top: 5%; min-height: 90%; right: 15%; min-width: 80%; } } /* Phone */ @media (max-width:767px){ .sp_CTA3_holder { padding-bottom: 25px; } .sp_CTA3_holder img{ width: 100% } .sp_CTA3_holder .sp_CTA3_body{ padding: 15px } } /* Look*/ .sp_CTA3_holder .sp_CTA3_body h4{ margin:0px; color:#555; font-size:.7em; text-transform:uppercase; font-weight:400; letter-spacing:3px; } .sp_CTA3_holder .sp_CTA3_body h3{ color:#002855; line-height: 1.2em; font-size:30px; margin: 10px 0 30px 0 } .sp_CTA3_holder ul { list-style: none; /* Remove default bullets */ padding-left: 0px } .sp_CTA3_holder .sp_CTA3_body ul li{ margin-bottom:7px; line-height: 1.5em; } .sp_CTA3_holder .sp_CTA3_body ul li::before { content: " "; font-size: 1em; margin-right: 10px; display: inline-block; height: 12px; background-color: #d50032; width: 12px; position: relative; top: 0px; } .sp_CTA3_holder .sp_CTA3_body ul li{ padding-left:23px; text-indent:-23px } @media (min-width:415px){ .sp_CTA3_body ul{ -webkit-column-count: 2; /* Old Chrome, Safari and Opera */ -moz-column-count: 2; /* Old Firefox */ column-count: 2; } } .sp_CTA3_holder .btn{ margin-top: 20px } /* // */ /* people */ .people { margin-top: 50px; } .people img:nth-child(1) { border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; margin-bottom: 10px } .people img:nth-child(1):hover { opacity: .7 } @media (max-width:991px) { .people { margin: auto; } .people p { text-align: center } } .ci_profile { margin-bottom: 30px; display: block; } @media (max-width:991px) { .ci_profile { text-align: center } } .ci_profile p { margin: 0 0 7px 0 } .ci_profile_name { font-weight: 700; font-size: 20px; } p.ci_profile_name { font-size: 1.5em; } .ci_profile_title { font-style: italic; line-height: 1.3em } .ci_profile_company { font-size: 1em; } p.ci_profile_award { font-size: .8em; text-align:center; color:#55555599; font-weight: 700 } .ci_profile_social { width: auto; } .ci_profile_social i { padding-right: 25px; font-size: 20px } .ci_profile_social a:last-of-type i { padding-right: 0px; } #ci_footer-social { font-size: 1.5em; padding-top: 0px; width: 100%; text-align: right; } @media (max-width:991px) { .ci_logo { margin-top: 25px } .ci_social p { text-align: center !important; } #ci_footer-social { text-align: center } } /* // */ /* Used on the Filter page */ /* Color dots */ .CenterProgramFilterSection{ position: relative; } .CenterProgramFilterSection .ExploreDots{ position: absolute; bottom: 0px; right: 0px; margin: 0 10px 3px 0; } .CenterProgramFilterSection span::after { /*float:right; */ } .CenterProgramFilterSection[data-category*="Dis"] span.ExploreDotsDiscover::after { content: " "; font-size: 1em; margin-right: 5px; display: inline-block; height: 12px; background-color: #d50032; width: 12px; position: relative; top: 0px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .CenterProgramFilterSection[data-category*="Eng"] span.ExploreDotsEngage::after { content: " "; font-size: 1em; margin-right: 5px; display: inline-block; height: 12px; background-color: #69b3e7; width: 12px; position: relative; top: 0px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .CenterProgramFilterSection[data-category*="Focus"] span.ExploreDotsFocus::after { content: " "; font-size: 1em; margin-right: 5px; display: inline-block; height: 12px; background-color: #307fe2; width: 12px; position: relative; top: 0px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* // */ /* CenterFilterWrapper */ /* Base for label styling */ .CenterFilterWrapper [type="checkbox"]:not(:checked), .CenterFilterWrapper [type="checkbox"]:checked { position: absolute; left: -9999px; } .CenterFilterWrapper [type="checkbox"]:not(:checked) + label, .CenterFilterWrapper [type="checkbox"]:checked + label { position: relative; padding-left: 1.75em; cursor: pointer; margin-left: 10px } /* checkbox aspect */ .CenterFilterWrapper [type="checkbox"]:not(:checked) + label:before, .CenterFilterWrapper [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 2px solid #ccc; background: #fff; border-radius: 4px; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); } /* Custom Sections*/ .CenterFilterWrapper .ColorDiscover [type="checkbox"]:not(:checked) + label:before { border: 2px solid #d50032; } .CenterFilterWrapper .ColorDiscover [type="checkbox"]:checked + label:before { border: 2px dotted #d50032; } .CenterFilterWrapper .ColorEngage [type="checkbox"]:not(:checked) + label:before { border: 2px solid #69b3e7; } .CenterFilterWrapper .ColorEngage [type="checkbox"]:checked + label:before { border: 2px dotted #69b3e7; } .CenterFilterWrapper .ColorFocus [type="checkbox"]:not(:checked) + label:before { border: 2px solid #307fe2; } .CenterFilterWrapper .ColorFocus [type="checkbox"]:checked + label:before { border: 2px dotted #307fe2; } /* checked mark aspect */ .CenterFilterWrapper [type="checkbox"]:not(:checked) + label:after, .CenterFilterWrapper [type="checkbox"]:checked + label:after { content: '\2713\0020'; position: absolute; top: .15em; left: .22em; font-size: 1.3em; line-height: 0.8; color: #09ad7e; transition: all .2s; font-family: } /* checked mark aspect changes */ .CenterFilterWrapper [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .CenterFilterWrapper [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } /* accessibility */ .CenterFilterWrapper [type="checkbox"]:checked:focus + label:before, .CenterFilterWrapper [type="checkbox"]:not(:checked):focus + label:before { /*border: 2px dotted blue;*/ } /* hover style just for information */ .CenterFilterWrapper label:hover:before { border: 2px solid #555!important; } /* Filters Sections */ .CenterFilterWrapper .ColorDiscover, .CenterFilterWrapper .ColorEngage, .CenterFilterWrapper .ColorFocus { margin-bottom:15px } .CenterFilterWrapper h3{ border-bottom: solid 2px #555; margin-top: 0; line-height: .8em } .CenterFilterWrapper .ColorDiscover h3{ border-bottom: solid 2px #d50032; color:#d50032; } .CenterFilterWrapper .ColorEngage h3{ border-bottom: solid 2px #69b3e7; color:#69b3e7; } .CenterFilterWrapper .ColorFocus h3{ border-bottom: solid 2px #307fe2; color:#307fe2; } .CenterFilterWrapper h3 span{ font-weight:300; font-size:14px; color: #555 } .CenterFilterWrapper input[type=checkbox] + label{ font-weight: 500; margin: 0; color: #55555599; font-size:13px; } .CenterFilterWrapper input[type=checkbox] + label:hover{ color: #555; } .CenterFilterWrapper input[type=checkbox]:checked + label{ color: #555555; } /* CenterFilterWrapper // /* /* Filtered Section -- CenterProgramFilterSection -- FilterInner */ @media (min-width:991px) { .CenterProgram.rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterProgram.rowEqual_768>[class*='CenterProgramFilterSection'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc((100% / 3) - 20px) /*Adjust # for the number per row, will override the bootstrap - Also needed for Safari*/; } } @media (min-width:768px) and (max-width:991px){ .CenterProgram.rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterProgram.rowEqual_768>[class*='CenterProgramFilterSection'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc((100% / 2) - 20px) /*Adjust # for the number per row, will override the bootstrap - Also needed for Safari*/; } } @media (min-width:376px) and (max-width:767px) { .CenterProgram.rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterProgram.rowEqual_768>[class*='CenterProgramFilterSection'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc((100% / 2) - 20px) /*Adjust # for the number per row, will override the bootstrap - Also needed for Safari*/; } } .CenterProgramFilterSection{ margin:0 10px 20px 10px; transition: .7s; } .CenterProgramFilterSection .FilterInner { /*border: solid 2px rgba(85, 85, 85, 0.33); border: solid 2px #55555555;*/ border-right: solid 2px rgba(85, 85, 85, 0.33); border-right: solid 2px #55555555; border-bottom: solid 2px rgba(85, 85, 85, 0.33); border-bottom: solid 2px #55555555; border-top: solid 2px #fff; border-left: solid 2px #fff; /*background-color: rgba(85, 85, 85, 0.07); background-color: #55555511;*/ padding: 10px; overflow: hidden; height: 100%; } .CenterProgramFilterSection .FilterInner h3{ margin: 0 0 15px 0; line-height: 1em; font-size:1.3em } .CenterProgramFilterSection .FilterInner:hover h3 a{ color:#555 } .CenterProgramFilterSection .FilterInner p{ font-size: 16px; line-height: 1.3em } .CenterProgramFilterSection:hover { transform: scale(1.05); transition: .7s; } .CenterProgramFilterSection .FilterInner:hover { border-right: solid 0px rgba(85, 85, 85, 0.33); border-bottom: solid 0px rgba(85, 85, 85, 0.33); border-right: solid 2px #5fa1d0; border-bottom: solid 2px #5fa1d0; border-top: solid 2px #5fa1d0; border-left: solid 2px #5fa1d0; } /* Filtered Section -- CenterProgramFilterSection -- FilterInner // */ /* Used on the Filter page // */ /* CalloutBorderWrapper - aka SponsorMarketoForm */ .CalloutBorderWrapper { background-color: ; padding: 5px 25px; border: solid 2px #307FE2; margin: 50px 15px 0px; } .CalloutBorderWrapper h3 { margin: 10x 0 0 0; color: #555; font-size: .7em; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; max-width: 200px; /* Custom for the copy length */ background-color: #fff; padding: 5px 15px; position: relative; top: -35px } .CalloutBorderWrapper h2 { color: #002855; } .CalloutBorderWrapper .CalloutBorderWrapperHolder { background-color: ; padding: 15px; display: inline-block; margin-bottom: 25px; } .CalloutBorderWrapperHolder form { margin: auto; } /* CalloutBorderWrapper - aka SponsorMarketoForm // */ /* CenterCallout_a */ @media (min-width:768px){ .CenterCallout_a .rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterCallout_a .CenterCallout_2col.rowEqual_768>[class*='col-'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc(25% - 2px) /*Adjust % for the number per row, will override the bootstrap - Also needed for Safari*/; } } .CenterCallout_a { background-color: #f6f6f6; margin-bottom:25px; } .CenterCallout_a .CenterCallout_a-Center { text-align: center; } .CenterCallout_a .CenterCallout_a_Holder{ margin-bottom:25px; } .CenterCallout_a h4 { color: #002855; line-height: 1.2em; font-size: 30px; margin: 10px 0 30px 0; text-align:center; } .CenterCallout_a h3 { margin: 25px 0 0 0; color: #555; font-size: .7em; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; text-align:center; } .CenterCallout_a .CenterCallout_a_Wrapper{ display: block; margin: 15px 0 0 0; overflow: hidden; color: #002855; background-color: white; /*! background-color: white; */ border: solid 3px #f6f6f6; display: block; transition: .2s; color: #307fe2; height: 100%; } .CenterCallout_a .CenterCallout_a_Wrapper:hover { border: solid 3px #307fe2; } .CenterCallout_a .CenterCallout_a_Wrapper:hover img{ opacity: .6; transform: scale(1.05); transition: 3s; } .CenterCallout_a .CenterCallout_a_Icon{ margin-top: 5px; } .CenterCallout_a .CenterCallout_a_icon { width: auto; max-width:147px; } .CenterCallout_a .CenterCallout_a_Wrapper .CenterCallout_a_SectionTitle{ color: #555; } /*.CenterCallout_a .CenterCallout_a_Wrapper:hover h2,*/ .CenterCallout_a .CenterCallout_a_Wrapper:hover .CenterCallout_a_SectionTitle a{ color: #555; } .CenterCallout_a .CenterCallout_a_Wrapper .CenterCallout_a_SectionTitle{ font-size: 1.2em; padding: 0 10px; } .CenterCallout_a .CenterCallout_a_Wrapper h2.CenterCallout_a_h_1{ color: #d50032; } .CenterCallout_a .CenterCallout_a_Wrapper h2.CenterCallout_a_h_2{ color: #002855; } .CenterCallout_a .CenterCallout_a_Wrapper h2.CenterCallout_a_h_3{ color: #69b3e7; } .CenterCallout_a .CenterCallout_a_Wrapper h2:hover { transition: .2s; } .CenterCallout_a .CenterCallout_a_Wrapper p{ line-height: 1.6em; padding: 0 10px 15px 10px; color: #333; font-size:16px; } .CenterCallout_a .CenterCallout_a_Wrapper ul, .CenterCallout_a .CenterCallout_a_Wrapper ol{ line-height: 1.6em; color: #333; text-align: left; } .CenterCallout_a ul { list-style: none; /* Remove default bullets */ padding-left: 30px; margin-top:15px; margin-bottom: 25px; padding-right:15px; } .CenterCallout_a ul li { margin-bottom: 7px; line-height: 1.5em; padding-left: 23px; text-indent: -23px; font-size:16px; } .CenterCallout_a ul li::before { content: " "; font-size: 1em; margin-right: 5px; display: inline-block; height: 12px; background-color: #d50032; width: 12px; position: relative; top: 0px; } @media (max-width:991px) { .CenterCallout_a .CenterCallout_a_Wrapper{ min-height: 100%; } } @media (max-width:768px) { .CenterCallout_a .CenterCallout_a_Wrapper { min-height: 100%; /* Was 480px*/ } } @media (max-width:432px) { .CenterCallout_a .CenterCallout_a_Wrapper{ min-height: 220px; margin: 5px 0; } /*.CenterCallout_a .CenterCallout_a_Wrapper p, .CenterCallout_a .CenterCallout_a_Wrapper ul { display: none; }*/ } @media (max-width:360px) { .CenterCallout_a .CenterCallout_a_Wrapper{ min-height: 195px; margin: 5px 0; } .CenterCallout_a .CenterCallout_a_Wrapper h2 { font-size: 1em; padding: 0 5px; } /*.CenterCallout_a .CenterCallout_a_Wrapper p .CenterCallout_a .CenterCallout_a_Wrapper ul { display: none; }*/ } @media (max-width:991px) and (min-width:568px){ .CenterCallout_a CenterCallout_a_ul{ width: 75%; margin: auto; } } /* .people4 .rowEqual_768 */ @media (min-width:769px){ .people4{ clear: both } .people4 .rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .people4 .rowEqual_768>[class*='col-'] { -ms-flex: 1; /* IE 10 */ flex: inherit; /*flex*/ width: calc((100% / 4) - 2px) /*Adjust % for the number per row, will override the bootstrap - Also needed for Safari*/; } } @media (max-width:767px) and (min-width:361px){ .people4 .rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .people4 .rowEqual_768>[class*='col-'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc((100% / 2) - 2px) /*Adjust % for the number per row, will override the bootstrap - Also needed for Safari*/; } } /* .people4 .rowEqual_768 // */ /* cc_tabs // */ /* reset */ .cc_tabs ul.a-container { margin: 0; padding: 0; list-style: none; } .cc_tabs input[type=radio] { display: none; } .cc_tabs input[type=checkbox] { display: none; } /* style */ .cc_tabs .a-container { width: 100%; margin: 20px auto; } .cc_tabs .a-container label { display: block; position: relative; cursor: pointer; font-size: 18px; font-weight: bold; padding: 10px 20px; color: #555; background-color: #eee; border-bottom: 1px solid #ddd; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; margin-top:15px; } .cc_tabs .a-container li:first-of-type label{ margin-top:0px /* needed when used with tabs*/; } .cc_tabs .a-container label:after { content: ""; width: 0; height: 0; border-top: 8px solid #aaa; border-right: 6px solid transparent; border-bottom: 8px solid transparent; border-left: 6px solid transparent; position: absolute; right: 10px; top: 16px; } .cc_tabs .a-container input:checked + label, .cc_tabs .a-container label:hover { background-color: #003087; color: #fff; } .cc_tabs .a-container input:checked + label:after { border-top: 8px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #fff; border-left: 6px solid transparent; top: 6px; } .cc_tabs .a-content { padding: 0 20px 20px; display: none; height:auto; max-height: 40vh; overflow: auto } .cc_tabs .a-container input:checked ~ .a-content { display: block; border-left: solid 1px #555; border-right: solid 1px #555; border-bottom: solid 1px #555; } .a-items label{ margin-bottom: 0px; } /* Style the tab */ .cc_tabs .tab { background-color: #fff; width: auto; height: auto; overflow: auto; } /* Style the buttons inside the tab */ .cc_tabs .tab button { display: block; background-color: lightgry; color: #003087; padding: 10px 16px 10px 20px; width: calc(50% - 30px); border: solid 1px lightgray; outline: none; text-align: center; cursor: pointer; transition: 0.3s; font-size: 20px; float: left; overflow: auto; margin: 0px 15px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; font-weight: 700; } @media (max-width:452px){ .cc_tabs .tab button{ padding: 10px 5px 10px 5px; width: calc(50% - 4px); font-size: 17px; margin: 0px 2px; } } /* Change background color of buttons on hover */ .cc_tabs .tab button:hover { background-color: #003087; color:#fff; } /* Create an active/current "tab button" class */ .cc_tabs .tab button.active { background-color: #003087; color: #ffffff; } /* Style the tab content */ .cc_tabs .tab .tabcontent { float: left; padding: 15px 12px; border: 1px solid #ccc; width: 100%; height: auto; } .cc_tabs .tablinks:after { content: '\2610'; color: #777; font-weight: bold; float: right; margin-left: 5px; } .cc_tabs .tablinks.active:after { content: "\2611"; } /* cc_tabs - // */ /* CntMenuSub */ .CntMenuSub{ margin:20px 0px; padding-bottom: 5px; color: #afb1b1; letter-spacing: 1.5px; font-weight: 400; font-size: .7em; } .CntMenuSub .CntMenuBar{ border-bottom: 1px solid lightblue; } .CntMenuSub .CntMenuBar a:after{ content: "|"; padding: 0 3px 0 6px; color: #555; } .CntMenuSub .CntMenuBar a:last-child:after{ content: ""; } .CntMenuSub .CntMenuSubHome, .CntMenuSub .CntMenuSubParent{ text-transform: uppercase; color: #555; opacity: .9; } .CntMenuSub .CntMenuSubParent{ } .CntMenuSub .CntMenuSubChild{ } .CntMenuSub .CntMenuSubCurrent{ opacity: .7; } .CntMenuSub .CntMenuSubHome:hover, .CntMenuSub .CntMenuSubParent:hover{ text-transform: uppercase; color: #d50032; } /* CntMenuSub // */ /* Ctr_Resource1 */ .Ctr_Resource1 { padding: 75px 0 75px 0; display: inline-block } .Ctr_Resource1 h3 { margin: 10px 0 0 0; color: #555; font-size: .7em; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; } .Ctr_Resource1 h4 { color: #002855; line-height: 1.2em; font-size: 30px; margin: 10px 0 15px 0 } .Ctr_Resource1_holder { background-color: ; padding: 0; overflow: auto } .Ctr_Resource1 .Ctr_Resource1_holder img { padding-bottom: 15px } @media (max-width:768px) and (min-width:340px) { .Ctr_Resource1 .Ctr_Resource1_holder .col-xs-3 { width: 40%; } .Ctr_Resource1 .Ctr_Resource1_holder .col-xs-9 { width: 60%; } } @media (max-width:500px) and (min-width:361px) { .Ctr_Resource1 .Ctr_Resource1_holder img { margin: auto; display: block; margin-left: 100%; } .Ctr_Resource1 .Ctr_Resource1_holder.col-xs-3 { width: 100%; } .Ctr_Resource1 .Ctr_Resource1_holder .col-xs-9 { width: 100%; } } @media (max-width:360px) { .Ctr_Resource1 .Ctr_Resource1_holder img { margin: auto; display: block } .Ctr_Resource1 .Ctr_Resource1_holder .col-xs-3 { width: 100%; max-width: 150px; margin-left: calc(50% - 75px); margin-right: } .Ctr_Resource1 .Ctr_Resource1_holder .col-xs-9 { width: 100%; padding: 0 25px } } .Ctr_Resource1 .btn { margin-top: 20px; } /* Ctr_Resource1 // */ /* CntCardDrop3 */ /* start 9-col expandable grid CSS */ .CntCardDrop3 { margin: 0 auto; /*background-color: #f6f6f6;*/ display: block; margin-bottom:25px; } .CntCardDrop3 .cards { padding: 15px; display: flex; flex-flow: row wrap; } .CntCardDrop3 .card { margin: 15px; width: calc((100% / 3) - 30px); transition: all 0.2s ease-in-out; border: none !important; } @media screen and (max-width: 991px) { .CntCardDrop3 .card { width: calc((100% / 2) - 30px); } } @media screen and (max-width: 767px) { .CntCardDrop3 .card { width: 100%; } } .CntCardDrop3 .card:hover .card__inner { background-color: #1abc9c; transform: scale(1.05); } .CntCardDrop3 .card__inner { width: 100%; padding: 20px; position: relative; cursor: pointer; background-image: linear-gradient(to bottom right, #002855, #003087); font-size: 1.5em; line-height: 1.2em; text-align: center; transition: all 0.2s ease-in-out; color: #fff; height: 450px; } @media (max-width:991px){ .CntCardDrop3 .card__inner { height: 435px; } } @media (max-width:767px){ .CntCardDrop3 .card__inner { height: auto; } } .CntCardDrop3 .card__inner:hover img { margin: auto; display: block; margin-bottom: 15px; } .CntCardDrop3 .card__inner img:hover { opacity: .8; } .CntCardDrop3 .card__inner:after { transition: all 0.3s ease-in-out; } .CntCardDrop3 .card__inner .fa { width: 100%; margin: 1em 0; } .CntCardDrop3 .card__inner h3 { line-height: .5em; } .CntCardDrop3 .card__inner h3 small { margin-top: 0; color: #fff; font-size: .55em; } .CntCardDrop3 .card__inner p { margin-top: 0; color: #fff; font-size:.6em; line-height: 1.3em; } .CntCardDrop3 .card__expander { transition: all 0.2s ease-in-out; width: 100%; position: relative; align-items: top; color: #555; font-size: 1.2em; border: 2px solid #63666A; } .CntCardDrop3 .card__expander h3 { margin-bottom:0px; } .CntCardDrop3 .card__expander .fa { font-size: 1em; position: absolute; top: 10px; right: 10px; color: grey; } .CntCardDrop3 .card__expander .fa:hover { opacity: 0.5; } .CntCardDrop3 .card.is-collapsed .card__inner:after { content: ""; opacity: 0; } .CntCardDrop3 .card.is-collapsed .card__expander { max-height: 0; min-height: 0; overflow: hidden; margin-top: 0; opacity: 0; } .CntCardDrop3 .card.is-expanded .card__inner { background-color: transparent; } .CntCardDrop3 .card.is-expanded .card__inner:after { content: ""; opacity: 1; display: block; height: 0; width: 0; position: absolute; bottom: -31px; left: calc(50% - 15px); border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #63666A; } .CntCardDrop3 .card.is-expanded .card__inner .fa:before { content: "\f115"; } .CntCardDrop3 .card.is-expanded .card__expander { max-height: 1000px; min-height: 200px; overflow: visible; margin-top: 30px; opacity: 1; z-index: 1; overflow: auto; max-height: 60vh; } .CntCardDrop3 .card__expander .resourcesintro{ margin: 25px 0 0 0; } .CntCardDrop3 .card__expander .resourcesmore p a{ text-align: center; color: #9d2235; font-weight: 700; margin-top:25px; display:inline-block; } .CntCardDrop3 .card__expander .resourcesmore p a:hover{ color: #9d223555; } /*.CntCardDrop3 .card__expander .resourcescol div:nth-child(odd){ clear: both }*/ .CntCardDrop3 .card__expander .resourcescol div a { /*border-top: 1px dashed lightgrey;*/ } .CntCardDrop3 .card__expander .resourcescol a { display: block; width: 100% } .CntCardDrop3 .card__expander .resourcescol p{ padding-left:15px; font-size:16px; } .CntCardDrop3 .card.is-expanded:hover .card__inner { transform: scale(1); } .CntCardDrop3 .card.is-inactive .card__inner { pointer-events: none; opacity: 0.5; } @media screen and (min-width: 992px) { .CntCardDrop3 .card:nth-of-type(3n+2) .card__expander { margin-left: calc(-100% - 30px); } .CntCardDrop3 .card:nth-of-type(3n+3) .card__expander { margin-left: calc(-200% - 60px); } .CntCardDrop3 .card:nth-of-type(3n+4) { clear: left; } .CntCardDrop3 .card__expander { width: calc(300% + 60px); } } @media screen and (min-width: 768px) and (max-width: 991px){ .CntCardDrop3 .card__expander { width: calc(200% + 30px); } .CntCardDrop3 .card:nth-of-type(2n+2) .card__expander { margin-left: calc(-100% - 30px); } } /* DropOverlay_1 Section */ .CntCardDrop3 .card .DropOverlay_1-layer_top { opacity: 0; position: absolute; top: 0%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; width: 100%; height:10%; } .CntCardDrop3 .card:hover .DropOverlay_1-layer_top, .CntCardDrop3 .card.active .DropOverlay_1-layer_top { opacity: .7; top:22px; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50%; height:25px; color: #000; background-color: #fff; } .CntCardDrop3 .card .DropOverlay_1-text { text-align: center; font-size: 12px; display: inline-block; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } /* Hides the overlay is active or hidden*/ .CntCardDrop3 .card.is-expanded .DropOverlay_1-text is-expanded, .CntCardDrop3 .card.is-expanded .DropOverlay_1-layer_top, .CntCardDrop3 .card.is-inactive .DropOverlay_1-text, .CntCardDrop3 .card.is-inactive .DropOverlay_1-layer_top{ display: none; } /* CntCardDrop3 // */ /* y-sections */ y-sections .y-padding{ padding:10px; margin:0px 0 15px 0 } .y-sections h2:nth-child(1){ text-align: center; margin: 0px } .y-sections h3{ text-align: center; } .y-sections h4{ color: #9d2235; font-size: } .y-sections img{ margin:auto; display:block; } */.y-padding img{ -webkit-box-shadow: -13px 13px 10px -7px rgba(99,102,106,0.66); -moz-box-shadow: -13px 13px 10px -7px rgba(99,102,106,0.66); box-shadow: -13px 13px 10px -7px rgba(99,102,106,0.66); } */ .y-lock::before { background: url("/sites/default/files/2018-11/lock-img.gif") no-repeat top left; background-size: 20px 20px; display: inline-block; content: ""; width: 20px; height: 20px; position: relative; top: 0px; left: 0px; margin-right:10px } .y-nolock:before{ display: inline-block; content: ""; height: 20px; } /* y-sections // */ /* CntBreadButtonRight*/ .CntBreadButtonRight{ float: right } .CntBreadButtonRight .btn{ padding: 5px 10px; margin: 0px; font-size: 12px; font-weight: 400; line-height: 12px; } /* CntBreadButtonRight // */ /* Center Elements - // */ </style></div> </div> </div> </div> </article> </div> </div> </div> <div> <div class="paragraph paragraph--type--reusable-cta paragraph--view-mode--default"> <div class="field_reusable_cta"><article role="article"> <div class="reusable-cta--theme- reusable-cta--container cta-background-color-"> <div class="reusable-cta--text-fields-container "> <div class="reusable-cta--field cta--field-text color-"> <div class="field_text"><!-- Forced Metadata for Center Image--> <link href="https://www.aha.org/sites/default/files/2020-08/Center_Homepage_1200x628.jpg" rel="image_src" /> <meta name="twitter:image" content="https://www.aha.org/sites/default/files/2020-08/Center_Homepage_1200x628.jpg" /> <meta property="og:image" content="https://www.aha.org/sites/default/files/2020-08/Center_Homepage_1200x628.jpg" /> <!-- // --></div> </div> </div> </div> </article> </div> </div> </div> <div> <div class="paragraph paragraph--type--reusable-cta paragraph--view-mode--default"> <div class="field_reusable_cta"><article role="article"> <div class="reusable-cta--theme- reusable-cta--container cta-background-color-"> <div class="reusable-cta--text-fields-container "> <div class="reusable-cta--field cta--field-text color-"> <div class="field_text"><div class="field_text"> <style type="text/css"> /* Adjust Drupal Toolbars - Admin Menu .toolbar { position: fixed; bottom: 0px; z-index: 99; background-color: black; width: 100%; opacity:.7; } */ /* Contexual Gear*/ #block-aha-local-tasks { position: fixed; top:175px; z-index: 9999; } /* Hide the AHA Header section */ #master-header{ display: none } #js-header-login-search, #js-secondary-nav{ display: block !important; } /* for the spacer */ .AVC-banner-spacer { display: block; height: 75px; } @media (max-width:994px){ .AVC-banner-spacer { display: block; height: 52.75px; } } /* AHA fix - New Header postion*/ #block-mainpagecontent>article div .spacer{ padding-top: 0px; } /* New Header - AVC */ .AVC-Nav header { -webkit-box-shadow: 0px 3px 5px 0px rgba(99, 102, 106, 0.37); box-shadow: 0px 3px 5px 0px rgba(99, 102, 106, 0.37); background-color: #fff; text-align: center; position: fixed; z-index: 999; width: 100%; left: 0; /*top:0px;*/ } .ahalink span a{ font-size:10px !important; } .AVC-Nav{ position:absolute; left:0 } .AVC-logo { padding: 10px 0; } .AVC-logo img { max-width: 180px; margin-top:15px; } @media (max-width:994px){ .AVC-logo img{ margin-top:0px } } .nav-toggle { display: none; } .nav-toggle-label { position: absolute; top: 0; right: 0; margin-right: 2em; height: 62.4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 9999; } .nav-toggle-label span, .nav-toggle-label span::before, .nav-toggle-label span::after { display: block; background: #333; height: 2px; width: 2em; border-radius: 2px; position: relative; } .nav-toggle-label span::before, .nav-toggle-label span::after { content: ''; position: absolute; } .nav-toggle-label span::before { bottom: 7px; } .nav-toggle-label span::after { top: 7px; } @media only screen and (max-width: 994px) { .AVC-Nav nav { position: absolute; top: 100%; left: 0; text-align: left; background-color: #f6f6f6; width: 100%; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: -webkit-transform 400ms ease-in-out; transition: -webkit-transform 400ms ease-in-out; -o-transition: transform 400ms ease-in-out; transition: transform 400ms ease-in-out; transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out; /* so you can sroll on long menus*/ overflow-y: scroll; height: calc(100vh - 50.75px); padding-right:20px } .AVC-Nav .dropdown-menu{ display: block; float: none; position: relative; } } .AVC-Nav nav ul { margin: 0 0 0 1em; padding: .5em 0; list-style: none; } .AVC-Nav nav ul ul { margin-left: 0 } .AVC-Nav nav li { padding: .5em 0; } .AVC-Nav nav a { color: #333; text-decoration: none; font-size: 1.2rem; text-transform: uppercase; opacity: 0; -webkit-transition: opacity 150ms ease-in-out; -o-transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out; } .AVC-Nav nav a:hover { color: #B1B3B3; } .AVC-Nav nav ul ul li { margin: 0; padding: .5em 0; } /* .AVC-Nav nav ul li:nth-child(5), .AVC-Nav nav ul ul { padding: 0; }*/ .mobile-hide { display: none; } .AVC-Nav nav li.AVC-aha-logo { min-width: 80px; } .AVC-Nav nav li.AVC-aha-logo img { max-height: 30px; } .AVC-Nav nav li.AVC-aha-logo a:hover { background-color: transparent; } .nav-toggle:checked~nav { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) } .nav-toggle:checked~nav a { opacity: 1; -webkit-transition: opacity 250ms ease-in-out 250ms; -o-transition: opacity 250ms ease-in-out 250ms; transition: opacity 250ms ease-in-out 250ms; } .header-login-search { padding: 0 1em 0 0; } @media screen and (min-width: 995px) { .nav-toggle-label { display: none; } header { display: -ms-grid; display: grid; -ms-grid-columns: .3fr auto auto .4fr; grid-template-columns: .3fr auto auto .4fr; } .AVC-logo { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2/3; } .AVC-Nav nav { all: unset; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3/4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; } .AVC-Nav nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; } .AVC-Nav nav li { margin-left: 1.5em; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .AVC-Nav nav ul ul { position: absolute; top: 100%; display: none; } .AVC-Nav nav ul li ul li { margin: 0; background: #f6f6f6; padding: 10px; } .AVC-Nav nav ul li:hover>ul { display: block; } .AVC-Nav nav ul li ul:hover, .AVC-Nav nav ul li ul:active { display: block; } .mobile-hide { display: block; } .AVC-Nav nav a { opacity: 1; position: relative; } .AVC-Nav nav a:hover { color: #333; } .AVC-Nav nav a::before { content: ''; display: block; height: 5px; background: #307FE2; position: absolute; top: -.75em; left: 0; right: 0; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: -webkit-transform ease-in-out 250ms; transition: -webkit-transform ease-in-out 250ms; -o-transition: transform ease-in-out 250ms; transition: transform ease-in-out 250ms; transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms; } .AVC-Nav nav a:hover::before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) } } /*AVC Button*/ .btn-primary-avc1{ background-color: #307FE2 ; border-color: #307FE2 ; color: #fff !important; } .btn-primary-avc1:hover{ background-color: #002855 ; border-color: #002855 ; } .btn-primary-avc2{ background-color: #fff ; border-color: #307FE2 ; color: #307FE2; } .btn-primary-avc2:hover{ background-color:#fff ; border-color: #002855; color:#002855 ; } /* *************** AHA COLOR --- CHANGES ************ */ .AVC-Nav header { background-color: #F7F8FB } .ahalink{ position: top; position: relative; top:-10px } .AVC-Nav nav a { color: #63666A; font-family: inherit; font-size: 13px; font-weight: 700; text-transform: capitalize } /*AVC Button*/ max-width:175px } </style> <div class="AVC-Nav"> <header> <div class="AVC-logo"> <a href="/center"><img alt="AHA Center for Innovation logo" src="/sites/default/files/2020-09/logo-aha-innovation-center-color-60px.png"></a> </div><input class="nav-toggle" id="nav-toggle" type="checkbox"> <nav id="VirtualConference"> <ul> <li> <a href="/center/about-center-health-innovation">About</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown">Discover</a><!--/center/discover--> <ul class="dropdown-menu"> <li> <a class="dropdown-item" href="/center/discover" target="_blank">Discover All</a> </li> <li> <a class="dropdown-item" href="/2020-01-22-updates-and-resources-novel-coronavirus-2019-cov" target="_blank">COVID-19</a> </li> <li> <a class="dropdown-item" href="http://www.ahadata.com/" class="referlink" rel="follow" target="_blank">Data &amp; Analytics</a> </li> <li> <a class="dropdown-item" href="/center/cybersecurity-digital-health">Cybersecurity &amp; Digital Health</a> </li> <li> <a class="dropdown-item" href="/center/innovation-capacity">Innovation Capacity</a> </li> <li> <a class="dropdown-item" href="/center/leadership-workforce-development">Leadership &amp; Workforce Development</a> </li> <li> <a class="dropdown-item" href="/center/population-health">Population Health</a> </li> <li> <a class="dropdown-item" href="/center/quality-safety">Quality &amp; Safety</a> </li> <li> <a class="dropdown-item" href="/center/affordability-value">Value-Based Care &amp; Affordability</a> </li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown">Engage</a><!--/center/engage--> <ul class="dropdown-menu"> <li> <a class="dropdown-item" href="/center/engage">Engage All</a> </li> <li> <a class="dropdown-item" href="/center/advisory">Advisory</a> </li> <li> <a class="dropdown-item" href="/center/collaboratives-education">Collaboratives &amp; Education</a> </li> <li> <a class="dropdown-item" href="/center/data-solutions">Data &amp; Solutions</a> </li> <li> <a class="dropdown-item" href="/center/ecosystem-partnerships">Ecosystem Partnerships</a> </li> <li> <a class="dropdown-item" href="/center/events">Events</a> </li> </ul> </li> <li> <div class="RuralButton"> <a class="btn btn-primary btn-primary-avc1" href="/center/explore"><strong>Explore Center Programs</strong></a> </div> </li> <li> <div class="header-login-search" id="js-header-login-search"> <!--<a href="#" id="js-navbar-mobile-toggle" class="navbar-mobile-toggle"></a>--><!-- <div id="js-header-login" class="header-login"> <!== Single button <div class="btn-group"> <a href="/user/dashboard" id="user-dashboard-btn" class="btn btn-sm btn-default" role="button" >My AHA.org</a> <button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </button> <ul class="dropdown-menu"> <li> <a href="http://am.aha.org/access-manager/logout.html?goto=https://www.aha.org/" id="user-logout-btn">Log Out</a> </li> </ul> </div> </div>--> <div class="header-search" id="js-header-search"> <form accept-charset="UTF-8" action="/aha-search" class="views-exposed-form" data-drupal-selector="views-exposed-form-aha-search-page-1" id="views-exposed-form-aha-search-page-1" method="get" name="views-exposed-form-aha-search-page-1"> <div class="js-form-item form-item js-form-type-textfield form-item-search-api-fulltext js-form-item-search-api-fulltext"> <label class="sr-only" for="edit-search-api-fulltext">Search</label> <input autocomplete="off" class="form-autocomplete ui-autocomplete-input" data-drupal-selector="edit-search-api-fulltext" data-id="autocompletion_for_input_edit_search_api_fulltext_form_text" id="edit-search-api-fulltext" maxlength="128" name="search_api_fulltext" placeholder="Search AHA..." size="30" type="text" value=""> </div> <div class="form-actions js-form-wrapper form-wrapper" data-drupal-selector="edit-actions" id="edit-actions"> <input class="button js-form-submit form-submit" data-drupal-selector="edit-submit-aha-search" id="edit-submit-aha-search" type="submit" value="Search"> </div> </form><!-- Removed header Search region --> </div> </div> </li> <li class="AVC-aha-logo"> <div class="ahalink"> <a href="https://www.aha.org"><img alt="american hospital association logo" src="https://www.aha.org/themes/custom/aha/images/aha-brand-full.png"></a><br> <span><a href="https://www.aha.org">AHA Home Page</a></span> </div> </li> </ul> </nav><label class="nav-toggle-label" for="nav-toggle"><span>&nbsp;</span></label> </header> </div> <div class="AVC-banner-spacer"> &nbsp; </div> </div></div> </div> </div> </div> </article> </div> </div> </div> <div> <div class="paragraph paragraph--type--cta paragraph--view-mode--default"> <div class="cta-- "> <div class=> <div class="cta--field cta--field-text"><!-- BannerTitlesOverlayCntr --> <div> <header class="BannerTitlesOverlayCntr"> <div class="BannerTitlesOverlayCntrInner"> <h1>Affordability & Value in Health Care </h1> <!--<p>Sub ....</p>--> </div> </header> </div> <!--//--> <!-- center_body --> <div> <div class="col-sm-12 center_body"> <p class="center_Intro">Affordability is one of the most important challenges affecting Americans’ ability to access health care. Yet no single, agreed-upon definition of health care affordability exists because it is influenced by many complex factors. </p> <!--<p class="center_Lead">Lead............</p>--> <p>The AHA’s <a href="https://www.aha.org/value-initiative">The Value Initiative</a> provides education and resources needed to advance affordable health care and promote value within communities. These efforts — nationally, regionally, locally — help to better serve people, provide access to the best care possible and reduce unnecessary care.</p> </div> </div> <!--//--> <div class="row y-hr3"> <div class="col-md-3"> &nbsp; </div> <div class="col-md-6"> &nbsp; </div> <div class="col-md-3"> &nbsp; </div> </div> <div class="row"> <div class="col-md-12 CTA_Button1"> <div> <a class="btn btn-wide btn-primary" data-view-context="top-level-view" href="/center/explore">Explore All Center Programs ></a> </div> </div> </div> <!-- CenterProgramsSection - v2 --> <div class="row"> <div class="CenterPrograms rowEqual_768 col-md-12"> <div class="CenterProgramsSection ColorDiscover"> <!-- ColorAbout ColorDiscover ColorEngage--> <div class="triangle"></div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"> <!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/value-initiative">The Value Initiative</a></h3> <p>Leads the health care field in addressing affordability and value with actionable tools.</p> <span><a href="/value-initiative">Learn More &gt;</a></span> </div> </div> <div class="CenterProgramsSection ColorDiscover"> <!-- ColorAbout ColorDiscover ColorEngage--> <div class="triangle"></div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"> <!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/2018-01-06-members-action">Members in Action Series</a></h3> <p>Use case studies to show how hospitals and health systems are achieving value.</p> <span><a href="/2018-01-06-members-action">Learn More &gt;</a></span> </div> </div> <div class="CenterProgramsSection ColorDiscover"> <!-- ColorAbout ColorDiscover ColorEngage--> <div class="triangle"></div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"> <!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/2018-02-01-issue-briefs">Issue Briefs</a></h3> <p>Frames the issue of affordability and explores the value equation.</p> <span><a href="/2018-02-01-issue-briefs">Learn More &gt;</a></span> </div> </div> <div class="CenterProgramsSection ColorDiscover"> <!-- ColorAbout ColorDiscover ColorEngage--> <div class="triangle"></div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"> <!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/center/civica-rx-disrupting-generic-drug-industry">Civica Rx</a></h3> <p>Addresses generic drug shortages and high prices. </p> <span><a href="/center/civica-rx-disrupting-generic-drug-industry">Learn More &gt;</a></span> </div> </div> </div> </div> <!--//--> <!-- Bar --> <div class="row y-hr3"> <div class="col-md-3"> &nbsp; </div> <div class="col-md-6"> &nbsp; </div> <div class="col-md-3"> &nbsp; </div> </div> <!--//--> </div> </div> </div> </div> </div> </div> <div class="field_sidebar_elements"> <div class="paragraph paragraph--type--sidebar paragraph--view-mode--default"> </div> </div> <div class="field_topics"> <div><a href="/topics/aha-center-health-innovation" class="topic" hreflang="en">AHA Center for Health Innovation</a></div> <div><a href="/topics/value-initiative" hreflang="en">The Value Initiative</a></div> <div><a href="/topics/current-emerging-payment-models" hreflang="en">Current &amp; Emerging Payment Models</a></div> <div><a href="/topics/value-based-payment" hreflang="en">Value-based payment</a></div> <div><a href="/topics/operational-excellence" hreflang="en">Operational Excellence</a></div> <div><a href="/topics/value-analysis" hreflang="en">Value Analysis</a></div> </div> Mon, 10 Aug 2020 22:09:28 +0000 Keith Hand CA 623386 at https://www.aha.org Quality & Safety | Center https://www.aha.org/center/quality-safety <span class="title">Quality &amp; Safety | Center</span> <span class="uid"><span>Keith Hand CA</span></span> <span class="created">Aug 10, 2020 - 04:47 PM</span> <div class="body"></div> <div class="field_custom_elements"> <div> <div class="paragraph paragraph--type--reusable-cta paragraph--view-mode--default"> <div class="field_reusable_cta"><article role="article"> <div class="reusable-cta--theme- reusable-cta--container cta-background-color-"> <div class="reusable-cta--text-fields-container "> <div class="reusable-cta--field cta--field-text color-"> <div class="field_text"><!-- Forced Metadata for Center Image--> <link href="https://www.aha.org/sites/default/files/2020-08/Center_Homepage_1200x628.jpg" rel="image_src" /> <meta name="twitter:image" content="https://www.aha.org/sites/default/files/2020-08/Center_Homepage_1200x628.jpg" /> <meta property="og:image" content="https://www.aha.org/sites/default/files/2020-08/Center_Homepage_1200x628.jpg" /> <!-- // --></div> </div> </div> </div> </article> </div> </div> </div> <div> <div class="paragraph paragraph--type--reusable-cta paragraph--view-mode--default"> <div class="field_reusable_cta"><article role="article"> <div class="reusable-cta--theme- reusable-cta--container cta-background-color-"> <div class="reusable-cta--text-fields-container "> <div class="reusable-cta--field cta--field-text color-"> <div class="field_text"><style type="text/css"> /* Center Elements */ /* Site overrides - Start */ body, .body, body ol>li, .body ol>li, body p, .body p, body ul>li .body ul>li { font-size: 16px; color: #555 } #global-footer div { color: #B1B3B3; font-size: 11.9px; } h2, h4 { text-transform: uppercase; color: #253b80 } h3, h5 { color: #4579bc } .lead, .field_lead p { color: #63666A; font-weight: 300; line-height: 1.4; font-size: 21px; } a:hover { text-decoration: none } /* Site overrides - End*/ /*Drupal Menu*/ #toolbar-administration{ background-color: #000; } #toolbar-item-workbench-tray{ position: relative; } /*Moves the Moderation State message down*/ #content-moderation-entity-moderation-form{ position: fixed; bottom: 0px; left: 0px; z-index: 1000 } .entity-moderation-form { margin: 15px; opacity: .7 } /* New BannerTitlesOverlay */ .BannerTitlesOverlay { position: relative; display: block; overflow: hidden; max-width: 1170px; margin: 0px auto 25px auto; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#043E87', endColorstr='#307FE2'); background-image: url(''), -webkit-gradient(linear, left top, right top, from(#307FE2), to(#043E87)); background-image: url(''), -o-linear-gradient(left, #307FE2, #043E87); background-image: url(''), linear-gradient(to right, #307FE2, #043E87); } .BannerTitlesOverlay img{ float: right; } @media (max-width:1200px){ .BannerTitlesOverlay img{ opacity: .6 } } @media (min-width:1200px){ .BannerTitlesOverlay .BannerTitlesOverlayWrapper{ position: absolute; width: 60%; top: 0px; height: 100%; } } @media (min-width:769px) and (max-width:1199px){ .BannerTitlesOverlay .BannerTitlesOverlayWrapper{ position: absolute; width: 80%; top: 0px; height: 100%; } } .BannerTitlesOverlay h1 { position: absolute; bottom: 60%; color: #fff; width: 100%; padding: 0px 40px; font-size: 3em; /*background-color: rgba(255, 255, 255, .8); box-shadow: 0 3px 8px -5px rgba(0, 0, 0, .6);*/ } .BannerTitlesOverlay h2 { position: absolute; top:40%; color: #fff; width: 100%; padding: 0px 40px; font-size: 2.4em; text-transform: none; } @media (max-width:1199px) { .BannerTitlesOverlay h1 { font-size: 2.4em; } .BannerTitlesOverlay h2 { font-size: 2em; } } @media (max-width:991px) { .BannerTitlesOverlay h1 { font-size: 2.2em; } .BannerTitlesOverlay h2 { font-size: 1.8em; } } @media (max-width:767px) { .BannerTitlesOverlay h1 { font-size: 2em; text-align: center; text-indent: 0px; padding: 10px 20px; } .BannerTitlesOverlay h2 { font-size: 1.5em; text-align: center; text-indent: 0px; padding: 10px 20px; } } @media (max-width:657px) { .BannerTitlesOverlay h1 { bottom:50%; font-size: 2em; margin: 0; padding: 15px; display: inline-block } .BannerTitlesOverlay h2 { font-size: 1.3em; position: relative; margin:0px; padding: 15px; display: inline-block } } @media (max-width:360px) { .BannerTitlesOverlay h1 { top:10px; font-size: 1.6em; line-height: 1em } .BannerTitlesOverlay h2 { font-size: 1.3em; position: relative; margin:0px; padding: 15px; display: inline-block } } /* New BannerTitlesOverlay // */ /* BannerTitlesOverlayCntr */ .BannerTitlesOverlayCntr { position: relative; display: block; overflow: hidden; max-width: 1170px; margin: 0px auto 25px auto; height: 300px; text-align: center; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#043E87', endColorstr='#307FE2'); background-image: url(''), -webkit-gradient(linear, left top, right top, from(#307FE2), to(#043E87)); background-image: url(''), -o-linear-gradient(left, #307FE2, #043E87); background-image: url(''), linear-gradient(to right, #307FE2, #043E87); } .BannerTitlesOverlayCntrInner { position: absolute; bottom: 50px; width: 100%; } .BannerTitlesOverlayCntr h1 { color: #fff; padding: 0px 40px; font-size: 3em; } .BannerTitlesOverlayCntr p { color: #fff; padding: 0px 40px; font-size: 20px; } @media (max-width:991px) { .BannerTitlesOverlayCntr h1 { bottom: 0px; margin: 0px; font-size: 2.7em; } .BannerTitlesOverlayCntr { height: 250px; } } @media (max-width:767px) { .BannerTitlesOverlayCntr h1 { font-size: 2.3em; text-align: center; text-indent: 0px; padding: 10px 20px; } } @media (max-width:740px) { .BannerTitlesOverlayCntr { height: 125px; } .BannerTitlesOverlayCntr h1 { position: relative; top: 25px; width: 100%; display: block; } } @media (max-width:530px) { .BannerTitlesOverlayCntrInner { position: absolute; top: 25px; width: 100%; } .BannerTitlesOverlayCntr h1 { position: relative; top: -25px; width: 100%; display: block; } } /* BannerTitlesOverlayCntr // */ /* Banner_Title_Overlay_Bar */ .Banner_Title_Overlay_Bar { position: relative; display: block; overflow: hidden; max-width: 1170px; margin: 0px auto 25px auto; } .Banner_Title_Overlay_Bar h1 { position: absolute; bottom: 40px; color: #003087; background-color: rgba(255, 255, 255, .8); width: 100%; padding: 20px 40px; font-size: 3em; box-shadow: 0 3px 8px -5px rgba(0, 0, 0, .6); } @media (max-width:991px) { .Banner_Title_Overlay_Bar h1 { bottom: 0px; margin: 0px; font-size: 2.5em; } } @media (max-width:767px) { .Banner_Title_Overlay_Bar h1 { font-size: 2em; text-align: center; text-indent: 0px; padding: 10px 20px; } } @media (max-width:530px) { .Banner_Title_Overlay_Bar h1 { position: relative; background-color: #63666A22; } } /* Banner_Title_Overlay_Bar // */ /* center_body */ .center_body { /*margin-top:50px;*/ margin-bottom: 50px; } .center_body h3 {} .center_body p { font-size: 16px } p.center_Intro { color: #002855; line-height: 1.2em; font-size: 30px; margin: 10px 0 25px 0; font-weight: 700; font-size: 2em; } @media (max-width:768px) { p.center_Intro { line-height: 1.2em; font-size: 23px; font-size: 1.45em; } } .center_body .center_Lead { color: #63666A; font-weight: 300; line-height: 1.4; font-size: 21px; } /* center_body // */ /* y-hr3 */ .y-hr3{ clear: both; } .y-hr3 div:nth-child(2) { border-top: solid 2px lightgrey; margin: 50px 0px; height: 0px } /* y-hr3 // */ /* CTA_Button1 */ .CTA_Button1 .btn-primary { float: right; margin-bottom: 40px; background-color: #307FE2; border-color: #307FE2; color: #fff !important; } .CTA_Button1 .btn-primary { background-color: #307FE2; border-color: #5fa1d0; font-size: 1.5em; font-weight: 700 } .CTA_Button1 .btn-primary:hover { background-color: #002855; border-color: #002855; } /* CTA_Button1 // */ /* CTA_Button1sm */ .CTA_Button1sm .btn-primary { margin-bottom: 40px; background-color: #307FE2; border-color: #307FE2; color: #fff !important; margin: 15px 0px; display: block; } .CTA_Button1sm .btn-primary { background-color: #307FE2; border-color: #5fa1d0; font-size: 16px; font-weight: 700; padding-left: 15px; padding-right:15px } .CTA_Button1sm .btn-primary:hover { background-color: #002855; border-color: #002855; } /* CTA_Button1sm // */ /* CenterPrograms -Border Triangle Section */ .CenterPrograms { padding: 0 5% } @media (min-width:991px) { .CenterPrograms.rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterPrograms.rowEqual_768>[class*='CenterProgramsSection'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc((100% / 3) - 20px); float: left; } } @media (min-width:639px) and (max-width:990px) { .CenterPrograms.rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterPrograms.rowEqual_768>[class*='CenterProgramsSection'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc((100% / 2) - 20px); float: left; } } .CenterProgramsSection { margin: 0 10px 50px 10px; transition: .7s; position: relative; height: ; /*If no image*/ width: 100% } @media (max-width:640px) { .CenterProgramsSection { margin: 0 0px 50px 0px; } } .triangle { width: 0; height: 0; border-style: solid; border-width: 0 30px 30px 0; line-height: 0px; border-color: transparent #007bff transparent transparent; _border-color: #000000 #007bff #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position: absolute; right: 0px; } .ColorAbout .triangle { border-color: transparent #307fe2 transparent transparent; _border-color: #000000 #307fe2 #000000 #000000; } .ColorDiscover .triangle { border-color: transparent #d50032 transparent transparent; _border-color: #000000 #d50032 #000000 #000000; } .ColorEmgage .triangle { border-color: transparent #307fe2 transparent transparent; _border-color: #000000 #307fe2 #000000 #000000; } .CenterProgramsSectionInner { /*border: solid 2px rgba(85, 85, 85, 0.33); border: solid 2px #55555555;*/ border-right: solid 2px rgba(85, 85, 85, 0.33); border-right: solid 2px #55555555; border-bottom: solid 2px rgba(85, 85, 85, 0.33); border-bottom: solid 2px #55555555; border-top: solid 2px #fff; border-left: solid 2px #fff; /*background-color: rgba(85, 85, 85, 0.07); background-color: #55555511;*/ padding: 10px; overflow: hidden; height: 100%; } .CenterProgramsSectionInner img { margin: 0px auto 10px auto; display: block; width: 100%/**Take small img and fill whole space*/ ; display: /*Hide the img */ } .CenterProgramsSectionInner h3 { margin: 25px 0 15px 0; line-height: 1em; font-size: 2em; font-weight: 300; text-transform: uppercase } /*Color specific*/ .CenterProgramsSection.ColorAbout a { color: #307fe2; } .CenterProgramsSection.ColorDiscover a { color: #d50032; } .CenterProgramsSection.ColorEngage a { color: #69b3e7; } .CenterProgramsSectionInner p { font-size: 16px; line-height: 1.3em; } .CenterProgramsSectionInner span { position: absolute; bottom: 25px; left: 15px; font-weight: 700; } @media (max-width:991px) { .CenterProgramsSectionInner span { position: relative; bottom: 0px; } } /* Hover Settings*/ .CenterProgramsSection:hover { transform: scale(1.05); transition: .7s; } .CenterProgramsSectionInner:hover { border-right: solid 0px rgba(85, 85, 85, 0.33); border-bottom: solid 0px rgba(85, 85, 85, 0.33); border-right: solid 2px #5fa1d0; border-bottom: solid 2px #5fa1d0; border-top: solid 2px #5fa1d0; border-left: solid 2px #5fa1d0; } .CenterProgramsSectionInner:hover img { opacity: .7; } .CenterProgramsSectionInner:hover h3 a { color: #555; transition: .7s; } .CenterProgramsSectionInner:hover span a { color: #555; transition: .7s; } /* Add class for no img */ .CenterProgramsSection .CenterProgramsSectionInner { margin-bottom: 80px; } @media (max-width:640px) { .CenterProgramsSection .CenterProgramsSectionInner { margin-bottom: 0px; } } .CenterProgramsSection .CenterProgramsSectionInnerNoImg img { display: none; /* Just in case there is a img */ } .CenterProgramsSection .CenterProgramsSectionInnerNoImg h3 { margin: 90px 0 15px 0; } @media (max-width:640px) { .CenterProgramsSection .CenterProgramsSectionInnerNoImg h3 { margin: 10px 0 15px 0; } } /* CenterPrograms -Border Triangle Section // */ /* CenterProgram */ @media (min-width:768px){ .CenterProgram.rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterProgram.rowEqual_768>[class*='CenterProgramSection'] { -ms-flex: 1; /* IE 10 */ flex: auto; /* Remove auto if dont want to fill whole space*/ width: calc((100% / 2) - 1px) /*Adjust # for the number per row, will override the bootstrap - Also needed for Safari*/; } } .CenterProgram .CenterProgramSection { padding: 30px; border-bottom: 1px solid lightgrey; text-align:center; } .CenterProgram .CenterProgramSection:hover { padding: 30px; background-color: #55555511; } .CenterProgram .CenterProgramSection .FilterInner { transition: .7s; } .CenterProgram .CenterProgramSection .FilterInner:hover { transform: scale(1.05); transition: .7s; } @media (min-width:768px) { .CenterProgram .CenterProgramSection:nth-child(odd) { border-right: none; padding-left: 25px; border-right: 1px solid lightgrey; } } .CenterProgram .CenterProgramSection:last-child { border: ; /* why none */ } .CenterProgram .CenterProgramSection .FilterInner img { max-width:150px; } .CenterProgram .CenterProgramSection h3 a { color:#23527c; font-size:1.4em; line-height:1em } .CenterProgram .CenterProgramSection:hover h3 a { color:#5fa1d0 } .CenterProgram{ margin-top:25px; } #CenterProgramSearch{ width: 100%; margin: 0 auto 15px auto; padding: 5px; } /* CenterProgram // */ /* Slider | SliderArticles */ /*.SliderArticlesWrapper{ width: auto; max-width:915px; margin:auto; margin-top:50px; /*margin-bottom:70px*/ /*display: flex; }*/ /* Slider Articles - Main */ #SliderArticles { position: relative; /*background-color:#f6f6f6;*/ margin:0px 0 /* Need space? */ } @media (max-width: 767px) { #SliderArticles { border-color: transparent; } } #SliderArticles .MS-content { margin: 0px 5%; overflow: hidden; white-space: nowrap; } @media (max-width: 767px) { #SliderArticles .MS-content { margin: 0; } } #SliderArticles .MS-content .item { display: inline-block; height: 100%; /* Height - Wrapper */ overflow: hidden; position: relative; vertical-align: top; /* Vertical alignment of slides */ border:; /* Border */ width: 20%; /* Destop amount of slides - take same% off for right margin */ margin-right:; background-color: ; /* Background color */ white-space: normal; /* Lets text wrap */ } @media (max-width: 1200px) { #SliderArticles .MS-content .item { width: 25%; /* Amount of slides - Larger than a tablet */ } } @media (max-width: 992px) { #SliderArticles .MS-content .item { width: 33.3333%; /* Amount of slides - Tablet */ } } @media (max-width: 767px) { #SliderArticles .MS-content .item { width: 50%; /* Amount of slides - Smaller than a tablet */ } } #SliderArticles .MS-content .item p { font-size: 30px; text-align: center; line-height: 1; vertical-align: middle; margin: 0; padding: 10px 0; } #SliderArticles .MS-controls button { position: absolute; border: none; background: transparent; /* font-size: 30px; */ outline: 0; top: calc(25% - 30px); /* Adjust arrow position - will need to adjust! */ font-size: 55px; /* Arrow size - will need to adjust! */ font-weight: 700; /* Arrow weight - will need to adjust! */ } @media (max-width: 767px) { #SliderArticles .MS-controls button { display: none; } } #SliderArticles .MS-controls button:hover { cursor: pointer; } #SliderArticles .MS-controls .MS-left { left: 10px; } @media (max-width: 992px) { #SliderArticles .MS-controls .MS-left { left: -2px; } } #SliderArticles .MS-controls .MS-right { right: 10px; } @media (max-width: 992px) { #SliderArticles .MS-controls .MS-right { right: -2px; } } /*.item img { /* Image */ width: auto; max-height: 216px; margin: auto; display: block; }*/ /* // */ /* Slider - SliderArticles */ #SliderArticles{ width: auto; margin:auto; } .SliderArticlesWrapper { margin-right: 50px; text-align:center; margin: auto; padding: 0 15px } @media (max-width:768px){ .SliderArticlesWrapper { padding:15px 15px } } .SliderArticlesWrapper:hover { opacity: .7; } .SliderArticlesWrapper:hover img { transform: scale(1.09); transition: transform 1s; /* Animation */ } h3.SliderArticlesTitle{ color: #555; line-height: 1.3em; font-size:.9em; margin-top:10px } h3.SliderArticlesTitle a{ color: #555; } /* // */ /* Slider - Slider_Quote */ #Slider_Quote { position: relative; background-color:;/* Background color */ margin:25px 0 /* Need space? */ } #Slider_Quote .MS-content { overflow: hidden; white-space: nowrap; } #Slider_Quote .MS-content .item { display: inline-block; height: 100%; /* Height - Wrapper */ overflow: hidden; position: relative; vertical-align: top; /* Vertical alignment of slides */ border:; /* Border */ width: 100%; /* Destop amount of slides - take same% off for right margin */ margin-right:; background-color: ; /* Background color */ white-space: normal; /* Lets text wrap */ } #Slider_Quote .MS-controls button { position: absolute; border: none; background: transparent; /* font-size: 30px; */ outline: 0; top: calc(50% - 50px); /* Adjust arrow position - will need to adjust! */ font-size: 55px; /* Arrow size - will need to adjust! */ font-weight: 700; /* Arrow weight - will need to adjust! */ } @media (max-width: 767px) { #Slider_Quote .MS-controls button { display: none; } } #Slider_Quote .MS-controls button:hover { cursor: pointer; } #Slider_Quote .MS-controls .MS-left { left: 10px; } @media (max-width: 992px) { #Slider_Quote .MS-controls .MS-left { left: -2px; } } #Slider_Quote .MS-controls .MS-right { right: 10px; } @media (max-width: 992px) { #Slider_Quote .MS-controls .MS-right { right: -2px; } } /* Slider - Slider_Quote // */ /* Slider - Slider_AssociateSponosor */ .Slider_AssociateSponosor { margin:50px auto; } .Slider_AssociateSponosor h2{ color:#002855; line-height: 1.2em; font-size:30px; margin: 10px 0 15px 0; text-align:center; } /* Slider_AssociateSponosor */ #Slider_AssociateSponosor { position: relative; background-color:;/* Background color */ margin:0px 0 /* Need space? */ } @media (max-width: 767px) { #Slider_AssociateSponosor { border-color: transparent; } } #Slider_AssociateSponosor .MS-content { margin: 15px 5%; overflow: hidden; white-space: nowrap; } @media (max-width: 767px) { #Slider_AssociateSponosor .MS-content { margin: 0; } } #Slider_AssociateSponosor .MS-content .item { display: inline-block; height: 100%; /* Height - Wrapper */ overflow: hidden; position: relative; vertical-align: top; /* Vertical alignment of slides */ border:; /* Border */ width: 20%; /* Destop amount of slides */ margin-right:1%; background-color: ; /* Background color */ } @media (max-width: 1200px) { #Slider_AssociateSponosor .MS-content .item { width: 25%; /* Amount of slides - Larger than a tablet */ } } @media (max-width: 992px) { #Slider_AssociateSponosor .MS-content .item { width: 33.3333%; /* Amount of slides - Tablet */ } } @media (max-width: 767px) { #Slider_AssociateSponosor .MS-content .item { width: 50%; /* Amount of slides - Smaller than a tablet */ } } #Slider_AssociateSponosor .MS-content .item:hover { opacity: .7; padding: 0px; transform: scale(1.09); transition: transform 1s; /* Animation */ } #Slider_AssociateSponosor .MS-content .item p { font-size: 30px; text-align: center; line-height: 1; vertical-align: middle; margin: 0; padding: 10px 0; } #Slider_AssociateSponosor .MS-controls button { position: absolute; border: none; background: transparent; /* font-size: 30px; */ outline: 0; top: calc(25% - 30px); /* Adjust arrow position - will need to adjust! */ font-size: 55px; /* Arrow size - will need to adjust! */ font-weight: 700; /* Arrow weight - will need to adjust! */ } @media (max-width: 767px) { #Slider_AssociateSponosor .MS-controls button { display: none; } } #Slider_AssociateSponosor .MS-controls button:hover { cursor: pointer; } #Slider_AssociateSponosor .MS-controls .MS-left { left: 10px; } @media (max-width: 992px) { #Slider_AssociateSponosor .MS-controls .MS-left { left: -2px; } } #Slider_AssociateSponosor .MS-controls .MS-right { right: 10px; } @media (max-width: 992px) { #Slider_AssociateSponosor .MS-controls .MS-right { right: -2px; } } #Slider_AssociateSponosor .item img{ width:100% /* Image fill the full width */ } /* Slider - Slider_AssociateSponosor // */ /* quoteLG - used with Slider_AssociateSponosor */ .quoteLG { padding: 30px; border: solid 2px #69b3e7; overflow:auto; } .quoteLG .quoteLG_copy { color: #63666A; font-weight: 300; line-height: 1.4; font-size: 21px; padding-top:15px; } .quoteLG p.quoteLG_author{ font-size: 21px; font-weight:700; color: #253b80; margin-top:30px } .quoteLG img{ margin:0px } /* quoteLG - used with Slider_AssociateSponosor // */ /* quoteCtr */ .quoteCtr { padding: 30px !important; border: solid 2px #69b3e7; overflow:auto; margin-bottom:50px } .quoteCtr .quote_copy { color: #63666A; font-weight: 300; line-height: 1.4; font-size: 21px; } .quoteCtr p.quote_author{ font-size: 21px; font-weight:700; color: #253b80; margin-top:30px } .quoteCtr img{ margin:0px; border-radius: 50%; } /* quoteCtr // */ /* sp_CTA2_holder */ @media (min-width:768px){ .sp_CTA2_holder { position: relative; background-color: #b9d9ed; height: auto; min-height: 520px; width: 100%; overflow: hidden; } .sp_CTA2_holder .sp_CTA2_img { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .sp_CTA2_holder .sp_CTA2_img img{ max-width: 585px; height: 550px /*Fake Height */ } .sp_CTA2_holder .sp_CTA2_overlay { position: absolute; top: 10%; left: 35%; width: auto; height: auto; min-width: 60%; min-height: 80%; background-color: white; opacity: .95; z-index: 1; /*border: solid 2px red*/ } .sp_CTA2_holder .sp_CTA2_body{ position: absolute; top: 10%; left: 35%; width: 25%; height: auto; min-width: 60%; min-height: 80%; z-index: 2; padding: 35px; /*border: solid 1px green*/ } } /* Tablet */ @media (min-width:991px) and (max-width:1200px){ .sp_CTA2_holder .sp_CTA2_overlay { min-height: 85%; left: 25%; min-width: 70%; } .sp_CTA2_holder .sp_CTA2_body{ min-width: 60%; left: 25%; min-width: 70%; } } /* ipad */ @media (min-width:768px) and (max-width:991px){ .sp_CTA2_holder .sp_CTA2_overlay { top: 5%; min-height: 85%; left: 15%; min-width: 80%; } .sp_CTA2_holder .sp_CTA2_body{ top: 5%; min-width: 80%; left: 15%; } } /* Phone */ @media (max-width:767px){ .sp_CTA2_holder { padding-bottom: 25px; } .sp_CTA2_holder img{ width: 100% } .sp_CTA2_holder .sp_CTA2_body{ padding: 15px } .sp_CTA2_holder .btn{ margin-left: auto; margin-right: auto; width: 275px; display: block } } /* Look*/ .sp_CTA2_holder .sp_CTA2_body h4{ margin:0px; color:#555; font-size:.7em; text-transform:uppercase; font-weight:400; letter-spacing:3px; } .sp_CTA2_holder .sp_CTA2_body h3{ color:#002855; line-height: 1.2em; font-size:30px; margin: 10px 0 30px 0 } .sp_CTA2_holder .btn{ margin-top: 20px } /* // */ /* sp_CTA3_holder */ @media (min-width:768px){ .sp_CTA3_holder { position: relative; background-color: #b9d9ed; height: auto; min-height: 450px; width: 100%; overflow: hidden; } .sp_CTA3_holder p, .sp_CTA3_holder ul{ font-size:16px; } .sp_CTA3_holder .sp_CTA3_img { position: absolute; top: 50%; left: 100%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .sp_CTA3_holder .sp_CTA3_img img{ max-width: 585px; height: 550px /*Fake Height */ } .sp_CTA3_holder .sp_CTA3_overlay { position: absolute; top: 10%; right: 35%; width: auto; height: auto; min-width: 60%; min-height: 78%; background-color: white; opacity: .95; z-index: 1; /*border: solid 2px red*/ } .sp_CTA3_holder .sp_CTA3_body{ position: absolute; top: 10%; right: 35%; width: 25%; height: auto; min-width: 60%; height: calc(78% - 25px);/* was min-height:78%*/ z-index: 2; padding: 35px; /*border: solid 1px green*/ overflow: hidden; } } /* Tablet */ @media (min-width:991px) and (max-width:1200px){ .sp_CTA3_holder .sp_CTA3_overlay { top: 5%; min-height: 85%; min-width: 60%; } .sp_CTA3_holder .sp_CTA3_body{ top: 5%; min-height: 85%; min-width: 60%; } } /* ipad */ @media (min-width:768px) and (max-width:991px){ .sp_CTA3_holder .sp_CTA3_overlay { top: 5%; min-height: 90%; right: 15%; min-width: 80%; } .sp_CTA3_holder .sp_CTA3_body{ top: 5%; min-height: 90%; right: 15%; min-width: 80%; } } /* Phone */ @media (max-width:767px){ .sp_CTA3_holder { padding-bottom: 25px; } .sp_CTA3_holder img{ width: 100% } .sp_CTA3_holder .sp_CTA3_body{ padding: 15px } } /* Look*/ .sp_CTA3_holder .sp_CTA3_body h4{ margin:0px; color:#555; font-size:.7em; text-transform:uppercase; font-weight:400; letter-spacing:3px; } .sp_CTA3_holder .sp_CTA3_body h3{ color:#002855; line-height: 1.2em; font-size:30px; margin: 10px 0 30px 0 } .sp_CTA3_holder ul { list-style: none; /* Remove default bullets */ padding-left: 0px } .sp_CTA3_holder .sp_CTA3_body ul li{ margin-bottom:7px; line-height: 1.5em; } .sp_CTA3_holder .sp_CTA3_body ul li::before { content: " "; font-size: 1em; margin-right: 10px; display: inline-block; height: 12px; background-color: #d50032; width: 12px; position: relative; top: 0px; } .sp_CTA3_holder .sp_CTA3_body ul li{ padding-left:23px; text-indent:-23px } @media (min-width:415px){ .sp_CTA3_body ul{ -webkit-column-count: 2; /* Old Chrome, Safari and Opera */ -moz-column-count: 2; /* Old Firefox */ column-count: 2; } } .sp_CTA3_holder .btn{ margin-top: 20px } /* // */ /* people */ .people { margin-top: 50px; } .people img:nth-child(1) { border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; margin-bottom: 10px } .people img:nth-child(1):hover { opacity: .7 } @media (max-width:991px) { .people { margin: auto; } .people p { text-align: center } } .ci_profile { margin-bottom: 30px; display: block; } @media (max-width:991px) { .ci_profile { text-align: center } } .ci_profile p { margin: 0 0 7px 0 } .ci_profile_name { font-weight: 700; font-size: 20px; } p.ci_profile_name { font-size: 1.5em; } .ci_profile_title { font-style: italic; line-height: 1.3em } .ci_profile_company { font-size: 1em; } p.ci_profile_award { font-size: .8em; text-align:center; color:#55555599; font-weight: 700 } .ci_profile_social { width: auto; } .ci_profile_social i { padding-right: 25px; font-size: 20px } .ci_profile_social a:last-of-type i { padding-right: 0px; } #ci_footer-social { font-size: 1.5em; padding-top: 0px; width: 100%; text-align: right; } @media (max-width:991px) { .ci_logo { margin-top: 25px } .ci_social p { text-align: center !important; } #ci_footer-social { text-align: center } } /* // */ /* Used on the Filter page */ /* Color dots */ .CenterProgramFilterSection{ position: relative; } .CenterProgramFilterSection .ExploreDots{ position: absolute; bottom: 0px; right: 0px; margin: 0 10px 3px 0; } .CenterProgramFilterSection span::after { /*float:right; */ } .CenterProgramFilterSection[data-category*="Dis"] span.ExploreDotsDiscover::after { content: " "; font-size: 1em; margin-right: 5px; display: inline-block; height: 12px; background-color: #d50032; width: 12px; position: relative; top: 0px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .CenterProgramFilterSection[data-category*="Eng"] span.ExploreDotsEngage::after { content: " "; font-size: 1em; margin-right: 5px; display: inline-block; height: 12px; background-color: #69b3e7; width: 12px; position: relative; top: 0px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .CenterProgramFilterSection[data-category*="Focus"] span.ExploreDotsFocus::after { content: " "; font-size: 1em; margin-right: 5px; display: inline-block; height: 12px; background-color: #307fe2; width: 12px; position: relative; top: 0px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* // */ /* CenterFilterWrapper */ /* Base for label styling */ .CenterFilterWrapper [type="checkbox"]:not(:checked), .CenterFilterWrapper [type="checkbox"]:checked { position: absolute; left: -9999px; } .CenterFilterWrapper [type="checkbox"]:not(:checked) + label, .CenterFilterWrapper [type="checkbox"]:checked + label { position: relative; padding-left: 1.75em; cursor: pointer; margin-left: 10px } /* checkbox aspect */ .CenterFilterWrapper [type="checkbox"]:not(:checked) + label:before, .CenterFilterWrapper [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 2px solid #ccc; background: #fff; border-radius: 4px; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); } /* Custom Sections*/ .CenterFilterWrapper .ColorDiscover [type="checkbox"]:not(:checked) + label:before { border: 2px solid #d50032; } .CenterFilterWrapper .ColorDiscover [type="checkbox"]:checked + label:before { border: 2px dotted #d50032; } .CenterFilterWrapper .ColorEngage [type="checkbox"]:not(:checked) + label:before { border: 2px solid #69b3e7; } .CenterFilterWrapper .ColorEngage [type="checkbox"]:checked + label:before { border: 2px dotted #69b3e7; } .CenterFilterWrapper .ColorFocus [type="checkbox"]:not(:checked) + label:before { border: 2px solid #307fe2; } .CenterFilterWrapper .ColorFocus [type="checkbox"]:checked + label:before { border: 2px dotted #307fe2; } /* checked mark aspect */ .CenterFilterWrapper [type="checkbox"]:not(:checked) + label:after, .CenterFilterWrapper [type="checkbox"]:checked + label:after { content: '\2713\0020'; position: absolute; top: .15em; left: .22em; font-size: 1.3em; line-height: 0.8; color: #09ad7e; transition: all .2s; font-family: } /* checked mark aspect changes */ .CenterFilterWrapper [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .CenterFilterWrapper [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } /* accessibility */ .CenterFilterWrapper [type="checkbox"]:checked:focus + label:before, .CenterFilterWrapper [type="checkbox"]:not(:checked):focus + label:before { /*border: 2px dotted blue;*/ } /* hover style just for information */ .CenterFilterWrapper label:hover:before { border: 2px solid #555!important; } /* Filters Sections */ .CenterFilterWrapper .ColorDiscover, .CenterFilterWrapper .ColorEngage, .CenterFilterWrapper .ColorFocus { margin-bottom:15px } .CenterFilterWrapper h3{ border-bottom: solid 2px #555; margin-top: 0; line-height: .8em } .CenterFilterWrapper .ColorDiscover h3{ border-bottom: solid 2px #d50032; color:#d50032; } .CenterFilterWrapper .ColorEngage h3{ border-bottom: solid 2px #69b3e7; color:#69b3e7; } .CenterFilterWrapper .ColorFocus h3{ border-bottom: solid 2px #307fe2; color:#307fe2; } .CenterFilterWrapper h3 span{ font-weight:300; font-size:14px; color: #555 } .CenterFilterWrapper input[type=checkbox] + label{ font-weight: 500; margin: 0; color: #55555599; font-size:13px; } .CenterFilterWrapper input[type=checkbox] + label:hover{ color: #555; } .CenterFilterWrapper input[type=checkbox]:checked + label{ color: #555555; } /* CenterFilterWrapper // /* /* Filtered Section -- CenterProgramFilterSection -- FilterInner */ @media (min-width:991px) { .CenterProgram.rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterProgram.rowEqual_768>[class*='CenterProgramFilterSection'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc((100% / 3) - 20px) /*Adjust # for the number per row, will override the bootstrap - Also needed for Safari*/; } } @media (min-width:768px) and (max-width:991px){ .CenterProgram.rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterProgram.rowEqual_768>[class*='CenterProgramFilterSection'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc((100% / 2) - 20px) /*Adjust # for the number per row, will override the bootstrap - Also needed for Safari*/; } } @media (min-width:376px) and (max-width:767px) { .CenterProgram.rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterProgram.rowEqual_768>[class*='CenterProgramFilterSection'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc((100% / 2) - 20px) /*Adjust # for the number per row, will override the bootstrap - Also needed for Safari*/; } } .CenterProgramFilterSection{ margin:0 10px 20px 10px; transition: .7s; } .CenterProgramFilterSection .FilterInner { /*border: solid 2px rgba(85, 85, 85, 0.33); border: solid 2px #55555555;*/ border-right: solid 2px rgba(85, 85, 85, 0.33); border-right: solid 2px #55555555; border-bottom: solid 2px rgba(85, 85, 85, 0.33); border-bottom: solid 2px #55555555; border-top: solid 2px #fff; border-left: solid 2px #fff; /*background-color: rgba(85, 85, 85, 0.07); background-color: #55555511;*/ padding: 10px; overflow: hidden; height: 100%; } .CenterProgramFilterSection .FilterInner h3{ margin: 0 0 15px 0; line-height: 1em; font-size:1.3em } .CenterProgramFilterSection .FilterInner:hover h3 a{ color:#555 } .CenterProgramFilterSection .FilterInner p{ font-size: 16px; line-height: 1.3em } .CenterProgramFilterSection:hover { transform: scale(1.05); transition: .7s; } .CenterProgramFilterSection .FilterInner:hover { border-right: solid 0px rgba(85, 85, 85, 0.33); border-bottom: solid 0px rgba(85, 85, 85, 0.33); border-right: solid 2px #5fa1d0; border-bottom: solid 2px #5fa1d0; border-top: solid 2px #5fa1d0; border-left: solid 2px #5fa1d0; } /* Filtered Section -- CenterProgramFilterSection -- FilterInner // */ /* Used on the Filter page // */ /* CalloutBorderWrapper - aka SponsorMarketoForm */ .CalloutBorderWrapper { background-color: ; padding: 5px 25px; border: solid 2px #307FE2; margin: 50px 15px 0px; } .CalloutBorderWrapper h3 { margin: 10x 0 0 0; color: #555; font-size: .7em; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; max-width: 200px; /* Custom for the copy length */ background-color: #fff; padding: 5px 15px; position: relative; top: -35px } .CalloutBorderWrapper h2 { color: #002855; } .CalloutBorderWrapper .CalloutBorderWrapperHolder { background-color: ; padding: 15px; display: inline-block; margin-bottom: 25px; } .CalloutBorderWrapperHolder form { margin: auto; } /* CalloutBorderWrapper - aka SponsorMarketoForm // */ /* CenterCallout_a */ @media (min-width:768px){ .CenterCallout_a .rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterCallout_a .CenterCallout_2col.rowEqual_768>[class*='col-'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc(25% - 2px) /*Adjust % for the number per row, will override the bootstrap - Also needed for Safari*/; } } .CenterCallout_a { background-color: #f6f6f6; margin-bottom:25px; } .CenterCallout_a .CenterCallout_a-Center { text-align: center; } .CenterCallout_a .CenterCallout_a_Holder{ margin-bottom:25px; } .CenterCallout_a h4 { color: #002855; line-height: 1.2em; font-size: 30px; margin: 10px 0 30px 0; text-align:center; } .CenterCallout_a h3 { margin: 25px 0 0 0; color: #555; font-size: .7em; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; text-align:center; } .CenterCallout_a .CenterCallout_a_Wrapper{ display: block; margin: 15px 0 0 0; overflow: hidden; color: #002855; background-color: white; /*! background-color: white; */ border: solid 3px #f6f6f6; display: block; transition: .2s; color: #307fe2; height: 100%; } .CenterCallout_a .CenterCallout_a_Wrapper:hover { border: solid 3px #307fe2; } .CenterCallout_a .CenterCallout_a_Wrapper:hover img{ opacity: .6; transform: scale(1.05); transition: 3s; } .CenterCallout_a .CenterCallout_a_Icon{ margin-top: 5px; } .CenterCallout_a .CenterCallout_a_icon { width: auto; max-width:147px; } .CenterCallout_a .CenterCallout_a_Wrapper .CenterCallout_a_SectionTitle{ color: #555; } /*.CenterCallout_a .CenterCallout_a_Wrapper:hover h2,*/ .CenterCallout_a .CenterCallout_a_Wrapper:hover .CenterCallout_a_SectionTitle a{ color: #555; } .CenterCallout_a .CenterCallout_a_Wrapper .CenterCallout_a_SectionTitle{ font-size: 1.2em; padding: 0 10px; } .CenterCallout_a .CenterCallout_a_Wrapper h2.CenterCallout_a_h_1{ color: #d50032; } .CenterCallout_a .CenterCallout_a_Wrapper h2.CenterCallout_a_h_2{ color: #002855; } .CenterCallout_a .CenterCallout_a_Wrapper h2.CenterCallout_a_h_3{ color: #69b3e7; } .CenterCallout_a .CenterCallout_a_Wrapper h2:hover { transition: .2s; } .CenterCallout_a .CenterCallout_a_Wrapper p{ line-height: 1.6em; padding: 0 10px 15px 10px; color: #333; font-size:16px; } .CenterCallout_a .CenterCallout_a_Wrapper ul, .CenterCallout_a .CenterCallout_a_Wrapper ol{ line-height: 1.6em; color: #333; text-align: left; } .CenterCallout_a ul { list-style: none; /* Remove default bullets */ padding-left: 30px; margin-top:15px; margin-bottom: 25px; padding-right:15px; } .CenterCallout_a ul li { margin-bottom: 7px; line-height: 1.5em; padding-left: 23px; text-indent: -23px; font-size:16px; } .CenterCallout_a ul li::before { content: " "; font-size: 1em; margin-right: 5px; display: inline-block; height: 12px; background-color: #d50032; width: 12px; position: relative; top: 0px; } @media (max-width:991px) { .CenterCallout_a .CenterCallout_a_Wrapper{ min-height: 100%; } } @media (max-width:768px) { .CenterCallout_a .CenterCallout_a_Wrapper { min-height: 100%; /* Was 480px*/ } } @media (max-width:432px) { .CenterCallout_a .CenterCallout_a_Wrapper{ min-height: 220px; margin: 5px 0; } /*.CenterCallout_a .CenterCallout_a_Wrapper p, .CenterCallout_a .CenterCallout_a_Wrapper ul { display: none; }*/ } @media (max-width:360px) { .CenterCallout_a .CenterCallout_a_Wrapper{ min-height: 195px; margin: 5px 0; } .CenterCallout_a .CenterCallout_a_Wrapper h2 { font-size: 1em; padding: 0 5px; } /*.CenterCallout_a .CenterCallout_a_Wrapper p .CenterCallout_a .CenterCallout_a_Wrapper ul { display: none; }*/ } @media (max-width:991px) and (min-width:568px){ .CenterCallout_a CenterCallout_a_ul{ width: 75%; margin: auto; } } /* .people4 .rowEqual_768 */ @media (min-width:769px){ .people4{ clear: both } .people4 .rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .people4 .rowEqual_768>[class*='col-'] { -ms-flex: 1; /* IE 10 */ flex: inherit; /*flex*/ width: calc((100% / 4) - 2px) /*Adjust % for the number per row, will override the bootstrap - Also needed for Safari*/; } } @media (max-width:767px) and (min-width:361px){ .people4 .rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .people4 .rowEqual_768>[class*='col-'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc((100% / 2) - 2px) /*Adjust % for the number per row, will override the bootstrap - Also needed for Safari*/; } } /* .people4 .rowEqual_768 // */ /* cc_tabs // */ /* reset */ .cc_tabs ul.a-container { margin: 0; padding: 0; list-style: none; } .cc_tabs input[type=radio] { display: none; } .cc_tabs input[type=checkbox] { display: none; } /* style */ .cc_tabs .a-container { width: 100%; margin: 20px auto; } .cc_tabs .a-container label { display: block; position: relative; cursor: pointer; font-size: 18px; font-weight: bold; padding: 10px 20px; color: #555; background-color: #eee; border-bottom: 1px solid #ddd; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; margin-top:15px; } .cc_tabs .a-container li:first-of-type label{ margin-top:0px /* needed when used with tabs*/; } .cc_tabs .a-container label:after { content: ""; width: 0; height: 0; border-top: 8px solid #aaa; border-right: 6px solid transparent; border-bottom: 8px solid transparent; border-left: 6px solid transparent; position: absolute; right: 10px; top: 16px; } .cc_tabs .a-container input:checked + label, .cc_tabs .a-container label:hover { background-color: #003087; color: #fff; } .cc_tabs .a-container input:checked + label:after { border-top: 8px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #fff; border-left: 6px solid transparent; top: 6px; } .cc_tabs .a-content { padding: 0 20px 20px; display: none; height:auto; max-height: 40vh; overflow: auto } .cc_tabs .a-container input:checked ~ .a-content { display: block; border-left: solid 1px #555; border-right: solid 1px #555; border-bottom: solid 1px #555; } .a-items label{ margin-bottom: 0px; } /* Style the tab */ .cc_tabs .tab { background-color: #fff; width: auto; height: auto; overflow: auto; } /* Style the buttons inside the tab */ .cc_tabs .tab button { display: block; background-color: lightgry; color: #003087; padding: 10px 16px 10px 20px; width: calc(50% - 30px); border: solid 1px lightgray; outline: none; text-align: center; cursor: pointer; transition: 0.3s; font-size: 20px; float: left; overflow: auto; margin: 0px 15px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; font-weight: 700; } @media (max-width:452px){ .cc_tabs .tab button{ padding: 10px 5px 10px 5px; width: calc(50% - 4px); font-size: 17px; margin: 0px 2px; } } /* Change background color of buttons on hover */ .cc_tabs .tab button:hover { background-color: #003087; color:#fff; } /* Create an active/current "tab button" class */ .cc_tabs .tab button.active { background-color: #003087; color: #ffffff; } /* Style the tab content */ .cc_tabs .tab .tabcontent { float: left; padding: 15px 12px; border: 1px solid #ccc; width: 100%; height: auto; } .cc_tabs .tablinks:after { content: '\2610'; color: #777; font-weight: bold; float: right; margin-left: 5px; } .cc_tabs .tablinks.active:after { content: "\2611"; } /* cc_tabs - // */ /* CntMenuSub */ .CntMenuSub{ margin:20px 0px; padding-bottom: 5px; color: #afb1b1; letter-spacing: 1.5px; font-weight: 400; font-size: .7em; } .CntMenuSub .CntMenuBar{ border-bottom: 1px solid lightblue; } .CntMenuSub .CntMenuBar a:after{ content: "|"; padding: 0 3px 0 6px; color: #555; } .CntMenuSub .CntMenuBar a:last-child:after{ content: ""; } .CntMenuSub .CntMenuSubHome, .CntMenuSub .CntMenuSubParent{ text-transform: uppercase; color: #555; opacity: .9; } .CntMenuSub .CntMenuSubParent{ } .CntMenuSub .CntMenuSubChild{ } .CntMenuSub .CntMenuSubCurrent{ opacity: .7; } .CntMenuSub .CntMenuSubHome:hover, .CntMenuSub .CntMenuSubParent:hover{ text-transform: uppercase; color: #d50032; } /* CntMenuSub // */ /* Ctr_Resource1 */ .Ctr_Resource1 { padding: 75px 0 75px 0; display: inline-block } .Ctr_Resource1 h3 { margin: 10px 0 0 0; color: #555; font-size: .7em; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; } .Ctr_Resource1 h4 { color: #002855; line-height: 1.2em; font-size: 30px; margin: 10px 0 15px 0 } .Ctr_Resource1_holder { background-color: ; padding: 0; overflow: auto } .Ctr_Resource1 .Ctr_Resource1_holder img { padding-bottom: 15px } @media (max-width:768px) and (min-width:340px) { .Ctr_Resource1 .Ctr_Resource1_holder .col-xs-3 { width: 40%; } .Ctr_Resource1 .Ctr_Resource1_holder .col-xs-9 { width: 60%; } } @media (max-width:500px) and (min-width:361px) { .Ctr_Resource1 .Ctr_Resource1_holder img { margin: auto; display: block; margin-left: 100%; } .Ctr_Resource1 .Ctr_Resource1_holder.col-xs-3 { width: 100%; } .Ctr_Resource1 .Ctr_Resource1_holder .col-xs-9 { width: 100%; } } @media (max-width:360px) { .Ctr_Resource1 .Ctr_Resource1_holder img { margin: auto; display: block } .Ctr_Resource1 .Ctr_Resource1_holder .col-xs-3 { width: 100%; max-width: 150px; margin-left: calc(50% - 75px); margin-right: } .Ctr_Resource1 .Ctr_Resource1_holder .col-xs-9 { width: 100%; padding: 0 25px } } .Ctr_Resource1 .btn { margin-top: 20px; } /* Ctr_Resource1 // */ /* CntCardDrop3 */ /* start 9-col expandable grid CSS */ .CntCardDrop3 { margin: 0 auto; /*background-color: #f6f6f6;*/ display: block; margin-bottom:25px; } .CntCardDrop3 .cards { padding: 15px; display: flex; flex-flow: row wrap; } .CntCardDrop3 .card { margin: 15px; width: calc((100% / 3) - 30px); transition: all 0.2s ease-in-out; border: none !important; } @media screen and (max-width: 991px) { .CntCardDrop3 .card { width: calc((100% / 2) - 30px); } } @media screen and (max-width: 767px) { .CntCardDrop3 .card { width: 100%; } } .CntCardDrop3 .card:hover .card__inner { background-color: #1abc9c; transform: scale(1.05); } .CntCardDrop3 .card__inner { width: 100%; padding: 20px; position: relative; cursor: pointer; background-image: linear-gradient(to bottom right, #002855, #003087); font-size: 1.5em; line-height: 1.2em; text-align: center; transition: all 0.2s ease-in-out; color: #fff; height: 450px; } @media (max-width:991px){ .CntCardDrop3 .card__inner { height: 435px; } } @media (max-width:767px){ .CntCardDrop3 .card__inner { height: auto; } } .CntCardDrop3 .card__inner:hover img { margin: auto; display: block; margin-bottom: 15px; } .CntCardDrop3 .card__inner img:hover { opacity: .8; } .CntCardDrop3 .card__inner:after { transition: all 0.3s ease-in-out; } .CntCardDrop3 .card__inner .fa { width: 100%; margin: 1em 0; } .CntCardDrop3 .card__inner h3 { line-height: .5em; } .CntCardDrop3 .card__inner h3 small { margin-top: 0; color: #fff; font-size: .55em; } .CntCardDrop3 .card__inner p { margin-top: 0; color: #fff; font-size:.6em; line-height: 1.3em; } .CntCardDrop3 .card__expander { transition: all 0.2s ease-in-out; width: 100%; position: relative; align-items: top; color: #555; font-size: 1.2em; border: 2px solid #63666A; } .CntCardDrop3 .card__expander h3 { margin-bottom:0px; } .CntCardDrop3 .card__expander .fa { font-size: 1em; position: absolute; top: 10px; right: 10px; color: grey; } .CntCardDrop3 .card__expander .fa:hover { opacity: 0.5; } .CntCardDrop3 .card.is-collapsed .card__inner:after { content: ""; opacity: 0; } .CntCardDrop3 .card.is-collapsed .card__expander { max-height: 0; min-height: 0; overflow: hidden; margin-top: 0; opacity: 0; } .CntCardDrop3 .card.is-expanded .card__inner { background-color: transparent; } .CntCardDrop3 .card.is-expanded .card__inner:after { content: ""; opacity: 1; display: block; height: 0; width: 0; position: absolute; bottom: -31px; left: calc(50% - 15px); border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #63666A; } .CntCardDrop3 .card.is-expanded .card__inner .fa:before { content: "\f115"; } .CntCardDrop3 .card.is-expanded .card__expander { max-height: 1000px; min-height: 200px; overflow: visible; margin-top: 30px; opacity: 1; z-index: 1; overflow: auto; max-height: 60vh; } .CntCardDrop3 .card__expander .resourcesintro{ margin: 25px 0 0 0; } .CntCardDrop3 .card__expander .resourcesmore p a{ text-align: center; color: #9d2235; font-weight: 700; margin-top:25px; display:inline-block; } .CntCardDrop3 .card__expander .resourcesmore p a:hover{ color: #9d223555; } /*.CntCardDrop3 .card__expander .resourcescol div:nth-child(odd){ clear: both }*/ .CntCardDrop3 .card__expander .resourcescol div a { /*border-top: 1px dashed lightgrey;*/ } .CntCardDrop3 .card__expander .resourcescol a { display: block; width: 100% } .CntCardDrop3 .card__expander .resourcescol p{ padding-left:15px; font-size:16px; } .CntCardDrop3 .card.is-expanded:hover .card__inner { transform: scale(1); } .CntCardDrop3 .card.is-inactive .card__inner { pointer-events: none; opacity: 0.5; } @media screen and (min-width: 992px) { .CntCardDrop3 .card:nth-of-type(3n+2) .card__expander { margin-left: calc(-100% - 30px); } .CntCardDrop3 .card:nth-of-type(3n+3) .card__expander { margin-left: calc(-200% - 60px); } .CntCardDrop3 .card:nth-of-type(3n+4) { clear: left; } .CntCardDrop3 .card__expander { width: calc(300% + 60px); } } @media screen and (min-width: 768px) and (max-width: 991px){ .CntCardDrop3 .card__expander { width: calc(200% + 30px); } .CntCardDrop3 .card:nth-of-type(2n+2) .card__expander { margin-left: calc(-100% - 30px); } } /* DropOverlay_1 Section */ .CntCardDrop3 .card .DropOverlay_1-layer_top { opacity: 0; position: absolute; top: 0%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; width: 100%; height:10%; } .CntCardDrop3 .card:hover .DropOverlay_1-layer_top, .CntCardDrop3 .card.active .DropOverlay_1-layer_top { opacity: .7; top:22px; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50%; height:25px; color: #000; background-color: #fff; } .CntCardDrop3 .card .DropOverlay_1-text { text-align: center; font-size: 12px; display: inline-block; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } /* Hides the overlay is active or hidden*/ .CntCardDrop3 .card.is-expanded .DropOverlay_1-text is-expanded, .CntCardDrop3 .card.is-expanded .DropOverlay_1-layer_top, .CntCardDrop3 .card.is-inactive .DropOverlay_1-text, .CntCardDrop3 .card.is-inactive .DropOverlay_1-layer_top{ display: none; } /* CntCardDrop3 // */ /* y-sections */ y-sections .y-padding{ padding:10px; margin:0px 0 15px 0 } .y-sections h2:nth-child(1){ text-align: center; margin: 0px } .y-sections h3{ text-align: center; } .y-sections h4{ color: #9d2235; font-size: } .y-sections img{ margin:auto; display:block; } */.y-padding img{ -webkit-box-shadow: -13px 13px 10px -7px rgba(99,102,106,0.66); -moz-box-shadow: -13px 13px 10px -7px rgba(99,102,106,0.66); box-shadow: -13px 13px 10px -7px rgba(99,102,106,0.66); } */ .y-lock::before { background: url("/sites/default/files/2018-11/lock-img.gif") no-repeat top left; background-size: 20px 20px; display: inline-block; content: ""; width: 20px; height: 20px; position: relative; top: 0px; left: 0px; margin-right:10px } .y-nolock:before{ display: inline-block; content: ""; height: 20px; } /* y-sections // */ /* CntBreadButtonRight*/ .CntBreadButtonRight{ float: right } .CntBreadButtonRight .btn{ padding: 5px 10px; margin: 0px; font-size: 12px; font-weight: 400; line-height: 12px; } /* CntBreadButtonRight // */ /* Center Elements - // */ </style></div> </div> </div> </div> </article> </div> </div> </div> <div> <div class="paragraph paragraph--type--reusable-cta paragraph--view-mode--default"> <div class="field_reusable_cta"><article role="article"> <div class="reusable-cta--theme- reusable-cta--container cta-background-color-"> <div class="reusable-cta--text-fields-container "> <div class="reusable-cta--field cta--field-text color-"> <div class="field_text"><div class="field_text"> <style type="text/css"> /* Adjust Drupal Toolbars - Admin Menu .toolbar { position: fixed; bottom: 0px; z-index: 99; background-color: black; width: 100%; opacity:.7; } */ /* Contexual Gear*/ #block-aha-local-tasks { position: fixed; top:175px; z-index: 9999; } /* Hide the AHA Header section */ #master-header{ display: none } #js-header-login-search, #js-secondary-nav{ display: block !important; } /* for the spacer */ .AVC-banner-spacer { display: block; height: 75px; } @media (max-width:994px){ .AVC-banner-spacer { display: block; height: 52.75px; } } /* AHA fix - New Header postion*/ #block-mainpagecontent>article div .spacer{ padding-top: 0px; } /* New Header - AVC */ .AVC-Nav header { -webkit-box-shadow: 0px 3px 5px 0px rgba(99, 102, 106, 0.37); box-shadow: 0px 3px 5px 0px rgba(99, 102, 106, 0.37); background-color: #fff; text-align: center; position: fixed; z-index: 999; width: 100%; left: 0; /*top:0px;*/ } .ahalink span a{ font-size:10px !important; } .AVC-Nav{ position:absolute; left:0 } .AVC-logo { padding: 10px 0; } .AVC-logo img { max-width: 180px; margin-top:15px; } @media (max-width:994px){ .AVC-logo img{ margin-top:0px } } .nav-toggle { display: none; } .nav-toggle-label { position: absolute; top: 0; right: 0; margin-right: 2em; height: 62.4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 9999; } .nav-toggle-label span, .nav-toggle-label span::before, .nav-toggle-label span::after { display: block; background: #333; height: 2px; width: 2em; border-radius: 2px; position: relative; } .nav-toggle-label span::before, .nav-toggle-label span::after { content: ''; position: absolute; } .nav-toggle-label span::before { bottom: 7px; } .nav-toggle-label span::after { top: 7px; } @media only screen and (max-width: 994px) { .AVC-Nav nav { position: absolute; top: 100%; left: 0; text-align: left; background-color: #f6f6f6; width: 100%; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: -webkit-transform 400ms ease-in-out; transition: -webkit-transform 400ms ease-in-out; -o-transition: transform 400ms ease-in-out; transition: transform 400ms ease-in-out; transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out; /* so you can sroll on long menus*/ overflow-y: scroll; height: calc(100vh - 50.75px); padding-right:20px } .AVC-Nav .dropdown-menu{ display: block; float: none; position: relative; } } .AVC-Nav nav ul { margin: 0 0 0 1em; padding: .5em 0; list-style: none; } .AVC-Nav nav ul ul { margin-left: 0 } .AVC-Nav nav li { padding: .5em 0; } .AVC-Nav nav a { color: #333; text-decoration: none; font-size: 1.2rem; text-transform: uppercase; opacity: 0; -webkit-transition: opacity 150ms ease-in-out; -o-transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out; } .AVC-Nav nav a:hover { color: #B1B3B3; } .AVC-Nav nav ul ul li { margin: 0; padding: .5em 0; } /* .AVC-Nav nav ul li:nth-child(5), .AVC-Nav nav ul ul { padding: 0; }*/ .mobile-hide { display: none; } .AVC-Nav nav li.AVC-aha-logo { min-width: 80px; } .AVC-Nav nav li.AVC-aha-logo img { max-height: 30px; } .AVC-Nav nav li.AVC-aha-logo a:hover { background-color: transparent; } .nav-toggle:checked~nav { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) } .nav-toggle:checked~nav a { opacity: 1; -webkit-transition: opacity 250ms ease-in-out 250ms; -o-transition: opacity 250ms ease-in-out 250ms; transition: opacity 250ms ease-in-out 250ms; } .header-login-search { padding: 0 1em 0 0; } @media screen and (min-width: 995px) { .nav-toggle-label { display: none; } header { display: -ms-grid; display: grid; -ms-grid-columns: .3fr auto auto .4fr; grid-template-columns: .3fr auto auto .4fr; } .AVC-logo { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2/3; } .AVC-Nav nav { all: unset; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3/4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; } .AVC-Nav nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; } .AVC-Nav nav li { margin-left: 1.5em; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .AVC-Nav nav ul ul { position: absolute; top: 100%; display: none; } .AVC-Nav nav ul li ul li { margin: 0; background: #f6f6f6; padding: 10px; } .AVC-Nav nav ul li:hover>ul { display: block; } .AVC-Nav nav ul li ul:hover, .AVC-Nav nav ul li ul:active { display: block; } .mobile-hide { display: block; } .AVC-Nav nav a { opacity: 1; position: relative; } .AVC-Nav nav a:hover { color: #333; } .AVC-Nav nav a::before { content: ''; display: block; height: 5px; background: #307FE2; position: absolute; top: -.75em; left: 0; right: 0; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: -webkit-transform ease-in-out 250ms; transition: -webkit-transform ease-in-out 250ms; -o-transition: transform ease-in-out 250ms; transition: transform ease-in-out 250ms; transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms; } .AVC-Nav nav a:hover::before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) } } /*AVC Button*/ .btn-primary-avc1{ background-color: #307FE2 ; border-color: #307FE2 ; color: #fff !important; } .btn-primary-avc1:hover{ background-color: #002855 ; border-color: #002855 ; } .btn-primary-avc2{ background-color: #fff ; border-color: #307FE2 ; color: #307FE2; } .btn-primary-avc2:hover{ background-color:#fff ; border-color: #002855; color:#002855 ; } /* *************** AHA COLOR --- CHANGES ************ */ .AVC-Nav header { background-color: #F7F8FB } .ahalink{ position: top; position: relative; top:-10px } .AVC-Nav nav a { color: #63666A; font-family: inherit; font-size: 13px; font-weight: 700; text-transform: capitalize } /*AVC Button*/ max-width:175px } </style> <div class="AVC-Nav"> <header> <div class="AVC-logo"> <a href="/center"><img alt="AHA Center for Innovation logo" src="/sites/default/files/2020-09/logo-aha-innovation-center-color-60px.png"></a> </div><input class="nav-toggle" id="nav-toggle" type="checkbox"> <nav id="VirtualConference"> <ul> <li> <a href="/center/about-center-health-innovation">About</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown">Discover</a><!--/center/discover--> <ul class="dropdown-menu"> <li> <a class="dropdown-item" href="/center/discover" target="_blank">Discover All</a> </li> <li> <a class="dropdown-item" href="/2020-01-22-updates-and-resources-novel-coronavirus-2019-cov" target="_blank">COVID-19</a> </li> <li> <a class="dropdown-item" href="http://www.ahadata.com/" class="referlink" rel="follow" target="_blank">Data &amp; Analytics</a> </li> <li> <a class="dropdown-item" href="/center/cybersecurity-digital-health">Cybersecurity &amp; Digital Health</a> </li> <li> <a class="dropdown-item" href="/center/innovation-capacity">Innovation Capacity</a> </li> <li> <a class="dropdown-item" href="/center/leadership-workforce-development">Leadership &amp; Workforce Development</a> </li> <li> <a class="dropdown-item" href="/center/population-health">Population Health</a> </li> <li> <a class="dropdown-item" href="/center/quality-safety">Quality &amp; Safety</a> </li> <li> <a class="dropdown-item" href="/center/affordability-value">Value-Based Care &amp; Affordability</a> </li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown">Engage</a><!--/center/engage--> <ul class="dropdown-menu"> <li> <a class="dropdown-item" href="/center/engage">Engage All</a> </li> <li> <a class="dropdown-item" href="/center/advisory">Advisory</a> </li> <li> <a class="dropdown-item" href="/center/collaboratives-education">Collaboratives &amp; Education</a> </li> <li> <a class="dropdown-item" href="/center/data-solutions">Data &amp; Solutions</a> </li> <li> <a class="dropdown-item" href="/center/ecosystem-partnerships">Ecosystem Partnerships</a> </li> <li> <a class="dropdown-item" href="/center/events">Events</a> </li> </ul> </li> <li> <div class="RuralButton"> <a class="btn btn-primary btn-primary-avc1" href="/center/explore"><strong>Explore Center Programs</strong></a> </div> </li> <li> <div class="header-login-search" id="js-header-login-search"> <!--<a href="#" id="js-navbar-mobile-toggle" class="navbar-mobile-toggle"></a>--><!-- <div id="js-header-login" class="header-login"> <!== Single button <div class="btn-group"> <a href="/user/dashboard" id="user-dashboard-btn" class="btn btn-sm btn-default" role="button" >My AHA.org</a> <button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </button> <ul class="dropdown-menu"> <li> <a href="http://am.aha.org/access-manager/logout.html?goto=https://www.aha.org/" id="user-logout-btn">Log Out</a> </li> </ul> </div> </div>--> <div class="header-search" id="js-header-search"> <form accept-charset="UTF-8" action="/aha-search" class="views-exposed-form" data-drupal-selector="views-exposed-form-aha-search-page-1" id="views-exposed-form-aha-search-page-1" method="get" name="views-exposed-form-aha-search-page-1"> <div class="js-form-item form-item js-form-type-textfield form-item-search-api-fulltext js-form-item-search-api-fulltext"> <label class="sr-only" for="edit-search-api-fulltext">Search</label> <input autocomplete="off" class="form-autocomplete ui-autocomplete-input" data-drupal-selector="edit-search-api-fulltext" data-id="autocompletion_for_input_edit_search_api_fulltext_form_text" id="edit-search-api-fulltext" maxlength="128" name="search_api_fulltext" placeholder="Search AHA..." size="30" type="text" value=""> </div> <div class="form-actions js-form-wrapper form-wrapper" data-drupal-selector="edit-actions" id="edit-actions"> <input class="button js-form-submit form-submit" data-drupal-selector="edit-submit-aha-search" id="edit-submit-aha-search" type="submit" value="Search"> </div> </form><!-- Removed header Search region --> </div> </div> </li> <li class="AVC-aha-logo"> <div class="ahalink"> <a href="https://www.aha.org"><img alt="american hospital association logo" src="https://www.aha.org/themes/custom/aha/images/aha-brand-full.png"></a><br> <span><a href="https://www.aha.org">AHA Home Page</a></span> </div> </li> </ul> </nav><label class="nav-toggle-label" for="nav-toggle"><span>&nbsp;</span></label> </header> </div> <div class="AVC-banner-spacer"> &nbsp; </div> </div></div> </div> </div> </div> </article> </div> </div> </div> <div> <div class="paragraph paragraph--type--cta paragraph--view-mode--default"> <div class="cta-- "> <div class=> <div class="cta--field cta--field-text"><div> <header class="BannerTitlesOverlayCntr"> <div class="BannerTitlesOverlayCntrInner"> <h1>Quality &amp; Safety</h1><!--<p>Sub ....</p>--> </div> </header> </div><!--//--><!-- center_body --> <div> <div class="col-sm-12 center_body"> <p class="center_Intro">Hospitals and health systems continue to strive for safer, more reliable and timelier patient- and family-centered care for all people.</p><!--<p class="center_Lead">Lead............</p>--> <p>The AHA Center for Health Innovation offers the latest topic-specific, evidence-based resources and training. This work builds on the AHA’s longstanding commitment to help health care organizations accelerate performance improvement and enhance the patient experience.</p> </div> </div><!--//--><!-- center_body --> <div class="row"> <div class="col-sm-12 center_body"> <!--<p class="center_Intro">Intro ......</p>--><!--<p class="center_Lead">Lead............</p>--> <div class="col-md-12"> <h3>Want to connect with us and your peers?</h3> </div> <div class="col-md-8"> <p>Join a national LISTSERV<sup>®</sup> forum for hospitals and health systems to share best practices and build peer-to-peer connections on the following topics:</p> <ul> <li>General (Hospital-Wide)</li> <li>Infection Prevention</li> <li>Rural/Critical Access Hospitals</li> </ul> </div> <div class="col-md-4"> <center> <a class="btn btn-wide btn-primary" href="/center/performance-improvement/forms/listserv-pi">Join a Forum</a> </center> </div> </div> </div><!--//--><!-- y-hr - Bar --> <div class="row y-hr3"> <div class="col-md-3"> &nbsp; </div> <div class="col-md-6"> &nbsp; </div> <div class="col-md-3"> &nbsp; </div> </div><!--//--><!-- Button Center - Explore--> <div class="row"> <div class="col-md-12 CTA_Button1"> <div> <a class="btn btn-wide btn-primary" data-view-context="top-level-view" href="/center/explore">Explore All Center Programs &gt;</a> </div> </div> </div><!--//--><!-- CenterProgramsSection - v2 --> <div class="row"> <div class="CenterPrograms rowEqual_768 col-md-12"> <div class="CenterProgramsSection ColorDiscover"> <!-- ColorAbout ColorDiscover ColorEngage--><!--ColorDiscover ColorEngage--> <div class="triangle"> &nbsp; </div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"> <!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/center/project-firstline">Project Firstline</a></h3> <p>A national infection control training collaborative with the CDC.</p><span><a href="/center/project-firstline">Learn More &gt;</a></span> </div> </div> <div class="CenterProgramsSection ColorDiscover"> <!-- ColorAbout ColorDiscover ColorEngage--><!--ColorDiscover ColorEngage--> <div class="triangle"> &nbsp; </div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"> <!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/center/living-learning-network">Living Learning Network (LLN)</a></h3> <p>Offers peer-to-peer discussions on relief, recovery and rebuilding health care.</p><span><a href="/center/living-learning-network">Learn More &gt;</a></span> </div> </div> <div class="CenterProgramsSection ColorDiscover"> <!-- ColorAbout ColorDiscover ColorEngage--><!--ColorDiscover ColorEngage--> <div class="triangle"> &nbsp; </div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"> <!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/center/new-payment-and-delivery-models/age-friendly-health-systems">Age-Friendly Health Systems</a></h3> <p>Focuses on addressing the unique care needs of older patients.</p><span><a href="/center/new-payment-and-delivery-models/age-friendly-health-systems">Learn More &gt;</a></span> </div> </div> <div class="CenterProgramsSection ColorDiscover"> <!-- ColorAbout ColorDiscover ColorEngage--><!--ColorDiscover ColorEngage--> <div class="triangle"> &nbsp; </div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"> <!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/center/performance-improvement/cdi-prevention-collaborative">The CDI Prevention Collaborative</a></h3> <p>Brings together hospitals and health systems to progress CDI prevention.</p><span><a href="/center/performance-improvement/cdi-prevention-collaborative">Learn More &gt;</a></span> </div> </div> <div class="CenterProgramsSection ColorDiscover"> <!-- ColorAbout ColorDiscover ColorEngage--><!--ColorDiscover ColorEngage--> <div class="triangle"> &nbsp; </div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"> <!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/center/performance-improvement/palliative-care">Palliative Care</a></h3> <p>Shines a national spotlight on palliative care through insights, methods and training.</p><span><a href="/center/performance-improvement/palliative-care">Learn More &gt;</a></span> </div> </div> <div class="CenterProgramsSection ColorDiscover"> <!-- ColorAbout ColorDiscover ColorEngage--><!--ColorDiscover ColorEngage--> <div class="triangle"> &nbsp; </div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"> <!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/center/performance-improvement/strive">STRIVE Infection Control Initiative</a></h3> <p>Leads infection control practices and strengthens stakeholder relationships.</p><span><a href="/center/performance-improvement/strive">Learn More &gt;</a></span> </div> </div> <div class="CenterProgramsSection ColorDiscover"> <!-- ColorAbout ColorDiscover ColorEngage--><!--ColorDiscover ColorEngage--> <div class="triangle"> &nbsp; </div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"> <!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/center/performance-improvement/takeheart">TAKEheart Cardiac Rehabilitation</a></h3> <p>Brings together hospitals and health systems to accelerate cardiac rehabilitation.</p><span><a href="/center/performance-improvement/takeheart">Learn More &gt;</a></span> </div> </div> <div class="CenterProgramsSection ColorDiscover"> <!-- ColorAbout ColorDiscover ColorEngage--><!--ColorDiscover ColorEngage--> <div class="triangle"> &nbsp; </div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"> <!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/center/population-health/population-health-management/pi-study">Performance improvement in Safety-Net Hospitals</a></h3> <p>Offers insights on the challenges and opportunities for PI in safety-net hospitals.</p><span><a href="/center/population-health/population-health-management/pi-study">Learn More &gt;</a></span> </div> </div> <div class="CenterProgramsSection ColorDiscover"> <!-- ColorAbout ColorDiscover ColorEngage--><!--ColorDiscover ColorEngage--> <div class="triangle"> &nbsp; </div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"> <!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/aha-team-training">AHA Team Training</a></h3> <p>Offers everything hospitals need to improve communication and teamwork.</p><span><a href="/aha-team-training">Learn More &gt;</a></span> </div> </div> <div class="CenterProgramsSection ColorDiscover"> <!-- ColorAbout ColorDiscover ColorEngage--><!--ColorDiscover ColorEngage--> <div class="triangle"> &nbsp; </div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"> <!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/center/innovation-capacity/next-generation-leaders-fellowship">Next Generation Leaders Fellowship</a></h3> <p>Helps emerging leaders tackle key issues and create trail-blazing opportunities.</p><span><a href="/center/innovation-capacity/next-generation-leaders-fellowship">Learn More &gt;</a></span> </div> </div> <div class="CenterProgramsSection ColorDiscover"> <!-- ColorAbout ColorDiscover ColorEngage--><!--ColorDiscover ColorEngage--> <div class="triangle"> &nbsp; </div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"> <!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/2018-01-06-members-action">Members in Action Series</a></h3> <p>Use case studies to show how hospitals and health systems are achieving value.</p><span><a href="/2018-01-06-members-action">Learn More &gt;</a></span> </div> </div> <div class="CenterProgramsSection ColorDiscover"> <!-- ColorAbout ColorDiscover ColorEngage--><!--ColorDiscover ColorEngage--> <div class="triangle"> &nbsp; </div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"> <!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/2018-02-01-issue-briefs">Issue Briefs</a></h3> <p>Frames the issue of affordability and explores the value equation.</p><span><a href="/2018-02-01-issue-briefs">Learn More &gt;</a></span> </div> </div> <div class="CenterProgramsSection ColorDiscover"> <!-- ColorAbout ColorDiscover ColorEngage--><!--ColorDiscover ColorEngage--> <div class="triangle"> &nbsp; </div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"> <!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/value-initiative">The Value Initiative</a></h3> <p>Leads the health care field in addressing affordability and value with actionable tools.</p><span><a href="/value-initiative">Learn More &gt;</a></span> </div> </div> <div class="CenterProgramsSection ColorDiscover"> <!-- ColorAbout ColorDiscover ColorEngage--><!--ColorDiscover ColorEngage--> <div class="triangle"> &nbsp; </div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"> <!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="http://www.ahadata.com/" class="referlink" rel="follow">AHA Data</a></h3> <p>Collects, analyzes and shares critical data from our nation’s hospitals.</p><span><a href="http://www.ahadata.com/" class="referlink" rel="follow">Learn More &gt;</a></span> </div> </div> </div> </div><!--//--><!-- Bar --> <div class="row y-hr3"> <div class="col-md-3"> &nbsp; </div> <div class="col-md-6"> &nbsp; </div> <div class="col-md-3"> &nbsp; </div> </div><!--//--></div> </div> </div> </div> </div> </div> <div class="field_sidebar_elements"> <div class="paragraph paragraph--type--sidebar paragraph--view-mode--default"> </div> </div> <div class="field_topics"> <div><a href="/topics/aha-center-health-innovation" class="topic" hreflang="en">AHA Center for Health Innovation</a></div> <div><a href="/topics/operational-excellence" hreflang="en">Operational Excellence</a></div> <div><a href="/topics/performance-improvement" hreflang="en">Performance improvement</a></div> <div><a href="/topics/quality-patient-safety" hreflang="en">Quality &amp; Patient Safety</a></div> </div> Mon, 10 Aug 2020 21:47:32 +0000 Keith Hand CA 623376 at https://www.aha.org Leadership & Workforce Development | Center https://www.aha.org/center/leadership-workforce-development <span class="title">Leadership &amp; Workforce Development | Center</span> <span class="uid"><span>Keith Hand CA</span></span> <span class="created">Aug 10, 2020 - 03:27 PM</span> <div class="body"></div> <div class="field_custom_elements"> <div> <div class="paragraph paragraph--type--reusable-cta paragraph--view-mode--default"> <div class="field_reusable_cta"><article role="article"> <div class="reusable-cta--theme- reusable-cta--container cta-background-color-"> <div class="reusable-cta--text-fields-container "> <div class="reusable-cta--field cta--field-text color-"> <div class="field_text"><style type="text/css"> /* Center Elements */ /* Site overrides - Start */ body, .body, body ol>li, .body ol>li, body p, .body p, body ul>li .body ul>li { font-size: 16px; color: #555 } #global-footer div { color: #B1B3B3; font-size: 11.9px; } h2, h4 { text-transform: uppercase; color: #253b80 } h3, h5 { color: #4579bc } .lead, .field_lead p { color: #63666A; font-weight: 300; line-height: 1.4; font-size: 21px; } a:hover { text-decoration: none } /* Site overrides - End*/ /*Drupal Menu*/ #toolbar-administration{ background-color: #000; } #toolbar-item-workbench-tray{ position: relative; } /*Moves the Moderation State message down*/ #content-moderation-entity-moderation-form{ position: fixed; bottom: 0px; left: 0px; z-index: 1000 } .entity-moderation-form { margin: 15px; opacity: .7 } /* New BannerTitlesOverlay */ .BannerTitlesOverlay { position: relative; display: block; overflow: hidden; max-width: 1170px; margin: 0px auto 25px auto; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#043E87', endColorstr='#307FE2'); background-image: url(''), -webkit-gradient(linear, left top, right top, from(#307FE2), to(#043E87)); background-image: url(''), -o-linear-gradient(left, #307FE2, #043E87); background-image: url(''), linear-gradient(to right, #307FE2, #043E87); } .BannerTitlesOverlay img{ float: right; } @media (max-width:1200px){ .BannerTitlesOverlay img{ opacity: .6 } } @media (min-width:1200px){ .BannerTitlesOverlay .BannerTitlesOverlayWrapper{ position: absolute; width: 60%; top: 0px; height: 100%; } } @media (min-width:769px) and (max-width:1199px){ .BannerTitlesOverlay .BannerTitlesOverlayWrapper{ position: absolute; width: 80%; top: 0px; height: 100%; } } .BannerTitlesOverlay h1 { position: absolute; bottom: 60%; color: #fff; width: 100%; padding: 0px 40px; font-size: 3em; /*background-color: rgba(255, 255, 255, .8); box-shadow: 0 3px 8px -5px rgba(0, 0, 0, .6);*/ } .BannerTitlesOverlay h2 { position: absolute; top:40%; color: #fff; width: 100%; padding: 0px 40px; font-size: 2.4em; text-transform: none; } @media (max-width:1199px) { .BannerTitlesOverlay h1 { font-size: 2.4em; } .BannerTitlesOverlay h2 { font-size: 2em; } } @media (max-width:991px) { .BannerTitlesOverlay h1 { font-size: 2.2em; } .BannerTitlesOverlay h2 { font-size: 1.8em; } } @media (max-width:767px) { .BannerTitlesOverlay h1 { font-size: 2em; text-align: center; text-indent: 0px; padding: 10px 20px; } .BannerTitlesOverlay h2 { font-size: 1.5em; text-align: center; text-indent: 0px; padding: 10px 20px; } } @media (max-width:657px) { .BannerTitlesOverlay h1 { bottom:50%; font-size: 2em; margin: 0; padding: 15px; display: inline-block } .BannerTitlesOverlay h2 { font-size: 1.3em; position: relative; margin:0px; padding: 15px; display: inline-block } } @media (max-width:360px) { .BannerTitlesOverlay h1 { top:10px; font-size: 1.6em; line-height: 1em } .BannerTitlesOverlay h2 { font-size: 1.3em; position: relative; margin:0px; padding: 15px; display: inline-block } } /* New BannerTitlesOverlay // */ /* BannerTitlesOverlayCntr */ .BannerTitlesOverlayCntr { position: relative; display: block; overflow: hidden; max-width: 1170px; margin: 0px auto 25px auto; height: 300px; text-align: center; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#043E87', endColorstr='#307FE2'); background-image: url(''), -webkit-gradient(linear, left top, right top, from(#307FE2), to(#043E87)); background-image: url(''), -o-linear-gradient(left, #307FE2, #043E87); background-image: url(''), linear-gradient(to right, #307FE2, #043E87); } .BannerTitlesOverlayCntrInner { position: absolute; bottom: 50px; width: 100%; } .BannerTitlesOverlayCntr h1 { color: #fff; padding: 0px 40px; font-size: 3em; } .BannerTitlesOverlayCntr p { color: #fff; padding: 0px 40px; font-size: 20px; } @media (max-width:991px) { .BannerTitlesOverlayCntr h1 { bottom: 0px; margin: 0px; font-size: 2.7em; } .BannerTitlesOverlayCntr { height: 250px; } } @media (max-width:767px) { .BannerTitlesOverlayCntr h1 { font-size: 2.3em; text-align: center; text-indent: 0px; padding: 10px 20px; } } @media (max-width:740px) { .BannerTitlesOverlayCntr { height: 125px; } .BannerTitlesOverlayCntr h1 { position: relative; top: 25px; width: 100%; display: block; } } @media (max-width:530px) { .BannerTitlesOverlayCntrInner { position: absolute; top: 25px; width: 100%; } .BannerTitlesOverlayCntr h1 { position: relative; top: -25px; width: 100%; display: block; } } /* BannerTitlesOverlayCntr // */ /* Banner_Title_Overlay_Bar */ .Banner_Title_Overlay_Bar { position: relative; display: block; overflow: hidden; max-width: 1170px; margin: 0px auto 25px auto; } .Banner_Title_Overlay_Bar h1 { position: absolute; bottom: 40px; color: #003087; background-color: rgba(255, 255, 255, .8); width: 100%; padding: 20px 40px; font-size: 3em; box-shadow: 0 3px 8px -5px rgba(0, 0, 0, .6); } @media (max-width:991px) { .Banner_Title_Overlay_Bar h1 { bottom: 0px; margin: 0px; font-size: 2.5em; } } @media (max-width:767px) { .Banner_Title_Overlay_Bar h1 { font-size: 2em; text-align: center; text-indent: 0px; padding: 10px 20px; } } @media (max-width:530px) { .Banner_Title_Overlay_Bar h1 { position: relative; background-color: #63666A22; } } /* Banner_Title_Overlay_Bar // */ /* center_body */ .center_body { /*margin-top:50px;*/ margin-bottom: 50px; } .center_body h3 {} .center_body p { font-size: 16px } p.center_Intro { color: #002855; line-height: 1.2em; font-size: 30px; margin: 10px 0 25px 0; font-weight: 700; font-size: 2em; } @media (max-width:768px) { p.center_Intro { line-height: 1.2em; font-size: 23px; font-size: 1.45em; } } .center_body .center_Lead { color: #63666A; font-weight: 300; line-height: 1.4; font-size: 21px; } /* center_body // */ /* y-hr3 */ .y-hr3{ clear: both; } .y-hr3 div:nth-child(2) { border-top: solid 2px lightgrey; margin: 50px 0px; height: 0px } /* y-hr3 // */ /* CTA_Button1 */ .CTA_Button1 .btn-primary { float: right; margin-bottom: 40px; background-color: #307FE2; border-color: #307FE2; color: #fff !important; } .CTA_Button1 .btn-primary { background-color: #307FE2; border-color: #5fa1d0; font-size: 1.5em; font-weight: 700 } .CTA_Button1 .btn-primary:hover { background-color: #002855; border-color: #002855; } /* CTA_Button1 // */ /* CTA_Button1sm */ .CTA_Button1sm .btn-primary { margin-bottom: 40px; background-color: #307FE2; border-color: #307FE2; color: #fff !important; margin: 15px 0px; display: block; } .CTA_Button1sm .btn-primary { background-color: #307FE2; border-color: #5fa1d0; font-size: 16px; font-weight: 700; padding-left: 15px; padding-right:15px } .CTA_Button1sm .btn-primary:hover { background-color: #002855; border-color: #002855; } /* CTA_Button1sm // */ /* CenterPrograms -Border Triangle Section */ .CenterPrograms { padding: 0 5% } @media (min-width:991px) { .CenterPrograms.rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterPrograms.rowEqual_768>[class*='CenterProgramsSection'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc((100% / 3) - 20px); float: left; } } @media (min-width:639px) and (max-width:990px) { .CenterPrograms.rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterPrograms.rowEqual_768>[class*='CenterProgramsSection'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc((100% / 2) - 20px); float: left; } } .CenterProgramsSection { margin: 0 10px 50px 10px; transition: .7s; position: relative; height: ; /*If no image*/ width: 100% } @media (max-width:640px) { .CenterProgramsSection { margin: 0 0px 50px 0px; } } .triangle { width: 0; height: 0; border-style: solid; border-width: 0 30px 30px 0; line-height: 0px; border-color: transparent #007bff transparent transparent; _border-color: #000000 #007bff #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position: absolute; right: 0px; } .ColorAbout .triangle { border-color: transparent #307fe2 transparent transparent; _border-color: #000000 #307fe2 #000000 #000000; } .ColorDiscover .triangle { border-color: transparent #d50032 transparent transparent; _border-color: #000000 #d50032 #000000 #000000; } .ColorEmgage .triangle { border-color: transparent #307fe2 transparent transparent; _border-color: #000000 #307fe2 #000000 #000000; } .CenterProgramsSectionInner { /*border: solid 2px rgba(85, 85, 85, 0.33); border: solid 2px #55555555;*/ border-right: solid 2px rgba(85, 85, 85, 0.33); border-right: solid 2px #55555555; border-bottom: solid 2px rgba(85, 85, 85, 0.33); border-bottom: solid 2px #55555555; border-top: solid 2px #fff; border-left: solid 2px #fff; /*background-color: rgba(85, 85, 85, 0.07); background-color: #55555511;*/ padding: 10px; overflow: hidden; height: 100%; } .CenterProgramsSectionInner img { margin: 0px auto 10px auto; display: block; width: 100%/**Take small img and fill whole space*/ ; display: /*Hide the img */ } .CenterProgramsSectionInner h3 { margin: 25px 0 15px 0; line-height: 1em; font-size: 2em; font-weight: 300; text-transform: uppercase } /*Color specific*/ .CenterProgramsSection.ColorAbout a { color: #307fe2; } .CenterProgramsSection.ColorDiscover a { color: #d50032; } .CenterProgramsSection.ColorEngage a { color: #69b3e7; } .CenterProgramsSectionInner p { font-size: 16px; line-height: 1.3em; } .CenterProgramsSectionInner span { position: absolute; bottom: 25px; left: 15px; font-weight: 700; } @media (max-width:991px) { .CenterProgramsSectionInner span { position: relative; bottom: 0px; } } /* Hover Settings*/ .CenterProgramsSection:hover { transform: scale(1.05); transition: .7s; } .CenterProgramsSectionInner:hover { border-right: solid 0px rgba(85, 85, 85, 0.33); border-bottom: solid 0px rgba(85, 85, 85, 0.33); border-right: solid 2px #5fa1d0; border-bottom: solid 2px #5fa1d0; border-top: solid 2px #5fa1d0; border-left: solid 2px #5fa1d0; } .CenterProgramsSectionInner:hover img { opacity: .7; } .CenterProgramsSectionInner:hover h3 a { color: #555; transition: .7s; } .CenterProgramsSectionInner:hover span a { color: #555; transition: .7s; } /* Add class for no img */ .CenterProgramsSection .CenterProgramsSectionInner { margin-bottom: 80px; } @media (max-width:640px) { .CenterProgramsSection .CenterProgramsSectionInner { margin-bottom: 0px; } } .CenterProgramsSection .CenterProgramsSectionInnerNoImg img { display: none; /* Just in case there is a img */ } .CenterProgramsSection .CenterProgramsSectionInnerNoImg h3 { margin: 90px 0 15px 0; } @media (max-width:640px) { .CenterProgramsSection .CenterProgramsSectionInnerNoImg h3 { margin: 10px 0 15px 0; } } /* CenterPrograms -Border Triangle Section // */ /* CenterProgram */ @media (min-width:768px){ .CenterProgram.rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterProgram.rowEqual_768>[class*='CenterProgramSection'] { -ms-flex: 1; /* IE 10 */ flex: auto; /* Remove auto if dont want to fill whole space*/ width: calc((100% / 2) - 1px) /*Adjust # for the number per row, will override the bootstrap - Also needed for Safari*/; } } .CenterProgram .CenterProgramSection { padding: 30px; border-bottom: 1px solid lightgrey; text-align:center; } .CenterProgram .CenterProgramSection:hover { padding: 30px; background-color: #55555511; } .CenterProgram .CenterProgramSection .FilterInner { transition: .7s; } .CenterProgram .CenterProgramSection .FilterInner:hover { transform: scale(1.05); transition: .7s; } @media (min-width:768px) { .CenterProgram .CenterProgramSection:nth-child(odd) { border-right: none; padding-left: 25px; border-right: 1px solid lightgrey; } } .CenterProgram .CenterProgramSection:last-child { border: ; /* why none */ } .CenterProgram .CenterProgramSection .FilterInner img { max-width:150px; } .CenterProgram .CenterProgramSection h3 a { color:#23527c; font-size:1.4em; line-height:1em } .CenterProgram .CenterProgramSection:hover h3 a { color:#5fa1d0 } .CenterProgram{ margin-top:25px; } #CenterProgramSearch{ width: 100%; margin: 0 auto 15px auto; padding: 5px; } /* CenterProgram // */ /* Slider | SliderArticles */ /*.SliderArticlesWrapper{ width: auto; max-width:915px; margin:auto; margin-top:50px; /*margin-bottom:70px*/ /*display: flex; }*/ /* Slider Articles - Main */ #SliderArticles { position: relative; /*background-color:#f6f6f6;*/ margin:0px 0 /* Need space? */ } @media (max-width: 767px) { #SliderArticles { border-color: transparent; } } #SliderArticles .MS-content { margin: 0px 5%; overflow: hidden; white-space: nowrap; } @media (max-width: 767px) { #SliderArticles .MS-content { margin: 0; } } #SliderArticles .MS-content .item { display: inline-block; height: 100%; /* Height - Wrapper */ overflow: hidden; position: relative; vertical-align: top; /* Vertical alignment of slides */ border:; /* Border */ width: 20%; /* Destop amount of slides - take same% off for right margin */ margin-right:; background-color: ; /* Background color */ white-space: normal; /* Lets text wrap */ } @media (max-width: 1200px) { #SliderArticles .MS-content .item { width: 25%; /* Amount of slides - Larger than a tablet */ } } @media (max-width: 992px) { #SliderArticles .MS-content .item { width: 33.3333%; /* Amount of slides - Tablet */ } } @media (max-width: 767px) { #SliderArticles .MS-content .item { width: 50%; /* Amount of slides - Smaller than a tablet */ } } #SliderArticles .MS-content .item p { font-size: 30px; text-align: center; line-height: 1; vertical-align: middle; margin: 0; padding: 10px 0; } #SliderArticles .MS-controls button { position: absolute; border: none; background: transparent; /* font-size: 30px; */ outline: 0; top: calc(25% - 30px); /* Adjust arrow position - will need to adjust! */ font-size: 55px; /* Arrow size - will need to adjust! */ font-weight: 700; /* Arrow weight - will need to adjust! */ } @media (max-width: 767px) { #SliderArticles .MS-controls button { display: none; } } #SliderArticles .MS-controls button:hover { cursor: pointer; } #SliderArticles .MS-controls .MS-left { left: 10px; } @media (max-width: 992px) { #SliderArticles .MS-controls .MS-left { left: -2px; } } #SliderArticles .MS-controls .MS-right { right: 10px; } @media (max-width: 992px) { #SliderArticles .MS-controls .MS-right { right: -2px; } } /*.item img { /* Image */ width: auto; max-height: 216px; margin: auto; display: block; }*/ /* // */ /* Slider - SliderArticles */ #SliderArticles{ width: auto; margin:auto; } .SliderArticlesWrapper { margin-right: 50px; text-align:center; margin: auto; padding: 0 15px } @media (max-width:768px){ .SliderArticlesWrapper { padding:15px 15px } } .SliderArticlesWrapper:hover { opacity: .7; } .SliderArticlesWrapper:hover img { transform: scale(1.09); transition: transform 1s; /* Animation */ } h3.SliderArticlesTitle{ color: #555; line-height: 1.3em; font-size:.9em; margin-top:10px } h3.SliderArticlesTitle a{ color: #555; } /* // */ /* Slider - Slider_Quote */ #Slider_Quote { position: relative; background-color:;/* Background color */ margin:25px 0 /* Need space? */ } #Slider_Quote .MS-content { overflow: hidden; white-space: nowrap; } #Slider_Quote .MS-content .item { display: inline-block; height: 100%; /* Height - Wrapper */ overflow: hidden; position: relative; vertical-align: top; /* Vertical alignment of slides */ border:; /* Border */ width: 100%; /* Destop amount of slides - take same% off for right margin */ margin-right:; background-color: ; /* Background color */ white-space: normal; /* Lets text wrap */ } #Slider_Quote .MS-controls button { position: absolute; border: none; background: transparent; /* font-size: 30px; */ outline: 0; top: calc(50% - 50px); /* Adjust arrow position - will need to adjust! */ font-size: 55px; /* Arrow size - will need to adjust! */ font-weight: 700; /* Arrow weight - will need to adjust! */ } @media (max-width: 767px) { #Slider_Quote .MS-controls button { display: none; } } #Slider_Quote .MS-controls button:hover { cursor: pointer; } #Slider_Quote .MS-controls .MS-left { left: 10px; } @media (max-width: 992px) { #Slider_Quote .MS-controls .MS-left { left: -2px; } } #Slider_Quote .MS-controls .MS-right { right: 10px; } @media (max-width: 992px) { #Slider_Quote .MS-controls .MS-right { right: -2px; } } /* Slider - Slider_Quote // */ /* Slider - Slider_AssociateSponosor */ .Slider_AssociateSponosor { margin:50px auto; } .Slider_AssociateSponosor h2{ color:#002855; line-height: 1.2em; font-size:30px; margin: 10px 0 15px 0; text-align:center; } /* Slider_AssociateSponosor */ #Slider_AssociateSponosor { position: relative; background-color:;/* Background color */ margin:0px 0 /* Need space? */ } @media (max-width: 767px) { #Slider_AssociateSponosor { border-color: transparent; } } #Slider_AssociateSponosor .MS-content { margin: 15px 5%; overflow: hidden; white-space: nowrap; } @media (max-width: 767px) { #Slider_AssociateSponosor .MS-content { margin: 0; } } #Slider_AssociateSponosor .MS-content .item { display: inline-block; height: 100%; /* Height - Wrapper */ overflow: hidden; position: relative; vertical-align: top; /* Vertical alignment of slides */ border:; /* Border */ width: 20%; /* Destop amount of slides */ margin-right:1%; background-color: ; /* Background color */ } @media (max-width: 1200px) { #Slider_AssociateSponosor .MS-content .item { width: 25%; /* Amount of slides - Larger than a tablet */ } } @media (max-width: 992px) { #Slider_AssociateSponosor .MS-content .item { width: 33.3333%; /* Amount of slides - Tablet */ } } @media (max-width: 767px) { #Slider_AssociateSponosor .MS-content .item { width: 50%; /* Amount of slides - Smaller than a tablet */ } } #Slider_AssociateSponosor .MS-content .item:hover { opacity: .7; padding: 0px; transform: scale(1.09); transition: transform 1s; /* Animation */ } #Slider_AssociateSponosor .MS-content .item p { font-size: 30px; text-align: center; line-height: 1; vertical-align: middle; margin: 0; padding: 10px 0; } #Slider_AssociateSponosor .MS-controls button { position: absolute; border: none; background: transparent; /* font-size: 30px; */ outline: 0; top: calc(25% - 30px); /* Adjust arrow position - will need to adjust! */ font-size: 55px; /* Arrow size - will need to adjust! */ font-weight: 700; /* Arrow weight - will need to adjust! */ } @media (max-width: 767px) { #Slider_AssociateSponosor .MS-controls button { display: none; } } #Slider_AssociateSponosor .MS-controls button:hover { cursor: pointer; } #Slider_AssociateSponosor .MS-controls .MS-left { left: 10px; } @media (max-width: 992px) { #Slider_AssociateSponosor .MS-controls .MS-left { left: -2px; } } #Slider_AssociateSponosor .MS-controls .MS-right { right: 10px; } @media (max-width: 992px) { #Slider_AssociateSponosor .MS-controls .MS-right { right: -2px; } } #Slider_AssociateSponosor .item img{ width:100% /* Image fill the full width */ } /* Slider - Slider_AssociateSponosor // */ /* quoteLG - used with Slider_AssociateSponosor */ .quoteLG { padding: 30px; border: solid 2px #69b3e7; overflow:auto; } .quoteLG .quoteLG_copy { color: #63666A; font-weight: 300; line-height: 1.4; font-size: 21px; padding-top:15px; } .quoteLG p.quoteLG_author{ font-size: 21px; font-weight:700; color: #253b80; margin-top:30px } .quoteLG img{ margin:0px } /* quoteLG - used with Slider_AssociateSponosor // */ /* quoteCtr */ .quoteCtr { padding: 30px !important; border: solid 2px #69b3e7; overflow:auto; margin-bottom:50px } .quoteCtr .quote_copy { color: #63666A; font-weight: 300; line-height: 1.4; font-size: 21px; } .quoteCtr p.quote_author{ font-size: 21px; font-weight:700; color: #253b80; margin-top:30px } .quoteCtr img{ margin:0px; border-radius: 50%; } /* quoteCtr // */ /* sp_CTA2_holder */ @media (min-width:768px){ .sp_CTA2_holder { position: relative; background-color: #b9d9ed; height: auto; min-height: 520px; width: 100%; overflow: hidden; } .sp_CTA2_holder .sp_CTA2_img { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .sp_CTA2_holder .sp_CTA2_img img{ max-width: 585px; height: 550px /*Fake Height */ } .sp_CTA2_holder .sp_CTA2_overlay { position: absolute; top: 10%; left: 35%; width: auto; height: auto; min-width: 60%; min-height: 80%; background-color: white; opacity: .95; z-index: 1; /*border: solid 2px red*/ } .sp_CTA2_holder .sp_CTA2_body{ position: absolute; top: 10%; left: 35%; width: 25%; height: auto; min-width: 60%; min-height: 80%; z-index: 2; padding: 35px; /*border: solid 1px green*/ } } /* Tablet */ @media (min-width:991px) and (max-width:1200px){ .sp_CTA2_holder .sp_CTA2_overlay { min-height: 85%; left: 25%; min-width: 70%; } .sp_CTA2_holder .sp_CTA2_body{ min-width: 60%; left: 25%; min-width: 70%; } } /* ipad */ @media (min-width:768px) and (max-width:991px){ .sp_CTA2_holder .sp_CTA2_overlay { top: 5%; min-height: 85%; left: 15%; min-width: 80%; } .sp_CTA2_holder .sp_CTA2_body{ top: 5%; min-width: 80%; left: 15%; } } /* Phone */ @media (max-width:767px){ .sp_CTA2_holder { padding-bottom: 25px; } .sp_CTA2_holder img{ width: 100% } .sp_CTA2_holder .sp_CTA2_body{ padding: 15px } .sp_CTA2_holder .btn{ margin-left: auto; margin-right: auto; width: 275px; display: block } } /* Look*/ .sp_CTA2_holder .sp_CTA2_body h4{ margin:0px; color:#555; font-size:.7em; text-transform:uppercase; font-weight:400; letter-spacing:3px; } .sp_CTA2_holder .sp_CTA2_body h3{ color:#002855; line-height: 1.2em; font-size:30px; margin: 10px 0 30px 0 } .sp_CTA2_holder .btn{ margin-top: 20px } /* // */ /* sp_CTA3_holder */ @media (min-width:768px){ .sp_CTA3_holder { position: relative; background-color: #b9d9ed; height: auto; min-height: 450px; width: 100%; overflow: hidden; } .sp_CTA3_holder p, .sp_CTA3_holder ul{ font-size:16px; } .sp_CTA3_holder .sp_CTA3_img { position: absolute; top: 50%; left: 100%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .sp_CTA3_holder .sp_CTA3_img img{ max-width: 585px; height: 550px /*Fake Height */ } .sp_CTA3_holder .sp_CTA3_overlay { position: absolute; top: 10%; right: 35%; width: auto; height: auto; min-width: 60%; min-height: 78%; background-color: white; opacity: .95; z-index: 1; /*border: solid 2px red*/ } .sp_CTA3_holder .sp_CTA3_body{ position: absolute; top: 10%; right: 35%; width: 25%; height: auto; min-width: 60%; height: calc(78% - 25px);/* was min-height:78%*/ z-index: 2; padding: 35px; /*border: solid 1px green*/ overflow: hidden; } } /* Tablet */ @media (min-width:991px) and (max-width:1200px){ .sp_CTA3_holder .sp_CTA3_overlay { top: 5%; min-height: 85%; min-width: 60%; } .sp_CTA3_holder .sp_CTA3_body{ top: 5%; min-height: 85%; min-width: 60%; } } /* ipad */ @media (min-width:768px) and (max-width:991px){ .sp_CTA3_holder .sp_CTA3_overlay { top: 5%; min-height: 90%; right: 15%; min-width: 80%; } .sp_CTA3_holder .sp_CTA3_body{ top: 5%; min-height: 90%; right: 15%; min-width: 80%; } } /* Phone */ @media (max-width:767px){ .sp_CTA3_holder { padding-bottom: 25px; } .sp_CTA3_holder img{ width: 100% } .sp_CTA3_holder .sp_CTA3_body{ padding: 15px } } /* Look*/ .sp_CTA3_holder .sp_CTA3_body h4{ margin:0px; color:#555; font-size:.7em; text-transform:uppercase; font-weight:400; letter-spacing:3px; } .sp_CTA3_holder .sp_CTA3_body h3{ color:#002855; line-height: 1.2em; font-size:30px; margin: 10px 0 30px 0 } .sp_CTA3_holder ul { list-style: none; /* Remove default bullets */ padding-left: 0px } .sp_CTA3_holder .sp_CTA3_body ul li{ margin-bottom:7px; line-height: 1.5em; } .sp_CTA3_holder .sp_CTA3_body ul li::before { content: " "; font-size: 1em; margin-right: 10px; display: inline-block; height: 12px; background-color: #d50032; width: 12px; position: relative; top: 0px; } .sp_CTA3_holder .sp_CTA3_body ul li{ padding-left:23px; text-indent:-23px } @media (min-width:415px){ .sp_CTA3_body ul{ -webkit-column-count: 2; /* Old Chrome, Safari and Opera */ -moz-column-count: 2; /* Old Firefox */ column-count: 2; } } .sp_CTA3_holder .btn{ margin-top: 20px } /* // */ /* people */ .people { margin-top: 50px; } .people img:nth-child(1) { border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; margin-bottom: 10px } .people img:nth-child(1):hover { opacity: .7 } @media (max-width:991px) { .people { margin: auto; } .people p { text-align: center } } .ci_profile { margin-bottom: 30px; display: block; } @media (max-width:991px) { .ci_profile { text-align: center } } .ci_profile p { margin: 0 0 7px 0 } .ci_profile_name { font-weight: 700; font-size: 20px; } p.ci_profile_name { font-size: 1.5em; } .ci_profile_title { font-style: italic; line-height: 1.3em } .ci_profile_company { font-size: 1em; } p.ci_profile_award { font-size: .8em; text-align:center; color:#55555599; font-weight: 700 } .ci_profile_social { width: auto; } .ci_profile_social i { padding-right: 25px; font-size: 20px } .ci_profile_social a:last-of-type i { padding-right: 0px; } #ci_footer-social { font-size: 1.5em; padding-top: 0px; width: 100%; text-align: right; } @media (max-width:991px) { .ci_logo { margin-top: 25px } .ci_social p { text-align: center !important; } #ci_footer-social { text-align: center } } /* // */ /* Used on the Filter page */ /* Color dots */ .CenterProgramFilterSection{ position: relative; } .CenterProgramFilterSection .ExploreDots{ position: absolute; bottom: 0px; right: 0px; margin: 0 10px 3px 0; } .CenterProgramFilterSection span::after { /*float:right; */ } .CenterProgramFilterSection[data-category*="Dis"] span.ExploreDotsDiscover::after { content: " "; font-size: 1em; margin-right: 5px; display: inline-block; height: 12px; background-color: #d50032; width: 12px; position: relative; top: 0px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .CenterProgramFilterSection[data-category*="Eng"] span.ExploreDotsEngage::after { content: " "; font-size: 1em; margin-right: 5px; display: inline-block; height: 12px; background-color: #69b3e7; width: 12px; position: relative; top: 0px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .CenterProgramFilterSection[data-category*="Focus"] span.ExploreDotsFocus::after { content: " "; font-size: 1em; margin-right: 5px; display: inline-block; height: 12px; background-color: #307fe2; width: 12px; position: relative; top: 0px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* // */ /* CenterFilterWrapper */ /* Base for label styling */ .CenterFilterWrapper [type="checkbox"]:not(:checked), .CenterFilterWrapper [type="checkbox"]:checked { position: absolute; left: -9999px; } .CenterFilterWrapper [type="checkbox"]:not(:checked) + label, .CenterFilterWrapper [type="checkbox"]:checked + label { position: relative; padding-left: 1.75em; cursor: pointer; margin-left: 10px } /* checkbox aspect */ .CenterFilterWrapper [type="checkbox"]:not(:checked) + label:before, .CenterFilterWrapper [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 1.25em; height: 1.25em; border: 2px solid #ccc; background: #fff; border-radius: 4px; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); } /* Custom Sections*/ .CenterFilterWrapper .ColorDiscover [type="checkbox"]:not(:checked) + label:before { border: 2px solid #d50032; } .CenterFilterWrapper .ColorDiscover [type="checkbox"]:checked + label:before { border: 2px dotted #d50032; } .CenterFilterWrapper .ColorEngage [type="checkbox"]:not(:checked) + label:before { border: 2px solid #69b3e7; } .CenterFilterWrapper .ColorEngage [type="checkbox"]:checked + label:before { border: 2px dotted #69b3e7; } .CenterFilterWrapper .ColorFocus [type="checkbox"]:not(:checked) + label:before { border: 2px solid #307fe2; } .CenterFilterWrapper .ColorFocus [type="checkbox"]:checked + label:before { border: 2px dotted #307fe2; } /* checked mark aspect */ .CenterFilterWrapper [type="checkbox"]:not(:checked) + label:after, .CenterFilterWrapper [type="checkbox"]:checked + label:after { content: '\2713\0020'; position: absolute; top: .15em; left: .22em; font-size: 1.3em; line-height: 0.8; color: #09ad7e; transition: all .2s; font-family: } /* checked mark aspect changes */ .CenterFilterWrapper [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .CenterFilterWrapper [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } /* accessibility */ .CenterFilterWrapper [type="checkbox"]:checked:focus + label:before, .CenterFilterWrapper [type="checkbox"]:not(:checked):focus + label:before { /*border: 2px dotted blue;*/ } /* hover style just for information */ .CenterFilterWrapper label:hover:before { border: 2px solid #555!important; } /* Filters Sections */ .CenterFilterWrapper .ColorDiscover, .CenterFilterWrapper .ColorEngage, .CenterFilterWrapper .ColorFocus { margin-bottom:15px } .CenterFilterWrapper h3{ border-bottom: solid 2px #555; margin-top: 0; line-height: .8em } .CenterFilterWrapper .ColorDiscover h3{ border-bottom: solid 2px #d50032; color:#d50032; } .CenterFilterWrapper .ColorEngage h3{ border-bottom: solid 2px #69b3e7; color:#69b3e7; } .CenterFilterWrapper .ColorFocus h3{ border-bottom: solid 2px #307fe2; color:#307fe2; } .CenterFilterWrapper h3 span{ font-weight:300; font-size:14px; color: #555 } .CenterFilterWrapper input[type=checkbox] + label{ font-weight: 500; margin: 0; color: #55555599; font-size:13px; } .CenterFilterWrapper input[type=checkbox] + label:hover{ color: #555; } .CenterFilterWrapper input[type=checkbox]:checked + label{ color: #555555; } /* CenterFilterWrapper // /* /* Filtered Section -- CenterProgramFilterSection -- FilterInner */ @media (min-width:991px) { .CenterProgram.rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterProgram.rowEqual_768>[class*='CenterProgramFilterSection'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc((100% / 3) - 20px) /*Adjust # for the number per row, will override the bootstrap - Also needed for Safari*/; } } @media (min-width:768px) and (max-width:991px){ .CenterProgram.rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterProgram.rowEqual_768>[class*='CenterProgramFilterSection'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc((100% / 2) - 20px) /*Adjust # for the number per row, will override the bootstrap - Also needed for Safari*/; } } @media (min-width:376px) and (max-width:767px) { .CenterProgram.rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterProgram.rowEqual_768>[class*='CenterProgramFilterSection'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc((100% / 2) - 20px) /*Adjust # for the number per row, will override the bootstrap - Also needed for Safari*/; } } .CenterProgramFilterSection{ margin:0 10px 20px 10px; transition: .7s; } .CenterProgramFilterSection .FilterInner { /*border: solid 2px rgba(85, 85, 85, 0.33); border: solid 2px #55555555;*/ border-right: solid 2px rgba(85, 85, 85, 0.33); border-right: solid 2px #55555555; border-bottom: solid 2px rgba(85, 85, 85, 0.33); border-bottom: solid 2px #55555555; border-top: solid 2px #fff; border-left: solid 2px #fff; /*background-color: rgba(85, 85, 85, 0.07); background-color: #55555511;*/ padding: 10px; overflow: hidden; height: 100%; } .CenterProgramFilterSection .FilterInner h3{ margin: 0 0 15px 0; line-height: 1em; font-size:1.3em } .CenterProgramFilterSection .FilterInner:hover h3 a{ color:#555 } .CenterProgramFilterSection .FilterInner p{ font-size: 16px; line-height: 1.3em } .CenterProgramFilterSection:hover { transform: scale(1.05); transition: .7s; } .CenterProgramFilterSection .FilterInner:hover { border-right: solid 0px rgba(85, 85, 85, 0.33); border-bottom: solid 0px rgba(85, 85, 85, 0.33); border-right: solid 2px #5fa1d0; border-bottom: solid 2px #5fa1d0; border-top: solid 2px #5fa1d0; border-left: solid 2px #5fa1d0; } /* Filtered Section -- CenterProgramFilterSection -- FilterInner // */ /* Used on the Filter page // */ /* CalloutBorderWrapper - aka SponsorMarketoForm */ .CalloutBorderWrapper { background-color: ; padding: 5px 25px; border: solid 2px #307FE2; margin: 50px 15px 0px; } .CalloutBorderWrapper h3 { margin: 10x 0 0 0; color: #555; font-size: .7em; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; max-width: 200px; /* Custom for the copy length */ background-color: #fff; padding: 5px 15px; position: relative; top: -35px } .CalloutBorderWrapper h2 { color: #002855; } .CalloutBorderWrapper .CalloutBorderWrapperHolder { background-color: ; padding: 15px; display: inline-block; margin-bottom: 25px; } .CalloutBorderWrapperHolder form { margin: auto; } /* CalloutBorderWrapper - aka SponsorMarketoForm // */ /* CenterCallout_a */ @media (min-width:768px){ .CenterCallout_a .rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .CenterCallout_a .CenterCallout_2col.rowEqual_768>[class*='col-'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc(25% - 2px) /*Adjust % for the number per row, will override the bootstrap - Also needed for Safari*/; } } .CenterCallout_a { background-color: #f6f6f6; margin-bottom:25px; } .CenterCallout_a .CenterCallout_a-Center { text-align: center; } .CenterCallout_a .CenterCallout_a_Holder{ margin-bottom:25px; } .CenterCallout_a h4 { color: #002855; line-height: 1.2em; font-size: 30px; margin: 10px 0 30px 0; text-align:center; } .CenterCallout_a h3 { margin: 25px 0 0 0; color: #555; font-size: .7em; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; text-align:center; } .CenterCallout_a .CenterCallout_a_Wrapper{ display: block; margin: 15px 0 0 0; overflow: hidden; color: #002855; background-color: white; /*! background-color: white; */ border: solid 3px #f6f6f6; display: block; transition: .2s; color: #307fe2; height: 100%; } .CenterCallout_a .CenterCallout_a_Wrapper:hover { border: solid 3px #307fe2; } .CenterCallout_a .CenterCallout_a_Wrapper:hover img{ opacity: .6; transform: scale(1.05); transition: 3s; } .CenterCallout_a .CenterCallout_a_Icon{ margin-top: 5px; } .CenterCallout_a .CenterCallout_a_icon { width: auto; max-width:147px; } .CenterCallout_a .CenterCallout_a_Wrapper .CenterCallout_a_SectionTitle{ color: #555; } /*.CenterCallout_a .CenterCallout_a_Wrapper:hover h2,*/ .CenterCallout_a .CenterCallout_a_Wrapper:hover .CenterCallout_a_SectionTitle a{ color: #555; } .CenterCallout_a .CenterCallout_a_Wrapper .CenterCallout_a_SectionTitle{ font-size: 1.2em; padding: 0 10px; } .CenterCallout_a .CenterCallout_a_Wrapper h2.CenterCallout_a_h_1{ color: #d50032; } .CenterCallout_a .CenterCallout_a_Wrapper h2.CenterCallout_a_h_2{ color: #002855; } .CenterCallout_a .CenterCallout_a_Wrapper h2.CenterCallout_a_h_3{ color: #69b3e7; } .CenterCallout_a .CenterCallout_a_Wrapper h2:hover { transition: .2s; } .CenterCallout_a .CenterCallout_a_Wrapper p{ line-height: 1.6em; padding: 0 10px 15px 10px; color: #333; font-size:16px; } .CenterCallout_a .CenterCallout_a_Wrapper ul, .CenterCallout_a .CenterCallout_a_Wrapper ol{ line-height: 1.6em; color: #333; text-align: left; } .CenterCallout_a ul { list-style: none; /* Remove default bullets */ padding-left: 30px; margin-top:15px; margin-bottom: 25px; padding-right:15px; } .CenterCallout_a ul li { margin-bottom: 7px; line-height: 1.5em; padding-left: 23px; text-indent: -23px; font-size:16px; } .CenterCallout_a ul li::before { content: " "; font-size: 1em; margin-right: 5px; display: inline-block; height: 12px; background-color: #d50032; width: 12px; position: relative; top: 0px; } @media (max-width:991px) { .CenterCallout_a .CenterCallout_a_Wrapper{ min-height: 100%; } } @media (max-width:768px) { .CenterCallout_a .CenterCallout_a_Wrapper { min-height: 100%; /* Was 480px*/ } } @media (max-width:432px) { .CenterCallout_a .CenterCallout_a_Wrapper{ min-height: 220px; margin: 5px 0; } /*.CenterCallout_a .CenterCallout_a_Wrapper p, .CenterCallout_a .CenterCallout_a_Wrapper ul { display: none; }*/ } @media (max-width:360px) { .CenterCallout_a .CenterCallout_a_Wrapper{ min-height: 195px; margin: 5px 0; } .CenterCallout_a .CenterCallout_a_Wrapper h2 { font-size: 1em; padding: 0 5px; } /*.CenterCallout_a .CenterCallout_a_Wrapper p .CenterCallout_a .CenterCallout_a_Wrapper ul { display: none; }*/ } @media (max-width:991px) and (min-width:568px){ .CenterCallout_a CenterCallout_a_ul{ width: 75%; margin: auto; } } /* .people4 .rowEqual_768 */ @media (min-width:769px){ .people4{ clear: both } .people4 .rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .people4 .rowEqual_768>[class*='col-'] { -ms-flex: 1; /* IE 10 */ flex: inherit; /*flex*/ width: calc((100% / 4) - 2px) /*Adjust % for the number per row, will override the bootstrap - Also needed for Safari*/; } } @media (max-width:767px) and (min-width:361px){ .people4 .rowEqual_768 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .people4 .rowEqual_768>[class*='col-'] { -ms-flex: 1; /* IE 10 */ flex: auto; width: calc((100% / 2) - 2px) /*Adjust % for the number per row, will override the bootstrap - Also needed for Safari*/; } } /* .people4 .rowEqual_768 // */ /* cc_tabs // */ /* reset */ .cc_tabs ul.a-container { margin: 0; padding: 0; list-style: none; } .cc_tabs input[type=radio] { display: none; } .cc_tabs input[type=checkbox] { display: none; } /* style */ .cc_tabs .a-container { width: 100%; margin: 20px auto; } .cc_tabs .a-container label { display: block; position: relative; cursor: pointer; font-size: 18px; font-weight: bold; padding: 10px 20px; color: #555; background-color: #eee; border-bottom: 1px solid #ddd; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; margin-top:15px; } .cc_tabs .a-container li:first-of-type label{ margin-top:0px /* needed when used with tabs*/; } .cc_tabs .a-container label:after { content: ""; width: 0; height: 0; border-top: 8px solid #aaa; border-right: 6px solid transparent; border-bottom: 8px solid transparent; border-left: 6px solid transparent; position: absolute; right: 10px; top: 16px; } .cc_tabs .a-container input:checked + label, .cc_tabs .a-container label:hover { background-color: #003087; color: #fff; } .cc_tabs .a-container input:checked + label:after { border-top: 8px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #fff; border-left: 6px solid transparent; top: 6px; } .cc_tabs .a-content { padding: 0 20px 20px; display: none; height:auto; max-height: 40vh; overflow: auto } .cc_tabs .a-container input:checked ~ .a-content { display: block; border-left: solid 1px #555; border-right: solid 1px #555; border-bottom: solid 1px #555; } .a-items label{ margin-bottom: 0px; } /* Style the tab */ .cc_tabs .tab { background-color: #fff; width: auto; height: auto; overflow: auto; } /* Style the buttons inside the tab */ .cc_tabs .tab button { display: block; background-color: lightgry; color: #003087; padding: 10px 16px 10px 20px; width: calc(50% - 30px); border: solid 1px lightgray; outline: none; text-align: center; cursor: pointer; transition: 0.3s; font-size: 20px; float: left; overflow: auto; margin: 0px 15px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; font-weight: 700; } @media (max-width:452px){ .cc_tabs .tab button{ padding: 10px 5px 10px 5px; width: calc(50% - 4px); font-size: 17px; margin: 0px 2px; } } /* Change background color of buttons on hover */ .cc_tabs .tab button:hover { background-color: #003087; color:#fff; } /* Create an active/current "tab button" class */ .cc_tabs .tab button.active { background-color: #003087; color: #ffffff; } /* Style the tab content */ .cc_tabs .tab .tabcontent { float: left; padding: 15px 12px; border: 1px solid #ccc; width: 100%; height: auto; } .cc_tabs .tablinks:after { content: '\2610'; color: #777; font-weight: bold; float: right; margin-left: 5px; } .cc_tabs .tablinks.active:after { content: "\2611"; } /* cc_tabs - // */ /* CntMenuSub */ .CntMenuSub{ margin:20px 0px; padding-bottom: 5px; color: #afb1b1; letter-spacing: 1.5px; font-weight: 400; font-size: .7em; } .CntMenuSub .CntMenuBar{ border-bottom: 1px solid lightblue; } .CntMenuSub .CntMenuBar a:after{ content: "|"; padding: 0 3px 0 6px; color: #555; } .CntMenuSub .CntMenuBar a:last-child:after{ content: ""; } .CntMenuSub .CntMenuSubHome, .CntMenuSub .CntMenuSubParent{ text-transform: uppercase; color: #555; opacity: .9; } .CntMenuSub .CntMenuSubParent{ } .CntMenuSub .CntMenuSubChild{ } .CntMenuSub .CntMenuSubCurrent{ opacity: .7; } .CntMenuSub .CntMenuSubHome:hover, .CntMenuSub .CntMenuSubParent:hover{ text-transform: uppercase; color: #d50032; } /* CntMenuSub // */ /* Ctr_Resource1 */ .Ctr_Resource1 { padding: 75px 0 75px 0; display: inline-block } .Ctr_Resource1 h3 { margin: 10px 0 0 0; color: #555; font-size: .7em; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; } .Ctr_Resource1 h4 { color: #002855; line-height: 1.2em; font-size: 30px; margin: 10px 0 15px 0 } .Ctr_Resource1_holder { background-color: ; padding: 0; overflow: auto } .Ctr_Resource1 .Ctr_Resource1_holder img { padding-bottom: 15px } @media (max-width:768px) and (min-width:340px) { .Ctr_Resource1 .Ctr_Resource1_holder .col-xs-3 { width: 40%; } .Ctr_Resource1 .Ctr_Resource1_holder .col-xs-9 { width: 60%; } } @media (max-width:500px) and (min-width:361px) { .Ctr_Resource1 .Ctr_Resource1_holder img { margin: auto; display: block; margin-left: 100%; } .Ctr_Resource1 .Ctr_Resource1_holder.col-xs-3 { width: 100%; } .Ctr_Resource1 .Ctr_Resource1_holder .col-xs-9 { width: 100%; } } @media (max-width:360px) { .Ctr_Resource1 .Ctr_Resource1_holder img { margin: auto; display: block } .Ctr_Resource1 .Ctr_Resource1_holder .col-xs-3 { width: 100%; max-width: 150px; margin-left: calc(50% - 75px); margin-right: } .Ctr_Resource1 .Ctr_Resource1_holder .col-xs-9 { width: 100%; padding: 0 25px } } .Ctr_Resource1 .btn { margin-top: 20px; } /* Ctr_Resource1 // */ /* CntCardDrop3 */ /* start 9-col expandable grid CSS */ .CntCardDrop3 { margin: 0 auto; /*background-color: #f6f6f6;*/ display: block; margin-bottom:25px; } .CntCardDrop3 .cards { padding: 15px; display: flex; flex-flow: row wrap; } .CntCardDrop3 .card { margin: 15px; width: calc((100% / 3) - 30px); transition: all 0.2s ease-in-out; border: none !important; } @media screen and (max-width: 991px) { .CntCardDrop3 .card { width: calc((100% / 2) - 30px); } } @media screen and (max-width: 767px) { .CntCardDrop3 .card { width: 100%; } } .CntCardDrop3 .card:hover .card__inner { background-color: #1abc9c; transform: scale(1.05); } .CntCardDrop3 .card__inner { width: 100%; padding: 20px; position: relative; cursor: pointer; background-image: linear-gradient(to bottom right, #002855, #003087); font-size: 1.5em; line-height: 1.2em; text-align: center; transition: all 0.2s ease-in-out; color: #fff; height: 450px; } @media (max-width:991px){ .CntCardDrop3 .card__inner { height: 435px; } } @media (max-width:767px){ .CntCardDrop3 .card__inner { height: auto; } } .CntCardDrop3 .card__inner:hover img { margin: auto; display: block; margin-bottom: 15px; } .CntCardDrop3 .card__inner img:hover { opacity: .8; } .CntCardDrop3 .card__inner:after { transition: all 0.3s ease-in-out; } .CntCardDrop3 .card__inner .fa { width: 100%; margin: 1em 0; } .CntCardDrop3 .card__inner h3 { line-height: .5em; } .CntCardDrop3 .card__inner h3 small { margin-top: 0; color: #fff; font-size: .55em; } .CntCardDrop3 .card__inner p { margin-top: 0; color: #fff; font-size:.6em; line-height: 1.3em; } .CntCardDrop3 .card__expander { transition: all 0.2s ease-in-out; width: 100%; position: relative; align-items: top; color: #555; font-size: 1.2em; border: 2px solid #63666A; } .CntCardDrop3 .card__expander h3 { margin-bottom:0px; } .CntCardDrop3 .card__expander .fa { font-size: 1em; position: absolute; top: 10px; right: 10px; color: grey; } .CntCardDrop3 .card__expander .fa:hover { opacity: 0.5; } .CntCardDrop3 .card.is-collapsed .card__inner:after { content: ""; opacity: 0; } .CntCardDrop3 .card.is-collapsed .card__expander { max-height: 0; min-height: 0; overflow: hidden; margin-top: 0; opacity: 0; } .CntCardDrop3 .card.is-expanded .card__inner { background-color: transparent; } .CntCardDrop3 .card.is-expanded .card__inner:after { content: ""; opacity: 1; display: block; height: 0; width: 0; position: absolute; bottom: -31px; left: calc(50% - 15px); border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #63666A; } .CntCardDrop3 .card.is-expanded .card__inner .fa:before { content: "\f115"; } .CntCardDrop3 .card.is-expanded .card__expander { max-height: 1000px; min-height: 200px; overflow: visible; margin-top: 30px; opacity: 1; z-index: 1; overflow: auto; max-height: 60vh; } .CntCardDrop3 .card__expander .resourcesintro{ margin: 25px 0 0 0; } .CntCardDrop3 .card__expander .resourcesmore p a{ text-align: center; color: #9d2235; font-weight: 700; margin-top:25px; display:inline-block; } .CntCardDrop3 .card__expander .resourcesmore p a:hover{ color: #9d223555; } /*.CntCardDrop3 .card__expander .resourcescol div:nth-child(odd){ clear: both }*/ .CntCardDrop3 .card__expander .resourcescol div a { /*border-top: 1px dashed lightgrey;*/ } .CntCardDrop3 .card__expander .resourcescol a { display: block; width: 100% } .CntCardDrop3 .card__expander .resourcescol p{ padding-left:15px; font-size:16px; } .CntCardDrop3 .card.is-expanded:hover .card__inner { transform: scale(1); } .CntCardDrop3 .card.is-inactive .card__inner { pointer-events: none; opacity: 0.5; } @media screen and (min-width: 992px) { .CntCardDrop3 .card:nth-of-type(3n+2) .card__expander { margin-left: calc(-100% - 30px); } .CntCardDrop3 .card:nth-of-type(3n+3) .card__expander { margin-left: calc(-200% - 60px); } .CntCardDrop3 .card:nth-of-type(3n+4) { clear: left; } .CntCardDrop3 .card__expander { width: calc(300% + 60px); } } @media screen and (min-width: 768px) and (max-width: 991px){ .CntCardDrop3 .card__expander { width: calc(200% + 30px); } .CntCardDrop3 .card:nth-of-type(2n+2) .card__expander { margin-left: calc(-100% - 30px); } } /* DropOverlay_1 Section */ .CntCardDrop3 .card .DropOverlay_1-layer_top { opacity: 0; position: absolute; top: 0%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; width: 100%; height:10%; } .CntCardDrop3 .card:hover .DropOverlay_1-layer_top, .CntCardDrop3 .card.active .DropOverlay_1-layer_top { opacity: .7; top:22px; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50%; height:25px; color: #000; background-color: #fff; } .CntCardDrop3 .card .DropOverlay_1-text { text-align: center; font-size: 12px; display: inline-block; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } /* Hides the overlay is active or hidden*/ .CntCardDrop3 .card.is-expanded .DropOverlay_1-text is-expanded, .CntCardDrop3 .card.is-expanded .DropOverlay_1-layer_top, .CntCardDrop3 .card.is-inactive .DropOverlay_1-text, .CntCardDrop3 .card.is-inactive .DropOverlay_1-layer_top{ display: none; } /* CntCardDrop3 // */ /* y-sections */ y-sections .y-padding{ padding:10px; margin:0px 0 15px 0 } .y-sections h2:nth-child(1){ text-align: center; margin: 0px } .y-sections h3{ text-align: center; } .y-sections h4{ color: #9d2235; font-size: } .y-sections img{ margin:auto; display:block; } */.y-padding img{ -webkit-box-shadow: -13px 13px 10px -7px rgba(99,102,106,0.66); -moz-box-shadow: -13px 13px 10px -7px rgba(99,102,106,0.66); box-shadow: -13px 13px 10px -7px rgba(99,102,106,0.66); } */ .y-lock::before { background: url("/sites/default/files/2018-11/lock-img.gif") no-repeat top left; background-size: 20px 20px; display: inline-block; content: ""; width: 20px; height: 20px; position: relative; top: 0px; left: 0px; margin-right:10px } .y-nolock:before{ display: inline-block; content: ""; height: 20px; } /* y-sections // */ /* CntBreadButtonRight*/ .CntBreadButtonRight{ float: right } .CntBreadButtonRight .btn{ padding: 5px 10px; margin: 0px; font-size: 12px; font-weight: 400; line-height: 12px; } /* CntBreadButtonRight // */ /* Center Elements - // */ </style></div> </div> </div> </div> </article> </div> </div> </div> <div> <div class="paragraph paragraph--type--reusable-cta paragraph--view-mode--default"> <div class="field_reusable_cta"><article role="article"> <div class="reusable-cta--theme- reusable-cta--container cta-background-color-"> <div class="reusable-cta--text-fields-container "> <div class="reusable-cta--field cta--field-text color-"> <div class="field_text"><!-- Forced Metadata for Center Image--> <link href="https://www.aha.org/sites/default/files/2020-08/Center_Homepage_1200x628.jpg" rel="image_src" /> <meta name="twitter:image" content="https://www.aha.org/sites/default/files/2020-08/Center_Homepage_1200x628.jpg" /> <meta property="og:image" content="https://www.aha.org/sites/default/files/2020-08/Center_Homepage_1200x628.jpg" /> <!-- // --></div> </div> </div> </div> </article> </div> </div> </div> <div> <div class="paragraph paragraph--type--reusable-cta paragraph--view-mode--default"> <div class="field_reusable_cta"><article role="article"> <div class="reusable-cta--theme- reusable-cta--container cta-background-color-"> <div class="reusable-cta--text-fields-container "> <div class="reusable-cta--field cta--field-text color-"> <div class="field_text"><div class="field_text"> <style type="text/css"> /* Adjust Drupal Toolbars - Admin Menu .toolbar { position: fixed; bottom: 0px; z-index: 99; background-color: black; width: 100%; opacity:.7; } */ /* Contexual Gear*/ #block-aha-local-tasks { position: fixed; top:175px; z-index: 9999; } /* Hide the AHA Header section */ #master-header{ display: none } #js-header-login-search, #js-secondary-nav{ display: block !important; } /* for the spacer */ .AVC-banner-spacer { display: block; height: 75px; } @media (max-width:994px){ .AVC-banner-spacer { display: block; height: 52.75px; } } /* AHA fix - New Header postion*/ #block-mainpagecontent>article div .spacer{ padding-top: 0px; } /* New Header - AVC */ .AVC-Nav header { -webkit-box-shadow: 0px 3px 5px 0px rgba(99, 102, 106, 0.37); box-shadow: 0px 3px 5px 0px rgba(99, 102, 106, 0.37); background-color: #fff; text-align: center; position: fixed; z-index: 999; width: 100%; left: 0; /*top:0px;*/ } .ahalink span a{ font-size:10px !important; } .AVC-Nav{ position:absolute; left:0 } .AVC-logo { padding: 10px 0; } .AVC-logo img { max-width: 180px; margin-top:15px; } @media (max-width:994px){ .AVC-logo img{ margin-top:0px } } .nav-toggle { display: none; } .nav-toggle-label { position: absolute; top: 0; right: 0; margin-right: 2em; height: 62.4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 9999; } .nav-toggle-label span, .nav-toggle-label span::before, .nav-toggle-label span::after { display: block; background: #333; height: 2px; width: 2em; border-radius: 2px; position: relative; } .nav-toggle-label span::before, .nav-toggle-label span::after { content: ''; position: absolute; } .nav-toggle-label span::before { bottom: 7px; } .nav-toggle-label span::after { top: 7px; } @media only screen and (max-width: 994px) { .AVC-Nav nav { position: absolute; top: 100%; left: 0; text-align: left; background-color: #f6f6f6; width: 100%; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: -webkit-transform 400ms ease-in-out; transition: -webkit-transform 400ms ease-in-out; -o-transition: transform 400ms ease-in-out; transition: transform 400ms ease-in-out; transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out; /* so you can sroll on long menus*/ overflow-y: scroll; height: calc(100vh - 50.75px); padding-right:20px } .AVC-Nav .dropdown-menu{ display: block; float: none; position: relative; } } .AVC-Nav nav ul { margin: 0 0 0 1em; padding: .5em 0; list-style: none; } .AVC-Nav nav ul ul { margin-left: 0 } .AVC-Nav nav li { padding: .5em 0; } .AVC-Nav nav a { color: #333; text-decoration: none; font-size: 1.2rem; text-transform: uppercase; opacity: 0; -webkit-transition: opacity 150ms ease-in-out; -o-transition: opacity 150ms ease-in-out; transition: opacity 150ms ease-in-out; } .AVC-Nav nav a:hover { color: #B1B3B3; } .AVC-Nav nav ul ul li { margin: 0; padding: .5em 0; } /* .AVC-Nav nav ul li:nth-child(5), .AVC-Nav nav ul ul { padding: 0; }*/ .mobile-hide { display: none; } .AVC-Nav nav li.AVC-aha-logo { min-width: 80px; } .AVC-Nav nav li.AVC-aha-logo img { max-height: 30px; } .AVC-Nav nav li.AVC-aha-logo a:hover { background-color: transparent; } .nav-toggle:checked~nav { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) } .nav-toggle:checked~nav a { opacity: 1; -webkit-transition: opacity 250ms ease-in-out 250ms; -o-transition: opacity 250ms ease-in-out 250ms; transition: opacity 250ms ease-in-out 250ms; } .header-login-search { padding: 0 1em 0 0; } @media screen and (min-width: 995px) { .nav-toggle-label { display: none; } header { display: -ms-grid; display: grid; -ms-grid-columns: .3fr auto auto .4fr; grid-template-columns: .3fr auto auto .4fr; } .AVC-logo { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2/3; } .AVC-Nav nav { all: unset; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3/4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; } .AVC-Nav nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; } .AVC-Nav nav li { margin-left: 1.5em; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .AVC-Nav nav ul ul { position: absolute; top: 100%; display: none; } .AVC-Nav nav ul li ul li { margin: 0; background: #f6f6f6; padding: 10px; } .AVC-Nav nav ul li:hover>ul { display: block; } .AVC-Nav nav ul li ul:hover, .AVC-Nav nav ul li ul:active { display: block; } .mobile-hide { display: block; } .AVC-Nav nav a { opacity: 1; position: relative; } .AVC-Nav nav a:hover { color: #333; } .AVC-Nav nav a::before { content: ''; display: block; height: 5px; background: #307FE2; position: absolute; top: -.75em; left: 0; right: 0; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: -webkit-transform ease-in-out 250ms; transition: -webkit-transform ease-in-out 250ms; -o-transition: transform ease-in-out 250ms; transition: transform ease-in-out 250ms; transition: transform ease-in-out 250ms, -webkit-transform ease-in-out 250ms; } .AVC-Nav nav a:hover::before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1) } } /*AVC Button*/ .btn-primary-avc1{ background-color: #307FE2 ; border-color: #307FE2 ; color: #fff !important; } .btn-primary-avc1:hover{ background-color: #002855 ; border-color: #002855 ; } .btn-primary-avc2{ background-color: #fff ; border-color: #307FE2 ; color: #307FE2; } .btn-primary-avc2:hover{ background-color:#fff ; border-color: #002855; color:#002855 ; } /* *************** AHA COLOR --- CHANGES ************ */ .AVC-Nav header { background-color: #F7F8FB } .ahalink{ position: top; position: relative; top:-10px } .AVC-Nav nav a { color: #63666A; font-family: inherit; font-size: 13px; font-weight: 700; text-transform: capitalize } /*AVC Button*/ max-width:175px } </style> <div class="AVC-Nav"> <header> <div class="AVC-logo"> <a href="/center"><img alt="AHA Center for Innovation logo" src="/sites/default/files/2020-09/logo-aha-innovation-center-color-60px.png"></a> </div><input class="nav-toggle" id="nav-toggle" type="checkbox"> <nav id="VirtualConference"> <ul> <li> <a href="/center/about-center-health-innovation">About</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown">Discover</a><!--/center/discover--> <ul class="dropdown-menu"> <li> <a class="dropdown-item" href="/center/discover" target="_blank">Discover All</a> </li> <li> <a class="dropdown-item" href="/2020-01-22-updates-and-resources-novel-coronavirus-2019-cov" target="_blank">COVID-19</a> </li> <li> <a class="dropdown-item" href="http://www.ahadata.com/" class="referlink" rel="follow" target="_blank">Data &amp; Analytics</a> </li> <li> <a class="dropdown-item" href="/center/cybersecurity-digital-health">Cybersecurity &amp; Digital Health</a> </li> <li> <a class="dropdown-item" href="/center/innovation-capacity">Innovation Capacity</a> </li> <li> <a class="dropdown-item" href="/center/leadership-workforce-development">Leadership &amp; Workforce Development</a> </li> <li> <a class="dropdown-item" href="/center/population-health">Population Health</a> </li> <li> <a class="dropdown-item" href="/center/quality-safety">Quality &amp; Safety</a> </li> <li> <a class="dropdown-item" href="/center/affordability-value">Value-Based Care &amp; Affordability</a> </li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown">Engage</a><!--/center/engage--> <ul class="dropdown-menu"> <li> <a class="dropdown-item" href="/center/engage">Engage All</a> </li> <li> <a class="dropdown-item" href="/center/advisory">Advisory</a> </li> <li> <a class="dropdown-item" href="/center/collaboratives-education">Collaboratives &amp; Education</a> </li> <li> <a class="dropdown-item" href="/center/data-solutions">Data &amp; Solutions</a> </li> <li> <a class="dropdown-item" href="/center/ecosystem-partnerships">Ecosystem Partnerships</a> </li> <li> <a class="dropdown-item" href="/center/events">Events</a> </li> </ul> </li> <li> <div class="RuralButton"> <a class="btn btn-primary btn-primary-avc1" href="/center/explore"><strong>Explore Center Programs</strong></a> </div> </li> <li> <div class="header-login-search" id="js-header-login-search"> <!--<a href="#" id="js-navbar-mobile-toggle" class="navbar-mobile-toggle"></a>--><!-- <div id="js-header-login" class="header-login"> <!== Single button <div class="btn-group"> <a href="/user/dashboard" id="user-dashboard-btn" class="btn btn-sm btn-default" role="button" >My AHA.org</a> <button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </button> <ul class="dropdown-menu"> <li> <a href="http://am.aha.org/access-manager/logout.html?goto=https://www.aha.org/" id="user-logout-btn">Log Out</a> </li> </ul> </div> </div>--> <div class="header-search" id="js-header-search"> <form accept-charset="UTF-8" action="/aha-search" class="views-exposed-form" data-drupal-selector="views-exposed-form-aha-search-page-1" id="views-exposed-form-aha-search-page-1" method="get" name="views-exposed-form-aha-search-page-1"> <div class="js-form-item form-item js-form-type-textfield form-item-search-api-fulltext js-form-item-search-api-fulltext"> <label class="sr-only" for="edit-search-api-fulltext">Search</label> <input autocomplete="off" class="form-autocomplete ui-autocomplete-input" data-drupal-selector="edit-search-api-fulltext" data-id="autocompletion_for_input_edit_search_api_fulltext_form_text" id="edit-search-api-fulltext" maxlength="128" name="search_api_fulltext" placeholder="Search AHA..." size="30" type="text" value=""> </div> <div class="form-actions js-form-wrapper form-wrapper" data-drupal-selector="edit-actions" id="edit-actions"> <input class="button js-form-submit form-submit" data-drupal-selector="edit-submit-aha-search" id="edit-submit-aha-search" type="submit" value="Search"> </div> </form><!-- Removed header Search region --> </div> </div> </li> <li class="AVC-aha-logo"> <div class="ahalink"> <a href="https://www.aha.org"><img alt="american hospital association logo" src="https://www.aha.org/themes/custom/aha/images/aha-brand-full.png"></a><br> <span><a href="https://www.aha.org">AHA Home Page</a></span> </div> </li> </ul> </nav><label class="nav-toggle-label" for="nav-toggle"><span>&nbsp;</span></label> </header> </div> <div class="AVC-banner-spacer"> &nbsp; </div> </div></div> </div> </div> </div> </article> </div> </div> </div> <div> <div class="paragraph paragraph--type--cta paragraph--view-mode--default"> <div class="cta-- "> <div class=> <div class="cta--field cta--field-text"><!-- BannerTitlesOverlayCntr --> <div> <header class="BannerTitlesOverlayCntr"> <div class="BannerTitlesOverlayCntrInner"> <h1>Leadership &amp; Workforce Development</h1> <!--<p>sub ....</p>--></div> </header> </div> <!--//--><!-- center_body --> <div> <div class="col-sm-12 center_body"> <p class="center_Intro">Hospitals and health systems rely on a skilled workforce to deliver world-class, high-quality, high-value care to our nation’s patients.</p> <!--<p class="center_Lead">Lead............</p>--> <p>The AHA Center for Health Innovation is a strategic innovator in leadership development and training. If you are a health care leader, check out these tools!</p> </div> </div> <!--//--> <div class="row y-hr3"> <div class="col-md-3">&nbsp;</div> <div class="col-md-6">&nbsp;</div> <div class="col-md-3">&nbsp;</div> </div> <div class="row"> <div class="col-md-12 CTA_Button1"> <div><a class="btn btn-wide btn-primary" data-view-context="top-level-view" href="/center/explore">Explore All Center Programs &gt;</a></div> </div> </div> <!-- CenterProgramsSection - v2 --> <div class="row"> <div class="CenterPrograms rowEqual_768 col-md-12"> <div class="CenterProgramsSection ColorDiscover"><!-- ColorAbout ColorDiscover ColorEngage--> <div class="triangle">&nbsp;</div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"><!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/center/emerging-issues/market-insights/">Market Insights</a></h3> <p>Explains where health care is heading and how to respond through insights and tools.</p> <span><a href="/center/emerging-issues/market-insights/">Learn More &gt;</a></span></div> </div> <div class="CenterProgramsSection ColorDiscover"><!-- ColorAbout ColorDiscover ColorEngage--> <div class="triangle">&nbsp;</div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"><!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/center/form/innovation-subscription">Market Scan</a></h3> <p>Offers a compilation of updates &amp; intelligence on the latest moves in health care.</p> <span><a href="/center/form/innovation-subscription">Learn More &gt;</a></span></div> </div> <div class="CenterProgramsSection ColorDiscover"><!-- ColorAbout ColorDiscover ColorEngage--> <div class="triangle">&nbsp;</div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"><!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/center/innovation-capacity/next-generation-leaders-fellowship">Next Generation Leaders Fellowship</a></h3> <p>Helps emerging leaders tackle key issues and create trail-blazing opportunities.</p> <span><a href="/center/innovation-capacity/next-generation-leaders-fellowship">Learn More &gt;</a></span></div> </div> <div class="CenterProgramsSection ColorDiscover"><!-- ColorAbout ColorDiscover ColorEngage--> <div class="triangle">&nbsp;</div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"><!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/aha-team-training">AHA Team Training</a></h3> <p>Offers everything hospitals need to improve communication and teamwork.</p> <span><a href="/aha-team-training">Learn More &gt;</a></span></div> </div> <div class="CenterProgramsSection ColorDiscover"><!-- ColorAbout ColorDiscover ColorEngage--> <div class="triangle">&nbsp;</div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"><!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="https://sponsored.aha.org/Microsoft-AI-Healthcare-2020.html" target="_blank">AI in Health Care</a></h3> <p>Explains the role AI plays in care delivery and how it is transforming health care.</p> <span><a href="https://sponsored.aha.org/Microsoft-AI-Healthcare-2020.html" target="_blank">Learn More &gt;</a></span></div> </div> <div class="CenterProgramsSection ColorDiscover"><!-- ColorAbout ColorDiscover ColorEngage--> <div class="triangle">&nbsp;</div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"><!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="https://leadershipsummit.aha.org" target="_blank">Leadership Summit</a></h3> <p>Promotes a new way of thinking about the future of health care.</p> <span><a href="/education-and-events/leadership-summit">Learn More &gt;</a></span></div> </div> <div class="CenterProgramsSection ColorDiscover"><!-- ColorAbout ColorDiscover ColorEngage--> <div class="triangle">&nbsp;</div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"><!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="https://ruralconference.aha.org/">Rural Health Care Leadership Conference</a></h3> <p>Convenes health care leaders to ideate and collaborate to advance rural health care.</p> <span><a href="https://ruralconference.aha.org/">Learn More &gt;</a></span></div> </div> <div class="CenterProgramsSection ColorDiscover"><!-- ColorAbout ColorDiscover ColorEngage--> <div class="triangle">&nbsp;</div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"><!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="/education-events/aha-executive-forum">The Value Initiative: Regional Executive Forums</a></h3> <p>Tackles new approaches that make health care more affordable.</p> <span><a href="/education-events/aha-executive-forum">Learn More &gt;</a></span></div> </div> <div class="CenterProgramsSection ColorDiscover"><!-- ColorAbout ColorDiscover ColorEngage--> <div class="triangle">&nbsp;</div> <div class="CenterProgramsSectionInner CenterProgramsSectionInnerNoImg"><!--<a href=""><img alt="" src="" style=""></a>--> <h3><a href="http://www.healthycommunities.org/">Association for Community Health Improvement</a></h3> <p>Advances healthy communities through collaboration and knowledge-sharing.</p> <span><a href="http://www.healthycommunities.org/">Learn More &gt;</a></span></div> </div> </div> </div> <!--//--><!-- Bar --> <div class="row y-hr3"> <div class="col-md-3">&nbsp;</div> <div class="col-md-6">&nbsp;</div> <div class="col-md-3">&nbsp;</div> </div> <!--//--></div> </div> </div> </div> </div> </div> <div class="field_sidebar_elements"> <div class="paragraph paragraph--type--sidebar paragraph--view-mode--default"> </div> </div> <div class="field_topics"> <div><a href="/topics/aha-center-health-innovation" class="topic" hreflang="en">AHA Center for Health Innovation</a></div> <div><a href="/topics/operational-excellence" hreflang="en">Operational Excellence</a></div> <div><a href="/topics/leadership" hreflang="en">Leadership</a></div> <div><a href="/topics/leadership-development" hreflang="en">Leadership Development</a></div> </div> Mon, 10 Aug 2020 20:27:35 +0000 Keith Hand CA 623317 at https://www.aha.org Cultivating change in surgical services to promote process efficiencies https://www.aha.org/education-events/cultivating-change-surgical-services-promote-process-efficiencies <span class="title">Cultivating change in surgical services to promote process efficiencies</span> <span class="uid"><span>pjohnson_drupal</span></span> <span class="created">Apr 24, 2020 - 11:47 AM</span> <div class="field_start_date_time">Thu, Jun 04, 2020, 12:00 PM</div> <div class="field_end_date_time">Thu, Jun 04, 2020, 1:00 PM</div> <div class="body"><div class="webreplay"> <style> .webreplay{ border: solid 2px #777; padding: 15px 5px; margin: 0 0 10px 15px; } @media (min-width:360px){ .webreplay{ min-width: 290px; float: right; } } </style> <h2 style="text-align:center; margin:0 0 10px 0"><small>On-demand Webinar</small></h2> <script src="//app-sj20.marketo.com/js/forms2/js/forms2.min.js"></script> <form id="mktoForm_5503"></form> <script>MktoForms2.loadForm("//app-sj20.marketo.com", "734-ZTO-041", 5503);</script> </div> <p><b><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Cultivating change in surgical services to promote process efficiencies</span></span></b><br /> &nbsp;</p> <p><span style="font-size:12pt"><span style="layout-grid-mode:char"><span style="font-family:&quot;Times New Roman&quot;,serif"><b><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Thursday, June 4, 2020</span></span></b></span></span><br /> <span style="font-family:&quot;Times New Roman&quot;,serif"><i><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif"><span style="color:black">1 - 2 p.m. </span></span></span></i><i><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Eastern<span style="color:black">; noon - 1 p.m.&nbsp;</span>Central<span style="color:black">;&nbsp;10 - 11 a.m. </span>Pacific </span></span></i></span></span></p> <p>&nbsp;</p> <p><span style="font-size:12pt"><span style="layout-grid-mode:char"><span style="font-family:&quot;Times New Roman&quot;,serif"><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">During this webinar, Nash UNC Health Care and Philips will discuss a surgical services assessment and performance improvement implementation conducted at Nash General Hospital and Nash Day Hospital. The assessment goal was to understand the current state of operations, evaluate existing performance improvement initiatives, and develop implementation plans for processes and strategies to expand and take initiatives to the next level. The performance improvement initiatives focused on building on existing successes with surgical services key performance indicators (KPIs). The implementation plan addressed first case on-time starts, case duration accuracy, room turnover time and avoidable cancelations. The speakers will illustrate the specific steps that drove the creation and optimization of KPIs.<br /> <br /> Also covered will be the importance of having a strong leader in place to drive toward best practices and empower the team to <span style="border:none windowtext 1.0pt; padding:0in">strive for, achieve and sustain KPIs to put them on track for continued success. </span>Lessons learned on how to engage surgical services staff in the design of a successful future state, optimization of existing technology, processes and building ownership of the project among team members will also be discussed.&nbsp; </span></span></span></span></span></p> <p>&nbsp;</p> <p style="margin-top:8px; margin-bottom:8px"><span style="font-size:12pt"><span style="layout-grid-mode:char"><span style="font-family:&quot;Times New Roman&quot;,serif"><b><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Speaker:</span></span></b><br /> <span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Julie Lawler, RN, BSN<br /> <i>Director of Surgical Services</i><br /> <b>UNC Nash Healthcare</b></span></span></span></span></span><br /> &nbsp;</p> <p style="margin-top:8px; margin-bottom:8px"><span style="font-size:12pt"><span style="layout-grid-mode:char"><span style="font-family:&quot;Times New Roman&quot;,serif"><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Peggy A Clifton , RN, MSHA, BSN<br /> <i>Senior Manager Healthcare Transformation Services</i><br /> <b>Philips</b></span></span></span></span></span></p> <p>&nbsp;</p> <p><span style="font-size:12pt"><span style="font-family:&quot;Times New Roman&quot;,serif"><b><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Attendees Will Learn:</span></span></b></span></span></p> <ul> <li style="margin-top:16px; margin-bottom:13px"><span style="font-size:12pt"><span style="line-height:115%"><span style="font-family:&quot;Times New Roman&quot;,serif"><span style="font-size:10.0pt"><span style="line-height:115%"><span style="font-family:&quot;Arial&quot;,sans-serif">Common issues in surgical services and ways to drive performance improvement.</span></span></span></span></span></span></li> <li style="margin-top:16px; margin-bottom:13px"><span style="font-size:12pt"><span style="line-height:115%"><span style="font-family:&quot;Times New Roman&quot;,serif"><span style="font-size:10.0pt"><span style="line-height:115%"><span style="font-family:&quot;Arial&quot;,sans-serif">Utilization of published best practices to educate staff and drive implementation efforts. </span></span></span></span></span></span></li> <li style="margin-bottom:13px"><span style="line-height:115%"><span style="font-size:10.0pt"><span style="line-height:115%"><span style="font-family:&quot;Arial&quot;,sans-serif">Use of an expedited timeline.</span></span></span></span></li> </ul> </div> <div class="field_event_format">Webinar</div> <div class="field_contact_name">Kristin Oliver</div> <div class="field_email"><a href="mailto:koliver@aha.org">koliver@aha.org</a></div> <div class="field_phone">3128952546</div> <div class="field_media_sponsored_by_logo"> <div><article> <div class="field_media_image"> <img src="/sites/default/files/2020-04/philips%20logo_resized.png" width="200" height="54" alt="Philips" /> </div> </article> </div> </div> <div class="field_topics"> <div>Topics</div> <div> <div><a href="/topics/operational-excellence" class="topic" hreflang="en">Operational Excellence</a></div> </div> </div> <div class="field_promoted_search_terms"> <div>Promoted Search Terms</div> <div>Operations, Data</div> </div> <div class="field_search_promotion"> <div>Search Promotion</div> <div>Not Promoted</div> </div> <div class="field_host">American Hospital Association</div> <div class="field_event_cost">free</div> <div class="field_type">Webinars</div> <div class="field_all_day_event">No</div> <div class="field_priority"> <div>Priority Weight</div> <div>0</div> </div> Fri, 24 Apr 2020 16:47:26 +0000 pjohnson_drupal 538046 at https://www.aha.org Navigating the PBM/Payer Dynamic for Specialty Pharmacy https://www.aha.org/education-events/navigating-pbmpayer-dynamic-specialty-pharmacy <span class="title">Navigating the PBM/Payer Dynamic for Specialty Pharmacy</span> <span class="uid"><span>pjohnson_drupal</span></span> <span class="created">Apr 23, 2020 - 02:32 PM</span> <div class="field_start_date_time">Wed, May 27, 2020, 12:00 PM</div> <div class="field_end_date_time">Wed, May 27, 2020, 1:00 PM</div> <div class="body"><div class="webreplay"> <style type="text/css">.webreplay{ border: solid 2px #777; padding: 15px 5px; margin: 0 0 10px 15px; } @media (min-width:360px){ .webreplay{ min-width: 290px; float: right; } } </style> <h2 style="text-align:center; margin:0 0 10px 0"><small>On-demand Webinar</small></h2> <script src="//app-sj20.marketo.com/js/forms2/js/forms2.min.js"></script> <form id="mktoForm_5506">&nbsp;</form> <script>MktoForms2.loadForm("//app-sj20.marketo.com", "734-ZTO-041", 5506);</script></div> <p><b><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Navigating the PBM/Payer Dynamic for Specialty Pharmacy</span></span></b></p> <p>&nbsp;</p> <p><b><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Wednesday, May 27, 2020</span></span></b><br /> <span style="font-size:12pt"><span style="font-family:&quot;Times New Roman&quot;,serif"><i><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif"><span style="color:black">1 - 2 p.m. </span></span></span></i><i><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Eastern<span style="color:black">; noon - 1 p.m.&nbsp;</span>Central<span style="color:black">;&nbsp;10 - 11 a.m. </span>Pacific </span></span></i></span></span></p> <p><span style="font-family: Arial, sans-serif; font-size: 10pt;">Specialty pharmaceuticals represent over half of all pharmaceutical spend. As a result, many health systems have either started their own specialty pharmacy operations or are considering doing so. One of the greatest challenges facing health system specialty pharmacies is understanding how to penetrate the unique specialty pharmacy payer market. In contrast to the medical benefit payer space that health systems are accustomed to, the pharmacy benefit payer environment requires a whole new set of considerations and skills in order to obtain access and grow the specialty pharmacy businesses.&nbsp;</span></p> <p><span style="font-size:12pt"><span style="font-family:&quot;Times New Roman&quot;,serif"><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Attend this webinar to gain insight into the unique dynamics associated with the relationship between pharmacy benefit managers (PBMs), payers and specialty pharmacies. You’ll learn more about associated challenges and begin to learn how to approach and overcome the barriers associated with the PBM/payer market.</span></span></span></span></p> <p>&nbsp;</p> <p style="margin-top:8px; margin-bottom:8px"><span style="font-size:12pt"><span style="layout-grid-mode:char"><span style="font-family:&quot;Times New Roman&quot;,serif"><b><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Speakers:</span></span></b><br /> <span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Keith Cook, RPh<br /> <i>President</i><br /> <b>SPARx</b><br /> <br /> <br /> John Luebker, RPh<br /> <i>Vice President, Specialty &amp; Ambulatory Pharmacy Services</i><br /> <b>SPARx</b></span></span></span></span></span></p> </div> <div class="field_event_format">Webinar</div> <div class="field_contact_name">Kristin Oliver</div> <div class="field_email"><a href="mailto:koliver@aha.org">koliver@aha.org</a></div> <div class="field_phone">3128952546</div> <div class="field_media_sponsored_by_logo"> <div><article> <div class="field_media_image"> <img src="/sites/default/files/2020-04/SPARx_RGB_logo.jpg" width="1500" height="433" alt="SPARX Logo" /> </div> </article> </div> </div> <div class="field_topics"> <div>Topics</div> <div> <div><a href="/topics/operational-excellence" class="topic" hreflang="en">Operational Excellence</a></div> </div> </div> <div class="field_promoted_search_terms"> <div>Promoted Search Terms</div> <div>Operations, Data</div> </div> <div class="field_search_promotion"> <div>Search Promotion</div> <div>Not Promoted</div> </div> <div class="field_host">American Hospital Association</div> <div class="field_event_cost">Free</div> <div class="field_type">Webinars</div> <div class="field_all_day_event">No</div> <div class="field_priority"> <div>Priority Weight</div> <div>0</div> </div> Thu, 23 Apr 2020 19:32:20 +0000 pjohnson_drupal 537329 at https://www.aha.org C. difficile Story: A System-wide Partnership Leads to Dramatic Improvements https://www.aha.org/education-events/c-difficile-story-system-wide-partnership-leads-dramatic-improvements <span class="title">C. difficile Story: A System-wide Partnership Leads to Dramatic Improvements</span> <span class="uid"><span>koliver_drupal</span></span> <span class="created">Feb 18, 2020 - 11:50 AM</span> <div class="field_start_date_time">Wed, Mar 18, 2020, 1:00 PM</div> <div class="field_end_date_time">Wed, Mar 18, 2020, 2:00 PM</div> <div class="body"><p><b><i><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">C. difficile</span></span></i><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif"> Story: A System-wide Partnership Leads to Dramatic Improvements</span></span></b><br /> <span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif"><i>A hospital system reduces positive cases of C</i>. <i>difficile and improves overall care</i></span></span><br /> <br /> <span style="font-size:12pt"><span style="layout-grid-mode:char"><span style="font-family:&quot;Times New Roman&quot;,serif"><b><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Wednesday, March 18, 2020</span></span></b></span></span><br /> <span style="font-family:&quot;Times New Roman&quot;,serif"><i><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif"><span style="color:black">1 - 2 p.m. </span></span></span></i><i><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Eastern<span style="color:black">; noon - 1 p.m.&nbsp;</span>Central<span style="color:black">;&nbsp;10 - 11 a.m. </span>Pacific </span></span></i></span></span><br /> <br /> <span style="font-size:12pt"><span style="font-family:&quot;Times New Roman&quot;,serif"><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Pathologists and quality improvement staff at AMITA Health Saint Francis Hospital in Evanston, Ill., had a problem. The number of <i>Clostridium difficile</i> (more commonly known as <i>C. difficile</i> or <i>C. diff</i>) test-positive cases was higher than the guidelines set by the Centers for Medicare &amp; Medicaid Services (CMS) with a standardized infection ratio (SIR) of 1.2 — anything greater than 1 indicates more infections than predicted given the baseline. Hospital staff suspected the problem was caused by a combination of factors, primary of which was the test method being used — a highly sensitive polymerase chain reaction (PCR) test — as well as the patients who were being tested, not all of whom met strict criteria for the test.</span></span></span></span></p> <p><span style="font-size:12pt"><span style="font-family:&quot;Times New Roman&quot;,serif"><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">In this webinar, learn about the collaborative, system-wide initiative AMITA Health Saint Francis Hospital implemented to improve <i>C. diff</i> testing both by adjusting the tests being used and the patients being tested. The results were extremely positive for reducing the number of tests given and the amount of <i>C. diff</i>-positive cases, raising the quality of overall care with better outcomes, decreased costs, and improving patient satisfaction.</span></span></span></span></p> <p><span style="font-size:12pt"><span style="font-family:&quot;Times New Roman&quot;,serif"><b><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Attendees Will Learn:</span></span></b></span></span></p> <ul> <li><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">How a multidisciplinary hospital team collaborated to identify and implement process improvement measures for <i>C. difficile</i> screening.</span></span></li> <li><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">To assess the options a health system can use to improve testing algorithms for <i>C. difficile</i>.</span></span></li> <li><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">How to recognize opportunities for cost savings, reduced turnaround time and quality improvement measures for <i>C. difficile</i> screening.</span></span></li> </ul> <p><span style="font-size:12pt"><span style="font-family:&quot;Times New Roman&quot;,serif"><b><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Speaker:</span></span></b><br /> <span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Janis Atkinson, MD, FCAP</span></span></span></span><br /> <span style="font-size:12pt"><span style="font-family:&quot;Times New Roman&quot;,serif"><i><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">System Vice President Medical Affairs, Alverno Laboratories for AMITA Health; Medical Laboratory Director, AMITA Health Saint Francis Hospital</span></span></i></span></span><br /> <span style="font-size:12pt"><span style="font-family:&quot;Times New Roman&quot;,serif"><b><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">AMITA Health Saint Francis Hospital</span></span></b></span></span><br /> <span style="font-size:12pt"><span style="font-family:&quot;Times New Roman&quot;,serif"><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Evanston, Ill.</span></span></span></span><br /> <br /> <span style="font-size:12pt"><span style="font-family:&quot;Times New Roman&quot;,serif"><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Mary Haak, RN</span></span></span></span><br /> <span style="font-size:12pt"><span style="font-family:&quot;Times New Roman&quot;,serif"><i><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Director of Quality and Patient Safety</span></span></i></span></span><br /> <span style="font-size:12pt"><span style="font-family:&quot;Times New Roman&quot;,serif"><b><span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">AMITA Health Saint Francis Hospital</span></span></b></span></span><br /> <span style="font-size:10.0pt"><span style="font-family:&quot;Arial&quot;,sans-serif">Evanston, Ill.</span></span><br /> <br /> <br /> &nbsp;</p> </div> <div class="field_event_format">Webinar</div> <div class="field_contact_name">Kristin Oliver</div> <div class="field_email"><a href="mailto:koliver@aha.org">koliver@aha.org</a></div> <div class="field_phone">3128952546</div> <div class="field_external_registration_link"><a href="http://sponsored.aha.org/WB2020-03-18CAPWebinar--C.difficileStory_On-DemandWebinarReplay.html">http://sponsored.aha.org/WB2020-03-18CAPWebinar--C.difficileStory_On-DemandWebi…</a></div> <div class="field_media_sponsored_by_logo"> <div><article> <div class="field_media_image"> <img src="/sites/default/files/2019-02/CAP_logo_cmyk.jpg" width="245" height="54" alt="CAP_logo_cmyk" /> </div> </article> </div> </div> <div class="field_topics"> <div>Topics</div> <div> <div><a href="/topics/operational-excellence" class="topic" hreflang="en">Operational Excellence</a></div> </div> </div> <div class="field_promoted_search_terms"> <div>Promoted Search Terms</div> <div>C. difficile </div> </div> <div class="field_search_promotion"> <div>Search Promotion</div> <div>Not Promoted</div> </div> <div class="field_host">American Hospital Association</div> <div class="field_event_cost">Free</div> <div class="field_type">Webinars</div> <div class="field_all_day_event">No</div> <div class="field_priority"> <div>Priority Weight</div> <div>0</div> </div> Tue, 18 Feb 2020 17:50:33 +0000 koliver_drupal 485845 at https://www.aha.org