HIV/AIDS Stigma and Discrimination

Skip to Main Content

Everyone ages 12 and older can get a booster shot. Learn more.

Menu

• HIV Basics
  • Overview
    • About HIV & AIDS
      • What Are HIV and AIDS?
      • How Is HIV Transmitted?
      • Who Is at Risk for HIV?
      • Symptoms of HIV
    • Data & Trends
      • U.S. Statistics
      • Impact on Racial and Ethnic Minorities
      • Global Statistics
    • History
      • HIV and AIDS Timeline
    • Making a Difference
      • Supporting Someone Living with HIV
      • Standing Up to Stigma
      • Getting Involved
  • HIV Prevention
    • Using HIV Medication to Reduce Risk
      • HIV Treatment as Prevention
      • Pre-exposure Prophylaxis (PrEP)
      • Post-exposure Prophylaxis (PEP)
    • Reducing Sexual Risk
      • Preventing Sexual Transmission of HIV
    • Reducing Risk from Alcohol & Drug Use
      • Alcohol and HIV Risk
      • Substance Use and HIV Risk
    • Reducing Mother-to-Child Risk
      • Preventing Mother-to-Child Transmission of HIV
    • Potential Future Options
      • HIV Vaccines
      • Long-acting HIV Prevention Tools
      • Microbicides
  • HIV Testing
    • Learn About HIV Testing
      • Who Should Get Tested?
      • HIV Testing Locations
      • HIV Testing Overview
      • Understanding HIV Test Results
    • Just Diagnosed: What's Next?
      • Living with HIV
      • Talking About Your HIV Status
  • Starting HIV Care
    • Find a Provider
      • Locate an HIV Care Provider
      • Types of Providers
      • Take Charge of Your Care
    • Getting Ready for Your First Visit
      • What to Expect at Your First HIV Care Visit
  • Staying in HIV Care
    • Provider Visits and Lab Tests
      • Making Care Work for You
      • Seeing Your Health Care Provider
      • Lab Tests and Results
      • Returning to Care
    • HIV Treatment
      • HIV Treatment Overview
      • Taking Your HIV Medication Every Day
      • Tips on Taking Your HIV Medication Every Day
      • Paying for HIV Care and Treatment
    • Other Related Health Issues
      • Other Health Issues of Special Concern for People Living with HIV
      • Alcohol and Drug Use
      • Coronavirus (COVID-19) and People with HIV
      • Hepatitis B & C
      • Vaccines and People with HIV
      • Flu and People with HIV
      • Mental Health
      • Opportunistic Infections
      • Sexually Transmitted Infections
      • Smoking
      • HIV and Women’s Health Issues
  • Living Well with HIV
    • Taking Care Of Yourself
      • Aging with HIV
      • Emergencies and Disasters and HIV
      • Employment and Health
      • Exercise and Physical Activity
      • Food Safety and Nutrition
      • Housing and Health
      • Traveling Outside the U.S.
    • Your Legal Rights
      • Civil Rights
      • Workplace Rights
      • Limits on Confidentiality
• Federal Response
  • National HIV/AIDS Strategy
    • National HIV/AIDS Strategy (2022-2025)
    • Prior National HIV/AIDS Strategies (2010-2021)
  • Ending the HIV Epidemic
    • About Ending the HIV Epidemic in the U.S.
      • Overview
      • Key Strategies
      • Priority Jurisdictions
      • HHS Agencies Involved
      • Funding
      • Timeline
      • Learn More
    • Ready, Set, PrEP
      • Ready, Set, PrEP
      • Ready, Set, PrEP Pharmacies
      • Ready, Set, PrEP Resources
    • AHEAD
      • AHEAD: America’s HIV Epidemic Analysis Dashboard
  • Federal Activities & Agencies
    • HIV Prevention Activities
    • HIV Testing Activities
    • HIV Care and Treatment Activities
    • HIV Research Activities
    • Activities Combating HIV Stigma and Discrimination
  • Policies & Issues
    • The Affordable Care Act and HIV/AIDS
    • HIV Care Continuum
    • Syringe Services Programs
    • HIV PrEP Framework
    • HIV Health Improvement Affinity Group
  • Funding
    • Federal HIV Budget
    • Federal Funding for HIV/AIDS
  • Minority HIV/AIDS Fund
    • Overview
    • Background
    • Fund Activities
    • The Fund in Action
  • PACHA
    • About PACHA
    • Charter
    • Members & Staff
    • Subcommittees
    • Prior PACHA Meetings and Recommendations
  • Campaigns
    • Campaigns

      Many Federal agencies have developed public awareness and education campaigns to address HIV prevention, treatment, care, and research. In this section, you’ll find a snapshot of these Federal HIV campaigns and links to help you access more information as well as campaign materials that you can use. Also included is information about campaigns related to the prevention and diagnosis of hepatitis B and C.

      More on Campaigns
  • PEPFAR & Global AIDS
    • Global HIV/AIDS Overview
    • PEPFAR
    • U.S. Government Global HIV/AIDS Activities
    • Global HIV/AIDS Organizations
  • Recursos en Español
    • Recursos en Español

      El VIH es una amenaza de salud grave para las comunidades latinas, quienes se encuentran en gran desventaja respecto de la incidencia de esta enfermedad en los Estados Unidos. Según los CDC, en el 2014 los hispanos representaron aproximadamente el 17% de la población de Estados Unidos, pero constituyeron cerca del 24% de los nuevos casos de infección (10,887). De ellos, el 86 % (9379) fue en hombres y el 14 % (1490) en mujeres.

      En esta sección encontraras información sobre recursos federales en español a tu disposición. Además tienes la opción de traducir cualquier página de HIV.gov al español usando el icono .

      Ver Mas Recursos
• Events
  • Awareness Days
    • February 7 National Black HIV/AIDS Awareness Day
    • March 10 National Women and Girls HIV/AIDS Awareness Day
    • March 20National Native HIV/AIDS Awareness Day
    • April 10 National Youth HIV & AIDS Awareness Day
    • April 18 National Transgender HIV Testing Day
    • May 18 HIV Vaccine Awareness Day
    • May 19 National Asian & Pacific Islander HIV/AIDS Awareness Day
    • June 5 HIV Long-Term Survivors Awareness Day
    • June 27 National HIV Testing Day
    • August 30 National Faith HIV/AIDS Awareness Day
    • September 18 National HIV/AIDS and Aging Awareness Day
    • September 27 National Gay Men's HIV/AIDS Awareness Day
    • October 15 National Latinx AIDS Awareness Day
    • December 1 World AIDS Day
    • Event Planning Guide
  • Conferences
    • U.S. Conference on HIV/AIDS (USCHA)
    • National Ryan White Conference on HIV Care & Treatment
    • AIDS 2020 (23rd International AIDS Conference Virtual)
  • Learning Opportunities
    • Learning Opportunities

      Want to stay abreast of changes in prevention, care, treatment or research or other public health arenas that affect our collective response to the HIV epidemic? Or are you new to this field?

      HIV.gov curates learning opportunities for you, and the people you serve and collaborate with.

      Stay up to date with the webinars, Twitter chats, conferences and more in this section.

      More Learning Opportunities
• Blog
• Find HIV Services
• Search

HIV.GOV Search Search Positive Spin Basics Federal Response Events Blog Home BLOGSocial Work and HIV/AIDS Open

HIV SERVICES LOCATOR

Search ⨯Close

Social Work and HIV/AIDS

By: Sanford E. Gaylord, Regional Resource Coordinator, HIV/AIDS Regional Resource Network Program, U.S. Department of Health and Human Services, Region V - Chicago | Published: June 17, 2013

Topics

• Conferences
• AgingAging and HIV
• ACAAfforable Care Act

Share

• Facebook
• Twitter
• Email

Sanford E. GaylordSocial workers have always been critical to our nation’s response to HIV. In working to connect newly diagnosed people to HIV care and to help people to stay in care, social workers are now helping to make the goals of the National HIV/AIDS Strategy (NHAS) real. Social workers, like others, also have a role in educating individuals about emerging opportunities, including the Affordable Care Act , which was convened by the Boston College Graduate School of Social Work. The theme was “Re-thinking HIV/AIDS: What’s Ahead for Social Work?” The opening session of the conference set the stage for workshops and presentations exploring how social workers, advocates, health care workers, and providers can work collaboratively to find local and national solutions to many critical HIV/AIDS issues. The general sessions provided insights on how social workers can—and should—be prepared for the changing landscapes of both HIV and health care especially for the most vulnerable populations in our society. Many attendees were familiar with the frameworks woven into the conference program: the ACA, the NHAS, and the HIV treatment cascade. The “Social Work Role for Healthcare Reform” session looked at integrating the ACA, NHAS, and the Ryan White Program. The session addressed how to prepare one’s organization for the ACA, recognizing that nearly 30% of people living with HIV/AIDS (PLWHA) are estimated to be uninsured. Although the Ryan White Program will continue after January 1, 2014, state responses to Medicaid expansion vary, so attendees wanted to know how the ACA will be implemented in the states where they practice. In the “NHAS Policy into Action: Confronting Stigma to Improve Health Outcomes” session, participants explored the impact of HIV-related stigma and discrimination, identified barriers along the treatment cascade, and developed possible solutions that social workers could use to increase access to prevention, care, and treatment. (Read about the NHAS goals. This will include those persons previously diagnosed and those people over 50 who are newly testing positive. Social workers and health care providers need to be prepared for the “graying” of the epidemic and its specific challenges, including the possibility of increased chronic illnesses and treatment complications. Thirty-plus years into the pandemic, we have come a long way, but I know that the work must continue. We have great tools with the NHAS and ACA, and we must recognize how critical social workers are to successfully implementing them. What affects one part of the population affects us all, and it will take collaborative efforts to see an AIDS-free generation within our lifetime.

Topics

• Conferences
• AgingAging and HIV
• ACAAfforable Care Act

Sign up to receive email updates of HIV.gov blog posts (and more!)

• Was this page helpful?

  • Yes
  • No
  • Next

• I found this page helpful because the content on the page: (check all that apply)

  • Had the information I needed
  • Was trustworthy
  • Was up-to-date
  • Was written clearly
  • Other:
  • Next

• I did not find this page helpful because the content on the page: (check all that apply)

  • Had too little information
  • Had too much information
  • Was confusing
  • Was out-of-date
  • Other:
  • Next

• What can we do to improve this page?

  • What can we improve?
  • Next

• We thank you for your time spent taking this survey. Your response has been recorded.

Form Approved OMB# 0990-0379 Exp. Date 8/31/2023

More from HIV.gov

The Marketplace Open Enrollment Deadline is Jan 15: Here’s 5 Things Consumers Need to Know HHS to Make Coverage More Accessible and Affordable for Millions of Americans in 2023 ICYMI: New HIV & Aging Funding Opportunities from HRSA’s Ryan White HIV/AIDS Program Search Find HIV Testing Sites & Care Services

Connect With Us

• Facebook
• Twitter
• YouTube
• Instagram
• Subscribe

• 
• 

• HIV.gov Mission & Team
• Locator Widgets
• Blog Archive
• Contact Us
• Privacy Policy
• Disclaimers
• Nondiscrimination Notice
• Locator.HIV.gov
• Positivespin.HIV.gov

• Freedom of Information Act
• HHS.gov
• Players & Viewers
• HHS 508
• Privacy Policy
• White House
• USA.gov
• Vulnerability Disclosure Policy

• Español (Spanish)
• 繁體中文 (Chinese)
• Tiếng Việt (Vietnamese)
• 한국어 (Korean)
• Tagalog
• Русский (Russian)
• العربية (Arabic)
• Kreyòl Ayisyen (Haitian Creole)
• Français (French)
• Polski (Polish)
• Português (Portuguese)
• Italiano (Italian)
• Deutsch (German)
• 日本語 (Japanese)
• فارسی (Farsi)

This is an official U.S. Government website managed by the U.S. Department of Health & Human Services and supported by the Minority HIV/AIDS Fund.

@charset "utf-8"; #autocomplete { border: 1px solid; overflow: hidden; position: absolute; z-index: 100; } #autocomplete ul { list-style: none none; margin: 0px; padding: 0px; } #autocomplete li { background: rgb(255, 255, 255); color: rgb(0, 0, 0); cursor: default; white-space: pre; zoom: 1; } html.js input.form-autocomplete { background-image: url("/misc/throbber-inactive.png"); background-position: 100% center; background-repeat: no-repeat; } html.js input.throbbing { background-image: url("/misc/throbber-active.gif"); background-position: 100% center; } html.js fieldset.collapsed { border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; height: 1em; } html.js fieldset.collapsed .fieldset-wrapper { display: none; } fieldset.collapsible { position: relative; } fieldset.collapsible .fieldset-legend { display: block; } .form-textarea-wrapper textarea { display: block; margin: 0px; width: 100%; box-sizing: border-box; } .resizable-textarea .grippie { background: url("/misc/grippie.png") center 2px no-repeat rgb(238, 238, 238); border-width: 0px 1px 1px; border-style: solid; border-color: rgb(221, 221, 221); border-image: initial; cursor: s-resize; height: 9px; overflow: hidden; } body.drag { cursor: move; } .draggable a.tabledrag-handle { cursor: move; float: left; height: 1.7em; margin-left: -1em; overflow: hidden; text-decoration: none; } a.tabledrag-handle:hover { text-decoration: none; } a.tabledrag-handle .handle { background: url("/misc/draggable.png") 6px 9px no-repeat; height: 13px; margin: -0.4em 0.5em; padding: 0.42em 0.5em; width: 13px; } a.tabledrag-handle-hover .handle { background-position: 6px -11px; } div.indentation { float: left; height: 1.7em; margin: -0.4em 0.2em -0.4em -0.4em; padding: 0.42em 0px 0.42em 0.6em; width: 20px; } div.tree-child { background: url("/misc/tree.png") 11px center no-repeat; } div.tree-child-last { background: url("/misc/tree-bottom.png") 11px center no-repeat; } div.tree-child-horizontal { background: url("/misc/tree.png") -11px center no-repeat; } .tabledrag-toggle-weight-wrapper { text-align: right; } table.sticky-header { background-color: rgb(255, 255, 255); margin-top: 0px; } .progress .bar { background-color: rgb(255, 255, 255); border: 1px solid; } .progress .filled { background-color: rgb(0, 0, 0); height: 1.5em; width: 5px; } .progress .percentage { float: right; } .ajax-progress { display: inline-block; } .ajax-progress .throbber { background: url("/misc/throbber-active.gif") 0px center no-repeat transparent; float: left; height: 15px; margin: 2px; width: 15px; } .ajax-progress .message { padding-left: 20px; } tr .ajax-progress .throbber { margin: 0px 2px; } .ajax-progress-bar { width: 16em; } .container-inline div, .container-inline label { display: inline; } .container-inline .fieldset-wrapper { display: block; } .nowrap { white-space: nowrap; } html.js .js-hide { display: none; } .element-hidden { display: none; } .element-invisible { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; position: absolute !important; } .element-invisible.element-focusable:active, .element-invisible.element-focusable:focus { clip: auto; overflow: visible; height: auto; position: static !important; } .clearfix::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } * html .clearfix { height: 1%; } :first-child + html .clearfix { min-height: 1%; } ul.menu { border: none; list-style: none; text-align: left; } ul.menu li { margin: 0px 0px 0px 0.5em; } ul li.expanded { list-style-image: url("/misc/menu-expanded.png"); list-style-type: circle; } ul li.collapsed { list-style-image: url("/misc/menu-collapsed.png"); list-style-type: disc; } ul li.leaf { list-style-image: url("/misc/menu-leaf.png"); list-style-type: square; } li.expanded, li.collapsed, li.leaf { padding: 0.2em 0.5em 0px 0px; margin: 0px; } li a.active { color: rgb(0, 0, 0); } td.menu-disabled { background: rgb(204, 204, 204); } ul.inline, ul.links.inline { display: inline; padding-left: 0px; } ul.inline li { display: inline; list-style-type: none; padding: 0px 0.5em; } .breadcrumb { padding-bottom: 0.5em; } ul.primary { border-bottom: 1px solid rgb(187, 187, 187); border-collapse: collapse; height: auto; line-height: normal; list-style: none; margin: 5px; padding: 0px 0px 0px 1em; white-space: nowrap; } ul.primary li { display: inline; } ul.primary li a { background-color: rgb(221, 221, 221); border-color: rgb(187, 187, 187); border-style: solid solid none; border-width: 1px; height: auto; margin-right: 0.5em; padding: 0px 1em; text-decoration: none; } ul.primary li.active a { background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(187, 187, 187) rgb(187, 187, 187) rgb(255, 255, 255); border-image: initial; } ul.primary li a:hover { background-color: rgb(238, 238, 238); border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(238, 238, 238); } ul.secondary { border-bottom: 1px solid rgb(187, 187, 187); padding: 0.5em 1em; margin: 5px; } ul.secondary li { border-right: 1px solid rgb(204, 204, 204); display: inline; padding: 0px 1em; } ul.secondary a { padding: 0px; text-decoration: none; } ul.secondary a.active { border-bottom: 4px solid rgb(153, 153, 153); } div.messages { background-position: 8px 8px; background-repeat: no-repeat; border: 1px solid; margin: 6px 0px; padding: 10px 10px 10px 50px; } div.status { background-image: url("/misc/message-24-ok.png"); border-color: rgb(187, 238, 119); } div.status, .ok { color: rgb(35, 70, 0); } div.status, table tr.ok { background-color: rgb(248, 255, 240); } div.warning { background-image: url("/misc/message-24-warning.png"); border-color: rgb(238, 221, 85); } div.warning, .warning { color: rgb(136, 68, 0); } div.warning, table tr.warning { background-color: rgb(255, 252, 229); } div.error { background-image: url("/misc/message-24-error.png"); border-color: rgb(237, 84, 29); } div.error, .error { color: rgb(140, 46, 11); } div.error, table tr.error { background-color: rgb(254, 245, 241); } div.error p.error { color: rgb(51, 51, 51); } div.messages ul { margin: 0px 0px 0px 1em; padding: 0px; } div.messages ul li { list-style-image: none; } fieldset { margin-bottom: 1em; padding: 0.5em; } form { margin: 0px; padding: 0px; } hr { border: 1px solid gray; height: 1px; } img { border: 0px; } table { border-collapse: collapse; } th { border-bottom: 3px solid rgb(204, 204, 204); padding-right: 1em; text-align: left; } tbody { border-top: 1px solid rgb(204, 204, 204); } tr.even, tr.odd { background-color: rgb(238, 238, 238); border-bottom: 1px solid rgb(204, 204, 204); padding: 0.1em 0.6em; } th.active img { display: inline; } td.active { background-color: rgb(221, 221, 221); } .item-list .title { font-weight: bold; } .item-list ul { margin: 0px 0px 0.75em; padding: 0px; } .item-list ul li { margin: 0px 0px 0.25em 1.5em; padding: 0px; } .form-item, .form-actions { margin-top: 1em; margin-bottom: 1em; } tr.odd .form-item, tr.even .form-item { margin-top: 0px; margin-bottom: 0px; white-space: nowrap; } .form-item .description { font-size: 0.85em; } label { display: block; font-weight: bold; } label.option { display: inline; font-weight: normal; } .form-checkboxes .form-item, .form-radios .form-item { margin-top: 0.4em; margin-bottom: 0.4em; } .form-type-radio .description, .form-type-checkbox .description { margin-left: 2.4em; } input.form-checkbox, input.form-radio { vertical-align: middle; } .marker, .form-required { color: rgb(255, 0, 0); } .form-item input.error, .form-item textarea.error, .form-item select.error { border: 2px solid red; } .container-inline .form-actions, .container-inline.form-actions { margin-top: 0px; margin-bottom: 0px; } .more-link { text-align: right; } .more-help-link { text-align: right; } .more-help-link a { background: url("/misc/help.png") 0px 50% no-repeat; padding: 1px 0px 1px 20px; } .item-list .pager { clear: both; text-align: center; } .item-list .pager li { background-image: none; display: inline; list-style-type: none; padding: 0.5em; } .pager-current { font-weight: bold; } #autocomplete li.selected { background: rgb(0, 114, 185); color: rgb(255, 255, 255); } html.js fieldset.collapsible .fieldset-legend { background: url("/misc/menu-expanded.png") 5px 65% no-repeat; padding-left: 15px; } html.js fieldset.collapsed .fieldset-legend { background-image: url("/misc/menu-collapsed.png"); background-position: 5px 50%; } .fieldset-legend span.summary { color: rgb(153, 153, 153); font-size: 0.9em; margin-left: 0.5em; } tr.drag { background-color: rgb(255, 255, 240); } tr.drag-previous { background-color: rgb(255, 255, 221); } .tabledrag-toggle-weight { font-size: 0.9em; } body div.tabledrag-changed-warning { margin-bottom: 0.5em; } tr.selected td { background: rgb(255, 255, 204); } td.checkbox, th.checkbox { text-align: center; } .progress { font-weight: bold; } .progress .bar { background: rgb(204, 204, 204); border-color: rgb(102, 102, 102); margin: 0px 0.2em; border-radius: 3px; } .progress .filled { background: url("/misc/progress.gif") rgb(0, 114, 185); }

@charset "utf-8"; .ckeditor-accordion-container > dl::before, .ckeditor-accordion-container > dl::after { content: " "; display: table; } .ckeditor-accordion-container > dl::after { clear: both; } .ckeditor-accordion-container > dl, .ckeditor-accordion-container > dl dt, .ckeditor-accordion-container > dl dd { box-sizing: border-box; } .ckeditor-accordion-container > dl { position: relative; border: 1px solid rgb(0, 145, 234); } .ckeditor-accordion-container > dl dt { position: relative; } .ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle { display: inline-block; position: absolute; padding: 0px 10px; width: 30px; height: 30px; z-index: 1; top: calc(50% - 1px); left: 11px; box-sizing: border-box; } .ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle::before, .ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle::after { background: rgb(255, 255, 255); transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1) 0s; content: ""; display: block; height: 2px; position: absolute; width: 10px; z-index: -1; left: 0px; top: 0px; transform: rotate(-180deg); will-change: transform; } .ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle::before { left: 13px; transform: rotate(135deg); } .ckeditor-accordion-container > dl dt > .ckeditor-accordion-toggle::after { right: 13px; left: auto; transform: rotate(-135deg); } .ckeditor-accordion-container > dl dt.active > .ckeditor-accordion-toggle::before { transform: rotate(45deg); } .ckeditor-accordion-container > dl dt.active > .ckeditor-accordion-toggle::after { transform: rotate(-45deg); } .ckeditor-accordion-container > dl dt > a { display: block; padding: 10px 15px 10px 50px; background-color: rgb(0, 176, 255); color: rgb(255, 255, 255); cursor: pointer; transition: background-color 300ms ease 0s; border-bottom: 1px solid rgb(0, 164, 236); } .ckeditor-accordion-container > dl dt > a:hover { background-color: rgb(0, 165, 239); } .ckeditor-accordion-container > dl dt.active > a { background-color: rgb(0, 145, 234); } .ckeditor-accordion-container > dl dt:last-of-type > a { border-bottom: 0px; } .ckeditor-accordion-container > dl dd { display: none; padding: 0px 15px; margin: 0px; will-change: height; } .field .field-label { font-weight: bold; } .field-label-inline .field-label, .field-label-inline .field-items { float: left; } form .field-multiple-table { margin: 0px; } form .field-multiple-table th.field-label { padding-left: 0px; } form .field-multiple-table td.field-multiple-drag { width: 30px; padding-right: 0px; } form .field-multiple-table td.field-multiple-drag a.tabledrag-handle { padding-right: 0.5em; } form .field-add-more-submit { margin: 0.5em 0px 0px; } .node-unpublished { background-color: rgb(255, 244, 244); } .preview .node { background-color: rgb(255, 255, 234); } td.revision-current { background: rgb(255, 255, 204); } .search-form { margin-bottom: 1em; } .search-form input { margin-top: 0px; margin-bottom: 0px; } .search-results { list-style: none; } .search-results p { margin-top: 0px; } .search-results .title { font-size: 1.2em; } .search-results li { margin-bottom: 1em; } .search-results .search-snippet-info { padding-left: 1em; } .search-results .search-info { font-size: 0.85em; } .search-advanced .criterion { float: left; margin-right: 2em; } .search-advanced .action { float: left; clear: left; } #permissions td.module { font-weight: bold; } #permissions td.permission { padding-left: 1.5em; } #permissions tr.odd .form-item, #permissions tr.even .form-item { white-space: normal; } #user-admin-settings fieldset .fieldset-description { font-size: 0.85em; padding-bottom: 0.5em; } #user-admin-roles td.edit-name { clear: both; } #user-admin-roles .form-item-name { float: left; margin-right: 1em; } .password-strength { width: 17em; float: right; margin-top: 1.4em; } .password-strength-title { display: inline; } .password-strength-text { float: right; font-weight: bold; } .password-indicator { background-color: rgb(196, 196, 196); height: 0.3em; width: 100%; } .password-indicator div { height: 100%; width: 0%; background-color: rgb(71, 201, 101); } input.password-confirm, input.password-field { width: 16em; margin-bottom: 0.4em; } div.password-confirm { float: right; margin-top: 1.5em; visibility: hidden; width: 17em; } div.form-item div.password-suggestions { padding: 0.2em 0.5em; margin: 0.7em 0px; width: 38.5em; border: 1px solid rgb(180, 180, 180); } div.password-suggestions ul { margin-bottom: 0px; } .confirm-parent, .password-parent { clear: left; margin: 0px; width: 36.3em; } .profile { clear: both; margin: 1em 0px; } .profile .user-picture { float: right; margin: 0px 1em 1em 0px; } .profile h3 { border-bottom: 1px solid rgb(204, 204, 204); } .profile dl { margin: 0px 0px 1.5em; } .profile dt { margin: 0px 0px 0.2em; font-weight: bold; } .profile dd { margin: 0px 0px 1em; } .views-exposed-form .views-exposed-widget { float: left; padding: 0.5em 1em 0px 0px; } .views-exposed-form .views-exposed-widget .form-submit { margin-top: 1.6em; } .views-exposed-form .form-item, .views-exposed-form .form-submit { margin-top: 0px; margin-bottom: 0px; } .views-exposed-form label { font-weight: bold; } .views-exposed-widgets { margin-bottom: 0.5em; } .views-align-left { text-align: left; } .views-align-right { text-align: right; } .views-align-center { text-align: center; } .views-view-grid tbody { border-top: none; } .view .progress-disabled { float: none; } .rteindent1 { margin-left: 40px; } .rteindent2 { margin-left: 80px; } .rteindent3 { margin-left: 120px; } .rteindent4 { margin-left: 160px; } .rteleft { text-align: left; } .rteright { text-align: right; } .rtecenter { text-align: center; } .rtejustify { text-align: justify; } .ibimage_left { float: left; } .ibimage_right { float: right; }

