@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(//fonts.gstatic.com/l/font?kit=6xK3dSBYKcSV-LCoeQqfX1RYOo3aOrxokfXZNXJcftyFko9cpSTqvDLkD9iI9TjkUXXN5wRS1oIP9bxWqZWT15wW5oErYFNy4IEXpQDYh06rsH90G4_DHNe2e941hTFMTn5w7SeZqQeY3rd7b9BlpIEhgJzcmoZ-vJfU8Goy8IKtJRir-ex-elCTxUf3X4nW1KhLZ1lGlsi81-opZ5AyqOE&skey=1e026b1c27170b9b&v=v11) format("woff2"), url(//fonts.gstatic.com/l/font?kit=6xK3dSBYKcSV-LCoeQqfX1RYOo3aPrxokfXZNXJcftyFko9cpSTqvDLkD9iI9TjkUXXN5wRS1oIP9bxWqZWT15wW5oErYFNy4IEXpQDYh06rsH90G4_DHNe2e941hTFMTn5w7SeZqQeY3rd7b9BlpIEhgJzcmoZ-vJfU8Goy8IKtJRir-ex-elCTxUf3X4nW1KhLZ1lGlsi81-opZ5AyqOE&skey=1e026b1c27170b9b&v=v11) format("woff");
}
/* REDESIGN COLOR PALLETE */
/* CARE PAGES */
/* TYPOGRAPHY REDESIGN OPTIONS. RESPONSIVE SCALE AND TOKENS. */
/* NEW TYPOGRAPHY AND SPACING MIXINS. MAYOR THIRD SCALE AND TOKEN BASED. */
/* ----------------------------------- //
//      CSS Hacks Mixins for Sass
// ----------------------------------- //

    Full Source: https://github.com/saadeghi/browser-hack-sass-mixins
    Last Updated: April 27, 2016

	How to use:

	@include [Mixin_Name]( 'selector', (property: value) )

	Example:

	@include only_ie9( '.my_element', (color: red) )
	@include only_ff28_above( '.my_element', (
		background-color: green,
		display: flex,
		margin: 2em,
	))

	Tips:
	  - Use firefox mixins before IE mixins. Sometimes Firefox wants to precess the IE css but it can't and skips it's own CSS!

// ----------------------------------- //

	List of Mixins:

	only_ff
	only_ff2
	only_ff2_above
	only_ff3_above
	only_ff6_above
	only_ff16_above
	only_ff21_above
	only_ff24_above
	only_ff25_above
	only_ff26_above
	only_ff27_above
	only_ff28_above
	only_ff30_above
	only_webkit
	only_chrome
	only_safari
	only_safari9
	only_ios
	only_safari_no_ios
	only_opera9_safari2
	only_opera
	only_opera11
	only_edge
	only_ie6
	only_ie7
	only_ie7_below
	only_ie8
	only_ie8_below
	only_ie9
	only_ie9_below
	only_ie10_above
	only_ie11
	only_ie11_above
	no_ie6
	only_ie9_saf4_above
	no_ie_safari6

// ----------------------------------- */
/* ----------------------------------- //
//          Firefox CSS Hacks
// ----------------------------------- */
/*--- Only Firefox ---*/
/*--- Only Firefox 1.5 and Firefox 2 ---*/
/*--- Only Firefox ≥ 2 ---*/
/*--- Only Firefox ≥ 3 ---*/
/*--- Only Firefox ≥ 6 ---*/
/*--- Only Firefox ≥ 16 ---*/
/*--- Only Firefox ≥ 21 ---*/
/*--- Only Firefox ≥ 24 ---*/
/*--- Only Firefox ≥ 25 ---*/
/*--- Only Firefox ≥ 26 ---*/
/*--- Only Firefox ≥ 27 ---*/
/*--- Only Firefox ≥ 28 ---*/
/*--- Only Firefox ≥ 30 ---*/
/* ----------------------------------- //
//          Webkit CSS Hacks
// ----------------------------------- */
/*--- Only Webkit (Chrome, Safari, Opera ≥ 14) ---*/
/*--- Only Chrome 28+, Opera ≥ 14 ---*/
/*--- Only Safari ≥ 6.1 ---*/
/*--- Only Safari ≥ 9 ---*/
/*--- Only iOS Safari ≥ 9 ---*/
/*--- Only Safari ≥ 9 (Non iOS) ---*/
/*--- Only Opera ≤ 9.27, Safari ≤ 2 ---*/
/* ----------------------------------- //
//           Opera CSS Hacks
// ----------------------------------- */
/*--- Only Opera ≥ 9.5 ---*/
/*--- Only Opera ≤ 11 ---*/
/* ----------------------------------- //
//     Edge CSS Hacks
// ----------------------------------- */
/* ----------------------------------- //
//     Internet Explorer CSS Hacks
// ----------------------------------- */
/*--- Only IE ≤ 6 ---*/
/*--- Only IE7 ---*/
/*--- Only IE ≤ 7 ---*/
/*--- Only IE8 ---*/
/*--- Only IE ≤ 8 ---*/
/*--- Only IE9 ---*/
/*--- Only IE ≤ 9 ---*/
/*--- Only IE10 ---*/
/*--- Only IE ≤ 11 ---*/
/*--- Only IE ≥ 11 ---*/
/*--- Anything but IE6 ---*/
/*--- Only IE ≥ 9, safari4, android ≥ 2.3 ---*/
/* ----------------------------------- //
//           Other CSS Hacks
// ----------------------------------- */
/*--- Everything but IE and Safari ≤ 6 ---*/
/**
 * Helpers.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */

/**
***THIS IS DEPRECATED ANYTHING BELOW THIS LINE DO NOT EDIT ***MUST REFACTOR***
 */
 .nav--primary__header, .button--full,
.contact-box-ribbon .container .contact-box li .button--strong.button--arrow,
.contact-box-ribbon .container .contact-box li .button--secondary.button--arrow,
.button--small,
.button--transparent,
.button--strong, .button--search,
.button--secondary,
button,
.button {
  letter-spacing: 0.1em;
}


.lede {
  margin-top: 0 !important;
}

 a {
  color: #0078bf;
  text-decoration: none;
}

 a:hover,
a:focus,
a:active {
  transition: all 0.3s ease;
  color: #0068a6;
  text-decoration: none;
}


.contact-box-ribbon .container .contact-box__phone a {
  color: #0088d9;
}

.contact-box-ribbon .container .contact-box__phone a:hover {
  color: #ffffff;
}

.highlight {
  color: #00843d;
}

.center {
  text-align: center;
}

.section__heading {
  padding: 0 15px;
  margin-bottom: 0.9375rem;
}
@media (min-width: 900px) {
  .section__heading--centered {
    text-align: center;
  }
}

.health .theme-blue-gray-pattern h1, .theme-blue-pattern h1, .theme-blue-gray-pattern h1,
.health .theme-blue-gray-pattern h2,
.theme-blue-pattern h2,
.theme-blue-gray-pattern h2,
.health .theme-blue-gray-pattern h3,
.theme-blue-pattern h3,
.theme-blue-gray-pattern h3,
.health .theme-blue-gray-pattern h5,
.theme-blue-pattern h5,
.theme-blue-gray-pattern h5,
.health .theme-blue-gray-pattern h6,
.theme-blue-pattern h6,
.theme-blue-gray-pattern h6 {
  color: #ffffff;
}

 .theme-white h1,
.theme-white h2,
.theme-white h3,
.theme-white h5,
.theme-white h6 {
  color: #363636;
}

.shade {
  background-color: #f1f5f8;
}
@media (min-width: 900px) {
  .shade.l-2col--2, .shade.l-2col--1 {
    background-color: transparent;
  }
}


.teaser__image-link {
  overflow: hidden;
}

.teaser__image-link img {
  transition: all 0.95s ease;
}

.teaser__image-link:hover img {
  transform: scale(1.1);
}

 .hamburger-primary {
  transition: all 0.5s ease-in-out;
  display: inline-block;
  position: relative;
  transform: rotate(0deg);
  cursor: pointer;
}

 .hamburger-primary__line {
  transition: all 0.25s ease-in-out;
  display: block;
  position: absolute;
  width: 100%;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
}

/**
 * Applies a clearfix ruleset using a placeholder selector. Placeholder selectors
 * do not get compiled uless they are called - removing the nesting issues that
 * can otherwise occur with extends.
 */
 .teaser-list__load-more:after,
.footer:after, .header:after,
.content-pad:after,
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

 .theme-blue-pattern:before, .theme-blue-gray-pattern:before, .theme-white:before, .theme-blue-pattern:after, .theme-blue-gray-pattern:after, .theme-white:after {
  display: block;
  content: ".";
  height: 0;
  text-indent: -9999em;
  opacity: 0;
}

/**
 * Element-invisible as defined by snook.ca
 * @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.element-invisible {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* Turns off the element-invisible effect. */

.hero:after, .theme-blue-pattern, .theme-blue-gray-pattern {
  background-image: url("../imgs/pattern-waves.svg");
  background-repeat: repeat;
  background-size: 126px 21px;
}

 .teaser__image-link, .call-to-action__image {
  max-width: 430px;
}
@media (min-width: 900px) {
   .teaser__image-link, .call-to-action__image {
    max-width: inherit;
  }
}

.filters {
  display: none;
  margin-top: 1.40625rem;
}

@media (min-width: 900px) {
  .scroll {
    height: 500px;
    overflow-y: scroll;
  }
}

.underlay.open {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.triangle-up {
  width: 0.9375rem;
  height: 0;
  float: right;
  margin-right: 4px;
}
.triangle-up:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: -1.40625rem;
  border-left: 0.9375rem solid transparent;
  border-right: 0.9375rem solid transparent;
  border-bottom: 0.9375rem solid #ffffff;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.inline-block {
  display: inline-block;
  margin-right: 1em;
  margin-top: 0.75em;
}

 .header__logo, h1 {
  /* Set the font-size and line-height while keeping a proper vertical rhythm. */
  font-size: 32px;
  font-size: 2rem;
  line-height: 45px;
  line-height: 2.8125rem;
  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: normal;
  word-break: normal;
  word-break: break-word;
  /*-ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;*/
  font-family: "Source Sans Pro", "News Cycle", sans-serif;
  font-weight: 400;
  color: #363636;
}
@media (min-width: 600px) {
   .header__logo, h1 {
    font-size: 38px;
    font-size: 2.4rem;
    line-height: 49px;
    line-height: 3.046875rem;
    margin-top: 30px;
    margin-top: 1.875rem;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}

 h2 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 38px;
  line-height: 2.34375rem;
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: normal;
  word-break: normal;
  word-break: break-word;
  /*-ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;*/
  font-family: "Source Sans Pro", "News Cycle", sans-serif;
  font-weight: 400;
  color: #363636;
}
@media (min-width: 600px) {
   h2 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 45px;
    line-height: 2.8125rem;
    margin-top: 30px;
    margin-top: 1.875rem;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}

 h3 {
  font-size: 19px;
  font-size: 1.17rem;
  line-height: 30px;
  line-height: 1.875rem;
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: normal;
  word-break: normal;
  word-break: break-word;
  /*-ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;*/
  font-family: "Source Sans Pro", "News Cycle", sans-serif;
  font-weight: 400;
  color: #363636;
}
@media (min-width: 600px) {
   h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 38px;
    line-height: 2.34375rem;
    margin-top: 30px;
    margin-top: 1.875rem;
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}