@charset "utf-8"; .ctools-locked { color: red; border: 1px solid red; padding: 1em; } .ctools-owns-lock { background: none 0px 0px repeat scroll rgb(255, 255, 221); border: 1px solid rgb(240, 192, 32); padding: 1em; } a.ctools-ajaxing, input.ctools-ajaxing, button.ctools-ajaxing, select.ctools-ajaxing { background: url("/sites/all/modules/ctools/images/status-active.gif") right center no-repeat; padding-right: 18px !important; } div.ctools-ajaxing { float: left; width: 18px; background: url("/sites/all/modules/ctools/images/status-active.gif") center center no-repeat; }

@charset "utf-8"; @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 300; font-display: swap; src: url("/sites/default/files/fonts/sourcesanspro-light-webfont.woff2") format("woff2"), url("/sites/default/files/fonts/sourcesanspro-light-webfont.woff") format("woff"); } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url("/sites/default/files/fonts/sourcesanspro-regular-webfont.woff2") format("woff2"), url("/sites/default/files/fonts/sourcesanspro-regular-webfont.woff") format("woff"); } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 400; font-display: swap; src: url("/sites/default/files/fonts/sourcesanspro-italic-webfont.woff2") format("woff2"), url("/sites/default/files/fonts/sourcesanspro-italic-webfont.woff") format("woff"); } @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; font-display: swap; src: url("/sites/default/files/fonts/sourcesanspro-bold-webfont.woff2") format("woff2"), url("/sites/default/files/fonts/sourcesanspro-bold-webfont.woff") format("woff"); } @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 700; font-display: swap; src: url("/sites/default/files/fonts/sourcesanspro-italicbold-webfont.woff2") format("woff2"), url("/sites/default/files/fonts/sourcesanspro-italicbold-webfont.woff") format("woff"); } @font-face { font-family: Merriweather; font-style: normal; font-weight: 300; font-display: swap; src: url("/sites/default/files/fonts/merriweather-light-webfont.woff2") format("woff2"), url("/sites/default/files/fonts/merriweather-light-webfont.woff") format("woff"); } @font-face { font-family: Merriweather; font-style: normal; font-weight: 400; font-display: swap; src: url("/sites/default/files/fonts/merriweather-regular-webfont.woff2") format("woff2"), url("/sites/default/files/fonts/merriweather-regular-webfont.woff") format("woff"); } @font-face { font-family: Merriweather; font-style: italic; font-weight: 400; font-display: swap; src: url("/sites/default/files/fonts/merriweather-italic-webfont.woff2") format("woff2"), url("/sites/default/files/fonts/merriweather-italic-webfont.woff") format("woff"); } @font-face { font-family: Merriweather; font-style: normal; font-weight: 700; font-display: swap; src: url("/sites/default/files/fonts/merriweather-bold-webfont.woff2") format("woff2"), url("/sites/default/files/fonts/merriweather-bold-webfont.woff") format("woff"); } @media (max-width: 400px) { } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px; } .grid-container::before, .grid-5::before, .mobile-grid-5::before, .tablet-grid-5::before, .grid-10::before, .mobile-grid-10::before, .tablet-grid-10::before, .grid-15::before, .mobile-grid-15::before, .tablet-grid-15::before, .grid-20::before, .mobile-grid-20::before, .tablet-grid-20::before, .grid-25::before, .mobile-grid-25::before, .tablet-grid-25::before, .grid-30::before, .mobile-grid-30::before, .tablet-grid-30::before, .grid-35::before, .mobile-grid-35::before, .tablet-grid-35::before, .grid-40::before, .mobile-grid-40::before, .tablet-grid-40::before, .grid-45::before, .mobile-grid-45::before, .tablet-grid-45::before, .grid-50::before, .mobile-grid-50::before, .tablet-grid-50::before, .grid-55::before, .mobile-grid-55::before, .tablet-grid-55::before, .grid-60::before, .mobile-grid-60::before, .tablet-grid-60::before, .grid-65::before, .mobile-grid-65::before, .tablet-grid-65::before, .grid-70::before, .mobile-grid-70::before, .tablet-grid-70::before, .grid-75::before, .mobile-grid-75::before, .tablet-grid-75::before, .grid-80::before, .mobile-grid-80::before, .tablet-grid-80::before, .grid-85::before, .mobile-grid-85::before, .tablet-grid-85::before, .grid-90::before, .mobile-grid-90::before, .tablet-grid-90::before, .grid-95::before, .mobile-grid-95::before, .tablet-grid-95::before, .grid-100::before, .mobile-grid-100::before, .tablet-grid-100::before, .grid-33::before, .mobile-grid-33::before, .tablet-grid-33::before, .grid-66::before, .mobile-grid-66::before, .tablet-grid-66::before, .clearfix::before, .grid-container::after, .grid-5::after, .mobile-grid-5::after, .tablet-grid-5::after, .grid-10::after, .mobile-grid-10::after, .tablet-grid-10::after, .grid-15::after, .mobile-grid-15::after, .tablet-grid-15::after, .grid-20::after, .mobile-grid-20::after, .tablet-grid-20::after, .grid-25::after, .mobile-grid-25::after, .tablet-grid-25::after, .grid-30::after, .mobile-grid-30::after, .tablet-grid-30::after, .grid-35::after, .mobile-grid-35::after, .tablet-grid-35::after, .grid-40::after, .mobile-grid-40::after, .tablet-grid-40::after, .grid-45::after, .mobile-grid-45::after, .tablet-grid-45::after, .grid-50::after, .mobile-grid-50::after, .tablet-grid-50::after, .grid-55::after, .mobile-grid-55::after, .tablet-grid-55::after, .grid-60::after, .mobile-grid-60::after, .tablet-grid-60::after, .grid-65::after, .mobile-grid-65::after, .tablet-grid-65::after, .grid-70::after, .mobile-grid-70::after, .tablet-grid-70::after, .grid-75::after, .mobile-grid-75::after, .tablet-grid-75::after, .grid-80::after, .mobile-grid-80::after, .tablet-grid-80::after, .grid-85::after, .mobile-grid-85::after, .tablet-grid-85::after, .grid-90::after, .mobile-grid-90::after, .tablet-grid-90::after, .grid-95::after, .mobile-grid-95::after, .tablet-grid-95::after, .grid-100::after, .mobile-grid-100::after, .tablet-grid-100::after, .grid-33::after, .mobile-grid-33::after, .tablet-grid-33::after, .grid-66::after, .mobile-grid-66::after, .tablet-grid-66::after, .clearfix::after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0px; line-height: 0; width: 0px; height: 0px; } .grid-container::after, .grid-5::after, .mobile-grid-5::after, .tablet-grid-5::after, .grid-10::after, .mobile-grid-10::after, .tablet-grid-10::after, .grid-15::after, .mobile-grid-15::after, .tablet-grid-15::after, .grid-20::after, .mobile-grid-20::after, .tablet-grid-20::after, .grid-25::after, .mobile-grid-25::after, .tablet-grid-25::after, .grid-30::after, .mobile-grid-30::after, .tablet-grid-30::after, .grid-35::after, .mobile-grid-35::after, .tablet-grid-35::after, .grid-40::after, .mobile-grid-40::after, .tablet-grid-40::after, .grid-45::after, .mobile-grid-45::after, .tablet-grid-45::after, .grid-50::after, .mobile-grid-50::after, .tablet-grid-50::after, .grid-55::after, .mobile-grid-55::after, .tablet-grid-55::after, .grid-60::after, .mobile-grid-60::after, .tablet-grid-60::after, .grid-65::after, .mobile-grid-65::after, .tablet-grid-65::after, .grid-70::after, .mobile-grid-70::after, .tablet-grid-70::after, .grid-75::after, .mobile-grid-75::after, .tablet-grid-75::after, .grid-80::after, .mobile-grid-80::after, .tablet-grid-80::after, .grid-85::after, .mobile-grid-85::after, .tablet-grid-85::after, .grid-90::after, .mobile-grid-90::after, .tablet-grid-90::after, .grid-95::after, .mobile-grid-95::after, .tablet-grid-95::after, .grid-100::after, .mobile-grid-100::after, .tablet-grid-100::after, .grid-33::after, .mobile-grid-33::after, .tablet-grid-33::after, .grid-66::after, .mobile-grid-66::after, .tablet-grid-66::after, .clearfix::after { clear: both; } .grid-container { margin-left: auto; margin-right: auto; max-width: 1140px; padding-left: 15px; padding-right: 15px; } .grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 { box-sizing: border-box; padding-left: 15px; padding-right: 15px; } .grid-parent { padding-left: 0px; padding-right: 0px; } @media (max-width: 480px) { .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 { position: relative; } .hide-on-mobile { display: none !important; } .mobile-grid-5 { float: left; width: 5%; } .mobile-prefix-5 { margin-left: 5%; } .mobile-suffix-5 { margin-right: 5%; } .mobile-push-5 { left: 5%; } .mobile-pull-5 { left: -5%; } .mobile-grid-10 { float: left; width: 10%; } .mobile-prefix-10 { margin-left: 10%; } .mobile-suffix-10 { margin-right: 10%; } .mobile-push-10 { left: 10%; } .mobile-pull-10 { left: -10%; } .mobile-grid-15 { float: left; width: 15%; } .mobile-prefix-15 { margin-left: 15%; } .mobile-suffix-15 { margin-right: 15%; } .mobile-push-15 { left: 15%; } .mobile-pull-15 { left: -15%; } .mobile-grid-20 { float: left; width: 20%; } .mobile-prefix-20 { margin-left: 20%; } .mobile-suffix-20 { margin-right: 20%; } .mobile-push-20 { left: 20%; } .mobile-pull-20 { left: -20%; } .mobile-grid-25 { float: left; width: 25%; } .mobile-prefix-25 { margin-left: 25%; } .mobile-suffix-25 { margin-right: 25%; } .mobile-push-25 { left: 25%; } .mobile-pull-25 { left: -25%; } .mobile-grid-30 { float: left; width: 30%; } .mobile-prefix-30 { margin-left: 30%; } .mobile-suffix-30 { margin-right: 30%; } .mobile-push-30 { left: 30%; } .mobile-pull-30 { left: -30%; } .mobile-grid-35 { float: left; width: 35%; } .mobile-prefix-35 { margin-left: 35%; } .mobile-suffix-35 { margin-right: 35%; } .mobile-push-35 { left: 35%; } .mobile-pull-35 { left: -35%; } .mobile-grid-40 { float: left; width: 40%; } .mobile-prefix-40 { margin-left: 40%; } .mobile-suffix-40 { margin-right: 40%; } .mobile-push-40 { left: 40%; } .mobile-pull-40 { left: -40%; } .mobile-grid-45 { float: left; width: 45%; } .mobile-prefix-45 { margin-left: 45%; } .mobile-suffix-45 { margin-right: 45%; } .mobile-push-45 { left: 45%; } .mobile-pull-45 { left: -45%; } .mobile-grid-50 { float: left; width: 50%; } .mobile-prefix-50 { margin-left: 50%; } .mobile-suffix-50 { margin-right: 50%; } .mobile-push-50 { left: 50%; } .mobile-pull-50 { left: -50%; } .mobile-grid-55 { float: left; width: 55%; } .mobile-prefix-55 { margin-left: 55%; } .mobile-suffix-55 { margin-right: 55%; } .mobile-push-55 { left: 55%; } .mobile-pull-55 { left: -55%; } .mobile-grid-60 { float: left; width: 60%; } .mobile-prefix-60 { margin-left: 60%; } .mobile-suffix-60 { margin-right: 60%; } .mobile-push-60 { left: 60%; } .mobile-pull-60 { left: -60%; } .mobile-grid-65 { float: left; width: 65%; } .mobile-prefix-65 { margin-left: 65%; } .mobile-suffix-65 { margin-right: 65%; } .mobile-push-65 { left: 65%; } .mobile-pull-65 { left: -65%; } .mobile-grid-70 { float: left; width: 70%; } .mobile-prefix-70 { margin-left: 70%; } .mobile-suffix-70 { margin-right: 70%; } .mobile-push-70 { left: 70%; } .mobile-pull-70 { left: -70%; } .mobile-grid-75 { float: left; width: 75%; } .mobile-prefix-75 { margin-left: 75%; } .mobile-suffix-75 { margin-right: 75%; } .mobile-push-75 { left: 75%; } .mobile-pull-75 { left: -75%; } .mobile-grid-80 { float: left; width: 80%; } .mobile-prefix-80 { margin-left: 80%; } .mobile-suffix-80 { margin-right: 80%; } .mobile-push-80 { left: 80%; } .mobile-pull-80 { left: -80%; } .mobile-grid-85 { float: left; width: 85%; } .mobile-prefix-85 { margin-left: 85%; } .mobile-suffix-85 { margin-right: 85%; } .mobile-push-85 { left: 85%; } .mobile-pull-85 { left: -85%; } .mobile-grid-90 { float: left; width: 90%; } .mobile-prefix-90 { margin-left: 90%; } .mobile-suffix-90 { margin-right: 90%; } .mobile-push-90 { left: 90%; } .mobile-pull-90 { left: -90%; } .mobile-grid-95 { float: left; width: 95%; } .mobile-prefix-95 { margin-left: 95%; } .mobile-suffix-95 { margin-right: 95%; } .mobile-push-95 { left: 95%; } .mobile-pull-95 { left: -95%; } .mobile-grid-33 { float: left; width: 33.3333%; } .mobile-prefix-33 { margin-left: 33.3333%; } .mobile-suffix-33 { margin-right: 33.3333%; } .mobile-push-33 { left: 33.3333%; } .mobile-pull-33 { left: -33.3333%; } .mobile-grid-66 { float: left; width: 66.6667%; } .mobile-prefix-66 { margin-left: 66.6667%; } .mobile-suffix-66 { margin-right: 66.6667%; } .mobile-push-66 { left: 66.6667%; } .mobile-pull-66 { left: -66.6667%; } .mobile-grid-100 { clear: both; width: 100%; } } @media (min-width: 481px) and (max-width: 768px) { .tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 { position: relative; } .hide-on-tablet { display: none !important; } .tablet-grid-5 { float: left; width: 5%; } .tablet-prefix-5 { margin-left: 5%; } .tablet-suffix-5 { margin-right: 5%; } .tablet-push-5 { left: 5%; } .tablet-pull-5 { left: -5%; } .tablet-grid-10 { float: left; width: 10%; } .tablet-prefix-10 { margin-left: 10%; } .tablet-suffix-10 { margin-right: 10%; } .tablet-push-10 { left: 10%; } .tablet-pull-10 { left: -10%; } .tablet-grid-15 { float: left; width: 15%; } .tablet-prefix-15 { margin-left: 15%; } .tablet-suffix-15 { margin-right: 15%; } .tablet-push-15 { left: 15%; } .tablet-pull-15 { left: -15%; } .tablet-grid-20 { float: left; width: 20%; } .tablet-prefix-20 { margin-left: 20%; } .tablet-suffix-20 { margin-right: 20%; } .tablet-push-20 { left: 20%; } .tablet-pull-20 { left: -20%; } .tablet-grid-25 { float: left; width: 25%; } .tablet-prefix-25 { margin-left: 25%; } .tablet-suffix-25 { margin-right: 25%; } .tablet-push-25 { left: 25%; } .tablet-pull-25 { left: -25%; } .tablet-grid-30 { float: left; width: 30%; } .tablet-prefix-30 { margin-left: 30%; } .tablet-suffix-30 { margin-right: 30%; } .tablet-push-30 { left: 30%; } .tablet-pull-30 { left: -30%; } .tablet-grid-35 { float: left; width: 35%; } .tablet-prefix-35 { margin-left: 35%; } .tablet-suffix-35 { margin-right: 35%; } .tablet-push-35 { left: 35%; } .tablet-pull-35 { left: -35%; } .tablet-grid-40 { float: left; width: 40%; } .tablet-prefix-40 { margin-left: 40%; } .tablet-suffix-40 { margin-right: 40%; } .tablet-push-40 { left: 40%; } .tablet-pull-40 { left: -40%; } .tablet-grid-45 { float: left; width: 45%; } .tablet-prefix-45 { margin-left: 45%; } .tablet-suffix-45 { margin-right: 45%; } .tablet-push-45 { left: 45%; } .tablet-pull-45 { left: -45%; } .tablet-grid-50 { float: left; width: 50%; } .tablet-prefix-50 { margin-left: 50%; } .tablet-suffix-50 { margin-right: 50%; } .tablet-push-50 { left: 50%; } .tablet-pull-50 { left: -50%; } .tablet-grid-55 { float: left; width: 55%; } .tablet-prefix-55 { margin-left: 55%; } .tablet-suffix-55 { margin-right: 55%; } .tablet-push-55 { left: 55%; } .tablet-pull-55 { left: -55%; } .tablet-grid-60 { float: left; width: 60%; } .tablet-prefix-60 { margin-left: 60%; } .tablet-suffix-60 { margin-right: 60%; } .tablet-push-60 { left: 60%; } .tablet-pull-60 { left: -60%; } .tablet-grid-65 { float: left; width: 65%; } .tablet-prefix-65 { margin-left: 65%; } .tablet-suffix-65 { margin-right: 65%; } .tablet-push-65 { left: 65%; } .tablet-pull-65 { left: -65%; } .tablet-grid-70 { float: left; width: 70%; } .tablet-prefix-70 { margin-left: 70%; } .tablet-suffix-70 { margin-right: 70%; } .tablet-push-70 { left: 70%; } .tablet-pull-70 { left: -70%; } .tablet-grid-75 { float: left; width: 75%; } .tablet-prefix-75 { margin-left: 75%; } .tablet-suffix-75 { margin-right: 75%; } .tablet-push-75 { left: 75%; } .tablet-pull-75 { left: -75%; } .tablet-grid-80 { float: left; width: 80%; } .tablet-prefix-80 { margin-left: 80%; } .tablet-suffix-80 { margin-right: 80%; } .tablet-push-80 { left: 80%; } .tablet-pull-80 { left: -80%; } .tablet-grid-85 { float: left; width: 85%; } .tablet-prefix-85 { margin-left: 85%; } .tablet-suffix-85 { margin-right: 85%; } .tablet-push-85 { left: 85%; } .tablet-pull-85 { left: -85%; } .tablet-grid-90 { float: left; width: 90%; } .tablet-prefix-90 { margin-left: 90%; } .tablet-suffix-90 { margin-right: 90%; } .tablet-push-90 { left: 90%; } .tablet-pull-90 { left: -90%; } .tablet-grid-95 { float: left; width: 95%; } .tablet-prefix-95 { margin-left: 95%; } .tablet-suffix-95 { margin-right: 95%; } .tablet-push-95 { left: 95%; } .tablet-pull-95 { left: -95%; } .tablet-grid-33 { float: left; width: 33.3333%; } .tablet-prefix-33 { margin-left: 33.3333%; } .tablet-suffix-33 { margin-right: 33.3333%; } .tablet-push-33 { left: 33.3333%; } .tablet-pull-33 { left: -33.3333%; } .tablet-grid-66 { float: left; width: 66.6667%; } .tablet-prefix-66 { margin-left: 66.6667%; } .tablet-suffix-66 { margin-right: 66.6667%; } .tablet-push-66 { left: 66.6667%; } .tablet-pull-66 { left: -66.6667%; } .tablet-grid-100 { clear: both; width: 100%; } } @media (min-width: 769px) { .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 { position: relative; } .hide-on-desktop { display: none !important; } .grid-5 { float: left; width: 5%; } .prefix-5 { margin-left: 5%; } .suffix-5 { margin-right: 5%; } .push-5 { left: 5%; } .pull-5 { left: -5%; } .grid-10 { float: left; width: 10%; } .prefix-10 { margin-left: 10%; } .suffix-10 { margin-right: 10%; } .push-10 { left: 10%; } .pull-10 { left: -10%; } .grid-15 { float: left; width: 15%; } .prefix-15 { margin-left: 15%; } .suffix-15 { margin-right: 15%; } .push-15 { left: 15%; } .pull-15 { left: -15%; } .grid-20 { float: left; width: 20%; } .prefix-20 { margin-left: 20%; } .suffix-20 { margin-right: 20%; } .push-20 { left: 20%; } .pull-20 { left: -20%; } .grid-25 { float: left; width: 25%; } .prefix-25 { margin-left: 25%; } .suffix-25 { margin-right: 25%; } .push-25 { left: 25%; } .pull-25 { left: -25%; } .grid-30 { float: left; width: 30%; } .prefix-30 { margin-left: 30%; } .suffix-30 { margin-right: 30%; } .push-30 { left: 30%; } .pull-30 { left: -30%; } .grid-35 { float: left; width: 35%; } .prefix-35 { margin-left: 35%; } .suffix-35 { margin-right: 35%; } .push-35 { left: 35%; } .pull-35 { left: -35%; } .grid-40 { float: left; width: 40%; } .prefix-40 { margin-left: 40%; } .suffix-40 { margin-right: 40%; } .push-40 { left: 40%; } .pull-40 { left: -40%; } .grid-45 { float: left; width: 45%; } .prefix-45 { margin-left: 45%; } .suffix-45 { margin-right: 45%; } .push-45 { left: 45%; } .pull-45 { left: -45%; } .grid-50 { float: left; width: 50%; } .prefix-50 { margin-left: 50%; } .suffix-50 { margin-right: 50%; } .push-50 { left: 50%; } .pull-50 { left: -50%; } .grid-55 { float: left; width: 55%; } .prefix-55 { margin-left: 55%; } .suffix-55 { margin-right: 55%; } .push-55 { left: 55%; } .pull-55 { left: -55%; } .grid-60 { float: left; width: 60%; } .prefix-60 { margin-left: 60%; } .suffix-60 { margin-right: 60%; } .push-60 { left: 60%; } .pull-60 { left: -60%; } .grid-65 { float: left; width: 65%; } .prefix-65 { margin-left: 65%; } .suffix-65 { margin-right: 65%; } .push-65 { left: 65%; } .pull-65 { left: -65%; } .grid-70 { float: left; width: 70%; } .prefix-70 { margin-left: 70%; } .suffix-70 { margin-right: 70%; } .push-70 { left: 70%; } .pull-70 { left: -70%; } .grid-75 { float: left; width: 75%; } .prefix-75 { margin-left: 75%; } .suffix-75 { margin-right: 75%; } .push-75 { left: 75%; } .pull-75 { left: -75%; } .grid-80 { float: left; width: 80%; } .prefix-80 { margin-left: 80%; } .suffix-80 { margin-right: 80%; } .push-80 { left: 80%; } .pull-80 { left: -80%; } .grid-85 { float: left; width: 85%; } .prefix-85 { margin-left: 85%; } .suffix-85 { margin-right: 85%; } .push-85 { left: 85%; } .pull-85 { left: -85%; } .grid-90 { float: left; width: 90%; } .prefix-90 { margin-left: 90%; } .suffix-90 { margin-right: 90%; } .push-90 { left: 90%; } .pull-90 { left: -90%; } .grid-95 { float: left; width: 95%; } .prefix-95 { margin-left: 95%; } .suffix-95 { margin-right: 95%; } .push-95 { left: 95%; } .pull-95 { left: -95%; } .grid-33 { float: left; width: 33.3333%; } .prefix-33 { margin-left: 33.3333%; } .suffix-33 { margin-right: 33.3333%; } .push-33 { left: 33.3333%; } .pull-33 { left: -33.3333%; } .grid-66 { float: left; width: 66.6667%; } .prefix-66 { margin-left: 66.6667%; } .suffix-66 { margin-right: 66.6667%; } .push-66 { left: 66.6667%; } .pull-66 { left: -66.6667%; } .grid-100 { clear: both; width: 100%; } } .clearfix::before, .row::before, .sidebar-section::before, .clearfix::after, .row::after, .sidebar-section::after { content: " "; display: table; } .clearfix::after, .row::after, .sidebar-section::after { clear: both; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0px; overflow: visible; clip: auto; } .element-invisible { position: absolute; left: -999em; } .hide { display: none !important; } .no-scroll { overflow: hidden; } .pull-right { float: right; } .pull-left { float: left; } .clear-both { clear: both; } .text-hide { font: 0px / 0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px; } .fade { opacity: 0; transition: opacity 0.15s linear 0s; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0px; overflow: hidden; transition-property: height, visibility; transition-duration: 0.35s; transition-timing-function: ease; } body, html { padding: 0px; margin: 0px; } html { box-sizing: border-box; background: rgb(44, 44, 44); overflow-y: scroll; } img { border: none; } *, ::before, ::after { box-sizing: inherit; } body { font-family: "Source Sans Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 17px; color: rgb(44, 44, 44); line-height: 1.58em; margin: 0px; text-size-adjust: none; overflow: hidden visible; } #skip-link { z-index: 1500; position: fixed; top: 0px; width: 100%; background-color: rgb(255, 255, 255); } #skip-link:focus { padding: 0px 15px; } .page-block { background-color: rgb(255, 255, 255); margin: 15px 0px 0px; box-shadow: rgba(0, 0, 0, 0.11) 0px 0px 7px; padding: 30px 0px; } .page-block:last-child { margin-bottom: 0px; } .page-block.has-pager { padding-bottom: 0px; } .page-header + .page-block, .banner + .page-block { margin-top: 0px; } .row { margin-bottom: 15px; } :target::before { content: ""; display: block; height: 90px; margin: -90px 0px 0px; } @media only screen and (min-width: 769px) { .column-reference-content { margin-left: 200px; } .grid-flex { display: flex; margin: 0px -30px; } .grid-flex .grid-flex-column { padding: 0px 30px; } .grid-flex .grid-flex-column-33 { padding-top: 15px; padding-bottom: 15px; width: 33%; } .grid-flex .grid-flex-column + .grid-flex-column { border-left: 1px solid rgb(235, 235, 235); } :target::before { height: 205px; margin: -205px 0px 0px; } } .grid-container-nopad { margin-left: -15px; margin-right: -15px; } .visible-on-print-block, .visible-on-print-inline, .visible-on-print-inline-block { display: none; } @media only screen and (max-width: 768px) { .grid-flex .grid-flex-column { margin-bottom: 30px; } } @media only screen and (max-width: 480px) { .page-block { padding: 15px 0px; } .page-header > .grid-container, .page-block > .grid-container, #site-footer .grid-container, #site-header .grid-container { padding: 0px; } aside { margin-top: 30px; } .grid-container-nopad { margin-left: -30px; margin-right: -30px; } } h1, h2, h3, h4, .h1, .h2, .h3, .link-pager .title, .h4 { font-family: Merriweather, serif; line-height: 1.2; } h5, h6, .h5, .h6 { font-family: "Source Sans Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height: 1.58em; } h1, .h1, h2, .h2 { margin-top: 1.2em; margin-bottom: 0.6em; } h3, .h3, .link-pager .title, h4, .h4, h5, .h5, h6, .h6 { font-weight: bold; margin-top: 0.6em; margin-bottom: 0.6em; } h1, .h1 { font-size: 1.8823em; } h2, .h2 { font-size: 1.647em; } h3, .h3, .link-pager .title { font-size: 1.3529em; } h4, .h4 { font-size: 1.1176em; } h5, .h5 { font-size: 1em; } h6, .h6 { font-size: 1em; } .search-results { margin-top: 0px; } .content-divide { font-family: "Source Sans Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 0.9411em; font-weight: bold; text-transform: uppercase; padding: 8px 15px 6px; background-color: rgb(242, 242, 242); border-bottom: 5px solid rgb(34, 155, 210); margin-top: 0px; margin-bottom: 10px; } p { margin: 0px 0px 20px; } sup, sub { vertical-align: baseline; position: relative; top: -0.4em; } sub { top: 0.4em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .editors-note { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 9px solid rgb(235, 235, 235); position: relative; font-style: italic; font-size: 0.9411em; } .editors-note p:last-child, .editors-note ul:last-child { padding: 0px; margin: 0px; } .list-unstyled, .list-inline, .topic-set .list-topics, .list-block-links, .list-resources, .nav { padding-left: 0px; list-style: none; } .list-inline > li, .topic-set .list-topics > li { display: inline-block; padding: 0px; margin: 0px; } .list-inline > li::before, .topic-set .list-topics > li::before { content: none; } .list-inline.dividers li, .topic-set .dividers.list-topics li { float: left; border-left: 2px solid rgb(38, 193, 232); padding: 0px 10px; margin-bottom: 10px; vertical-align: middle; line-height: 1.2em; } .list-inline.dividers li:first-child, .topic-set .dividers.list-topics li:first-child { padding: 0px 10px 0px 0px; border-left: none; } .list-square, .facet .item-list ul { list-style: none; padding-left: 20px; } .list-square li, .facet .item-list ul li { position: relative; line-height: 1.2em; margin-bottom: 15px; } .list-square li::before, .facet .item-list ul li::before { content: ""; display: block; width: 9px; height: 9px; background-color: rgb(38, 193, 232); position: absolute; top: 4px; left: -20px; } .list-additional-resources { font-size: 0.9411em; } .list-block-links li { border-top: 1px solid rgb(235, 235, 235); } .list-block-links li:first-child { border-top: none; } .list-block-links a { display: block; padding: 10px; line-height: 1.4em; transition: background-color 0.25s ease 0s; position: relative; } .list-block-links a:hover, .list-block-links a:focus { background-color: rgb(233, 247, 251); } .list-block-links a:hover .link-title, .list-block-links a:focus .link-title { text-decoration: underline; } .list-block-links img { vertical-align: middle; } .list-resources li { border-bottom: 1px solid rgb(235, 235, 235); padding-bottom: 15px; margin-bottom: 15px; } .list-materials { margin: 0px; } .list-anchors { margin-top: 0px; margin-bottom: 30px; } .blockquote-wrapper { display: block; } .blockquote-wrapper blockquote { position: relative; margin: 20px 30px 10px 0px; border-top: 9px solid rgb(235, 235, 235); border-bottom: 9px solid rgb(235, 235, 235); padding: 5px 0px; font-family: "trebuchet ms", sans-serif; } .blockquote-wrapper blockquote::before, .blockquote-wrapper blockquote::after { background-color: rgb(255, 255, 255); position: absolute; font-size: 120px; line-height: 100px; height: 45px; width: 80px; overflow: hidden; color: rgb(38, 193, 232); } .blockquote-wrapper blockquote::before { content: "���"; top: -31px; left: 0px; } .blockquote-wrapper blockquote::after { content: "���"; right: 0px; bottom: -31px; text-align: right; } .blockquote-wrapper p { font-size: 1.2941em; font-family: Merriweather, serif; font-weight: bold; margin: 15px 0px; } .blockquote-wrapper cite { text-transform: uppercase; font-size: 0.9411em; color: rgb(101, 101, 101); } blockquote p { margin: 0px; } blockquote p + p { margin: 20px 0px 0px; } .box-content { position: relative; padding-left: 15px; border-left: 6px solid rgb(235, 20, 9); font-size: 0.9411em; background-color: rgb(242, 242, 242); } .box-content.alert { padding: 15px 15px 15px 62px; border-left: 6px solid rgb(235, 20, 9); } .box-content.alert::before { position: absolute; top: 50%; left: 15px; background: rgb(255, 255, 255); border-radius: 50%; height: 32px; width: 32px; margin-top: -16px; content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxwYXRoIGZpbGw9IiNlYjE0MDkiIGQ9Ik0xNiAzYy0zLjQ3MiAwLTYuNzM3IDEuMzUyLTkuMTkyIDMuODA4cy0zLjgwOCA1LjcyLTMuODA4IDkuMTkyYzAgMy40NzIgMS4zNTIgNi43MzcgMy44MDggOS4xOTJzNS43MiAzLjgwOCA5LjE5MiAzLjgwOGMzLjQ3MiAwIDYuNzM3LTEuMzUyIDkuMTkyLTMuODA4czMuODA4LTUuNzIgMy44MDgtOS4xOTJjMC0zLjQ3Mi0xLjM1Mi02LjczNy0zLjgwOC05LjE5MnMtNS43Mi0zLjgwOC05LjE5Mi0zLjgwOHpNMTYgMHYwYzguODM3IDAgMTYgNy4xNjMgMTYgMTZzLTcuMTYzIDE2LTE2IDE2Yy04LjgzNyAwLTE2LTcuMTYzLTE2LTE2czcuMTYzLTE2IDE2LTE2ek0xNCAyMmg0djRoLTR6TTE0IDZoNHYxMmgtNHoiPjwvcGF0aD48L3N2Zz4K"); } .box-content.information { padding: 15px 15px 15px 62px; border-left: 6px solid rgb(27, 99, 178); } .box-content.information::before { position: absolute; top: 50%; left: 15px; background: rgb(255, 255, 255); border-radius: 50%; height: 32px; width: 32px; margin-top: -16px; content: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxwYXRoIGZpbGw9IiMxYjYzYjIiIGQ9Ik0xNCA5LjVjMC0wLjgyNSAwLjY3NS0xLjUgMS41LTEuNWgxYzAuODI1IDAgMS41IDAuNjc1IDEuNSAxLjV2MWMwIDAuODI1LTAuNjc1IDEuNS0xLjUgMS41aC0xYy0wLjgyNSAwLTEuNS0wLjY3NS0xLjUtMS41di0xeiI+PC9wYXRoPjxwYXRoIGZpbGw9IiMxYjYzYjIiIGQ9Ik0yMCAyNGgtOHYtMmgydi02aC0ydi0yaDZ2OGgyeiI+PC9wYXRoPjxwYXRoIGZpbGw9IiMxYjYzYjIiIGQ9Ik0xNiAwYy04LjgzNyAwLTE2IDcuMTYzLTE2IDE2czcuMTYzIDE2IDE2IDE2IDE2LTcuMTYzIDE2LTE2LTcuMTYzLTE2LTE2LTE2ek0xNiAyOWMtNy4xOCAwLTEzLTUuODItMTMtMTNzNS44Mi0xMyAxMy0xMyAxMyA1LjgyIDEzIDEzLTUuODIgMTMtMTMgMTN6Ij48L3BhdGg+PC9zdmc+Cg=="); } .sample-code { padding: 5px; display: block; font-family: monospace; font-size: 0.9411em; line-height: 1.4em; width: 100%; overflow-y: scroll; border: 5px solid rgb(248, 248, 248); } cite { font-style: normal; } .small { font-size: 0.9411em; } .awareness-date { background-image: url("/sites/default/files/images/calender.png"); background-repeat: no-repeat; margin-top: 0px; padding: 3px 0px 3px 45px; } .error-page-header { text-align: center; } .icon-bullet-and-text { display: flex; align-items: center; } .icon-bullet-and-text .icon-bullet { flex: 0 0 0%; margin-right: 15px; } .content .byline { padding-left: 15px; border-left: 6px solid rgb(215, 215, 215); line-height: 1.4em; font-size: 0.9411em; } .content .byline b { font-weight: bold; } .content .byline + h2 { margin-top: 10px; } .content .byline span:last-of-type { display: inline-block; margin-top: 5px; } @media only screen and (min-width: 481px) { .blockquote-wrapper { float: left; width: 40%; display: inline-block; } .blockquote-wrapper.right { float: right; } .blockquote-wrapper.full { float: none; width: 100%; } } dfn { border-bottom: 1px dotted rgb(38, 193, 232); } ul.icon-list { position: relative; list-style: none; padding-left: 30px; } ul.icon-list li { position: relative; margin-bottom: 15px; padding-left: 47px; min-height: 32px; } ul.icon-list li > svg:first-child { position: absolute; left: 0px; font-size: 32px; } ul.icon-list li span { line-height: 1em; display: block; } ul.icon-list li span::first-line { line-height: 32px; } @media only screen and (max-width: 480px) { h2, .h2 { font-size: 1.1111em; } h3, .h3, .link-pager .title { font-size: 1em; } .awareness-date { padding: 10px 0px 5px 45px; } } .content-section { padding: 30px 15px 0px; transition: transform 0.4s ease 0s, opacity 0.4s ease 0s; margin-top: 15px; position: relative; } .content-section:first-child { margin-top: 0px; padding-top: 15px; } .content-section-header { margin-top: 0px; } .content-section-footer { clear: both; padding: 5px 0px; background-color: rgb(253, 253, 253); border-bottom: 1px solid rgb(235, 235, 235); } @media only screen and (min-width: 481px) { .section-out { opacity: 0; transform: translateY(125px) scale(1.05, 1.05); } } @media only screen and (max-width: 768px) { .content-section { padding: 15px 0px 0px; } .section-awareness-day { float: left; width: 100%; } .section-awareness-day-figure { width: 150px; float: left; } .section-awareness-day-body { width: calc(100% - 150px); float: left; } } @media only screen and (max-width: 480px) { .section-awareness-day-figure { width: 100%; float: none; text-align: center; } .section-awareness-day-figure img { width: 150px; } .section-awareness-day-body { width: 100%; float: none; } } #fstitle, #printfs, .tp-collapsible-expand-all, .tp-collapsible-collapse-all { display: none; } #syndicatedContent_4250_752674865704200 img, #syndicatedContent_4252_256913081982863 img, #syndicatedContent_4254_753847162165245 img { max-width: 100%; } .sidebar-section { margin-bottom: 30px; } .sidebar-section .twitter-side .exit-disclaimer { display: none; } .sidebar-section-body { line-height: 1.4em; font-size: 0.9411em; padding: 10px 15px 0px; } .sidebar-section-footer { margin-top: 15px; } @media only screen and (min-width: 481px) { .sidebar-affix.affix { position: fixed; top: 225px; width: inherit; } .sidebar-affix.affix-bottom { position: absolute; bottom: 30px; top: auto; } } @media only screen and (max-width: 768px) { .sidebar-bug { width: 40%; display: block; margin: 0px auto 15px; } } .has-nav { position: relative; } .nav { font-size: 0.8235em; } nav .content-divide { margin-bottom: 0px; } .nav-block-links { margin-top: 0px; } .nav-block-links.has-top-border { border-top: 1px solid rgb(235, 235, 235); } .nav-block-links li, .nav-block-links .nav-block-link-item { border-bottom: 1px solid rgb(235, 235, 235); } .nav-block-links a { display: block; padding: 10px 30px 10px 15px; transition: background-color 0.25s ease 0s; position: relative; } .nav-block-links a:hover, .nav-block-links a:focus { background-color: rgb(233, 247, 251); } .nav-block-links a:hover .title, .nav-block-links a:focus .title { text-decoration: underline; } .nav-block-links a:hover .icon-chevron-right, .nav-block-links a:focus .icon-chevron-right { transform: translateX(8px); } .nav-block-links .title { font-family: Merriweather, serif; font-weight: bold; display: block; margin-bottom: 3px; line-height: 1.4em; } .nav-block-links .lead-in { display: block; font-size: 1em; line-height: 1.2em; } .nav-block-links .icon-chevron-right { transition: all 0.25s ease 0s; position: absolute; right: 10px; top: 50%; margin-top: -5px; fill: rgb(38, 193, 232); } .nav-block-links .label { margin-bottom: 5px; padding-left: 0px; } .nav-block-item-awareness-day { margin-bottom: 15px; position: relative; } .nav-block-item-awareness-day a { padding-top: 80px; } .nav-block-item-awareness-day .awareness-day-logo { background: linear-gradient(rgb(240, 240, 240) 0%, rgb(214, 214, 214) 100%); margin: 0px; overflow: hidden; padding: 5px 5px 20px; position: absolute; text-align: right; top: 0px; left: 0px; width: 100%; z-index: 1; } .nav-block-item-awareness-day .awareness-day-logo::after { content: ""; position: absolute; top: 77%; left: 0%; height: 200px; width: 100%; z-index: 1; background: rgb(255, 255, 255); transform: skew(0deg, 5deg); transition: background-color 0.25s ease 0s; } .nav-block-item-awareness-day .awareness-day-logo img { width: auto; } .nav-block-item-awareness-day .lead-in, .nav-block-item-awareness-day .title { z-index: 2; position: relative; } .nav-block-item-awareness-day:hover .awareness-day-logo::after, .nav-block-item-awareness-day:focus .awareness-day-logo::after { background-color: rgb(233, 247, 251); } .nav-block-link-item-has-figure .title { position: relative; padding-right: 15px; } .nav-block-link-item-has-figure a { padding: 10px 15px; } .nav-block-link-item-has-figure .icon-chevron-right { right: 0px; } .nav-block-figure { margin: 0px 0px 10px; } .nav-social .icon-social { font-size: 31px; vertical-align: middle; margin-right: 5px; } .nav-social .icon-facebook { color: rgb(70, 97, 172); } .nav-social .icon-twitter { color: rgb(100, 169, 223); } #site-footer .nav-social li { text-align: center; margin-left: 15px; } #site-footer .nav-social li:first-child { margin-left: 0px; } #site-footer .nav-social .icon-social { color: rgb(255, 255, 255); font-size: 20px; } #site-footer .nav-social .label-social { display: block; line-height: 1.4em; } .nav-pager { margin: 0px 15px; } .nav-pager .pagers { display: table; width: 100%; } .sidebar .nav-pager { margin: 0px; } .sidebar .link-pager { padding-top: 15px; padding-bottom: 15px; } .nav-filter-wrapper { position: relative; } .nav-filter-wrapper .icon-dropdown-arrow { width: 0px; height: 0px; display: block; position: absolute; right: 15px; top: 50%; margin-top: -4px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgb(204, 204, 204); } .nav-filter a { transition: border-color 0.25s ease 0s; display: block; } .navbar-reference-content .reference-content-nav-title { padding: 15px; margin: 0px 15px 0px 0px; border-bottom: 5px solid rgb(38, 193, 232); } .navbar-reference-content .navbar-wrapper { position: absolute; left: 30px; top: 0px; bottom: 0px; width: 200px; font-family: Merriweather, serif; z-index: 5; } #reference-content-nav { transition: transform 80ms linear 0s; width: 200px; z-index: 1; } .navbar-nav { border-bottom: 1px solid rgb(241, 241, 241); margin: 0px 15px 0px 0px; } .navbar-nav a { border-right: 1px solid rgb(241, 241, 241); display: block; line-height: 1.3em; padding: 10px 30px 10px 15px; transition: background-color 0.25s ease 0s; } .navbar-nav a:hover, .navbar-nav a:focus { background-color: rgb(233, 247, 251); text-decoration: underline; } .navbar-nav .active-item { position: relative; } .navbar-nav .active-item a { background-color: rgb(167, 222, 241); border-right: 1px solid rgb(167, 222, 241); font-weight: bold; background-position: 97% center; background-repeat: no-repeat; } .navbar-nav .active-item .icon-chevron-right { color: rgb(255, 255, 255); position: absolute; right: 5px; top: 50%; margin-top: -1em; width: 2em; height: 2em; } #navbar-mobile-trigger { display: block; width: 50px; background-color: rgb(38, 193, 232); position: fixed; bottom: 20px; left: 0px; transition: all 0.25s ease 0s; color: rgb(255, 255, 255); font-size: 12px; text-align: center; text-transform: uppercase; line-height: 1em; padding: 5px 0px 0px; border-radius: 0px 4px 4px 0px; transform: translateX(0px); z-index: 5; } #navbar-mobile-trigger span { margin-top: 10px; } #navbar-mobile-trigger .svg-icon { transition: opacity 0.25s ease 0s; } #navbar-mobile-trigger.active { top: 200px; bottom: initial; } .topics-chevron { fill: rgb(255, 255, 255); transition: fill-opacity 0.25s ease 0s; } .topics-chevron.fill-opacity4 { fill-opacity: 0.4; } .topics-chevron.fill-opacity6 { fill-opacity: 0.7; } .topics-chevron.fill-opacity8 { fill-opacity: 1; } @media only screen and (min-width: 769px) { #reference-content-nav.affix { transform: translate3d(0px, 0px, 0px); width: 200px; position: fixed; top: 205px; z-index: 5; } #reference-content-nav.affix-bottom { position: absolute; top: auto; bottom: 0px; } } @media only screen and (max-width: 768px) { #reference-content-nav { background-color: rgb(255, 255, 255); margin-top: 30px; } .navbar-reference-content .navbar-wrapper { position: fixed; overflow: auto; top: 110px; bottom: 0px; left: 0px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0) 3px 3px 5px; z-index: 5; transform: translateX(-200px); transition: all 0.25s ease 0s; } .nav-icon-close { opacity: 0; } .open-nav .nav-icon-close { opacity: 1; } .open-nav .nav-icon-open { opacity: 0; } .open-nav .navbar-reference-content .navbar-wrapper { box-shadow: rgba(0, 0, 0, 0.23) 3px 3px 5px; transform: translateX(0px); } .open-nav #navbar-mobile-trigger { transform: translateX(200px); } } @media only screen and (min-width: 640px) and (max-width: 768px) { .navbar-reference-content .navbar-wrapper { top: 110px; } } .sections-nav { transition: -webkit-transform 0.5s ease 0s; will-change: transform; position: absolute; top: 0px; left: auto; z-index: 0; background: rgb(255, 255, 255); width: 100%; font-size: 0.7235em; border-bottom: 1px solid rgb(215, 215, 215); box-shadow: rgba(0, 0, 0, 0.11) 0px 0px 7px; padding: 0px; display: table; } .sections-nav.active { transform: translate3d(0px, 104px, 0px); } .sections-nav a { text-align: center; line-height: 1em; text-transform: uppercase; width: 20%; display: table-cell; vertical-align: middle; border-left: 1px solid rgb(215, 215, 215); padding: 10px; } .sections-nav a:first-child { border-left: none; } .header-buttons { position: relative; height: 50px; } .logo-container { background: rgb(255, 255, 255); } .site-header { transform-origin: center center; transition: -webkit-transform 0.5s ease 0s; will-change: transform; position: fixed; width: 100%; z-index: 1440; height: 50px; background: rgb(255, 255, 255); border: none; box-shadow: none; } .site-header > .grid-container:nth-child(2) { position: relative; background: rgb(255, 255, 255); z-index: 5; border-bottom: 1px solid rgb(215, 215, 215); box-shadow: rgba(0, 0, 0, 0.11) 0px 0px 7px; } .site-header .cd-search-trigger { position: absolute; top: 50%; left: auto; right: 0px; margin-top: -13px; font-size: 24px; color: rgb(38, 193, 232); opacity: 1; height: 50px; } .site-header .btn-positive-spin { position: absolute; top: 30%; margin-top: -10px; right: 0px; width: 40px; } .site-header #site-logo { position: absolute; top: 50%; left: 50%; margin-top: -17px; margin-left: -17px; height: 35px; width: 35px; } .site-header #site-logo img { width: auto; height: 48px; } .site-header #site-logo .icon-hivgov-logo { font-size: 35px; } .site-header .mobile-menu-launcher { display: inline-block; width: 60px; position: absolute; z-index: 9; border: 1px solid rgb(44, 44, 44); border-radius: 2px; padding: 0.25em 0.5em; line-height: 1.2em; transition: all 0.25s ease 0s; } .site-header .mobile-menu-launcher .text { transform: scale(1); transition: all 0.4s ease 0s; display: block; } .site-header .mobile-menu-launcher .icon { position: absolute; left: 4px; top: 4px; font-size: 1em; transform: scale(0); transition: all 0.4s ease 0s; } .site-header .mobile-menu-launcher:hover, .site-header .mobile-menu-launcher:focus { border-color: rgb(4, 156, 201); } .site-header .cd-search-trigger { left: auto; right: 80px; } body.nav-active .site-header .mobile-menu-launcher { width: 25px; } body.nav-active .site-header .mobile-menu-launcher .text { transform: scale(0); } body.nav-active .site-header .mobile-menu-launcher .icon { transform: scale(1); } .header-nav { margin-top: 2em; } .header-nav li { height: inherit; vertical-align: middle; margin-left: 2em; } .header-nav li:first-child { margin-left: 0px; } .header-nav .icon-search { color: rgb(38, 193, 232); font-size: 1.25em; } .header-nav .search::before { content: none; } #logo-hivgov { width: 175px; height: 145px; display: block; background-image: url("/sites/default/files/images/logo-hiv-works.gif"); background-position: 0px 0px; background-repeat: no-repeat; background-size: 100%; } #logo-hivgov.nofireworks { background-image: url("/sites/default/files/images/images/logo-hiv-noworks.gif"); } @media only screen and (max-width: 768px) { #logo-hivgov { width: 105px; height: 50px; background-image: url("/sites/default/files/images/logo-hiv-works.mobile.gif"); position: absolute; top: -12px; left: 15px; } .site-header .mobile-menu-launcher { top: 50%; margin-top: -12px; } } @media only screen and (min-width: 640px) and (max-width: 768px) { .sections-nav.active { transform: translate3d(0px, 110px, 0px); } } @media only screen and (min-width: 481px) and (max-width: 640px) { .sections-nav.active { transform: translate3d(0px, 110px, 0px); } } @media only screen and (min-width: 850px) { .site-header .cd-search-trigger { left: auto; right: 165px; } .site-header .btn-positive-spin { right: 15px; width: 95px; } } @media only screen and (min-width: 768px) { .site-header { min-height: 110px; box-shadow: rgb(251, 233, 191) 0px 60px 0px 0px inset; } } @media only screen and (min-width: 769px) { .sections-nav { display: none; } .breadcrumbs { top: 50px; } .site-header { min-height: 145px; box-shadow: rgb(251, 233, 191) 0px 60px 0px 0px inset; } .site-header > .grid-container:nth-child(2) { position: relative; background: none; z-index: auto; box-shadow: none; border: none; } .site-header #site-logo { left: 15px; right: auto; margin-left: 0px; height: 65px; width: 65px; } .site-header #site-logo img { width: auto; height: auto; } .site-header #site-logo .icon-hivgov-logo { font-size: 65px; } .site-header .btn-positive-spin { margin-top: 12px; } } .wrapper { opacity: 1; overflow: hidden; transition: transform 0.5s ease 0s, opacity 0.5s ease 0s; } .wrapper.shrink { transform: scale(0.8); overflow: visible; opacity: 0.5; } .wrapper.transition { transform-origin: center center; transition: -webkit-transform 0.5s ease 0s; will-change: transform; } .body { position: relative; padding: 105px 0px 0px; width: 100%; min-height: 100vh; z-index: 1; background: rgb(242, 242, 242); } .content-body { position: relative; } #cdc_syndicated img { width: 100%; height: auto; } .body footer .banner { padding-top: 45px; min-height: 223px; background: red; } .body .banner + .content { padding-top: inherit; } .body > .content { padding-top: 45px; } .body::after { content: ""; display: block; } @media only screen and (min-width: 480px) { .body { padding: 110px 0px 0px; } .breadcrumbs { top: 110px; } } @media only screen and (min-width: 769px) { .body { padding: 145px 0px 0px; } .breadcrumbs { top: 145px; } .width-5 { width: 5%; } .width-10 { width: 10%; } .width-15 { width: 15%; } .width-20 { width: 20%; } .width-25 { width: 25%; } .width-30 { width: 30%; } .width-35 { width: 35%; } .width-40 { width: 40%; } .width-45 { width: 45%; } .width-50 { width: 50%; } .width-55 { width: 55%; } .width-60 { width: 60%; } .width-65 { width: 65%; } .width-70 { width: 70%; } .width-75 { width: 75%; } .width-80 { width: 80%; } .width-85 { width: 85%; } .width-90 { width: 90%; } .width-100 { width: 100%; } } .locator-search { height: 50px; width: 100%; z-index: 1; display: block; } .locator-search button { transition: color 0.35s ease 0s, opacity 0.35s ease 0.25s; position: absolute; top: 50%; right: 0.75em; margin-top: -12px; opacity: 0; z-index: 5; background: transparent; border: none; cursor: pointer; color: rgb(38, 193, 232); } .locator-search button:hover, .locator-search button:focus { color: rgb(255, 255, 255); } .locator-search button .icon.icon-search { font-size: 24px; } .locator-search input[type="text"] { transition: opacity 0.25s ease 0s; font-family: Merriweather, serif; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: transparent; color: rgb(255, 255, 255); border: none; font-size: 16px; margin: 0px; padding: 0.5em 54px 0.5em 0.75em; z-index: 1; outline: none; opacity: 0; } .locator-search input[type="text"]::placeholder { color: rgb(204, 204, 204); } .locator-search input[type="text"]:focus, .locator-search input[type="text"].focus { opacity: 1; } .locator-search input[type="text"]:focus ~ label, .locator-search input[type="text"].focus ~ label { transition: color 0.35s ease 0.25s; } .locator-search input[type="text"]:focus ~ label::before, .locator-search input[type="text"].focus ~ label::before { transform-origin: left top; transform: scale(1, 1); will-change: transform; } .locator-search input[type="text"]:focus ~ label > span, .locator-search input[type="text"].focus ~ label > span { transform: scale(0.8, 0.8) translate3d(-50%, 100%, 0px); will-change: transform; color: rgb(255, 255, 255); } .locator-search input[type="text"]:focus ~ button, .locator-search input[type="text"].focus ~ button { opacity: 1; } .locator-search label { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px inset; } .locator-search label::before { transform-origin: left top; transform: translate3d(100%, 0px, 0px) scale(0, 0); transition: -webkit-transform 0.35s ease 0s; will-change: transform; content: ""; position: absolute; bottom: 3px; left: 0px; width: 100%; height: 100%; background: rgb(27, 99, 178); z-index: 2; } .locator-search label > span { transform-origin: left bottom; transform: scale(1, 1) translate3d(-50%, -50%, 0px); transition: transform 0.35s ease 0s, color 0.35s ease 0.25s; will-change: transform; position: absolute; top: 50%; left: 50%; z-index: 0; white-space: nowrap; font-size: 80%; cursor: text; pointer-events: none; vertical-align: top; color: rgb(255, 255, 255); } .locator-search:hover button { opacity: 1; } .locator-search:hover label > span { color: rgb(38, 193, 232); } #site-footer { position: relative; z-index: 1; background: rgb(44, 44, 44); color: rgb(255, 255, 255); } #site-footer h3 { font-family: "Source Sans Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: 900; text-transform: uppercase; } #site-footer .links { padding: 30px 15px; } #site-footer .links .nav { margin: 0px; line-height: 1.2em; } #site-footer .links .nav > li { margin-bottom: 10px; } #site-footer .links .nav-utility { border-left: 1px solid rgb(38, 193, 232); padding-left: 30px; } #site-footer .links .nav-gov-links { padding-top: 30px; } #site-footer .banner { background: rgb(27, 99, 178); overflow: hidden; } #site-footer .banner .btn, #site-footer .banner .facet .item-list .facetapi-limit-link, .facet .item-list #site-footer .banner .facetapi-limit-link, #site-footer .banner .views-exposed-form #edit-submit-search-page, .views-exposed-form #site-footer .banner #edit-submit-search-page { top: 30%; font-size: 130%; } #site-footer .banner > div { position: relative; padding: 15px; text-align: center; background: rgb(38, 193, 232); } #site-footer .banner > div + div { background: rgb(27, 99, 178); } #site-footer .banner .icon-location { position: absolute; right: 75px; top: -10px; z-index: 2; font-size: 160px; line-height: 0; } #site-footer a { transition: background 0.3s ease 0s, color 0.3s ease 0s; position: relative; display: inline-block; text-decoration: none; color: rgb(255, 255, 255); } #site-footer a:hover, #site-footer a:focus { color: rgb(38, 193, 232); } #site-footer a.link:hover, #site-footer .card-facebook .card-body a:hover, .card-facebook .card-body #site-footer a:hover, #site-footer .card-campaign .card-body a:hover, .card-campaign .card-body #site-footer a:hover, #site-footer a.link:hover, #site-footer .card-facebook .card-body a:hover, .card-facebook .card-body #site-footer a:hover, #site-footer .card-campaign .card-body a:hover, .card-campaign .card-body #site-footer a:hover { color: rgb(255, 255, 255); } #site-footer .copyright { line-height: 1.4em; font-size: 0.8235em; margin-top: 30px; padding: 0px 15px; color: rgb(255, 255, 255); } #site-footer .copyright p { margin-left: 150px; } #site-footer .logo-mhaf { width: 130px; float: left; } #site-footer .logo-mhaf img { width: 100%; } #site-footer .nav-other-sites { display: flex; align-items: center; } #site-footer .nav-other-sites .logo-ahead { width: 150px; float: left; padding-top: 15px; } #site-footer .nav-other-sites .logo-ahead img { width: 100%; } #site-footer .nav-other-sites .logo-clinical { width: 150px; float: left; padding-top: 5px; } #site-footer .nav-other-sites .logo-clinical img { width: 100%; } @media only screen and (min-width: 480px) { .locator-search input[type="text"] { font-size: 110%; } .locator-search label > span { font-size: 110%; } #site-footer .banner > div { padding: 15px 30px; } } @media only screen and (min-width: 768px) { #site-footer .nav-other-sites .logo-ahead { width: 200px; } #site-footer .nav-other-sites .logo-clinical { width: 200px; } #site-footer { z-index: 2; } #site-footer .banner { height: 145px; } #site-footer .banner .icon-arrow-left { position: absolute; left: -75px; top: 50%; z-index: 0; margin-top: -80px; width: 0px; height: 0px; border-top: 80px solid transparent; border-bottom: 80px solid transparent; border-right: 80px solid rgb(27, 99, 178); } #site-footer .banner .btn, #site-footer .banner .facet .item-list .facetapi-limit-link, .facet .item-list #site-footer .banner .facetapi-limit-link, #site-footer .banner .views-exposed-form #edit-submit-search-page, .views-exposed-form #site-footer .banner #edit-submit-search-page { position: absolute; left: 0px; top: 30%; font-size: 150%; } #site-footer .banner > div { height: 145px; } } @media only screen and (max-width: 768px) { #site-footer .dividers li { border: 0px; padding: 0px; } #site-footer .dividers li:nth-child(2n+1) { clear: both; } #site-footer .links .nav-utility { border-left: 0px; border-top: 1px solid rgb(38, 193, 232); border-bottom: 1px solid rgb(38, 193, 232); padding: 15px 0px; margin-top: 15px; } } @media only screen and (max-width: 480px) { #site-footer .dividers li { border: 0px; padding: 0px; } #site-footer .links .nav-social, #site-footer .links .nav-utility, #site-footer .links .nav-gov-links, #site-footer .copyright { padding: 30px 0px; } #site-footer .links .nav-social .nav { font-size: 11px; margin-top: 15px; } #site-footer .links .nav-social .nav li { margin: 0px 5px; } } @media only screen and (max-width: 979px) { .locator-search { position: relative; left: auto; top: auto; margin: 1.5em 0px; } } @media only screen and (min-width: 980px) { .locator-search { position: absolute; left: 0px; top: 50%; margin: -25px 0px 0px; max-width: 400px; } } @media only screen and (max-width: 640px) { #site-footer .copyright p { margin-left: 0px; } #site-footer .logo-mhaf { width: 100px; float: none; display: block; margin: 0px 0px 10px; } } #banner-home { background-image: url("/sites/default/files/images/banner_home.jpg"); background-repeat: repeat; padding-top: 0px; background-size: auto; } #banner-hiv-basics { background-image: url("/sites/default/files/images/banner_basics.jpg"); background-position: center top; } #banner-federal-response { background-image: url("/sites/default/files/images/banner_federal_response.jpg"); } #banner-digital-tools { background-image: url("/sites/default/files/images/banner_digital_tools.jpg"); } .page-header { padding-top: 25px; } .page-header h1 { display: inline-block; margin: 0px; } .page-header .link-topic { background-color: rgb(221, 235, 240); } .page-header .date { white-space: nowrap; } .page-header .byline { margin-bottom: 0px; font-size: 0.9411em; line-height: 1.4em; color: rgb(101, 101, 101); } .page-header.grid-container { padding: 30px 15px; } .has-background-image { background-size: cover; background-position: left top; background-repeat: no-repeat; } .header-content { position: relative; padding: 15px; } .header-content.header-content-no-byline { padding-top: 20px; padding-bottom: 20px; } .has-background-image .header-content { background-color: rgba(255, 255, 255, 0.95); display: inline-block; padding: 20px 30px; margin: 30px 30px 30px 0px; } #banner-digital-tools.has-background-image .header-content > div + div { margin-top: 15px; font-size: 0.9411em; } #banner-home .header-content { background-color: transparent; padding: 0px 0px 10px 15px; margin: 15px 0px 5px; } @media only screen and (min-width: 769px) { .page-header { padding-top: 45px; } .has-background-image .header-content { min-width: 400px; } #banner-home .header-content { margin: 15px 0px 5px; } } @media only screen and (min-width: 481px) and (max-width: 640px) { .page-header { padding-top: 25px; } } @media only screen and (min-width: 481px) { .header-content { padding-right: 220px; } .header-content.no-padding { padding-right: 15px; } .has-topic-set .header-content { padding-right: 0px; } } @media only screen and (min-width: 768px) { #banner-digital-tools.has-background-image .header-content > div { display: table-cell; vertical-align: middle; padding-right: 15px; } #banner-digital-tools.has-background-image .header-content > div + div { margin-top: 0px; border-left: 1px solid rgb(0, 0, 0); padding-left: 15px; padding-right: 0px; font-size: 17px; } } @media only screen and (max-width: 480px) { .page-header h1 { font-size: 1.3529em; } .page-header .date { display: block; } .page-header .social-share-page { margin-top: 15px; margin-bottom: 0px; } #banner-home .header-content { padding-left: 0px; } } .content-body .page-notice { transition: opacity 500ms ease 0s; position: relative; background: rgb(27, 99, 178); color: rgb(255, 255, 255); padding: 30px; font-size: 0.9411em; box-shadow: rgba(0, 0, 0, 0.02) 3px 3px 5px; opacity: 1; line-height: 1.5em; margin-bottom: 15px; } .content-body .page-notice.dismiss { opacity: 0; } .content-body .page-notice.ehe-style { background-color: rgb(242, 242, 242); background-image: url("/sites/all/themes/hiv/assets/images/announcement-sidebar-2x.png"); background-repeat: no-repeat; background-position: left top; border: 1px solid rgb(223, 223, 223); color: rgb(44, 44, 44); padding: 30px 30px 30px 60px; } .content-body .page-notice.ehe-style a { color: rgb(44, 44, 44); font-weight: normal; } .content-body .page-notice.ehe-style .icon { fill: rgb(38, 193, 232); } .content-body .page-notice.ehe-style::after, .content-body .page-notice.ehe-style::before { display: none; } .content-body .page-notice a { color: rgb(255, 255, 255); font-weight: bold; } .content-body .page-notice a.close { position: absolute; top: 10px; right: 10px; text-decoration: none; border-bottom: none; box-shadow: none; font-weight: normal; } .content-body .page-notice a.close:hover, .content-body .page-notice a.close:focus { color: rgb(38, 193, 232); background: none; } .content-body .page-notice::before { content: ""; display: block; left: 0px; top: 0px; position: absolute; border-right: 25px solid transparent; border-top: 25px solid white; } .content-body .page-notice::after { content: ""; display: block; left: 0px; top: 0px; position: absolute; border-left: 25px solid transparent; border-bottom: 25px solid rgb(38, 193, 232); } .content-body .page-notice.no-close a.close { display: none; visibility: hidden; } .content-body .page-notice.inline { padding: 15px 30px; display: inline-block; } .content-body .page-notice.inline::before { position: absolute; border-right: 15px solid transparent; border-top: 15px solid white; } .content-body .page-notice.inline::after { position: absolute; border-left: 15px solid transparent; border-bottom: 15px solid rgb(38, 193, 232); } .alert div { margin-left: auto; margin-right: auto; max-width: 1140px; border: none; padding: 15px; height: 60px; overflow: hidden; } .alert p { margin: 0px; position: absolute; top: 50%; transform: translateY(-50%); color: rgb(0, 0, 0); font-size: 0.85em; } .alert p + p { margin-top: 20px; } .alert a { text-decoration: underline; } .alert.alert-warning { border: 1px solid rgb(250, 235, 204); background-color: rgb(251, 233, 191); color: rgb(0, 0, 0); margin-left: 0px; margin-right: 0px; position: relative; z-index: 10; height: 60px; overflow: hidden; } @media only screen and (min-width: 769px) { .alert div { background-position: 0px 50%; padding-left: 30px; } } .icon { display: inline-block; width: 1em; height: 1em; fill: currentcolor; } .icon.icon-topic { fill: rgb(38, 193, 232); } .icon::after { content: ""; color: rgb(255, 255, 255); display: block; text-align: center; } .icon-arrow-right { width: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid rgb(235, 20, 9); display: inline-block; margin: 0px 10px; } .icon-header { position: relative; display: inline-block; margin-left: 2em; } .icon-header > svg { position: absolute; top: -0.25em; left: -1em; font-size: 2em; color: rgb(246, 195, 24); fill: rgb(38, 193, 232); } #tfa-basic-overview a, .content-body a, .link, .card-facebook .card-body a, .card-campaign .card-body a { border-bottom: rgb(38, 193, 232); box-shadow: rgb(38, 193, 232) 0px -3px 0px inset; transition: background 0.25s cubic-bezier(0.33, 0.66, 0.66, 1) 0s; color: rgb(44, 44, 44); } #tfa-basic-overview a:hover, #tfa-basic-overview a:focus, .content-body a:hover, .content-body a:focus, .link:hover, .card-facebook .card-body a:hover, .card-campaign .card-body a:hover, .link:focus, .card-facebook .card-body a:focus, .card-campaign .card-body a:focus { background-color: rgb(38, 193, 232); } #tfa-basic-overview a.btn, #tfa-basic-overview .facet .item-list a.facetapi-limit-link, .facet .item-list #tfa-basic-overview a.facetapi-limit-link, #tfa-basic-overview .views-exposed-form a#edit-submit-search-page, .views-exposed-form #tfa-basic-overview a#edit-submit-search-page, .content-body a.btn, .content-body .facet .item-list a.facetapi-limit-link, .facet .item-list .content-body a.facetapi-limit-link, .content-body .views-exposed-form a#edit-submit-search-page, .views-exposed-form .content-body a#edit-submit-search-page, .link.btn, .card-facebook .card-body a.btn, .card-facebook .card-body .facet .item-list a.facetapi-limit-link, .facet .item-list .card-facebook .card-body a.facetapi-limit-link, .card-facebook .card-body .views-exposed-form a#edit-submit-search-page, .views-exposed-form .card-facebook .card-body a#edit-submit-search-page, .card-campaign .card-body a.btn, .card-campaign .card-body .facet .item-list a.facetapi-limit-link, .facet .item-list .card-campaign .card-body a.facetapi-limit-link, .card-campaign .card-body .views-exposed-form a#edit-submit-search-page, .views-exposed-form .card-campaign .card-body a#edit-submit-search-page, .facet .item-list .link.facetapi-limit-link, .views-exposed-form .link#edit-submit-search-page { box-shadow: none; } .btn, .facet .item-list .facetapi-limit-link, .views-exposed-form #edit-submit-search-page { cursor: pointer; text-decoration: none; border: none; border-radius: 2px; background-color: transparent; line-height: 1.4em; font-size: 0.9411em; box-shadow: none; } .btn.responsive, .facet .item-list .responsive.facetapi-limit-link, .views-exposed-form .responsive#edit-submit-search-page { display: block; width: 100%; } #digital-banner-buttons .btn, #digital-banner-buttons .facet .item-list .facetapi-limit-link, .facet .item-list #digital-banner-buttons .facetapi-limit-link, #digital-banner-buttons .views-exposed-form #edit-submit-search-page, .views-exposed-form #digital-banner-buttons #edit-submit-search-page { position: relative; border: 1px solid rgb(27, 99, 178); margin-right: 0px; margin-top: 3.75px; margin-bottom: 3.75px; background: rgb(27, 99, 178); color: rgb(255, 255, 255); text-align: center; font-size: 0.8235em; } #digital-banner-buttons .btn:hover, #digital-banner-buttons .facet .item-list .facetapi-limit-link:hover, .facet .item-list #digital-banner-buttons .facetapi-limit-link:hover, #digital-banner-buttons .views-exposed-form #edit-submit-search-page:hover, .views-exposed-form #digital-banner-buttons #edit-submit-search-page:hover, #digital-banner-buttons .btn:focus, #digital-banner-buttons .facet .item-list .facetapi-limit-link:focus, .facet .item-list #digital-banner-buttons .facetapi-limit-link:focus, #digital-banner-buttons .views-exposed-form #edit-submit-search-page:focus, .views-exposed-form #digital-banner-buttons #edit-submit-search-page:focus { background: rgb(255, 255, 255); color: rgb(27, 99, 178); } #digital-banner-buttons .btn:hover .icon, #digital-banner-buttons .facet .item-list .facetapi-limit-link:hover .icon, .facet .item-list #digital-banner-buttons .facetapi-limit-link:hover .icon, #digital-banner-buttons .views-exposed-form #edit-submit-search-page:hover .icon, .views-exposed-form #digital-banner-buttons #edit-submit-search-page:hover .icon, #digital-banner-buttons .btn:focus .icon, #digital-banner-buttons .facet .item-list .facetapi-limit-link:focus .icon, .facet .item-list #digital-banner-buttons .facetapi-limit-link:focus .icon, #digital-banner-buttons .views-exposed-form #edit-submit-search-page:focus .icon, .views-exposed-form #digital-banner-buttons #edit-submit-search-page:focus .icon { fill: rgb(27, 99, 178); } #digital-banner-buttons .btn > .grid-parent > div:first-child > .btn, #digital-banner-buttons .facet .item-list .facetapi-limit-link > .grid-parent > div:first-child > .btn, .facet .item-list #digital-banner-buttons .facetapi-limit-link > .grid-parent > div:first-child > .btn, #digital-banner-buttons .views-exposed-form #edit-submit-search-page > .grid-parent > div:first-child > .btn, .views-exposed-form #digital-banner-buttons #edit-submit-search-page > .grid-parent > div:first-child > .btn, #digital-banner-buttons .facet .item-list .btn > .grid-parent > div:first-child > .facetapi-limit-link, .facet .item-list #digital-banner-buttons .btn > .grid-parent > div:first-child > .facetapi-limit-link, #digital-banner-buttons .facet .item-list .facetapi-limit-link > .grid-parent > div:first-child > .facetapi-limit-link, .facet .item-list #digital-banner-buttons .facetapi-limit-link > .grid-parent > div:first-child > .facetapi-limit-link, #digital-banner-buttons .views-exposed-form .facet .item-list #edit-submit-search-page > .grid-parent > div:first-child > .facetapi-limit-link, .facet .item-list #digital-banner-buttons .views-exposed-form #edit-submit-search-page > .grid-parent > div:first-child > .facetapi-limit-link, .views-exposed-form #digital-banner-buttons .facet .item-list #edit-submit-search-page > .grid-parent > div:first-child > .facetapi-limit-link, .facet .item-list .views-exposed-form #digital-banner-buttons #edit-submit-search-page > .grid-parent > div:first-child > .facetapi-limit-link, #digital-banner-buttons .views-exposed-form .btn > .grid-parent > div:first-child > #edit-submit-search-page, .views-exposed-form #digital-banner-buttons .btn > .grid-parent > div:first-child > #edit-submit-search-page, #digital-banner-buttons .facet .item-list .views-exposed-form .facetapi-limit-link > .grid-parent > div:first-child > #edit-submit-search-page, .views-exposed-form #digital-banner-buttons .facet .item-list .facetapi-limit-link > .grid-parent > div:first-child > #edit-submit-search-page, .facet .item-list #digital-banner-buttons .views-exposed-form .facetapi-limit-link > .grid-parent > div:first-child > #edit-submit-search-page, .views-exposed-form .facet .item-list #digital-banner-buttons .facetapi-limit-link > .grid-parent > div:first-child > #edit-submit-search-page, #digital-banner-buttons .views-exposed-form #edit-submit-search-page > .grid-parent > div:first-child > #edit-submit-search-page, .views-exposed-form #digital-banner-buttons #edit-submit-search-page > .grid-parent > div:first-child > #edit-submit-search-page { margin-right: 0px; } #digital-banner-buttons .btn > .icon, #digital-banner-buttons .facet .item-list .facetapi-limit-link > .icon, .facet .item-list #digital-banner-buttons .facetapi-limit-link > .icon, #digital-banner-buttons .views-exposed-form #edit-submit-search-page > .icon, .views-exposed-form #digital-banner-buttons #edit-submit-search-page > .icon { display: none; } #digital-banner-buttons .btn > svg.icon, #digital-banner-buttons .facet .item-list .facetapi-limit-link > svg.icon, .facet .item-list #digital-banner-buttons .facetapi-limit-link > svg.icon, #digital-banner-buttons .views-exposed-form #edit-submit-search-page > svg.icon, .views-exposed-form #digital-banner-buttons #edit-submit-search-page > svg.icon { position: absolute; top: 5px; left: 10px; font-size: 1.25em; fill: rgb(255, 255, 255); } .btn-block, .facet .item-list .facetapi-limit-link { display: block; } a { text-decoration: none; color: rgb(44, 44, 44); transition: color 0.25s ease 0s; } .icon-left-arrow, .icon-right-arrow { width: 0px; height: 0px; border: 6px solid transparent; } .icon-left-arrow { border-right-color: rgb(38, 193, 232); } .icon-right-arrow { border-left-color: rgb(38, 193, 232); } .link-pager { display: table-cell; position: relative; width: 50%; padding: 30px 15px; box-shadow: none; line-height: 1.3em; transition: background 0.25s ease 0s; } .link-pager small { display: block; text-transform: uppercase; } .link-pager:hover, .link-pager:focus { background-color: rgb(233, 247, 251); } .link-pager:hover .icon-chevron-left, .link-pager:focus .icon-chevron-left { transform: translateX(-8px); } .link-pager:hover .icon-chevron-right, .link-pager:focus .icon-chevron-right { transform: translateX(8px); } .link-pager:hover .title, .link-pager:focus .title { text-decoration: underline; } .link-pager .icon-chevron-left, .link-pager .icon-chevron-right { transition: all 0.25s ease 0s; position: absolute; right: 10px; top: 50%; margin-top: -5px; fill: rgb(38, 193, 232); } .link-pager .icon-chevron-left { left: 15px; } .link-pager .icon-chevron-right { right: 15px; } .link-pager.link-pager-next { text-align: left; padding-right: 40px; } .link-pager.link-pager-prev { text-align: right; border-right: 1px solid rgb(196, 196, 196); padding-left: 40px; } .link-topic { transition: background-color 0.25s ease 0s; display: inline-block; padding: 4px 8px; border-radius: 4px; margin: 0px 5px 5px 0px; background-color: rgb(233, 247, 251); } .link-topic:hover, .link-topic:focus, .link-topic.focus { color: rgb(0, 0, 0); background-color: rgb(167, 222, 241); } .link-topic.tag { position: relative; font-weight: normal; font-size: 0.8235em; padding: 0px 8px; cursor: pointer; } .link-topic.tag.selected { background-color: rgb(27, 99, 178); color: rgb(255, 255, 255); padding-left: 30px; } .link-topic.tag.selected::before { content: "��"; position: absolute; top: 50%; left: 15px; font-size: 1.4em; transform: translate(-50%, -50%); } .clear-topic-filters { color: rgb(27, 99, 178); font-weight: bold; } .clear-topic-filters:hover, .clear-topic-filtersfocus { text-decoration: underline; } .link-material { padding: 0px; text-align: center; display: inline-block; } .link-material .icon-wrapper { transition: background-color 0.25s ease 0s; color: rgb(255, 255, 255); background-color: rgb(27, 99, 178); text-align: center; border-radius: 30px; display: block; width: 30px; height: 30px; font-size: 20px; padding: 5px; margin: 0px auto 5px; } .link-material:hover .icon-wrapper, .link-material:focus .icon-wrapper { background-color: rgb(38, 193, 232); } .card-campaign .link-material { width: 60px; font-size: 0.8235em; line-height: 1.2em; margin-right: 5px; } .card-campaign .icon-wrapper { width: 45px; height: 45px; font-size: 30px; padding: 7px; } .btn-search { color: rgb(38, 193, 232); transition: color 0.25s ease 0s; cursor: pointer; } .btn-search:hover, .btn-search:focus { color: rgb(27, 99, 178); } #hivgov-elasticsearch-form #search-input { position: absolute; right: 15px; top: 50%; margin-top: -0.625em; display: inline-block; height: 1.25em !important; width: 1.25em !important; } #hivgov-elasticsearch-form .btn-search { position: absolute; display: block; background: transparent; border: none; padding: 0px; font-size: 1.25em !important; height: 1em !important; width: 1em !important; } #hivgov-elasticsearch-form .icon-search { color: rgb(38, 193, 232); font-size: 1.25em !important; } #search-block-form .btn-search { font-size: 1.25em !important; } #search-block-form .btn-search { font-size: 1.25em !important; } .title-popover { display: block; background-color: white; z-index: 1000; border: 2px solid rgb(125, 125, 125); padding: 5px; margin: 10px 0px 0px; border-radius: 4px; top: 100%; left: -100px; position: absolute; font-size: 0.9411em; width: 200px; text-align: center; line-height: 1.2em; } .title-popover::after { width: 25px; height: 18px; content: url("/sites/default/files/images/arrow-top.png"); position: absolute; top: -18px; left: 50%; margin-left: -13px; z-index: 1000; display: inline-block; } .link-more { transition: color 0.25s ease 0s, border-color 0.25s ease 0s; display: inline-block; font-size: 0.9411em; border: 1px solid rgb(204, 204, 204); border-radius: 2px; color: rgb(3, 107, 145); padding: 10px 45px 10px 15px; line-height: 1em; position: relative; background-color: rgb(255, 255, 255); } a.link-more { border-bottom: 1px solid rgb(204, 204, 204); box-shadow: none; } a.link-more:hover, a.link-more:focus { background-color: rgb(255, 255, 255); } .link-more:hover, .link-more:focus { border-color: rgb(4, 156, 201); } .link-more:hover .icon-chevron-right, .link-more:focus .icon-chevron-right { transform: translateX(8px); } .link-more .icon-chevron-right { transition: all 0.25s ease 0s; position: absolute; right: 10px; top: 50%; margin-top: -8px; } .card-deck-footer .link-more { margin: 0px; } .btn-submit, .facet .item-list .facetapi-limit-link, .views-exposed-form #edit-submit-search-page { transition: background-color 0.25s ease 0s; text-align: center; color: rgb(255, 255, 255); background-color: rgb(27, 99, 178); padding: 5px 10px; } .btn-submit:focus, .facet .item-list .facetapi-limit-link:focus, .views-exposed-form #edit-submit-search-page:focus, .btn-submit:hover, .facet .item-list .facetapi-limit-link:hover, .views-exposed-form #edit-submit-search-page:hover { background-color: rgb(38, 193, 232); } .btn-load { transition: border-color 0.25s ease 0s; border: 1px solid rgb(204, 204, 204); border-radius: 4px; padding: 5px 60px; display: block; margin: 0px auto; text-align: center; color: rgb(3, 107, 145); } .btn-load:hover, .btn-load:focus { border-color: rgb(4, 156, 201); } .arrow-down { position: relative; } .arrow-down::after { width: 0px; height: 0px; content: ""; display: block; position: absolute; left: 50%; margin-left: -10px; bottom: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgb(204, 204, 204); transition: all 0.25s ease 0s; transform: translateY(0px); } .arrow-down:hover::after { border-top: 10px solid rgb(38, 193, 232); transform: translateY(2px); } .btn-page-anchor { background-color: rgb(233, 247, 251); display: block; border-radius: 4px; color: rgb(67, 87, 110); padding: 5px 10px; margin-bottom: 10px; transition: background-color 0.25s ease 0s; } .btn-page-anchor:hover, .btn-page-anchor:focus { background-color: rgb(190, 231, 243); } .btn-top-anchor { display: inline-block; position: relative; padding-right: 20px; } .btn-top-anchor::after { position: absolute; right: 5px; content: " ���"; color: rgb(235, 20, 9); font-weight: bold; font-family: verdana, sans-serif; } .btn-awareness-anchor { padding: 5px 0px; } .btn-awareness-anchor .date { font-weight: bold; font-size: 0.9411em; text-transform: uppercase; text-align: right; } .btn-sm { padding: 7px 30px 5px 10px; font-size: 0.8235em; line-height: 1em; } .btn-positive-spin { transition: border-color 0.25s ease 0s; border: 1px solid rgb(204, 204, 204); font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 1em; padding: 10px 45px 10px 10px; width: 95px; height: 40px; position: relative; overflow: hidden; } .btn-positive-spin #know-status-fill { transform-origin: 50% 50%; transform: scale(0.75); transition: transform 0.25s ease 0s; } .btn-positive-spin:hover, .btn-positive-spin:focus { border-color: rgb(4, 156, 201); } .btn-positive-spin:hover #know-status-fill, .btn-positive-spin:focus #know-status-fill { transform: scale(1); } .btn-positive-spin svg { position: absolute; top: -7px; right: -15px; } @media only screen and (max-width: 850px) { .btn-positive-spin { padding: 10px 40px 10px 0px; width: 40px; height: 35px; } .btn-positive-spin svg { top: -10px; } .btn-positive-spin span { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } } @media only screen and (min-width: 768px) { #digital-banner-buttons .btn, #digital-banner-buttons .facet .item-list .facetapi-limit-link, .facet .item-list #digital-banner-buttons .facetapi-limit-link, #digital-banner-buttons .views-exposed-form #edit-submit-search-page, .views-exposed-form #digital-banner-buttons #edit-submit-search-page { white-space: nowrap; padding-right: 15px; margin-top: 7.5px; margin-bottom: 7.5px; font-size: 0.7235em; } #digital-banner-buttons > .grid-parent > div:first-child > .btn, .facet .item-list #digital-banner-buttons > .grid-parent > div:first-child > .facetapi-limit-link, .views-exposed-form #digital-banner-buttons > .grid-parent > div:first-child > #edit-submit-search-page { margin-right: 15px; } } @media only screen and (min-width: 1024px) { #digital-banner-buttons .btn, #digital-banner-buttons .facet .item-list .facetapi-limit-link, .facet .item-list #digital-banner-buttons .facetapi-limit-link, #digital-banner-buttons .views-exposed-form #edit-submit-search-page, .views-exposed-form #digital-banner-buttons #edit-submit-search-page { text-align: left; padding-left: 2.35em; padding-right: 30px; font-size: 0.8235em; } #digital-banner-buttons .btn > .icon, #digital-banner-buttons .facet .item-list .facetapi-limit-link > .icon, .facet .item-list #digital-banner-buttons .facetapi-limit-link > .icon, #digital-banner-buttons .views-exposed-form #edit-submit-search-page > .icon, .views-exposed-form #digital-banner-buttons #edit-submit-search-page > .icon { display: inline-block; } #digital-banner-buttons > .grid-parent > div:first-child > .btn, .facet .item-list #digital-banner-buttons > .grid-parent > div:first-child > .facetapi-limit-link, .views-exposed-form #digital-banner-buttons > .grid-parent > div:first-child > #edit-submit-search-page { margin-right: 15px; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs { border-bottom: 10px solid rgb(27, 99, 178); display: flex; width: 100%; margin: 0px; } .nav-tabs a { text-align: center; vertical-align: bottom; background-color: rgb(255, 255, 255); border-width: 2px 2px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(215, 215, 215); border-right-color: rgb(215, 215, 215); border-left-color: rgb(215, 215, 215); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; flex-grow: 1; transition: color 0.25s ease 0s, background-color 0.25s ease 0s; line-height: 1.1em; padding: 6px 20px; } .nav-tabs a:hover, .nav-tabs a:focus { background-color: rgb(215, 215, 215); } .nav-tabs a.active { border-color: rgb(27, 99, 178); background-color: rgb(27, 99, 178); color: rgb(255, 255, 255); } .nav-tabs a + a { border-left: 0px; } @media only screen and (max-width: 768px) { .nav-tabs-wrapper { overflow: auto; width: 100%; position: relative; } .nav-tabs { display: table; } .nav-tabs a { padding: 7px 14px; min-width: 150px; display: table-cell; } } .item-list { display: table; table-layout: fixed; border-collapse: collapse; margin: 0px auto; width: auto; } .item-list .pager { display: table-row; } .item-list .pager li { border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255); display: table-cell; text-align: center; vertical-align: middle; min-width: 42px; color: rgb(0, 0, 0); margin: 0px; padding: 0px; transition: all 0.3s ease 0s; } .item-list .pager li.pager-current, .item-list .pager li:hover { background: rgb(38, 193, 232); } .item-list .pager li a { display: block; line-height: 1em; color: rgb(0, 0, 0); padding: 0.5em; width: 100%; border-bottom: none; box-shadow: none; } .pager-count { text-align: center; } @media only screen and (min-width: 481px) { .item-list .pager li.pager-item, .item-list .pager li.pager-current { display: table-cell; } .pager-count { display: none; } } .pagination { list-style: none; font-size: 0.8235em; margin: 0px; padding: 0px; } .pagination li { display: inline; margin: 0px; float: left; } .pagination li > a, .pagination li > span { display: block; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; border-right: none; padding: 6px 12px; line-height: 1em; transition: background-color 0.25s ease 0s, color 0.25s ease 0s, border-color 0.25s ease 0s; } .pagination li > a:hover, .pagination li > a:focus, .pagination li > span:hover, .pagination li > span:focus { background-color: rgb(233, 247, 251); } .pagination li.active > a, .pagination li.active > span { background-color: rgb(38, 193, 232); } .pagination li:first-child > a, .pagination li:first-child > span { border-radius: 2px 0px 0px 2px; } .pagination li:last-child > a, .pagination li:last-child > span { border-radius: 0px 2px 2px 0px; border-right: 1px solid rgb(204, 204, 204); } .label { text-decoration: none; border: none; border-radius: 2px; background-color: transparent; line-height: 1.4em; display: inline-block; padding: 3px 6px; text-transform: uppercase; font-weight: bold; white-space: nowrap; } .label .icon { width: 1em; height: 1em; vertical-align: middle; margin-right: 5px; overflow: visible; } .label-link-action { font-weight: normal; font-size: 0.8235em; background-color: rgb(235, 235, 235); color: rgb(67, 87, 110); text-align: center; min-width: 65px; display: inline-block; margin-right: 5px; } td .label { margin-top: 0.5em; } .breadcrumbs { transform-origin: center center; transition: -webkit-transform 0.5s ease 0s; will-change: transform; position: absolute; left: 0px; right: auto; z-index: 0; background: rgba(0, 0, 0, 0.7); width: 100%; min-height: 25px; padding: 0px; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 0.8235em; } .breadcrumbs.move { transform: translate3d(0px, -30px, 0px); } .breadcrumbs .current-page { color: rgb(226, 227, 223); text-transform: none; } .breadcrumbs .notice { text-transform: none; margin: 0px; } .breadcrumbs .notice strong { text-transform: uppercase; } .breadcrumbs .divider { margin: 0px 10px; } .breadcrumbs a { color: rgb(255, 255, 255); text-decoration: none; border-bottom: 3px solid transparent; transition: border-color 0.25s ease 0s; } .breadcrumbs a:hover, .breadcrumbs a:focus { border-color: rgb(38, 193, 232); } .breadcrumbs a::before { background: rgb(255, 255, 255); } .breadcrumbs a.current-page { color: rgb(226, 227, 223); text-transform: none; } .breadcrumbs > .grid-container { position: relative; white-space: nowrap; } .breadcrumbs > .grid-container > .grid-100, .breadcrumbs > .grid-container .notice { position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (min-width: 769px) { .breadcrumbs { font-size: 0.9411em; padding: 10px 0px 2px; min-height: 45px; } } .search-expander { position: absolute; right: 57px; top: 30%; margin-top: -10px; height: 35px; width: 0%; min-width: 35px; overflow: hidden; z-index: 10; transform: translate3d(0px, 0px, 0px); transition: width 0.3s ease 0s; } .search-expander .search-expander-input { position: absolute; top: 0px; left: 0px; font-size: 1em; height: 35px; width: 100%; border-image: initial; padding: 5px 40px 5px 5px; margin: 0px; background: rgb(255, 255, 255); border-style: solid; border-color: rgb(204, 204, 204); border-width: 1px 0px 1px 1px; appearance: none; border-radius: 0px; font-family: Merriweather; font-style: italic; } .search-expander input[type="submit"], .search-expander input[type="button"] { position: absolute; display: block; background: transparent; border: none; padding: 0px; outline: none; cursor: pointer; font-size: 1.25em !important; height: 1em !important; width: 1em !important; } .search-expander .search-expander-submit { position: absolute; top: 0px; right: 0px; height: 35px; width: 35px; font-size: 23px; padding: 4px 0px; margin: 0px; background: rgb(255, 255, 255); color: rgb(34, 155, 210); text-align: center; appearance: none; border-radius: 2px; border: 1px solid rgb(204, 204, 204); cursor: pointer; transform: translate3d(0px, 0px, 0px); } .search-expander .search-expander-submit span { font-size: 0.7235em; font-weight: bold; text-transform: uppercase; line-height: 1em; color: rgb(44, 44, 44); display: none; } .search-expander .search-expander-submit:hover, .search-expander .search-expander-submit:focus { border-color: rgb(4, 156, 201); } .search-expander.open .search-expander-submit { background: rgb(34, 155, 210); border: 1px solid rgb(34, 155, 210); } .search-expander.open .search-expander-submit span { color: rgb(255, 255, 255); } .search-expander.open .icon-search { color: rgb(255, 255, 255); } @media only screen and (min-width: 850px) { .search-expander { height: 40px; right: 125px; min-width: 60px; } .search-expander .search-expander-input { height: 40px; padding: 10px 70px 10px 10px; } .search-expander .search-expander-submit { height: 40px; width: 60px; font-size: 14px; padding: 4px 0px 0px; } .search-expander .search-expander-submit span { display: block; } } @media only screen and (min-width: 769px) { .search-expander { margin-top: 12px; } } .icon-topic { vertical-align: middle; } .topic-fill { fill: rgb(36, 172, 220); } .topic-set-header { font-size: 0.9411em; margin-bottom: 5px; font-weight: 700; } .inline-header .topic-set-header { margin-right: 5px; } .inline-header .topic-set-header, .inline-header .list-topics { display: inline-block; } .list-topics { margin: 0px; } .list-topics li { position: relative; } .page-header .topic-set { font-size: 0.9411em; } .card .topic-set, .carousel .topic-set { font-size: 0.8235em; } .infographic-wrapper { text-align: center; float: left; margin: 0px 15px 15px 0px; width: 50%; } .infographic-wrapper img { box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 5px; width: 100%; height: auto; } .infographic-wrapper.pull-right { float: right; margin: 0px 0px 15px 15px; } @media only screen and (max-width: 768px) { .infographic-wrapper.pull-right, .infographic-wrapper.pull-left, .infographic-wrapper { float: none; width: calc(100% - 30px); margin: 0px auto 15px; } } img.responsive, .content-body img { max-width: 100%; height: auto; } figure { margin: 15px 0px 20px; } figure.hero { margin-top: 0px; } figure img { width: 100%; height: auto; vertical-align: middle; } figure.fixed-width img { width: auto; display: block; max-width: 100%; margin: 0px auto; } .figure-staff { display: flex; align-items: flex-end; } .figure-staff img { max-width: 100px; border-bottom: 3px solid rgb(38, 193, 232); } .figure-staff figcaption { margin-left: 15px; padding-bottom: 15px; flex-grow: 1; border-bottom: 3px solid rgb(235, 235, 235); } .figure-staff .full-name { font-size: 1.1176em; margin-bottom: 0px; } .figure-staff .full-name small { display: block; } .figure-staff .title { font-size: 0.9411em; font-weight: normal; font-family: "Source Sans Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom: 0px; } a.exit-disclaimer { border-bottom: none; box-shadow: none; } a.exit-disclaimer .icon-external { width: 0.6em; height: 0.6em; } a.exit-disclaimer:hover, a.exit-disclaimer:focus { background: none; } .article-figure figcaption { background-color: rgb(242, 242, 242); border-left: 5px solid rgb(38, 193, 232); padding-left: 10px; margin: 0px; font-size: 0.9411em; line-height: 1.4em; } .article-figure figcaption p { padding: 10px 0px; margin: 0px; } .article-figure figcaption img { width: auto; } .featured-video { position: relative; } .featured-video figure { margin-bottom: 0px; } .featured-video figcaption { padding-right: 40px; } .audioplayer-wrapper { float: none; padding: 15px; border-width: 5px 1px 1px; border-style: solid; border-color: rgb(38, 193, 232) rgb(235, 235, 235) rgb(235, 235, 235); border-image: initial; box-shadow: rgba(0, 0, 0, 0.02) 3px 3px 5px; margin-top: 15px; margin-bottom: 15px; position: relative; } .audioplayer-wrapper.left { float: left; margin-right: 15px; } .audioplayer-wrapper.right { float: right; margin-left: 15px; } .audioplayer-wrapper.full { width: 100%; } .audioplayer-wrapper.full > * { width: 100%; } .video-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0px; overflow: hidden; } .video-wrapper iframe, .video-wrapper object, .video-wrapper embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .video-thumbnail { position: relative; } .video-thumbnail .play { background-color: rgb(235, 20, 9); color: rgb(255, 255, 255); position: absolute; bottom: 0px; left: 0px; padding: 3px 10px 3px 20px; transition: width 0.25s ease 0s; width: 0px; overflow: hidden; text-indent: 10px; } .video-thumbnail .play::before { width: 0px; height: 0px; content: ""; display: block; position: absolute; left: 10px; top: 50%; margin-top: -8px; border-width: 8px 8px 8px 12px; border-style: solid; border-color: transparent transparent transparent rgb(255, 255, 255); border-image: initial; } .video-title { line-height: 1.4em; padding-top: 10px; } .video-link:hover .play, .video-link:focus .play { width: 80px; } .video-link:hover figcaption, .video-link:focus figcaption { text-decoration: underline; } .hcard .photo { display: block; max-width: 140px; margin: 0px auto; border-radius: 50%; } .hcard .fn:hover, .hcard .fn:focus { text-decoration: underline; } .hcard .note { font-size: 0.9411em; line-height: 1.4em; } .facebook-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0px; } .facebook-responsive iframe { left: 0px; top: 0px; height: 100%; width: 100%; position: absolute; } @media only screen and (min-width: 481px) { .inline-figure { max-width: 40%; float: left; margin: 0px 30px 15px 0px; } .inline-figure.left { float: left; margin: 0px 30px 15px 0px; } .inline-figure.right { float: right; margin: 0px 0px 30px 15px; } } @media only screen and (max-width: 768px) { figure.figure-staff img { max-width: 75px; } figure.figure-staff .full-name { font-size: 1em; } figure.figure-staff .title { font-size: 0.8235em; } } .card, .carousel { border: 1px solid rgb(235, 235, 235); box-shadow: rgba(0, 0, 0, 0.02) 3px 3px 5px; margin-bottom: 15px; position: relative; } .card.tweet .time, .tweet.carousel .time { font-size: 0.9411em; line-height: 1em; vertical-align: top; } .card.tweet .time .icon-twitter, .tweet.carousel .time .icon-twitter { fill: rgb(100, 169, 223); } .card.tweet .profile-image, .tweet.carousel .profile-image { float: left; margin-right: 10px; } .card.tweet .message a, .tweet.carousel .message a { white-space: pre; overflow-wrap: break-word; } .card.tweet .web-intents, .tweet.carousel .web-intents { text-align: right; } .card.tweet .web-intents a, .tweet.carousel .web-intents a { margin-left: 1em; } .card.tweet .web-intents a .icon, .tweet.carousel .web-intents a .icon { transition: fill 0.35s ease 0s, transform 0.35s ease 0s; fill: rgb(170, 184, 194); } .card.tweet .web-intents a:hover .icon, .tweet.carousel .web-intents a:hover .icon, .card.tweet .web-intents a:focus .icon, .tweet.carousel .web-intents a:focus .icon { transform: scale(1.3); } .card.tweet .web-intents a.reply:hover .icon, .tweet.carousel .web-intents a.reply:hover .icon, .card.tweet .web-intents a.reply:focus .icon, .tweet.carousel .web-intents a.reply:focus .icon { fill: rgb(0, 153, 185); } .card.tweet .web-intents a.retweet:hover .icon, .tweet.carousel .web-intents a.retweet:hover .icon, .card.tweet .web-intents a.retweet:focus .icon, .tweet.carousel .web-intents a.retweet:focus .icon { fill: rgb(92, 145, 59); } .card.tweet .web-intents a.favorite:hover .icon, .tweet.carousel .web-intents a.favorite:hover .icon, .card.tweet .web-intents a.favorite:focus .icon, .tweet.carousel .web-intents a.favorite:focus .icon { fill: rgb(221, 46, 68); } .card.tweet img.attachment, .tweet.carousel img.attachment { width: 100%; height: auto; } .card.blurb .card-figure, .blurb.carousel .card-figure { position: absolute; top: 15px; left: 15px; margin: 0px; padding: 0px; } .card.blurb .card-figure > a, .blurb.carousel .card-figure > a { display: inline-block; } .card.blurb .card-figure svg, .blurb.carousel .card-figure svg { font-size: 64px; } .card.blurb .card-figure::after, .blurb.carousel .card-figure::after { content: none; } .card.blurb .icon, .blurb.carousel .icon { fill: rgb(38, 193, 232); } .card.blurb .card-body, .blurb.carousel .card-body, .card.blurb .card-header, .blurb.carousel .card-header { margin-left: 94px; } .card.blurb .card-header, .blurb.carousel .card-header { margin-bottom: 0px; } .card-figure { margin: 0px; min-height: 60px; } .card-figure > img:first-child { position: relative; z-index: 1; width: 100%; max-width: 100%; height: auto; vertical-align: middle; } .card-figure > a { display: block; overflow: hidden; box-shadow: none; text-decoration: none; } .card-figure > a:hover, .card-figure > a:focus { border-bottom: none; box-shadow: none; background-color: rgb(255, 255, 255); } .card-header .date { font-style: italic; color: rgb(101, 101, 101); margin-right: 0.5em; font-size: 0.9411em; } .card-header a { text-decoration: none; border-bottom: none; box-shadow: none; } .card-header a:hover, .card-header a:focus { background-color: rgb(255, 255, 255); } .card-header { z-index: 2; } .card-header, .card-body, .card-footer { position: relative; margin: 15px; background-color: rgb(255, 255, 255); } .card .byline, .carousel .byline { margin-bottom: 0px; font-size: 0.9411em; line-height: 1.4em; } .card-header + .card-body, .card-body + .card-footer { margin-top: 0px; } .card-body { font-size: 0.9411em; line-height: 1.4em; } .card-body img { max-width: 100%; } .card-body .date { font-style: italic; color: rgb(101, 101, 101); margin-right: 0.5em; font-size: 0.9411em; } .card-body a { overflow-wrap: break-word; } .card-title { margin: 0px; padding: 0px; line-height: 1.4em; text-decoration: none; } .card-title a { color: rgb(8, 107, 146); } .card-title a:hover, .card-title a:focus { text-decoration: underline; } .card-deck-footer { border-top: 1px solid rgb(235, 235, 235); padding: 15px 0px 30px; border-spacing: 0px; } .card-deck-footer::before, .card-deck-footer::after { content: " "; display: table; } .card-deck-footer::after { clear: both; } .card-highlight { border: none; box-shadow: none; } .card-highlight .card-header, .card-highlight .card-body { background-color: rgb(233, 247, 251); margin: 0px; padding: 15px; } .card-highlight .card-header { padding-bottom: 0px; } .card-highlight .card-footer { margin: 15px 0px; } .card-facebook { box-shadow: none; } .card-facebook .card-footer { color: rgb(255, 255, 255); background-color: rgb(70, 97, 172); font-size: 0.9411em; line-height: 1.4em; padding: 5px 10px; } .card-facebook .share { color: rgb(255, 255, 255); transition: all 0.25s ease 0s; } .card-facebook .share:hover, .card-facebook .share:focus { color: rgb(38, 193, 232); } .card-campaign .card-content { background-color: rgb(255, 255, 255); padding: 0px 15px; } .card-awareness-day { display: block; margin: 15px; width: calc(25% - 30px); background-repeat: no-repeat; background-size: 100%; transition: box-shadow 0.25s ease 0s; } .card-awareness-day a { border: none; box-shadow: none; margin: 0px; padding: 0px; } .card-awareness-day .card-logo { position: relative; z-index: 2; top: auto; left: auto; float: none; padding: 0px; margin: -50px 0px 0px 15px; width: 26%; } .card-awareness-day .card-header { margin: 0px 15px 15px; } .card-awareness-day .card-title { font-size: 1.3529em; } .card-awareness-day .card-title small { display: block; font-family: "Source Sans Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; color: rgb(14, 77, 99); } .card-awareness-day .card-figure { position: relative; overflow: hidden; } .card-awareness-day .card-figure > img:first-child { width: 100%; max-width: 100%; vertical-align: middle; } .card-awareness-day .card-figure::after { content: ""; position: absolute; top: 77%; left: 0%; height: 200px; width: 100%; z-index: 1; background: rgb(255, 255, 255); transform: skew(0deg, 10deg); } .card-awareness-day:hover, .card-awareness-day:focus { box-shadow: rgba(0, 0, 0, 0.05) 4px 4px 5px; } .card-awareness-day:hover .card-title, .card-awareness-day:focus .card-title { text-decoration: underline; } .card-deck-awareness-day { padding-bottom: 15px; } @media only screen and (max-width: 768px) { .card-awareness-day { width: calc(50% - 30px); } } @media only screen and (max-width: 480px) { .card-awareness-day { width: calc(100% - 30px); margin: 15px 30px; } } #awareness-national-black { background-image: url("/sites/all/themes/hiv/assets/images/bg-awareness-national-black.jpg"); } #awareness-national-women-girls { background-image: url("/sites/all/themes/hiv/assets/images/bg-awareness-national-women-girls.jpg"); } #awareness-national-native { background-image: url("/sites/all/themes/hiv/assets/images/bg-awareness-national-native.jpg"); } #awareness-youth { background-image: url("/sites/all/themes/hiv/assets/images/bg-awareness-youth.jpg"); } #awareness-transgender { background-image: url("/sites/all/themes/hiv/assets/images/bg-awareness-transgender.jpg"); } #awareness-hiv-vaccine { background-image: url("/sites/all/themes/hiv/assets/images/bg-awareness-hiv-vaccine.jpg"); } #awareness-national-asian-pacific { background-image: url("/sites/all/themes/hiv/assets/images/bg-awareness-national-asian-pacific.jpg"); } #awareness-hepatitis { background-image: url("/sites/all/themes/hiv/assets/images/bg-awareness-hepatitis.jpg"); } #awareness-caribbean-american { background-image: url("/sites/all/themes/hiv/assets/images/bg-awareness-caribbean-american.jpg"); } #awareness-national-hiv-testing { background-image: url("/sites/all/themes/hiv/assets/images/bg-awareness-national-hiv-testing.jpg"); } #awareness-national-hiv-aging { background-image: url("/sites/all/themes/hiv/assets/images/bg-awareness-national-hiv-aging.jpg"); } #awareness-national-gay-men { background-image: url("/sites/all/themes/hiv/assets/images/bg-awareness-national-gay-men.jpg"); } #awareness-national-latino { background-image: url("/sites/all/themes/hiv/assets/images/bg-awareness-national-latino.jpg"); } #awareness-world-aids { background-image: url("/sites/all/themes/hiv/assets/images/bg-awareness-world-aids.jpg"); } #awareness-hiv-long-term-survivors-day { background-image: url("/sites/all/themes/hiv/assets/images/bg-awareness-national-long-term.jpg"); } .card-deck-flex { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: -15px; } @media only screen and (max-width: 480px) { .card-deck .card .card-figure, .card-deck .carousel .card-figure { position: relative; z-index: 3; overflow: visible; margin-bottom: 10px; } .card-deck .card .card-figure .social-share, .card-deck .carousel .card-figure .social-share { position: absolute; top: 100%; left: 100%; margin-left: -45px; width: 145px; margin-top: -10px; } .card-deck .card .card-figure .social-share-header, .card-deck .carousel .card-figure .social-share-header { display: none; } .card.blurb .card-figure, .blurb.carousel .card-figure { position: absolute; } } @media only screen and (min-width: 481px) { .card-figure { position: relative; } .card-figure .social-share { float: none; position: absolute; bottom: 0px; right: 0px; width: 145px; background-color: rgba(255, 255, 255, 0.9); height: 40px; } .card-figure .social-share .social-dropdown { background-color: transparent; } .card-figure .social-share-header { padding-top: 5px; } .card-figure .resource-icon { float: none; position: absolute; bottom: 0px; background-color: rgba(255, 255, 255, 0.9); height: 60px; } .card-figure .resource-icon .resource-read, .card-figure .resource-icon .resource-watch, .card-figure .resource-icon .resource-download { width: 60px; height: 40px; margin-top: 10px; } .card-figure .resource-icon .resource-read { background: url("/sites/default/files/images/icons/read-watch-download-icons.svg") 0px 0px / 60px 120px; } .card-figure .resource-icon .resource-watch { background: url("/sites/default/files/images/icons/read-watch-download-icons.svg") 0px -40px / 60px 120px; } .card-figure .resource-icon .resource-download { background: url("/sites/default/files/images/icons/read-watch-download-icons.svg") 0px -80px / 60px 120px; } .card.blurb .card-header, .blurb.carousel .card-header { padding: 0px; } .card-title a { color: rgb(44, 44, 44); } } @media only screen and (min-width: 769px) { .card-campaign { height: 478px; overflow: hidden; } .card-campaign .card-content { position: absolute; top: 0px; bottom: 0px; right: 0px; width: 390px; } .card-campaign .card-figure { margin: 0px 390px 0px 0px; position: relative; overflow: hidden; height: 478px; } .card-campaign .card-figure img { width: 690px; height: 478px; position: absolute; left: 50%; margin-left: -345px; } .card-campaign:nth-child(2n) .card-content { right: auto; left: 0px; } .card-campaign:nth-child(2n) .card-figure { margin: 0px 0px 0px 390px; } } @media only screen and (min-width: 1025px) { .card-deck { display: table; border-collapse: separate; border-spacing: 15px; margin-top: -10px; margin-left: -15px; margin-right: -15px; } .card-deck .card, .card-deck .carousel { display: table-cell; width: 33.3333%; vertical-align: top; } .card-deck.count-1 > .card, .card-deck.count-1 > .carousel { width: 100%; } .card-deck.count-2 > .card, .card-deck.count-2 > .carousel { width: 50%; } .card-deck.count-3 > .card, .card-deck.count-3 > .carousel { width: 33.3333%; } .card-deck.count-4 > .card, .card-deck.count-4 > .carousel { width: 25%; } .card-deck.count-5 > .card, .card-deck.count-5 > .carousel { width: 20%; } .card-featured .card-header, .card-featured .card-body, .card-featured .card-footer { margin-left: 30px; margin-right: 30px; padding: 15px 15px 0px; } .card-featured .card-header + .card-body, .card-featured .card-body + .card-footer { padding-top: 0px; } .card-featured .card-figure { min-height: 150px; } .card-featured .card-header { margin-top: -60px; margin-bottom: 0px; padding-bottom: 15px; } .card-featured .social-share { bottom: 60px; right: 30px; } .first-card-hero .card, .first-card-hero .carousel, .last-card-hero .card, .last-card-hero .carousel { width: 33%; } .first-card-hero .card-hero, .last-card-hero .card-hero { width: 66%; } .first-card-featured .card, .first-card-featured .carousel, .last-card-featured .card, .last-card-featured .carousel { width: 25%; } .first-card-featured .card-featured, .last-card-featured .card-featured { width: 50%; } .card .topic-set, .carousel .topic-set { margin-bottom: 15px; } } .card-vertical { box-shadow: none; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(235, 235, 235); padding-left: 15px; padding-right: 15px; } @media only screen and (max-width: 1024px) { .card-deck .card, .card-deck .carousel { margin: 15px 0px; } .card-deck .card::before, .card-deck .carousel::before, .card-deck .card::after, .card-deck .carousel::after { content: " "; display: table; } .card-deck .card::after, .card-deck .carousel::after { clear: both; } .card-deck .card .card-figure, .card-deck .carousel .card-figure { float: left; width: 200px; margin: 15px; } .card-deck .card figure, .card-deck .carousel figure { margin-top: 0px; } .card-deck .card.card-featured .card-header, .card-deck .card-featured.carousel .card-header { margin-top: 15px; } .card-deck .card.card-featured .card-header, .card-deck .card-featured.carousel .card-header, .card-deck .card.card-featured .card-body, .card-deck .card-featured.carousel .card-body, .card-deck .card .card-header, .card-deck .carousel .card-header, .card-deck .card .card-body, .card-deck .carousel .card-body, .card-deck .card .card-footer, .card-deck .carousel .card-footer { margin-left: 230px; margin-right: 40px; } .card-deck .card .card-footer::before, .card-deck .carousel .card-footer::before, .card-deck .card .card-footer::after, .card-deck .carousel .card-footer::after { content: " "; display: table; } .card-deck .card .card-footer::after, .card-deck .carousel .card-footer::after { clear: both; } .card-deck .card .topic-set, .card-deck .carousel .topic-set { float: left; } .card-deck .card .social-share, .card-deck .carousel .social-share { float: right; min-width: 145px; } .card-deck .card-highlight .card-header, .card-deck .card-highlight .card-body, .card-deck .card-highlight .card-footer { margin-left: 0px; margin-right: 0px; } .card-deck .card-highlight .card-header { padding-bottom: 0px; } .card.blurb .card-figure, .blurb.carousel .card-figure { left: 15px; top: 15px; width: auto; margin: 0px; } .card.blurb .card-body, .blurb.carousel .card-body, .card.blurb .card-header, .blurb.carousel .card-header { margin-left: 94px; } } @media only screen and (min-width: 640px) { .card-vertical { margin: 15px 0px; } .card-vertical::before, .card-vertical::after { content: " "; display: table; } .card-vertical::after { clear: both; } .card-vertical .card-figure { float: left; width: 200px; } .card-vertical figure { margin-top: 0px; } .card-vertical.card-featured .card-header { margin-top: 0px; } .card-vertical.card-featured .card-header, .card-vertical.card-featured .card-body, .card-vertical .card-header, .card-vertical .card-body, .card-vertical .card-footer { margin-left: 215px; margin-right: 40px; } .card-vertical .topic-set-header, .card-vertical .list-topics { display: inline; } } @media only screen and (max-width: 768px) { .card-deck { } .card-deck .card, .card-deck .carousel, .card-deck .card.card-featured, .card-deck .card-featured.carousel { border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 1px solid rgb(235, 235, 235); box-shadow: none; margin-bottom: 0px; } .card-deck .card .card-figure, .card-deck .carousel .card-figure, .card-deck .card.card-featured .card-figure, .card-deck .card-featured.carousel .card-figure { width: 35%; margin: 0px; padding: 10px; } .card-deck .card .card-header, .card-deck .carousel .card-header, .card-deck .card.card-featured .card-header, .card-deck .card-featured.carousel .card-header { float: left; margin: 0px; width: 65%; padding: 10px; } .card-deck .card .card-body, .card-deck .carousel .card-body, .card-deck .card .card-footer, .card-deck .carousel .card-footer, .card-deck .card.card-featured .card-body, .card-deck .card-featured.carousel .card-body, .card-deck .card.card-featured .card-footer, .card-deck .card-featured.carousel .card-footer { clear: both; margin-left: 10px; margin-right: 10px; } .card-deck .card + .card, .card-deck .carousel + .card, .card-deck .card + .carousel, .card-deck .carousel + .carousel { margin-top: 0px; padding-top: 10px; } .card-deck .card.blurb + .card.blurb, .card-deck .blurb.carousel + .card.blurb, .card-deck .card.blurb + .blurb.carousel, .card-deck .blurb.carousel + .blurb.carousel { padding-top: 0px; } .card-deck .card-highlight .card-header, .card-deck .card-highlight .card-body { float: none; margin: 0px; width: auto; padding: 10px; } .card-deck .card-highlight .card-header { padding-bottom: 0px; } .card-deck .card-highlight .card-footer { margin: 10px 0px; } .card-title { font-size: 0.9411em; } .card-header, .card-body, .card-footer { margin-left: 10px; margin-right: 10px; } .body .card.card-vertical .card-figure, .body .card-vertical.carousel .card-figure { display: none; } .body .card.card-vertical .card-header, .body .card-vertical.carousel .card-header, .body .card.card-vertical .card-body, .body .card-vertical.carousel .card-body, .body .card.card-vertical .card-footer, .body .card-vertical.carousel .card-footer { margin-left: 10px; margin-right: 10px; } .card.blurb .card-figure, .blurb.carousel .card-figure { width: auto; left: 0px; padding: 0px; } .card.blurb .card-header, .blurb.carousel .card-header { padding-left: 0px; padding-bottom: 0px; } .card.blurb .card-header, .blurb.carousel .card-header, .card.blurb .card-body, .blurb.carousel .card-body { margin-left: 79px; margin-right: 0px; } } .carousel { margin-bottom: 30px; } .carousel > nav { width: 100%; height: 0px; padding-bottom: 56.4%; position: absolute; } .carousel .list-block-links { margin: 0px; font-size: 0.9411em; } .carousel-figure { position: relative; margin: 0px; } .nav-carousel { width: 17%; background-color: rgba(0, 0, 0, 0.6); position: absolute; right: 0px; top: 0px; bottom: 0px; margin: 0px; padding: 5px; z-index: 2; } .nav-carousel .slide-select { border: 5px solid transparent; display: block; width: 100%; transition: border-color 0.5s ease 0s; } .nav-carousel .slide-select:hover, .nav-carousel .slide-select:active, .nav-carousel .slide-select:focus { border: 5px solid rgb(233, 247, 251); } .nav-carousel .slide-select.current { border: 5px solid rgb(38, 193, 232); } .nav-carousel img { vertical-align: middle; width: 100%; height: auto; } .carousel-slide { display: none; } .carousel-slide:first-child { display: block; } .carousel-slide-body, .carousel-slide-footer, .carousel-slide-header { position: relative; padding: 15px 15px 5px; background-color: rgb(255, 255, 255); } .carousel-slide-body a, .carousel-slide-footer a, .carousel-slide-header a { overflow-wrap: break-word; } .carousel-slide-title { margin: 0px; padding: 0px; font-size: 1.3529em; } .carousel-slide-header + .carousel-slide-body, .carousel-slide-body + .carousel-slide-footer { padding-top: 0px; } .smaif-support { position: absolute; right: 15px; bottom: 0px; text-align: right; font-size: 0.7235em; z-index: 10; vertical-align: top; } .smaif-support svg { font-size: 16px; color: rgb(225, 31, 38); vertical-align: bottom; margin-bottom: 7px; } .modal-wrap { background: rgba(0, 0, 0, 0.7); height: 100%; left: 0px; opacity: 0; overflow: auto; position: fixed; top: 0px; visibility: hidden; width: 100%; z-index: 6666; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; transition: all 0.3s ease-in-out 0s; } .modal-wrap.visible { opacity: 1; visibility: visible; } .modal-wrap .modal-container { position: fixed; left: 0px; max-width: 600px; top: 20vh; z-index: 6667; padding: 40px 20px; overflow: auto; background: url("/sites/default/files/images/background-EHE.png") 0% 0% / 100% 100% no-repeat; } .modal-wrap .modal-container img { margin-bottom: -4px; } .modal-wrap .modal-container .modal-text { margin: 0px auto; position: relative; background: white; box-shadow: gray 0px 0px 10px; padding: 20px; text-align: center; } @media only screen and (min-width: 480px) { .modal-wrap .modal-container { left: 5%; right: 5%; } } @media only screen and (min-width: 769px) { .modal-wrap .modal-container { margin: auto; padding: 60px 20px; } .modal-wrap .modal-container .modal-text { width: 80%; } } .modal-wrap .modal-container .modal-text .modal-header { margin-top: 0.6em; } .close-modal { float: right; color: rgb(255, 255, 255); border: 0px; cursor: pointer; position: absolute; right: 0px; background-color: rgb(0, 0, 0); opacity: 0.8; height: 50px; width: 50px; top: 0px; } .close-modal::after { content: "��"; font-size: 50px; color: rgb(255, 255, 255); line-height: 40px; text-align: center; } .close-modal:hover { opacity: 1; } .modal-wrap .modal-content p:last-child { margin-bottom: 0px; } .gallery { background-color: rgb(76, 76, 76); margin-bottom: 30px; overflow: hidden; padding: 5px; } .gallery .slides { margin: 0px; overflow: hidden; } .gallery-nav { display: flex; flex-flow: row wrap; margin: 5px 0px 0px; } .gallery-nav .slide-select { display: block; border: 3px solid rgb(76, 76, 76); transition: border-color 0.5s ease 0s; background: transparent; padding: 0px; width: 25%; } .gallery-nav .slide-select:hover, .gallery-nav .slide-select:focus { border-color: rgb(255, 255, 255); } .gallery-nav .slide-select.current { border-color: rgb(38, 193, 232); } .gallery-nav img { width: 100%; height: auto; float: left; } .gallery-image { display: none; } .gallery-image:first-child { display: block; } @media only screen and (min-width: 769px) { .gallery { display: flex; align-items: center; } .gallery .slides { width: 85%; } .gallery .gallery-nav { width: 21%; margin: 0px 0px 0px 5px; } .gallery.two-col-nav .slides { width: 85%; } .gallery.two-col-nav .gallery-nav { width: 42%; flex-flow: row wrap; } .gallery.two-col-nav .slide-select { width: 50%; } .gallery-nav { display: flex; flex-direction: column; } } .list-social { margin: 0px; } .social-share { position: relative; z-index: 2; } .social-share .exit-disclaimer { display: none; } .social-share a { box-shadow: none; } .social-share a:focus, .social-share a:hover { background-color: transparent; } .social-share .list-social li { float: left; margin-right: 15px; } .social-share .icon { font-size: 30px; } .social-share .dropdown-trigger { padding: 0px; margin: 0px 5px 0px 0px; } .social-share .social-dropdown { width: 40px; height: 40px; overflow: hidden; background-color: rgb(255, 255, 255); border-radius: 30px; border: 5px solid transparent; transition: width 0.25s ease 0s, height 0.25s ease 0s, border-color 0.25s ease 0s; } .dropdown-overlay { position: fixed; inset: 0px; z-index: 1; background-color: transparent; } .social-share-vertical .list-social li { margin-bottom: 10px; } .icon.icon-share { color: rgb(43, 171, 220); } .list-social .link-social-facebook { color: rgb(70, 97, 172); } .list-social .link-social-twitter { color: rgb(100, 169, 223); } .list-social .link-social-email { color: rgb(225, 31, 38); } .list-social a { position: relative; width: 30px; height: 30px; display: block; } .list-social a::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 2px solid currentcolor; border-radius: 50%; transform: scale(0.9); transition: all 0.25s ease 0s; } .list-social a svg { transition: all 0.25s ease 0s; } .list-social a:hover::after, .list-social a:focus::after { transform: scale(1); } .list-social a:hover svg, .list-social a:focus svg { transform: scale(0.75); } .social-share.social-share-horizontal { display: inline-block; } .social-share-vertical .social-dropdown.active { height: 163px; } .social-share-vertical .social-dropdown.active .social-share-header { color: transparent; } .social-share-horizontal .social-dropdown.active { width: 145px; } .social-share-horizontal .social-dropdown { position: absolute; left: 0px; top: 50%; margin-top: -20px; z-index: 4; } .social-share-horizontal .social-dropdown .list-social { width: 145px; } .social-share-horizontal .social-dropdown .dropdown-trigger, .social-share-horizontal .social-dropdown li { float: left; margin-right: 5px; } .page-header .list-social { margin: 0px; } .page-header.has-topic-set .social-share-page { top: auto; } .social-share-header { display: block; text-transform: uppercase; color: rgb(101, 101, 101); font-size: 0.8235em; transition: color 0.25s ease 0s; } .social-share.social-share-horizontal .social-share-header { margin-left: 45px; } .social-share.social-share-horizontal:hover .social-share-header, .social-share.social-share-vertical:hover .social-share-header, .social-share.active .social-share-header { color: transparent; } .social-share-page { margin-bottom: 15px; } .page-header.has-background-image .social-share-page { position: static; border-left: none; padding: 0px; margin: 15px 0px 0px; height: auto; } .social-share-video-wrapper { position: absolute; top: 15px; right: 15px; bottom: auto; width: 40px; padding-bottom: 56.25%; } .social-share-video-wrapper .social-share-video { position: absolute; top: calc(100% - 15px); right: 0px; width: 40px; } .social-share-video-wrapper .social-dropdown { position: absolute; right: 0px; bottom: -40px; } .content-section .social-share .social-dropdown { background-color: transparent; } @media only screen and (min-width: 481px) { .social-share-page { padding: 0px 0px 0px 30px; border-left: 1px solid rgb(178, 178, 178); margin-bottom: 0px; } .page-header.has-topic-set .social-share-page { margin-top: -1em; } .page-header .list-social { width: 175px; } .page-header .social-share-header { line-height: 1em; margin-bottom: 10px; } .page-header .social-share { position: absolute; right: 0px; top: 50%; margin-top: -28px; height: 55px; width: 190px; overflow: hidden; } } .form-table-filter { margin: 0px -15px; } fieldset { padding: 0px; margin: 0px; border: 0px; min-width: 0px; } legend { display: block; width: 100%; padding: 0px; margin-bottom: 15px; font-size: 17px; line-height: inherit; border: 0px; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } label.form-checkbox { display: block; position: relative; margin-bottom: 12px; min-height: 43px; cursor: pointer; } label.form-checkbox span:last-child { padding-left: 53px; } label.form-checkbox.horizontal { margin-top: calc(1.5em + 5px); } label.form-checkbox::first-line { line-height: 43px; } label.form-checkbox .checkbox { position: absolute; top: 0px; left: 0px; height: 43px; width: 43px; background-color: rgb(255, 255, 255); border: 5px solid rgb(233, 236, 240); } label.form-checkbox .checkbox::after { content: ""; position: absolute; display: none; left: 10px; top: 3px; width: 12px; height: 20px; border-style: solid; border-color: rgb(38, 193, 232); border-image: initial; border-width: 0px 3px 3px 0px; transform: rotate(45deg); } label.form-checkbox input { position: absolute; opacity: 0; } label.form-checkbox input:checked ~ .checkbox::after { display: block; } label.form-checkbox input:focus + .checkbox { border-color: rgb(38, 193, 232); } label.form-checkbox:hover input ~ .checkbox { border-color: rgb(38, 193, 232); } .form-group { margin-bottom: 15px; } .form-control, .views-exposed-form input[type="text"], .views-exposed-form select { color: rgb(112, 112, 112); font-style: italic; padding: 5px 10px; width: 100%; border: 5px solid rgb(233, 236, 240); border-radius: 0px; font-size: 1em; height: 43px; background-color: rgb(255, 255, 255); transition: all 0.25s ease-in-out 0s; } .form-control:focus, .views-exposed-form input[type="text"]:focus, .views-exposed-form select:focus { outline: 0px; color: rgb(44, 44, 44); border-color: rgb(38, 193, 232); } textarea.form-control { height: auto; } .search-header-form { margin-bottom: 0px; padding-top: 30px; } .search-header-form legend { margin-bottom: 0px; } .search-header-form .form-group { font-size: 1.647em; } .search-header-form input { font-size: 1em; } .has-input-action, .views-exposed-form .views-exposed-widget { position: relative; } .has-input-action .form-control, .views-exposed-form .views-exposed-widget .form-control, .has-input-action .views-exposed-form input[type="text"], .views-exposed-form .has-input-action input[type="text"], .views-exposed-form .views-exposed-widget input[type="text"], .has-input-action .views-exposed-form select, .views-exposed-form .has-input-action select, .views-exposed-form .views-exposed-widget select { padding-right: 2em; } .has-input-action .input-action, .views-exposed-form .views-exposed-widget .input-action { font-size: 1em; position: absolute; right: 5px; top: 8px; } .feedback-survey > ul { position: relative; padding: 0px; margin: 0px; list-style: none; } .feedback-survey > ul > li + li { display: none; } .feedback-survey > ul .anwser-set { padding: 0px; margin: 15px; } .feedback-survey > ul .anwser-set > li { display: block; } .feedback-survey > ul label.interactive { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; } .feedback-survey > ul label.interactive .checkbox { position: absolute; top: 0px; left: 0px; height: 25px; width: 25px; background-color: rgb(242, 242, 242); } .feedback-survey > ul label.interactive .checkbox::after { content: ""; position: absolute; display: none; left: 9px; top: 3px; width: 7px; height: 15px; border-style: solid; border-color: white; border-image: initial; border-width: 0px 3px 3px 0px; transform: rotate(45deg); } .feedback-survey > ul label.interactive .radio { position: absolute; top: 0px; left: 0px; height: 25px; width: 25px; background-color: rgb(242, 242, 242); border-radius: 50%; } .feedback-survey > ul label.interactive .radio::after { content: ""; position: absolute; display: none; top: 4px; left: 4px; width: 17px; height: 17px; border-radius: 50%; background: white; } .feedback-survey > ul label.interactive input { position: absolute; opacity: 0; } .feedback-survey > ul label.interactive input:checked ~ .radio { background-color: rgb(33, 150, 243); } .feedback-survey > ul label.interactive input:checked ~ .radio::after { display: block; } .feedback-survey > ul label.interactive input:checked ~ .checkbox { background-color: rgb(33, 150, 243); } .feedback-survey > ul label.interactive input:checked ~ .checkbox::after { display: block; } .feedback-survey > ul label.interactive:hover input ~ .checkbox, .feedback-survey > ul label.interactive:hover input ~ .radio { background-color: rgb(204, 204, 204); } .feedback-survey .omb { padding: 0px 15px; } .feedback-survey .validation { padding: 0px 15px; font-weight: bold; color: red; } table { border-collapse: collapse; border-spacing: 0px; background-color: rgb(255, 255, 255); } th { text-align: left; } .table { font-size: 0.9411em; width: 100%; } .table th, .table td { padding: 5px 10px; vertical-align: top; line-height: 1.4em; } .table thead th, .table thead td { background-color: rgb(27, 99, 178); color: rgb(255, 255, 255); font-weight: normal; text-align: left; line-height: 1.4em; border-left: 2px solid rgb(255, 255, 255); border-right: 2px solid rgb(255, 255, 255); } .table tbody > tr > td { border-bottom: 1px solid rgb(235, 235, 235); } .table tbody > tr:last-child td { border-bottom: none; } @media only screen and (max-width: 640px) { .table-responsive { display: block; } .table-responsive thead { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .table-responsive tbody > tr, .table-responsive tbody > tr > td { display: block; } .table-responsive tbody > tr > td { border-bottom: none; padding: 0px; } .table-responsive tbody > tr > td:last-child { border-bottom: 1px solid rgb(235, 235, 235); padding-bottom: 15px; margin-bottom: 15px; } .table-responsive tbody > tr:last-child td { border-bottom: none; } } .locator-slider { transition: opacity 0.25s ease 0s, -webkit-transform 0.35s ease 0s; position: fixed; bottom: -183px; left: 0px; right: auto; z-index: 1440; width: 100%; margin: 0px; padding: 0px; } .locator-slider .locator-slider-title { font-size: 1.1176em; } .locator-slider.slide-hide > li .btn.location, .locator-slider.slide-hide > li .facet .item-list .location.facetapi-limit-link, .facet .item-list .locator-slider.slide-hide > li .location.facetapi-limit-link, .locator-slider.slide-hide > li .views-exposed-form .location#edit-submit-search-page, .views-exposed-form .locator-slider.slide-hide > li .location#edit-submit-search-page { opacity: 0; transform: scale(0, 0); } .locator-slider > li { height: 37px; position: relative; list-style: none; margin: 0px; padding: 0px; display: block; } .locator-slider > li > div { position: relative; } .locator-slider > li input { font-family: Merriweather; font-size: 16px; background: rgb(255, 255, 255); width: 100%; padding: 1em 40px 1em 1em; border: none; } .locator-slider > li .btn, .locator-slider > li .facet .item-list .facetapi-limit-link, .facet .item-list .locator-slider > li .facetapi-limit-link, .locator-slider > li .views-exposed-form #edit-submit-search-page, .views-exposed-form .locator-slider > li #edit-submit-search-page { position: relative; } .locator-slider > li .btn.location, .locator-slider > li .facet .item-list .location.facetapi-limit-link, .facet .item-list .locator-slider > li .location.facetapi-limit-link, .locator-slider > li .views-exposed-form .location#edit-submit-search-page, .views-exposed-form .locator-slider > li .location#edit-submit-search-page { transition: all 0.3s ease 0s; position: absolute; bottom: 55px; right: 0px; margin-right: 0px; color: rgb(255, 255, 255); height: 48px; width: 100px; display: block; background: rgba(38, 193, 232, 0.8); border-radius: 24px 0px 0px 24px; padding: 0px 0px 0px 42px; box-shadow: rgba(0, 0, 0, 0.25) 3px 3px 5px 3px; overflow: hidden; line-height: 10px; text-align: left; } .locator-slider > li .btn.location:hover, .locator-slider > li .facet .item-list .location.facetapi-limit-link:hover, .facet .item-list .locator-slider > li .location.facetapi-limit-link:hover, .locator-slider > li .views-exposed-form .location#edit-submit-search-page:hover, .views-exposed-form .locator-slider > li .location#edit-submit-search-page:hover, .locator-slider > li .btn.location:focus, .locator-slider > li .facet .item-list .location.facetapi-limit-link:focus, .facet .item-list .locator-slider > li .location.facetapi-limit-link:focus, .locator-slider > li .views-exposed-form .location#edit-submit-search-page:focus, .views-exposed-form .locator-slider > li .location#edit-submit-search-page:focus { background: rgb(38, 193, 232); } .locator-slider > li .btn.location .icon, .locator-slider > li .facet .item-list .location.facetapi-limit-link .icon, .facet .item-list .locator-slider > li .location.facetapi-limit-link .icon, .locator-slider > li .views-exposed-form .location#edit-submit-search-page .icon, .views-exposed-form .locator-slider > li .location#edit-submit-search-page .icon { position: absolute; top: 50%; left: 24px; margin-top: -16px; margin-left: -16px; height: 32px; width: 32px; font-size: 32px; line-height: 32px; transform-origin: center center; transition: -webkit-transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s; } .locator-slider > li .btn.location .icon.icon-location-disc, .locator-slider > li .facet .item-list .location.facetapi-limit-link .icon.icon-location-disc, .facet .item-list .locator-slider > li .location.facetapi-limit-link .icon.icon-location-disc, .locator-slider > li .views-exposed-form .location#edit-submit-search-page .icon.icon-location-disc, .views-exposed-form .locator-slider > li .location#edit-submit-search-page .icon.icon-location-disc { transform: scale(1, 1); opacity: 1; } .locator-slider > li .btn.location .icon.icon-cross, .locator-slider > li .facet .item-list .location.facetapi-limit-link .icon.icon-cross, .facet .item-list .locator-slider > li .location.facetapi-limit-link .icon.icon-cross, .locator-slider > li .views-exposed-form .location#edit-submit-search-page .icon.icon-cross, .views-exposed-form .locator-slider > li .location#edit-submit-search-page .icon.icon-cross { transform: scale(0, 0); opacity: 0; } .locator-slider > li .btn.location span, .locator-slider > li .facet .item-list .location.facetapi-limit-link span, .facet .item-list .locator-slider > li .location.facetapi-limit-link span, .locator-slider > li .views-exposed-form .location#edit-submit-search-page span, .views-exposed-form .locator-slider > li .location#edit-submit-search-page span { color: rgb(0, 0, 0); font-size: 10px; font-weight: 900; text-transform: uppercase; vertical-align: text-top; } .locator-slider > li .btn.search, .locator-slider > li .facet .item-list .search.facetapi-limit-link, .facet .item-list .locator-slider > li .search.facetapi-limit-link, .locator-slider > li .views-exposed-form .search#edit-submit-search-page, .views-exposed-form .locator-slider > li .search#edit-submit-search-page { position: absolute; top: 50%; right: 0.5em; margin-top: -14px; font-size: 24px; padding: 0px; } .locator-slider > li + li { height: 145px; width: 100%; background: rgb(27, 99, 178); color: rgb(255, 255, 255); margin: 0px; padding: 1em; text-align: left; } .locator-slider > li + li::before { content: ""; position: absolute; right: 0px; top: -37px; z-index: 0; width: 0px; height: 0px; margin-left: -37px; border-left: 37px solid transparent; border-right: 37px solid transparent; border-bottom: 37px solid rgb(27, 99, 178); } .locator-slider.active { transform: translate3d(0px, -182px, 0px); } .locator-slider.active .btn.location .icon.icon-location, .locator-slider.active .facet .item-list .location.facetapi-limit-link .icon.icon-location, .facet .item-list .locator-slider.active .location.facetapi-limit-link .icon.icon-location, .locator-slider.active .views-exposed-form .location#edit-submit-search-page .icon.icon-location, .views-exposed-form .locator-slider.active .location#edit-submit-search-page .icon.icon-location { transform: scale(0, 0); opacity: 0; } .locator-slider.active .btn.location .icon.icon-cross, .locator-slider.active .facet .item-list .location.facetapi-limit-link .icon.icon-cross, .facet .item-list .locator-slider.active .location.facetapi-limit-link .icon.icon-cross, .locator-slider.active .views-exposed-form .location#edit-submit-search-page .icon.icon-cross, .views-exposed-form .locator-slider.active .location#edit-submit-search-page .icon.icon-cross { transform: scale(0.75, 0.75); opacity: 1; } @media only screen and (min-width: 480px) { .locator-slider { bottom: 0px; left: auto; right: -393px; width: auto; height: 145px; } .locator-slider > li { height: inherit; width: 78px; margin: 0px; display: inline-block; vertical-align: middle; } .locator-slider > li .btn.location, .locator-slider > li .facet .item-list .location.facetapi-limit-link, .facet .item-list .locator-slider > li .location.facetapi-limit-link, .locator-slider > li .views-exposed-form .location#edit-submit-search-page, .views-exposed-form .locator-slider > li .location#edit-submit-search-page { position: absolute; height: 78px; width: 78px; top: 50%; right: 50%; margin-top: -39px; left: -95px; border-radius: 50%; text-align: center; } .locator-slider > li .btn.location .icon, .locator-slider > li .facet .item-list .location.facetapi-limit-link .icon, .facet .item-list .locator-slider > li .location.facetapi-limit-link .icon, .locator-slider > li .views-exposed-form .location#edit-submit-search-page .icon, .views-exposed-form .locator-slider > li .location#edit-submit-search-page .icon { top: 30%; left: 50%; } .locator-slider > li .btn.location span, .locator-slider > li .facet .item-list .location.facetapi-limit-link span, .facet .item-list .locator-slider > li .location.facetapi-limit-link span, .locator-slider > li .views-exposed-form .location#edit-submit-search-page span, .views-exposed-form .locator-slider > li .location#edit-submit-search-page span { position: absolute; bottom: 20%; left: 5%; width: 90%; } .locator-slider > li + li { width: 320px; margin: 0px; } .locator-slider > li + li::before { content: ""; position: absolute; left: -36px; top: 50%; z-index: 0; margin-top: -73px; width: 0px; height: 0px; border-top: 73px solid transparent; border-bottom: 73px solid transparent; border-right: 73px solid rgb(27, 99, 178); border-left: none; } .locator-slider.active { transform: translate3d(-393px, 0px, 0px); } } #locator-slider { position: fixed; bottom: 20px; right: 45px; background-repeat: no-repeat; background-position: 0px 0px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHJSURBVHic7d3BVeNAFETRa3ZEQASQBmHNFnYQFnmQAFGYzTDHYyxZkiV1/+7/IqhzE6jD48fXUbaoIy93pUdE7cjL5/PDawIu6AcPEnBmp3gk4KzO8UjAyV3CIwEnNYRHAl5tDI8EHO0aHgk42BQ8EvBiU/FIwF/NwSMB/2suHgn4ryV4JCCW45GAN+HROeCteHQMuAYenQKuhUeHgGvi0Rng2nh0BLgFHp0AboVHB4Bb4tE44NZ4NAy4Bx6NAu6FR4OAe+LRGODeeDQEWAKPRgBL4dEAYEk8ggOWxiMwYA14BAWsBY+AgDXhEQywNjwCAdaIRxDAWvEIAFgzHgEA77gvvWGs6gGP/Hn6+HorvWOo6gGpGzEEIPUihgGkTsRQgNSHGA6QuhBDAlIPYlhA6kAMDUh5xPCAlEVsApByiM0AUgaxKUD2R2wOkH0RmwRkP8RmAdkHsWlAtkdsHpBtEbsAZDvEbgDZBrErQNZH7A6QdRG7BGQ9xG4BWQexa0BuR+wekNsQE/BvSxET8KQliAl41lzEBLzQHMQEHGgqYgKONAUxAa90DTEBJzSGmIATG0JMwBldQkzAmZ0jJuCCThEPeYexvAPv3/N8FZDDSr+UAAAAAElFTkSuQmCC"); background-color: rgb(27, 99, 178); background-size: 60px 60px; min-height: 60px; display: block; width: 0px; backface-visibility: hidden; z-index: 1440; font-family: "Source Sans Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif; transform: scale(1); transition: opacity 0.25s ease 0s, transform 0.35s ease 0s, width 1s ease 0s; } #locator-slider.slide-hide { opacity: 0; transform: scale(0); } #locator-slider.open { width: calc(100% - 90px); } #locator-slider.open .form { transition-delay: 0.5s; opacity: 1; } #locator-slider.closed .form { opacity: 0; } #locator-slider .open, #locator-slider .close { position: absolute; appearance: none; border: none; outline: none; border-radius: 50%; height: 60px; width: 60px; cursor: pointer; padding: 0px; margin: 0px; } #locator-slider .open { left: -30px; background: rgb(37, 193, 233); z-index: 10; } #locator-slider .open svg { font-size: 60px; padding: 5px; vertical-align: bottom; } #locator-slider .close { right: -30px; background: rgb(27, 99, 178); z-index: 5; color: rgb(255, 255, 255); font-size: 2.1em; outline: none; border: none; } #locator-slider .close:focus { color: rgb(37, 193, 233); } #locator-slider .form { position: absolute; left: 70px; top: 50%; width: calc(100% - 100px); transform: translateY(-50%); transition: opacity 0.5s ease 0s; display: block; opacity: 0; overflow: hidden; text-overflow: clip; } #locator-slider .form > * { font-size: 13px; overflow: hidden; text-overflow: clip; } #locator-slider .form h3 { font-family: "Source Sans Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: rgb(255, 255, 255); margin: 0px; display: block; white-space: nowrap; } #locator-slider .form label { position: relative; display: block; width: 100%; margin-bottom: 0px; float: left; } #locator-slider .form button { position: absolute; top: 50%; right: 0px; background: transparent; color: rgb(37, 193, 233); border: none; outline: none; appearance: none; margin: 0px 4px 0px 0px; padding: 0px; transform: translateY(-50%); cursor: pointer; display: inline-block; font-size: 16px; height: 1em; width: 1em; } #locator-slider .form button:focus { color: rgb(27, 99, 178); } #locator-slider .form input[type="text"] { font-size: 16px; border: none; outline: none; appearance: none; margin: 0px; padding: 4px 24px 4px 4px; width: 100%; } @media only screen and (min-width: 510px) { #locator-slider { background-size: 80px 80px; min-height: 80px; right: 60px; } #locator-slider.open { width: 370px; } #locator-slider .open, #locator-slider .close { height: 80px; width: 80px; } #locator-slider .open { left: -40px; } #locator-slider .open svg { font-size: 80px; } #locator-slider .close { right: -40px; } #locator-slider .form { left: 80px; width: calc(100% - 120px); } #locator-slider .form > * { font-size: 16px; } #locator-slider .form input[type="text"] { padding: 4px 32px 4px 4px; } } .tooltip { position: relative; } .tooltip > span { visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 50%; z-index: 1000; margin-top: -15px; margin-left: -60px; width: 120px; color: rgb(255, 255, 255); text-align: center; padding: 10px 5px; border-radius: 6px; display: block; background-color: rgb(0, 0, 0); line-height: 1em; font-size: 0.9411em; overflow-wrap: break-word; } dfn.tooltip > span { width: 280px; padding: 10px; font-style: normal; font-size: 0.9411em; text-align: left; line-height: 1.4em; } .tooltip > span::before { content: " "; position: absolute; top: 0px; left: 50%; margin-top: -10px; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent black; } .tooltip:hover > span, .tooltip:focus > span { transition: margin-top 250ms ease 0s, opacity 350ms ease 0s; margin-top: -7px; opacity: 0.8; visibility: visible; } .cardcordian .icon { color: rgb(0, 174, 219); } .cardcordian .logo { max-width: 150px; height: auto; } .cardcordian .expander-link { font-family: Merriweather, serif; font-size: 0.8235em; font-weight: bold; line-height: 0; width: 100%; text-align: left; display: block; } .cardcordian .expander-link::before { content: none; font-family: "Source Sans Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; line-height: 1.58em; position: absolute; left: 50%; bottom: 0px; margin-left: -42.5px; text-align: center; width: 85px; height: 42px; background: rgb(255, 255, 255); border-bottom: 10px solid rgb(0, 174, 219); font-size: 90%; display: block; } .cardcordian .expander-link::after { transition: all 0.25s ease 0.5s; content: none; left: 50%; bottom: 0px; border-style: solid; border-image: initial; height: 0px; width: 0px; position: absolute; z-index: -2; pointer-events: none; border-color: rgb(0, 174, 219) rgba(0, 174, 219, 0) rgba(0, 174, 219, 0); border-width: 15px; margin-left: -15px; } .cardcordian .expander-link span { display: inline; vertical-align: top; line-height: 2.3em; padding-left: 7.5px; } .cardcordian .expander-link .icon { font-size: 32px; } .cardcordian .expander-link img { max-width: 150px; } .cardcordian .expander { position: relative; top: 0px; left: 0px; z-index: 0; visibility: visible; margin-top: -15px; margin-bottom: 15px; background: rgb(242, 242, 242); display: block; } .cardcordian .expander .inner { transition: max-height 0.25s ease 0s; position: relative; max-width: 1140px; margin: 0px auto; max-height: 0px; overflow: hidden; } .cardcordian .expander div[class*="grid-"] { padding-top: 15px; padding-bottom: 15px; } .cardcordian .expander .grid-25 { display: none; } .cardcordian .expander .grid-25 h2 { margin-top: 0px; } .cardcordian .expander .grid-25 .icon { font-size: 180px; } .cardcordian .expander .accordian { margin-left: 0px; padding-left: 0px; list-style: none; } .cardcordian .expander .accordian .nav-block-links { transition: max-height 0.25s ease 0s; overflow: hidden; } .cardcordian .expander .accordian > li { width: 100%; position: relative; margin: 15px 0px 0px; } .cardcordian .expander .accordian > li:first-child { margin: 0px; } .cardcordian .expander .accordian > li > a { position: relative; display: block; background: rgb(215, 216, 217); color: rgb(0, 0, 0); padding: 15px 50px 15px 15px; margin-bottom: 0px; font-size: 1em; line-height: 1em; font-weight: bold; text-align: left; text-transform: none; border-radius: 4px; } .cardcordian .expander .accordian > li > a .icon { float: right; font-size: inherit; } .cardcordian .expander .accordian > li > a .icon-plus { display: inline-block; } .cardcordian .expander .accordian > li > a .icon-minus { display: none; } .cardcordian .expander .accordian > li > a.open .icon-plus { display: none; } .cardcordian .expander .accordian > li > a.open .icon-minus { display: inline-block; } .cardcordian .expander .accordian > li > a:first-child > .icon { position: absolute; right: 15px; top: 50%; z-index: 67; margin-top: -13px; font-size: 26px; color: rgb(0, 174, 219); } .cardcordian > div { display: block; width: 100%; } .cardcordian > div > ul { margin: 0px 15px; padding-left: 0px; display: block; } .cardcordian > div > ul > li { position: relative; display: block; text-align: center; border: 1px solid rgb(235, 235, 235); box-shadow: rgba(0, 0, 0, 0.02) 3px 3px 5px; background: rgb(255, 255, 255); padding: 10px; z-index: 1; margin-bottom: 15px; transition: box-shadow 0.25s ease 0s; } .cardcordian > div > ul > li:hover, .cardcordian > div > ul > li:focus, .cardcordian > div > ul > li.active { box-shadow: rgba(0, 0, 0, 0.05) 4px 4px 5px; } .cardcordian > div > ul > li.empty { pointer-events: none; box-shadow: none !important; border: none !important; } .cardcordian > div > ul > li > ul { list-style: none; padding: 0px; margin: 1.5em 0px 0px; display: none; } .cardcordian.loaded .accordian .nav-block-links { max-height: 0px; display: none; } .cardcordian.loaded .expander { visibility: visible; background: rgb(242, 242, 242); display: block; } .cardcordian.loaded > div > ul > li > .expander { visibility: hidden; display: none; } @media only screen and (min-width: 769px) { .cardcordian > div { display: table; table-layout: fixed; border-spacing: 15px 0px; border-collapse: separate; margin-top: 15px; } .cardcordian > div > ul { display: table-row; } .cardcordian > div > ul > li { display: table-cell; padding: 15px 15px 52px; margin-bottom: 0px; height: auto !important; } .cardcordian > div > ul > li.active .expander-link::before { content: "CLOSE"; } .cardcordian > div > ul > li.active .expander-link::after { bottom: -30px; } .cardcordian > div > ul > li.active .expander-link.end-point::before { content: "VISIT"; } .cardcordian > div > ul > li > ul { display: block; } .cardcordian .expander { margin-top: 0px; margin-bottom: 0px; } .cardcordian .expander .grid-25 { display: block; } .cardcordian .expander .accordian > li > a { font-size: 1.5em; } .cardcordian .expander::after { content: " "; background: rgb(242, 242, 242); position: absolute; top: 0px; left: -300%; width: 600%; height: 100%; display: block; z-index: -1; } .cardcordian .expander-link { font-size: 1.3529em; text-align: center; margin-bottom: 25px; } .cardcordian .expander-link::before { content: "EXPAND"; } .cardcordian .expander-link::after { content: ""; } .cardcordian .expander-link.end-point::before { content: "VISIT"; } .cardcordian .expander-link span { display: block; line-height: 1.4em; padding-left: 0px; } .cardcordian .expander-link .icon { margin-bottom: 25px; font-size: 64px; } .cardcordian.espanol > div > ul > li.active .expander-link::before { content: "CERRAR"; } .cardcordian.espanol > div > ul > li.active .expander-link.end-point::before { content: "VISITAR"; } .cardcordian.espanol .expander-link::before { content: "VER M��S"; } .cardcordian.espanol .expander-link.end-point::before { content: "VISITAR"; } } #box { background: rgb(0, 98, 175); color: white; font-style: italic; border-bottom: 5px solid rgb(0, 74, 133); font-size: 1.2em; line-height: 1.5em; position: relative; padding: 40px 40px 20px 70px; } #box a.button { border: 2px solid white; padding: 5px 20px; clear: both; display: inline-block; right: 40px; bottom: 20px; color: white; font-style: normal; position: absolute; box-shadow: none; } #box a.button:hover { background: rgb(0, 192, 229); } #box h2 { margin-top: 0px; } #box a { color: white; } #box::before { content: ""; position: absolute; top: 0px; left: 0px; border-color: transparent; border-style: solid; } #box::after { content: ""; position: absolute; top: 0px; left: 0px; border-color: rgb(0, 192, 229) transparent transparent rgb(0, 192, 229); border-style: solid; border-radius: 0.1em; border-width: 2.3em; } .content .region-after-body { display: inline-block; max-width: 420px; min-width: 100%; } .content .region-after-body.left { float: left; } .content .region-after-body.right { float: right; } @media only screen and (min-width: 769px) { .content .region-after-body { min-width: 420px; } } @media only screen and (max-width: 1150px) { .content .region-after-body.right { float: left; clear: both; max-width: none; } } .dataTables_wrapper { margin-bottom: 30px; } .dataTables_wrapper:last-child { margin-bottom: 0px; } table.dataTable.no-footer { border-bottom: none; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_disabled { background-color: rgb(27, 99, 178); color: rgb(255, 255, 255); font-weight: normal; text-align: left; line-height: 1.4em; border-left: 2px solid rgb(255, 255, 255); border-right: 2px solid rgb(255, 255, 255); border-bottom: 0px; } table.dataTable thead .sorting_disabled { border-left: none; border-right: none; } table.dataTable tbody td { border-bottom: 1px solid rgb(235, 235, 235); vertical-align: top; } table.dataTable ~ div.dataTables_info { margin-top: 7.5px; } table.dataTable ~ div.dataTables_paginate.paging_full_numbers, table.dataTable ~ div.dataTables_paginate.paging_full { border: 1px solid rgb(204, 204, 204); margin-top: 15px; padding-top: 0px; } table.dataTable ~ div.dataTables_paginate.paging_full_numbers .ellipsis, table.dataTable ~ div.dataTables_paginate.paging_full .ellipsis { padding: 0.25em 0.75em; display: inline-block; border-left: 1px solid rgb(204, 204, 204) !important; } table.dataTable ~ div.dataTables_paginate.paging_full_numbers .paginate_button, table.dataTable ~ div.dataTables_paginate.paging_full .paginate_button { float: left; box-shadow: none; border-right: none; border-top: none; border-bottom: none; background: transparent; border-radius: 0px; margin-left: 0px; padding: 0.25em 1em; cursor: pointer; border-left: 1px solid rgb(204, 204, 204) !important; } table.dataTable ~ div.dataTables_paginate.paging_full_numbers .paginate_button:hover, table.dataTable ~ div.dataTables_paginate.paging_full_numbers .paginate_button:focus, table.dataTable ~ div.dataTables_paginate.paging_full .paginate_button:hover, table.dataTable ~ div.dataTables_paginate.paging_full .paginate_button:focus { border-right: none; border-top: none; border-bottom: none; background: rgb(233, 247, 251); color: rgb(0, 0, 0) !important; } table.dataTable ~ div.dataTables_paginate.paging_full_numbers .paginate_button.first, table.dataTable ~ div.dataTables_paginate.paging_full .paginate_button.first { border-left: none !important; } table.dataTable ~ div.dataTables_paginate.paging_full_numbers .paginate_button.current, table.dataTable ~ div.dataTables_paginate.paging_full .paginate_button.current { cursor: text; background: rgb(38, 193, 232) !important; } table.dataTable ~ div.dataTables_paginate.paging_full { border: none; } table.dataTable ~ div.dataTables_paginate.paging_full a.paginate_button { float: none; font-weight: bold; font-size: 1.2941em; border-top: 1px solid rgb(204, 204, 204) !important; border-bottom: 1px solid rgb(204, 204, 204) !important; } table.dataTable ~ div.dataTables_paginate.paging_full a.paginate_button.first { border-left: 1px solid rgb(204, 204, 204) !important; } table.dataTable ~ div.dataTables_paginate.paging_full a.paginate_button.last { border-right: 1px solid rgb(204, 204, 204) !important; } .dataTables_filter, .dataTables_length { display: none; } .site-error-section { margin-bottom: 30px; } @media only screen and (min-width: 769px) { .site-error-section-basics.site-error-section-animation { animation: 0.6s ease-in-out 0.5s 1 normal forwards running move, 0.3s ease-in-out 1.9s 1 normal forwards running scanning; } .site-error-section-federal-response.site-error-section-animation { animation: 0.6s ease-in-out 0.62s 1 normal forwards running move, 0.3s ease-in-out 1.9s 1 normal forwards running scanning; } .site-error-section-digital-tools.site-error-section-animation { animation: 0.6s ease-in-out 0.74s 1 normal forwards running move, 0.3s ease-in-out 1.9s 1 normal forwards running scanning; } .site-error-section-events.site-error-section-animation { animation: 0.6s ease-in-out 0.86s 1 normal forwards running move, 0.3s ease-in-out 1.9s 1 normal forwards running scanning; } .site-error-section-error { animation: 0.6s ease-in-out 0.98s 1 normal forwards running move, 0.3s ease-in-out 1.9s 1 normal forwards running error; } } .site-error-section a { position: relative; cursor: pointer; } .site-error-section .site-error-section-animation-ended { filter: grayscale(100%); top: 30px; transition: all 0.3s ease 0s; } .site-error-section .site-error-section-animation-ended:hover { filter: grayscale(0); } @keyframes move { 0% { top: 0px; } 50% { top: -30px; } 100% { top: 0px; } } @keyframes scanning { 0% { filter: grayscale(0%); top: 0px; } 100% { filter: grayscale(100%); top: 30px; } } @keyframes error { 0% { top: 0px; } 100% { top: -60px; } } nav#mega-menu li.mobile-only { display: none; } @media only screen and (max-width: 768px) { .menu-overlay { position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; z-index: 6; cursor: pointer; background-color: rgba(27, 99, 178, 0.8); opacity: 0; visibility: hidden; backface-visibility: hidden; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 10px 1px inset; } nav#mega-menu { transform: translate3d(0px, 0px, 0px); transition: -webkit-transform 0.35s ease 0s; will-change: transform; height: 100%; overflow-y: auto; position: fixed; top: 0px; left: 0px; z-index: 0; display: none; background-color: rgb(34, 34, 34); width: 300px; } nav#mega-menu.active { display: block; } nav#mega-menu .icon { display: none; } nav#mega-menu .move-out { transform: translate3d(0px, 0px, 0px); } nav#mega-menu .move-out > li > a { transition: transform 0.5s ease 0s; transform: translate3d(-100%, 0px, 0px); } nav#mega-menu .date { display: block; } nav#mega-menu ul:first-child { transform: translate3d(0px, 0px, 0px); transition: -webkit-transform 0.35s ease 0s; will-change: transform; position: fixed; width: 300px; } nav#mega-menu ul { position: fixed; z-index: -1; top: 0px; left: 0px; display: block; width: 100%; height: 100%; list-style: none; margin: 0px; padding: 0px; background: rgb(44, 44, 44); overflow: hidden; } nav#mega-menu ul li.mobile-only { display: block; } nav#mega-menu ul > li { border-top: 1px solid rgba(0, 0, 0, 0.1); width: 100%; background: rgb(44, 44, 44); } nav#mega-menu ul > li .icon-chevron-left, nav#mega-menu ul > li .icon-chevron-right { position: absolute; right: 0.5em; top: 50%; margin-top: -8px; color: rgb(255, 255, 255); font-size: 16px; display: block; pointer-events: none; } nav#mega-menu ul > li a:link, nav#mega-menu ul > li a:visited, nav#mega-menu ul > li a:hover, nav#mega-menu ul > li a:focus { transition: transform 0.5s ease 0s, background 0.5s ease 0s, color 0.5s ease 0s; position: relative; padding: 0.5em 48px 0.5em 0.5em; color: rgb(255, 255, 255); text-decoration: none; display: block; } nav#mega-menu ul > li a:hover, nav#mega-menu ul > li a:focus { background: rgb(0, 0, 0); color: rgb(255, 255, 255); } nav#mega-menu ul > li .back > a { padding: 0.5em 0.5em 0.5em 30px; } nav#mega-menu ul > li .back > a .icon { left: 0.5em; right: auto; } nav#mega-menu ul > li:first-child { border: none; } nav#mega-menu ul li ul { transform: translate3d(100%, 0px, 0px); transition: none 0s ease 0s; will-change: transform; } nav#mega-menu ul li ul.selected, nav#mega-menu ul li ul.selected > a { transform: translate3d(0px, 0px, 0px); transition: -webkit-transform 0.5s ease 0s; will-change: transform; overflow: auto; } nav#mega-menu ul li ul.unselected, nav#mega-menu ul li ul.unselected > a { transform: translate3d(100%, 0px, 0px); transition: -webkit-transform 0.5s ease 0s; will-change: transform; } nav#mega-menu ul li ul.hidden, nav#mega-menu ul li ul.hidden > a { transform: translate3d(100%, 0px, 0px); transition: -webkit-transform 0.5s ease 0s; will-change: transform; visibility: hidden; } nav#mega-menu ul li ul.end-point, nav#mega-menu ul li ul.end-point > a { visibility: hidden; } body.nav-active .menu-overlay { transition: opacity 0.25s ease 0.35s; opacity: 1; visibility: visible; } body.nav-active nav#mega-menu ul { z-index: 1; } body.nav-active .wrapper, body.nav-active .site-header { transform: translate3d(300px, 0px, 0px); } } @media only screen and (max-width: 849px) { nav#mega-menu > ul { padding-right: 120px; } } @media only screen and (max-width: 768px) { nav#mega-menu > ul { padding-right: 0px; } } @media only screen and (min-width: 850px) { nav#mega-menu > ul { padding-right: 205px; } } @media only screen and (min-width: 769px) { nav#mega-menu { position: relative; } nav#mega-menu .cd-search-trigger { width: 64px; padding-top: 30px; vertical-align: middle; text-align: center; font-size: 24px; visibility: visible; } nav#mega-menu .h2 { margin-top: 0px; font-weight: bold; display: block; } nav#mega-menu > ul { position: relative; margin: 0px auto; max-width: 1140px; text-align: right; font-size: 0.9411em; background: rgb(255, 255, 255); } nav#mega-menu.search-page > ul { padding-right: 57px; } nav#mega-menu.search-page ~ .cd-search-trigger { display: none; } nav#mega-menu .date { float: right; padding-right: 5px; } nav#mega-menu > ul a { text-decoration: none; } nav#mega-menu > ul a:hover, nav#mega-menu > ul a:focus { color: rgb(0, 174, 219); } nav#mega-menu > ul li, nav#mega-menu > ul ul { list-style: none; padding: 0px; margin: 0px; } nav#mega-menu > ul > li ul { position: absolute; top: -9999em; left: -9999em; z-index: 1; overflow: hidden; width: 100%; max-width: 1140px; text-align: left; } nav#mega-menu > ul li { display: inline-block; height: 85px; text-transform: uppercase; vertical-align: middle; margin-left: 15px; } nav#mega-menu > ul li li { text-transform: none; } nav#mega-menu > ul > li > a, nav#mega-menu > ul > li.header-search-button a { transition: background 0.35s ease 0s, color 0.35s ease 0s; position: relative; height: 85px; vertical-align: middle; color: rgb(44, 44, 44); padding: 0px; display: table-cell; z-index: 4; } nav#mega-menu > ul > li.header-search-button a { color: rgb(38, 193, 232); } nav#mega-menu > ul > li.header-search-button::before, nav#mega-menu > ul > li.header-search-button::after { content: none; } nav#mega-menu > ul > li.selected > a { color: rgb(0, 174, 219); } nav#mega-menu > ul > li > a::before { transition: top 0.35s ease 0s, opacity 0.35s ease 0s, background 0.35s ease 0s; content: ""; position: absolute; left: 0px; z-index: -1; top: 100%; height: 0px; width: 100%; opacity: 0; background: rgb(233, 247, 251); } nav#mega-menu > ul > li.selected > a::before { content: ""; top: 0px; height: 5px; opacity: 1; background: rgb(0, 174, 219); } nav#mega-menu > ul > li > ul { transition: top 0.25s ease 0s, opacity 0.25s ease 0s, visibility 0.25s ease 0s; opacity: 0; z-index: 1; } nav#mega-menu > ul > li.selected > ul { top: 85px; left: 0px; overflow: visible; opacity: 1; visibility: visible; } nav#mega-menu > ul > li.off > ul { top: 130px; left: 0px; overflow: visible; opacity: 0; visibility: hidden; } nav#mega-menu > ul > li.selected > ul li, nav#mega-menu > ul > li.off > ul li { display: block; height: auto; width: 298px; margin-left: 0px; } nav#mega-menu > ul > li.selected > ul li > a, nav#mega-menu > ul > li.off > ul li > a { position: relative; height: auto; display: block; border-left: 1px solid rgb(215, 215, 215); border-top: 1px solid rgb(255, 255, 255); padding: 0.5em 20px 0.5em 54px; } nav#mega-menu > ul > li.selected > ul li > ul li > a, nav#mega-menu > ul > li.off > ul li > ul li > a { color: rgb(255, 255, 255); } nav#mega-menu > ul > li.selected > ul li > a .section-icon, nav#mega-menu > ul > li.off > ul li > a .section-icon { transition: opacity 0.35s ease 0s, color 0.35s ease 0s; position: absolute; top: 0px; bottom: 0px; left: 0px; background-color: rgb(38, 193, 232); width: 45px; text-align: center; font-size: 32px; padding-top: 0.25em; } nav#mega-menu > ul > li.selected > ul li > a .section-icon .icon, nav#mega-menu > ul > li.off > ul li > a .section-icon .icon { transition: opacity 0.35s ease 0s, color 0.35s ease 0s; color: rgb(255, 255, 255); padding: 0.1em; } nav#mega-menu > ul > li.selected > ul li > a .icon-chevron-right, nav#mega-menu > ul > li.off > ul li > a .icon-chevron-right { transition: right 0.35s ease 0s; position: absolute; top: 50%; margin-top: -9px; right: 5px; color: rgb(38, 193, 232); font-size: 14px; } nav#mega-menu > ul > li.selected > ul li:first-child > a, nav#mega-menu > ul > li.off > ul li:first-child > a { border-top: none; } nav#mega-menu > ul > li.selected > ul li.selected > a, nav#mega-menu > ul > li.off > ul li.selected > a { position: relative; background: rgb(255, 255, 255); color: rgb(43, 70, 110); } nav#mega-menu > ul > li.selected > ul li.selected > a .section-icon, nav#mega-menu > ul > li.off > ul li.selected > a .section-icon { background-color: rgb(255, 255, 255); } nav#mega-menu > ul > li.selected > ul li.selected > a .section-icon .icon, nav#mega-menu > ul > li.off > ul li.selected > a .section-icon .icon { color: rgb(38, 193, 232); } nav#mega-menu > ul > li.selected > ul li.selected > a .icon-chevron-right, nav#mega-menu > ul > li.off > ul li.selected > a .icon-chevron-right { right: -2px; } nav#mega-menu > ul > li.selected > ul li.selected > a::before, nav#mega-menu > ul > li.off > ul li.selected > a::before { content: ""; background: rgb(255, 255, 255); height: 100%; width: 3px; position: absolute; right: -3px; top: 0px; z-index: 0; } nav#mega-menu > ul > li.selected > ul > li.selected > ul, nav#mega-menu > ul > li.off > ul > li.selected > ul { top: 0px; left: 0px; display: block; background: linear-gradient(to right, rgb(233, 247, 251) 300px, rgb(255, 255, 255) 300px); padding-left: 300px; z-index: -1; min-height: 500px; border-left: 1px solid rgb(215, 215, 215); border-bottom: 1px solid rgb(215, 215, 215); border-right: 1px solid rgb(215, 215, 215); margin-bottom: 1em; box-shadow: rgba(0, 0, 0, 0.25) 3px 3px 2px 0px; } nav#mega-menu > ul > li.selected > ul li.selected > ul li, nav#mega-menu > ul > li.off > ul li.selected > ul li { position: relative; float: left; display: inline-block; padding: 0.5em; text-transform: none; width: 100%; box-shadow: none; margin-bottom: 0px; } nav#mega-menu > ul > li.selected > ul li.selected > ul.col-2 > li, nav#mega-menu > ul > li.selected > ul li.selected > ul.col-3 > li, nav#mega-menu > ul > li.selected > ul li.selected > ul.col-4 > li, nav#mega-menu > ul > li.selected > ul li.selected > ul.col-5 > li { float: left; margin-left: 0px; margin-right: -100%; } nav#mega-menu > ul > li.selected > ul li.selected > ul.col-2 > li { width: 50%; } nav#mega-menu > ul > li.selected > ul li.selected > ul.col-2 > li + li { margin-left: 50%; } nav#mega-menu > ul > li.selected > ul li.selected > ul.col-3 > li { width: 50%; } nav#mega-menu > ul > li.selected > ul li.selected > ul.col-3 > li + li { clear: right; margin-left: 50%; } nav#mega-menu > ul > li.selected > ul li.selected > ul.col-3 > li + li + li { clear: left; margin-left: 0%; width: 100%; } nav#mega-menu > ul > li.selected > ul li.selected > ul.col-4 > li { width: 50%; } nav#mega-menu > ul > li.selected > ul li.selected > ul.col-4 > li + li { clear: right; margin-left: 50%; } nav#mega-menu > ul > li.selected > ul li.selected > ul.col-4 > li + li + li { clear: left; margin-left: 0%; margin-top: 15px; } nav#mega-menu > ul > li.selected > ul li.selected > ul.col-4 > li + li + li + li { clear: right; margin-left: 50%; } nav#mega-menu > ul > li.selected > ul li.selected > ul.col-5 > li { width: 50%; } nav#mega-menu > ul > li.selected > ul li.selected > ul.col-5 > li + li { clear: right; margin-left: 50%; } nav#mega-menu > ul > li.selected > ul li.selected > ul.col-5 > li + li + li { clear: left; margin-left: 0%; margin-top: 15px; } nav#mega-menu > ul > li.selected > ul li.selected > ul.col-5 > li + li + li + li { clear: right; margin-left: 50%; } nav#mega-menu > ul > li.selected > ul li.selected > ul.col-5 > li + li + li + li + li { clear: both; margin-left: 0%; width: 100%; } nav#mega-menu > ul > li > ul li > ul { padding-top: 1em; } nav#mega-menu > ul > li > ul li.has-children > ul { padding-top: 0.5em; } nav#mega-menu > ul > li.selected > ul li.selected > ul li { padding-top: 0px; padding-bottom: 0px; } nav#mega-menu > ul > li.selected > ul li.selected > ul li > a { transition: background 0.35s ease 0s, color 0.35s ease 0s; color: rgb(0, 0, 0); border-top: none; border-right: none; border-left: none; border-image: initial; padding: 0px 0px 0px 0.5em; border-bottom: 1px solid rgb(235, 235, 235); } nav#mega-menu > ul > li.selected > ul li.selected > ul li > a:hover, nav#mega-menu > ul > li.selected > ul li.selected > ul li > a:focus { background: rgb(233, 247, 251); } nav#mega-menu > ul > li.selected > ul li.selected > ul li:last-child > a { border-bottom: 0px; } nav#mega-menu > ul > li.selected > ul > li.selected > a + ul > li:first-child > a { border-top: 10px solid rgb(38, 193, 232); } nav#mega-menu > ul > li.selected > ul > li.selected > a + ul > li.has-children:first-child > a { border-top: 0px; } nav#mega-menu > ul > li.selected > ul li.selected > ul li.has-children > a { position: relative; background: transparent; margin-right: 0px; padding-left: 0.5em; color: rgb(44, 44, 44); font-weight: bold; border-bottom: 10px solid rgb(38, 193, 232); cursor: text; transition: none 0s ease 0s; } nav#mega-menu > ul > li.selected > ul li.selected > ul li ul { position: relative; left: auto; top: auto; } nav#mega-menu > ul > li.selected > ul li.selected > ul li > ul li { width: 100%; padding: 0px; } nav#mega-menu > ul > li.selected > ul li.selected > ul li > ul li > a { transition: background 0.35s ease 0s; background: transparent; color: rgb(44, 44, 44); border-bottom: 1px solid rgb(235, 235, 235); font-weight: normal; } nav#mega-menu > ul > li.selected > ul li.selected > ul li > ul li > a:hover, nav#mega-menu > ul > li.selected > ul li.selected > ul li > ul li > a:focus { background: rgb(233, 247, 251); } } @media only screen and (min-width: 1024px) { nav#mega-menu > ul li { margin-left: 30px; font-size: 17px; } } .govdelivery-signup-icon { padding: 5px; border-bottom: 3px solid rgb(38, 193, 232); background: rgb(242, 242, 242); transition: border-bottom 0.25s ease 0s, background 0.25s ease 0s; } .govdelivery-signup-icon img { max-width: 80px; float: left; } .govdelivery-signup-copy { display: flex; align-items: center; padding: 5px 15px; } .govdelivery-signup { margin: 30px 0px; display: flex; align-items: stretch; background: rgb(233, 247, 251); font-weight: bold; line-height: 1.2em; box-shadow: none !important; border-bottom: none !important; } .govdelivery-signup:hover { background: rgb(38, 193, 232); } .govdelivery-signup:hover .govdelivery-signup-icon { background: rgb(27, 99, 178); border-bottom: 3px solid rgb(27, 99, 178); } @media only screen and (max-width: 768px) { .govdelivery-signup { font-weight: normal; } } .covid-icon { padding: 15px; background: rgb(27, 27, 27); } .covid-icon img { width: 60px; float: left; } .covid-copy { display: flex; align-items: center; padding: 5px 15px; } .covid { margin: 30px 0px; display: flex; align-items: stretch; background: rgb(251, 233, 191); font-weight: bold; line-height: 1.2em; box-shadow: none !important; border-bottom: none !important; } .covid:hover { background: rgb(253, 230, 186) !important; } .covid:hover .covid-icon { background: rgb(27, 27, 27); } @media only screen and (max-width: 768px) { .covid { font-weight: normal; } } .facet .item-list { margin: 0px; list-style-type: none; width: 100%; } .facet .item-list ul { padding-left: 0px; } .facet .item-list ul > li { list-style-image: none; list-style-type: none; } .facet .item-list ul.facetapi-facet-field-topics > li { margin: 0px 0px 0.25em; } .facet .item-list ul.facetapi-facet-field-topics > li::before { content: none; } .views-exposed-form label { display: block; } .advanced-search-expander { position: relative; background: rgb(242, 242, 242); display: inline-block; padding: 0px 0px 0px 20px; } .advanced-search-expander::before { content: ""; position: absolute; top: 50%; left: 0px; width: 0px; height: 0px; margin-top: -0.3em; border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; border-top: 0.5em solid rgb(38, 193, 232); border-bottom: none; } .advanced-search-expander.active { color: rgb(27, 99, 178); } .advanced-search-expander.active::before { border-bottom: 0.5em solid rgb(38, 193, 232); border-top: none; } .advanced-search-container { height: auto; max-height: 0px; overflow: visible hidden; background: rgb(242, 242, 242); transition: max-height 0.25s ease 0s; } .advanced-search-container .content { padding: 15px 0px; visibility: hidden; opacity: 0; transition: opacity 0.25s ease 0.25s; } .advanced-search-container #search-tags { margin-top: 0.5em; } .advanced-search-container.expanded .content { visibility: visible; opacity: 1; } @media only screen and (min-width: 481px) { .tablet-padding { padding: 0px 15px; } } .ckeditor-accordion-container { background-color: rgb(242, 242, 242); } .ckeditor-accordion-container > dl dd { padding: 15px; } .ckeditor-accordion-container > dl dt { font-weight: bold; } .ckeditor-accordion-container .styled { border: none; } .ckeditor-accordion-container .styled .ckeditor-accordion-toggler { background-color: rgb(27, 99, 178); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; } .ckeditor-accordion-container .styled dt.active .ckeditor-accordion-toggler { background-color: rgb(233, 247, 251); color: rgb(27, 99, 178); }