.health h6, .health h5, .health h3, .health h2, .health h1 {
  margin-bottom: 1rem;
  font-family: "Source Sans Pro", "Roboto", sans-serif;
  color: #343536;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: normal;
  word-break: normal;
  word-break: break-word;
  /*-ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;*/
}

.health h1 {
  font-size: 40px;
  line-height: 44px;
  font-size: 2.5rem;
  line-height: 2.75rem;
  font-weight: 900;
  margin-top: 0;
}
@media (min-width: 1100px) {
  .health h1 {
    font-size: 48px;
    line-height: 52px;
    font-size: 3rem;
    line-height: 3.25rem;
  }
}

 .health h2 {
  font-size: 36px;
  line-height: 40px;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 700;
}
@media (min-width: 1100px) {
   .health h2 {
    font-size: 40px;
    line-height: 44px;
    font-size: 2.5rem;
    line-height: 2.75rem;
  }
}

 .health h3 {
  font-size: 28px;
  line-height: 32px;
  font-size: 1.75rem;
  line-height: 2rem;
  font-weight: 700;
}

.health h5 {
  font-size: 20px;
  line-height: 24px;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 700;
}

.health h6 {
  font-size: 16px;
  line-height: 20px;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
}

.health {
  font-size: 19.2px;
  line-height: 26.2px;
  font-size: 1.2rem;
  line-height: 1.6375rem;
  font-family: "Source Sans Pro", "Roboto", sans-serif;
}

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.5.1
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */

/* @end */
/* @group Single Chosen */

/* @end */
/* @group Results */

/* @end */
/* @group Multi Chosen */

/* @end */
/* @group Active  */

/* @end */
/* @group Disabled Support */

/* @end */
/* @group Right to Left */

/* @end */
/* @group Retina compatibility */
/* @end */
/**
 * @file
 * Normalize.css is intended to be used as an alternative to CSS resets.
 */
*,
*:before,
*:after {
  box-sizing: inherit;
}

/**
   * 1. Set default font family to sans-serif.
   * 2. Prevent iOS and IE text size adjust after device orientation change,
   *    without disabling user zoom.
   */
html {
  line-height: 27px;
  line-height: 1.6875rem;
  font-size: 100%;
  font-family: "Source Sans Pro", "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  color: #555555;
  background: #ffffff;
  box-sizing: border-box;
}
@media (min-width: 1400px) {
  html {
    font-size: 106.25%;
  }
}

/**
  * Remove default margin.
  */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* HTML5 display definitions
    ========================================================================== */
/**
  * Correct `block` display not defined for any HTML5 element in IE 8/9.
  * Correct `block` display not defined for `details` or `summary` in IE 10/11
  * and Firefox.
  * Correct `block` display not defined for `main` in IE 11.
  */
article,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
summary {
  display: block;
}

/* Correct `inline-block` display not defined in IE 8/9. */

video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

/**
  * Address `[hidden]` styling not present in IE 8/9/10.
  */
[hidden] {
  display: none;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
  height: auto;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
  * Address margins set differently in IE 6/7.
  */
dl,
menu,
ul {
  margin: 0.9375rem 0;
}

/**
   * Turn off margins on nested lists.
   */

ul {
  margin: 0;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ul {
  padding: 0 0 0 25px;
}

/**
  * Address margin not present in IE 8/9 and Safari.
  */
figure {
  margin: 0.9375rem 0;
  padding: 0.9375rem 25px;
  background-color: #f5f5f5;
}
@media (min-width: 600px) {
  figure {
    margin: 0;
    background-color: transparent;
  }
}
figure figcaption {
  color: #888888;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 23px;
  line-height: 1.40625rem;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Address `font-family` inconsistency between `textarea` and other form in IE 7
 * 5. Improve appearance and consistency with IE 6/7.
 */
button,
input {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It"s recommended that you don"t attempt to style these elements.
 * Firefox"s implementation doesn"t respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

/**
 * Fix the cursor style for Chrome"s increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
  /**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren"t caught out if they zero out fieldsets.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/**
 * Responsive elements.
 */
img,
iframe,
embed,
object,
video {
  max-width: 100%;
}

/**
 * Typography
 *
 * @copyright Copyright 2017 Cleveland Clinic *
 */
/**
  * Improve readability of focused elements when they are also in an
  * active/hover state.
  */
a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: normal;
  word-break: normal;
  word-break: break-word;
  /*-ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;*/
}

/* Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
  outline: thin dotted;
}

/* Improve readability when focused and also mouse hovered in all browsers. */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
    ========================================================================== */
/**
   * Set 1 unit of vertical rhythm on the top and bottom margin.
   */
p {
  margin: 0.9375rem 0;
}

/**
 * Contain overflow in all browsers.
 */

/**
  * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
  */

/**
  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
  */
b,
strong {
  font-weight: bold;
}

/**
  * Address styling not present in Safari and Chrome.
  */

/**
 * Don"t inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

/**
  * Address variable `h1` font-size and margin within `section` and `article`
  * contexts in Firefox 4+, Safari, and Chrome.
  */
h5, h6 {
  line-height: 27px;
  line-height: 1.6875rem;
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  font-size: 100%;
  font-family: "Source Sans Pro", "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  color: #555555;
}
@media (min-width: 1400px) {
  h5, h6 {
    font-size: 106.25%;
  }
}

.main-content h3 {
  font-weight: 700;
}

/**
 * Address styling not present in IE 8/9.
 */

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code {
  font-family: monospace, monospace;
  font-size: 1em;
}
:lang(ar) .tab,
:lang(ar) h1,
:lang(ar) h2,
:lang(ar) h3 {
  font-family: "News Cycle", "HelveticaNeue-Light", "Helvetica Neue Light", "Noto Kufi Arabic", sans-serif;
}
@media (min-width: 1100px) {
  :lang(ar) .nav--secondary__link {
    font-family: "News Cycle", "HelveticaNeue-Light", "Helvetica Neue Light", "Noto Kufi Arabic", sans-serif;
  }
}
:lang(zh) .tab,
:lang(zh) h1,
:lang(zh) h2,
:lang(zh) h3 {
  font-family: "News Cycle", "HelveticaNeue-Light", "Helvetica Neue Light", "Noto Sans SC Sliced", sans-serif;
}
@media (min-width: 1100px) {
  :lang(zh) .nav--secondary__link {
    font-family: "News Cycle", "HelveticaNeue-Light", "Helvetica Neue Light", "Noto Sans SC Sliced", sans-serif;
  }
}

/**
 * Icons.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */
 .icon-close,
.icon-kebab,
.icon-for-doctors,
.icon-for-patients, .icon-social-snapchat, .icon-social-pinterest, .icon-social-linkedin, .icon-social-instagram, .icon-social-youtube, .icon-social-twitter, .icon-social-facebook, .icon-arrow-down, .icon-arrow-up {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}

 .icon-arrow-down, .icon-arrow-up {
  width: 0.7em;
  height: 0.7em;
}

.icon-arrow-up {
  background-image: url("../imgs/icon-arrow-up.svg");
}

.icon-arrow-down {
  background-image: url("../imgs/icon-arrow-down.svg");
}

.icon-social-snapchat, .icon-social-pinterest, .icon-social-linkedin, .icon-social-instagram, .icon-social-youtube, .icon-social-twitter, .icon-social-facebook {
  height: 2.4em;
  width: 2.4em;
}

.icon-social-facebook {
  background-image: url("../imgs/icon-social-facebook.svg");
}

.icon-social-twitter {
  background-image: url("../imgs/icon-social-twitter.svg");
}

.icon-social-youtube {
  background-image: url("../imgs/icon-social-youtube.svg");
}

.icon-social-instagram {
  background-image: url("../imgs/icon-social-instagram.svg");
}

.icon-social-linkedin {
  background-image: url("../imgs/icon-social-linkedin.svg");
}

.icon-social-pinterest {
  background-image: url("../imgs/icon-social-pinterest.svg");
}

.icon-social-snapchat {
  background-image: url("../imgs/icon-social-snapchat.svg");
}

/* used in CTA Panel */

/* smaller version for inline icons -- used in Express Care wait times */

/* smaller version for callout */

.icon-for-doctors,
.icon-for-patients {
  background-image: url("../imgs/icon-for-patients.svg");
  width: 2.5em;
  height: 2.5em;
}

.icon-for-doctors {
  background-image: url("../imgs/icon-for-doctors.svg");
}

.icon-close,
.icon-kebab {
  height: 1.25em;
  width: 1.25em;
  min-width: 1.25em;
  margin-left: 15px;
}

.icon-close {
  background-image: url("../imgs/icon-close.svg");
}

.icon-kebab {
  background-image: url("../imgs/icon-kebab.svg");
}

/**
 * Button.scss
 *
 * @copyright Copyright 2016 Palantir.net
 */
 .button--full,
.contact-box-ribbon .container .contact-box li .button--strong.button--arrow,
.contact-box-ribbon .container .contact-box li .button--secondary.button--arrow,
.button--small,
.button--transparent,
.button--strong, .button--search,
.button--secondary,
button,
.button {
  font-weight: 700;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18px;
  line-height: 1.125rem;
  padding: 0.65625rem 1.125rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #0078bf;
  border: 1px solid #0078bf;
  border-radius: 3px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  margin-top: 0;
  position: relative;
  vertical-align: middle;
}
 .button--full:active,
.contact-box-ribbon .container .contact-box li .button--strong.button--arrow:active,
.contact-box-ribbon .container .contact-box li .button--secondary.button--arrow:active,
.button--small:active,
.button--transparent:active,
.button--strong:active, .button--search:active,
.button--secondary:active, .button--full:hover,
.contact-box-ribbon .container .contact-box li .button--strong.button--arrow:hover,
.contact-box-ribbon .container .contact-box li .button--secondary.button--arrow:hover,
.button--small:hover,
.button--transparent:hover,
.button--strong:hover, .button--search:hover,
.button--secondary:hover, .button--full:focus,
.contact-box-ribbon .container .contact-box li .button--strong.button--arrow:focus,
.contact-box-ribbon .container .contact-box li .button--secondary.button--arrow:focus,
.button--small:focus,
.button--transparent:focus,
.button--strong:focus, .button--search:focus,
.button--secondary:focus,
button:active,
button:hover,
button:focus,
.button:active,
.button:hover,
.button:focus {
  background-color: #0088d9;
  border-color: #0088d9;
  color: #ffffff;
}

.cosmetic-plastic-surgery .button.button--arrow:after, .cosmetic-plastic-surgery .button--strong.button--arrow:after,
.button--arrow-up:after,
.button--arrow-down:after,
.button--arrow:after {
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.1);
  background-image: url("../imgs/icon-arrow--white-right.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.9em;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.875rem;
}

.cosmetic-plastic-surgery .button.button--arrow:hover:after, .cosmetic-plastic-surgery .button--strong.button--arrow:hover:after,
.button--arrow-up:hover:after,
.button--arrow-down:hover:after,
.button--arrow:hover:after {
  width: 2.109375rem;
}

.button--arrow-up,
.button--arrow-down,
.button--arrow {
  padding-right: 2.578125rem;
  position: relative;
}
.button--arrow-up:after,
.button--arrow-down:after {
  background-image: url("../imgs/icon-arrow--white-down.svg");
}

.button--arrow-up:after {
  background-image: url("../imgs/icon-arrow--white-up.svg");
}


.contact-box-ribbon .container .contact-box li .button--strong.button--arrow,
.contact-box-ribbon .container .contact-box li .button--secondary.button--arrow, .button--search,
.button--secondary {
  background-color: #ffffff;
  border-color: #dddddd;
  color: #0078bf;
}

.contact-box-ribbon .container .contact-box li .button--strong.button--arrow:active,
.contact-box-ribbon .container .contact-box li .button--secondary.button--arrow:active, .button--search:active,
.contact-box-ribbon .container .contact-box li .button--strong.button--arrow:hover,
.contact-box-ribbon .container .contact-box li .button--secondary.button--arrow:hover, .button--search:hover,
.contact-box-ribbon .container .contact-box li .button--strong.button--arrow:focus,
.contact-box-ribbon .container .contact-box li .button--secondary.button--arrow:focus, .button--search:focus,
.button--secondary:active,
.button--secondary:hover,
.button--secondary:focus {
  background-color: #f1f5f8;
  border-color: #dddddd;
  color: #0078bf;
}

.contact-box-ribbon .container .contact-box li .button--arrow.button--strong:after,
.contact-box-ribbon .container .contact-box li .button--arrow.button--secondary:after, .button--arrow.button--search:after,
.button--secondary.button--arrow:after {
  background-image: url("../imgs/icon-arrow--blue-right.svg");
  background-color: #f1f5f8;
}

.contact-box-ribbon .container .contact-box li .button--arrow-down.button--strong.button--arrow:after,
.contact-box-ribbon .container .contact-box li .button--arrow-down.button--secondary.button--arrow:after, .button--arrow-down.button--search:after,
.button--secondary.button--arrow-down:after {
  background-image: url("../imgs/icon-arrow--blue-down.svg");
  background-color: #f1f5f8;
}

.contact-box-ribbon .container .contact-box li .button--arrow-up.button--strong.button--arrow:after,
.contact-box-ribbon .container .contact-box li .button--arrow-up.button--secondary.button--arrow:after, .button--arrow-up.button--search:after,
.button--secondary.button--arrow-up:after {
  background-image: url("../imgs/icon-arrow--blue-up.svg");
  background-color: #f1f5f8;
}

.contact-box-ribbon .container .contact-box li .button--strong.button--arrow:hover:after,
.contact-box-ribbon .container .contact-box li .button--secondary.button--arrow:hover:after, .button--search:hover:after,
.button--secondary:hover:after {
  background-color: #e0e9f0;
}


.button--strong {
  background-color: #f08122;
  border-color: #f08122;
  color: #ffffff;
}

.button--strong:active,
.button--strong:hover,
.button--strong:focus {
  background-color: #f28f3a;
  border-color: #f28f3a;
  color: #ffffff;
}

.button--strong.button--arrow:after {
  background-image: url("../imgs/icon-arrow--white-right.svg");
  background-color: #e56510;
}

.button--strong:hover:after {
  background-color: #f08122;
}


.button--transparent {
  background-color: transparent;
  border-color: transparent;
  color: #ffffff;
}

.button--transparent:active,
.button--transparent:hover,
.button--transparent:focus {
  background-color: transparent;
  border-color: transparent;
  color: #ffffff;
}

.button--transparent.button--arrow {
  padding-right: 1.875rem;
}

.button--transparent.button--arrow:after {
  background-image: url("../imgs/icon-arrow--white-right.svg");
  background-color: transparent;
}

.button--transparent:hover:after {
  background-color: transparent;
}


.contact-box-ribbon .container .contact-box li .button--strong.button--arrow,
.contact-box-ribbon .container .contact-box li .button--secondary.button--arrow,
.button--small {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 15px;
  line-height: 0.9375rem;
  padding: 0.46875rem 0.9375rem;
}

.contact-box-ribbon .container .contact-box li .button--arrow.button--strong,
.contact-box-ribbon .container .contact-box li .button--arrow.button--secondary,
.button--small.button--arrow,
.button--small.button--arrow-up,
.button--small.button--arrow-down {
  position: relative;
  padding-right: 2.578125rem;
}

.button--full {
  width: 100%;
}

.button--search {
  background: #f1f5f8 url("../imgs/icon-search--blue.svg") no-repeat 0.84375rem center;
  background-size: 14px;
  padding-left: 2.109375rem;
}
.button--search:active, .button--search:hover, .button--search:focus {
  background: #ffffff url("../imgs/icon-search--blue.svg") no-repeat 0.84375rem center;
  background-size: 14px;
}

.button--search-dark-gray {
  background: #f5f5f5 url("../imgs/icon-search--dark-gray.svg") no-repeat 0.84375rem center;
  background-size: 22px;
}

.button--no-radius {
  border-radius: 0;
}

/* for IE */
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  *::-ms-backdrop {
    display: none;
  }
}

/**
 * Forms.scss
 *
 * @copyright Copyright 2016 Palantir.net
 */

input[type=text],
input[type=url],
input[type=number],
input[type=search],
input[type=tel],
input[type=color] {
  font-size: 16px;
  font-size: 1rem;
  line-height: 30px;
  line-height: 1.875rem;
  transition: all 0.3s ease;
  color: #888888;
  appearance: none;
  background: #ffffff;
  width: 100%;
  text-indent: 0.5em;
  border: 1px solid #dddddd;
  border-radius: 3px;
  outline: none;
  line-height: 2.75em;
}
input[type=text]:focus, input[type=text]:active,
input[type=url]:focus,
input[type=url]:active,
input[type=number]:focus,
input[type=number]:active,
input[type=search]:focus,
input[type=search]:active,
input[type=tel]:focus,
input[type=tel]:active,
input[type=color]:focus,
input[type=color]:active {
  border: 1px solid #0078bf;
  outline: none;
}
@media (min-width: 1100px) {
  input[type=text]:hover,
input[type=url]:hover,
input[type=number]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=color]:hover {
    border: 1px solid #c4c4c4;
    outline: none;
  }
}

input[type=text],
input[type=url],
input[type=number],
input[type=search],
input[type=tel],
input[type=color] {
  height: 2.75em;
}

input[type=search] {
  box-sizing: border-box;
  padding-left: 1.875rem;
  background-repeat: no-repeat;
  background-position: 0.9em center;
  background-size: 0.9em;
  background-image: url("../imgs/icon-search.svg");
}

.error input, .error input:hover {
  border: 1px solid #d00;
}
.error input[type=file], .error input[type=file]:hover {
  border: none;
}

/* for firefox */
/* for Chrome */
/* for IE */
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  *::-ms-backdrop {
    padding-left: 0;
    margin-top: 0;
  }
}
@media not all and (min-resolution: 0.001dpcm) {
}
@media (min-width: 600px) and (-ms-high-contrast: active), (min-width: 600px) and (-ms-high-contrast: none) {
  *::-ms-backdrop {
    display: inline-block;
    margin-left: 0.9375rem;
    margin-top: 0;
  }
}
@media (min-width: 600px) and (-ms-high-contrast: active), (min-width: 600px) and (-ms-high-contrast: none) {
  *::-ms-backdrop {
    display: inline;
  }
}

/**
 * Styles for Tables
 *
 * @copyright Copyright 2016 Cleveland Clinic
 */
table {
  width: 100%;
  margin: 0.9375rem 0;
}
table thead {
  display: table-header-group;
}
table tbody td {
  display: block;
  text-align: center;
  border: 1px solid #cccccc;
  border-bottom: 0;
  padding: 0.46875rem 0.9375rem;
  margin-bottom: -1px;
}
@media (min-width: 600px) {
  table tbody td {
    margin-bottom: 0;
  }
}
table th {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 30px;
  line-height: 1.875rem;
  text-align: center;
  padding: 0.9375rem;
  font-weight: 400;
  display: none;
}
table th:first-of-type {
  display: table-cell;
}
@media (min-width: 900px) {
  table th {
    display: table-cell;
  }
}
.responsive-table-3-level th {
  background-color: #555555;
  color: #ffffff;
}
.responsive-table-2-level th {
  background-color: #555555;
  color: #ffffff;
}

.floating-header {
  position: fixed;
  top: 0;
  transform: translate3d(0px, 0px, 0px);
  visibility: hidden;
}

@media (min-width: 900px) {
  table tbody td, table.responsive-table-2-level tbody td, table.responsive-table-3-level tbody td {
    display: table-cell;
    text-align: left;
    border: 1px solid #dddddd;
    border-left: 0;
    border-right: 0;
  }
  table thead, table.responsive-table-2-level thead, table.responsive-table-3-level thead {
    display: table-header-group;
  }
  table thead th, table.responsive-table-2-level thead th, table.responsive-table-3-level thead th {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 30px;
    line-height: 1.875rem;
    font-weight: 700;
    color: #363636;
    background-color: transparent;
    border-bottom: 0;
    text-align: left;
    padding: 0.703125rem 0.9375rem;
  }
}
table.non-responsive-table tbody td {
  display: table-cell;
  text-align: left;
  border: 1px solid #dddddd;
  border-left: 0;
  border-right: 0;
}
table.non-responsive-table thead {
  display: table-header-group;
}
table.non-responsive-table thead th {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-weight: 700;
  color: #363636;
  background-color: transparent;
  border-bottom: 0;
  text-align: left;
  padding: 0.703125rem 0.9375rem;
}
table.non-responsive-table thead th {
  border-bottom: 1px solid #dddddd;
  padding: 0.46875rem 0.9375rem;
  display: table-cell;
}
.table-scroll__navigation {
  display: block;
}
.table-scroll__navigation-pips {
  margin: 0;
  padding: 0;
  text-align: right;
}
.table-scroll__navigation-pip {
  display: inline;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 15px;
  line-height: 0.9375rem;
  color: #9c9c9c;
  padding-left: 2px;
}
.table-scroll__navigation-pip.off-screen {
  color: #dddddd;
}
.table-scroll__shadow {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1.6rem;
  left: 200px;
  -webkit-box-shadow: inset 9px 0 6px -6px rgba(0, 0, 0, 0.1);
  box-shadow: inset 9px 0 6px -6px rgba(0, 0, 0, 0.1);
}
.table-scroll__pagination {
  text-align: right;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 15px;
  line-height: 0.9375rem;
  padding-bottom: 0.9375rem;
  margin: 0;
}

.pagination__item {
  display: inline;
  padding-left: 8px;
}
.pagination__prev, .pagination__next {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  background-color: transparent;
  padding: 0;
  border-radius: unset;
  height: 0;
  width: 0;
}
.pagination__prev:active, .pagination__prev:hover, .pagination__prev:focus, .pagination__next:active, .pagination__next:hover, .pagination__next:focus {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  outline: none;
}
.pagination__prev {
  border-right: 16px solid #0078bf;
}
.pagination__prev:active, .pagination__prev:hover, .pagination__prev:focus {
  border-right: 16px solid #0088d9;
}
.pagination__next {
  border-left: 16px solid #0078bf;
}
.pagination__next:active, .pagination__next:hover, .pagination__next:focus {
  border-left: 16px solid #0088d9;
}