@charset "utf-8"; @media print { .body, body { padding: 0px; background: rgb(255, 255, 255); } .grid-container { max-width: 100%; padding: 0px; } .page-header { margin-bottom: 15px; } .page-header, .header-content { padding: 0px; } .page-block { box-shadow: none; padding: 0px; } .hide-on-print, #mega-menu, .site-header, #site-footer, .header-search, .wrapper .social-share, .sidebar-section-footer, .locator-slider, .pager .item-list .pager, .dataTables_paginate, .navbar-reference-content, .govdelivery-signup { display: none; } .print-100, .grid-100 { width: 100%; float: none; margin: 0px; padding: 0px; clear: both; } .visible-on-print-block { display: block; } .visible-on-print-inline { display: inline; } .visible-on-print-inline-block { display: inline-block; } .content-body a, .link { box-shadow: none; text-decoration: underline; } .list-square { list-style: square; } .list-square li::before { display: none; } .card { box-shadow: none; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(215, 215, 215); } .card::before, .card::after { content: " "; display: table; } .card::after { clear: both; } .card .card-figure { float: left; width: 20%; margin-bottom: 15px; } .card .card-header, .card .card-body, .card .card-footer { margin-left: calc(20% + 15px); } .nav-block-link-item-has-figure a::before, .nav-block-link-item-has-figure a::after { content: " "; display: table; } .nav-block-link-item-has-figure a::after { clear: both; } .nav-block-link-item-has-figure .nav-block-figure { float: left; width: 20%; margin-bottom: 15px; } .nav-block-link-item-has-figure .title { margin-left: calc(20% + 15px); } .content-section { border: none; box-shadow: none; margin: 0px; padding: 0px; } .prefix-5 { margin: 0px; } .list-additional-resources a::after { content: " (" attr(href) ") "; } dfn::after { content: " [" attr(title) "] "; } h2, .h2 { margin-top: 5px; } .inline-figure { max-width: 40%; float: left; margin: 0px 30px 15px 0px; } .inline-figure.left { float: left; margin: 0px 30px 15px 0px; } .inline-figure.right { float: right; margin: 0px 0px 30px 15px; } figure.figure-staff img { max-width: 75px; } figure.figure-staff .full-name { font-size: 1em; } figure.figure-staff .title { font-size: 0.8235em; } }

.st0{fill:#CCCCCC;} .st1{fill:#086B92;} .st2{fill:#ED403F;}

.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#CA2741;} .st1{fill:#72A0C4;}