.data-table--scroll {
  margin-bottom: 0;
  border-bottom: 2px solid #dddddd;
}
.data-table--scroll thead th {
  background-color: #f5f5f5;
  border-bottom: none;
  font-weight: bold;
}
.data-table--scroll thead th:first-child {
  text-align: left;
}
.data-table--scroll tbody td {
  border: none;
  border-top: 1px solid #dddddd;
}
.data-table--scroll tbody td, .data-table--scroll thead th {
  max-width: 400px;
  padding: 0.28125rem 15px;
  margin-bottom: 0;
  display: table-cell;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 15px;
  line-height: 0.9375rem;
  vertical-align: top;
  overflow: hidden;
}
@media (min-width: 900px) {
  .data-table--scroll tbody td, .data-table--scroll thead th {
    padding: 0.28125rem 15px;
    display: table-cell;
    text-align: center;
  }
}
.data-table--scroll .fixed-col {
  position: absolute;
  top: auto;
  left: 0;
  z-index: 4;
  text-align: left;
  background-color: #ffffff;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 15px;
  line-height: 0.9375rem;
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}
.data-table--scroll th.fixed-col {
  background-color: #f5f5f5;
  border-bottom: none;
}
.data-table--scroll .spacer-col {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}

/**
 * Images.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */

/**
 * Spacing.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */


.content-pad {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
@media (min-width: 600px) {
  
.content-pad {
    margin-top: 2.8125rem;
    margin-bottom: 2.8125rem;
  }
}
@media (min-width: 900px) {
  
.content-pad {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
  }
}

.border-right {
  border-right: 1px solid #dddddd;
}

.border-bottom {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 0.9375rem;
}

/**
 * @file
 * Define zen grids base settings here.
 * @see http://zengrids.com
 */
/*
 * Center the page.
 */
.container {
  /* For screen sizes larger than 1200px, prevent excessively long lines of text
     by setting a max-width. */
  margin-left: auto;
  margin-right: auto;
  min-width: 260px; /* enforces a min-width in FF. */
}
@media (min-width: 600px) {
  .container {
    width: 90%;
  }
}
@media (min-width: 900px) {
  .container {
    max-width: 1300px;
  }
}

/*
 * Apply the shared properties of grid items in a single, efficient ruleset.
 */
.container {
  padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*
 * Containers for grid items and flow items.
 */
.container:before {
  content: "";
  display: table;
}
.container:after {
  content: "";
  display: table;
  clear: both;
}

.container {
  padding-left: 0;
  padding-right: 0;
}

/**
 * @file
 * Layout rules for full-width content
 */
.l-1col {
  clear: left;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
  padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/**
 * @file
 * Layout rules for two thirds / one third (66/33) content
 */
.l-66-33--1 {
  clear: left;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
  padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 900px) {
  .l-66-33--1 {
    float: left;
    width: 66.6666666667%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.l-66-33--2 {
  clear: left;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
  padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 900px) {
  .l-66-33--2 {
    clear: none;
    float: left;
    width: 33.3333333333%;
    margin-left: 66.6666666667%;
    margin-right: -100%;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/**
* @file
* Layout rules for two thirds / one third (66/33) content
*/

/**
 * @file
 * Layout rules for one third / two thirds (33/66) content
 */

/**
* @file
* Layout rules for two thirds / one third (66/33) content (desktop), and 2 columns (tablet)
*/

/**
 * @file
 * Layout rules for 2-col content
 */

.l-2col--1 {
  clear: left;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
  padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 900px) {
  .l-2col--1 {
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .l-2col--1.push {
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.l-2col--2 {
  clear: left;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
  padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 900px) {
  .l-2col--2 {
    clear: none;
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/**
 * @file
 * Layout rules for 3-col content
 */

.l-3col--1 {
  clear: left;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
  padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 900px) {
  .l-3col--1 {
    clear: left;
    float: left;
    width: 33.3333333333%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.l-3col--2 {
  clear: left;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
  padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 900px) {
  .l-3col--2 {
    clear: none;
    float: left;
    width: 33.3333333333%;
    margin-left: 33.3333333333%;
    margin-right: -100%;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.l-3col--3 {
  clear: left;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
  padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 900px) {
  .l-3col--3 {
    clear: none;
    float: left;
    width: 33.3333333333%;
    margin-left: 66.6666666667%;
    margin-right: -100%;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/**
 * @file
 * Layout rules for 4-col content
 */
.l-4col {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 600px) {
  .l-4col {
    float: left;
    width: 50%;
  }
}
@media (min-width: 900px) {
  .l-4col {
    width: 25%;
  }
}
@media (min-width: 600px) {
  .l-4col:nth-of-type(2n+1) {
    clear: left;
  }
}
@media (min-width: 900px) {
  .l-4col:nth-of-type(2n+1) {
    clear: none;
  }
}
@media (min-width: 900px) {
  .l-4col:nth-of-type(4n+1) {
    clear: left;
  }
}

.l-4col--1 {
  clear: left;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
  padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 600px) {
  .l-4col--1 {
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media (min-width: 900px) {
  .l-4col--1 {
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.l-4col--2 {
  clear: left;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
  padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 600px) {
  .l-4col--2 {
    clear: none;
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media (min-width: 900px) {
  .l-4col--2 {
    float: left;
    width: 25%;
    margin-left: 25%;
    margin-right: -100%;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.l-4col--3 {
  clear: left;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
  padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 600px) {
  .l-4col--3 {
    clear: left;
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media (min-width: 900px) {
  .l-4col--3 {
    clear: none;
    float: left;
    width: 25%;
    margin-left: 50%;
    margin-right: -100%;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.l-4col--4 {
  clear: left;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
  padding-left: 15px;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 600px) {
  .l-4col--4 {
    clear: none;
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media (min-width: 900px) {
  .l-4col--4 {
    float: left;
    width: 25%;
    margin-left: 75%;
    margin-right: -100%;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/**
 * @file
 * Layout rules for l-4-4-1-col content
 */

/**
 * @file
 * Layout rules for 6-col content
 */

/**
 * @file
 * Layout rules for 123-col content
 */

/**
 * @file
 * Layout rules for newsletter subscribe panel content
 */

/**
 * nested-accordions.scss
 *
 * Layout rules for nested accordions inside columns addressing containers and padding.
 */

/**
 * nested-grid.scss
 *
 * Layout rules for nested grids wrappers and items
 */

/**
* @file
* Layout rules for locations panel (for <= 3 cards)
* 3 cards: 1 column for mobile and small tablet (<900px), 3 column for large tablet and desktop (900+px) 
* 2 cards: 1 column for mobile (<600px), 2 column for tablet and desktop (600+px) 
* 1 card: 1 column for all screen sizes 
*/

/**
 * Hamburger.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */
.hamburger-primary {
  width: 22px;
  height: 16px;
}
.hamburger-primary__line {
  height: 3px;
}
.hamburger-primary__line:nth-child(1) {
  top: 0px;
}
.hamburger-primary__line:nth-child(2), .hamburger-primary__line:nth-child(3) {
  top: 7px;
}
.hamburger-primary__line:nth-child(4) {
  top: 14px;
}

.hamburger-primary__line {
  background-color: #555555;
}

.hamburger-primary.open .hamburger-primary__line:nth-child(1) {
  top: 5px;
  width: 0%;
  left: 50%;
}
.hamburger-primary.open .hamburger-primary__line:nth-child(2) {
  transform: rotate(45deg);
}
.hamburger-primary.open .hamburger-primary__line:nth-child(3) {
  transform: rotate(-45deg);
}
.hamburger-primary.open .hamburger-primary__line:nth-child(4) {
  top: 5px;
  width: 0%;
  left: 50%;
}

/**
 * accordion--l-grid.scss
 *
 * Layout rules for accordions in l-grids addressing containers and padding.
 */

/**
 * Lists.scss
 *
 * @copyright Copyright 2017 Cleveland Clinic
 */

/**
 * Tabs.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */
.tabs {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .tabs {
    display: block;
    border-bottom: #dddddd solid 1px;
    margin-top: 3.75rem;
  }
}

.tab {
  position: relative;
  top: 1px;
  font-family: "Source Sans Pro", "News Cycle", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 30px;
  line-height: 1.875rem;
  display: inline-block;
}
@media (min-width: 1400px) {
  .tab {
    top: 2px;
  }
}

/**
 * Breadcrumb.scss
 *
 * @copyright Copyright 2016 Palantir.net
 */

/**
 * Accordion.scss
 *
 * @copyright Copyright 2016 Palantir.net
 */
/*----- Section Titles -----*/
.accordion-section-title {
  width: 100%;
  padding: 15px 37.5px 15px 15px;
  display: inline-block;
  border-bottom: 1px solid #dddddd;
  background: #ffffff;
  color: #555555;
  position: relative;
  z-index: 2;
}
.accordion-section-title:link, .accordion-section-title:visited, .accordion-section-title:active, .accordion-section-title:focus {
  color: #555555;
}
.accordion-section-title:after {
  position: absolute;
  background-image: url(../imgs/icon-arrow-down.svg);
  content: "";
  width: 15px;
  height: 15px;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.accordion-section-title.active:after {
  background-image: url(../imgs/icon-arrow-up.svg);
  content: "";
}
.l-66-33--1 .accordion-section-title {
  display: block;
  width: auto;
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .l-66-33--1 .accordion-section-title {
    display: none;
  }
}
@media (min-width: 768px) {
  .accordion-section-title {
    display: none;
  }
}

.accordion-content {
  display: none;
}
@media (min-width: 768px) {
  .accordion-content {
    display: block;
  }
}

.back-to-top {
  position: fixed;
  height: 50px;
  width: 50px;
  top: 25%;
  right: 0.65625rem;
  visibility: hidden;
  opacity: 0;
  z-index: 20;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.back-to-top.is-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

@media only screen and (min-width: 900px) {
  .back-to-top {
    display: none;
  }
}
/**
 * Spinner.scss
 *
 * @copyright Copyright (c) 2017 Cleveland Clinic
 */
.spinner--pad {
  text-align: center;
  padding: 1.875rem;
}

/**
 * Clearable.scss
 *
 * @copyright Copyright (c) 2017 Cleveland Clinic
 */
.js-clear-input {
  display: none;
}

.js-clear-input.js-show-clear {
  color: #fff;
  cursor: pointer;
  border-radius: 50%;
  width: 19px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
  margin-left: -2em;
  margin-bottom: 5px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEWSURBVDhPnZPBioMwEIZ9/0cRPAbB00L3UDws2cOeCm2hdKkXS0pZQQLZL85U1+5GFj8wJOP/O5NJzMKctm2ttVVVFUWR5zkjcyLEVfFgcvZ9X9c16hS8RaPq0emcK8tSJWnQoBRLdPKl/9gElJI5OpeL/A366GTrGhgw75/XszW6Eow9N/tXXQi4Mvqmq4HNwfkQustoNrahNu8OGw0M4Mpouq4Usz2O5r9tgCuTc5tj3k53H3z3NdiO23nxEVyZTp+p9je6EPx191TSyGLOW8eYzJnYp+9ih429dMl9ru/t/DxjwvtkE8jsmo+Xn8F4nuvvEM/6ewsr/xWBLy2XzVvJJkxOga3TN5ou58zInAhxVQghfANulDxS6CgI1gAAAABJRU5ErkJggg==");
  background-position: top right;
  background-repeat: no-repeat;
}

.js-clearable {
  padding-right: 2.5em;
}
.js-clearable::-ms-clear {
  display: none;
}

/**
 * Panel Themes
 *
 * @copyright Copyright 2016 Cleveland Clinic
 */
.theme-white {
  background: #ffffff;
  color: #363636;
}

.theme-blue-gray-pattern {
  background-color: #3f4047;
  color: #ffffff;
}

.theme-blue-pattern {
  background-color: #0078bf;
  color: #ffffff;
}


.hero.theme-blue-pattern {
  background: linear-gradient(to right, #0078bf, #0088d9);
}

/**
 * Share.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */

/***
  Print full article button
***/

/**
 * Back-link.scss
 *
 * @copyright Copyright 2016 Palantir.net
 */

/**
* Video.scss
*
* @copyright Copyright (c) 2016 Palantir.net
*/

.kaltura-video__container {
  display: inline-block;
  position: relative;
  width: 100%;
}

/**
* media-gallery.scss
*
* @copyright Copyright (c) 2016 ClevelandClinic.net
*/
.animate {
  transition: transform 0.3s ease-out;
}
.gallery-panel--popup {
  background-color: rgb(51, 51, 51);
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  z-index: 15;
  /* May not be needed based on how mobile devices break out the video.
          iOS breaks it out in their own player
          Android keeps the video behind the overlay, but the video can be paused
      .gallery-panel-card__video + .gallery-panel-card__caption {
          display: none;
      }*/
}

/**
 * highlight-block.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */

/* 
  Static Navigation Mobile and Desktop
*/

/*
  Fixed Navigation Mobile
*/

/*
  Article Navigation Icon and Misc
*/
.no-overflow {
  overflow: hidden;
  touch-action: none;
}

/**
 * Results Nav
 *
 * @copyright Copyright 2016 Palantir.net
 */

/**
 * Results
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */

/**
 * Header.scss
 *
 * @copyright Copyright 2016 Palantir.net
 */
.header {
  z-index: 10;
  position: relative;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  padding: 0.9375rem 15px 0 15px;
  background-color: #ffffff;
}
@media (min-width: 1400px) {
  .header {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.header__logo {
  position: relative;
  float: left;
  display: block;
  line-height: 0;
  margin: 0.375rem 0 1.125rem;
}
@media (min-width: 460px) {
  .header__logo {
    margin-top: 0;
  }
}
@media (min-width: 1100px) {
  .header__logo {
    margin-bottom: 15px;
  }
}
.header__logo a {
  display: inline-block;
  line-height: 0;
}
.header__logo a:hover {
  opacity: 0.9;
}
.header__logo img {
  width: 150px;
}
@media (min-width: 460px) {
  .header__logo img {
    width: 220px;
  }
}
@media (min-width: 1100px) {
  .header__logo img {
    width: 300px;
  }
}

/**
* Global Notification Banner
*
* @copyright Copyright 2021 Cleveland Clinic
*/
.notification-banner {
  font-family: "Source Sans Pro", "Roboto", sans-serif;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 0;
  background-color: #498743;
}
.notification-banner__header {
  display: flex;
  align-items: center;
  color: #ffffff;
}
.notification-banner__action-icon {
  width: 1.25rem;
  height: 1.25rem;
  max-width: 1.25rem;
  max-height: 1.25rem;
  margin-right: 0.5rem;
}
.notification-banner__icon {
  width: 1.5rem;
  height: 1.5rem;
  max-width: 1.5rem;
  max-height: 1.5rem;
  margin-right: 1rem;
}
.notification-banner__icon, .notification-banner__action-icon {
  display: flex;
  align-items: center;
  background: transparent;
  border: transparent;
  padding: 0;
}
.notification-banner__icon:hover, .notification-banner__icon:active, .notification-banner__icon:focus, .notification-banner__action-icon:hover, .notification-banner__action-icon:active, .notification-banner__action-icon:focus {
  background: transparent;
  border: transparent;
}
.notification-banner__icon svg, .notification-banner__icon img, .notification-banner__action-icon svg, .notification-banner__action-icon img {
  width: 100%;
}
.notification-banner__title {
  font-size: 11.0344827586px;
  line-height: 1.5rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.notification-banner__action {
  display: flex;
  margin-left: auto;
}
.notification-banner__main {
  margin-right: 2rem;
  margin-left: 2.5rem;
  font-size: 16px;
  line-height: 1.75rem;
  color: #E6E6E6;
}
.notification-banner__main a {
  color: #E6E6E6;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(132, 192, 87, 0.5);
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box;
}
.notification-banner__main a:hover, .notification-banner__main a:focus, .notification-banner__main a:active {
  color: rgb(15, 86, 69);
  border-bottom: 1px solid rgb(15, 86, 69);
  transition: all 0.3s ease;
}

@media (min-width: 600px) {
  .notification-banner__header {
    margin-top: 1rem;
    margin-right: 0;
    margin-bottom: 0.5rem;
    margin-left: 4rem;
  }
  .notification-banner__icon {
    width: 2rem;
    height: 2rem;
    max-width: 2rem;
    max-height: 2rem;
  }
  .notification-banner__main {
    margin-top: 0.5rem;
    margin-right: 7rem;
    margin-left: 7rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 1100px) {
  .notification-banner__action-icon {
    margin-right: 0;
  }
}
@media (min-width: 1400px) {
  .notification-banner__action-icon {
    margin-right: 1rem;
  }
}
/**
 * Styles for Language Selector
 *
 * @copyright Copyright 2017 Cleveland Clinic
 */

/**
 * Utility Nav
 *
 * @copyright Copyright 2016 Palantir.net
 */
.nav--utility {
  display: none;
}
@media (min-width: 600px) {
  .nav--utility ~ .header__logo {
    margin-top: 5px;
  }
}
@media (min-width: 1100px) {
  .nav--utility {
    display: block;
    text-align: right;
  }
}
.nav--utility li {
  display: inline;
}

.nav--utility__link {
  color: #363636;
  font-size: 14.4px;
}
@media (min-width: 900px) {
  .nav--utility__link {
    padding-right: 0.9375rem;
  }
  .nav--utility__link--phone {
    color: #0078bf;
    border-right: 1px solid #dddddd;
    margin-right: 0.9375rem;
  }
}

/* Utility Nav Override */
.header > .nav--primary__buttons {
  display: none;
}

/**
 * secondary Navigation
 *
 * @copyright Copyright 2016 Palantir.net
 */
.nav--secondary {
  clear: both;
  display: none;
  margin-bottom: 0.9375rem;
}
@media (min-width: 1100px) {
  .nav--secondary {
    clear: both;
    position: relative;
    display: block;
    margin-bottom: -10px;
    top: -10px;
  }
  .nav--secondary li {
    display: inline;
  }
  .nav--secondary .nav--secondary__link--primary {
    display: none;
  }
}
.nav--secondary li {
  list-style: none;
}
.nav--secondary.open {
  transition: all 0.3s ease;
  display: block;
}

.nav--secondary__link {
  position: relative;
  display: block;
  color: #363636;
  font-family: "Source Sans Pro", "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0.234375rem 0;
  margin-right: 1.40625rem;
}
@media (min-width: 1100px) {
  .nav--secondary__link {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 30px;
    line-height: 1.875rem;
    display: inline-block;
    font-family: "Source Sans Pro", "News Cycle", sans-serif;
    padding: 0.234375rem 0 0.9375rem;
  }
  .nav--secondary__link:after {
    transition: all 0.3s ease;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    background: transparent;
  }
  .nav--secondary__link:hover:after {
    height: 3px;
    background-color: #0078bf;
  }
  .nav--secondary li:last-child .nav--secondary__link {
    margin-right: 0;
  }
}
@media (min-width: 1400px) {
  .nav--secondary__link {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 30px;
    line-height: 1.875rem;
    margin-right: 1.875rem;
  }
  .nav--secondary li:last-child .nav--secondary__link {
    margin-right: 0;
  }
}

/**
 * primary Navigation
 *
 * @copyright Copyright 2016 Palantir.net
 */
nav ul {
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0;
}

.nav--primary__wrapper {
  transition: all 0.3s ease;
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  display: block;
  left: 0.9375rem;
  right: 0.9375rem;
  position: absolute;
  z-index: 3;
  display: block;
  background-color: #ffffff;
  margin-top: 2.8125rem;
  border-radius: 5px;
}
@media (min-width: 600px) {
  .nav--primary__wrapper {
    left: auto;
    width: 25em;
  }
}
.nav--primary__wrapper.open {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
@media (min-width: 1100px) {
  .nav--primary__wrapper.open {
    display: none;
  }
}

.nav--primary__wrapper-inner {
  padding: 0.9375rem;
}

.nav--primary__header {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 30px;
  line-height: 1.875rem;
  text-transform: uppercase;
  font-family: "Source Sans Pro", "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-bottom: 1px solid #dddddd;
  color: #555555;
  margin-top: 0;
}

.nav--primary__link {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 23px;
  line-height: 1.40625rem;
  color: #363636;
  display: block;
  margin: 0.9375rem 0;
}

@media (min-width: 1100px) {
  .nav--primary__menu > .underlay.open {
    display: none;
  }
}

.nav--primary__menu_toggle {
  position: relative;
  display: inline-block;
  z-index: 3;
  float: right;
  padding: 0.375rem 8px 0.140625rem;
  background-color: #ffffff;
  border-color: #ffffff;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 3px;
  cursor: pointer;
}
.nav--primary__menu_toggle:hover, .nav--primary__menu_toggle:focus, .nav--primary__menu_toggle:active {
  background-color: #ffffff;
  border-color: #ffffff;
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 1100px) {
  .nav--primary__menu_toggle {
    display: none;
  }
}

.nav--primary__search_toggle {
  position: relative;
  display: inline-block;
  background-position: center;
  float: right;
  padding: 0.375rem 18px 0.140625rem 22px;
  text-indent: -9999px;
  margin-right: 8px;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 3px;
  cursor: pointer;
}
.nav--primary__search_toggle:hover, .nav--primary__search_toggle:focus, .nav--primary__search_toggle:active {
  background-position: center;
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 1100px) {
  .nav--primary__search_toggle {
    display: none;
  }
}

.nav--primary__extra {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 0.9375rem;
  text-align: center;
}
.nav--primary__extra a {
  display: block;
  font-size: 24px;
}

.nav--primary__buttons .button--small {
  width: 49%;
}

.nav--primary__buttons .button--small:nth-child(2) {
  float: right;
}

/* 
  nav--prev-next.scss
  for use in cases where navigation is needed to advance forward and backward
*/

.align-top-with-title {
  margin-top: 6px;
  align-self: flex-start;
}
/**
 * Footer.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */
.footer {
  background-color: #ffffff;
}
.footer .content-pad {
  margin-top: 0;
  padding-top: 3.75rem;
}

.footer__item {
  margin-bottom: 1.875rem;
}
.footer__item:last-child {
  margin-bottom: 0;
}
@media (min-width: 600px) {
  .footer__item {
    /*&:nth-last-child(2) { margin-bottom: 0; }*/
  }
  .footer__item.l-4col--3 {
    margin-bottom: 0;
  }
}
@media (min-width: 900px) {
  .footer__item {
    margin-bottom: 0;
  }
}

.footer__title {
  margin-bottom: 0.46875rem;
}

.footer__nav {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 23px;
  line-height: 1.40625rem;
}
.footer__nav a {
  display: block;
  color: #555555;
  margin-bottom: 0.234375rem;
}
.footer__nav a:hover {
  color: #0078bf;
}

.footer__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 30px;
  line-height: 1.875rem;
  border-top: 1px solid #dddddd;
  color: #888888;
  text-align: center;
  padding: 0.9375rem 0;
}

/**
 * Footer-social.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */
.footer-social {
  background-color: #f5f5f5;
  padding: 1em 0;
  text-align: center;
}

.footer-social__link {
  display: inline-block;
}
.footer-social__link ~ .footer-social__link {
  margin-left: 0.25em;
}
@media (min-width: 600px) {
  .footer-social__link ~ .footer-social__link {
    margin-left: 0.5em;
  }
}
.footer-social__link:hover {
  opacity: 0.75;
}

/**
 * Hero.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */
.hero {
  position: relative;
  clear: both;
}
.hero:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 600px) {
  .hero {
    padding: 0;
  }
}

.hero__image {
  z-index: 1;
  position: relative;
  background-repeat: no-repeat;
  background-size: 0;
  background-position: center;
}
.hero__image:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 600px) {
  .hero__image {
    background-size: cover;
  }
  .hero__image--shadeBottomDesktop:after {
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.75) 100%);
  }
}

.hero__text {
  text-align: center;
  bottom: 10%;
  top: auto;
  left: 5%;
  right: 5%;
  padding-bottom: 0.9375rem;
  padding-top: 0.9375rem;
}
@media (min-width: 600px) {
  .hero__text {
    transition: all 1s 0.5s ease;
    z-index: 1;
    padding-bottom: 1.875rem;
    padding-top: 1.875rem;
  }
}

.hero__title,
.hero__subtitle {
  text-shadow: 0 2px 1px rgba(54, 54, 54, 0.2);
  margin: 0 auto;
}
@media (min-width: 600px) {
  .hero__title,
.hero__subtitle {
    width: 100%;
    transition: all 1s 0.5s ease;
    transform: translateY(20px);
  }
}

.hero__title {
  font-weight: 700;
}
@media (min-width: 600px) {
  .hero__title {
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 60px;
    line-height: 3.75rem;
    margin-bottom: 0.234375rem;
  }
}
@media (min-width: 900px) {
  .hero__title {
    font-size: 70px;
    font-size: 4.375rem;
    line-height: 75px;
    line-height: 4.6875rem;
  }
}

.hero__subtitle {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-family: "Source Sans Pro", "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
@media (min-width: 600px) {
  .hero__subtitle {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 30px;
    line-height: 1.875rem;
  }
}
@media (min-width: 900px) {
  .hero__subtitle {
    font-size: 32px;
    font-size: 2rem;
    line-height: 45px;
    line-height: 2.8125rem;
  }
}

.hero--hasDesktopImage .hero__image {
  background-size: cover;
}
@media (min-width: 600px) {
  .hero--hasDesktopImage .hero__image {
    height: 350px;
  }
  .hero--hasDesktopImage .hero__image .hero__text {
    position: absolute;
    z-index: 1;
    padding-top: 0;
    padding-bottom: 0;
    left: 5%;
    right: 5%;
  }
}
@media (min-width: 900px) {
  .hero--hasDesktopImage .hero__image {
    min-height: 500px;
  }
}

/**
 * Hero-content.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */

/**
 * _HeroPanel.cshtml
 */

/**
 * Page-header-contact-box.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */
.contact-box {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.contact-box li {
  margin-bottom: 0.46875rem;
}
.contact-box li:last-child {
  margin-bottom: 0;
}

.contact-box__phone {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-weight: 300;
}
.contact-box__phone a {
  white-space: nowrap;
}

/**
 * Page-header-search.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */

.guide-hero {
  clear: both;
  padding: 0.9375rem 0 1.875rem;
  z-index: 1;
  position: relative;
  background-repeat: no-repeat;
  background-size: 0;
  background-position: center;
  height: 350px;
  background-color: #0078bf;
}
@media (min-width: 900px) {
  .guide-hero {
    padding: 0;
  }
}


.contact-box-ribbon {
  padding: 0.46875rem 0.9375rem;
  color: #ffffff;
  background-color: #3f4047;
  flex-direction: row;
}

.contact-box-ribbon .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.contact-box-ribbon .container .contact-box {
  width: 100%;
  padding-bottom: 0.46875rem;
}
@media (min-width: 768px) {
  
.contact-box-ribbon .container .contact-box {
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
}

.contact-box-ribbon .container .contact-box li {
  padding: 0 0.46875rem;
  min-width: 25%;
}
@media (min-width: 1100px) {
  
.contact-box-ribbon .container .contact-box li {
    min-width: 20%;
  }
}
@media (min-width: 768px) {
  
.contact-box-ribbon .container .contact-box li {
    vertical-align: top;
    margin: 0;
  }
}
@media (min-width: 900px) {
  
.contact-box-ribbon .container .contact-box li:last-child {
    padding-right: 0;
  }
  
.contact-box-ribbon .container .contact-box li:first-child {
    padding-left: 0;
  }
}

.contact-box-ribbon .container .contact-box li.contact-box__phone {
  max-width: 100%;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem;
}
@media (min-width: 768px) {
  
.contact-box-ribbon .container .contact-box li.contact-box__phone {
    font-size: 100%;
  }
}

.contact-box-ribbon .container .contact-box li.contact-box__phone a {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem;
  /* override the lineheight set in the include*/
  line-height: 85%;
}
@media (min-width: 768px) {
  
.contact-box-ribbon .container .contact-box li.contact-box__phone a {
    display: block;
  }
}

.contact-box-ribbon .container .contact-box li .button--strong.button--arrow,
.contact-box-ribbon .container .contact-box li .button--secondary.button--arrow {
  position: inherit;
  background-image: none;
  padding: 0.46875rem 0.9375rem;
}

.contact-box-ribbon .container .contact-box li .button--strong.button--arrow:after,
.contact-box-ribbon .container .contact-box li .button--secondary.button--arrow:after {
  background-image: none;
  content: none;
}

/**
 * Call-to-action-items.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */
.call-to-action {
  z-index: 1;
  position: relative;
  overflow: hidden;
}
.call-to-action a > h3 {
  color: #0078bf;
}
@media (min-width: 600px) {
  .hero .call-to-action .container {
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.2);
    padding: 1.5em 0 2em;
  }
}
@media (min-width: 900px) {
  .hero .call-to-action .container {
    padding: 2em 0 3em;
  }
}
.hero .call-to-action__item__minimal-rhythm {
  position: relative;
  color: #ffffff;
  text-align: center;
}
@media (min-width: 900px) {
  .hero .call-to-action__item__minimal-rhythm {
    float: left;
    width: 33.333%;
  }
  .hero .call-to-action__item__minimal-rhythm:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    height: 100%;
  }
  .hero .call-to-action__item__minimal-rhythm:last-child:after {
    display: none;
  }
}
.hero .call-to-action__title {
  color: #ffffff;
  margin-bottom: 0.1875rem;
}
.hero .call-to-action__text p {
  margin: 0 0 1.125rem;
}

.call-to-action-item__button {
  width: 100%;
  margin: 0.46875rem 0;
}
@media (min-width: 600px) {
  .call-to-action-item__button {
    width: 60%;
  }
}
@media (min-width: 900px) {
  .call-to-action-item__button {
    width: auto;
    margin: 0;
  }
}

@media (min-width: 900px) {
  .call-to-action__small {
    display: none;
  }
}

.call-to-action__large {
  display: none;
}
@media (min-width: 900px) {
  .call-to-action__large {
    display: inline-block;
  }
}

/* styles for the access panel */

/* styles for the multi-row cta panel */

/* styles used by cards that are not to show CTA buttons */
/* used inside Multi-row CTA and Access Panel Contact Cards */

/**
 * call-to-action-layouts.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */
.call-to-action__item {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 1.875rem;
  margin-bottom: 1.875rem;
}
.call-to-action__item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (min-width: 900px) {
  .call-to-action__item {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.call-to-action__item p {
  margin-top: 0;
}
.call-to-action__item__minimal-rhythm {
  padding: 0 15px;
  margin: 0.234375rem 0;
}
@media (min-width: 600px) {
  .call-to-action-small .call-to-action__item {
    border-bottom: none;
    padding-bottom: 0;
  }
  .call-to-action-small .call-to-action__item:nth-last-child(2) {
    margin-bottom: 0;
  }
}

 .call-to-action .panel-row:last-child .call-to-action__item:last-child {
  margin-bottom: 0;
}
@media (min-width: 600px) {
   .call-to-action .panel-row:last-child .call-to-action__item.l-4col--1:nth-last-child(2),
.call-to-action .panel-row:last-child .call-to-action__item.l-4col--3:nth-last-child(2) {
    margin-bottom: 0;
  }
}
@media (min-width: 900px) {
   .call-to-action .panel-row:last-child .call-to-action__item {
    margin-bottom: 0;
  }
}

.teaser-panel .l-2col--1, .teaser-panel .l-2col--2,
.teaser-panel .l-3col--1, .teaser-panel .l-3col--2, .teaser-panel .l-3col--3,
.teaser-panel .l-4col--1, .teaser-panel .l-4col--2, .teaser-panel .l-4col--3, .teaser-panel .l-4col--4 {
  margin-bottom: 1.875rem;
}
.teaser-panel .l-3col--1, .teaser-panel .l-3col--2, .teaser-panel .l-3col--3,
.teaser-panel .l-4col--1, .teaser-panel .l-4col--2, .teaser-panel .l-4col--3, .teaser-panel .l-4col--4 {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 1.875rem;
}
@media (min-width: 600px) {
  .teaser-panel .l-4col--1, .teaser-panel .l-4col--2, .teaser-panel .l-4col--3, .teaser-panel .l-4col--4 {
    border-bottom: none;
    padding-bottom: 0;
  }
}
@media (min-width: 900px) {
  .teaser-panel .l-3col--1, .teaser-panel .l-3col--2, .teaser-panel .l-3col--3 {
    border-bottom: none;
    padding-bottom: 0;
  }
}
.teaser-panel .panel-row:last-child .l-2col--1:last-child, .teaser-panel .panel-row:last-child .l-2col--2:last-child,
.teaser-panel .panel-row:last-child .l-3col--1:last-child, .teaser-panel .panel-row:last-child .l-3col--2:last-child, .teaser-panel .panel-row:last-child .l-3col--3:last-child,
.teaser-panel .panel-row:last-child .l-4col--1:last-child, .teaser-panel .panel-row:last-child .l-4col--2:last-child, .teaser-panel .panel-row:last-child .l-4col--3:last-child, .teaser-panel .panel-row:last-child .l-4col--4:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media (min-width: 600px) {
  .teaser-panel .panel-row:last-child .l-4col--1:nth-last-child(2),
.teaser-panel .panel-row:last-child .l-4col--3:nth-last-child(2),
.teaser-panel .panel-row:last-child .l-4col--1:nth-last-child(2),
.teaser-panel .panel-row:last-child .l-4col--3:nth-last-child(2) {
    margin-bottom: 0;
  }
}
@media (min-width: 900px) {
  .teaser-panel .panel-row:last-child .l-2col--1, .teaser-panel .panel-row:last-child .l-2col--2,
.teaser-panel .panel-row:last-child .l-3col--1, .teaser-panel .panel-row:last-child .l-3col--2, .teaser-panel .panel-row:last-child .l-3col--3,
.teaser-panel .panel-row:last-child .l-4col--1, .teaser-panel .panel-row:last-child .l-4col--2, .teaser-panel .panel-row:last-child .l-4col--3, .teaser-panel .panel-row:last-child .l-4col--4 {
    margin-bottom: 0;
  }
}
.teaser-panel .call-to-action__title {
  line-height: 1.8rem;
}
.teaser-panel .call-to-action__text p {
  margin-top: 0.703125rem;
}

.call-to-action__image {
  line-height: 0;
  margin-bottom: 0.9375rem;
}
.call-to-action__image a {
  display: block;
}

.call-to-action__title {
  margin-bottom: 0;
}

/**
 * call-to-action-center.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */
/**
 * call-to-action-float.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */

/**
 * call-to-action-split.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */
.call-to-action-split .border-right {
  border-right: 0;
}
@media (min-width: 900px) {
  .call-to-action-split {
    background: -webkit-linear-gradient(left, #ffffff, #ffffff, 50%, #f1f5f8 0, #f1f5f8);
    background: linear-gradient(90deg, #ffffff 0, #ffffff 50%, #f1f5f8 0, #f1f5f8);
  }
  .call-to-action-split .border-right {
    border-right: 1px solid #dddddd;
  }
}
/**
 * promo-panel.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */
.promo-panel .call-to-action__image a img {
  width: 100%;
}

/**
 * Content.scss
 *
 * @copyright Copyright 2016 Palantir.net
 */
.content img {
  border: 4px solid #f5f5f5;
}

@media (min-width: 900px) {
  .main-content {
    border-right: 1px solid #dddddd;
    padding-right: 2.8125rem !important;
  }
}

@media (min-width: 900px) {
  .side-content {
    padding-left: 2.8125rem !important;
  }
}

/**
 * Content-panel.scss
 *
 * @copyright Copyright 2016 Cleveland Clinic
 * Effects all Health Information pages and all content panels in use on the site.
 */

/**
 * Location-panel.scss
 *
 * location-panel = old location panel class
 * locations-panel = new CarePages location panel class
 *
 * @copyright Copyright (c) 2016 Cleveland Clinic
 */

/*
.mfp-bg.mfp-bg--light {
  background: $rd-gray-light;
}

.mfp-wrap.mfp-bg--light {
  .mfp-content {
    width: fit-content;
  }
}

.locations-panel__lightbox-popup {
  width: fit-content;

  .locations-panel__lightbox {
    background-color: $white;
    margin-left: auto;
    margin-right: auto;
    height: 87vh;
    width: 92%;
    min-height: 400px;
    max-height: 643px;
    max-width: 856px;
    border-radius: 10px;

    @include breakpoint($bp1) {
      border-radius: 0;
    }

    .locations-panel__lightbox-button--close {
      display: block;
      margin: rhythm(.8) 0 rhythm(.667);
      @extend %text-link;
      background: url('/Assets/imgs/icon-close-mobile.png') no-repeat right center;
      background-size: 25px;
      padding-right: rhythm(2);
      margin-right: rhythm(.667);
      width: fit-content;
      float: right;

      @include breakpoint($bp1) {
        margin-right: rhythm(2.133);
      }
    }

    .locations-panel__lightbox-container {
      background-color: $rd-gray-lightest;
      width: calc(100% - 20px);
      height: calc(100% - 78px);
      margin: 0 auto;
      overflow: auto;

      @include breakpoint($bp1) {
        width: calc(100% - 64px);
      }

      &::-webkit-scrollbar {
        width: 9px;
      }

      &::-webkit-scrollbar-track {
        background-color: $rd-gray-light;
      }

      &::-webkit-scrollbar-thumb {
        background-color: rgba($rd-blue-bright, 0.53);
        border-radius: 4px;
      }

      .locations-panel__heading {
        @extend %carepages-h2;
        line-height: 38px;
        padding-top: rhythm(1.2667);
        margin-bottom: rhythm(.4);

        @include breakpoint($bp1) {
          padding-top: rhythm(2.733);
          margin-bottom: rhythm(1.267);
        }

        @include breakpoint($bp2) {
          margin-bottom: rhythm(1.6);
        }
      }

      .locations-panel__lightbox-search {
        font-family: $roboto;
        font-weight: $font-weight-normal;
        @include adjust-font-size-to(24px);
        line-height: 23px;
        padding-left: rhythm(3.2);
        padding-right: rhythm(4.267);
        color: $rd-gray-medium-dark;
        height: 70px;
        background-image: url('../imgs/icon-search--dark-gray.svg');
        background-size: 25px;
      }

      label {
        font-family: $roboto;
        font-weight: $font-weight-normal;
        @include adjust-font-size-to(15px);
        line-height: 18px;
        color: $black;
        text-transform: none;
        margin-top: rhythm(.8);
        margin-bottom: rhythm(1.067);
        letter-spacing: normal;
      }

      .locations-panel__location-link {
        display: block;
        margin: rhythm(.333) 0 rhythm(.467);
        background: url('../imgs/icon-location.png') no-repeat left center;
        background-size: 10px 12px;
        padding-left: rhythm(1.333);
        line-height: 22px;
        width: fit-content;
        text-decoration: none;
        border-bottom: 1px solid $rd-blue;
        cursor: pointer;

        @include breakpoint($bp1) {
          margin-top: rhythm(.467);
        }

        @include breakpoint($bp2) {
          margin-bottom: rhythm(.667);
        }

        &:hover {
          color: $rd-blue-dark;
          border-bottom: 1px solid $rd-blue-dark;
        }
      }

      .locations-panel__lightbox-description {
        font-family: $roboto;
        font-weight: $font-weight-light;
        @include adjust-font-size-to(14px);
        line-height: 21px;
        color: $rd-gray;
        text-transform: uppercase;
        display: block;
      }

      .locations-panel__lightbox-content {
        width: calc(100% - 36px);
        margin-left: auto;
        margin-right: auto;
        padding-bottom: rhythm(1.6);

        @include breakpoint($bp1) {
          width: calc(100% - 64px);
          padding-bottom: rhythm(2.733);
        }

        @include breakpoint($bp2) {
          width: 75%;
        }

        .locations-panel__card {
          width: 100%;
          border-bottom: 3px solid $rd-gray-light;
          padding: rhythm(1.6) 0 rhythm(1.133);

          .locations-panel__card-content {
            height: auto;
            display: flex;
            flex-direction: column;

            @include breakpoint($bp1) {
              flex-direction: row;
            }

            .locations-panel__image-link {
              display: inline-block;
              width: 100%;
              height: fit-content;
              margin-bottom: 0;
              cursor: pointer;

              @include breakpoint($bp1) {
                width: 35%;
              }

              &:hover {
                .locations-panel__image-overlay:before {
                  opacity: .25;
                }
              }
            }

            .locations-panel__image-overlay {
              position: relative;
              height: fit-content;
              width: 100%;

              &:before {
                @extend %locations-panel__image-overlay;
                height: calc(100% - 12px);

                @include breakpoint($bp1) {
                  height: calc(100% - 8px);
                }
              }

              img {
                max-width: none;
                width: 100%;
                margin-bottom: rhythm(.267);

                @include breakpoint($bp1) {
                  margin-bottom: 0;
                }
              }
            }

            img {
              width: 100%;
              height: fit-content;
              margin-bottom: rhythm(.8);

              @include breakpoint($bp1) {
                width: 35%;
                margin-bottom: 0;
              }
            }

            .locations-panel__card-info {
              width: 100%;
              margin: 0;

              @include breakpoint($bp1) {
                width: 65%;
                margin: 0 0 0 rhythm(.933);
              }

              @include breakpoint($bp2) {
                margin: 0 0 0 rhythm(1.6);
              }

              .locations-panel__card-title-link {

                .locations-panel__card-title {
                  color: $rd-blue;
                  cursor: pointer;

                  &:hover {
                    color: $rd-blue-dark;
                  }
                }
              }

              .locations-panel__card-title {
                @extend %locations-panel__card-title;
                margin: 0 0 rhythm(.667);
              }

              .locations-panel__distance {
                @extend %locations-panel__distance;
              }

              .locations-panel__card-address {
                @extend %locations-panel__card-address;
              }

              .locations-panel__card-link {
                @extend %text-link;
                display: inline-block;
                margin-right: rhythm(2.133);
                margin-bottom: rhythm(.667);
              }
            }
          }
        }

        .locations-panel__lightbox-link--exit {
          @extend %text-link;
          display: block;
          width: fit-content;
          margin: rhythm(1.6) auto 0;

          @include breakpoint($bp1) {
            margin-top: rhythm(2.333);
          }
        }
      }
    }
  }
} */
/**
 * Provider-panel.scss
 *
 * @copyright Copyright (c) 2016 Cleveland Clinic
 */

/**
 * Form Progress
 *
 * @copyright Copyright 2016 Palantir.net
 */

/**
 * Quote
 *
 * @copyright Copyright 2016 Palantir.net
 */

/**
 * Side-list.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */
.side-blocks {
  background-color: #f5f5f5;
}
@media (min-width: 900px) {
  .side-blocks {
    background-color: transparent;
  }
  .side-blocks:last-child {
    margin-bottom: 0;
  }
}
.side-blocks > div:first-of-type {
  margin-top: 1.875rem;
}
.side-blocks > div:last-of-type {
  margin-bottom: 1.875rem;
}

/**
 * Side-list-nav.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */

/**
 * Teasers.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */
.teaser-list__load-more .teaser__item {
  margin-bottom: 1.875rem !important;
}

.teaser__item {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 1.875rem;
  margin-bottom: 1.875rem;
}
.teaser__item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (min-width: 600px) {
  .teaser__item {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .teaser__item:nth-last-child(2) {
    margin-bottom: 0;
  }
}
@media (min-width: 900px) {
  .teaser__item {
    margin-bottom: 0;
  }
}

.teaser {
  position: relative;
}

.teaser__title {
  margin: 0.46875rem 0;
}

.teaser__image-link {
  position: relative;
  display: block;
  line-height: 0;
}

.teaser__image-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.teaser__image-container:after {
  content: "";
  display: block;
  margin-top: 56.666%;
}

.teaser__image {
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: absolute;
}

@supports (-ms-accelerator: true) {
  .teaser__image {
    height: auto;
  }
}
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  *::-ms-backdrop, .teaser__image {
    height: auto;
  }
}

/**
 * Search-locations.scss
 *
 * @copyright Copyright 2016 Palantir.net
 */

/**
 * Search-facet-title.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */
/**
 * Search-facets
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */

/* Browser hack to get Safari to remove the grey highlight. */

/* Added by Brian for search */

/**
 * List-item-search.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */

/**
 * List Item Location
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */

/**
 * List-item-giving.scss
 *
 * @copyright Copyright (c) 2019 Cleveland Clinic
 */

/**
 * List-item-designation.scss
 * Views\Components\Search\DesignationSearch.cshtml
 *
 * @copyright Copyright (c) 2019 Cleveland Clinic
 */
/**
 * List Item Article
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */

/**
 * Ratings-promo.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */

@-moz-document url-prefix() {
  @media (min-width: 900px) {
    width: 4.3753125rem;
  }
}

.loading-spinner {
  text-align: center;
  font-style: italic;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 30px;
  line-height: 1.875rem;
}

/**
 * search-tab-provider.scss
 *
 * @copyright Copyright (c) 2016 Cleveland Clinic
 */

/**
 * Patient-stories.scss
 *
 * @copyright Copyright (c) 2016 ClevelandClinic.net
 */
/* Patient Story Panel Cards */

/* All Stories Component */
.patient-stories .teaser__title {
  margin-bottom: 1.875rem;
}

/* Single Story Component */

/**
 * Service.scss
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */
.service {
  text-align: center;
}


.service__label--alt {
  color: #555555;
  margin: 0.9375rem 0 0;
}

.service__title {
  font-size: 32px;
  font-size: 2rem;
  line-height: 45px;
  line-height: 2.8125rem;
  font-family: "Source Sans Pro", "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.46875rem;
}


.service__nav {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 30px;
  line-height: 1.875rem;
}

.service__nav a {
  display: block;
  white-space: nowrap;
}

.service__nav a:nth-child(4n):after {
  content: "\a";
  white-space: pre;
}
@media (min-width: 600px) {
  
.service__nav a {
    display: inline;
  }
}
@media (min-width: 600px) {
  
.service__nav a ~ a {
    padding-left: 0.9375rem;
  }
}

/**
 * Contact
 *
 * @copyright Copyright 2016 Palantir.net
 */
.contact {
  line-height: 22.5px;
}
.contact * {
  margin: 0;
}
.contact > * {
  margin-bottom: 0.9375rem;
}

/**
 * Location
 *
 * @copyright Copyright (c) 2016 Palantir.net
 */
.location {
  display: none;
  background: linear-gradient(to bottom, #ffffff 50%, #f5f5f5 100%);
  min-height: 400px;
}
@media (min-width: 1100px) {
  .location {
    display: block;
  }
}

/* Find a Doctor */

/**
 * Ratings.scss
 *
 * @copyright Copyright 2016 Palantir.net
 */
/**
 * Wait-times.scss
 *
 * @copyright Copyright 2016 Cleveland Clinic
 */

/**
 * @file
 * LiveEngage custom styles
 */

.ad iframe {
  background-color: #f5f5f5;
}
.ad-context--all {
  width: 100%;
  position: relative;
}

.show-above-bp2 {
  display: none;
}
@media (min-width: 900px) {
  .show-above-bp2 {
    display: block;
  }
}

.hide {
  display: none;
}

/**
 * @file
 * Define print styles here.
 */
/***
    Print preview styles for compiled print pages
***/
_:-ms-fullscreen {
  max-width: 420pt;
}

/***
    Print Styles
***/
@media print {
  /* Outcomes Metric Print Styles */
  /* Treatment Guide Print Styles */
}
@media print and (min-width: 1400px) {
  html {
    font-size: 100% !important;
  }
}
@media print and (min-width: 600px) {
  html .container {
    width: 100%;
  }
}
@media print {
  .back-to-top {
    display: none !important;
  }
}
@media print {
  * {
    color: #363636 !important;
  }
}
@media print {
  .header {
    box-shadow: none;
  }
}
@media print {
  .guide-hero {
    height: 125px !important;
    margin: 0;
    background-image: none !important;
  }
}
@media print {
  .guide-hero .contact-box {
    display: none;
  }
}
@media print {
  
.footer__text {
    display: none;
  }
}
@media print {
  @page {
    margin: 25mm 5mm 25mm 22mm;
  }
}
/**
 * Bio.scss
 *
 * @copyright Copyright 2016 Palantir.net
 */

/*
    These are the theme styles for the Cosmetics micro-site.
    These styles override the default color scheme for these elements.
*/
.cosmetic-plastic-surgery h1, .cosmetic-plastic-surgery h2, .cosmetic-plastic-surgery h3 {
  font-family: "Source Sans Pro", "Roboto", sans-serif;
  font-style: italic;
}
.cosmetic-plastic-surgery h1, .cosmetic-plastic-surgery h3 {
  font-weight: 400;
}
.cosmetic-plastic-surgery h2 {
  font-weight: 300;
}
.cosmetic-plastic-surgery h2, .cosmetic-plastic-surgery h3,
.cosmetic-plastic-surgery .theme-white h2, .cosmetic-plastic-surgery .theme-white h3 {
  color: #384d5f;
}
 .cosmetic-plastic-surgery .theme-blue-gray-pattern h2, .cosmetic-plastic-surgery .theme-blue-gray-pattern h3 {
  color: #ffffff;
}
.cosmetic-plastic-surgery .button, .cosmetic-plastic-surgery .button--strong {
  background-color: #73828f;
  border-color: #73828f;
  color: #ffffff;
}
.cosmetic-plastic-surgery .button:active, .cosmetic-plastic-surgery .button:hover, .cosmetic-plastic-surgery .button:focus, .cosmetic-plastic-surgery .button--strong:active, .cosmetic-plastic-surgery .button--strong:hover, .cosmetic-plastic-surgery .button--strong:focus {
  background-color: #818f9a;
  border-color: #818f9a;
  color: #ffffff;
}
.cosmetic-plastic-surgery .button--secondary {
  background-color: #ffffff;
  border-color: #dddddd;
  color: #384d5f;
}
.cosmetic-plastic-surgery .button--secondary:active, .cosmetic-plastic-surgery .button--secondary:hover, .cosmetic-plastic-surgery .button--secondary:focus {
  background-color: #f1f5f8;
  border-color: #dddddd;
  color: #384d5f;
}
.cosmetic-plastic-surgery .button--secondary.button--arrow:after {
  background-image: url("../imgs/icon-arrow--blue-right.svg");
  background-color: #f1f5f8;
}
.cosmetic-plastic-surgery .button--secondary:hover:after {
  background-color: #e0e9f0;
}
.cosmetic-plastic-surgery .button--transparent {
  background-color: transparent;
  border-color: transparent;
  color: #ffffff;
}
.cosmetic-plastic-surgery .button--transparent:active, .cosmetic-plastic-surgery .button--transparent:hover, .cosmetic-plastic-surgery .button--transparent:focus {
  background-color: transparent;
  border-color: transparent;
  color: #ffffff;
}
.cosmetic-plastic-surgery .button--transparent.button--arrow:after {
  background-color: transparent;
}
.cosmetic-plastic-surgery .button--transparent:hover:after {
  background-color: transparent;
}
.cosmetic-plastic-surgery .button--search {
  background-color: #f1f5f8;
  border-color: #dddddd;
}
.cosmetic-plastic-surgery .button--search:active, .cosmetic-plastic-surgery .button--search:hover, .cosmetic-plastic-surgery .button--search:focus {
  background: #ffffff url("../imgs/icon-search--blue.svg") no-repeat 0.84375rem center;
}
.cosmetic-plastic-surgery .teaser-panel .accordion-section-title {
  display: none;
}
.cosmetic-plastic-surgery .teaser-panel .accordion-content {
  display: block;
}
.cosmetic-plastic-surgery .teaser-panel .section__heading--centered {
  text-align: center;
}
.cosmetic-plastic-surgery .teaser-panel .call-to-action__image {
  margin-bottom: 0;
}
.cosmetic-plastic-surgery .teaser-panel .call-to-action__image img {
  max-width: 100%;
  width: 100%;
}
.cosmetic-plastic-surgery .teaser-panel .call-to-action__title {
  font-style: normal;
  color: #ffffff;
  padding: 5px 10px 10px;
  background-color: #73828f;
  text-align: center;
  max-width: 430px;
  margin-bottom: 1.875rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: -1px !important;
  line-height: 1.875rem;
}
@media (min-width: 900px) {
  .cosmetic-plastic-surgery .teaser-panel .call-to-action__title {
    max-width: 100%;
  }
}
.cosmetic-plastic-surgery .teaser-panel .call-to-action__text, .cosmetic-plastic-surgery .teaser-panel .call-to-action__text + a {
  display: none;
}
.cosmetic-plastic-surgery .hero {
  background: #73828f;
}
.cosmetic-plastic-surgery .hero__text {
  padding-bottom: 0;
}
@media (min-width: 600px) {
  .cosmetic-plastic-surgery .hero__text {
    padding-bottom: 1.875rem;
  }
}
.cosmetic-plastic-surgery .hero__title {
  font-size: 2.8125rem;
  line-height: 3.75rem;
}
@media (min-width: 600px) {
  .cosmetic-plastic-surgery .hero__title {
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 60px;
    line-height: 3.75rem;
  }
}
@media (min-width: 900px) {
  .cosmetic-plastic-surgery .hero__title {
    font-size: 70px;
    font-size: 4.375rem;
    line-height: 75px;
    line-height: 4.6875rem;
  }
}
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cosmetic-plastic-surgery *::-ms-backdrop, .cosmetic-plastic-surgery .hero__title {
    text-shadow: 0 2px 0 rgba(54, 54, 54, 0.2);
  }
}

.health .nav--primary,
.health .nav--primary__header,
.health .nav--secondary__link {
  font-family: "Source Sans Pro", "Roboto", sans-serif;
}
.health .header {
  box-shadow: none;
}
.health .button--strong, .health .button--full {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.health .button--small {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18px;
  line-height: 1.125rem;
  letter-spacing: 0.135em;
}
.health .main-content {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 30px;
  line-height: 1.875rem;
}
.health .main-content ul {
  margin: 0.9375rem 0;
}
.health .main-content table {
  font-size: 16px;
  font-size: 1rem;
  line-height: 27px;
  line-height: 1.6875rem;
}
.health .main-content h1:first-child,
.health .main-content h2:first-child,
.health .main-content h3:first-child,
.health .main-content h5:first-child,
.health .main-content h6:first-child,
.health .main-content p:first-child,
.health .main-content ul:first-child {
  margin-top: 0;
}
.health .return-link__link {
  font-weight: 500;
  margin-right: 0;
}
.health .index-list-link {
  font-weight: 500;
  margin-bottom: 1.40625rem;
}
.health .selection-panel-mobile {
  display: block;
}
@media (min-width: 900px) {
  .health .selection-panel-mobile {
    display: none;
  }
}
.health .selection-panel-mobile .select-categories {
  width: 100%;
  margin-bottom: 1.875rem;
  padding-right: 0;
  font-weight: 500;
}
.health .selection-panel-mobile .select-categories:hover {
  cursor: pointer;
}

/**
* clinical-trials-pages.scss
*
* Layout rules for elements scoped to the Clinical Trials pages
*/

/**
* regional-directory.scss
*
* Overrides for components used on the regional directory page.
*/

/* SCSS Sourcemaps for DEV environment | Do not show these in QA or Prod! */